/**
 * Rolso
 * Modern cargo, transport and logistics HTML Template. Exclusively built for transport, logistics, delivery, moving, and cargo websites.
 * Exclusively on https://1.envato.market/rolso-html
 *
 * @encoding        UTF-8
 * @version         1.0.0
 * @copyright       (C) 2018 - 2022 Merkulove ( https://merkulov.design/ ). All rights reserved.
 * @license         Envato License https://1.envato.market/KYbje
 * @contributors    Lilith Lamber (winter.rituel@gmail.com)
 * @support         help@merkulov.design
 **/

body,
html {
  overflow-x: hidden;
}

body {
  font-family: Rubik, sans-serif;
  color: #382933;
  font-size: 17px;
  line-height: 1.5;
}

.section {
  padding: 60px 0;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Poppins, sans-serif;
  color: #19456b;
}

.h6,
h6 {
  font-size: 18px;
  line-height: 1.3;
  font-weight: 600;
}

.container {
  max-width: 1180px;
}

.collapse:not(.show) {
  display: none;
}

.fade:not(.show) {
  opacity: 0;
}

.logo_media {
  margin-right: 6px;
}

.logo_media svg {
  position: relative;
  top: 4px;
}

.link--arrow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  text-transform: uppercase;
  font-family: Poppins, sans-serif;
  font-weight: 600;
  line-height: 1;
  font-size: 14px;
}

.link--arrow .icon {
  margin-left: 5px;
  -webkit-transition: margin-left 0.4s ease-in-out;
  -o-transition: margin-left 0.4s ease-in-out;
  transition: margin-left 0.4s ease-in-out;
}

.link--arrow:hover .icon {
  margin-left: 10px;
}

.btn {
  color: #fff;
  background: #0f0fb1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.btn--split {
  height: 54px;
  min-width: 270px;
  position: relative;
}

.btn--split:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  background: #00008e;
  -webkit-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}

.btn--split .icon,
.btn--split .main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.btn--split .main {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: calc(100% - 54px);
}

.btn--split .icon {
  width: 54px;
  background: #00008e;
  height: 100%;
}

.btn--split:focus:before,
.btn--split:hover:before {
  width: 100%;
}

.btn--regular {
  height: 44px;
  min-width: 180px;
}

.btn--regular.bordered {
  background: 0 0;
  border: 1px solid #fff;
}

.btn--regular:focus,
.btn--regular:hover {
  background-color: #00008e;
}

.btn--regular,
.btn--split {
  font-size: 18px;
  line-height: 1;
  font-family: Poppins, sans-serif;
  font-weight: 500;
}

.sidebar_block-header .icon {
  width: 64px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  background: #00008e;
  font-size: 20px;
}

.metadata_item .icon {
  color: #00008e;
  margin-right: 5px;
}

.metadata_item .icon-calendar-o {
  margin-top: -3px;
}

.pagination_pages-item .link {
  position: relative;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

.pagination_pages-item .link:before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: -o-linear-gradient(315deg, #00008e 0, #017280 100%);
  background: linear-gradient(135deg, #00008e 0, #017280 100%);
  z-index: -1;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
}

.pagination_pages-item .link.current,
.pagination_pages-item .link:focus,
.pagination_pages-item .link:hover {
  color: #fff;
}

.pagination_pages-item .link.current:before,
.pagination_pages-item .link:focus:before,
.pagination_pages-item .link:hover:before {
  opacity: 1;
}

.breadcrumbs .item .link {
  position: relative;
}

.breadcrumbs .item .link:after {
  content: "/";
  margin-left: 5px;
}

.contact_data {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-gap: 20px;
  margin-bottom: 60px;
}

.contact_data-item {
  -webkit-box-shadow: 0 2px 15px rgba(0, 0, 142, 0.1);
  box-shadow: 0 2px 15px rgba(0, 0, 142, 0.1);
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.contact_data-item .media {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 30%;
  background: #017280;
  color: #fff;
  display: none;
}

.contact_data-item .media svg {
  max-width: 40px;
}

.contact_data-item .media--highlight {
  background: #00008e;
}

.contact_data-item .main {
  padding: 25px;
}

.contact_data-item .main_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 5px;
}

input[type="checkbox"]:checked + label .icon,
input[type="checkbox"]:not(:checked) + label .icon {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 17px;
  height: 17px;
  -webkit-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

input[type="checkbox"]:checked + label .icon-check-square-regular {
  opacity: 1;
  color: #00008e;
}

input[type="checkbox"]:not(:checked) + label .icon-check-square-regular {
  opacity: 0;
}

@media screen and (min-width: 374.98px) {
  .container {
    padding: 0 30px;
  }
}

@media screen and (min-width: 474.98px) {
  .contact_data-item .media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 575.98px) {
  .metadata {
    gap: 5px 40px;
  }

  .contact_data-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
  }

  .contact_data-item .main,
  .contact_data-item .media {
    padding: 0;
  }

  .contact_data-item .media {
    width: 120px;
  }

  .contact_data-item .main {
    width: calc(100% - 120px);
    padding: 20px 30px 20px 20px;
  }
}

@media screen and (min-width: 767.98px) {
  .section {
    padding: 80px 0;
  }
}

@media screen and (min-width: 991.98px) {
  .section {
    padding: 120px 0;
  }

  .contact_data-item .media svg {
    max-width: 50px;
  }
}

@media screen and (min-width: 1199.98px) {
  .container {
    padding: 0;
  }

  .swiper-button-prev .icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .swal2-container {
    z-index: 1000000 !important;
  }

  .modal.swal2-backdrop-show {
    background: rgba(43, 53, 67, 0.5);
  }

  .modal_popup--team .media {
    border-radius: 12px;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    margin-bottom: 10px;
    aspect-ratio: 1/1;
  }

  .modal_popup--team .media img {
    height: 100%;
  }

  .modal_popup--team .main .icon {
    color: #ffcc29;
  }

  .modal_popup--team .main_name {
    line-height: 1.1;
    color: #ffcc29;
    margin-bottom: 5px;
  }

  .modal_popup--team .main_socials {
    margin: 10px 0;
    font-size: 20px;
  }

  .modal_popup--team .main_socials-item {
    width: 21px;
    margin-right: 15px;
  }

  .modal_popup--team .main_bio {
    margin-bottom: 20px;
  }

  .modal_popup--team .main_about {
    margin-bottom: 30px;
  }

  .modal_popup--team .main_about-item {
    margin-bottom: 10px;
  }

  .modal_popup--team .main_about-item:last-of-type {
    margin-bottom: 0;
  }

  .modal_popup--team .main_about-item .text {
    margin: 0 3px;
  }

  .modal_popup--team .main_btn {
    text-transform: uppercase;
    color: #ffcc29;
    font-size: 14px;
    line-height: 1;
    font-weight: 900;
  }

  .modal_popup--team .main_btn .icon {
    -webkit-transition: margin-left 0.3s ease-in-out;
    -o-transition: margin-left 0.3s ease-in-out;
    transition: margin-left 0.3s ease-in-out;
    margin-left: 10px;
    font-size: 14px;
  }

  .modal_popup--team .main_btn:focus .icon,
  .modal_popup--team .main_btn:hover .icon {
    margin-left: 15px;
  }

  .modal_popup--register .title {
    margin-bottom: 15px;
  }

  .modal_popup--register .subtitle {
    color: #ffcc29;
    margin: 10px 0;
  }

  .modal_popup--register .registration_form .wrapper .link {
    color: #ffcc29;
    margin-left: 25px;
  }

  .modal_popup--register .registration_form .btn {
    width: 100%;
  }

  @media screen and (min-width: 575.98px) {
    .modal_popup--team {
      padding: 40px;
    }

    .modal_popup--register .registration_form .wrapper .link {
      color: #ffcc29;
      font-weight: 600;
    }

    .modal_popup--register .registration_form .btn {
      width: 350px;
    }
  }

  @media screen and (min-width: 767.98px) {
    .modal_popup--team .modal_popup-close {
      top: 20px;
      right: 20px;
    }

    .modal_popup--team .media {
      margin-right: 40px;
    }

    .modal_popup--register .registration_form .wrapper .link {
      margin-left: 5px;
    }
  }

  @media screen and (min-width: 991.98px) {
    .modal_popup--team {
      padding: 75px 70px;
      max-width: 1000px;
    }

    .modal_popup--team .media {
      width: 356px;
      aspect-ratio: unset;
      margin-bottom: 0;
    }

    .modal_popup--team .main {
      width: calc(100% - 396px);
    }

    @media screen and (min-width: 575.98px) {
      .page {
        height: 300px;
      }
    }

    @media screen and (min-width: 767.98px) {
      .page {
        height: 400px;
      }
    }

    @media screen and (min-width: 991.98px) {
      .page {
        height: 500px;
      }
    }

    @media screen and (min-width: 1199.98px) {
      .header_nav-menu_item {
        font-size: 22px;
      }
    }

    .banner {
      position: relative;
      padding: 30px;
    }

    .banner_content {
      position: relative;
      z-index: 2;
    }

    .banner_content-title {
      color: #fff;
    }

    .banner_content-text {
      margin: 20px 0 30px;
      color: #e1e1e1;
    }

    .banner_content-btn {
      min-width: 100%;
    }

    .banner_bg {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 1;
    }

    .banner_bg img {
      height: 100%;
    }

    .banner_bg-overlay {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: -o-linear-gradient(
        328.62deg,
        rgba(37, 45, 93, 1) 13.19%,
        rgba(0, 73, 150, 1) 46.23%,
        rgba(255, 255, 255, 7e-5) 64.85%
      );
      background: linear-gradient(
        121.38deg,
        rgba(37, 45, 93, 1) 13.19%,
        rgba(0, 73, 150, 1) 46.23%,
        rgba(255, 255, 255, 7e-5) 64.85%
      );
    }

    .faq_main-accordion {
      margin-bottom: 40px;
    }

    .faq_main-accordion_item {
      margin-bottom: 20px;
    }

    .faq_main-accordion_item:last-of-type {
      margin-bottom: 0;
    }

    .faq_main-accordion_item .title {
      font-weight: 600;
      cursor: pointer;
      -webkit-transition: 0.4s ease-in-out;
      -o-transition: 0.4s ease-in-out;
      transition: 0.4s ease-in-out;
      gap: 15px;
    }

    .faq_main-accordion_item .title_text {
      width: calc(100% - 47px);
      max-width: 300px;
    }

    .faq_main-accordion_item .title_icon {
      -webkit-transition: 0.4s ease-in-out;
      -o-transition: 0.4s ease-in-out;
      transition: 0.4s ease-in-out;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      font-size: 18px;
      position: relative;
    }

    .faq_main-accordion_item .title_icon.transform {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
      color: #017280;
    }

    .faq_main-accordion_item .body {
      padding: 25px 0 10px;
    }

    @media screen and (min-width: 575.98px) {
      .banner {
        padding: 70px;
      }

      .banner_content-btn {
        min-width: unset;
        max-width: 270px;
        width: 100%;
      }

      .banner_content-text {
        max-width: 570px;
      }

      .faq_main-accordion_item .title_text {
        width: calc(100% - 64px);
        max-width: unset;
      }

      .faq_main-accordion_item .show .body {
        padding-bottom: 10px;
      }

      .faq_main-contacts_item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-align: left;
      }

      .faq_main-contacts_item .main,
      .faq_main-contacts_item .media {
        padding: 0;
      }

      .faq_main-contacts_item .media {
        width: 120px;
      }

      .faq_main-contacts_item .main {
        width: calc(100% - 120px);
        padding: 20px 30px 20px 20px;
      }
    }

    @media screen and (min-width: 767.98px) {
      .faq_main {
        margin-bottom: 60px;
      }

      .faq_main-accordion {
        width: calc(50% - 15px);
        margin-bottom: 0;
      }

      .contact_data {
        grid-gap: 30px;
        width: calc(50% - 15px);
        margin-bottom: 0;
      }
    }

    @media screen and (min-width: 991.98px) {
      .faq_main {
        margin-bottom: 80px;
      }

      .faq_main-accordion {
        max-width: calc(100% - 360px - 60px);
        width: 100%;
      }

      .contact_data {
        width: 360px;
      }

      .footer_main {
        margin-bottom: 60px;
      }

      .footer_main-block--about {
        margin-bottom: 40px;
      }

      .footer_main-block--about .brand {
        display: inline-block;
        margin-bottom: 20px;
      }

      .footer_main-block--about .text {
        margin-bottom: 30px;
        color: #e1e1e1;
      }

      .footer_main-block--nav {
        margin-bottom: 40px;
      }

      .footer_main-block--nav .list-item {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 18px;
        margin-bottom: 15px;
        font-family: Poppins, sans-serif;
        font-weight: 500;
      }

      .footer_main-block--nav .list-item:last-of-type {
        margin-bottom: 0;
      }

      .footer_main-block--nav .list-item .icon {
        padding-right: 10px;
        position: relative;
        top: -1px;
        left: 0;
        -webkit-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
        color: #e1e1e1;
      }

      .footer_main-block--nav .list-item:hover .icon {
        color: #ffcc29;
      }

      .footer_main-block--subscribe .title {
        font-size: 20px;
        line-height: 1.2;
        color: #fff;
        margin-bottom: 15px;
      }

      .footer_main-block--subscribe .text {
        color: #e1e1e1;
        margin-bottom: 30px;
      }

      .footer_main-block--subscribe .form {
        background: rgba(255, 255, 255, 0.1);
        height: 55px;
      }

      .footer_main-block--subscribe .form .field {
        padding: 15px 20px;
        border: 1px solid #e1e1e1;
        border-right: none;
        height: 100%;
        background: 0 0;
        color: #fff;
      }

      .footer_main-block--subscribe .form .field::-webkit-input-placeholder {
        color: #fff;
      }

      .footer_main-block--subscribe .form .field::-moz-placeholder {
        color: #fff;
      }

      .footer_main-block--subscribe .form .field:-ms-input-placeholder {
        color: #fff;
      }

      .footer_main-block--subscribe .form .field::-ms-input-placeholder {
        color: #fff;
      }

      .footer_main-block--subscribe .form .field::placeholder {
        color: #fff;
      }

      .footer_main-block--subscribe .form .field.error {
        border-color: #bc0000;
      }

      .footer_main-block--subscribe .form .btn {
        width: 55px;
        font-size: 22px;
        background: #00008e;
      }

      .footer_main-block--subscribe .form .btn .icon {
        -webkit-transition: 0.4s ease-in-out;
        -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out;
      }

      .footer_main-block--subscribe .form .btn:hover .icon {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
      }

      .footer_info-block .main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
      }

      .footer_info-block .main_label {
        color: #e1e1e1;
        margin-bottom: 10px;
      }

      .footer_info-block .main_info {
        font-family: Poppins, sans-serif;
        font-size: 18px;
        line-height: 1.3;
        font-weight: 600;
      }

      .footer_info-block .main_info.link:hover {
        opacity: 0.8;
      }

      .footer_info-block .main_info.link--bold {
        font-weight: 700;
      }

      @media screen and (min-width: 767.98px) {
        .footer_main-block--about {
          width: 100%;
        }

        .footer_main-block--nav {
          margin-bottom: 0;
        }

        .footer_main-block--subscribe {
          width: 50%;
        }
      }

      @media screen and (min-width: 991.98px) {
        .footer {
          padding: 100px 0 40px;
        }

        .footer_main {
          margin-bottom: 80px;
        }

        .footer_main-block--about {
          margin-bottom: 50px;
        }

        .footer_main-block--nav {
          margin-bottom: 40px;
        }
      }

      @media screen and (min-width: 1199.98px) {
        .faq_main-contacts {
          margin-right: 80px;
        }

        .footer_main {
          margin-bottom: 80px;
        }

        .footer_main-block--about {
          margin-bottom: 0;
          max-width: 380px;
        }

        .footer_main-block--about .brand {
          margin-bottom: 40px;
        }

        .footer_main-block--about .text {
          margin-bottom: 55px;
        }

        .footer_main-block--nav {
          margin-bottom: 0;
          -webkit-box-flex: 1;
          -ms-flex-positive: 1;
          flex-grow: 1;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: end;
          -ms-flex-pack: end;
          justify-content: flex-end;
          margin-right: 110px;
        }

        .footer_main-block--nav .list-item {
          margin-bottom: 25px;
        }

        .footer_main-block--subscribe {
          max-width: 380px;
        }

        @media screen and (min-width: 374.98px) {
          .container {
            padding: 0 30px;
          }
        }

        @media screen and (min-width: 474.98px) {
          .contact_data-item .media {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
          }
        }

        @media screen and (min-width: 575.98px) {
          .metadata {
            gap: 5px 40px;
          }

          .contact_data-item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            text-align: left;
          }

          .contact_data-item .main,
          .contact_data-item .media {
            padding: 0;
          }

          .contact_data-item .media {
            width: 120px;
          }

          .contact_data-item .main {
            width: calc(100% - 120px);
            padding: 20px 30px 20px 20px;
          }
        }

        @media screen and (min-width: 767.98px) {
          .section {
            padding: 80px 0;
          }

          .h1,
          h1 {
            font-size: 42px;
          }

          .h2,
          h2 {
            font-size: 38px;
          }

          .h3,
          h3 {
            font-size: 34px;
          }
        }

        @media screen and (min-width: 991.98px) {
          .section {
            padding: 120px 0;
          }

          .h1,
          h1 {
            font-size: 56px;
          }

          .h2,
          h2 {
            font-size: 42px;
          }

          .h3,
          h3 {
            font-size: 38px;
          }

          .h4,
          h4 {
            font-size: 28px;
          }

          .h5,
          h5 {
            font-size: 22px;
          }

          .swiper-pagination {
            margin-top: 60px;
          }

          .contact_data-item .media svg {
            max-width: 50px;
          }
        }

        @media screen and (min-width: 1199.98px) {
          .container {
            padding: 0;
          }
        }

        @media screen and (min-width: 575.98px) {
          .modal_popup--team {
            padding: 40px;
          }

          .modal_popup--team .modal_popup-close {
            font-size: 24px;
            top: 15px;
            right: 15px;
          }

          .modal_popup--register {
            padding: 60px;
          }

          .modal_popup--register .modal_popup-close {
            top: 20px;
            right: 20px;
          }

          .modal_popup--register .registration_form {
            max-width: 605px;
            margin: 20px auto 0;
          }

          .modal_popup--register .registration_form .wrapper {
            margin: 10px 0 20px;
            text-align: center;
          }

          .modal_popup--register .registration_form .wrapper .link {
            color: #ffcc29;
            font-weight: 600;
          }

          .modal_popup--register .registration_form .btn {
            width: 350px;
          }
        }

        @media screen and (min-width: 767.98px) {
          .modal_popup--team .modal_popup-close {
            top: 20px;
            right: 20px;
          }

          .modal_popup--team .media {
            margin-right: 40px;
          }

          .modal_popup--register .registration_form .wrapper {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
          }

          .modal_popup--register .registration_form .wrapper .link {
            margin-left: 5px;
          }
        }

        @media screen and (min-width: 991.98px) {
          .modal_popup--team {
            padding: 75px 70px;
            max-width: 1000px;
          }

          .modal_popup--team .media {
            width: 356px;
            aspect-ratio: unset;
            margin-bottom: 0;
          }

          .modal_popup--team .main {
            width: calc(100% - 396px);
          }
        }

        @media screen and (min-width: 575.98px) {
          .page {
            height: 300px;
          }
        }

        @media screen and (min-width: 767.98px) {
          .page {
            height: 400px;
          }

          .page_card {
            padding-top: 205px;
          }
        }

        @media screen and (min-width: 991.98px) {
          .page {
            height: 500px;
          }

          .page_card {
            padding-top: 280px;
          }
        }

        @media screen and (min-width: 1199.98px) {
          .header_nav-menu_item {
            font-size: 22px;
          }

          .page {
            height: 610px;
          }

          .page_card {
            padding-top: 340px;
          }
        }

        @media screen and (min-width: 575.98px) {
          .banner {
            padding: 70px;
          }

          .banner_content-btn {
            min-width: unset;
            max-width: 270px;
            width: 100%;
          }

          .banner_content-text {
            max-width: 570px;
          }

          .faq_main-accordion_item .title_text {
            width: calc(100% - 64px);
            max-width: unset;
          }

          .faq_main-accordion_item .show .body {
            padding-bottom: 10px;
          }

          .faq_main-contacts_item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            text-align: left;
          }

          .faq_main-contacts_item .main,
          .faq_main-contacts_item .media {
            padding: 0;
          }

          .faq_main-contacts_item .media {
            width: 120px;
          }

          .faq_main-contacts_item .main {
            width: calc(100% - 120px);
            padding: 20px 30px 20px 20px;
          }
        }

        @media screen and (min-width: 767.98px) {
          .faq_main {
            margin-bottom: 60px;
          }

          .faq_main-accordion {
            width: calc(50% - 15px);
            margin-bottom: 0;
          }

          .contact_data {
            grid-gap: 30px;
            width: calc(50% - 15px);
            margin-bottom: 0;
          }
        }

        @media screen and (min-width: 991.98px) {
          .faq_main {
            margin-bottom: 80px;
          }

          .faq_main-accordion {
            max-width: calc(100% - 360px - 60px);
            width: 100%;
          }

          .contact_data {
            width: 360px;
          }
        }

        @media screen and (min-width: 767.98px) {
          .footer_main-block--about {
            width: 100%;
          }

          .footer_main-block--nav {
            margin-bottom: 0;
          }

          .footer_main-block--subscribe {
            width: 50%;
          }

          .footer_info {
            gap: 20px;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
          }

          .footer_info-block {
            width: calc(50% - 10px);
          }
        }

        @media screen and (min-width: 991.98px) {
          .footer {
            padding: 100px 0 40px;
          }

          .footer_main {
            margin-bottom: 80px;
          }

          .footer_main-block--about {
            margin-bottom: 50px;
          }

          .footer_main-block--nav {
            margin-bottom: 40px;
          }

          .footer_info {
            margin-bottom: 100px;
          }
        }

        @media screen and (min-width: 1199.98px) {
          .faq_main-contacts {
            margin-right: 80px;
          }

          .footer_main {
            margin-bottom: 80px;
          }

          .footer_main-block--about {
            margin-bottom: 0;
            max-width: 380px;
          }

          .footer_main-block--about .brand {
            margin-bottom: 40px;
          }

          .footer_main-block--about .text {
            margin-bottom: 55px;
          }

          .footer_main-block--nav {
            margin-bottom: 0;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            margin-right: 110px;
          }

          .footer_main-block--nav .list-item {
            margin-bottom: 25px;
          }

          .footer_main-block--subscribe {
            max-width: 380px;
          }

          .footer_info {
            gap: 0;
          }

          .footer_info-block {
            width: calc(100% / 3);
            padding: 40px 30px;
          }
        }
      }
    }
  }
}