@media (min-width: 1921px) {
  .hero__slide {
    min-height: 750px;
  }
}
@media (max-width: 768px) {
  .container {
    padding-inline: 10px;
  }
  .hero__slide {
    min-height: 300px;
  }
  .hero p {
    display: none;
  }
  .hero__title {
    max-width: 100%;
    font-size: 22px;
    line-height: 28px;
    text-align: center;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
  }

  .hero__main {
    background-size: auto;
  }

  .header__logo {
    width: 100px;
    height: 30px;
  }
  .header__nav {
    position: absolute;
    z-index: 9999;
    top: 78px;
    overflow-y: scroll;
    overflow-y: auto;
    width: 100%;
    height: 70vh;
    background-color: black;
    transition: transform 0.3s ease-in-out;
    transform: translateX(-500%);
  }
  .header__nav ul {
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 15px;
    row-gap: 20px;
  }
  .header__nav ul li {
    text-align: center;
  }
  .header__nav ul li a {
    color: white;
  }
  .header__nav ul a {
    font-size: 18px;
    line-height: 20px;
  }
  .header__logo img {
    -o-object-fit: contain;
    object-fit: contain;
  }
  .header__top div:has(address) {
    display: none;
  }
  .header__top {
    padding-block: 14px;
  }
  .header__logoDescrBottom {
    display: none;
  }
  .header__logoDescr {
    justify-content: center;
  }
  .header__logoDescrTop {
    width: 100px;
    height: 50px;
  }
  .header__logoDescrTop img {
    -o-object-fit: contain;
    object-fit: contain;
  }
  .hero__main_2,
  .hero__main_1 {
    background-image: none;
  }
  .hero__button {
    width: 100%;
    padding: 10px;
  }
  .swiper-pagination2 .swiper-pagination-bullet,
  .swiper-pagination1 .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    outline-offset: 4px;
    margin-inline: 9px !important;
  }
  .hero__button {
    display: none;
  }
  h2 {
    margin-bottom: 20px !important;
    font-size: 20px !important;
    line-height: 24px !important;
  }
  .hero__title_2 {
    color: white;
  }
  .spec__slide {
    min-height: 215px;
    padding-bottom: 180px;
    background-color: rgb(58, 60, 62);
    background-position: center 60px;
    background-size: 335px 215px;
  }

  .spec__swiper {
    background-color: rgb(58, 60, 62);
  }
  .swiper-pagination1 .swiper-pagination-bullet-active {
    outline: 1px solid white;
    background-color: white;
  }
  .spec h3 {
    max-width: 100%;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
  }
  .service h3 {
    max-width: 100%;
    font-size: 18px;
    line-height: 22px;
    text-align: start;
  }
  .spec__slide::after {
    height: 80px;
  }
  .spec__slide::before {
    content: "";
    position: absolute;
    bottom: -50px;
    width: 100%;
    height: 50px;
    background-color: rgb(58, 60, 62);
  }
  .hero .swiper-pagination2 {
    margin-top: 0;
  }
  .swiper-pagination1 {
    position: relative;
    z-index: 1000;
    margin-top: 20px;
  }
  .spec__hoverBlock {
    position: absolute;
    bottom: 0;
    padding-bottom: 9px;
    opacity: 1;
    background: none;
    row-gap: 15px;
  }
  .spec__button {
    width: -moz-max-content;
    width: max-content;
    padding: 15px 115px;
  }
  .service__choiceBtn {
    font-size: 14px;
    line-height: 16px;
  }
  .service__choiceList {
    flex-direction: column;
  }
  .service__cardsBlock {
    grid-template-columns: repeat(1, 1fr);
  }
  .service__cardItem {
    min-height: 200px;
    background-size: cover;
  }
  .service__button {
    width: 100%;
    padding: 20px 15px;
    font-size: 14px;
    line-height: 16px;
  }
  .advant ul {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 10px;
  }
  .advant ul li {
    justify-content: space-between;
    min-height: 100px;
    padding: 15px;
  }
  .spec__swiperMain {
    background-color: rgb(58, 60, 62);
  }
  .advant hr {
    margin-bottom: 15px;
  }
  .advant ul li p {
    width: 100%;
    font-size: 18px;
    line-height: 16px;
  }
  section {
    overflow: hidden;
  }
  .service__choiceList_mob a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 50%;
    height: auto;
    min-height: 36px;
    border: 1px solid black;
    border-radius: 10px;
    cursor: pointer;
  }
  .service__choiceList_mob {
    display: block;
  }
  .service__choiceList_desk {
    display: none;
  }
  .advant ul li span {
    width: 30px;
    height: 30px;
  }
  .corp__client {
    flex-direction: column;
  }
  .corp__add {
    flex-direction: column;
  }
  .corp div:has(> .corp__img) {
    width: 100%;
  }
  .corp__img {
    min-height: 150px;
  }
  .corp li {
    padding-left: 30px;
    font-size: 14px;
    line-height: 16px;
  }
  .corp div:has(> h2) {
    width: 100%;
  }
  .corp li::after {
    width: 15px;
    height: 15px;
  }
  .corp ul {
    margin-bottom: 20px;
  }
  .corp__link {
    overflow: hidden;
    width: 100%;
    padding: 12px;
  }
  .button {
    font-size: 14px;
    line-height: 16px;
  }
  .corp h2 {
    width: 100%;
  }
  .feed ul {
    flex-direction: column;
    row-gap: 10px;
  }
  .feed li {
    width: 100%;
  }
  .feed__name {
    font-size: 18px;
    line-height: 22px;
  }
  .feed__feedback {
    font-size: 14px;
    line-height: 18px;
  }
  .feed__descr {
    font-size: 14px;
    line-height: 16px;
  }
  .feed__star {
    width: 40px;
    height: 10px;
    background-size: contain;
  }
  .feed__starBlock {
    align-items: center;
  }
  .quest__conatiner {
    flex-direction: column;
  }
  .quest__imgBlock {
    width: 100%;
    height: 200px;
  }
  .quest__imgBlock img {
    -o-object-fit: contain;
    object-fit: contain;
  }
  .quest__formBlock {
    max-width: 100%;
    margin-left: 0;
  }
  .quest__button {
    width: 100%;
    padding: 15px;
  }
  .quest hr {
    margin-bottom: 20px;
  }
  .quest input[type="tel"] {
    font-size: 14px;
    line-height: 18px;
  }
  .quest input[type="tel"]::-moz-placeholder {
    font-size: 14px;
    line-height: 18px;
  }
  .quest input[type="tel"]::placeholder {
    font-size: 14px;
    line-height: 18px;
  }
  .contact__map {
    height: 600px;
  }
  .contact__main {
    bottom: auto;
    left: 0;
    width: 100%;
    max-width: 100%;
  }
  .contact__button {
    width: 100%;
    padding: 15px;
  }
  .contact__contDescr {
    align-items: center;
    margin-bottom: 10px;
    padding-left: 30px;
    font-size: 14px;
    line-height: 16px;
  }
  .contact__info {
    font-size: 14px;
    line-height: 16px;
  }
  .contact__main > div {
    margin-bottom: 15px;
  }
  .contact__contDescr::after {
    width: 24px;
    height: 24px;
  }
  .contact__logo {
    width: 100px;
    height: 30px;
    margin-bottom: 10px;
    background-size: contain;
  }
  .contact__descr {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 18px;
  }
  .footer__container {
    align-items: flex-start;
    flex-direction: column;
    row-gap: 20px;
  }
  .footer p {
    font-size: 14px;
    line-height: 16px;
  }
  .footer__link {
    font-size: 14px;
    line-height: 18px;
  }
  .footer__container > a {
    font-size: 16px;
    line-height: 24px;
  }
  .footer__container > a span {
    width: 65px;
    height: 12px;
  }
  .burger {
    display: flex;
  }
  .burger span {
    display: block;
  }
  .spec__slide::after {
    display: none;
  }

  .service__choiceBtn::after {
    display: none;
  }
}
.transBurger {
  transform: translate(0) !important;
}

.stop-scroll {
  overflow: hidden;
}

.open {
  transform: rotateZ(270deg);
}

.tab {
  position: fixed;
  z-index: 1000000;
  top: 0;
  right: 0;
  left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: rgb(239, 239, 239);
} /*# sourceMappingURL=media.css.map */