.faqs-container .card {border: 0;border-radius: 10px !important;cursor: pointer;}
.faqs-container .card-header h3 {font-size: 18px;font-weight: 400;line-height: 1.3;padding: 30px 100px 30px 30px;font-family: var(--sof-primary-font);color: var(--sof-black); margin: 0;}
.faqs-container .card-header {background-color: var(--sof-white); padding: 0;margin-bottom: 0;border-bottom: 0;}
.faqs-container .card-body {padding: 0px 100px 30px 30px;font-size: 18px;letter-spacing: 0.05em;line-height: 1.5;}
.faqs-container .card + .card {margin-top: 32px;}
.faqs-container .card-header h3::after {position: absolute;content: '+';right: 30px;top: 18px;color: var(--sof-red);font-family: var(--sof-secondary-font);font-size: 50px;line-height: 1;} 
.faqs-container .card-header:not(.collapsed) h3::after {content: '-'; font-size: 44px; }

/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) {

}

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
}

/* =================================================  
 ! Small devices (landscape phones, less than 768px)
 ================================================= */
@media (max-width: 767.98px){
    .faqs-container .card-header h3{padding-right: 70px;}
    .faqs-container .card-body{padding-right: 40px;}
}

/* ======================================================
 ! Extra small devices (portrait phones, less than 576px)
 ====================================================== */
 @media (max-width: 575.98px){

}

/* ======================================================
! Extra small devices (portrait phones, less than 370px)
====================================================== */
@media (max-width:369.98px) { 
}