/* FAQ page css */
.faq__left__sec, .faq__right__sec{
    background-color: var(--bg_white);
    box-shadow: 0px 0px 20px 0px #0000001A;
}
.faq__page__title{
    padding:1.2rem 0;
}
.faq__content__show{
    margin:1.8rem 0;
    overflow-y: auto;
    height: 100%;
}
.faq__queries__text{
    text-align: center;
}
.faq__queries__text a{
    text-decoration: underline;
}
.faq__item{
    gap: 1rem;
}
.faq__content__wrpr{
    padding: 1.2rem;
    border: 1px solid var(--table-border_clr);
}
.faq__content__sub__wrpr p{
    text-align: left;
}
.faq__content__wrpr a{
    text-decoration: none;
}
.faq__text2{
   margin: 3rem 0 .8rem ;
}
.faq__content__sub__wrpr p{
    margin-top: 2.4rem;
}
.faq__desktop__content{
    height: 100%;
}
.faq__mobile__design{
    display: none;
}
.faq__mobile__content{
    padding:0 1.2rem;
    margin:1.6rem 0;
    background-color: var(--bg_white);
}
.faq__mob__item{
    display: flex;
    justify-content:space-between;
    align-items: center;
    gap: 1rem;
}
.faq__mob__text1{
    margin:1.2rem 0 .8rem;
    color: var(--table_text_clr1);
}
.faq__mob__content__wrpr .faq__content__sub__wrpr .faq__queries__text{
    margin-top:.6rem;
}
.faq__content__sub__wrpr p a{
    text-decoration: none;
}
.faq__mob__item1__wrpr{
    padding:1.2rem 0;
    border-bottom: 1px solid #F4F4F4;
}
.faq__mob__content__wrpr{
    display: none;
}
.faq__mob__item svg{
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.faq__mob__item.active svg{
    transform: rotate(180deg);
}
.faq__mob__item1__wrpr:last-child{
    border-bottom: 0;
}
@media (min-width:1024px) and (max-width:1366px){
    .faq__mobile__design .font12{
        font-size:var(--font16);
    }
    .faq__mob__item1__wrpr {
        padding: 1.6rem 0;
    }
    .faq__mob__text1 {
        margin: 1.6rem 0 1.2rem;
    }
    .faq__mob__content__wrpr .faq__content__sub__wrpr .faq__queries__text {
        margin-top: 0.8rem;
    }
}
@media only screen and (max-width:1024px) {
    .faq__desktop__content{
        display: none;
    }
    .faq__mobile__design{
        display: block;
    }
}