.breadCrumb ul {display: flex; align-items: center; gap: 5px; margin-top: 13px;}
.breadCrumb li {display: flex; align-items: center}
.breadCrumb ul a {font-size: var(--fs-base); transition: var(--transition);}
.breadCrumb ul a:hover {color: var(--c-primary);}
.breadCrumb ul > :last-child {padding-left: 16px; position: relative; color: #000;}
.breadCrumb ul > :last-child::after {width: 7px; height: 10px; background: no-repeat center / cover url('../images/icons/chevron-right.svg'); position: absolute; left: 0; top: 50%; content: ""; transform: translateY(-50%); filter: var(--_c-light-filter);} 

.faq-banner .wrapper {height: 358px; background: no-repeat center / cover url("../images/faq-banner.webp"); border-radius: 8px; }
.faq-banner .content {height: 100%; display: flex; flex-direction: column; justify-content: center; background-color: #00000026; padding: 50px 55px; border-radius: 8px; margin-top: 13px;}
.faq-banner .content > :first-child {font-size: calc(var(--fs-lg) + 2px); text-align: center; font-weight: 800; line-height: 1.15; color: #fff; margin-bottom: 12px; }
.faq-banner .content > :nth-child(2)  {font-size: calc(var(--fs-base) + 2px); color: #fff; text-align: center;}
.faq-info .wrapper {display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-block: 30px;}
.faq-info .content {display: flex; flex-direction: column; align-items: center;}
.faq-info .content img {width: 55px; height: 55px;} 
.faq-info .content > :nth-child(2) {font-size: calc(var(--fs-md) - 2px); font-weight: 800; text-align: center; margin-block: 10px 5px;}
.faq-info .content > :nth-child(3) {display: flex; align-items: center; gap: 5px; font-size: var(--fs-xs);  text-align: center; margin-bottom: 12px;}
.faq-info .content > :nth-child(3) > :first-child {color: var(--c-primary); text-decoration: underline; transition: var(--transition);}
.faq-info .content > :nth-child(3) > :first-child:hover {color: #000;}
.faq-qna {padding-bottom: 60px;}
.faq-qna .accordion-item {border-width: 0; border-bottom: 1px solid var(--_c-faq-border);}
.faq-qna .accordion-item:has(:not(.collapsed)) {background-color: var(--_c-faq-bg);}
.faq-qna .content { border-top: 1px solid var(--_c-border);}
.faq-qna .accordion-item:first-of-type>.accordion-header .accordion-button {border-top: 1px solid var(--_c-faq-border); border-radius: unset;}
.faq-qna .accordion-button::after {width: 24px; height: 24px; font-size: var(--fs-lg); font-weight: 300; background: no-repeat center / cover url('../images/icons/plus-lg.svg'); position: absolute; right: 22px; content: "";}
.faq-qna .accordion-button:focus {box-shadow: unset;}
.faq-qna .accordion-button:not(.collapsed) {background-color: transparent; color: var(--c-primary); box-shadow: unset;}
.faq-qna .accordion-button:not(.collapsed)::after {background: no-repeat center / cover url("../images/icons/dash-lg.svg"); filter: var(--_c-primary-filter);}
.faq-qna button {height: 62px; font-size: calc(var(--fs-base) + 2px); font-weight: 800; line-height: 1.15; padding: 22px 64px 22px 26px; position: relative; transition: var(--transition);}
.faq-qna button:hover {color: var(--c-primary);}
.faq-qna .accordion-body {font-size: var(--fs-base); padding: 0 64px 22px 26px;}


@media only screen and (max-width: 991px) {
    .faq-info .wrapper {grid-template-columns: repeat(2, 1fr); max-width: 75%; margin-inline: auto;}
}
@media only screen and (max-width: 768px) {
    .faq-info .wrapper {max-width: 100%; }
    .faq-info .content img {height: 45px; width: 45px;}
    
}
@media only screen and (max-width: 576px) {
    .faq-qna {padding-bottom: 45px;}
    .faq-info .wrapper {grid-template-columns: 1fr; gap: 15px;}
    .faq-info .content > :nth-child(2) {margin-block: 10px;}
    .faq-info .content img {height: 35px; width: 35px;}
    .faq-qna .content button {font-size: var(--fs-sm); padding: 15px 58px 15px 16px;}
    .faq-qna .content p {padding: 0 64px 22px 15px;}
    .faq-qna .content button::after {width: 16px; height: 16px;}
}
@media only screen and (max-width: 475px) {
    .faq-qna {padding-bottom: 30px;}
}