﻿.textImage{
	padding-top:4rem;
	padding-bottom: 3rem;
}

.textImage.text-alt{
	background-color: #F5F6F8;
	margin-bottom: 1rem;
}


.textImage.text-alt .row{
	justify-content: center;
}

.textImage.text-alt .row .col-lg-6:first-child{
	max-width: max-content;
	opacity: 0;
	transform: translateX(-100%);
}


.textImage.text-alt .row .col-lg-6:first-child .card{
	width: auto;
	height: auto;
	margin-bottom: 1.5rem;
}



.textImage.text-alt .row .col-lg-6:last-child .description{
	font-size: 1.1rem;
}





.textImage .description, .textImage .description p{
	
	line-height:2rem;
}
.faqs{
	padding-top:3rem;
	padding-bottom:3rem;
}
.faqs .faqContainer{
	border:1px solid #CCCCCC;
	margin-bottom:1.5rem;
	border-radius:.4rem;
	overflow: hidden;
	opacity: 0;
	transform: translateY(100%);
}

.faqs .faqContainer:last-child{
	margin-bottom: unset;
}

.faqs .faqContainer .d-flex{
	background-color:#f5f6f8;
	padding:1.7rem 1.5rem;
	transition: .3s all ease;
	cursor: pointer;
}

.faqs .faqContainer .d-flex:hover{
	background-color: rgb(221 223 229 / 58%);
}


.faqs .faqContainer h5{
	color:#000;
	font-family: var(--avenirMedium);
	font-size:1.2rem;
	padding-right: .5rem
}
.faqs .faqCollapse{
	display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    border: 0.125rem solid var(--purple);
    background-color:transparent;
    border-radius: 50%;
    flex-shrink: 0;
    background-image:url("/_catalogs/masterpage/NDS/media/plus-1512-svgrepo-com.svg");
	background-repeat:no-repeat;
	background-position:center;
	background-size:1rem;
	transition: .3s all ease;
}



.faqs .faqCollapse:hover{
	background-color: rgb(91 40 97 / 11%);
}




.faqs .faqContainer .faqText{
	padding:1.7rem 1.5rem;
	background-color:white;
}
.faqs .faqContainer .faqText ul{
	
	padding:0;
}
.faqs .faqContainer .faqText ul li{
	position:relative;
	padding-left: 2rem;
	line-height:2rem;
	margin-bottom: .5rem;
}
.faqs .faqContainer .faqText ul li::before{
	content:"";
	top:50%;
	transform:translateY(-50%);
	background-color:var(--purple);
	height: .7rem;
	width: .7rem;
	position:absolute;
	left:0;
	border-radius: 0.15rem;
}
.faqs .d-flex[aria-expanded="true"] .faqCollapse{
	background-image:url("/_catalogs/masterpage/NDS/media/minus-remove-subtract-delete-svgrepo-com.svg");
}
.faqs .d-flex[aria-expanded="false"] .faqCollapse{
	background-image:url("/_catalogs/masterpage/NDS/media/plus-1512-svgrepo-com.svg");
}
.textImage.text-alt .row .col-lg-6:last-child{
	transform:translateX(100%);
	opacity:0;
}
@media(min-width:768px){


.faqs{
	padding-top:4rem;
	padding-bottom:4rem;
}

	
	.textImage{
	padding-bottom: 4rem;
}

	.faqs .faqContainer .faqText ul li{
	padding:0 2rem;
}

	.textImage.text-alt .row .col-lg-6:last-child{
	margin-left: 2rem; 
}

	.textImage.text-alt .row .col-lg-6:first-child .card{
	width: 32rem;
			margin-bottom: unset;
}

	.faqs .faqContainer{
	margin-bottom:2rem;
}
	
	.faqs .faqContainer h5{
	font-size: 1.3rem;
	padding-right: unset;
}

.faqs .faqContainer .d-flex, .faqs .faqContainer .faqText{
	padding:1.7rem 2.5rem;
}

	

}