.faq_box{
    padding: 55px 24px 24px;
    background: #fff;
    border-radius: 10px;
}

.faq_box h2{
    margin-bottom: 58px;
}

.faq_accardion_title{ 
    font-weight: 500;
    font-size: 20px;
    line-height: 141%;
    letter-spacing: -0.02em;
    background: var(--green-muted);

    min-height: 90px;

    padding: 7px 24px 7px 24px;

    border-radius: 16px;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.faq_item.active .faq_accardion_title{
    border-radius: 16px 16px 0 0;
}

.accardion_body{

    border-radius: 0 0 16px 16px;

}

.faq_block .accardion_btn{

    position: static;

}

.faq_item{

    margin: 0 0 28px;

    cursor: pointer;

}

.faq_block .accardion_body{

    background: var(--gray-light);

}

.faq_block .accardion_body>div{

    padding: 20px 155px 20px 20px;

}

.faq_block .accardion_body p{ 
    font-weight: 400;
    font-size: 17px;
    line-height: 141%;
    letter-spacing: -0.02em;
    color: var(--black);

}

.faq_item .accardion_btn{
   background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 10.2308H19.4615M10.2308 1V19.4615' stroke='%2398BA66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;

}

.faq_item.active .accardion_btn{
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='2' viewBox='0 0 21 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1H19.4615' stroke='%2398BA66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.accardion_item:first-child .accardion_title{
    background: var(--green-light);
}
.accardion_item:nth-child(2) .accardion_title{
    background: var(--green);
}
.accardion_item:nth-child(3) .accardion_title{
    background: var( --green-dark);  
}
.accardion_item h3{
    font-size: 2.6rem;
    font-weight: 400;
    line-height: 1.1; 
    transition: all .3s linear;
} 
.accardion_item:not(:last-child){
    margin: 0 0 8px;
}
.accardion_btn{
    width: 119px;
    height: 116px; 
    border-radius: 8px;
    background: var(--white); 
    display: flex;
    align-items: center;
    justify-content: center; 
    position: absolute;
    top: 8px;
    right: 8px;
    transition: all .3s linear;
}
.accardion_btn svg, .accardion_btn path{
    transition: all .3s linear;
}
.accardion_title{
    height: 132px;
    display: flex;
    align-items: center;
    padding: 8px 8px 8px 40px;
    box-sizing: border-box;
    gap: 20px;
    cursor: pointer;
    position: relative;
    border-radius: 8px;
}
.accardion_title img{
    width: 205px;
    min-width: 205px;
    display: block;
    position: relative;
    top: -10px;
    transition: all .3s linear;
}

.accardion_body{
    max-height: 0px;
    overflow: hidden;
    transition: all .4s linear;
}
.active .accardion_body{
    max-height: 3000px; 
}

@media screen and (max-width:1199px) {

    .faq_accardion_title{

        gap: 30px;

    }

    .faq_accardion_title{

        font-size: 1rem;

    }

    .faq_block .accardion_body p{

        font-size: 1.3rem;

    }

}

@media screen and (max-width:992px) {

    .faq_block .accardion_body>div{

        padding: 30px 100px 30px 30px;

    }

    .faq_block .accardion_body p{

        font-size: 1rem;

    }

}

@media screen and (max-width:767px) {

    .faq_block .accardion_body>div{

        padding: 30px 19px 23px 15px; 

    }

    .faq_block .accardion_body p{

        font-size: .85rem;

    }

    .faq_block .accardion_body{

        position: relative;

        top: -6px;    

    }

    .faq_accardion_title{
        position: relative;
        z-index: 3;
        align-items: center;


    }

    .faq_items{

        display: flex;

        flex-direction: column; 

    }

    .faq_accardion_title{

        min-height: 74px;

        padding: 8px  8px 8px 15px;

    }

    .faq_accardion_title{

        gap: 20px;

    }

    .faq_box{

        padding: 50px 0px;

    }

    .faq_item .accardion_btn{

        background-size: 11px;

    }

    .faq_item{
        margin-bottom: 13px;
    }

    .faq_box h2{
        margin-bottom: 20px;
    }

    

}

@media screen and (max-width:575px){

    .faq_accardion_title{

        font-size: .75rem;

    }

    .faq_item .accardion_btn{
        min-width: 40px;
    }

}