/* Hero section */
.faq-thumb-swiper .swiper-wrapper {
    flex-direction: column;
    transform: translate3d(0px, 0px, 0px) !important;
    /* transform: unset !important; */
}

/* .faq-thumb-swiper .swiper-wrapper .swiper-slide {
    pointer-events: none;
} */
.faq-thumb-swiper .accordion-header {
    pointer-events: all;
}

.faq-hero-section .hero-content-area {
    padding-right: 25rem;
}

.faq-hero-section .hero-title {
    padding-right: 15rem;

}

.faq-accordion-row {
    --bs-gutter-x: 5.625rem;
}

.faq-accordion-container .right-accordion .accordion-item.active .accordion-arrow {
    transform: rotate(-90deg);
    transition: all ease .3s;
}

.faq-accordion-container .left-accordion .accordion-arrow {
    width: 24px;
    /* Adjust the width to control the size of the plus sign */
    height: 24px;
    /* Adjust the height to control the size of the plus sign */
    position: relative;
    border: 1px solid #808080;
    border-radius: 25px;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;

}

.line-1,
.line-2 {
    position: absolute;
    background-color: #808080;
    /* Color of the plus sign lines */
    height: 2px;
    /* Adjust the height to control the thickness of the plus sign lines */
    width: 10px;
}

.line-2 {
    transform: rotate(90deg);
    /* Rotate the second line by 90 degrees to create a plus sign */
}

.faq-accordion-container .left-accordion .accordion-item.active .line-2 {
    opacity: 0;
}

.faq-accordion-container .left-accordion .accordion-item {
    background-color: var(--light-gray-color);
    padding: 0 1.5rem;
    margin-bottom: 1rem;
}

.faq-accordion-container .left-accordion .title-content {
    color: #000;
}

.faq-accordion-container .right-accordion .accordion-item {
    border-bottom: 1px solid #808080;
}

.faq-accordion-container .accordion-content .accordion-content-wrapper {
    padding: 1rem 0;
}

.faq-accordion-container .right-accordion .title-content {
    font-size: 2rem;
    color: #121228;
}

.faq-accordion-container .accordion .accordion-content {
    color: #A7A8A9;
}

.cta-banner-faq .cta-banner-with-image .heading {
    padding-right: 48rem;
}

.gray-text {
    color: #999999;
}

.cta-banner-faq .cta-banner-with-image .content-area {

    clip-path: polygon(0 0, 61% 0%, 49% 96%, 0% 96%);
}

.cta-banner-faq .cta-banner-with-image .cta-banner-with-image-img {
    clip-path: polygon(24% 0%, 100% 0, 100% 86%, 0 86%);
}

.faq-category-item .faq-category-header {
    display: flex;
    padding: 1.25rem 0;
    font-size: 1.5rem;
    justify-content: space-between;
    align-items: center;
}

.faq-category-item {
    border-bottom: 1px solid #808080;
    cursor: pointer;
}

.faq-category-item .faq-category-content-wrapper {
    padding: 1rem 0;
    color: #A7A8A9;
    padding-top: 0;
}

.faq-category-item .faq-category-content {
    height: 0px;
    overflow: hidden;
    transition: all ease .5s;
}

.faq-category-item .accordion-arrow {
    display: flex;
    transition: all ease .5s;

}

.faq-category-item.active .accordion-arrow {
    transform: rotate(-90deg);
}

/* .faq-category-item.active */

/* 992
1025
768 */
@media(max-width: 1199.98px) {
    .faq-accordion-row {
        --bs-gutter-x: 0rem;
    }

    .faq-accordion-container {
        margin: 0 1rem;
    }
}

@media(max-width: 991.98px) {}

@media(max-width: 767.98px) {}

@media(max-width: 575.98px) {}