/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./assets/src/sass/faq.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
.hero-faq {
  background-position: center;
  background-size: cover; }
  .hero-faq__box {
    display: flex;
    min-height: 700px;
    height: 60vh;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 20px;
    gap: 16px;
    align-items: center; }
    @media (max-width: 767px) {
      .hero-faq__box {
        height: 60vh;
        min-height: 500px;
        padding: 90px 0;
        justify-content: flex-end; } }
  .hero-faq__subtitle {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: 0.08em;
    text-align: center;
    color: rgba(255, 255, 255, 0.75); }
    @media (max-width: 767px) {
      .hero-faq__subtitle {
        font-weight: 400;
        font-size: 14px;
        line-height: 1.5;
        letter-spacing: 0.08em;
        text-align: center;
        color: rgba(255, 255, 255, 0.75); } }
  .hero-faq__title {
    text-align: center;
    font-weight: 500;
    font-size: 56px;
    line-height: 1.21429;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    background: linear-gradient(305deg, #0f2836 0%, #539ecf 54.99%, #0f2836 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
    @media (max-width: 767px) {
      .hero-faq__title {
        font-weight: 500;
        font-size: 30px;
        line-height: 1.3;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        text-align: center;
        background: linear-gradient(305deg, #0f2836 0%, #539ecf 54.99%, #0f2836 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; } }
  .hero-faq__text {
    max-width: 610px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.57143;
    letter-spacing: 0.08em;
    text-align: center;
    color: rgba(255, 255, 255, 0.75); }
    @media (max-width: 767px) {
      .hero-faq__text {
        font-weight: 400;
        font-size: 11px;
        line-height: 1.5;
        letter-spacing: 0.08em;
        text-align: center;
        color: rgba(255, 255, 255, 0.75); } }
  .hero-faq__mail {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.57143;
    letter-spacing: 0.08em;
    color: rgba(255, 255, 255, 0.75);
    border-radius: 25px;
    padding: 12px 24px;
    background: linear-gradient(90deg, #0e344d 0%, #2179b3 100%);
    transition: 0.3s; }
    .hero-faq__mail:hover {
      background: linear-gradient(90deg, #0e344d 0%, #2179b3 100%);
      transform: scale(1.05); }

.faq-list {
  background-position: center;
  background-size: cover;
  padding: 90px 0; }
  @media (max-width: 767px) {
    .faq-list {
      padding: 40px 0; } }
  .faq-list__box {
    display: flex;
    flex-direction: column;
    gap: 20px; }
    @media (max-width: 767px) {
      .faq-list__box {
        gap: 8px; } }
  .faq-list__item {
    border-bottom: 1px solid #838d92;
    border-radius: 4px;
    padding: 24px 24px 12px 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    cursor: pointer;
    transition: 0.3s; }
    @media (max-width: 767px) {
      .faq-list__item {
        gap: 8px;
        padding: 10px; } }
    .faq-list__item:hover .faq-list__question {
      color: #0e344d; }
  .faq-list__question {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: 0.08em;
    color: #0c1e28;
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center; }
    .faq-list__question svg {
      transition: 0.3s; }
    .active .faq-list__question svg {
      transform: rotate(180deg); }
    @media (max-width: 767px) {
      .faq-list__question {
        font-weight: 400;
        font-size: 11px;
        line-height: 1.5;
        letter-spacing: 0.08em;
        color: #0c1e28; } }
  .faq-list__answer {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.57143;
    letter-spacing: 0.08em;
    color: rgba(12, 30, 40, 0.7);
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out; }
    @media (max-width: 767px) {
      .faq-list__answer {
        font-weight: 400;
        font-size: 10px;
        line-height: 1.5;
        letter-spacing: 0.08em;
        color: #0c1e28; } }


/*# sourceMappingURL=faq.style.min.css.map*/