#faq .container {

  gap: 30px;

}



#faq .left {

  width: 51.3%;

  padding: 30px 0 0 58px;

}



#faq .right {

  width: 50%;

  padding: 121px 0 0 0;

}



#faq .right .button {

  margin-top: 53px;

}



#faq .text h1,

#faq .text h2,

#faq .text h3,

#faq .text p:first-child strong {

  font-size: 49px;

  line-height: 59px;

  display: block;

  font-weight: 400;

  text-transform: uppercase;

  color: var(--red);

  font-family: "PODIUM Soft";

  margin-bottom: 8px;

  letter-spacing: 0.08em;

}



#faq .text {

  font-size: 20px;

  line-height: 30px;

  max-width: 555px;

  font-weight: 500;

}



#faq .image {

  margin-top: 45px;

  margin-left: -11px;

}



#faq .image.mobile {

  display: none;

}



#faq .button {

  margin-top: 26px;

  padding: 0 42px;

}



#faq .inner {

  margin-left: 19px;

  font-size: 20px;

  line-height: 28px;

  border: none;

  overflow-x: hidden;

  overflow-y: scroll;

  max-height: 31.6em;

  max-width: 680px;

  padding-right: 30px;

}



#faq .inner .acc_content,

#faq .inner .el {

  border: none;

  background: transparent;

}



#faq .inner .acc_section {

  border-bottom: 2px solid #d9d9d9;

  border-radius: 0;

}



#faq .inner .acc_head {

  border: none;

  padding: 23px 10px;

}



#faq .inner .acc_head p {

  max-width: 504px;

}



/* width */

#faq .inner::-webkit-scrollbar {

  width: 16px;

}



/* Track */

#faq .inner::-webkit-scrollbar-track {

  background: #fff;

  border-radius: 40px;

  border: 1px solid #d9d9d9;

  padding-top: 5px;

  padding-bottom: 5px;

}



/* Handle */

#faq .inner::-webkit-scrollbar-thumb {

  background: #d9d9d9;

  border-radius: 40px;

  border-top: 3px solid transparent;

  border-bottom: 3px solid transparent;

  border-left: 3px solid transparent;

  border-right: 3px solid transparent;

  background-clip: padding-box;

}



.accordionjs .acc_section>.acc_head::before {

  top: 29px;

}



.accordionjs .acc_section .acc_content {

  padding: 0 10px 23px 25px;

}



#contact {

  margin-top: 50px;

}



#newsletter {

  margin-top: 103px;

}



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

  #faq .left {

    padding-left: 0;

  }

}



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

  #faq .container {

    flex-direction: column;

  }



  #faq .left {

    width: 100%;

    text-align: center;

  }



  #faq .right {

    width: 100%;

    padding-top: 0;

  }



  #faq .text {

    margin: 0 auto;

  }



  #faq .image {

    margin: 50px 0 0 0;

  }



  #faq .inner {

    max-width: 100%;

  }

}



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

  #faq .image.mobile {

    display: block;

    margin-top: 0;

  }



  #faq .image.mobile~.image {

    display: none;

  }



  #faq .left {

    padding-top: 40px;

  }



  #faq .right {

    margin-left: -15px;

    width: calc(100% + 15px);

  }



  #contact {

    margin-top: 73px;

  }



  #newsletter {

    margin-top: 80px;

  }

}



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

  #faq .text {

    line-height: 28px;

  }



  #faq .text h1,

  #faq .text h2,

  #faq .text h3,

  #faq .text p:first-child strong {

    font-size: 38px;

    line-height: 45px;

  }



  #faq .button {

    margin-top: 24px;

    padding: 0 21px;

  }



  #faq .inner {

    font-size: 16px;

    line-height: 26px;

    margin: 9px 0 0 0;

    padding-right: 13px;

    max-height: 25em;

  }



  #faq .inner .acc_head {

    padding: 15px 25px;

  }

}