.faq_body {
    max-height: 0px;
     overflow: hidden;
     transition: all 0.3s ease;
 }
 
 .faq_item.active .faq_body {
     max-height: 2000px;
 }
 
 .faq_title {
     cursor: pointer; 
 }
 
 .faq_block{
     padding-top: 120px;
 }
 .faq_block h2{
     margin: 0 0 40px;
 }
 .faq_item{
     padding: 15px 0;
     border-bottom: 1px solid #DFE0E4;
 }
 .faq_accardion_items .faq_item:first-child {
     border-top: 1px solid #DFE0E4;
 }
 .faq_title{ 
     font-size: 1.13rem;
     font-weight: 500;
     line-height: 1.28; 
     display: flex;
     justify-content: space-between;
     align-items: center;
     gap: 50px;
     transition: all .3s linear;
 }
 .faq_title::after{
     content: "";
     display: block;
     width: 32px;
     min-width:32px;;
     height: 32px; 
     border-radius: 8px;
     background-color: #F8F8F8;
     background-position: center;
     background-size: 11px;
     background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 6.11111V4.88897H11V6.11111H0Z' fill='%23161719'/%3e%3cpath d='M6.11111 11H4.88897V5.34215e-08L6.11111 0L6.11111 11Z' fill='%23161719'/%3e%3c/svg%3e ");
     background-repeat: no-repeat;
     transition: all .3s linear;
 }
  
 .faq_title:hover::after{
     background-color: #e0e0e0;
 }
 .faq_body p{ 
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.3; 
     color: #696A73;
     padding-top: 16px;
 }
 .faq_body{
     width: 96%;
 }
 .faq_item.active .faq_title::after{  
     background-color: var(--black);
     background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='9' height='1' viewBox='0 0 9 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.90517 1H0V6.74428e-05H3.90517L5.01724 0L9 6.74428e-05V1H5.01724H3.90517Z' fill='white'/%3e%3c/svg%3e ");
     background-repeat: no-repeat;
 }
 @media screen and (min-width: 1520px) {
     .faq_title{
         font-size: 1.4rem;
     }
     .faq_body p{
         font-size: 1.3rem;
     }
 }
 
 @media screen and (max-width: 1199px) {
     .faq_block{
         padding: 100px 0 0 ;
     }
 }
 @media screen and (max-width: 767px) {
     .faq_block{
         padding: 80px 0 0 ;
     }
     .faq_block h2{
         margin: 0 0 30px;
     }
     .faq_title{
         align-items: start;
         font-size: 1rem;
     }
     .faq_body p{
         font-size: .87rem;
     }
     .faq_body{
         padding-right: 64px;
         width: 100%;
         box-sizing: border-box;
     }
     .faq_title{
         gap: 32px;
     }
 }