.faq-item {
   width: 100%;
   height: min-content;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   align-items: start;
   padding: 16px;
   background-color: #FFFFFF;
   border-radius: 16px;
   cursor: pointer;
   vertical-align: top;
 }
 
 .faq-item__upper {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
 
 .faq-item__upper-text {
   font-weight: 700;
   font-size: 18px;
   letter-spacing: 0%;
   line-height: 120%;
   color: #222222;
   margin: 0;
 }
 
 .faq-item__upper-el {
   position: relative;
   width: 32px;
   height: 32px;
   padding: 4px;
   border-radius: 10px;
   background-color: #F1F3F8;
   background-image: url('../../../img/plus.png');
   background-repeat: no-repeat;
   background-position: center;
   background-size: auto;
   flex-shrink: 0;
 }
 
 .faq-item__upper-el_active {
   background-color: #004BCA;
   background-image: url('../../../img/minus.png');
 }
 
 .faq-item__hr {
   width: 100%;
   height: 1px;
   background-color: #E5E8EB;
   margin: 12px 0;
   display: none;
   transition: opacity 0.3s ease;

 }
 
 .faq-item__lower {
   max-height: 0;
   overflow: hidden;
   transition: max-height 0.3s ease;
   display: none; 
 
   & > h3 {
     font-family: Golos Text;
     font-weight: 600;
     font-size: 24px;
     line-height: 120%;
     }
  
     & > h2 {
     font-family: Golos Text;
     font-weight: 600;
     font-size: 26px;
     line-height: 130%;
     margin-bottom: 16px;
     }
  
     & > h4 {
     font-weight: 600;
     font-size: 20px;
     line-height: 120%;
     letter-spacing: 0px;
     color: #222222;
  
        }
  
     & > p {
     margin: 0;
     margin-bottom: 16px;
     font-weight: 400;
     font-size: 16px;
     line-height: 140%;
     letter-spacing: 0%;
  
     } 
 }
 
 .faq-item__lower.open {
   display: block;
 }
 
 .faq-item__lower-text {
   margin: 0;
   font-weight: 400;
   font-size: 16px;
   line-height: 150%;
   color: #222222;
 }