:root {
  --font-main: "Rooftop", sans-serif;
  --font-book: "Rooftop-Book", sans-serif;
  --c-white: #FFFFFF;
  --c-black: #000000;
  --mainBlack: #2A2A2C;
  --darkBlack: #1C1C1F;
  --grayBlack: #9E9FA2;
  --blackBorder: #444548;
  --lightGreen: #E7FF51;
  --contrastGreen: #E3FA50;
  --blackGreen: #88943F;
  --gray: #8A8A98;
  --whiteGray: #E6E8EB;
  --lightGray: #F0F2F5;
  --subGray: #CDD2D6;
  --orange: #F3AF53;
  --variableGapSizng: 0;
  --secondVariableGapSizng: 0;
  --corner: 2rem;
  --paddings-gaps-corner-corner-20: 2rem;
  --paddings-gaps-corner-corner-24: 2.4rem;
  --gaps-size: .1rem;
  --buttonWidth: 6rem;
  --transition: ease .3s;
  --header-height: 8.8rem;
  --paddings-gaps-size-a-frame-160: 16rem;
  --paddings-gaps-size-a-frame-140: 14rem;
  --paddings-gaps-size-a-frame-120: 12rem;
  --paddings-gaps-size-a-frame-80: 8rem;
  --paddings-gaps-size-a-frame-40: 4rem;
  --paddings-gaps-size-a-frame-20: 2rem;
  --paddings-gaps-size-b-frame-160: 16rem;
  --paddings-gaps-size-b-frame-140: 14rem;
  --paddings-gaps-size-b-frame-120: 12rem;
  --paddings-gaps-size-b-frame-100: 10rem;
  --paddings-gaps-size-b-frame-80: 8rem;
  --paddings-gaps-size-b-frame-64: 6.4rem;
  --paddings-gaps-size-b-frame-48: 4.8rem;
  --paddings-gaps-size-b-frame-40: 4rem;
  --paddings-gaps-size-b-frame-32: 3.2rem;
  --paddings-gaps-size-b-frame-24: 2.4rem;
  --paddings-gaps-size-b-frame-20: 2rem;
  --paddings-gaps-size-b-frame-16: 1.6rem
}

@media(max-width: 1512px) {
  :root {
    --paddings-gaps-size-a-frame-160: 12.8rem !important;
    --paddings-gaps-size-a-frame-140: 11.6rem !important;
    --paddings-gaps-size-a-frame-120: 9.6rem !important;
    --paddings-gaps-size-a-frame-80: 6.4rem !important;
    --paddings-gaps-size-a-frame-40: 3.2rem !important;
    --paddings-gaps-size-b-frame-160: 12.8rem !important;
    --paddings-gaps-size-b-frame-140: 11.6rem !important;
    --paddings-gaps-size-b-frame-120: 9.6rem !important;
    --paddings-gaps-size-b-frame-100: 9rem !important;
    --paddings-gaps-size-b-frame-80: 6.4rem !important;
    --paddings-gaps-size-b-frame-64: 5.6rem !important;
    --paddings-gaps-size-b-frame-48: 3.6rem !important;
    --paddings-gaps-size-b-frame-40: 3.2rem !important;
    --paddings-gaps-size-b-frame-32: 2.8rem !important
  }
}

@media(max-width: 1280px) {
  :root {
    --paddings-gaps-size-a-frame-160: 11.2rem !important;
    --paddings-gaps-size-a-frame-140: 10rem !important;
    --paddings-gaps-size-a-frame-120: 8.4rem !important;
    --paddings-gaps-size-a-frame-80: 5.6rem !important;
    --paddings-gaps-size-a-frame-40: 2.8rem !important;
    --paddings-gaps-size-a-frame-20: 1.6rem !important;
    --paddings-gaps-size-b-frame-160: 11.2rem !important;
    --paddings-gaps-size-b-frame-140: 10rem !important;
    --paddings-gaps-size-b-frame-120: 8.4rem !important;
    --paddings-gaps-size-b-frame-100: 8rem !important;
    --paddings-gaps-size-b-frame-80: 5.6rem !important;
    --paddings-gaps-size-b-frame-48: 3.2rem !important;
    --paddings-gaps-size-b-frame-64: 4.8rem !important;
    --paddings-gaps-size-b-frame-40: 2.8rem !important
  }
}

@media(max-width: 992px) {
  :root {
    --header-height: 6rem;
    --paddings-gaps-corner-corner-20: 1.6rem !important;
    --paddings-gaps-corner-corner-24: 2rem !important;
    --paddings-gaps-size-a-frame-160: 2.8rem !important;
    --paddings-gaps-size-a-frame-140: 8rem !important;
    --paddings-gaps-size-a-frame-120: 8rem !important;
    --paddings-gaps-size-a-frame-80: 1.2rem !important;
    --paddings-gaps-size-a-frame-40: 1.2rem !important;
    --paddings-gaps-size-a-frame-20: 1rem !important;
    --paddings-gaps-size-b-frame-160: 3.2rem !important;
    --paddings-gaps-size-b-frame-140: 2.8rem !important;
    --paddings-gaps-size-b-frame-120: 2.8rem !important;
    --paddings-gaps-size-b-frame-100: 5.6rem !important;
    --paddings-gaps-size-b-frame-80: 2.8rem !important;
    --paddings-gaps-size-b-frame-48: 2rem !important;
    --paddings-gaps-size-b-frame-64: 2.8rem !important;
    --paddings-gaps-size-b-frame-24: 1.6rem !important
  }
}

@media(max-width: 1799px) {
  .page-contacts .box-wrapper .right-col .img-box {
    padding-top: 125%
  }
}

@media(max-width: 1599px) {
  .page-contacts .box-wrapper .right-col .img-box {
    padding-top: 140%
  }
}

@media(max-width: 1512px) {
  .contacts .contacts-list .content .link {
    font-size: 2.2rem
  }
  .contacts .contacts-list .content .descr {
    font-size: 1.6rem
  }
  .map .map-address {
    font-size: 1.6rem
  }
  .hero-section .box-media {
    --variableGapSizng: 9.6rem;
    --secondVariableGapSizng: 6.4rem;
    margin-top: -6rem
  }
  .our-benefits .benefits-list li {
    padding-right: 0
  }
  .button-container {
    font-size: 1.6rem
  }
  .button-container span {
    line-height: 1.7
  }
  .mail-link {
    font-size: 2.2rem
  }
  .basement-services {
    --variableGapSizng: 14.6rem
  }
  .hero-section.hero-service--section .box-media .wrapper .left-col {
    width: 60%
  }
  .hero-section.hero-service--section .box-media .wrapper .right-col {
    width: 40%
  }
  .hero-video .video-mask {
    width: 14rem;
    height: 14rem
  }
  .reviews .reviews-box .reviews-inner .corner {
    width: 55%
  }
  .reviews {
    --variableGapSizng: 9rem
  }
  .hero-cases {
    --variableGapSizng: 11.2rem
  }
  .page-contacts .box-wrapper .right-col .img-box {
    padding-top: 145%
  }
  .hero-section.hero-service--section .hero-box, .hero-section.hero-service--section .box-media {
    --variableGapSizng: 9.8rem
  }
  .hero-section.hero-service--section .hero-box .video-container {
    padding-bottom: 4rem
  }
  .hero-section.hero-service--section .hero-box .title-corner {
    padding: 0 .7rem
  }
}

@media(max-width: 1299px) {
  .page-contacts .box-wrapper .right-col .img-box {
    padding-top: 160%
  }
}

@media(max-width: 1280px) {
  .basement-services {
    --variableGapSizng: 13rem
  }
  .contacts .contacts-list .content .link {
    font-size: 2rem
  }
  .map .map-wrapper .left-col {
    padding-right: 0
  }
  .page-footer .footer-wrapper .right-col {
    gap: 5.6rem
  }
  input:not([type=submit]) {
    font-size: 1.6rem
  }
  .checkbox-wrapper label p {
    font-size: 1.6rem
  }
  .help .card-tags li {
    font-size: 1.6rem
  }
  .hero-section .box-media {
    --variableGapSizng: 8.4rem;
    --secondVariableGapSizng: 5.6rem
  }
  .mail-link {
    font-size: 2rem
  }
  .hero-video .video-mask {
    width: 12rem;
    height: 12rem
  }
  .reviews {
    --variableGapSizng: 8rem
  }
  .hero-cases {
    --variableGapSizng: 9.8rem
  }
  .our-benefits .benefits-box .corner-bottom {
    width: 35%
  }
  .hero-cases .corner-top {
    width: 50%
  }
  .hero-section.hero-service--section .hero-box, .hero-section.hero-service--section .box-media {
    --variableGapSizng: 8.2rem
  }
  .hero-section.hero-service--section .hero-box .title-corner {
    padding: 0 1.2rem
  }
  .hero-section.hero-service--section .hero-box .video-container {
    padding-bottom: 3rem
  }
}

@media(max-width: 1199px) {
  .page-footer .footer-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .page-footer .footer-wrapper .right-col {
    grid-template-columns:repeat(3, 1fr)
  }
  .page-footer .footer-copy {
    margin-bottom: 2.8rem
  }
  .page-footer .menu-block {
    gap: 1.6rem
  }
  .page-footer .menu-list {
    gap: .8rem
  }
  .help .help-cards {
    grid-template-columns:repeat(2, 1fr)
  }
  .help {
    padding-top: var(--paddings-gaps-size-b-frame-80)
  }
  .mission {
    padding-top: var(--paddings-gaps-size-a-frame-120)
  }
}

@media(max-width: 1099px) {
  .hero-box.corner--box.contacts--box .box-content .title h1, .hero-box.corner--box.contacts--box .box-content .title .h2 {
    padding-right: 0
  }
  .hero-box.corner--box.contacts--box .contacts-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: var(--paddings-gaps-size-b-frame-100)
  }
  .hero-box.corner--box.contacts--box .contacts-wrapper .left-col {
    width: 100%;
    padding-bottom: var(--paddings-gaps-size-a-frame-80)
  }
  .hero-box.corner--box.contacts--box .contacts-wrapper .right-col {
    width: 100%
  }
  .hero-box.corner--box.contacts--box .img-box {
    border-radius: var(--paddings-gaps-corner-corner-20);
    height: 40rem
  }
  .hero-box.corner--box.contacts--box .img-box .corner {
    display: none
  }
  .page-contacts.other--page .contacts-box {
    padding: var(--paddings-gaps-size-a-frame-40) var(--paddings-gaps-size-a-frame-40) 0 var(--paddings-gaps-size-a-frame-40)
  }
  .page-contacts.about--contacts .box-wrapper .right-col {
    padding-bottom: var(--paddings-gaps-size-b-frame-100)
  }
  .page-contacts .box-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--paddings-gaps-size-b-frame-100)
  }
  .page-contacts .box-wrapper .left-col {
    width: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .page-contacts .box-wrapper .right-col {
    width: 100%
  }
  .page-contacts .box-wrapper .right-col .img-box {
    padding-top: 0;
    height: 50rem
  }
  .our-advantages .advantages-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 0;
    gap: var(--paddings-gaps-size-b-frame-100)
  }
  .our-advantages .advantages-wrapper .left-col {
    width: 100%
  }
  .our-advantages .advantages-wrapper .right-col {
    width: 100%;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
  }
  .hero-section .box-media {
    margin-top: 0
  }
  .hero-section .box-content .descr {
    width: 100%;
    padding-right: 0
  }
  .hero-box.corner--box.contacts--box .contacts-wrapper .right-col {
    position: relative;
    padding-left: 0
  }
  .hero-box.corner--box.contacts--box .corner {
    display: none
  }
  .hero-video {
    position: fixed !important;
    top: auto !important;
    z-index: 50;
    bottom: var(--paddings-gaps-size-b-frame-40) !important;
    right: var(--paddings-gaps-size-b-frame-40) !important;
    padding-right: 0 !important;
  }

    .hero-video.video--active {
      opacity: 0;
      visibility: hidden;
      z-index: 49
    }

  .hero-video .video-control {
    width: 4.4rem;
    height: 4.4rem;
    right: -1rem;
  }

.page-video .frame-close {
  right: -1rem
}
  .hero-video .video-control svg {
    width: 2.8rem;
    height: 2.8rem;
  }

  .page-video {
    width: 12rem;
    height: 12rem;
  }
  .hero-section.hero-service--section .box-media {
    padding-bottom: 0
  }
  .hero-section.hero-service--section .box-media .corner.corner-bottom, .hero-section.hero-service--section .box-media .corner.corner-top {
    display: none
  }
  .hero-section.hero-service--section .box-media .corner.corner-bottom-right {
    bottom: auto;
    top: 0;
    border-radius: 0 0 0 var(--paddings-gaps-corner-corner-20);
    width: 14%
  }
  .hero-section.hero-service--section .box-media .corner.corner-bottom-right .corner-svg-top {
    right: auto;
    left: -1.9rem;
    top: -0.2rem;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
  .hero-section.hero-service--section .box-media .corner.corner-bottom-right .corner-svg-bottom {
    right: -0.2rem;
    bottom: -1.9rem;
    left: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
  .hero-section.hero-service--section .hero-box.corner--box {
    padding-bottom: var(--paddings-gaps-size-a-frame-120)
  }
  .hero-section.hero-service--section .box-media {
    border-radius: 2rem 0 2rem 2rem;
    --variableGapSizng: 4.8rem
  }
  .hero-section.hero-service--section .box-content {
    margin-bottom: var(--paddings-gaps-size-b-frame-40);
    padding-bottom: .8rem
  }
  .icon--title .icon {
    width: 4rem !important;
    height: auto !important
  }
  .hero-section.hero-service--section .box-media .wrapper .left-col, .hero-section.hero-service--section .box-media .wrapper .right-col {
    width: 50%
  }
  .hero-section.hero-service--section .box-media .wrapper {
    padding-top: 0
  }
  .hero-section.hero-service--section .box-media .media {
    min-height: unset
  }
  .hero-section.hero-service--section .box-media .text {
    padding-right: 10%
  }
  .hero-section .box-content .descr {
    padding-bottom: var(--paddings-gaps-size-b-frame-64)
  }

  .hero-section.hero-service--section .hero-box .title-corner .corner-bg {
    display: none
  }
  .hero-section.hero-service--section .box-media {
    margin-top: 0
  }
  .hero-section.hero-service--section .hero-box .title {
    padding-bottom: 0;
    padding-right: 0
  }
}

@media(max-width: 992px) {
  :root {
    --padding-gap-size-XXXL: 8.2rem;
    --padding-gap-size-extra: 6.2rem;
    --padding-gap-size-big: 5.6rem
  }
  .contacts-form {
    gap: 2rem
  }

  .hero-video .video-mask,
  .page-video {
    width: 9.8rem;
    height: 9.8rem;
  }

  .hero-video .video-control,
  .page-video .frame-close {
    width: 3.7em;
    height: 3.7rem;
  }
  .hero-video .video-control svg,
  .page-video .frame-close svg {
    width: 2.5rem;
    height: 2.5rem
  }
  .contacts-form .submit-wrapper {
    padding-top: calc(var(--paddings-gaps-size-b-frame-64) - 2rem);
    gap: 2.8rem
  }
  .hero-section .title {
    padding-right: 0
  }
  .our-team .team-list .wrapper {
    gap: 2.8rem
  }
  .our-team .team-list .text {
    gap: .8rem
  }
  .service-description .tabs-header-button {
    margin-bottom: 0
  }
  .inputs-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem
  }
  .main-contacts-form {
    gap: 2rem
  }
  .container-h {
    padding: 1.2rem 1.2rem 0
  }
  .map .map-wrapper .right-col .map-img {
    height: 40rem
  }
  .page-header .logo {
    max-width: 12.3rem
  }
  .hero-section .hero-box.corner--box.contacts--box .box-corner {
    display: none
  }
  .logotypes-section .logo-marquee .item {
    width: 28rem;
    height: 14rem
  }
  .potential .potential-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.8rem;
    background-color: var(--c-white);
    border-radius: var(--paddings-gaps-corner-corner-20);
    padding: var(--paddings-gaps-size-b-frame-120) var(--paddings-gaps-size-b-frame-120) 0 var(--paddings-gaps-size-b-frame-120)
  }
  .potential .potential-wrapper .corner {
    display: none !important
  }
  .potential .potential-wrapper .potential-box {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    padding: 0
  }
  .potential .potential-wrapper .potential-box .potential-title {
    margin-bottom: 2.8rem
  }
  .potential .potential-wrapper .potential-box-img {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    height: 31rem;
    padding-top: 0;
    margin-left: 0;
    margin-top: 0
  }
  .potential .potential-wrapper .potential-box-img img {
    height: 31rem;
    padding-right: 0;
    width: auto
  }
  .potential .potential-wrapper .left-col {
    width: 100%
  }
  .potential .potential-wrapper .right-col {
    width: 100%;
    margin-left: 0
  }
  .hero-section .box-media {
    --variableGapSizng: 5.6rem;
    --secondVariableGapSizng: 5.6rem
  }
  .hero-section .box-content .descr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100% !important
  }
  .hero-section .box-content .descr .text {
    max-width: 100%
  }
  .modal .modal-form {
    padding-bottom: var(--paddings-gaps-size-b-frame-120)
  }
  .modal .thanks .thanks-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem
  }
  .modal .thanks .thanks-wrapper .button-container {
    -ms-flex-item-align: center;
    align-self: center
  }
  .tabs-descr .tabs-header {
    overflow-x: auto;
    padding: 0;
    padding-bottom: var(--paddings-gaps-size-b-frame-40);
    gap: .8rem;
    margin: 0;
    width: calc(100% + 2.4rem);
    margin-left: -1.2rem;
    padding-left: 2.4rem
  }
  .tabs-descr .tabs-header .tabs-header-button {
    padding: var(--paddings-gaps-size-b-frame-24) 2.8rem;
    border-radius: 7rem;
    background-color: var(--c-white);
    white-space: nowrap
  }
  .tabs-descr .tabs-header .tabs-header-button .subtitle {
    font-size: 1.6rem
  }
  .tabs-descr .tabs-header .tabs-header-button.active {
    background-color: var(--mainBlack);
    color: var(--c-white)
  }
  .tabs-descr .tabs-header .tabs-header-button .shadow {
    display: none
  }
  .tabs-descr .tabs-header .tabs-header-button .icon {
    display: none
  }
  .hero-section.hero-service--section .box-media .wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .hero-section.hero-service--section .box-media .wrapper .left-col, .hero-section.hero-service--section .box-media .wrapper .right-col {
    width: 100%
  }
  .hero-section.hero-service--section .box-media .wrapper .left-col {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding-left: 0
  }
  .hero-section.hero-service--section .box-media .wrapper .left-col img {
    margin-left: auto;
  }
  .custom-cursor {
    display: none
  }
  .cursor--custom-nav {
    display: none !important
  }
  .hero-cases .corner-top {
    display: none
  }
  .hero-cases {
    padding-top: var(--paddings-gaps-size-a-frame-120)
  }
  .hero-cases .cases-box {
    border-radius: var(--paddings-gaps-corner-corner-20);
    padding-top: var(--paddings-gaps-size-b-frame-64)
  }
  .hero-cases .case-item .item-header {
    height: 44rem
  }
  .hero-cases .title-box {
    padding: 0 var(--paddings-gaps-size-b-frame-120)
  }
  .bg--layer {
    padding-bottom: var(--paddings-gaps-size-b-frame-100) !important
  }
  .bg--layer section:last-of-type {
    padding-bottom: 0
  }
}

@media(max-width: 768px) {
  :root {
    --padding-gap-size-XXXL: 6.2rem;
    --padding-gap-size-extra: 3.6rem
  }
  .page-header .nav-list {
    display: none
  }
  .page-footer .footer-wrapper .right-col {
    grid-template-columns:1fr
  }
  .page-footer .menu-block:nth-child(3) {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
  }
  .page-footer .footer-header {
    padding: 3rem 0
  }
  .page-footer .footer-header .running-items {
    --marquee-gaps-sizing: 2rem
  }
  .logotypes-section {
    --marquee-gaps-sizing: 1.2rem
  }
  .logotypes-section .logo-marquee .item {
    width: 24rem;
    height: 12rem
  }
  .help .help-cards {
    grid-template-columns:1fr
  }
  .help .help-cards .big-card .wrapper {
    min-height: 32rem
  }
  .our-advantages {
    padding: var(--paddings-gaps-size-a-frame-120) 0 var(--paddings-gaps-size-a-frame-80)
  }
  .hero-section .box-media .corner.corner-top, .hero-section .box-media .corner.corner-bottom {
    width: calc(100% - 12rem) !important
  }
  .hero-section .hero-box.corner--box .box-corner {
    width: 45%
  }
  .hero-section.hero-service--section .button-container, .hero-section.hero-service--section .button {
    width: 100%
  }
  .hero-cases .case-item .item-header {
    height: 38rem
  }
  .help .help-cards .wrapper:hover .card-figure svg {
    fill: rgba(0, 0, 0, 0) !important;
    stroke: #47474b !important
  }
  .help .help-cards .wrapper:hover .card-content {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important
  }
  .help .help-cards .wrapper:hover .arrow-i svg {
    opacity: 0 !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important
  }
}

@media(min-width: 992px) {
  .page-header .header-wrapper::after {
    display: none
  }
  .header-panel {
    top: calc(var(--paddings-gaps-size-a-frame-20) + 1rem);
    left: auto;
    max-width: 40rem;
    height: auto;
    right: calc(var(--paddings-gaps-size-a-frame-20) - 1rem);
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    padding-bottom: 1rem;
    padding-top: 1rem;
    margin-top: -1rem
  }
  .header-panel.active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
  .header-panel .container-h {
    padding: 0 var(--paddings-gaps-size-b-frame-16)
  }
  .header-panel .nav-panel {
    top: 0;
    height: auto;
    -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, .1);
    box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, .1)
  }
  .header-panel .page-overlay {
    display: none
  }
  .header-panel.active .nav-panel {
    height: auto
  }
}

@media(max-width: 576px) {
  :root {
    --padding-gap-size-XXXL: 2.8rem;
    --padding-gap-size-extra: 2.8rem
  }
  .map .map-wrapper .right-col .map-img {
    height: 32rem
  }
  .page-contacts {
    --variableGapSizng: 4rem
  }
  .page-contacts .box-wrapper .right-col .img-box {
    height: 32rem
  }
  .logotypes-section .logo-marquee .item {
    width: 16rem;
    height: 8rem
  }
  .our-advantages .advantages-list {
    gap: 2.8rem
  }
  .our-advantages .advantages-list li {
    padding-bottom: 2.8rem
  }
  .modal .submit-wrapper {
    gap: 2.8rem
  }
  .hero-section .box-content .descr .button-container, .potential .potential-wrapper .potential-box .button-container, .modal .thanks .thanks-wrapper .button-container {
    width: 100%
  }
  .hero-section .box-content .descr .button-container .button, .potential .potential-wrapper .potential-box .button, .modal .thanks .thanks-wrapper .button-container .button {
    width: 100%
  }
  .reviews .reviews-box .our-competence li .wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.6rem
  }
  .reviews .reviews-box .reviews-inner .corner {
    width: 49%
  }
  .reviews .reviews-box .reviews-inner .reviews-controls {
    width: 50%
  }
  .hero-cases .case-item .item-header {
    height: 32rem
  }
  .running-items.reverse--animation .marquee {
    -webkit-animation: reverse--scroll 30s linear infinite;
    animation: reverse--scroll 30s linear infinite
  }
  .page-header .logo .mobile-logo {
    width: 4rem
  }

  .modal-box .modal--content {
    padding: var(--paddings-gaps-size-a-frame-40)
  }
  .modal-box .modal--content .text-content {
    padding: 0 .8rem;
  }
}

@media(max-width: 379px) {
  :root {
    --buttonWidth: 5rem
  }
  .button-container {
    font-size: 1.3rem
  }
  .button-container span {
    padding: 1.7rem 1.8rem
  }
}

@media(max-width: 350px) {
  .our-benefits .title-box {
    padding-top: 1rem
  }
  h1, .h1 {
    font-size: 3.6rem
  }
  h2, .h2 {
    font-size: 2.8rem
  }
  h3, .h3 {
    font-size: 2.4rem
  }
  h4, .h4 {
    font-size: 2rem
  }
  .reviews .reviews-box .reviews-inner .corner {
    width: 40%
  }
  .reviews .reviews-box .reviews-inner .reviews-controls {
    width: 55%
  }
}