@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
@font-face {
  font-family: "PTRootUI";
  font-weight: 400;
  src: url("../fonts/PTRootUI-Regular.woff2");
}
@font-face {
  font-family: "PTRootUI";
  font-weight: 300;
  src: url("../fonts/PTRootUI-Light.woff2");
}
@font-face {
  font-family: "PTRootUI";
  font-weight: 500;
  src: url("../fonts/PTRootUI-Medium.woff2");
}
@font-face {
  font-family: "PTRootUI";
  font-weight: 700;
  src: url("../fonts/PTRootUI-Bold.woff2");
}
input, button, textarea, select {
  font-family: "PTRootUI", sans-serif;
}

@font-face {
    font-family: 'Stetica';
    src: url('../fonts/AA Stetica Medium.otf');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Stetica';
    src: url('../fonts/AA Stetica Regular.otf');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

:root {
    --black: #000;
    --white: #fff;
    --blue: #003A91;
    --lightblue: #4771B0;
    --black-text: #303538;
    --gray: #C5C6C7;
    --strokeonwhite: #D4D4D4;
    --strokeonblack: #616161;
    --bgray: #F9F9FA;
    --hoverblue: #003A9114;
    --bgcardsonblack: #FFFFFF14;
}

* {
    padding: 0;
    margin: 0;
    list-style: none;
    outline: none;
    font-family: 'Stetica';
    box-sizing: border-box;
  }
  
  html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
  }
  
  body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    color: black;
	max-width : 2800px;
	margin-right : auto;
	margin-left : auto;
  }
  /*input:-webkit-autofill,
  input:-webkit-autofill:hover,
  input:-webkit-autofill:focus,
  input:-webkit-autofill:active {
    -webkit-text-fill-color: white;
    -webkit-background-clip: text;
  }*/
  a,
  span,
  p,
  b,
  h1,
  h2,
  h3,
  h4,
  h5 {
    font-family: 'Stetica';
  }
  
  a {
    text-decoration: none;
  }
  
  .header {
    width: 100%;
    padding-left: 48px;
    padding-right: 48px;
    display: flex;
    flex-direction: row;
    height: 128px;
    column-gap: 40px;
    background-color: var(--white);
    z-index: 100;
}

.header-logo {
    cursor: pointer;
    width: 215px;
    height: 128px;
    background: var(--blue);
    display: flex;
    justify-content: center;
    padding: 60px 15px 15px;
    z-index: 100;
}

li.header-container__bottom-item a {
    color: var(--black-text);
}

.header ul li.menu-item-has-children::after {
    content: "";
    display: block;
    width: 10px;
    min-width: 10px;
    height: 10px;
    margin-left: 6px;
    background-image: url(../images/nav-arrow-1.svg);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
	background-repeat: no-repeat;
}

.header-nav ul li {
  display: block;
  position: relative;
}

.header ul li a {
  text-decoration: none;
  outline: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  width: 100%;
}

.header-container__bottom > li:hover > ul.mod-menu__sub {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.header-container__bottom ul.mod-menu__sub li:hover > ul.mod-menu__sub{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
	left: 99%;
    top: 0
}



.header-logo__img {
    width: 182px;
    height: 44px;
}

.header-container {
    height: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 100;
    background-color: var(--white);
}



.header-container__top {
    height: 50%;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.header-container__top-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 196px;
}

.header-container__top-row-item {
    font-weight: 400;
    font-family: 'Stetica';
    font-size: 18px;
    line-height: 24px;
    color: var(--black-text);
    cursor: pointer;
}

.header-container__top-row-icon {
    width: 12px;
    height: 6px;
    cursor: pointer;
}

.header-container__top-container {
    display: flex;
    align-items: center;
    column-gap: 80px;
    height: 100%;
    align-items: center;
}

.header-container__top-container-item {
    font-weight: 400;
    font-family: 'Stetica';
    font-size: 18px;
    line-height: 24px;
    color: var(--black-text);
    cursor: pointer;
}

.header-container__top-container-button {
    display: flex;
    align-items: center;
    column-gap: 16px;
    border: none;
    background: var(--blue);
    cursor: pointer;
    width: 196px;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.header-container__top-container-button-text {
    font-weight: 500;
    font-family: 'Stetica';
    font-size: 16px;
    line-height: 16px;
    color: var(--white);
}

.header-container__top-container-button-circle {
    width: 32px;
    height: 32px;
    background: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-container__top-container-button-circle-icon {
    width: 16px;
    height: 16px;
}

.header-container__bottom {
    height: 50%;
    display: flex;
    align-items: center;
    column-gap: 33px;
    cursor: pointer;
}

ul.mod-menu__sub.list-unstyled.small li.header-container__bottom-item {
    width: auto !important;
	max-width: 100%;
}
li.current, .com_virtuemart.com-virtuemart.view-category.layout-default.task-none.itemid-166 .header-container__bottom li:has(.item-255) {
    background: #fafafa;
    padding: 0 15px;
    /*border-top: 1px solid #003a91;*/
}

.com_virtuemart.com-virtuemart.view-category.layout-default.task-none.itemid-166 li.header-container__bottom-item.item-255 {
    background: #fafafa;
    padding: 0 15px;
}

.header-container__bottom li:has(.current){
	background: #fafafa;
    padding: 0 15px;
}

.promotion-img img{
	width: 100%;
}

.header-container__bottom-item, nav.header-nav ul li.nav-item {
    font-weight: 400;
    height: 100%;
    font-family: 'Stetica';
    font-size: 18px;
    line-height: 24px;
    color: var(--black-text);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 196px;
    cursor: pointer;
    border-top: 1px solid #D4D4D4;
}

ul.mod-menu__sub.list-unstyled.small {
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    background: #fff;
    padding: 8px 16px 24px;
    width: 350px;
    display: block;
}

.header-container__bottom li {
    position: relative;
}

ul.header-container__bottom ul ul {
    top: -8px !important;
    position: absolute;
    z-index: 0;
}

.deeper.menu-item-has-children.parent ul li a {
    display: flex;
    flex-direction: row;
    height: 56px;
    align-items: center;
    padding: 0px 12px;
    justify-content: space-between;
    cursor: pointer;
}

.deeper.menu-item-has-children.parent ul li {
    display: flex;
    align-items: center;
}

.header-container__bottom ul.mod-menu__sub li.menu-item-has-children::after {
    content: "";
    display: block;
    width: 10px;
    min-width: 10px;
    height: 10px;
    margin-left: 6px;
    background-image: url(../images/nav-arrow-2.svg);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    background-repeat: no-repeat;
}


.header-container__bottom > li:hover > ul.mod-menu__sub li {
    border: none;
}

.header-container__bottom-item-icon {
    width: 12px;
    height: 6px;
}

.hero-dark .header-container { 
  background: transparent !important;
}

.hero-dark .header-container__top-row-item,
.hero-dark .header-container__top-container-item,
.hero-dark .header-container__bottom-item,
.hero-dark .header-container__bottom-item a {
  color: #fff !important;
}

.open-block-header {
    width: 100%;
    height: 680px;
    background-color: var(--white);
    position: absolute;
    top: 128px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 48px;
    left: 0px;
    top: -200%;
    transition: top 0.5s ease;
    z-index: 12;
}

.open-block-header__right {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--strokeonwhite);
    max-width: 592px;
}

.open-block-header__right-top {
    position: relative;
    width: 100%;
    height: 400px;
}

.open-block-header__right-top-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.open-block-header__right-top svg {
    position: absolute;
    top: 32px;
    left: 32px;
}

.open-block-header__right-top-term {
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 8px 32px;
    background-color: var(--blue);
    font-family: "Stetica";
    font-weight: 500;
    font-style: Medium;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: var(--white);
}

.open-block-header__right-bottom {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    padding: 32px;
}

.open-block-header__right-bottom-title {
    font-family: "Stetica";
    font-weight: 500;
    font-style: Medium;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 0%;
    color: var(--black-text);
}

.open-block-header__right-bottom-txt {
    font-family: "Stetica";
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0%;
    color: var(--black-text);
    opacity: 64%;
}

.services-header,
.repair-header,
.akpp-header,
.diagnostic-header {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    width: 287px;
}

.services-header__title {
    font-family: "Stetica";
    font-weight: 500;
    font-style: Medium;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 0%;
    color: var(--black-text);
}

.services-header__page {
    display: flex;
    flex-direction: row;
    height: 56px;
    align-items: center;
    padding: 0px 12px;
    justify-content: space-between;
    cursor: pointer;
}

.services-header__page-txt {
    font-family: "Stetica";
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 1%;
    color: var(--black-text);
}

.open-block-header__left {
    display: flex;
    flex-direction: row;
    column-gap: 48px;
    height: 448px;
}

.megamunu-header__line {
    height: 100%;
    width: 0px;
    border: 0.5px solid var(--strokeonwhite);
}

.dispnone {
    display: none;
}

.dark-header {
    background-color: var(--black-text);
}

.dark-headers {
    background-color: var(--black-text);
}

#repair {
    display: flex;
}

.white-txt {
    color: var(--white);
}

.white-line {
    border-color: var(--strokeonwhite);
}

.menu-active {
    background-color: #F9F9FA;
}

.header-mobile,
.burger-active {
    display: none;
}

@media screen and ((min-width: 1440px) and (max-width: 1920px)) {
    .header {
        width: 100vw;
        box-sizing: border-box;
    }

    .header-container__bottom {
        column-gap: 20px;
    }

    .header-container__bottom-item,
    .header-container__top-row {
        width: auto;
        flex: 1;
        max-width: 15.5%;
    }

    .header-container__top-container {
        column-gap: 30px;
    }
}

@media screen and ((min-width: 1024px) and (max-width: 1440px)) {
    .header {
        width: 100vw;
        box-sizing: border-box;
    }

        .header-container__top-container {
        column-gap: 30px;
    }

    .header-container__bottom {
        column-gap: 20px;
    }

    .header-container__bottom-item,
    .header-container__top-row, nav.header-nav ul li.nav-item {
        width: auto;
        flex: 1;
        max-width: 13.5%;
    }

    .header {
        padding: 0px 16px;
        column-gap: 16px;
    }

    .header-container__bottom {
        column-gap: 10px;
    }

    .header-container__bottom-item, nav.header-nav ul li.nav-item {
        column-gap: 5px;
    }

    .header-container__bottom-item,
    .services-header__page-txt,
    .header-container__top-row-item,
    .header-container__top-container-item, nav.header-nav ul li.nav-item {
        font-size: 14px;
    }

    .header-container__top {
        column-gap: 16px;
    }
}

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

    .header,
    .header-dark {
        display: none !important;
    }

    .header-mobile {
        display: flex;
        flex-direction: row;
        padding: 20px 16px;
        align-items: center;
        width: 100%;
        justify-content: space-between;
        background-color: var(--blue);
        position: fixed;
        top: 0;
        left: 0;
		min-height: 81px;
        z-index: 10;
    }

    .header-mobile__burger {
        display: flex;
        flex-direction: row;
        column-gap: 8px;
        align-items: center;
        cursor: pointer;
        border: none;
        background: none;
    }

    .header-mobile__burger-txt {
        font-family: "Stetica";
        font-weight: 500;
        font-style: Medium;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0%;
        color: var(--white);
    }

    .burger-active {
        display: flex;
        flex-direction: column;
        /*position: absolute;*/
        top: 80px;
        width: 100%;
        background-color: var(--white);
        padding: 24px 16px 40px 16px;
        row-gap: 24px;
        z-index: 100;
		position: fixed;
  
		  left: 0;
		  right: 0;
		  bottom: 0;
		  overflow-y: auto;
		  transition: transform 0.3s ease
    }

    .burger-active__blocks-link {
        display: flex;
        flex-direction: column;
        row-gap: 20px;
    }

    .burger-active__blocks-link-title {
        font-family: "Stetica";
        font-weight: 500;
        font-style: Medium;
        font-size: 22px;
        line-height: 24px;
        letter-spacing: 0%;
        color: var(--black-text);
    }

    .burger-active__links {
        display: flex;
        flex-direction: column;
        row-gap: 4px;
    }

    .burger-active__link {
        display: flex;
        flex-direction: row;
        width: 100%;
        height: 40px;
        justify-content: space-between;
        cursor: pointer;
        align-items: center;
    }

    .burger-active__link-txt {
        font-family: "Stetica";
        font-weight: 400;
        font-size: 18px;
        line-height: 20px;
        letter-spacing: 1%;
        color: var(--black-text);
    }

    .header-mobile__line {
        width: 100%;
        height: 0px;
        border: 1px solid var(--strokeonwhite);
    }

    .header-mobile__town {
        display: flex;
        flex-direction: row;
        column-gap: 16px;
    }

    .header-mobile__town-content {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .header-mobile__town-txt {
        font-family: "Stetica";
        font-weight: 500;
        font-style: Medium;
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0%;
        color: var(--black-text);
        opacity: 64%;
    }

    .header-mobile__town-button {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid var(--strokeonwhite);
        height: 40px;
    }

    .header-mobile__town-choise-txt {
        font-family: "Stetica";
        font-weight: 400;
        font-size: 18px;
        line-height: 20px;
        letter-spacing: 1%;
        color: var(--black-text);
    }

    .header-mobile__town-main-txt {
        font-family: "Stetica";
        font-weight: 500;
        font-style: Medium;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: -1%;
        color: var(--black-text);
    }

    .header-mobile__button {
        display: flex;
        flex-direction: row;
        column-gap: 12px;
        padding: 11px 0px;
        justify-content: center;
        border: none;
        background-color: #003A91;
        border-radius: 12px;
        align-items: center;
    }

    .header-mobile__button-txt {
        font-family: "Stetica";
        font-weight: 500;
        font-style: Medium;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0%;
        text-transform: uppercase;
        color: var(--white);
        cursor: pointer;
    }

    .remont-mobile {
        z-index: 1000;
    }

    .burger-active__back {
        display: flex;
        flex-direction: row;
        column-gap: 6px;
        align-items: center;
    }

    .burger-active {
        display: none;
    }

    .burger-active.active {
        display: flex;
    }

    .back-mobile {
        display: none;
    }

    .back-remont,
    .back-zamena {
        cursor: pointer;
    }
	
	.fp-scroll-mac .header-mobile {
        position: fixed;
        top: 0;
        left: 0;
		z-index: 10;
    }
}

.modal-quiz-content {
    border: none;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
}

.quiz-sidebar {
    background-image: url('https://akppcenter.com/assets/img/background_quiz.jpg?q=80&w=600&auto=format&fit=crop');
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 30px;
    color: #fff;
}

.quiz-sidebar::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgb(135 135 135 / 40%), rgb(0 0 0 / 95%));
    z-index: 1;
}

.quiz-sidebar-content {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 0 10px;
}

.quiz-benefit-item {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    font-size: 0.95rem;
    font-weight: 500;
}

.quiz-benefit-item i {
    color: #f59e0b;
    margin-right: 10px;
    font-size: 1.2rem;
}

.quiz-modal-left {
    background: #fff;
    padding: 0;
    display: flex;
    flex-direction: column;
    position: relative;
}

.btn-close-base {
    position: absolute;
    top: 5px;
    right: 10px;
    z-index: 20;
    background: transparent;
    border: none;
    font-size: 2rem;
    line-height: 1;
    cursor: pointer;
    transition: 0.2s;
    outline: none;
}

.btn-close-mobile {
    color: #000;
}

.btn-close-mobile:hover {
    color: #334155;
}

.btn-close-sidebar {
    color: #fff;
    opacity: 1;
}

.btn-close-sidebar:hover {
    color: #fff;
    transform: rotate(90deg);
}

.quiz-card-body {
    padding: 25px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: auto;
}

.quiz-progress {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    padding: 0 5px;
}

.quiz-progress-step {
    text-align: center;
    flex: 1;
    position: relative;
}

.quiz-progress-bar {
    height: 5px;
    background: #e3e3e3;
    border-radius: 3px;
    margin-bottom: 6px;
    margin-left: 4px;
    margin-right: 4px;
    transition: background 0.3s;
}

.quiz-progress-bar.active {
    background: #f59e0b;
}

.quiz-progress-label {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
    color: #929292;
    letter-spacing: 0.5px;
}

.quiz-progress-label.active {
    color: #1e293b;
}

.q-step-title {
    font-weight: 700;
    font-size: 1.3rem;
    color: #0f172a;
    margin-bottom: 0.3rem;
}

.q-step-desc {
    color: #64748b;
    font-size: 0.9rem;
    margin-bottom: 1.2rem;
}

.quiz-summary {
    background: #f8fafc;
    padding: 10px;
    border-radius: 8px;
    font-size: 0.85rem;
    margin-bottom: 15px;
}

.q-grid-problems {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

@media (min-width: 576px) {

    .calc-card-body {
        height: 560px;
        display: flex;
        flex-direction: column;
        min-height: 0;
    }

    .step-pane {
        display: none;
        flex-direction: column;
        flex: 1 1 auto;
        min-height: 0;
        animation: fadeIn 0.3s ease-out;
    }

    .step-pane.active {
        display: flex;
    }

    .scroll-y-custom {
        overflow-y: auto;
        flex: 1 1 auto;
        min-height: 0;
        max-height: none;
        padding-right: 5px;
        padding-bottom: 5px;
    }

	    .q-grid-problems {
        grid-template-columns: repeat(3, 1fr);
    }

    .grid-brands {
        grid-template-columns: repeat(3, 1fr);
    }
}


.q-btn-problem {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 15px 5px;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 100px;
}

.q-btn-problem:hover {
    border-color: #f59e0b;
    background: #fffbeb;
    transform: translateY(-2px);
}

.q-btn-problem i {
    font-size: 24px;
    color: #6c757d;
    margin-bottom: 8px;
    transition: color 0.2s;
}

.q-btn-problem:hover i {
    color: #f59e0b;
}

.q-btn-problem span {
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.2;
    color: #333;
}

.q-list-stack {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.q-btn-select-row {
    display: flex;
    align-items: center;
    width: 100%;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 12px 16px;
    text-align: left;
    transition: all 0.2s;
    cursor: pointer;
}

.q-btn-select-row:hover {
    border-color: #f59e0b;
    background: #fffbeb;
}

.q-btn-text {
    font-weight: 600;
    color: #1e293b;
    font-size: 0.95rem;
    flex-grow: 1;
}

.q-checkbox-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
}

@media(min-width:576px) {
    .q-checkbox-grid {
        grid-template-columns: 1fr 1fr;
    }
}

.q-custom-check-card {
    display: flex;
    align-items: center;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 10px;
    cursor: pointer;
    transition: 0.2s;
    margin-bottom: 0;
}

.q-custom-check-card:hover {
    background: #f8fafc;
}

.q-custom-check-card input {
    margin-right: 10px;
    transform: scale(1.2);
}

.q-custom-check-card span {
    font-size: 0.9rem;
    font-weight: 500;
}

.q-btn-back {
    border: none;
    background: transparent;
    color: #94a3b8;
    font-weight: 600;
    font-size: 0.85rem;
    padding: 0;
    margin-bottom: 12px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
}

.q-btn-back:hover {
    color: #f59e0b;
}

.q-scroll-y-custom {
    overflow-y: auto;
    max-height: 50vh;
    padding-right: 5px;
    padding-bottom: 5px;
}

.q-input-modern {
    display: block;
    width: 100%;
    padding: 10px 10px;
    background-color: #fff;
    border-radius: 8px;
    transition: all 0.2s;
    margin-bottom: 10px;
    border: 1px dashed #e8e8e8;
}

.q-input-modern:focus {
    border-color: #f59e0b;
    outline: none;
}

.q-btn-submit-modern {
    background: #f59e0b;
    color: white;
    font-weight: 700;
    width: 100%;
    padding: 14px;
    border-radius: 8px;
    border: none;
    font-size: 1.1rem;
    box-shadow: 0 4px 6px -1px rgba(245, 158, 11, 0.3);
    transition: all 0.2s;
    cursor: pointer;
    margin-top: 15px;
}

.q-btn-submit-modern:hover {
    background: #d97706;
    transform: translateY(-2px);
}

.q-step-pane {
    display: none;
    animation: fadeIn 0.3s ease-out;
}

.q-step-pane.active {
    display: block;
}

.q-custom-checkbox-wrap {
    display: flex;
    gap: 10px;
    font-size: 0.85rem;
    color: #64748b;
    margin-top: 10px;
    cursor: pointer;
}
.fa-arrow-left:before {
    content: "\f060";
}
.btn-back:hover {
    color: #f59e0b;
}
.fa-ban:before {
    content: "\f05e"
}
.fa-power-off:before {
    content: "\f011";
}
.fa-gears:before, .fa-cogs:before {
    content: "\f085";
}
.fa-arrows-h:before {
    content: "\f07e";
}
.fa-dashboard:before, .fa-tachometer:before {
    content: "\f0e4";
}
.fa-arrow-circle-o-down:before {
    content: "\f01a";
}
.fa-tint:before {
    content: "\f043";
}
.fa-flask:before {
    content: "\f0c3";
}
.fa-magnet:before {
    content: "\f076";
}
.fa-volume-up:before {
    content: "\f028";
}
.text-white {
    color: #fff !important;
}
.badge-warning {
    color: #212529;
    background-color: #003a91;
    padding: 3px 5px;
    border-radius: 5px;
}
.mr-2, .mx-2 {
    margin-right: .5rem !important;
}
.font-weight-bold {
    font-weight: 500;
    margin-bottom: 1.5rem;
    font-family: "Stetica";
    font-size: 18px;
    line-height: 24px;
    color: var(--black-text);
    opacity: 72%;
}

.input-success {
  border: 1px solid #28a745 !important;
}

#popup-msg{
  display:none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 20px;
  z-index: 9999;
  text-align: center;
  border-radius: 14px;
  box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.3);
}
div#cme-popup {
	display:none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #ffffff8c;
    display: block;
    width: 100%;
    height: 100%;
}
.error-text {
    color: red;
}
span#popup-text {
    font-family: "Stetica";
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: var(--black-text);
    opacity: 72%;
    padding-top: 16px;
    display: inline-block;
}
button#popup-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 3px 5px;
    background: white;
    border: 0;
    color: var(--black-text);
    opacity: 72%;
}
#popup-text {
  white-space: pre-line;
}
.step-error {
  animation: shake 0.3s !important;
}
.js-hidden-text {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.js-hidden-text.is-open {
  max-height: 500px; 
}

.read-more-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    line-height: 24px;
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: var(--white);
    opacity: 0.64;
    text-align: right;
}

#calculator {
    position: relative;
    width: 100%;
    height: 100vh;
    background: var(--black-text);
    top: 0;
    display: flex; 
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

@keyframes shake {
  0% { transform: translateX(0); }
  25% { transform: translateX(-4px); }
  50% { transform: translateX(4px); }
  75% { transform: translateX(-4px); }
  100% { transform: translateX(0); }
}

.btn-back {
    border: none;
    background: transparent;
    color: #94a3b8;
    font-weight: 600;
    font-size: 0.85rem;
    padding: 0;
    margin-bottom: 12px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
}

.btn-back:hover {
    color: #f59e0b;
}

.scroll-y-custom {
    overflow-y: auto;
    max-height: 210px;
    padding-right: 5px;
    padding-bottom: 5px;
}

.form-summary {
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 1.5rem;
    font-family: "Stetica";
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: var(--black-text);
    opacity: 72%;
}

.input-modern {
    display: block;
    width: 100%;
    padding: 14px 16px;
    font-size: 18px;
    color: #1e293b;
    background-color: #fff;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    transition: all 0.2s;
    margin-bottom: 5px;
}

.input-modern:focus {
    border-color: #003a91;
    outline: none;
}

.btn-submit-modern {
    background: var(--blue);
    color: white;
    font-weight: 500;
    width: 100%;
    padding: 16px;
    border-radius: 8px;
    border: none;
    font-size: 1.1rem;
    box-shadow: 0 4px 6px -1px rgb(38 11 245 / 30%);
    transition: all 0.2s;
    cursor: pointer;
    margin-top: 10px;
}

.btn-submit-modern:hover {
    background-color: #4771B0;
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgb(11 79 245 / 30%);
}

.step-pane {
    display: none;
    animation: fadeIn 0.3s ease-out;
}

.step-pane.active {
    display: block;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.custom-checkbox-wrap {
    display: flex;
    gap: 10px;
    font-size: 0.85rem;
    color: #64748b;
    margin-top: 15px;
    cursor: pointer;
}

.custom-checkbox-wrap input {
    margin-top: 3px;
}

.custom-checkbox-wrap a {
    color: #003a91;
    text-decoration: underline;
}
.calc-card-body {
    padding: 30px;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: auto;
}

#Calculator,
#Calculator_oil {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.calc-progress {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
    padding: 0 5px;
}

.calc-progress-step {
    text-align: center;
    flex: 1;
    position: relative;
}

.calc-progress-bar {
    height: 5px;
    background: #f1f5f9;
    border-radius: 3px;
    margin-bottom: 6px;
    margin-left: 4px;
    margin-right: 4px;
    transition: background 0.3s;
}

.calc-progress-bar.active {
    background: #003a91;
}

.calc-progress-label {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
    color: #94a3b8;
    letter-spacing: 0.5px;
}

.calc-progress-label.active {
    color: #1e293b;
}

.step-title {
    font-weight: 500;
    font-size: 32px;
    color: #0f172a;
    margin-bottom: 0.5rem;
}

.step-desc {
    margin-bottom: 1.5rem;
    font-family: "Stetica";
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: var(--black-text);
    opacity: 72%;
}

.manual-brand-group {
    display: flex;
    gap: 10px;
    margin-bottom: 25px;
    background: #f8fafc;
    padding: 10px;
    border-radius: 10px;
    border: 1px dashed #e8e8e8;
}

.manual-brand-group input {
    flex-grow: 1;
    margin-bottom: 0;
    border: 1px solid #cbd5e1;
    height: 46px;
}

.manual-brand-group button {
    width: auto;
    margin-top: 0;
    padding: 0 30px;
    white-space: nowrap;
    box-shadow: none;
    height: 46px;
}

.grid-brands {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.btn-select-brand {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 12px 10px;
    text-align: left;
    font-size: 0.95rem;
    font-weight: 500;
    color: #334155;
    transition: all 0.2s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.btn-select-brand:hover {
    border-color: #f59e0b;
    background: #fffbeb;
    color: #d97706;
}

.list-stack {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.btn-select-row {
    display: flex;
    align-items: center;
    width: 100%;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 14px 16px;
    text-align: left;
    transition: all 0.2s;
    cursor: pointer;
}

.btn-select-row:hover {
    border-color: #003a91;
    background: #ebf7ff;
    transform: translateX(3px);
}

.btn-icon-box {
    width: 32px;
    height: 32px;
    background: #f1f5f9;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    color: #64748b;
    flex-shrink: 0;
    font-size: 14px;
}

.btn-select-row:hover .btn-icon-box {
    background: #4771b0;
    color: #fff;
}

.btn-text {
    font-weight: 500;
    color: #1e293b;
    font-size: 0.95rem;
    flex-grow: 1;
    line-height: 1.3;
}
/* ================== Calculator ================== */

/* === СТИЛИ КАЛЬКУЛЯТОРА === */

.calc-wrapper-breakout {
    background: radial-gradient(circle at 50% 46%, #3c3c3c, #222222 88%);
    padding: 120px 0 120px 0;
}

.calc-card {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    min-height: auto;
    display: flex;
    flex-direction: column;
    position: relative;
    color: #334155;
    max-width: 100%;
}

.calc-header-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    text-align: left;
    margin-bottom: 0;
}

.calc-header-description {
    font-size: 1.1rem;
}

.calc-titles h2 {
    color: #fff;
}

.calc-titles .subtitle {
    color: #ffffff;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.3;
	margin-top: 30px;
}

.d-none.d-lg-block.mt-4.text-white-50.calc-header-description {
    padding: 30px;
}

.d-none.d-lg-block.mt-4.text-white-50.calc-header-description div {
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: var(--white);
    opacity: 0.64;
}
@media (min-width: 992px) {
    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}
.col-lg-6{
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.calc-card {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    min-height: auto;
    display: flex;
    flex-direction: column;
    position: relative;
    color: #334155;
    max-width: 100%;
}
@media (min-width: 576px) {
    .calc-card-body {
        height: 560px;
        display: flex;
        flex-direction: column;
        min-height: 0;
    }
}
.calc-card-body {
    padding: 30px;
}

.calc-wrapper-breakout .container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.step-pane {
  display: none;
  height: 100%;
}

.step-pane.active {
  display: block;
}
.calc-wrapper-breakout {
    padding: 35px 0 35px 0;
}
.row.align-items-center{
	-ms-flex-align: center!important;
    align-items: center !important;
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
@media (min-width: 992px) {
    .mb-lg-0, .my-lg-0 {
        margin-bottom: 0 !important;
    }
}
@media (min-width: 576px) {
    .mb-sm-4, .my-sm-4 {
        margin-bottom: 1.5rem !important;
    }
}
.mb-1, .my-1 {
    margin-bottom: .25rem !important;
}
div#calculators {
    position: relative;
    background: var(--black-text);
    top: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 180px 0 60px;
}

@media (max-width: 439px) {
    #calculators {
        padding: 48px 16px 40px 16px !important;
    }
	.dark-cons.dop {
    padding-top: 48px !important;
    padding-bottom: 40px !important;
}
}
.dark-cons.dop {
    padding-top: 90px;
    /*padding-bottom: 120px;*/
}
.dark-footer__slider.dark-cons.top-line {
    padding-top: 90px;
}
.map-right__map {
  width: 100%;
  height: 544px;
  background-image: url("/images/map1.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

@media (min-width: 1024px) and (max-width: 1439px) {
	.about-company__why-we-title {
        font-size: 52px !important;
        line-height: 46px !important;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .about-company__why-we-title  {
        font-size: 52px !important;
        line-height: 46px !important;
    }
}
@media (min-width: 440px) and (max-width: 767px) {
    .about-company__why-we-title  {
        font-size: 36px !important;
        line-height: 46px !important;
    }

    .about-company__why-we-title {
        margin-left: 16px;
    }
}
@media (max-width: 439px) {
    .about-company__why-we-title {
        margin-left: 16px;
    }
	.about-company__why-we-title {
        font-size: 32px !important;
        line-height: 46px !important;
    }
	[data-anchor="block5"] {
		/*padding: 35px 0 10px;*/
		border: 1px solid #616161;
	}
	[data-anchor="block6"] .repair-slider,[data-anchor="block7"] .discount {
		height: auto !important;
	}
	[data-anchor="block9"] .map {
		margin-top: 0px !important;
	}
	.servslider__info {
    margin-bottom: 0px !important;
}
.advantages {
    padding: 40px 0 0;
}
}
.advantages__slider-item.slick-slide {
    position: relative;
	transition: opacity 0.2s;
}
.advantages__slider-item.bl1.slick-slide:before {
    content: "\f00c";
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: -1;
	display: flex;
    align-items: center;
    justify-content: center;
    font-size: 250px;
    color: rgb(0 58 145);
    font-family: 'Font Awesome 5 Pro';
}
.advantages__slider-item.bl2.slick-slide:before {
    content: "\f3eb";
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: -1;
	display: flex;
    align-items: center;
    justify-content: center;
    font-size: 250px;
    color: rgb(0 58 145);
    font-family: 'Font Awesome 5 Brands';
}
.advantages__slider-item.bl3.slick-slide:before {
    content: "\f47c";
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: -1;
	display: flex;
    align-items: center;
    justify-content: center;
    font-size: 250px;
    color: rgb(0 58 145);
    font-family: 'Font Awesome 5 Pro';
}
.advantages__slider-item.bl4.slick-slide:before {
    content: "\f085";
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: -1;
	display: flex;
    align-items: center;
    justify-content: center;
    font-size: 250px;
    color: rgb(0 58 145);
    font-family: 'Font Awesome 5 Pro';
}
.advantages__slider-item.bl5.slick-slide:before {
    content: "\f555";
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: -1;
	display: flex;
    align-items: center;
    justify-content: center;
    font-size: 250px;
    color: rgb(0 58 145);
    font-family: 'Font Awesome 5 Pro';
}
.advantages__slider-item.bl6.slick-slide:before {
    content: "\f6de";
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: -1;
	display: flex;
    align-items: center;
    justify-content: center;
    font-size: 250px;
    color: rgb(0 58 145);
    font-family: 'Font Awesome 5 Pro';
}
.advantages__slider-item.bl1.slick-slide.slick-active:hover:before, .advantages__slider-item.bl2.slick-slide.slick-active:hover:before, .advantages__slider-item.bl3.slick-slide.slick-active:hover:before, .advantages__slider-item.bl4.slick-slide.slick-active:hover:before, .advantages__slider-item.bl5.slick-slide.slick-active:hover:before, .advantages__slider-item.bl6.slick-slide.slick-active:hover:before {
    opacity: 0.5;
}
.repair-slider {
  width: 100%;
  height: 87vh;
}

.discount {
        height: 87vh;
    }
.map {
    margin-top: 126px;
}
.catalog-page .map {
    margin-top: 0px;
}
.swiper-slide {
  width: 100%;
  height: 100%;
}
.swiper-slide {
    background: var(--black-text);
}
@media (max-width: 439px) {
    .repair-now-slider__slide.swiper {
        height: 700px !important;
    }
}
.swiper-button-prev:after, .swiper-button-next:after {
    font-size: 18px;
    font-weight: 600;
}
.swiper-button-next, .swiper-button-prev {
    background: white;
    width: 64px;
    height: 64px;
	border-radius: 50%;
}
button.header-container__top-container-button.openFOSBtn.home {
    padding: 24px 15px;
}
.vertical-scrolling.rassr .fp-overflow {
    background: var(--blue);
    border-top: 1px solid #5181C9;
    padding: 60px 0;
}
.vertical-scrolling.rassr .fp-overflow .circleScr-slide{
	background: var(--blue);
}
body.fp-scroll-mac.fp-viewing-block1 header.header{
    position: relative;
}
body.fp-scroll-mac.fp-viewing-block1.hero-dark header.header {
    position: relative;
    background: transparent;
}
body.fp-scroll-mac .header, body.fp-viewing-block1.fp-scroll-mac header.header {
    position: fixed !important;
    top: 0;
}

@media (min-width: 768px) {
/*body.fp-scroll-mac .intro {
    margin-top: 150px;
}*/

}
.repair {
    height: 100vh;
}
@media(min-width: 769px){
	.oil-company__why-we-garant {
		margin-top: 160px;
}
}
@media(max-width: 768px){
	.oil-company__why-we-garant {
		margin-top: 30px;
}
}
.chat-bot {
    position: fixed;
    right: 48px;
    bottom: 88px;
    width: 72px;
    height: 72px;
    cursor: pointer;
	z-index: 10;
}

.footer {
  width: 100%;
  display: flex;
  flex-direction: column;
  background: var(--black-text);
  position: relative;
}

.footer__text {
  width: 100%;
  height: auto;
  padding: 80px 48px;
  border-bottom: 1px solid #616161;
}

.footer__text--p {
  font-family: "Stetica";
  color: var(--white);
  opacity: 0.64;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

.footer-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 48px;
  width: 100%;
  height: auto;
}

.footer-container__left {
  display: flex;
  flex-direction: column;
  row-gap: 65px;
}

.footer-container__left-logo {
  width: 323px;
  height: 77px;
}

.footer-container__left-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 18px;
  cursor: pointer;
}

.footer-container__left-row-circle {
  width: 64px;
  height: 64px;
  background: var(--white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-container__left-row-circle-icon {
  width: 16px;
  height: 16px;
}

.footer-container__left-row-text {
  font-family: "Stetica";
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: var(--white);
}

.footer-container__left-list {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}

.footer-container__left-list-item {
  font-family: "Stetica";
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 1%;
  line-height: 24px;
  color: var(--white);
  opacity: 0.64;
  cursor: pointer;
}

.footer-container__right {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  height: auto;
  max-width: 1209px;
  margin-left: auto;
}

.footer-container__right-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: start;
}

.footer-container__right-row-list {
  display: flex;
  flex-direction: column;
  width: 288px;
  row-gap: 16px;
}

.footer-container__right-row-list-item {
  font-family: "Stetica";
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: var(--white);
  cursor: pointer;
}

.footer-container__right-row-list-item__small {
  font-family: "Stetica";
  font-weight: 500;
  font-size: 14px;
  margin-top: -8px;
  line-height: 16px;
  opacity: 0.64;
  color: var(--white);
  cursor: pointer;
}

.footer-container__right-line {
  width: 100%;
  height: 1px;
  background: #616161;
}

.footer-container__right-row-item {
  width: 278px;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}

.footer-container__right-row-item-title {
  font-family: "Stetica";
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: var(--white);
  opacity: 0.64;
}

.footer-container__right-row-item-text {
  font-family: "Stetica";
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: var(--white);
  cursor: pointer;
}

.footer-container__right-row-item-social {
  display: flex;
  flex-direction: row;
  column-gap: 12px;
}

.footer-container__right-row-item-social-item {
  width: 48px;
  height: 48px;
  background: var(--white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.footer-container__right-row-item-social-item-icon {
  width: 24px;
  height: 24px;
}

.footer-container__right-text {
  font-family: "Stetica";
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: var(--white);
  opacity: 0.64;
}

@media (min-width: 1440px) and (max-width: 1919px) {
  .footer__text {
    padding: 60px 48px;
  }

  .footer__text--p {
    font-size: 18px;
    line-height: 24px;
  }

  .footer-container {
    padding: 48px;
  }

  .footer-container__left {
    row-gap: 65px;
  }

  .footer-container__left-logo {
    width: 280px;
    height: 70px;
  }

  .footer-container__left-row {
    column-gap: 18px;
  }

  .footer-container__left-row-circle {
    width: 64px;
    height: 64px;
  }

  .footer-container__left-row-circle-icon {
    width: 16px;
    height: 16px;
  }

  .footer-container__left-row-text {
    font-size: 18px;
    line-height: 24px;
  }

  .footer-container__left-list {
    row-gap: 8px;
  }

  .footer-container__left-list-item {
    font-size: 16px;
    line-height: 24px;
  }

  .footer-container__right {
    row-gap: 32px;
    max-width: 1000px;
  }

  .footer-container__right-row-list {
    width: 288px;
    row-gap: 16px;
  }

  .footer-container__right-row-list-item {
    font-size: 18px;
    line-height: 24px;
  }

  .footer-container__right-row-list-item__small {
    font-size: 14px;
    margin-top: 0px;
    line-height: 16px;
  }

  .footer-container__right-row-item {
    width: 240px;
    row-gap: 12px;
  }

  .footer-container__right-row-item-title {
    font-size: 18px;
    line-height: 24px;
  }

  .footer-container__right-row-item-text {
    font-size: 18px;
    line-height: 24px;
  }

  .footer-container__right-row-item-social {
    column-gap: 12px;
  }

  .footer-container__right-row-item-social-item {
    width: 48px;
    height: 48px;
  }

  .footer-container__right-row-item-social-item-icon {
    width: 24px;
    height: 24px;
  }

  .footer-container__right-text {
    font-size: 16px;
    line-height: 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .footer__text {
    padding: 40px 36px;
  }

  .footer__text--p {
    font-size: 16px;
    line-height: 22px;
  }

  .footer-container {
    padding: 36px;
  }

  .footer-container__left {
    row-gap: 50px;
  }

  .footer-container__left-logo {
    width: 220px;
    height: 60px;
  }

  .footer-container__left-row {
    column-gap: 14px;
  }

  .footer-container__left-row-circle {
    width: 48px;
    height: 48px;
  }

  .footer-container__left-row-circle-icon {
    width: 16px;
    height: 16px;
  }

  .footer-container__left-row-text {
    font-size: 16px;
    line-height: 24px;
  }

  .footer-container__left-list {
    row-gap: 8px;
  }

  .footer-container__left-list-item {
    font-size: 16px;
    line-height: 24px;
  }

  .footer-container__right {
    row-gap: 25px;
    max-width: 75%;
  }

  .footer-container__right-row-list {
    width: auto;
    row-gap: 16px;
  }

  .footer-container__right-row-list-item {
    font-size: 16px;
    line-height: 24px;
  }

  .footer-container__right-row-list-item__small {
    font-size: 14px;
    margin-top: 0px;
    line-height: 16px;
  }

  .footer-container__right-row {
    column-gap: 20px;
    flex-wrap: wrap;
    align-items: start;
    row-gap: 25px;
  }

  .footer-container__right-row-item {
    width: auto;
    max-width: 230px;
    row-gap: 12px;
  }

  .footer-container__right-row-item-title {
    font-size: 16px;
    line-height: 24px;
  }

  .footer-container__right-row-item-text {
    font-size: 18px;
    line-height: 24px;
  }

  .footer-container__right-row-item-social {
    column-gap: 12px;
  }

  .footer-container__right-row-item-social-item {
    width: 48px;
    height: 48px;
  }

  .footer-container__right-row-item-social-item-icon {
    width: 24px;
    height: 24px;
  }

  .footer-container__right-text {
    font-size: 16px;
    line-height: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .footer__text {
    padding: 40px 36px;
  }

  .footer__text--p {
    font-size: 16px;
    line-height: 22px;
  }

  .footer-container {
    padding: 36px;
    flex-direction: column;
    row-gap: 40px;
    padding-bottom: 200px;
  }

  .footer-container__left {
    row-gap: 50px;
    flex-direction: row;
    justify-content: space-between;
  }

  .footer-container__left-logo {
    width: 270px;
    height: auto;
  }

  .footer-container__left-row {
    column-gap: 14px;
    background: white;
    border-radius: 12px;
    padding: 5px 50px;
    flex-direction: row-reverse;
  }

  .footer-container__left-row-circle {
    width: 36px;
    height: 36px;
    background: var(--blue);
  }

  .footer-container__left-row-circle-icon path {
    stroke: #fff !important;
  }

  .footer-container__left-row-circle-icon {
    width: 16px;
    height: 16px;
  }

  .footer-container__left-row-text {
    font-size: 16px;
    line-height: 24px;
    color: var(--black-text);
  }

  .footer-container__left-list {
    position: absolute;
    row-gap: 8px;
    bottom: 40px;
  }

  .footer-container__left-list-item {
    font-size: 16px;
    line-height: 24px;
  }

  .footer-container__right {
    row-gap: 25px;
    max-width: 100%;
  }

  .footer-container__right-row-list {
    width: auto;
    row-gap: 16px;
  }

  .footer-container__right-row-list-item {
    font-size: 16px;
    line-height: 24px;
  }

  .footer-container__right-row-list-item__small {
    font-size: 14px;
    margin-top: 0px;
    line-height: 16px;
  }

  .footer-container__right-row {
    column-gap: 20px;
    flex-wrap: wrap;
    align-items: start;
    row-gap: 25px;
  }

  .footer-container__right-row-item {
    width: auto;
    max-width: 230px;
    row-gap: 12px;
  }

  .footer-container__right-row-item-title {
    font-size: 16px;
    line-height: 24px;
  }

  .footer-container__right-row-item-text {
    font-size: 18px;
    line-height: 24px;
  }

  .footer-container__right-row-item-social {
    column-gap: 12px;
  }

  .footer-container__right-row-item-social-item {
    width: 48px;
    height: 48px;
  }

  .footer-container__right-row-item-social-item-icon {
    width: 24px;
    height: 24px;
  }

  .footer-container__right-text {
    font-size: 16px;
    line-height: 20px;
  }
}

@media (min-width: 440px) and (max-width: 767px) {
  .footer__text {
    padding: 48px 16px;
  }

  .footer__text--p {
    font-size: 12px;
    line-height: 16px;
  }

  .footer-container {
    padding: 48px 16px;
    flex-direction: column;
    row-gap: 32px;
    padding-bottom: 160px;
  }

  .footer-container__left {
    flex-direction: column;
    row-gap: 40px;
  }

  .footer-container__left-logo {
    width: 170px;
    height: auto;
  }

  .footer-container__left-row {
    column-gap: 14px;
    background: white;
    border-radius: 12px;
    padding: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    flex-direction: row-reverse;
  }

  .footer-container__left-row-circle {
    width: 26px;
    height: 26px;
    background: var(--blue);
  }

  .footer-container__left-row-circle-icon path {
    stroke: #fff !important;
  }

  .footer-container__left-row-circle-icon {
    width: 12px;
    height: 12px;
  }

  .footer-container__left-row-text {
    font-size: 16px;
    line-height: 24px;
    color: var(--black-text);
  }

  .footer-container__left-list {
    position: absolute;
    row-gap: 8px;
    bottom: 40px;
  }

  .footer-container__left-list-item {
    font-size: 12px;
    line-height: 16px;
  }

  .footer-container__right {
    row-gap: 16px;
    max-width: 100%;
  }

  .footer-container__right-row-list {
    width: 100%;
    row-gap: 12px;
    border-bottom: 1px solid #616161;
    padding-bottom: 12px;
  }

  .footer-container__right-row-list:nth-last-of-type(1)
    .footer-container__right-row-list-item {
    border-bottom: 1px solid #616161;
    padding-bottom: 12px;
  }

  .footer-container__right-row-list:nth-last-of-type(2)
    .footer-container__right-row-list-item {
    border-bottom: 1px solid #616161;
    padding-bottom: 12px;
  }

  .footer-container__right-row-list:nth-last-of-type(1),
  .footer-container__right-row-list:nth-last-of-type(2) {
    border-bottom: none;
    padding-bottom: 0;
  }

  .footer-container__right-row-list-item {
    font-size: 16px;
    line-height: 24px;
  }

  .footer-container__right-row-list-item__small {
    font-size: 14px;
    margin-top: 0px;
    line-height: 16px;
  }

  .footer-container__right-row {
    column-gap: 20px;
    flex-wrap: wrap;
    align-items: start;
    row-gap: 20px;
  }

  .footer-container__right-row:nth-of-type(1) {
    order: 2;
    row-gap: 12px;
  }

  .footer-container__right-row-item {
    width: 100%;
    max-width: 100%;
    row-gap: 8px;
  }

  .footer-container__right-row-item-title {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
  }

  .footer-container__right-row-item-text {
    font-size: 16px;
    line-height: 24px;
  }

  .footer-container__right-row-item-social {
    column-gap: 12px;
  }

  .footer-container__right-row-item-social-item {
    width: 32px;
    height: 32px;
  }

  .footer-container__right-row-item-social-item-icon {
    width: 17px;
    height: 17px;
  }

  .footer-container__right-text {
    font-size: 12px;
    line-height: 16px;
    order: 3;
  }

        .chat {
  right: 16px !important;
  top: -26px !important;
  width: 56px !important;
  height: 56px !important;
}
}

@media (max-width: 439px) {
      .chat {
  right: 16px !important;
  bottom: 26px !important;
  width: 56px !important;
  height: 56px !important;
}

  .footer__text {
    padding: 48px 16px;
  }

  .footer__text--p {
    font-size: 12px;
    line-height: 16px;
  }

  .footer-container {
    padding: 48px 16px;
    flex-direction: column;
    row-gap: 32px;
    padding-bottom: 160px;
  }

  .footer-container__left {
    flex-direction: column;
    row-gap: 40px;
  }

  .footer-container__left-logo {
    width: 170px;
    height: auto;
  }

  .footer-container__left-row {
    column-gap: 14px;
    background: white;
    border-radius: 12px;
    padding: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    flex-direction: row-reverse;
  }

  .footer-container__left-row-circle {
    width: 26px;
    height: 26px;
    background: var(--blue);
  }

  .footer-container__left-row-circle-icon path {
    stroke: #fff !important;
  }

  .footer-container__left-row-circle-icon {
    width: 12px;
    height: 12px;
  }

  .footer-container__left-row-text {
    font-size: 16px;
    line-height: 24px;
    color: var(--black-text);
  }

  .footer-container__left-list {
    position: absolute;
    row-gap: 8px;
    bottom: 40px;
  }

  .footer-container__left-list-item {
    font-size: 12px;
    line-height: 16px;
  }

  .footer-container__right {
    row-gap: 16px;
    max-width: 100%;
  }

  .footer-container__right-row-list {
    width: 100%;
    row-gap: 12px;
    border-bottom: 1px solid #616161;
    padding-bottom: 12px;
  }

  .footer-container__right-row-list:nth-last-of-type(1)
    .footer-container__right-row-list-item {
    border-bottom: 1px solid #616161;
    padding-bottom: 12px;
  }

  .footer-container__right-row-list:nth-last-of-type(2)
    .footer-container__right-row-list-item {
    border-bottom: 1px solid #616161;
    padding-bottom: 12px;
  }

  .footer-container__right-row-list:nth-last-of-type(1),
  .footer-container__right-row-list:nth-last-of-type(2) {
    border-bottom: none;
    padding-bottom: 0;
  }

  .footer-container__right-row-list-item {
    font-size: 16px;
    line-height: 24px;
  }

  .footer-container__right-row-list-item__small {
    font-size: 14px;
    margin-top: 0px;
    line-height: 16px;
  }

  .footer-container__right-row {
    column-gap: 20px;
    flex-wrap: wrap;
    align-items: start;
    row-gap: 20px;
  }

  .footer-container__right-row:nth-of-type(1) {
    order: 2;
    row-gap: 12px;
  }

  .footer-container__right-row-item {
    width: 100%;
    max-width: 100%;
    row-gap: 8px;
  }

  .footer-container__right-row-item-title {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
  }

  .footer-container__right-row-item-text {
    font-size: 16px;
    line-height: 24px;
  }

  .footer-container__right-row-item-social {
    column-gap: 12px;
  }

  .footer-container__right-row-item-social-item {
    width: 32px;
    height: 32px;
  }

  .footer-container__right-row-item-social-item-icon {
    width: 17px;
    height: 17px;
  }

  .footer-container__right-text {
    font-size: 12px;
    line-height: 16px;
    order: 3;
  }
}

.about-company__town-block:hover {
  background-color: rgba(255, 255, 255, 0.16);
}

.services-header__page:hover {
  background-color: #F9F9FA;
  color: var(--blue);
}

.services-header__page:hover span {
  background-color: #F9F9FA;
  color: var(--blue);
}

.services-header__page-d {
    display: flex;
    flex-direction: row;
    height: 56px;
    align-items: center;
    padding: 0px 12px;
    justify-content: space-between;
    cursor: pointer;
}

.main-but-hob:hover {
  opacity: 72%;
  transition: opacity 0.5s ease;
}

.header-container__top-container-button:hover {
  background-color: #4771B0;
  transition: background-color 0.5s ease;
}

.intro-row:hover {
    opacity: 72%;
	transition: opacity 0.5s ease;
}

.catalog-page .intro-row:hover {
    opacity: 100%;
	transition: opacity 0.5s ease;
}

.catalog-page .intro-row .intro-row__text:hover {
    opacity: 72%;
	transition: opacity 0.5s ease;
}

.footer-container__left-row:hover {
    opacity: 72%;
  transition: opacity 0.5s ease;
}

.popup-town__button:hover {
    opacity: 72%;
  transition: opacity 0.5s ease;
}

.repair__custom-prev:hover,
.repair__custom-next:hover,
.popupFOS__send:hover,
.openFOSBtn:hover,
.advantages__row-buttons-btn:hover ,
.advantages__row-buttons-btn:hover,
.map-right__container-items_col-row:hover,
.dark-footer__slider-arrows-btn:hover,
.markstypes-wrapper__button:hover,
.scheme-nav-buttons-button:hover,
.scheme-nav-buttons-button:hover,
.works-head__buttons-button:hover,
.about-company__production-button:hover,
.footer-container__form-form-btn:hover  {
    opacity: 72%;
  transition: opacity 0.5s ease;
}
.home-main {
    width: 100%;
    height: calc(100vh - 128px);
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    padding: 88px 48px 0 48px;
}

.home-main-col {
    display: flex;
    flex-direction: column;
    row-gap: 40px;
    align-items: start;
}

.home-main-col-title {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 88px;
    line-height: 80px;
    color: var(--black-text);
}

.home-main-col-text {
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 24px;
    line-height: 40px;
    color: var(--black-text);
    max-width: 648px;
}

.home-main-col-container {
    display: flex;
    flex-direction: row;
    column-gap: 18px;
    align-items: center;
    margin-top: auto;
    margin-bottom: 64px;
    cursor: pointer;
}

.home-main-col-container-circle {
    width: 64px;
    height: 64px;
    background: var(--blue);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-main-col-container-circle svg {
    width: 16px;
    height: 16px;
}

.home-main-col-container-text {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: var(--black-text);
}

.home-main__box {
    margin-top: auto;
    width: 359px;
    height: auto;
    display: flex;
    flex-direction: column;
    row-gap: 36px;
    align-items: start;
    padding: 32px 32px 64px 32px;
    background: var(--black-text);
}

.home-main__box-container {
    display: flex;
    flex-direction: column;
    align-items: start;
}

.home-main__box-container-num {
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 100px;
    line-height: 100%;
    color: var(--white);
}

.home-main__box-container-text {
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: var(--white);
}

.home-main__img {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
    z-index: -1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 849px;
    /* height: 490px; */
    overflow: hidden;
}

.home-main__img-gen {
    width: 849px;
    height: 849px;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}

.home-main__img-icon {
    width: 55px;
    margin-top: auto;
    margin-bottom: 40px;
    height: 52px;
}

@media (min-width: 1440px) and (max-width: 1919px) {
.home-main {
    padding: 88px 48px 0 48px;
}

.home-main-col {
    row-gap: 30px;
}

.home-main-col-title {
    font-size: 70px;
    line-height: 70px;
}

.home-main-col-text {
    font-size: 24px;
    line-height: 40px;
    max-width: 648px;
}

.home-main-col-container {
    column-gap: 18px;
    margin-top: auto;
    margin-bottom: 64px;
}

.home-main-col-container-circle {
    width: 64px;
    height: 64px;
}

.home-main-col-container-circle svg {
    width: 16px;
    height: 16px;
}

.home-main-col-container-text {
    font-size: 18px;
    line-height: 24px;
}

.home-main__box {
    width: auto;
    row-gap: 36px;
    padding: 32px 32px 64px 32px;
}

.home-main__box-container {
    flex-direction: column;
}

.home-main__box-container-num {
    font-size: 80px;
    line-height: 100%;
}

.home-main__box-container-text {
    font-size: 22px;
    line-height: 32px;
    max-width: 250px;
}

.home-main__img {
    width: 750px;
    height: 750px;
}

.home-main__img-gen {
    width: 750px;
    height: 750px;
}

.home-main__img-icon {
    width: 55px;
    margin-bottom: 40px;
    height: 52px;
}
}

@media (min-width: 1024px) and (max-width: 1439px) {
.home-main {
    padding: 50px 36px 0 36px;
}

.home-main-col {
    row-gap: 30px;
}

.home-main-col-title {
    font-size: 50px;
    line-height: 50px;
}

.home-main-col-text {
    font-size: 22px;
    line-height: 30px;
    max-width: 440px;
}

.home-main-col-container {
    column-gap: 12px;
    margin-top: auto;
    margin-bottom: 50px;
}

.home-main-col-container-circle {
    width: 48px;
    height: 48px;
}

.home-main-col-container-circle svg {
    width: 16px;
    height: 16px;
}

.home-main-col-container-text {
    font-size: 16px;
    line-height: 24px;
}

.home-main__box {
    width: auto;
    row-gap: 36px;
    padding: 24px 24px 0 24px;
}

.home-main__box-container {
    flex-direction: column;
}

.home-main__box-container-num {
    font-size: 60px;
    line-height: 100%;
}

.home-main__box-container-text {
    font-size: 20px;
    line-height: 26px;
    max-width: 200px;
}

.home-main__img {
    width: 450px;
    height: 240px;
}

.home-main__img-gen {
    width: 450px;
    height: 450px;
}

.home-main__img-icon {
    width: 40px;
    margin-bottom: 5px;
    height: 40px;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
.home-main {
    padding: 150px 24px 0 24px;
    flex-direction: column;
    height: auto;
}

.home-main-col {
    row-gap: 24px;
}

.home-main-col-title {
    font-size: 46px;
    line-height: 50px;
}

.home-main-col-title br {
    display: none;
}

.home-main-col-text {
    font-size: 22px;
    line-height: 24px;
    max-width: 100%;
}

.home-main-col-container {
    column-gap: 12px;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    margin-top: auto;
    border-radius: 12px;
    background: var(--blue);
    margin-bottom: 0px;
}

.home-main-col-container--mob {
    display: flex;
    margin-top: 40px;
}

.home-main-col-container-circle {
    width: 24px;
    height: 24px;
    background: #fff;
}

.home-main-col-container-circle svg {
    width: 12px;
    height: 12px;
}

.home-main-col-container-circle svg line{
    stroke: var(--blue) !important;
}

.home-main-col-container-text {
    font-size: 16px;
    line-height: 24px;
    color: white;
}

.home-main__box {
    width: 100%;
    height: auto;
    background: white;
    row-gap: 0;
    padding: 0;
    margin-top: 34px;
}

.home-main__box-container {
    flex-direction: row;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 6px 0;
    border-bottom: 1px solid #D4D4D4;
}

.home-main__box-container-num {
    font-size: 32px;
    font-weight: 500;
    line-height: 100%;
    color: var(--black-text);
}

.home-main__box-container-text {
    font-size: 20px;
    color: var(--black-text);
    line-height: 24px;
    max-width: auto;
}

.home-main__img {
    position: relative;
    width: 100%;
    height: 380px;
}

.home-main__img-gen {
    width: 100%;
    height: auto;
}

.home-main__img-icon {
    display: none;
}
}

@media (min-width: 440px) and (max-width: 767px) {
.home-main {
    padding: 48px 16px 0 16px;
    flex-direction: column;
    height: auto;
}

.home-main-col {
    row-gap: 24px;
}

.home-main-col-title {
    font-size: 36px;
    line-height: 50px;
}

.home-main-col-title br {
    display: none;
}

.home-main-col-text {
    font-size: 20px;
    line-height: 24px;
    max-width: 100%;
}

.home-main-col-container {
    column-gap: 12px;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    margin-top: auto;
    border-radius: 12px;
    background: var(--blue);
    margin-bottom: 0px;
}

.home-main-col-container--mob {
    display: flex;
    margin-top: 40px;
}

.home-main-col-container-circle {
    width: 24px;
    height: 24px;
    background: #fff;
}

.home-main-col-container-circle svg {
    width: 12px;
    height: 12px;
}

.home-main-col-container-circle svg line{
    stroke: var(--blue) !important;
}

.home-main-col-container-text {
    font-size: 16px;
    line-height: 24px;
    color: white;
}

.home-main__box {
    width: 100%;
    height: auto;
    background: white;
    row-gap: 0;
    padding: 0;
    margin-top: 34px;
}

.home-main__box-container {
    flex-direction: row;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 6px 0;
    border-bottom: 1px solid #D4D4D4;
}

.home-main__box-container-num {
    font-size: 28px;
    font-weight: 500;
    line-height: 100%;
    color: var(--black-text);
}

.home-main__box-container-text {
    font-size: 16px;
    color: var(--black-text);
    line-height: 24px;
    max-width: auto;
}

.home-main__img {
    position: relative;
    width: 100%;
    height: 260px;
}

.home-main__img-gen {
    width: 100%;
    height: auto;
}

.home-main__img-icon {
    display: none;
}
}

@media (max-width: 439px) {
.home-main {
    padding: 120px 16px 0 16px;
    flex-direction: column;
    height: auto;
}

.home-main-col {
    row-gap: 24px;
}

.home-main-col-title {
    font-size: 36px;
    line-height: 50px;
}

.home-main-col-title br {
    display: none;
}

.home-main-col-text {
    font-size: 20px;
    line-height: 24px;
    max-width: 100%;
}

.home-main-col-container {
    column-gap: 12px;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    margin-top: auto;
    border-radius: 12px;
    background: var(--blue);
    margin-bottom: 0px;
}

.home-main-col-container--mob {
    display: flex;
    margin-top: 40px;
}

.home-main-col-container-circle {
    width: 24px;
    height: 24px;
    background: #fff;
}

.home-main-col-container-circle svg {
    width: 12px;
    height: 12px;
}

.home-main-col-container-circle svg line{
    stroke: var(--blue) !important;
}

.home-main-col-container-text {
    font-size: 16px;
    line-height: 24px;
    color: white;
}

.home-main__box {
    width: 100%;
    height: auto;
    background: white;
    row-gap: 0;
    padding: 15px 15px 0;
    margin-top: 34px;
}

.home-main__box-container {
    flex-direction: row;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 6px 0;
    border-bottom: 1px solid #D4D4D4;
}

.home-main__box-container-num {
    font-size: 28px;
    line-height: 100%;
    font-weight: 500;
    color: var(--black-text);
}

.home-main__box-container-text {
    font-size: 16px;
    color: var(--black-text);
    line-height: 24px;
    max-width: auto;
}

.home-main__img {
    position: relative;
    width: 100%;
    height: 180px;
}

.home-main__img-gen {
    width: 100%;
    height: auto;
}

.home-main__img-icon {
    display: none;
}
}

.hero-dark .home-main-col-title,
.hero-dark .home-main-col-text,
.hero-dark .home-main-col-container-text {
  color: #fff !important;
}
.header-dark {
    width: 100%;
    padding-left: 48px;
    padding-right: 48px;
    display: flex;
    flex-direction: row;
    height: 128px;
    column-gap: 40px;
    background-color: var(--white);
    z-index: 100;
}

.services-header__page-dark {
    display: flex;
    flex-direction: row;
    height: 56px;
    align-items: center;
    padding: 0px 12px;
    justify-content: space-between;
    cursor: pointer;
}

.services-header__page-dark:hover {
  background-color: #575757;
}

.menu-active-dark {
  background-color: #575757;
}
.discount {
  background: var(--black-text);
  border-top: 1px solid #616161;
}

.freeDiag-mob {
  display: none;
}

@media (max-width: 1023px) {
  .map {
    margin-top: 0;
  }

  .discount {
    background: var(--blue);
  }

  .freeDiag-desc {
    display: none;
  }

  .freeDiag-mob {
    display: block;
  }
}
.circleScr {
    width: 100%;
    background: var(--black-text);
    padding: 64px 48px 0 48px;
    display: flex;
    flex-direction: column;
    row-gap: 64px;
    align-items: center;
    position: relative;
	justify-content: space-evenly;
}

.circleScr-head {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: space-between;
}

.circleScr-head__title {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 56px;
    line-height: 100%;
    color: var(--white);
    max-width: 855px;
}

.circleScr-head__text {
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
    color: var(--white);
    max-width: 902px;
    opacity: 0.64;
}

.circleScr-slide {
    position: relative;
    width: 100%;
    height: 100vh;
    background: var(--black-text);
    top: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    column-gap: 120px;
}

.circleScr-content__row {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 16px;
}

.circleScr-content__row-num {
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 400px;
    line-height: 100%;
    color: var(--white);
    width: 457px;
}

.circleScr-content__row-col {
    row-gap: 135px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.circleScr-content__row-col-nav {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    align-items: center;
}

.circleScr-content__row-col-nav__arrow {
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.circleScr-content__row-col-nav__circle {
    width: 24px;
    height: 24px;
}

.circleScr-content__row-col-count {
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
    color: var(--white);
}

.circleScr-content__circle {
    width: 600px;
    height: 600px;
    display: flex;
    position: relative;
    flex-direction: column;
    row-gap: 24px;
    align-items: center;
    justify-content: center;
}
div#circleScr1 {
    height: auto;
}
.circleScr-content__circle-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.circleScr-content__circle-num {
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 92px;
    line-height: 100%;
    color: var(--white);
}

.circleScr-content__circle-text {
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
    color: var(--white);
    text-align: center;
    max-width: 472px;
}

@media (min-width: 1920px) {
.circleScr {
    padding: 150px 48px 0 48px;
    row-gap: 64px;
	height: 100vh;
}
}

div#circleScr1 {
    height: auto;
    padding-bottom: 30px;
}

@media (min-width: 1440px) and (max-width: 1919px) {
.circleScr {
    padding: 180px 48px 0 48px;
        row-gap: 40px;
        height: 100vh;
}

.circleScr-head {
    width: 100%;
}

.circleScr-head__title {
    font-size: 48px;
    line-height: 100%;
    max-width: 40%;
}

.circleScr-head__text {
    font-size: 32px;
    line-height: 40px;
    max-width: 55%;
}

.circleScr-slide {
    column-gap: 120px;
}

.circleScr-content__row {
    column-gap: 16px;
}

.circleScr-content__row-num {
    font-size: 400px;
    line-height: 100%;
    width: 457px;
}

.circleScr-content__row-col {
    row-gap: 135px;
}

.circleScr-content__row-col-nav {
    row-gap: 24px;
}

.circleScr-content__row-col-nav__arrow {
    width: 24px;
    height: 24px;
}

.circleScr-content__row-col-nav__circle {
    width: 24px;
    height: 24px;
}

.circleScr-content__row-col-count {
    font-size: 32px;
    line-height: 40px;
}

.circleScr-content__circle {
    width: 600px;
    height: 600px;
    row-gap: 24px;
}

.circleScr-content__circle-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.circleScr-content__circle-num {
    font-size: 120px;
    line-height: 100%;
}

.circleScr-content__circle-text {
    font-size: 32px;
    line-height: 40px;
    max-width: 472px;
}
}

@media (min-width: 1024px) and (max-width: 1439px) {
.circleScr {
    padding: 150px 36px 0 36px;
    row-gap: 64px;
}

.circleScr-head {
    flex-direction: column !important;
    align-items: start;
    row-gap: 30px;
}

.circleScr-head__title {
    font-size: 48px;
    line-height: 100%;
    max-width: 100%;
}

.circleScr-head__text {
    font-size: 28px;
    line-height: 36px;
    max-width: 100%;
}

.circleScr-slide {
    column-gap: 80px;
}

.circleScr-content__row {
    column-gap: 12px;
}

.circleScr-content__row-num {
    font-size: 360px;
    line-height: 100%;
    width: auto;
}

.circleScr-content__row-col {
    row-gap: 100px;
}

.circleScr-content__row-col-nav {
    row-gap: 24px;
}

.circleScr-content__row-col-nav__arrow {
    width: 24px;
    height: 24px;
}

.circleScr-content__row-col-nav__circle {
    width: 24px;
    height: 24px;
}

.circleScr-content__row-col-count {
    font-size: 32px;
    line-height: 40px;
}

.circleScr-content__circle {
    width: 480px;
    height: 480px;
    flex-shrink: 0;
    row-gap: 24px;
}

.circleScr-content__circle-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.circleScr-content__circle-num {
    font-size: 100px;
    line-height: 100%;
}

.circleScr-content__circle-text {
    font-size: 30px;
    line-height: 40px;
    max-width: 100%;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
.circleScr {
    padding: 64px 26px 0 26px;
    row-gap: 0px;
}

.circleScr-head {
    flex-direction: column !important;
    align-items: start;
    row-gap: 32px;
    padding-bottom: 40px;
}

.circleScr-head__title {
    font-size: 42px;
    line-height: 100%;
    max-width: 100%;
}

.circleScr-head__text {
    font-size: 22px;
    line-height: 24px;
    max-width: 100%;
}

.circleScr-slide {
    column-gap: 80px;
    flex-direction: column-reverse;
    position: relative;
    height: auto;
    display: none;
}

.circleScr-slide.active {
    display: flex;
}

.circleScr-content__row {
    column-gap: 12px;
    margin: 64px 0;
}

.circleScr-content__row-num {
    font-size: 32px;
    line-height: 100%;
    width: auto;
}

.circleScr-content__row-col-nav {
    row-gap: 24px;
    position: absolute;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 52px);
    padding: 0 0;
    left: 50%;
    transform: translateX(-50%);
    bottom: 64px;
    z-index: 999;
}

.circleScr-cicrle {
    width: 40px !important;
    height: 40px !important;
    cursor: pointer;
    border-radius: 50%;
    background: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
}

.circleScr-cicrle:nth-child(1) svg, .circleScr-cicrle:nth-last-child(1) svg {
    transform: rotate(-90deg);
}


.circleScr-content__row-col-nav__arrow {
    width: 12px;
    height: 12px;
}

.circleScr-content__row-col-nav__arrow path {
    stroke: var(--blue);
    stroke-width: 3px;
}

.circleScr-content__row-col-nav__circle {
    width: 24px;
    height: 24px;
    display: none;
}

.circleScr-content__row-col-count {
    font-size: 32px;
    line-height: 100%;
}

.circleScr-content__circle {
    width: 350px;
    height: 350px;
    flex-shrink: 0;
    row-gap: 12px;
}

.circleScr-content__circle-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.circleScr-content__circle-num {
    font-size: 64px;
    line-height: 100%;
}

.circleScr-content__circle-text {
    font-size: 22px;
    line-height: 100%;
    max-width: 90%;
}
}

@media (min-width: 440px) and (max-width: 767px) {
.circleScr {
    padding: 64px 16px 0 16px;
    row-gap: 0px;
}

.circleScr-head {
    flex-direction: column !important;
    align-items: start;
    row-gap: 24px;
    padding-bottom: 40px;
}

.circleScr-head__title {
    font-size: 32px;
    line-height: 100%;
    max-width: 100%;
}

.circleScr-head__text {
    font-size: 18px;
    line-height: 24px;
    max-width: 100%;
}

.circleScr-slide {
    column-gap: 80px;
    flex-direction: column-reverse;
    position: relative;
    height: auto;
    display: none;
}

.circleScr-slide.active {
    display: flex;
}

.circleScr-content__row {
    column-gap: 12px;
    margin: 64px 0;
}

.circleScr-content__row-num {
    font-size: 18px;
    line-height: 24px;
    width: auto;
}

.circleScr-content__row-col-nav {
    row-gap: 24px;
    position: absolute;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 32px);
    padding: 0 0;
    left: 50%;
    transform: translateX(-50%);
    bottom: 56px;
    z-index: 999;
}

.circleScr-cicrle {
    width: 40px !important;
    height: 40px !important;
    cursor: pointer;
    border-radius: 50%;
    background: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
}

.circleScr-cicrle:nth-child(1) svg, .circleScr-cicrle:nth-last-child(1) svg {
    transform: rotate(-90deg);
}


.circleScr-content__row-col-nav__arrow {
    width: 12px;
    height: 12px;
}

.circleScr-content__row-col-nav__arrow path {
    stroke: var(--blue);
    stroke-width: 3px;
}

.circleScr-content__row-col-nav__circle {
    width: 24px;
    height: 24px;
    display: none;
}

.circleScr-content__row-col-count {
    font-size: 18px;
    line-height: 24px;
}

.circleScr-content__circle {
    width: 250px;
    height: 250px;
    flex-shrink: 0;
    row-gap: 12px;
}

.circleScr-content__circle-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.circleScr-content__circle-num {
    font-size: 32px;
    line-height: 26px;
}

.circleScr-content__circle-text {
    font-size: 14px;
    line-height: 16px;
    max-width: 90%;
}
}

@media (max-width: 439px) {
.circleScr {
    padding: 64px 16px 0 16px;
    row-gap: 0px;
}

.circleScr-head {
    flex-direction: column !important;
    align-items: start;
    row-gap: 24px;
    padding-bottom: 40px;
}

.circleScr-head__title {
    font-size: 32px;
    line-height: 100%;
    max-width: 100%;
}

.circleScr-head__text {
    font-size: 18px;
    line-height: 24px;
    max-width: 100%;
}

.circleScr-slide {
    column-gap: 80px;
    flex-direction: column-reverse;
    position: relative;
    height: auto;
    display: none;
}

.circleScr-slide.active {
    display: flex;
}

.circleScr-content__row {
    column-gap: 12px;
    margin: 64px 0;
}

.circleScr-content__row-num {
    font-size: 18px;
    line-height: 24px;
    width: auto;
}

.circleScr-content__row-col-nav {
    row-gap: 24px;
    position: absolute;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 32px);
    padding: 0 0;
    left: 50%;
    transform: translateX(-50%);
    bottom: 56px;
    z-index: 999;
}

.circleScr-cicrle {
    width: 40px !important;
    height: 40px !important;
    cursor: pointer;
    border-radius: 50%;
    background: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
}

.circleScr-cicrle:nth-child(1) svg, .circleScr-cicrle:nth-last-child(1) svg {
    transform: rotate(-90deg);
}


.circleScr-content__row-col-nav__arrow {
    width: 12px;
    height: 12px;
}

.circleScr-content__row-col-nav__arrow path {
    stroke: var(--blue);
    stroke-width: 3px;
}

.circleScr-content__row-col-nav__circle {
    width: 24px;
    height: 24px;
    display: none;
}

.circleScr-content__row-col-count {
    font-size: 18px;
    line-height: 24px;
}

.circleScr-content__circle {
    width: 250px;
    height: 250px;
    flex-shrink: 0;
    row-gap: 12px;
}

.circleScr-content__circle-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.circleScr-content__circle-num {
    font-size: 32px;
    line-height: 26px;
}

.circleScr-content__circle-text {
    font-size: 14px;
    line-height: 16px;
    max-width: 90%;
}
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
html.fp-enabled {
    margin: 0;
    padding: 0;
    overflow:hidden;
	/* max-width : 2800px; */
	/* margin-right : auto; */
	/* margin-left : auto; */

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow:hidden;
	max-width : 2800px;
	margin-right : auto;
	margin-left : auto;

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
    height: 100%;
    display: block;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-table{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    margin-top: -38px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fp-prev{
    left: 15px;
}
.fp-next{
    right: 15px;
}
.fp-arrow{
    width: 0;
    height: 0;
    border-style: solid;
}
.fp-arrow.fp-prev {
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-arrow.fp-next {
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    top: 50%;
    opacity: 1;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translate3d(0,-50%,0);
    pointer-events: none;
}
#fp-nav.fp-right {
    right: 17px;
}
#fp-nav.fp-left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    left: 0 !important;
    right: 0;
    margin: 0 auto !important;
    pointer-events: none;
}
.fp-slidesNav.fp-bottom {
    bottom: 17px;
}
.fp-slidesNav.fp-top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    pointer-events: all;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%;
 }
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
    width: 10px;
    height: 10px;
    margin: -5px 0px 0px -5px;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.fp-right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.fp-left {
    left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide{
    height: auto !important;
	
}

.fp-responsive .fp-is-overflow.fp-section{
    height: auto !important;
}

/* Tries to prevent overwrites #4657 */
.fp-enabled .fp-scrollable{
    overflow: visible;
    height: initial;
}

/* Used with autoScrolling: false */ 
.fp-scrollable.fp-responsive .fp-is-overflow.fp-section,
.fp-scrollable .fp-section,
.fp-scrollable .fp-slide{
   /* Fallback for browsers that do not support Custom Properties */
   height: 100vh;
   height: calc(var(--vh, 1vh) * 100);
}

.fp-scrollable.fp-responsive .fp-is-overflow.fp-section:not(.fp-auto-height):not([data-percentage]),
.fp-scrollable .fp-section:not(.fp-auto-height):not([data-percentage]),
.fp-scrollable .fp-slide:not(.fp-auto-height):not([data-percentage]){
    /* Fallback for browsers that do not support Custom Properties */
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
}

/* Disabling vertical centering on scrollable elements */
.fp-overflow{
    justify-content: flex-start;
}

body:not(.fp-responsive) .fp-overflow{
    max-height: 100vh;
    max-height: 100dvh; /* fix for new browsers */
}

/* No scrollable when using auto-height */
.fp-scrollable .fp-auto-height .fp-overflow{
    max-height: none;
}

.fp-is-overflow .fp-overflow.fp-auto-height-responsive,
.fp-is-overflow .fp-overflow.fp-auto-height,
.fp-is-overflow > .fp-overflow{
    overflow-y: auto;
}
.fp-overflow{
    outline:none;
}

.fp-overflow.fp-table{
    display: block;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-overflow{
    height: auto !important;
    min-height: auto !important;
}

/*Only display content to screen readers*/
.fp-sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Customize website's scrollbar like Mac OS
Not supports in Firefox and IE */
.fp-scroll-mac .fp-overflow::-webkit-scrollbar {
    background-color: transparent;
    width: 9px;
}
.fp-scroll-mac .fp-overflow::-webkit-scrollbar-track {
    background-color: transparent;
}
.fp-scroll-mac .fp-overflow::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.4);
    border-radius: 16px;
    border: 4px solid transparent;
}
.fp-warning,
.fp-watermark{
    z-index: 9999999;
    position: absolute;
    bottom: 0;
}
.fp-warning,
.fp-watermark a{
    text-decoration: none;
    color: #000;
    background: rgba(255,255,255,0.6);
    padding: 5px 8px;
    font-size: 14px;
    font-family: arial;
    color: black;
    display: inline-block;
    border-radius: 3px;
    margin: 12px;
}
.fp-noscroll .fp-overflow{
    overflow: hidden;
}
.repair {
    width: 100%;
    display: flex;
    flex-direction: row;
    column-gap: 50px;
    padding: 43px 48px;
    background: #f7f6f0;
    align-items: center;
}

.repair__gif {
    width: 923px;
    height: 392px;
    rotate: -30deg;
}

.repair__line {
    width: 0.5px;
    height: 794px;
    background: #D4D4D4;
    margin-left: -50px;
    z-index: 9;
}

.repair__container {
    display: flex;
    flex-direction: column;
    row-gap: 40px;
    align-items: start;
    flex: 1;
}

.repair__container-title {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 88px;
    line-height: 80px;
    color: var(--black-text);
}

.repair__container-list {
    display: flex;
    width: 100%;
    flex-direction: column;
}

.repair__container-list-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 24px 16px;
    border-bottom: 1px solid #D4D4D4;
    cursor: pointer;
}

.repair__container-list-item-text {
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: var(--black-text);
}

.repair__container-list-item-text:hover {
    color: rgba(0, 58, 145, 1);
}

.repair__container-list-item-icon {
    width: 32px;
    height: 32px;
}

@media (min-width: 1440px) and (max-width: 1919px) {
    .repair {
    column-gap: 50px;
    padding: 43px 48px;
}

.repair__gif {
    width: 50%;
    height: auto;
    rotate: -30deg;
}

.repair__line {
    width: 0.5px;
    height: 700px;
    margin-left: -50px;
}

.repair__container {
    row-gap: 40px;
}

.repair__container-title {
    font-size: 80px;
    line-height: 80px;
}

.repair__container-list-item {
    padding: 24px 16px;
}

.repair__container-list-item-text {
    font-size: 24px;
    line-height: 32px;
}

.repair__container-list-item-icon {
    width: 32px;
    height: 32px;
}

}

@media (min-width: 1024px) and (max-width: 1439px) {
.repair {
    column-gap: 50px;
    padding: 36px;
}

.repair__gif {
    width: 50%;
    height: auto;
    rotate: -30deg;
}

.repair__line {
    width: 0.5px;
    height: 500px;
    margin-left: -50px;
}

.repair__container {
    row-gap: 30px;
}

.repair__container-title {
    font-size: 60px;
    line-height: 60px;
}

.repair__container-list-item {
    padding: 20px 12px;
}

.repair__container-list-item-text {
    font-size: 20px;
    line-height: 28px;
}

.repair__container-list-item-icon {
    width: 24px;
    height: 24px;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
.repair {
    flex-direction: column-reverse;
    padding: 48px 24px;
    row-gap: 48px;
}

.repair__gif {
    width: 100%;
    height: auto;
    rotate: 0deg;
}

.repair__line {
    display: none;
}

.repair__container {
    row-gap: 30px;
    width: 100%;
}

.repair__container-title {
    font-size: 48px;
    line-height: 100%;
}

.repair__container-list-item {
    padding: 16px 0;
}

.repair__container-list-item-text {
    font-size: 20px;
    line-height: 24px;
}

.repair__container-list-item-icon {
    width: 24px;
    height: 24px;
}
}

@media (min-width: 440px) and (max-width: 767px) {
.repair {
    flex-direction: column-reverse;
    padding: 48px 16px;
    row-gap: 48px;
}

.repair__gif {
    width: 100%;
    height: auto;
    rotate: 0deg;
}

.repair__line {
    display: none;
}

.repair__container {
    row-gap: 30px;
    width: 100%;
}

.repair__container-title {
    font-size: 32px;
    line-height: 100%;
}

.repair__container-list-item {
    padding: 16px 0;
}

.repair__container-list-item-text {
    font-size: 20px;
    line-height: 24px;
}

.repair__container-list-item-icon {
    width: 24px;
    height: 24px;
}
}

@media (max-width: 439px) {
.repair {
    flex-direction: column-reverse;
    padding: 48px 16px;
    row-gap: 48px;
}

.repair__gif {
    width: 100%;
    height: auto;
    rotate: 0deg;
}

.repair__line {
    display: none;
}

.repair__container {
    row-gap: 30px;
    width: 100%;
}

.repair__container-title {
    font-size: 32px;
    line-height: 100%;
}

.repair__container-list-item {
    padding: 16px 0;
}

.repair__container-list-item-text {
    font-size: 20px;
    line-height: 24px;
}

.repair__container-list-item-icon {
    width: 24px;
    height: 24px;
}
}
.white {
  color: var(--white);
}

/* CSS */
#first-screen {
  position: relative;
  height: 100vh;
  overflow: hidden;
}

.gear-wrapper {
  position: absolute;
  top: 120%;
  left: 50%;
  transform: translateX(-50%);
  width: 250px;
  height: 250px;
  z-index: 2;
}

.gear {
  width: 100%;
  height: 100%;
}

.gear-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  clip-path: circle(50%);
  opacity: 0;
}

.background-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 0;
}

.background-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.header-container__bottom .white {
  border-top: 1px solid #575757;
}

.chat {
  position: fixed;
  right: 48px;
  bottom: 88px;
  width: 72px;
  height: 72px;
  cursor: pointer;
}

.vertical-scrolling {
  min-height: 100vh;
  display: flex;
}

.catalog-page .vertical-scrolling {
  min-height: 91vh;
  display: flex;
}

div.fp-watermark {
  display: none;
}

.fp-scroll-mac .fp-overflow::-webkit-scrollbar {
  width: 0px !important;
}

.fp-table {
  /*justify-content: start !important;*/
  justify-content:flex-end;
  overflow: hidden !important;

}

@media (max-width: 1023px) {
  .fp-scrollable.fp-responsive
    .fp-is-overflow.fp-section:not(.fp-auto-height):not([data-percentage]),
  .fp-scrollable .fp-section:not(.fp-auto-height):not([data-percentage]),
  .fp-scrollable .fp-slide:not(.fp-auto-height):not([data-percentage]) {
    height: auto !important;
    min-height: auto !important;
  }

  .vertical-scrolling {
    min-height: auto !important;
    display: flex;
  }

  .fp-table {
  overflow: visible !important;
}
}
.discount {
    border-top: 1px solid #5181C9;
}

.discount-wrapper {
    padding: 38px 0;
}

.contacts {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: start;
    padding-left: 48px;
    padding-top: 52px;
    row-gap: 24px;
}

.contacts-title {
    font-family: "Stetica";
    font-weight: 500;
    font-size: 88px;
    line-height: 80px;
    margin-bottom: 40px;
    margin-left: -8px;
    color: var(--black-text);
}

@media (min-width: 1440px) and (max-width: 1919px) {
    .contacts {
        padding-left: 48px;
        padding-top: 52px;
        row-gap: 20px;
    }

    .contacts-title {
        font-size: 72px;
        line-height: 100%;
        margin-bottom: 30px;
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .contacts {
        padding-left: 36px;
        padding-top: 40px;
        row-gap: 20px;
    }

    .contacts-title {
        font-size: 64px;
        line-height: 100%;
        margin-bottom: 20px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .contacts {
        padding-left: 26px;
        padding-top: 30px;
        row-gap: 20px;
    }

    .contacts-title {
        font-size: 52px;
        line-height: 100%;
        margin-bottom: 0px;
    }

    .discount {
        margin-top: 40px;
    }

    .map {
        margin-top: 60px;
    }

    .discount-wrapper {
        row-gap: 30px;
        padding: 0 26px;
    }
}

@media (min-width: 440px) and (max-width: 767px) {
    .contacts {
        padding-left: 16px;
        padding-top: 30px;
        row-gap: 20px;
    }

    .map {
        margin-top: 40px;
    }

    .discount {
        margin-top: 40px;
    }

    .contacts-title {
        font-size: 44px;
        margin-left: 0;
        line-height: 100%;
        margin-bottom: 0px;
    }

    .discount-wrapper {
        row-gap: 20px;
        padding: 0 16px;
    }
}

@media (max-width: 439px) {
    .contacts {
        padding-left: 16px;
        padding-top: 30px;
        row-gap: 20px;
    }

    /*.discount {
        margin-top: 30px;
    }*/

    .discount-wrapper {
        row-gap: 20px;
        padding: 0 16px;
    }

    .map {
        margin-top: 40px;
    }

    .contacts-title {
        font-size: 38px;
        line-height: 100%;
        margin-left: 0;
        margin-bottom: 0px;
    }
}
.map {
    width: 100%;
    display: flex;
    flex-direction: row;
    position: relative;
    margin-top: 64px;
}

.map-left {
    width: 663px;
    height: 832px;
    padding: 64px 48px 48px 48px;
    background: var(--blue);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: start;
}

.map-left__title {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 56px;
    color: var(--white);
}

.map-left__container {
    display: flex;
    flex-direction: column;
    row-gap: 56px;
}

.map-left__container-items {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
}

.map-left__container-item {
    display: flex;
    flex-direction: row;
    column-gap: 24px;
    align-items: center;
}

.map-left__container-item-circle {
    width: 48px;
    height: 48px;
    background: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.map-left__container-item-circle-icon {
    width: 24px;
    height: 24px;
}

.map-left__container-item-text {
    flex: 1;
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 28px;
    line-height: 40px;
    color: var(--white);
}

.map-left__container-item-phone {
    font-weight: 400;
    line-height: 32px;
}

.map-right {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
    position: relative;
}

.map-right__map {
    width: 100%;
    height: 544px;
    /* background: #000; */
}

.map-right__container {
    width: 100%;
    display: flex;
    flex-direction: row;
}

.map-right__container-img {
    width: 320px;
    height: 288px;
    object-fit: cover;
	min-width: 320px;
}

.map-right__container-items {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 32px 48px 32px 32px;
    justify-content: space-between;
}

.map-right__container-items_col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    height: 100%;
}

.map-right__container-items_col-title {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 22px;
    line-height: 32px;
    color: var(--black-text);
}

.map-right__container-items_col-row {
    display: flex;
    flex-direction: row;
    column-gap: 18px;
    align-items: center;
    cursor: pointer;
}

.map-right__container-items_col-row-circle {
    width: 64px;
    height: 64px;
    background: var(--blue);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.map-right__container-items_col-row-circle-icon {
    width: 16px;
    height: 16px;
}

.map-right__container-items_col-row-text {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: var(--black-text);
}

.map-right__container-items_cont {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

.map-right__container-items_cont-row {
    display: flex;
    flex-direction: row;
    column-gap: 8px;
    align-items: center;
	font-weight: 500;
}

.map-right__container-items_cont-row-icon {
    width: 24px;
    height: 24px;
}

.map-right__container-items_cont-row-text {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: var(--black-text);
}

.map-right__container-items_cont-col {
    display: flex;
    flex-direction: column;
    row-gap: 7px;
    margin-top: auto;
}

.map-right__container-items_cont-row-bold {
    font-size: 18px;
    line-height: 24px;
}

.map-right__container-items_cont-row-blue {
    color: var(--blue);
}

.map-right__container-items_cont-row-circle {
    width: 32px;
    height: 32px;
    background: var(--blue);
    border-radius: 50%;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

.map-right__container-items_cont-row-circle-icon {
    width: 14px;
    height: 14px;
}

.button-adapt {
    display: none;
}

@media screen and (min-width: 1440px) and (max-width: 1920px) {
    .map-left {
        width: 500px;
    }

    .map-left__title {
        font-size: 40px;
    }

    .map_tabs {
        left: calc(50% - 126px);
    }

    .map-left__container-item-text {
        font-size: 25px;
    }

    .about-company__card-list {
        width: 563px;
        padding: 24px;
    }

    .active4 {
        right: 30px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1440px) {
    .about-company__card-list {
        width: 400px;
        height: 632px;
        background-color: var(--blue);
        padding: 12px 12px 0px 12px;
        position: relative;
    }

    .about-company__card-title {
        font-size: 32px;
    }

    .about-company__card-find-list {
        height: 360px;
    }

    .map_tabs {
        top: 552px;
        left: 30px;
    }

    .active4 {
        top: 614px;
        right: 30px;
    }

    .about-company__list-gradient {
        display: none;
    }

    .map {
        height: 795px;
    }

    .map-left {
        width: 450px;
        padding: 24px;
        height: 795px;
    }

    .map-left__title {
        font-size: 35px;
    }

    .map-left__container-item {
        column-gap: 16px;
    }

    .map-left__container-item-text {
        font-size: 15px;
        line-height: 15px;
    }
    
    .map-left__container {
        row-gap: 26px;
    }

    .map-right__container-items {
        padding: 16px;
    }

    .map-right__container-img {
        display: none;
    }
	.map-right__container-items {
		justify-content : start;
	}
	.map-right__container-items_col {
		margin-right : 50px;
	}
	.map-right__container {
		
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
        .about-company__card-list {
        width: 100%;
        height: 632px;
        background-color: var(--blue);
        padding: 12px 12px 0px 12px;
        position: relative;
    }

    .about-company__card-find-list {
        height: 360px;
    }

    .map_tabs {
        top: 602px;
        left: 30px;
    }

    .active4 {
        top: 664px;
        right: 30px;
    }

    .about-company__list-gradient {
        display: none;
    }

    .map {
        height: auto;
    }

    .map-left {
        width: 350px;
        padding: 24px;
        height: 632px;
    }

    .map-left__title {
        font-size: 25px;
    }

    .map-left__container-item {
        column-gap: 16px;
    }

    .map-left__container-item-text {
        font-size: 10px;
    }

    .map-right__container-items {
        padding: 16px;
    }

    .map-right__container-img {
        display: none;
    }

    .map {
        flex-direction: column;
    }

    .map-left {
        width: 100%;
    }

    .map-right__container-img {
        display: none;
    }
    
     .map-left__title {
        font-size: 48px;
    }

    .map-right__container-img {
        display: none;
    }

    .map-right__container-items {
        padding: 12px;
    }

    .map-left {
        width: 100%;
        height: 482px;
        padding: 80px 20px 20px;
        row-gap: 20px;
    }
	
	.consultation {
		padding: 80px 48px 0px 48px !important;
	}

    .map-left__container-item-text {
        font-size: 18px;
    }

    .map-left__container {
        row-gap: 20px;
    }
}

@media screen and (min-width: 440px) and (max-width: 768px) {
        .map_tabs {
        top: 0px;
        left: 0px;
        width: 100%;
    }

    .active4 {
        top: 110px;
        width: 100%;
        right: 0px;
    }

    .map {
        flex-direction: column;
    }

    .about-company__card-title {
        margin-top: 90px;
    }

    .about-company__list-gradient {
        display: none;
    }

    .map-left {
        width: 100%;
        height: 632px;
    }

    .map-left__title {
        font-size: 48px;
    }

    .map-right__container-img {
        display: none;
    }

    .map-right__container-items {
        padding: 12px;
    }

    .map-left {
        width: 100%;
        height: auto;
        padding: 80px 20px 20px;
        row-gap: 20px;
    }

    .map-left__container-item-text {
        font-size: 15px;
    }

    .map-left__container-item {
        column-gap: 16px;
    }

    .map-left__container {
        row-gap: 20px;
    }

        .about-company__card-list {
        width: 100%;
        padding: 12px 12px 0px 12px;
    }
     .map-right__container-items {
        padding: 12px;
        flex-direction: column;
        row-gap: 12px;
    }

    .map-right__container-items_col-title {
        font-size: 18px;
    }

    .map-right__container-items_col {
        row-gap: 6px;
    }

    .map-right__container-items_col-row {
        display: none;
    }

    .button-adapt {
        display: flex;
        width: 100%;
        height: 48px;
        border: none;
        border-radius: 12px;
        background-color: var(--blue);
        align-items: center;
        justify-content: center;
        flex-direction: row;
        column-gap: 12px;
    }

    .button-adapt-txt {
        font-family: "Stetica";
        font-weight: 500;
        font-style: Medium;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0%;
        text-transform: uppercase;
        color: var(--white);
    }
}

@media screen and (min-width: 320px) and (max-width: 439px) {
            .map_tabs {
        top: 0px;
        left: 0px;
        width: 100%;
    }

    .active4 {
        top: 110px;
        width: 100%;
        right: 0px;
    }

            .about-company__card-list {
        width: 100%;
        padding: 12px 12px 0px 12px;
    }

    .about-company__list-gradient {
        display: none;
    }

    .about-company__card-title {
        margin-top: 90px;
    }

    .map-right__container-items_col-row {
        display: none;
    }

    .map {
        flex-direction: column;
    }

    .map-left {
        width: 100%;
        height: auto;
        row-gap: 20px;
        padding: 12px;
    }

    .map-left__title {
        font-size: 32px;
        margin-top: 15px;
    }

    .map-left__container-item-text {
        font-size: 15px;
    }

    .map-left__container-item {
        column-gap: 16px;
    }

    .about-company__card-list {
        width: 100%;
    }

    .map-left__container {
        row-gap: 20px;
    }

    .map-right__container-img {
        display: none;
    }

    .map-right__container-items {
        padding: 12px;
        flex-direction: column;
        row-gap: 24px;
    }

    .map-right__container-items_col-title {
        font-size: 18px;
    }

    .map-right__container-items_col {
        row-gap: 6px;
    }

    .map-right__container-items_col-row {
        display: none;
    }

    .button-adapt {
        display: flex;
        width: 100%;
        height: 48px;
        border: none;
        border-radius: 12px;
        background-color: var(--blue);
        align-items: center;
        justify-content: center;
        flex-direction: row;
        column-gap: 12px;
    }

    .button-adapt-txt {
        font-family: "Stetica";
        font-weight: 500;
        font-style: Medium;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0%;
        text-transform: uppercase;
        color: var(--white);
    }
}
ol.breadcrumbs {
    display: flex;
    padding-left: 24px;
    padding-top: 40px;
}
.discount {
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: space-between;
    width: 100%;
    padding: 64px 48px;
    position: relative;
    overflow: hidden;
}

.discount-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 40px;
}

.discount-wrapper__title {
    font-family: "Stetica";
    font-weight: 500;
    font-size: 72px;
    line-height: 72px;
    color: var(--white);
    max-width: 902px;
}

.discount-wrapper__text {
    font-family: "Stetica";
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: var(--white);
    max-width: 595px;
}

.discount-wrapper__dop {
    font-family: "Stetica";
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: var(--white);
    max-width: 850px;
    opacity: 0.6;
    margin-top: 36px;
}

.discount-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 18px;
    cursor: pointer;
    z-index: 0;
}

.discount-row__circle {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
}

.discount-row__circle-icon {
    width: 32px;
    height: 32px;
}

.discount-row__text {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: var(--white);
}

.discount-img {
    position: absolute;
    bottom: -100px;
    right: 0;
    width: 900px;
    height: 495px;
    object-fit: cover;
    object-position: left;
}

@media (min-width: 1440px) and (max-width: 1919px) {
.discount {
    padding: 180px 48px;
}

.discount-wrapper {
    row-gap: 40px;
}

.discount-wrapper__title {
    font-size: 64px;
    line-height: 100%;
    max-width: 902px;
}

.discount-wrapper__text {
    font-size: 24px;
    line-height: 32px;
    max-width: 595px;
}

.discount-wrapper__dop {
    font-size: 16px;
    line-height: 20px;
    max-width: 50%;
    margin-top: 36px;
}

.discount-row {
    column-gap: 18px;
    flex-shrink: 0;
}

.discount-row__circle {
    width: 64px;
    height: 64px;
}

.discount-row__circle-icon {
    width: 32px;
    height: 32px;
}

.discount-row__text {
    font-size: 18px;
    line-height: 24px;
}

.discount-img {
    bottom: -100px;
    right: 0;
    width: 900px;
    height: 495px;
}
}

@media (min-width: 1024px) and (max-width: 1439px) {
.discount {
    padding: 150px 36px;
}

.discount-wrapper {
    row-gap: 40px;
}

.discount-wrapper__title {
    font-size: 48px;
    line-height: 100%;
    max-width:  560px;
}

.discount-wrapper__text {
    font-size: 20px;
    line-height: 26px;
    max-width: 560px;
}

.discount-wrapper__dop {
    font-size: 16px;
    line-height: 20px;
    max-width: 50%;
    margin-top: 40px;
}

.discount-row {
    column-gap: 16px;
    flex-shrink: 0;
}

.discount-row__circle {
    width: 48px;
    height: 48px;
}

.discount-row__circle-icon {
    width: 32px;
    height: 32px;
}

.discount-row__text {
    font-size: 16px;
    line-height: 22px;
}

.discount-img {
    bottom: -100px;
    right: 0;
    width: 700px;
    height: 430px;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
.discount {
    padding: 48px 0;
    flex-direction: column;
    row-gap: 40px;
}

.discount-wrapper {
    row-gap: 30px;
    padding: 0 26px;
}

.discount-wrapper__title {
    font-size: 44px;
    line-height: 100%;
    max-width:  100%;
}

.discount-wrapper__text {
    font-size: 22px;
    line-height: 26px;
    max-width: 100%;
}

.discount-wrapper__dop {
    font-size: 14px;
    line-height: 16px;
    max-width: 100%;
    margin-top: 0px;
}

.discount-row {
    background: white;
    border-radius: 12px;
    height: 54px;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    column-gap: 12px;
    order: 3;
    width: calc(100% - 52px);
    margin-left: 26px;
    margin-right: 26px;
    margin-top: 0px;
	padding: 0 42px;
}

.discount-row__circle {
    width: 32px;
    height: 32px;
    background: var(--blue);
}

.discount-row__circle-icon {
    width: 28px;
    height: 28px;
}

.discount-row__circle-icon path {
    stroke: var(--white);
}

.discount-row__text {
    font-size: 18px;
    line-height: 24px;
    color: var(--black-text);
}

.discount-img {
    position: relative;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: 50% 50%;
    order: 2;
    scale: 1;
}
}

@media (min-width: 440px) and (max-width: 767px) {
.discount {
    padding: 48px 0;
    flex-direction: column;
    row-gap: 40px;
}

.discount-wrapper {
    row-gap: 20px;
    padding: 0 16px;
}

.discount-wrapper__title {
    font-size: 32px;
    line-height: 100%;
    max-width:  100%;
}

.discount-wrapper__text {
    font-size: 18px;
    line-height: 24px;
    max-width: 100%;
}

.discount-wrapper__dop {
    font-size: 12px;
    line-height: 16px;
    max-width: 100%;
    margin-top: 0px;
}

.discount-row {
    background: white;
    border-radius: 12px;
    height: 48px;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    column-gap: 12px;
    order: 3;
    width: calc(100% - 32px);
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 20px;
	padding: 0 42px;
}

.discount-row__circle {
    width: 26px;
    height: 26px;
    background: var(--blue);
}

.discount-row__circle-icon {
    width: 24px;
    height: 24px;
}

.discount-row__circle-icon path {
    stroke: var(--white);
}

.discount-row__text {
    font-size: 16px;
    line-height: 24px;
    color: var(--black-text);
}

.discount-img {
    position: relative;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: 50% 50%;
    order: 2;
    scale: 1.4;
}
}

@media (max-width: 439px) {
.discount {
    padding: 48px 0;
    flex-direction: column;
    row-gap: 40px;
}

.discount-wrapper {
    row-gap: 20px;
    padding: 0 16px;
}

.discount-wrapper__title {
    font-size: 32px;
    line-height: 100%;
    max-width:  100%;
}

.discount-wrapper__text {
    font-size: 18px;
    line-height: 24px;
    max-width: 100%;
}

.discount-wrapper__dop {
    font-size: 12px;
    line-height: 16px;
    max-width: 100%;
    margin-top: 0px;
}

.discount-row {
    background: white;
    border-radius: 12px;
    height: 48px;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    column-gap: 12px;
    order: 3;
    width: calc(100% - 32px);
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 20px;
	padding: 0 42px;
}

.discount-row.main-but-hob {
    padding: 0 25px;
}

.discount-row__circle {
    width: 26px;
    height: 26px;
    background: var(--blue);
}

.discount-row__circle-icon {
    width: 24px;
    height: 24px;
}

.discount-row__circle-icon path {
    stroke: var(--white);
}

.discount-row__text {
    font-size: 16px;
    line-height: 24px;
    color: var(--black-text);
}

.discount-img {
    position: relative;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: 50% 50%;
    order: 2;
    scale: 1.4;
}
}
.consultation {
  width: 100%;
  height: 955px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 180px 48px 0px 48px;
  position: relative;
  overflow: hidden;
}

.consultation__img {
  position: absolute;
  left: 0px;
  bottom: 0px;
}

.consultation__title {
  font-family: "Stetica";
  font-weight: 500;
  font-style: Medium;
  font-size: 72px;
  line-height: 72px;
  letter-spacing: 0%;
  color: var(--dark-text);
}

.consultation__info {
  display: flex;
  flex-direction: column;
  row-gap: 80px;
  width: 864px;
}

.consultation__txt {
  font-family: "Stetica";
  margin-top: 15px;
  font-weight: 400;
  font-size: 28px;
  line-height: 32px;
  letter-spacing: 0%;
  color: var(--dark-text);
  opacity: 64%;
}

.popupFOS__inputs {
  display: flex;
  flex-direction: column;
  margin-top: 48px;
  row-gap: 32px;
}

.popupFOS__inputs-row {
  display: flex;
  flex-direction: row;
  width: 100%;
  column-gap: 32px;
}

.popupFOS__input {
  height: 64px;
  border: none;
  border-bottom: 1px solid var(--strokeonwhite);
  font-family: "Stetica";
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0%;
  color: var(--black-text);
}

.input-row {
  width: calc(50% - 16px);
}

.popupFOS__input::placeholder {
  font-family: "Stetica";
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0%;
  color: var(--black-text);
}

.popupFOS__capcha {
  margin-top: 40px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}

.popupFOS__pol-conf {
  max-width: 371px;
  font-family: "Stetica";
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 1%;
  color: var(--black-text);
  opacity: 64%;
}

.popupFOS__send {
  display: flex;
  background: none;
  border: none;
  column-gap: 18px;
  align-items: center;
  cursor: pointer;
}

.popupFOS__pol-conf-txt {
  font-family: "Stetica";
  font-weight: 500;
  font-style: Medium;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0%;
  text-transform: uppercase;
  color: var(--black-text);
}


@media (min-width: 1440px) and (max-width: 1920px) {
  .consultation__title {
    font-size: 60px;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .consultation__img {
    display: none;
  }

  .consultation {
    flex-direction: column;
    row-gap: 12px;
    height: auto;
    margin-bottom: 0px;
    padding-bottom: 40px;
  }

  .consultation__title br {
    display: none !important;
  }

  .dark-cons {
    border-bottom: none;
    padding-bottom: 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .consultation__img {
    display: none;
  }

  .consultation__title {
    font-size: 50px;
    line-height: 50px;
  }

  .consultation__info {
    row-gap: 30px;
  }

  .consultation__form,
  .consultation__info {
    width: 100%;
  }

  .consultation {
    flex-direction: column;
    row-gap: 12px;
    height: auto;
    padding: 48px 36px;
  }

  .consultation__title br {
    display: none !important;
  }

  .white-but {
    background-color: var(--white) !important;
  }

  .white-but span {
    color: var(--black-text) !important;
  }

  .blue-circle {
    fill: var(--blue) !important;
  }

  .consultation__txt {
    margin-bottom: -70px;
  }
}

@media (min-width: 440px) and (max-width: 767px) {
  .blue-circle {
    fill: var(--blue) !important;
  }

    .consultation__txt {
    margin-bottom: -70px;
  }

  .consultation__img {
    display: none;
  }

  .consultation__title {
    font-size: 40px;
    line-height: 40px;
  }

  .consultation__txt {
    font-size: 20px;
    line-height: 20px;
  }

  .consultation__info {
    row-gap: 30px;
  }

  .consultation__form,
  .consultation__info {
    width: 100%;
  }

  .consultation {
    flex-direction: column;
    row-gap: 12px;
    height: auto;
    margin-bottom: 0px;
    padding: 48px 16px 40px 16px;
  }

  .consultation__title br {
    display: none !important;
  }

  .white-but {
    background-color: var(--white) !important;
  }

  .white-but span {
    color: var(--black-text) !important;
  }
}

@media (max-width: 439px) {
    .white-but {
    background-color: var(--white) !important;
  }

    .consultation__txt {
   margin-bottom: -70px;
  }

  .white-but span {
    color: var(--black-text) !important;
  }
  .consultation__img {
    display: none;
  }

  .consultation__title {
    font-size: 30px;
    line-height: 30px;
  }

  .consultation__txt {
    font-size: 20px;
    line-height: 20px;
  }

  .consultation__info {
    row-gap: 30px;
  }

  .consultation__form,
  .consultation__info {
    width: 100%;
  }

  .consultation {
    flex-direction: column;
    row-gap: 12px;
    height: auto;
    margin-bottom: 0px;
    padding: 48px 16px 40px 16px;
  }

  .consultation__title br {
    display: none !important;
  }

  .white-but {
    background-color: var(--white);
  }

    .blue-circle {
    fill: var(--blue) !important;
  }
}
.services {
  width: 100%;
  background: var(--blue);
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-top: 52px;
}

.services-section {
  width: 50%;
  height: 50%;
  display: flex;
  align-items: start;
  box-sizing: border-box;
  padding: 48px;
}

.services-section:not(:nth-child(2n)) {
  border-right: 0.5px solid #5181c9;
}

/* .services-section:nth-child(3),
.services-section:nth-child(4) {
  border-top: 0.5px solid #5181c9;
} */

/* .services-section:nth-child(3),
.services-section:nth-child(4).is-vertical-active {
  border: none;
} */

.services-section:nth-child(2) {
  justify-content: end;
}

.services-section:nth-child(3) {
  justify-content: start;
  align-items: end;
}

.services-section:nth-child(4) {
  align-items: end;
  justify-content: end;
}

.services-section__row {
  display: flex;
  flex-direction: row;
  column-gap: 24px;
  align-items: center;
}

.services-section__row-title {
  font-family: "Stetica";
  font-weight: 500;
  font-size: 72px;
  line-height: 72px;
  color: var(--white);
}

.services-section__row-icon {
  width: 72px;
  height: 72px;
}

.services-icon {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  width: 498px;
  height: 495px;
}

@media (min-width: 1440px) and (max-width: 1919px) {
  .services {
    margin-top: 52px;
  }

  .services-section {
    padding: 48px;
  }

  .services-section__row {
    column-gap: 20px;
  }

  .services-section__row-title {
    font-size: 64px;
    line-height: 64px;
  }

  .services-section__row-icon {
    width: 64px;
    height: 64px;
  }

  .services-icon {
    width: 498px;
    height: 495px;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .services {
    margin-top: 40px;
  }

  .services-section {
    padding: 36px;
  }

  .services-section__row {
    column-gap: 20px;
  }

  .services-section__row-title {
    font-size: 46px;
    line-height: 46px;
  }

  .services-section__row-icon {
    width: 46px;
    height: 46px;
  }

  .services-icon {
    width: 400px;
    height: 400px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .services {
    margin-top: 30px;
  }

  .services-section {
    padding: 28px;
  }

  .services-section__row {
    column-gap: 10px;
  }

  .services-section__row-title {
    font-size: 30px;
    line-height: 40px;
    z-index: 2;
  }

  .services-section__row-icon {
    width: 30px;
    height: 30px;
  }

  .services-icon {
    width: 320px;
    height: 320px;
  }
}

@media (min-width: 440px) and (max-width: 767px) {
  .services {
    margin-top: 0px;
    flex-wrap: nowrap;
    flex-direction: column;
  }

  .services-section {
    padding: 40px 16px;
    width: 100%;
    height: auto;
    border-right: none !important;
    border-top: none !important;
    border-bottom: 1px solid #5181c9;
  }

  .services-section__row {
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .services-section__row-title {
    font-size: 24px;
    line-height: 28px;
    z-index: 2;
  }

  .services-section__row-icon {
    width: 40px;
    height: 40px;
  }

  .services-icon {
    display: none;
  }
}

@media (max-width: 439px) {
  .services {
    margin-top: 0px;
    flex-wrap: nowrap;
    flex-direction: column;
  }

  .services-section {
    padding: 40px 16px;
    width: 100%;
    height: auto;
    border-right: none !important;
    border-top: none !important;
    border-bottom: 1px solid #5181c9;
  }

  .services-section__row {
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .services-section__row-title {
    font-size: 24px;
    line-height: 28px;
    z-index: 2;
  }

  .services-section__row-icon {
    width: 40px;
    height: 40px;
  }

  .services-icon {
    display: none;
  }
}

/* ===== Services (4 плитки + общее видео) ===== */

/* Контейнер блока услуг */
.services {
  position: relative;
  isolation: isolate; /* чтобы z-index внутри жил своей жизнью */
}

/* Общее видео на всю область 2x2 (вставляется скриптом как .services-shared-video) */
.services .services-shared-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  opacity: 0; /* скрыто по умолчанию */
  transition: opacity 0.25s ease;
  z-index: 1; /* под секциями */
}

/* Когда есть активная плитка — видео видно */
.services.services--video-on .services-shared-video {
  opacity: 1;
}

/* Каждая мини-секция (¼ прямоугольника) */
.services-section {
  position: relative;
  z-index: 2; /* над общим видео */
  background: #003a91; /* базовый синий */
  overflow: hidden;
}

/* Внутренняя “плитка”, которую ужимаем у активной */
.services-section__row {
  position: relative;
  width: 970px;
  transition: width 0.25s ease;
  z-index: 3; /* текст/стрелка выше любых подложек */
}

/* Активная секция: остаётся синей и ужимается */
.services-section.is-primary {
  background: #003a91;
}

.services-section.is-primary.col-left {
  width: 800px;
}

/* Правая колонка — уменьшаем влево */
.services-section.is-primary.col-right {
  width: 800px;
  margin-left: auto; /* чтобы прилипало к правому краю */
}
/* когда активна ПРАВАЯ плитка — рисуем линию на её ЛЕВОЙ грани */
.services-section.col-right.is-primary {
  border-left: 0.5px solid #5181c9;
}

/* временно убираем «центральный» бордер у левого соседа,
   чтобы не оставалась линия в середине */
.services-section.no-center-border {
  border-right: none !important;
}

/* Пассивные секции: фон убираем, чтобы просвечивалось общее видео */
.services-section.is-passive {
  background: transparent;
}

/* Заголовок и иконка — поверх */
.services-section__row-title,
.services-section__row-icon {
  position: relative;
  z-index: 4;
}

/* Общие стили уменьшения */
.services-section.is-primary,
.services-section.is-vertical-active {
  transition: width 0.25s ease;
}

/* Уменьшение для ЛЕВОЙ колонки */
.services-section.is-primary.col-left,
.services-section.is-vertical-active.col-left {
  width: 800px;
}

/* Уменьшение для ПРАВОЙ колонки */
.services-section.is-primary.col-right,
.services-section.is-vertical-active.col-right {
  width: 800px;
  border-left: 0.5px solid #5181c9 !important;
  margin-left: auto;
}

/* Только для активной секции (синий фон) */
.services-section.is-primary {
  background: #003a91;
}

/* Для вертикального соседа - прозрачный фон */
.services-section.is-vertical-active {
  background: transparent !important;
}

/* Граница только для основной активной секции */
.services-section.col-right.is-primary {
  border-left: 0.5px solid #5181c9;
}

/* Уменьшение для ЛЕВОЙ колонки */
.services-section.is-primary.col-left,
.services-section.is-primary.col-left + .services-section.col-left {
  width: 800px;
}

/* Уменьшение для ПРАВОЙ колонки */
.services-section.is-primary.col-right,
.services-section.is-primary.col-right + .services-section.col-right {
  width: 800px;
  margin-left: auto;
}

/* Уголок (картинка в правом верхнем углу у активной) */
.services-section__corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 250px; /* подгони по фигме */
  height: 180px; /* подгони по фигме */
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
  pointer-events: none;
  opacity: 0;
  transform: translate(10px, -10px) scale(0.98);
  transition: opacity 0.25s ease, transform 0.25s ease;
  z-index: 5; /* выше заголовка */
}

.services-section.pos-tl .services-section__corner {
  top: 0px;
  left: 0px;
  transform: translate(10px, -10px) scale(0.98);
}

/* верхний правый → внутрь = top left */
.services-section.pos-tr .services-section__corner {
  top: 190px;
  /* bottom: 0; */
  left: 0;
  /* transform: translate(-10px, -10px) scale(0.98); */
}

/* нижний левый → внутрь = bottom right */
.services-section.pos-bl .services-section__corner {
  top: 190px;
  right: 0;
  transform: translate(10px, 10px) scale(0.98);
}

/* нижний правый → внутрь = bottom left */
.services-section.pos-br .services-section__corner {
  bottom: 0;
  left: 0;
  transform: translate(-10px, 10px) scale(0.98);
}

.services-section.is-primary .services-section__corner {
  opacity: 1;
  transform: translate(0, 0) scale(1);
}

/* Большая буква G: лежит под секциями, но над общим видео по желанию.
   Если нужно ниже видео — опусти z-index до 0. */
/* вернуть центрирование G */
.services .services-icon {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  width: 498px;
  height: 495px;
  z-index: 2; /* как у тебя было; можешь не трогать */
  pointer-events: none;
  opacity: 1;
}

@media (max-width: 1620px) {
  /* Уменьшение для ЛЕВОЙ колонки */
  .services-section.is-primary.col-left,
  .services-section.is-vertical-active.col-left {
    max-width: 600px;
    width: 100%;
  }

  /* Уменьшение для ПРАВОЙ колонки */
  .services-section.is-primary.col-right,
  .services-section.is-vertical-active.col-right {
    max-width: 600px;
    width: 100%;
  }

  /* Дополнительные адаптивные стили если нужно */
  .services-section__corner {
    width: 200px;
    height: 140px;
  }

  .services .services-icon {
    width: 398px;
    height: 395px;
  }
}

/* Мелкая адаптация: на узких ширинах немного мягче ужатие */
@media (max-width: 1280px) {
  .services-section__row {
    width: 880px;
  }
  .services-section.is-primary .services-section__row {
    width: 720px;
  }
}

@media (max-width: 1024px) {
  .services-section__row {
    width: 800px;
  }
  .services-section.is-primary .services-section__row {
    width: 660px;
  }
}
/* общее видео всегда ПОЗАДИ всего */
.services .services-shared-video {
  z-index: 0;
}

/* секции поверх видео */
.services-section {
  z-index: 2;
  background: #003a91;
}

/* пассивные секции «прозрачные», чтобы видеть общее видео */
.services-section.is-passive {
  background: transparent;
}

/* внутренний ряд и тексты поверх секций */
.services-section__row {
  z-index: 3;
}
.services-section__row-title,
.services-section__row-icon {
  z-index: 4;
}

/* уголок поверх текста */
.services-section__corner {
  z-index: 5;
}
/* по умолчанию буква G видима */
.services .services-icon {
  opacity: 1;
  transition: opacity 0.25s ease;
}

/* когда показываем общее видео — буква G исчезает */
.services.services--video-on .services-icon {
  opacity: 0;
}

/* ===== Fix: верхняя линия у нижних плиток едет вместе с блоками (desktop) ===== */
/* Горизонтальная линия у нижних плиток — всегда на верхней кромке секции */
@media (min-width: 768px) {
  /* полностью выключаем старое: */
  .services-section:nth-child(3),
  .services-section:nth-child(4) {
    border-top: 0.5px solid #5181c9 !important;
  }

  /* включаем по позиционным классам (как у тебя: pos-bl / pos-br) */
  /* .services-section.pos-bl,
  .services-section.pos-br {
    border-top: 0.5px solid #5181c9;
  } */

  /* Вертикальная линия у левой колонки */
  .services-section.col-left.is-primary {
    border-right: 0.5px solid #5181c9;
  }

  .services-section.col-right.is-primary {
    border-left: 0.5px solid #5181c9;
  }

  /* Горизонтальная линия у нижней строки */
  /* .services-section.pos-bl,
  .services-section.pos-br {
    border-top: 0.5px solid #5181c9;
  } */
}

/* выключаем правую центральную грань у левой колонки */
.services-section.hide-center-right { border-right: none !important; }

/* включаем левую центральную грань у правой колонки */
.services-section.show-center-left { border-left: 0.5px solid #5181c9; }

.services { position: relative; }

/* ЕДИНАЯ горизонтальная линия между рядами — тянется на всю ширину */
.services::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;                    /* покрываем всю ширину контейнера */
  top: var(--row-divider-y, 50%); /* Y линии (зададим из JS) */
  height: 2px;
  background: #5181c9;
  transform: scaleY(0.5);      /* визуально ~0.5px на ретине */
  transform-origin: center;
  pointer-events: none;
  z-index: 1;                  /* под контентом секций (2..5), но над видео (0) */
}

@media (max-width: 767px) {
  .services::after { display: none; }
}



/* Если у тебя где-то в проекте была старая реализация с .services-section__video —
   убедись, что её стили удалены/не подключаются, чтобы не конфликтовать. */
.advantages {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 64px;
}

.advantages__row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 48px;
}

.advantages__title {
  font-family: "Stetica";
  font-weight: 500;
  font-size: 72px;
  line-height: 72px;
  color: var(--black-text);
  max-width: 792px;
}

.advantages__row-buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 8px;
}

.advantages__row-buttons-btn {
    width: 64px;
    height: 64px;
    background: var(--blue);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
}

.advantages__row-buttons-btn svg {
    width: 32px;
    height: 32px;
}

.advantages__slider {
    padding-left: 0px;
}

.advantages__slider-item {
  width: 640px;
  border-width: 1px 1px 1px 0px;
  border-style: solid;
  border-color: #d4d4d4;
  height: 624px !important;
  display: flex !important;
  flex-direction: column;
  padding: 48px 48px 100px 48px;
  row-gap: 56px;
  align-items: start;
}

.advantages__slider-item__row {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  align-items: start;
}

.advantages__slider-item__row-icon {
  width: 104px;
  height: 104px;
}

.advantages__slider-item__row-title {
  font-family: "Stetica";
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  color: var(--black-text);
}

.advantages__slider-item__title {
  font-family: "Stetica";
  font-weight: 500;
  font-size: 40px;
  line-height: 46px;
  color: var(--black-text);
}

.advantages__slider-item__txt {
  margin-top: 72px;
  font-family: "Stetica";
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: var(--black-text);
}

@media (min-width: 1440px) and (max-width: 1919px) {
.advantages {
  row-gap: 64px;
}

.advantages__row {
    padding: 0 48px;
}

.advantages__title {
  font-size: 64px;
  max-width: 70%;
}

.advantages__row-buttons {
    column-gap: 8px;
}

.advantages__row-buttons-btn {
    width: 64px;
    height: 64px;
}

.advantages__row-buttons-btn svg {
    width: 32px;
    height: 32px;
}

.advantages__slider {
    padding-left: 0px;
}

.advantages__slider-item {
  height: 570px !important;
  display: flex !important;
  padding: 42px 42px 80px 42px;
  row-gap: 56px;
}

.advantages__slider-item__row {
  width: 100%;
}

.advantages__slider-item__row-icon {
  width: 90px;
  height: 90px;
}

.advantages__slider-item__row-title {
  font-size: 24px;
  line-height: 32px;
}

.advantages__slider-item__title {
  font-size: 40px;
  line-height: 46px;
}

.advantages__slider-item__txt {
  margin-top: 50px;
  font-size: 18px;
  line-height: 24px;
}
}

@media (min-width: 1024px) and (max-width: 1439px) {
.advantages {
  row-gap: 50px;
}

.advantages__row {
    padding: 0 36px;
}

.advantages__title {
  font-size: 52px;
  max-width: 70%;
}

.advantages__row-buttons {
    column-gap: 8px;
}

.advantages__row-buttons-btn {
    width: 64px;
    height: 64px;
}

.advantages__row-buttons-btn svg {
    width: 32px;
    height: 32px;
}

.advantages__slider {
    padding-left: 0px;
}

.advantages__slider-item {
  height: 550px !important;
  display: flex !important;
  padding: 42px 42px 40px 42px;
  row-gap: 56px;
}

.advantages__slider-item__row {
  width: 100%;
}

.advantages__slider-item__row-icon {
  width: 90px;
  height: 90px;
}

.advantages__slider-item__row-title {
  font-size: 24px;
  line-height: 32px;
}

.advantages__slider-item__title {
  font-size: 40px;
  line-height: 46px;
}

.advantages__slider-item__txt {
  margin-top: 30px;
  font-size: 18px;
  line-height: 24px;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
.advantages {
  row-gap: 40px;
  padding: 42px 0;
}

.advantages__row {
    padding: 0 26px;
}

.advantages__title {
  font-size: 40px;
  line-height: 100%;
  max-width: 70%;
}

.advantages__row-buttons {
    column-gap: 8px;
}

.advantages__row-buttons-btn {
    width: 52px;
    height: 52px;
}

.advantages__row-buttons-btn svg {
    width: 32px;
    height: 32px;
}

.advantages__slider {
    padding-left: 1px;
}

.advantages__slider-item {
  height: 400px !important;
  display: flex !important;
  padding: 36px 36px 36px 36px;
  row-gap: 40px;
}

.advantages__slider-item__row {
  width: 100%;
}

.advantages__slider-item__row-icon {
  width: 90px;
  height: 90px;
}

.advantages__slider-item__row-title {
  font-size: 24px;
  line-height: 32px;
}

.advantages__slider-item__title br {
  display: none;
}

.advantages__slider-item__title {
  font-size: 40px;
  line-height: 46px;
}

.advantages__slider-item__txt {
  margin-top: 0px;
  font-size: 18px;
  line-height: 24px;
}
}

@media (min-width: 440px) and (max-width: 767px) {
.advantages {
  row-gap: 40px;
}

.advantages__row {
    padding: 0 16px;
}

.advantages__title {
  font-size: 36px;
  line-height: 100%;
  max-width: 100%;
}

.advantages__row-buttons {
    display: none;
}

.advantages__slider {
    padding-left: 0px;
    display: flex;
    flex-direction: column;
}

.advantages__slider-item {
  height: auto !important;
  width: 100%;
  display: flex !important;
  padding: 24px 16px;
  border-right: none;
  border-bottom: none;
  row-gap: 16px;
}

.advantages__slider-item:nth-last-child(1) {
    border-bottom: 1px solid #D4D4D4;
}

.advantages__slider-item__row {
  width: 100%;
}

.advantages__slider-item__row-icon {
  width: 64px;
  height: 64px;
}

.advantages__slider-item__row-title {
  font-size: 18px;
  line-height: 24px;
}

.advantages__slider-item__title br {
  display: none;
}

.advantages__slider-item__title {
  font-size: 24px;
  line-height: 28px;
  margin-top: 16px;
}

.advantages__slider-item__txt {
  margin-top: 0px;
  font-size: 18px;
  line-height: 24px;
}
}

@media (max-width: 439px) {
.advantages {
  row-gap: 40px;
}

.advantages__row {
    padding: 0 16px;
}

.advantages__title {
  font-size: 32px;
  line-height: 100%;
  max-width: 100%;
}

.advantages__row-buttons {
    display: none;
}

.advantages__slider {
    padding-left: 0px;
    display: flex;
    flex-direction: column;
}

.advantages__slider-item {
  height: auto !important;
  width: 100%;
  display: flex !important;
  padding: 24px 16px;
  border-right: none;
  border-bottom: none;
  row-gap: 16px;
}

.advantages__slider-item:nth-last-child(1) {
    border-bottom: 1px solid #D4D4D4;
}

.advantages__slider-item__row {
  width: 100%;
}

.advantages__slider-item__row-icon {
  width: 64px;
  height: 64px;
}

.advantages__slider-item__row-title {
  font-size: 18px;
  line-height: 24px;
}

.advantages__slider-item__title br {
  display: none;
}

.advantages__slider-item__title {
  font-size: 24px;
  line-height: 28px;
  margin-top: 16px;
}

.advantages__slider-item__txt {
  margin-top: 0px;
  font-size: 18px;
  line-height: 24px;
}
}
.repair-now {
    width: 100%;
    background: var(--black-text);
    position: relative;
    height: 896px;
    display: flex;
    align-items: end;
}

.repair-now-static {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 87px 45px 64px 48px;
    z-index: 9;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.repair-now-static__col {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.repair-now-static__col-title {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 72px;
    line-height: 72px;
    max-width: 922px;
    color: var(--white);
}

.repair-now-static__col-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 18px;
    cursor: pointer;
}

.repair-now-static__col-row__cicrle {
    width: 64px;
    height: 64px;
    background: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.repair-now-static__col-row__cicrle svg {
    width: 32px;
    height: 32px;
}

.repair-now-static__col-row__text {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: var(--white);
    max-width: 126px;
}

.repair-now-static__arrows {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    margin-top: auto;
    margin-bottom: auto;
}

.repair-now-static__arrows-count {
    width: 24px;
    height: 24px;
}

.repair-now-static__arrows-arrow {
    width: 26px;
    height: 16px;
    cursor: pointer;
}

.repair-now-slider {
    width: 100%;
    height: 100%;
    display: flex !important;
    align-items: end;
}

.repair-now-slider__slide {
    width: 100%;
    height: 750px !important;
    display: flex !important;
    flex-direction: column;
    justify-content: end;
    padding-top: 64px;
    padding-right: 45px;
    padding-bottom: 64px;
}

.repair-now-slider__slide-row {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.repair-now-slider__slide-row__row {
    display: flex;
    flex-direction: row;
    margin-top: auto;
    column-gap: 16px;
    align-items: end;
}

.repair-now-slider__slide-row__row-num {
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 400px;
    line-height: 100%;
    color: var(--white);
}

.repair-now-slider__slide-row__row-count {
    font-family: 'Stetica';
    font-weight: 400;
    margin-bottom: 50px;
    font-size: 32px;
    line-height: 40px;
    color: var(--white);
}

.repair-now-slider__slide-bot {
    justify-content: end;
    display: flex;
    flex-direction: row;
    align-items: start;
    column-gap: 24px;
    min-height: 130px;
}

.repair-now-slider__slide-bot-icon {
    width: 32px;
    height: 32px;
}

.repair-now-slider__slide-bot-text {
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 28px;
    line-height: 32px;
    color: var(--white);
    max-width: 466px;
}

@media (min-width: 1440px) and (max-width: 1919px) {
.repair-now {
    height: 896px;
}

.repair-now-static {
    padding: 80px 48px 64px 48px;
}

.repair-now-static__col {
    height: 100%;
}

.repair-now-static__col-title {
    font-size: 64px;
    line-height: 100%;
    max-width: 80%;
}

.repair-now-static__col-row {
    column-gap: 18px;
}

.repair-now-static__col-row__cicrle {
    width: 64px;
    height: 64px;
}

.repair-now-static__col-row__cicrle svg {
    width: 32px;
    height: 32px;
}

.repair-now-static__col-row__text {
    font-size: 18px;
    line-height: 24px;
    max-width: 126px;
}

.repair-now-static__arrows {
    row-gap: 24px;
}

.repair-now-slider__slide-row__img {
    height: auto;
    width: 70%;
}

.repair-now-static__arrows-count {
    width: 24px;
    height: 24px;
}

.repair-now-static__arrows-arrow {
    width: 26px;
    height: 16px;
}

.repair-now-slider {
    width: 100%;
    height: 100%;
}

.repair-now-slider__slide {
    height: auto !important;
    padding-top: 64px !important;
    padding-right: 45px !important;
    padding-bottom: 64px !important;
    row-gap: 40px;
}

.repair-now-slider__slide-row {
    width: 100%;
}

.repair-now-slider__slide-row__row {
    column-gap: 16px;
}

.repair-now-slider__slide-row__row-num {
    font-size: 320px;
    line-height: 100%;
}

.repair-now-slider__slide-row__row-count {
    margin-bottom: 50px;
    font-size: 32px;
    line-height: 40px;
}

.repair-now-slider__slide-bot {
    column-gap: 24px;
    min-height: 130px;
}

.repair-now-slider__slide-bot-icon {
    width: 32px;
    height: 32px;
}

.repair-now-slider__slide-bot-text {
    font-size: 26px;
    line-height: 32px;
    max-width: 35%;
}
}

@media (min-width: 1024px) and (max-width: 1439px) {
.repair-now {
    height: 700px;
}

.repair-now-static {
    padding: 64px 36px 64px 36px;
}

.repair-now-static__col {
    height: 100%;
}

.repair-now-static__col-title {
    font-size: 54px;
    line-height: 100%;
    max-width: 80%;
}

.repair-now-static__col-row {
    column-gap: 18px;
}

.repair-now-static__col-row__cicrle {
    width: 52px;
    height: 52px;
}

.repair-now-static__col-row__cicrle svg {
    width: 28px;
    height: 28px;
}

.repair-now-static__col-row__text {
    font-size: 16px;
    line-height: 24px;
    max-width: 100%;
}

.repair-now-static__arrows {
    row-gap: 18px;
}

.repair-now-slider__slide-row__img {
    height: auto;
    width: 65%;
}

.repair-now-static__arrows-count {
    width: 24px;
    height: 24px;
}

.repair-now-static__arrows-arrow {
    width: 26px;
    height: 16px;
}

.repair-now-slider {
    width: 100%;
    height: 100%;
}

.repair-now-slider__slide {
    height: auto !important;
    padding-top: 60px;
    padding-right: 80px;
    padding-bottom: 36px;
    row-gap: 50px;
}

.repair-now-slider__slide-row {
    width: 100%;
}

.repair-now-slider__slide-row__row {
    column-gap: 10px;
}

.repair-now-slider__slide-row__row-num {
    font-size: 220px;
    line-height: 100%;
}

.repair-now-slider__slide-row__row-count {
    margin-bottom: 35px;
    font-size: 32px;
    line-height: 40px;
}

.repair-now-slider__slide-bot {
    column-gap: 24px;
    min-height: 130px;
}

.repair-now-slider__slide-bot-icon {
    width: 28px;
    height: 28px;
}

.repair-now-slider__slide-bot-text {
    margin-top: -5px;
    font-size: 24px;
    line-height: 32px;
    max-width: 50%;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
.repair-now {
    height: auto;
    position: relative;
    flex-direction: column;
    padding: 140px 16px;
    display: flex;
}

.repair-now-static {
    padding: 48px 36px;
    position: absolute;
    height: 100%;
    flex: 1;
}

.repair-now-static__col {
    height: 100%;
    width: 100%;
}

.repair-now-static__col-title {
    font-size: 42px;
    line-height: 100%;
    max-width: 100%;
}

.repair-now-static__col-row {
    position: absolute;
    column-gap: 12px;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    width: calc(100% - 72px);
    height: 48px;
    background: white;
    border-radius: 12px;
    bottom: 48px;
}

.repair-now-static__col-row__cicrle {
    width: 26px;
    background: var(--blue);
    height: 26px;
}

.repair-now-static__col-row__cicrle svg {
    width: 24px;
    height: 24px;
}

.repair-now-static__col-row__cicrle svg path{
    stroke: var(--white);
}


.repair-now-static__col-row__text {
    font-size: 16px;
    line-height: 24px;
    max-width: 100%;
    color: var(--black-text);
}

.repair-now-static__arrows {
    position: absolute;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 0 16px;
}

.repair-now-slider__slide-row__img {
    height: 370px;
    object-fit: cover;
    object-position: right;
    width: 100%;
    transform: scale(-1, 1);
}

.repair-now-static__arrows-count {
    display: none;
}

.repair-now-static__arrows-arrow {
    width: 36px;
    height: 36px;
    padding: 2px 8px;
    rotate: -90deg;
}

.repair-now-slider {
    position: relative;
    width: 100%;
    height: 100%;
}

.repair-now-slider__slide {
    position: relative;
    /*height: 400px !important;*/
    width: 100% !important;
    justify-content: center;
    padding-top: 0;
    padding-right: 0px;
    padding-bottom: 0;
    row-gap: 48px;
}

.repair-now-slider__slide-row {
    width: 100%;
    flex-direction: column;
}

.repair-now-slider__slide-row__row {
    column-gap: 10px;
    position: absolute;
    right: 0;
    top: 0;
}

.repair-now-slider__slide-row__row-num {
    font-size: 24px;
    line-height: 24px;
}

.repair-now-slider__slide-row__row-count {
    margin-bottom: 0;
    font-size: 24px;
    line-height: 24px;
}

.repair-now-slider__slide-bot {
    flex-direction: row;
    align-items: start;
    column-gap: 16px;
    min-height: auto;
}

.repair-now-slider__slide-bot-icon {
    width: 28px;
    height: 28px;
}

.repair-now-slider__slide-bot-text {
    margin-top: 0px;
    font-size: 22px;
    line-height: 24px;
    max-width: 100%;
}
}

@media (min-width: 440px) and (max-width: 767px) {
.repair-now {
    height: auto;
    position: relative;
    flex-direction: column;
    padding: 140px 16px;
    display: flex;
}

.repair-now-static {
    padding: 48px 16px;
    position: absolute;
    height: 100%;
    flex: 1;
}

.repair-now-static__col {
    height: 100%;
    width: 100%;
}

.repair-now-static__col-title {
    font-size: 32px;
    line-height: 100%;
    max-width: 100%;
}

.repair-now-static__col-row {
    position: absolute;
    column-gap: 12px;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    width: calc(100% - 32px);
    height: 48px;
    background: white;
    border-radius: 12px;
    bottom: 48px;
}

.repair-now-static__col-row__cicrle {
    width: 26px;
    background: var(--blue);
    height: 26px;
}

.repair-now-static__col-row__cicrle svg {
    width: 24px;
    height: 24px;
}

.repair-now-static__col-row__cicrle svg path{
    stroke: var(--white);
}


.repair-now-static__col-row__text {
    font-size: 16px;
    line-height: 24px;
    max-width: 100%;
    color: var(--black-text);
}

.repair-now-static__arrows {
    position: absolute;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 0 16px;
}

.repair-now-slider__slide-row__img {
    height: 200px;
    object-fit: cover;
    object-position: right;
    width: 100%;
    transform: scale(-1, 1);
}

.repair-now-static__arrows-count {
    display: none;
}

.repair-now-static__arrows-arrow {
    width: 26px;
    height: 26px;
    padding: 2px 8px;
    rotate: -90deg;
    border-radius: 50%;
    background: white;
}

.repair-now-static__arrows-arrow path {
    stroke: var(--blue);
    stroke-width: 2px;
    width: 6px;
}

.repair-now-slider {
    position: relative;
    width: 100%;
    height: 100%;
}

.repair-now-slider__slide {
    position: relative;
    height: 400px !important;
    width: 100% !important;
    justify-content: center;
    padding-top: 0;
    padding-right: 0px;
    padding-bottom: 0;
    row-gap: 48px;
}

.repair-now-slider__slide-row {
    width: 100%;
    flex-direction: column;
}

.repair-now-slider__slide-row__row {
    column-gap: 10px;
    position: absolute;
    right: 0;
    top: 67%;
    transform: translate(-50%);
}

.repair-now-slider__slide-row__row-num {
    font-size: 18px;
    line-height: 24px;
}

.repair-now-slider__slide-row__row-count {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 24px;
}

.repair-now-slider__slide-bot {
    flex-direction: column;
    align-items: start;
    row-gap: 16px;
    min-height: auto;
}

.repair-now-slider__slide-bot-icon {
    width: 24px;
    height: 24px;
}

.repair-now-slider__slide-bot-text {
    margin-top: 0px;
    font-size: 18px;
    line-height: 24px;
    max-width: 100%;
}
}

@media (max-width: 439px) {
.repair-now {
    height: auto;
    position: relative;
    flex-direction: column;
    padding: 140px 16px;
    display: flex;
}

.repair-now-static {
    padding: 48px 16px;
    position: absolute;
    height: 100%;
    flex: 1;
}

.repair-now-static__col {
    height: 100%;
    width: 100%;
}

.repair-now-static__col-title {
    font-size: 32px;
    line-height: 100%;
    max-width: 100%;
}

.repair-now-static__col-row {
    position: absolute;
    column-gap: 12px;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    width: calc(100% - 32px);
    height: 48px;
    background: white;
    border-radius: 12px;
    bottom: 48px;
}

.repair-now-static__col-row__cicrle {
    width: 26px;
    background: var(--blue);
    height: 26px;
}

.repair-now-static__col-row__cicrle svg {
    width: 24px;
    height: 24px;
}

.repair-now-static__col-row__cicrle svg path{
    stroke: var(--white);
}


.repair-now-static__col-row__text {
    font-size: 16px;
    line-height: 24px;
    max-width: 100%;
    color: var(--black-text);
}

.repair-now-static__arrows {
    position: absolute;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 0 16px;
}

.repair-now-slider__slide-row__img {
    height: 200px;
    object-fit: cover;
    object-position: right;
    width: 100%;
    transform: scale(-1, 1);
}

.repair-now-static__arrows-count {
    display: none;
}

.repair-now-static__arrows-arrow {
    width: 26px;
    height: 26px;
    padding: 2px 8px;
    rotate: -90deg;
    border-radius: 50%;
    background: white;
}

.repair-now-static__arrows-arrow path {
    stroke: var(--blue);
    stroke-width: 2px;
    width: 6px;
}

.repair-now-slider {
    position: relative;
    width: 100%;
    height: 100%;
}

.repair-now-slider__slide {
    position: relative;
    height: 400px !important;
    width: 100% !important;
    justify-content: center;
    padding-top: 0;
    padding-right: 0px;
    padding-bottom: 0;
    row-gap: 48px;
}

.repair-now-slider__slide-row {
    width: 100%;
    flex-direction: column;
}

.repair-now-slider__slide-row__row {
    column-gap: 10px;
    position: absolute;
    right: 0;
    top: 63%;
    transform: translate(-50%);
}

.repair-now-slider__slide-row__row-num {
    font-size: 18px;
    line-height: 24px;
}

.repair-now-slider__slide-row__row-count {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 24px;
}

.repair-now-slider__slide-bot {
    flex-direction: column;
    align-items: start;
    row-gap: 16px;
    min-height: auto;
	margin: 0px 15px;
}

.repair-now-slider__slide-bot-icon {
    width: 24px;
    height: 24px;
}

.repair-now-slider__slide-bot-text {
    margin-top: 0px;
    font-size: 18px;
    line-height: 24px;
    max-width: 100%;
}
}
.cooperation {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: space-between;
    background: var(--black-text);
    padding: 64px 48px;
}

.cooperation-col {
    display: flex;
    flex-direction: column;
    row-gap: 56px;
    max-width: 518px;
}

.cooperation-col__title {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 72px;
    line-height: 72px;
    color: var(--white);
}

.cooperation-col__text {
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: var(--white);
}

.cooperation-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 16px;
    column-gap: 16px;
}

.cooperation-wrapper__item {
    height: 376px;
    width: 392px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bgcardsonblack);
}

.cooperation-wrapper__item-icon {
    width: 100px;
    height: 100px;
}

.cooperation-wrapper__item-name {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: var(--white);
    position: absolute;
    padding: 8px 16px;
    bottom: 0;
    right: 0;
    background: var(--blue);
}

@media (min-width: 1440px) and (max-width: 1919px) {
.cooperation {
    padding: 64px 48px;
    column-gap: 40px;
}

.cooperation-col {
    row-gap: 56px;
    /*max-width: 100%;*/
}

.cooperation-col__title {
    font-size: 54px;
    line-height: 54px;
}

.cooperation-col__text {
    font-size: 24px;
    line-height: 32px;
}

.cooperation-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 16px;
    column-gap: 16px;
}

.cooperation-wrapper__item {
    height: 300px;
    width: auto;
}

.cooperation-wrapper__item-icon {
    width: 100px;
    height: 100px;
}

.cooperation-wrapper__item-name {
    font-size: 14px;
    line-height: 16px;
    padding: 8px 16px;
}
}

@media (min-width: 1024px) and (max-width: 1439px) {
.cooperation {
    padding: 64px 48px;
    flex-direction: column;
    row-gap: 40px;
}

.cooperation-col {
    row-gap: 56px;
    max-width: 100%;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}

.cooperation-col__title {
    font-size: 50px;
    line-height: 50px;
}

.cooperation-col__text {
    font-size: 20px;
    line-height: 28px;
    max-width: 50%;
}

.cooperation-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 16px;
    column-gap: 16px;
}

.cooperation-wrapper__item {
    height: 260px;
    width: auto;
}

.cooperation-wrapper__item-icon {
    width: 90px;
    height: 90px;
}

.cooperation-wrapper__item-name {
    font-size: 14px;
    line-height: 16px;
    padding: 8px 16px;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
.cooperation {
    padding: 48px 0 0 0;
    flex-direction: column;
    row-gap: 40px;
}

.cooperation-col {
    row-gap: 20px;
    margin: 0 16px;
    max-width: 100%;
    flex-direction: column;
    align-items: start;
}

.cooperation-col__title {
    font-size: 50px;
    line-height: 100%;
}

.cooperation-col__text {
    font-size: 20px;
    line-height: 24px;
    max-width: 100%;
}

.cooperation-wrapper {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 0;
    column-gap: 0;
}

.credit-bottom__list .cooperation-wrapper__item {
    height: 270px;
    width: auto;
    border-width: 1px 1px 1px 0px;
border-style: solid;
border-color: #616161;
}

.cooperation-wrapper__item-icon {
    width: 80px;
    height: 80px;
}

.cooperation-wrapper__item-name {
    display: none;
}
}

@media (min-width: 440px) and (max-width: 767px) {
.cooperation {
    padding: 48px 0 0 0;
    flex-direction: column;
    row-gap: 40px;
}

.cooperation-col {
    row-gap: 20px;
    margin: 0 16px;
    max-width: 100%;
    flex-direction: column;
    align-items: start;
}

.cooperation-col__title {
    font-size: 32px;
    line-height: 100%;
}

.cooperation-col__text {
    font-size: 18px;
    line-height: 24px;
    max-width: 100%;
}

.cooperation-wrapper {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 0;
    column-gap: 0;
}

.cooperation-wrapper__item {
    height: 220px;
    width: auto;
    border-width: 1px 1px 1px 0px;
border-style: solid;
border-color: #616161;
}

.cooperation-wrapper__item-icon {
    width: 64px;
    height: 64px;
}

.cooperation-wrapper__item-name {
    display: none;
}
}

@media (max-width: 439px) {
.cooperation {
    padding: 48px 0 0 0;
    flex-direction: column;
    row-gap: 40px;
}

.cooperation-col {
    row-gap: 20px;
    margin: 0 16px;
    max-width: 100%;
    flex-direction: column;
    align-items: start;
}

.cooperation-col__title {
    font-size: 32px;
    line-height: 100%;
}

.cooperation-col__text {
    font-size: 18px;
    line-height: 24px;
    max-width: 100%;
}

.cooperation-wrapper {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 0;
    column-gap: 0;
}

.cooperation-wrapper__item {
    height: 187.5px;
    width: auto;
    border-width: 1px 1px 1px 0px;
border-style: solid;
border-color: #616161;
}

.cooperation-wrapper__item-icon {
    width: 64px;
    height: 64px;
}

.cooperation-wrapper__item-name {
    display: none;
}
}
.fp-auto-height {position: relative; overflow: hidden;}
  /*.fp-auto-height > * { position: relative; z-index: 1; }*/
  .home-main { position: relative; overflow: hidden; }
  /* layering: bg:0, content:1, reveal circle:2, gear:3 */
  /* .home-main > * { position: relative; z-index: 1; } */
  .gear-bg-video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
                   z-index:0; opacity:0; pointer-events:none; transition:opacity .5s ease; will-change: clip-path, opacity;}
  .gear-reveal-video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
                       z-index:4; pointer-events:none; opacity:1;
                       clip-path: circle(0px at 50% 50%); will-change: clip-path, opacity; }
  .home-main__img { position:absolute; left:50%; transform:translateX(-50%); bottom:-450px;
                    z-index:3; transition: transform .7s ease, opacity .25s ease; }
  .home-main__img-gen { position:relative; z-index:3; transition: opacity .15s ease; }
  .map-right__map {
  width: 100%;
  height: 544px;
  background-image: url("/images/map1.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.intro {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    width: 100%;
    height: calc(100vh - 180px);
    padding: 52px 0 64px 48px;
    position: relative;
    overflow: hidden;
}

.intro-title {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 88px;
    line-height: 80px;
    color: var(--black-text);
    max-width: 868px;
}

.intro-text {
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 24px;
    line-height: 40px;
    color: var(--black-text);
    margin-top: 16px;
    max-width: 868px;
    z-index: 5;
}

.intro-row {
    display: flex;
    flex-direction: row;
    column-gap: 18px;
    align-items: center;
    margin-top: auto;
    cursor: pointer;
}

.intro-row__circle {
    width: 64px;
    height: 64px;
    background: var(--blue);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.intro-row__circle-icon {
    width: 32px;
    height: 32px;
}

.intro-row__text {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: var(--black-text);
}

.intro-img {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0;
}

@media (min-width: 1440px) and (max-width: 1919px) {
.intro {
    row-gap: 24px;
    padding: 52px 0 64px 48px;
    overflow: hidden;
}

.intro-title {
    font-size: 70px;
    line-height: 100%;
    max-width: 40% !important;
	z-index: 1;
}

.intro-text {
    font-size: 24px;
    line-height: 36px;
    margin-top: 0px;
    max-width: 40% !important;
}

.intro-row {
    column-gap: 18px;
    margin-top: auto;
}

.intro-row__circle {
    width: 64px;
    height: 64px;
}

.intro-row__circle-icon {
    width: 32px;
    height: 32px;
}

.intro-row__text {
    font-size: 18px;
    line-height: 24px;
}

.intro-img {
    position: absolute;
    bottom: 0;
    scale: 0.8;
    right: -150px;
}
}

@media (min-width: 1024px) and (max-width: 1439px) {
.intro {
    row-gap: 24px;
    padding: 40px 0 48px 36px;
    overflow: hidden;
}

.intro-title, h1.services-list__title, .choice-detail__title, .about-company__production-title {
    font-size: 60px;
    line-height: 100%;
    max-width: 60% !important;
}

.services-list {
    margin-top: 0 !important;
}

.services-list__title-info {
    margin-top: 25px !important;
}

.consultation {
        padding: 150px 40px 40px !important;
    }

.intro-text {
    font-size: 24px;
    line-height: 36px;
    margin-top: 0px;
    max-width: 60% !important;
}

.intro-row {
    column-gap: 18px;
    margin-top: auto !important;
}

.intro-row__circle {
    width: 64px;
    height: 64px;
}

.intro-row__circle-icon {
    width: 32px;
    height: 32px;
}

.intro-row__text {
    font-size: 18px;
    line-height: 24px;
}

.intro-img {
    position: absolute;
    bottom: -150px;
    scale: 0.6;
    right: -30%;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
.intro {
    height: auto;
    row-gap: 24px;
    padding: 36px 26px 0 26px;
}

.intro-title {
    font-size: 50px;
    line-height: 100%;
    max-width: 100% !important;
}

.intro-text {
    font-size: 24px;
    line-height: 24px;
    max-width: 100% !important;
}

.intro-row {
    height: 60px;
    background: var(--blue);
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 12px;
    flex-direction: row-reverse;
    margin-top: 16px !important;
}

.intro-row__circle {
    width: 26px;
    height: 26px;
    background: white;
}

.intro-row__circle-icon {
    width: 24px;
    height: 24px;
}

.intro-row__circle-icon line {
    stroke: var(--blue);
}

.intro-row__text {
    font-size: 18px;
    color: white;
    line-height: 24px;
}

.intro-img {
    position: relative;
    width: 100%;
    height: auto;
    object-fit: cover;
    scale: 1;
    right: 0;
    margin-top: 16px;
}
}

@media (min-width: 440px) and (max-width: 767px) {
.intro {
    height: auto;
    row-gap: 24px;
    padding: 36px 0 0 0;
}

.breadcrumbs {
    margin: 0 16px;
}

.intro-title {
    margin: 0 16px;
    font-size: 32px;
    line-height: 100%;
    max-width: 100% !important;
}

.intro-text {
    font-size: 20px;
    line-height: 24px;
    margin: 0 16px;
    max-width: 100% !important;
}

.intro-row {
    height: 48px;
    background: var(--blue);
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 12px;
    flex-direction: row-reverse;
    margin: 0 16px;
    margin-top: 16px !important;
}

.intro-row__circle {
    width: 26px;
    height: 26px;
    background: white;
}

.intro-row__circle-icon {
    width: 24px;
    height: 24px;
}

.intro-row__circle-icon line {
    stroke: var(--blue);
}

.intro-row__text {
    font-size: 16px;
    color: white;
    line-height: 24px;
}

.intro-img {
    position: relative;
    width: 100%;
    height: auto;
    object-fit: cover;
    scale: 1;
    right: 0;
    margin-top: 16px;
}
}

@media (max-width: 439px) {
.intro {
    height: auto;
    row-gap: 24px;
    padding: 30px 0 0 0;
}

.breadcrumbs {
    margin: 0 16px;
}

.intro-title {
    margin: 0 16px;
    font-size: 32px;
    line-height: 100%;
    max-width: 100% !important;
}

.intro-text {
    font-size: 20px;
    line-height: 24px;
    margin: 0 16px;
    max-width: 100% !important;
}

.intro-row {
    height: 48px;
    background: var(--blue);
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 12px;
    flex-direction: row-reverse;
    margin: 0 16px;
    margin-top: 16px !important;
}

.intro-row__circle {
    width: 26px;
    height: 26px;
    background: white;
}

.intro-row__circle-icon {
    width: 24px;
    height: 24px;
}

.intro-row__circle-icon line {
    stroke: var(--blue);
}

.intro-row__text {
    font-size: 16px;
    color: white;
    line-height: 24px;
}

.intro-img {
    position: relative;
    width: 100%;
    height: auto;
    object-fit: cover;
    right: 0;
    margin-top: 16px;
}
.blue-block {
    padding: 0px !important;
}
.about-company__why-we-reason-title {
    margin-top: 0px !important;
    margin-bottom: 15px;
}
section.vertical-scrolling.mob-slide.fp-section.fp-table {
    padding: 0;
}
div#circleScr1 {
    padding-bottom: 0px !important;
}
.steps .steps__row-col {
    height: 150px;
}
.steps .steps__title {
    color: #ffffff !important;
}
.custom-pagination {
    margin: 0 !important;
    padding: 0px !important;
}
.pagination-numbers {
    align-items: center;
}
.pagination-center .pagination-number.active, .pagination-center button.pagination-number {
    width: 30px !important;
    height: 30px !important;
}
.pagination-info {
    display: none !important;
}
}
.blue-color {
    background-color: #003A91;
}

.parties-grey {
    background-color: var(--black-text);
}

.cooperation-t {
    display: flex;
    flex-direction: column;
    margin-top: 160px;
    padding: 0px 48px;
    row-gap: 96px;
    position: relative;
    height: 553px;
}

.cooperation__title {
    font-family: "Stetica";
    font-weight: 500;
    font-style: Medium;
    font-size: 72px;
    color: var(--white);
    line-height: 72px;
    letter-spacing: 0%;
}

.cooperation__contacts {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.cooperation__contact {
    display: flex;
    flex-direction: row;
    column-gap: 24px;
    align-items: center;
}

.cooperation__contact-txt {
    font-family: "Stetica";
    font-weight: 500;
    font-style: Medium;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: 0%;
    color: var(--white);
}

.cooperation-car {
    position: absolute;
    transform: scale(-1, 1);
    right: 0px;
    bottom: 0px;
}

.faq {
    /*margin-top: 160px;*/
    padding-bottom: 160px;
}

.intro-img {
    scale: 1;
}

@media (min-width: 1440px) and (max-width: 1919px) {
.cooperation-t {
    margin-top: 100px;
    padding: 0px 48px;
    row-gap: 80px;
    height: 370px;
}

.cooperation__title {
    font-size: 64px;
    line-height: 100%;
    z-index: 2;
}

.cooperation__contacts {
    row-gap: 20px;
}

.cooperation__contact {
    column-gap: 24px;
}

.cooperation__contact-txt {
    font-size: 28px;
    line-height: 40px;
}

.cooperation-car {
    right: 0;
    bottom: 0px;
    object-fit: cover;
    width: 60%;
}

.faq {
    margin-top: 0px;
    padding-bottom: 155px !important;
}
}

@media (min-width: 1024px) and (max-width: 1439px) {
.intro-img {
    scale: 0.6 !important;
  }

  .cooperation-t {
    margin-top: 80px;
    padding: 0px 36px;
    row-gap: 60px;
    height: 400px;
}

.cooperation__title {
    font-size: 52px;
    line-height: 100%;
    z-index: 2;
}

.cooperation__contacts {
    row-gap: 20px;
}

.cooperation__contact {
    column-gap: 24px;
}

.cooperation__contact-txt {
    font-size: 28px;
    line-height: 40px;
}

.cooperation-car {
    right: 0;
    bottom: 0px;
    object-fit: cover;
    width: 60%;
}

.faq {
    margin-top: 0px;
    padding-bottom: 80px;
    border-top: 1px solid #4c4c4c;
}
.catalog-container__wrapper-item-info-ch-item-text {
        text-align: right;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cooperation-t {
    margin-top: 64px;
    padding: 0px 26px;
    row-gap: 40px;
    height: auto;
    flex-direction: column;
}

.cooperation__title {
    font-size: 52px;
    line-height: 100%;
    z-index: 2;
}

.cooperation__title br {
    display: none;
}

.cooperation__contacts {
    row-gap: 20px;
}

.cooperation__contact {
    column-gap: 24px;
}

.cooperation__contact svg{
    width: 38px;
    height: 38px;
}

.cooperation__contact-txt {
    font-size: 24px;
    line-height: 26px;
}

.cooperation-car {
    right: 0;
    position: relative;
    bottom: 0px;
    object-fit: cover;
    width: 100%;
    height: 350px;
    object-position: right;
}

.faq {
    margin-top: 64px;
    padding-bottom: 64px;
}
}

@media (min-width: 440px) and (max-width: 767px) {
  .cooperation-t {
    margin-top: 64px;
    padding: 0px 16px;
    row-gap: 30px;
    height: auto;
    flex-direction: column;
}

.cooperation__title {
    font-size: 42px;
    line-height: 100%;
    z-index: 2;
}

.cooperation__title br {
    display: none;
}

.cooperation__contacts {
    row-gap: 20px;
}

.cooperation__contact {
    column-gap: 24px;
}

.cooperation__contact svg{
    width: 38px;
    height: 38px;
}

.cooperation__contact-txt {
    font-size: 22px;
    line-height: 24px;
}

.cooperation-car {
    right: 0;
    position: relative;
    bottom: 0px;
    object-fit: cover;
    width: 100%;
    height: 260px;
    object-position: right;
}

.faq {
    margin-top: 48px;
    padding-bottom: 48px;
}
}

@media (max-width: 439px) {
  .cooperation-t {
    margin-top: 64px;
    padding: 0px 16px;
    row-gap: 30px;
    height: auto;
    flex-direction: column;
}
.cooperation__title br {
    display: none;
}

.cooperation__title {
    font-size: 32px;
    line-height: 100%;
    z-index: 2;
}

.cooperation__contacts {
    row-gap: 20px;
}

.cooperation__contact {
    column-gap: 24px;
}

.cooperation__contact svg{
    width: 38px;
    height: 38px;
}

.cooperation__contact-txt {
    font-size: 22px;
    line-height: 24px;
}

.cooperation-car {
    right: 0;
    position: relative;
    bottom: 0px;
    object-fit: cover;
    width: 100%;
    height: 260px;
    object-position: right;
}

.faq {
    margin-top: 48px;
    padding-bottom: 48px;
}
}
@media (min-width: 1440px) and (max-width: 1919px) {
    .map.akpp {
		margin-top: 0px !important;
	}
	.dark-footer {
		padding-bottom: 0px;
	}
}
@media (min-width: 1024px) and (max-width: 1439px) {
    .map.akpp {
		margin-top: 0px !important;
	}
	.dark-footer {
		padding-bottom: 50px;
	}
}
@media (min-width: 768px) and (max-width: 1023px) {
    .map.akpp {
		margin-top: 0px !important;
	}
	.map.akpp .map-left{
		padding-top: 30px !important;
	}
	.dark-footer {
		padding-bottom: 50px;
	}
}
@media (min-width: 440px) and (max-width: 767px) {
    .map.akpp {
		margin-top: 0px !important;
	}
	.map.akpp .map-left{
		padding-top: 30px !important;
	}
	.dark-footer {
		padding-bottom: 50px;
	}
}
@media (max-width: 439px) {
    .map.akpp {
		margin-top: 0px !important;
	}
	.map.akpp .map-left{
		padding-top: 30px !important;
	}
	.dark-footer {
		padding-bottom: 50px;
	}
}
.dillers {
    width: 100%;
    background: var(--blue);
    padding: 64px 48px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: start;
    position: relative;
    /*height: 848px;*/
	height: 95vh;
    margin-top: 48px;
}

.dillers-col {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.dillers-col__title {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 56px;
    line-height: 100%;
    color: var(--white);
}

.dillers-col__box {
    display: flex;
    flex-direction: column;
    margin-top: auto;
}

.dillers-col__box-title {
    font-weight: 400;
    font-size: 240px;
    line-height: 100%;
    color: var(--white);
    font-family: 'Stetica';
}

.dillers-col__box-text {
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 28px;
    line-height: 32px;
    color: var(--white);
}

.dillers-line {
    width: 1px;
    height: 720px;
    position: absolute;
    transform: translateX(-50%);
    background: var(--white);
    left: 50%;
}

.dillers-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 18px;
    cursor: pointer;
}

.dillers-row__circle {
    width: 64px;
    height: 64px;
    background: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dillers-row__circle-icon {
    width: 32px;
    height: 32px;
}

.dillers-row__text {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: var(--white);
}

.dillers-img {
    position: absolute;
    bottom: 0;
    right: 0;
}

@media (min-width: 1440px) and (max-width: 1919px) {
.dillers {
    padding: 120px 48px 60px;
    /*height: 848px;*/
    margin-top: 48px;
}

.dillers-col {
    height: 100%;
}

.dillers-col__title {
    font-size: 50px;
    line-height: 100%;
}

.dillers-col__box {
    margin-top: auto;
}

.dillers-col__box-title {
    font-size: 220px;
    line-height: 100%;
}

.dillers-col__box-text {
    font-size: 26px;
    line-height: 32px;
}

.dillers-line {
    width: 1px;
    height: 720px;
}

.dillers-row {
    column-gap: 18px;
}

.dillers-row__circle {
    width: 64px;
    height: 64px;
}

.dillers-row__circle-icon {
    width: 32px;
    height: 32px;
}

.dillers-row__text {
    font-size: 18px;
    line-height: 24px;
}

.dillers-img {
    width: 60%;
    bottom: 0;
    right: 0;
}
}

@media (min-width: 1024px) and (max-width: 1439px) {
.dillers {
    padding: 48px 36px;
    height: 650px;
    margin-top: 48px;
}

.dillers-col {
    height: 100%;
}

.dillers-col__title {
    font-size: 30px;
    line-height: 100%;
}

.dillers-col__box {
    margin-top: auto;
}

.dillers-col__box-title {
    font-size: 140px;
    line-height: 100%;
}

.dillers-col__box-text {
    font-size: 20px;
    line-height: 32px;
}

.dillers-line {
    width: 1px;
    height: 570px;
}

.dillers-row {
    column-gap: 16px;
}

.dillers-row__circle {
    width: 48px;
    height: 48px;
}

.dillers-row__circle-icon {
    width: 26px;
    height: 26px;
}

.dillers-row__text {
    font-size: 16px;
    line-height: 20px;
}

.dillers-img {
    width: 60%;
    bottom: 0;
    right: 0;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
.dillers {
    padding: 48px 26px;
    height: auto;
    flex-direction: column;
    margin-top: 48px;
}

.dillers-col {
    height: auto;
    width: 100%;
    row-gap: 40px;
}

.dillers-col__title {
    font-size: 36px;
    line-height: 100%;
}

.dillers-col__title br {
    display: none;
}

.dillers-col__box {
    margin-top: auto;
}

.dillers-col__box-title {
    font-size: 100px;
    line-height: 100px;
}

.dillers-col__box-text {
    font-size: 20px;
    line-height: 24px;
}

.dillers-line {
    display: none;
}

.dillers-row {
    column-gap: 12px;
    order: 3;
    margin-top: 48px;
    flex-direction: row-reverse;
    background: #fff;
    width: 100%;
    border-radius: 12px;
    align-items: center;
    justify-content: center;
    height: 54px;
}

.dillers-row__circle {
    width: 26px;
    height: 26px;
    background: var(--blue);
}

.dillers-row__circle-icon {
    width: 12px;
    height: 12px;
}

.dillers-row__circle-icon path {
    stroke: white;
}

.dillers-row__text {
    font-size: 16px;
    line-height: 24px;
    color: var(--black-text);
}

.dillers-row__text br {
    display: none;
}

.dillers-img {
    margin-top: 48px;
    position: relative;
    width: 100%;
    order: 2;
    bottom: 0;
    right: 0;
}
}

@media (min-width: 440px) and (max-width: 767px) {
.dillers {
    padding: 48px 16px;
    height: auto;
    flex-direction: column;
    margin-top: 48px;
}

.dillers-col {
    height: auto;
    width: 100%;
    row-gap: 32px;
}

.dillers-col__title {
    font-size: 28px;
    line-height: 100%;
}

.dillers-col__title br {
    display: none;
}

.dillers-col__box {
    margin-top: auto;
}

.dillers-col__box-title {
    font-size: 88px;
    line-height: 88px;
}

.dillers-col__box-text {
    font-size: 18px;
    line-height: 24px;
}

.dillers-line {
    display: none;
}

.dillers-row {
    column-gap: 12px;
    order: 3;
    margin-top: 48px;
    flex-direction: row-reverse;
    background: #fff;
    width: 100%;
    border-radius: 12px;
    align-items: center;
    justify-content: center;
    height: 48px;
}

.dillers-row__circle {
    width: 26px;
    height: 26px;
    background: var(--blue);
}

.dillers-row__circle-icon {
    width: 12px;
    height: 12px;
}

.dillers-row__circle-icon path {
    stroke: white;
}

.dillers-row__text {
    font-size: 16px;
    line-height: 24px;
    color: var(--black-text);
}

.dillers-row__text br {
    display: none;
}

.dillers-img {
    margin-top: 48px;
    position: relative;
    width: 100%;
    order: 2;
    bottom: 0;
    right: 0;
}
}

@media (max-width: 439px) {
.dillers {
    padding: 48px 16px;
    height: auto;
    flex-direction: column;
    margin-top: 48px;
}

.dillers-col {
    height: auto;
    width: 100%;
    row-gap: 32px;
}

.dillers-col__title {
    font-size: 28px;
    line-height: 100%;
}

.dillers-col__title br {
    display: none;
}

.dillers-col__box {
    margin-top: auto;
}

.dillers-col__box-title {
    font-size: 88px;
    line-height: 88px;
}

.dillers-col__box-text {
    font-size: 18px;
    line-height: 24px;
}

.dillers-line {
    display: none;
}

.dillers-row {
    column-gap: 12px;
    order: 3;
    margin-top: 48px;
    flex-direction: row-reverse;
    background: #fff;
    width: 100%;
    border-radius: 12px;
    align-items: center;
    justify-content: center;
    height: 48px;
}

.dillers-row__circle {
    width: 26px;
    height: 26px;
    background: var(--blue);
}

.dillers-row__circle-icon {
    width: 12px;
    height: 12px;
}

.dillers-row__circle-icon path {
    stroke: white;
}

.dillers-row__text {
    font-size: 16px;
    line-height: 24px;
    color: var(--black-text);
}

.dillers-row__text br {
    display: none;
}

.dillers-img {
    margin-top: 48px;
    position: relative;
    width: 100%;
    order: 2;
    bottom: 0;
    right: 0;
}
}
.purpose {
    display: flex;
    flex-direction: column;
    row-gap: 160px;
    padding: 160px 48px;
    background-color: var(--black-text);
}

.purpose-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.purpose-line {
    height: 740px;
    width: 0px;
    border: 1px solid #616161;
}

.purpose-info {
    display: flex;
    flex-direction: column;
    row-gap: 48px;
    max-width: 859px;
}

.purpose-title {
    font-family: "Stetica";
    font-weight: 500;
    font-style: Medium;
    font-size: 72px;
    line-height: 72px;
    letter-spacing: 0%;
    color: var(--white);
}

.purpose-txt {
    font-family: "Stetica";
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0%;
    vertical-align: bottom;
    color: var(--white);
    opacity: 64%;
}

.purpose-bottom {
    display: flex;
    flex-direction: column;
    row-gap: 72px;
}

.purpose-bottom__types,
.purpose-bottom__class {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.purpose-bottom__tytle {
    font-family: "Stetica";
    font-weight: 500;
    font-style: Medium;
    font-size: 40px;
    line-height: 46px;
    letter-spacing: 0%;
    color: var(--white);
}

.purpose-bottom__txt {
    max-width: 859px;
    color: var(--white);
    opacity: 64%;
    font-family: "Stetica";
    font-weight: 400;
    font-style: Regular;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0%;
    vertical-align: bottom;
}

.purpose-bottom__material {
    display: flex;
    flex-direction: column;
    row-gap: 40px;
}

.purpose-bottom__material-els {
    display: flex;
    flex-direction: row;
    column-gap: 21px;
}

.purpose-bottom__material-el {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: rgba(255, 255, 255, 0.04);
    padding: 32px;
    height: 560px;
}

.purpose-bottom__material-title {
    font-family: "Stetica";
    font-weight: 500;
    font-style: Medium;
    font-size: 40px;
    line-height: 46px;
    letter-spacing: 0%;
    color: var(--white);
}

.purpose-bottom__material--el-title {
    font-family: "Stetica";
    font-weight: 500;
    font-style: Medium;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 0%;
    color: var(--white);
    max-width: 355px;
}

.malfunction {
    display: flex;
    flex-direction: column;
    padding: 160px 48px 0 48px;
    row-gap: 80px;
}

.malfunction__title {
    font-family: "Stetica";
    font-weight: 500;
    font-style: Medium;
    font-size: 72px;
    line-height: 100%;
    letter-spacing: 0%;
    color: var(--black-text);
}

.malfunction__els {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 32px;
    border-bottom: 0.5px solid #D4D4D4;
    padding-bottom: 40px;
}

.malfunction__el {
    padding-right: 20px;
    display: flex;
    flex-direction: column;
    border-right: 1px solid #616161;
    row-gap: 24px;
}

.malfunction__el svg {
    width: 64px;
    height: 64px;
}

.malfunction__el-title {
        font-family: "Stetica";
    font-weight: 500;
    font-style: Medium;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 0%;
    color: var(--black-text);
    margin-top: 16px;
}

.malfunction__el-txt {
    font-family: "Stetica";
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0%;
    vertical-align: bottom;
    color: var(--black-text);
    opacity: 64%;
}

.dark-malf {
    font-family: "Stetica";
    font-weight: 500;
    font-style: Medium;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 0%;
    margin-top: 16px;
    color: var(--white);
}

.dark-txt {
    font-family: "Stetica";
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0%;
    vertical-align: bottom;
    color: var(--white);
    opacity: 64%;
}

.about-company__why-we-garant {
    margin-bottom: 0px;
}

.about-company__why-we-reason-txt {
    margin-top: auto;
}

.about-company__why-we-reason svg {
    width: 104px;
    min-height: 104px;
}

.malfunction__top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.malfunction__title {
    color: var(--white);
}

.malfunction__top-txt {
    max-width: 595px;
    font-family: "Stetica";
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0%;
    vertical-align: bottom;
    color: var(--white);
}

@media (min-width: 1440px) and (max-width: 1919px) {
.purpose {
    row-gap: 120px;
    padding: 120px 48px;
}

.purpose-top {
    flex-direction: row;
    width: 100%;
}

.purpose-top img {
    width: 50%;
}

.purpose-line {
    height: 640px;
    width: 0px;
    border: 1px solid #616161;
}

.purpose-info {
    row-gap: 48px;
    max-width: 100%;
    margin-left: 40px;
}

.purpose-title {
    font-size: 60px;
    line-height: 100%;
}

.purpose-txt {
    font-size: 24px;
    line-height: 32px;
}

.purpose-bottom {
    row-gap: 60px;
}

.purpose-bottom__types,
.purpose-bottom__class {
    width: 100%;
}

.purpose-bottom__tytle {
    font-size: 40px;
    line-height: 46px;
}

.purpose-bottom__txt {
    max-width: 859px;
    font-size: 24px;
    line-height: 32px;
}

.purpose-bottom__material {
    row-gap: 40px;
}

.purpose-bottom__material-els {
    column-gap: 21px;
}

.purpose-bottom__material-el {
    padding: 20px;
    height: 400px;
    width: 300px;
}

.purpose-bottom__material-title {
    font-size: 36px;
    line-height: 44px;
}

.purpose-bottom__material-img {
    width: 100%;
    height: 300px;
    object-fit: contain;
}

.purpose-bottom__material--el-title {
    font-size: 24px;
    line-height: 32px;
    max-width: 355px;
}

.malfunction {
    padding: 180px 48px 0 48px;
    row-gap: 60px;
}

.malfunction__title {
    font-size: 64px;
    line-height: 100%;
}

.malfunction__els {
    grid-template-columns: repeat(4, 1fr);
    column-gap: 20px;
    padding-bottom: 40px;
}

.malfunction__el {
    padding-right: 16px;
    row-gap: 20px;
}

.malfunction__el svg {
    width: 56px;
    height: 56px;
}

.malfunction__el-title, .dark-malf {
    font-size: 26px;
    line-height: 30px;
    margin-top: 16px;
}

.malfunction__el-txt, .dark-txt {
    font-size: 22px;
    line-height: 30px;
}

.about-company__why-we-garant {
    margin-bottom: 0px;
}

.about-company__why-we-reason-txt {
    margin-top: auto;
}

.about-company__why-we-reason svg {
    width: 104px;
    min-height: 104px;
}

.malfunction__top {
    width: 100%;
}

.malfunction__top-txt {
    max-width: 595px;
    font-size: 24px;
    line-height: 32px;
}

}

@media (min-width: 1024px) and (max-width: 1439px) {
.purpose {
    row-gap: 80px;
    padding: 80px 36px;
}

.purpose-top {
    flex-direction: column-reverse;
    width: 100%;
}

.purpose-top img {
    display: none;
}

.purpose-line {
    height: 0px;
    width: 100%;
    margin-top: 50px;
    border: 1px solid #616161;
}

.purpose-info {
    row-gap: 48px;
    max-width: 100%;
    margin-left: 40px;
}

.purpose-title {
    font-size: 60px;
    line-height: 100%;
}

.purpose-txt {
    font-size: 24px;
    line-height: 32px;
}

.purpose-bottom {
    row-gap: 60px;
}

.purpose-bottom__types,
.purpose-bottom__class {
    width: 100%;
}

.purpose-bottom__tytle {
    font-size: 32px;
    line-height: 40px;
}


.purpose-bottom__txt {
    max-width: 70%;
    font-size: 24px;
    line-height: 32px;
}

.purpose-bottom__class {
    flex-direction: column;
    row-gap: 40px;
    width: 100%;
}

.purpose-bottom__material {
    row-gap: 40px;
}

.purpose-bottom__material-els {
    column-gap: 21px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.purpose-bottom__material-el {
    padding: 20px;
    height: 400px;
    width: auto;
}

.purpose-bottom__material-title {
    font-size: 36px;
    line-height: 44px;
}

.purpose-bottom__material-img {
    width: 100%;
    height: 300px;
    object-fit: contain;
}

.purpose-bottom__material--el-title {
    font-size: 24px;
    line-height: 32px;
    max-width: 355px;
}

.malfunction {
    padding: 120px 48px 0 48px;
    row-gap: 60px;
}

.malfunction__title {
    font-size: 64px;
    line-height: 100%;
}

.malfunction__els {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 0px;
    column-gap: 0px;
    padding-bottom: 40px;
}

.malfunction__el {
    padding: 20px;
    row-gap: 20px;
}

.malfunction__el:nth-child(1),.malfunction__el:nth-child(2) {
    border-bottom: 1px solid #616161;
    padding-bottom: 20px;
}

.malfunction__el:nth-child(4),.malfunction__el:nth-child(2) {
    border-right: none;
}

.malfunction__el svg {
    width: 56px;
    height: 56px;
}

.malfunction__el-title, .dark-malf {
    font-size: 26px;
    line-height: 30px;
    margin-top: 16px;
}

.malfunction__el-txt, .dark-txt {
    font-size: 22px;
    line-height: 30px;
}

.about-company__why-we-garant {
    margin-bottom: 0px;
}

.about-company__why-we-reason-txt {
    margin-top: auto;
}

.about-company__why-we-reason svg {
    width: 104px;
    min-height: 104px;
}

.malfunction__top {
    width: 100%;
}

.malfunction__top-txt {
    max-width: 595px;
    font-size: 24px;
    line-height: 32px;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
.purpose {
    row-gap: 48px;
    padding: 64px 0;
}

.purpose-top {
    flex-direction: column-reverse;
    width: 100%;
    border-bottom: 1px solid #616161;
}

.purpose-top img {
    width: 100%;
}

.purpose-line {
    display: none;
}

.purpose-info {
    row-gap: 24px;
    max-width: 100%;
    margin-left: 0px;
    padding: 0 16px;
}

.purpose-title {
    font-size: 32px;
    line-height: 100%;;
}

.purpose-bottom__types {
    flex-direction: column;
    width: 100%;
    row-gap: 24px;
    padding: 0 16px;
}

.purpose-txt {
    font-size: 18px;
    line-height: 24px;
}

.purpose-bottom {
    row-gap: 40px;
}

.purpose-bottom__types,
.purpose-bottom__class {
    width: 100%;
}

.purpose-bottom__tytle {
    font-size: 32px;
    line-height: 40px;
}


.purpose-bottom__txt {
    max-width: 100%;
    font-size: 18px;
    line-height: 24px;
}

.purpose-bottom__class {
    flex-direction: column;
    padding: 0 16px;
    row-gap: 32px;
    width: 100%;
}

.purpose-bottom__material {
    row-gap: 16px;
}

.purpose-bottom__material-els {
    column-gap: 8px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.purpose-bottom__material-el {
    padding: 16px;
    height: 260px;
    width: auto;
    align-items: center;
}

.purpose-bottom__material-title {
    font-size: 20px;
    line-height: 100%;
}

.purpose-bottom__material-img {
    width: 180px;
    height: 180px;
    object-fit: contain;
}

.purpose-bottom__material--el-title {
    font-size: 18px;
    line-height: 100%;
        margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: 100%;
}

.malfunction {
    padding: 48px 16px 0 16px;
    row-gap: 40px;
}

.malfunction__title {
    font-size: 32px;
    line-height: 100%;
}

.malfunction__els {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 24px;
    column-gap: 0px;
    padding-bottom: 24px;
    border-bottom: none;
}

.malfunction__el {
    padding: 0;
    padding-bottom: 20px;
    row-gap: 20px;
    border-right: none;
    border-bottom: 1px solid #616161;
}


.malfunction__el svg {
    width: 48px;
    height: 48px;
}

.malfunction__el-title, .dark-malf {
    font-size: 28px;
    line-height: 32px;
    margin-top: 16px;
}

.malfunction__el-txt, .dark-txt {
    font-size: 22px;
    line-height: 28px;
}

.about-company__why-we-garant {
    margin-bottom: 0px;
}

.about-company__why-we-reason-txt {
    margin-top: auto;
}

.malfunction__top {
    width: 100%;
}

.malfunction__top-txt {
    max-width: 100%;
    font-size: 24px;
    line-height: 32px;
}
}

@media (min-width: 440px) and (max-width: 767px) {
.purpose {
    row-gap: 48px;
    padding: 64px 0;
}

.purpose-top {
    flex-direction: column-reverse;
    width: 100%;
    border-bottom: 1px solid #616161;
}

.purpose-top img {
    width: 100%;
}

.purpose-line {
    display: none;
}

.purpose-info {
    row-gap: 24px;
    max-width: 100%;
    margin-left: 0px;
    padding: 0 16px;
}

.purpose-title {
    font-size: 32px;
    line-height: 100%;;
}

.purpose-bottom__types {
    flex-direction: column;
    width: 100%;
    row-gap: 24px;
    padding: 0 16px;
}

.purpose-txt {
    font-size: 18px;
    line-height: 24px;
}

.purpose-bottom {
    row-gap: 40px;
}

.purpose-bottom__types,
.purpose-bottom__class {
    width: 100%;
}

.purpose-bottom__tytle {
    font-size: 32px;
    line-height: 40px;
}


.purpose-bottom__txt {
    max-width: 100%;
    font-size: 18px;
    line-height: 24px;
}

.purpose-bottom__class {
    flex-direction: column;
    padding: 0 16px;
    row-gap: 32px;
    width: 100%;
}

.purpose-bottom__material {
    row-gap: 16px;
}

.purpose-bottom__material-els {
    column-gap: 8px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.purpose-bottom__material-el {
    padding: 16px;
    height: 260px;
    width: auto;
    align-items: center;
}

.purpose-bottom__material-title {
    font-size: 20px;
    line-height: 100%;
}

.purpose-bottom__material-img {
    width: 180px;
    height: 180px;
    object-fit: contain;
}

.purpose-bottom__material--el-title {
    font-size: 18px;
    line-height: 100%;
        margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: 100%;
}

.malfunction {
    padding: 48px 16px 0 16px;
    row-gap: 40px;
}

.malfunction__title {
    font-size: 32px;
    line-height: 100%;
}

.malfunction__els {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 24px;
    column-gap: 0px;
    padding-bottom: 24px;
    border-bottom: none;
}

.malfunction__el {
    padding: 0;
    padding-bottom: 20px;
    row-gap: 20px;
    border-right: none;
    border-bottom: 1px solid #616161;
}


.malfunction__el svg {
    width: 48px;
    height: 48px;
}

.malfunction__el-title, .dark-malf {
    font-size: 24px;
    line-height: 28px;
    margin-top: 16px;
}

.malfunction__el-txt, .dark-txt {
    font-size: 18px;
    line-height: 24px;
}

.about-company__why-we-garant {
    margin-bottom: 0px;
}

.about-company__why-we-reason-txt {
    margin-top: auto;
}

.malfunction__top {
    width: 100%;
}

.malfunction__top-txt {
    max-width: 100%;
    font-size: 24px;
    line-height: 32px;
}
}

@media (max-width: 439px) {
.purpose {
    row-gap: 48px;
    padding: 64px 0;
}

.purpose-top {
    flex-direction: column-reverse;
    width: 100%;
    border-bottom: 1px solid #616161;
}

.purpose-top img {
    width: 100%;
}

.purpose-line {
    display: none;
}

.purpose-info {
    row-gap: 24px;
    max-width: 100%;
    margin-left: 0px;
    padding: 0 16px;
}

.purpose-title {
    font-size: 32px;
    line-height: 100%;;
}

.purpose-bottom__types {
    flex-direction: column;
    width: 100%;
    row-gap: 24px;
    padding: 0 16px;
}

.purpose-txt {
    font-size: 18px;
    line-height: 24px;
}

.purpose-bottom {
    row-gap: 40px;
}

.purpose-bottom__types,
.purpose-bottom__class {
    width: 100%;
}

.purpose-bottom__tytle {
    font-size: 32px;
    line-height: 40px;
}


.purpose-bottom__txt {
    max-width: 100%;
    font-size: 18px;
    line-height: 24px;
}

.purpose-bottom__class {
    flex-direction: column;
    padding: 0 16px;
    row-gap: 32px;
    width: 100%;
}

.purpose-bottom__material {
    row-gap: 16px;
}

.purpose-bottom__material-els {
    column-gap: 8px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.purpose-bottom__material-el {
    padding: 16px;
    height: 220px;
    width: auto;
}

.purpose-bottom__material-title {
    font-size: 20px;
    line-height: 100%;
}

.purpose-bottom__material-img {
    width: 140px;
    height: 140px;
    object-fit: contain;
}

.purpose-bottom__material--el-title {
    font-size: 14px;
    line-height: 100%;
        margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: 100%;
}

.malfunction {
    padding: 48px 16px 0 16px;
    row-gap: 40px;
}

.malfunction__title {
    font-size: 32px;
    line-height: 100%;
}

.malfunction__els {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 24px;
    column-gap: 0px;
    padding-bottom: 24px;
    border-bottom: none;
}

.malfunction__el {
    padding: 0;
    padding-bottom: 20px;
    row-gap: 20px;
    border-right: none;
    border-bottom: 1px solid #616161;
}


.malfunction__el svg {
    width: 48px;
    height: 48px;
}

.malfunction__el-title, .dark-malf {
    font-size: 24px;
    line-height: 28px;
    margin-top: 16px;
}

.malfunction__el-txt, .dark-txt {
    font-size: 18px;
    line-height: 24px;
}
.footer-container__form-text {
    font-size: 18px;
    line-height: 24px;
}

.about-company__why-we-garant {
    margin-bottom: 0px;
}

.about-company__why-we-reason-txt {
    margin-top: auto;
}

.malfunction__top {
    width: 100%;
}

.malfunction__top-txt {
    max-width: 100%;
    font-size: 24px;
    line-height: 32px;
}
}

.about-company__why-we {
  display: flex;
  flex-direction: column;
  row-gap: 64px;
  padding-top: 150px;
}

.about-company__why-we-title {
  font-family: "Stetica";
  font-weight: 500;
  font-style: Medium;
  font-size: 72px;
  line-height: 72px;
  letter-spacing: 0%;
  color: var(--black-text);
  margin-left: 48px;
  max-width: 1118px;
}

.about-company__why-we-reasons {
  display: flex;
  flex-direction: row;
    margin: auto;
    align-items: center;
}

.about-company__why-we-reason {
  width: 25%;
  height: 560px;
  display: flex;
  flex-direction: column;
  padding: 48px 48px 64px 48px;
  border: 1px solid var(--strokeonwhite);
  position: relative;
}

.about-company__why-we-reason-title {
  font-family: "Stetica";
  font-weight: 500;
  font-style: Medium;
  font-size: 40px;
  line-height: 46px;
  letter-spacing: 0%;
  margin-top: 56px;
}

.about-company__why-we-reason-title-sm {
  font-family: "Stetica";
  font-weight: 500;
  font-style: Medium;
  font-size: 32px;
  line-height: 32px;
  letter-spacing: 0%;
  margin-top: 56px;
}

.grid-adapt {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
}

.grid-el {
  width: auto !important;
}

.about-company__why-we-reason-txt {
  font-family: "Stetica";
  font-weight: 500;
  font-style: Medium;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -1%;
  color: var(--black-text);
  opacity: 72%;
  margin-top: auto;
}

.about-company__why-we-reason-txt-sm {
  font-family: "Stetica";
  font-weight: 500;
  font-style: Medium;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -1%;
  color: var(--black-text);
  opacity: 72%;
  margin-top: auto;
}

.about-company__why-we-reason-number {
  position: absolute;
  top: 48px;
  right: 48px;
  font-family: "Stetica";
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0%;
  text-align: right;
  color: var(--black-text);
}

.about-company__why-we-reason-icon {
  width: 104px;
  height: 104px;
}


.about-company__garant-scroll {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
}

.about-company__garant-scroll {
  display: flex;
  overflow-x: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.about-company__garant-scroll::-webkit-scrollbar {
  display: none;
}

.about-company__garant-scroll {
  display: flex;
  flex-direction: row;
  column-gap: 24px;
}

.about-company__garant {
  margin-top: 160px;
  display: flex;
  flex-direction: row;
  column-gap: 160px;
  margin-left: 48px;
}

.about-company__garant-func {
  display: flex;
  flex-direction: column;
  min-width: 726px;
  height: 545px;
}

.about-company__garant-title {
  font-family: "Stetica";
  font-weight: 500;
  font-style: Medium;
  font-size: 72px;
  line-height: 72px;
  letter-spacing: 0%;
  color: var(--black-text);
}

.about-company__garant-txt {
  margin-top: 48px;
  font-family: "Stetica";
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0%;
  max-width: 515px;
  color: var(--black-text);
}

.about-company__garant-buttons {
  display: flex;
  flex-direction: row;
  margin-top: auto;
  column-gap: 8px;
}

.about-company__garant-button {
  background: none;
  border: none;
  cursor: pointer;
}

.about-company__sertificat {
  width: 412px;
  position: relative;
  height: 545px;
  padding: 24px 31px;
  border: 1px solid var(--strokeonwhite);
}

.sert svg {
  position: absolute;
  bottom: 10px;
  right: 15px;
}

.lb-close {
  position: absolute;
  top: -30px;
  margin-left: 355px;
}

.last_el {
  margin-right: 48px;
}

.about-company__comand {
  display: flex;
  flex-direction: column;
  margin-top: 64px;
  row-gap: 64px;
  padding: 0px 48px;
}

.about-company__comand-top {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.about-company__comand-title {
  max-width: 1320px;
  font-family: "Stetica";
  font-weight: 500;
  font-style: Medium;
  font-size: 72px;
  line-height: 72px;
  letter-spacing: 0%;
  color: var(--black-text);
}

.about-company__comand-link {
  display: flex;
  flex-direction: row;
  column-gap: 18px;
  align-items: center;
}

.about-company__comand-link-txt {
  font-family: "Stetica";
  font-weight: 500;
  font-style: Medium;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0%;
  text-transform: uppercase;
  color: var(--black-text);
}

.about-company__comand-content {
  display: flex;
  flex-direction: column;
  row-gap: 48px;
}

.about-company__comand-main-line {
  width: 100%;
  height: 0px;
  border: 1px solid var(--strokeonwhite);
}

.about-company__comand-block {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.about-company__comand-info {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  max-width: 729px;
}

.about-company__comand-pretitle {
  font-family: "Stetica";
  font-weight: 500;
  font-style: Medium;
  font-size: 40px;
  line-height: 46px;
  letter-spacing: 0%;
  color: var(--black-text);
}

.about-company__comand-txt {
  font-family: "Stetica";
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0%;
  color: var(--black-text);
}

.about-company__comand-line {
  left: 50%;
  right: 50%;
  height: 464px;
  width: 0px;
  border: 1px solid var(--strokeonwhite);
}

.sert-slider-mob {
  display: none !important;
}

@media (min-width: 1440px) and (max-width: 1919px) {
  .grid-el {
    padding: 36px;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .about-company__why-we-reason {
    padding: 24px;
    height: 400px;
  }

  .about-company__why-we-reason-number {
    top: 16px;
    right: 26px;
  }

  .about-company__why-we-reason-icon {
  width: 64px;
  height: 64px;
}

  .about-company__why-we-reason-title {
    font-size: 34px;
  }

  .about-company__why-we-reason-txt {
    font-size: 22px;
  }

  .about-company__garant-title {
    font-size: 40px;
  }

  .about-company__garant-txt {
    margin-top: 20px;
  }

  .about-company__garant {
    column-gap: 20px;
  }

  .about-company__why-we-reasons {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .about-company__why-we-reason {
    width: auto !important;
  }

  .about-company__garant-buttons {
    column-gap: 20px;
    flex-direction: column;
    position: relative;
    row-gap: 40px;
  }

  .about-company__garant-buttons {
    display: flex !important;
    flex-direction: row;
    margin-top: auto;
    column-gap: 8px;
    position: absolute;
    right: 0;
    top: 0;
    height: 545px;
  }

  .about-company__garant-func {
    display: flex;
    flex-direction: column;
    min-width: 726px;
  }

  .about-company__garant {
    column-gap: 20px;
    flex-direction: column;
    position: relative;
    row-gap: 40px;
  }

  .about-company__garant-buttons {
    height: auto;
    display: flex;
    flex-direction: row;
    margin-top: auto;
    column-gap: 8px;
    position: absolute;
    right: 36px;
    top: 16px;
  }

    .about-company__garant-func {
      height: auto;
    display: flex;
    flex-direction: column;
    min-width: 726px;
  }

}

@media (min-width: 768px) and (max-width: 1023px) {
  .about-company__why-we-reasons {
    display: flex !important;
    flex-direction: column;
  }

  .about-company__why-we-reason-title {
    font-size: 36px;
  }

  .about-company__why-we-reason-txt {
    font-size: 26px;
    line-height: 30px;
  }

  .about-company__why-we-reason {
    width: 100%;
    height: 500px;
  }

  .about-company__garant-scroll {
    display: none;
  }

  .about-company__garant {
    margin-top: 30px;
    margin-left: 24px;
  }

  .about-company__garant-title {
    font-size: 40px;
  }

  .about-company__garant-txt {
    margin-top: 20px;
    max-width: 100%;
    padding-right: 26px;
  }

  .about-company__garant {
    column-gap: 20px;
  }

  .about-company__garant-buttons {
    display: none;
  }

  .sert-slider-mob {
    display: block !important;
  }

  .about-company__sertificat {
    margin: 0px 10px;
  }

  .about-company__garant-func {
    height: auto;
  }

  .sert-slider-mob {
    margin-top: 20px;
  }

  .about-company__why-we-garant {
    margin-bottom: 40px;
  }
}

@media (min-width: 440px) and (max-width: 767px) {
  .about-company__why-we-reasons {
    display: flex !important;
    flex-direction: column;
  }
  .about-company__why-we-reason-title {
    font-size: 32px;
  }

  .about-company__why-we-reason-txt {
    font-size: 22px;
    line-height: 28px;
  }
  .about-company__why-we-reason {
    width: 100%;
    height: 500px;
  }

  .about-company__why-we-reasons {
    flex-direction: column;
  }

  .about-company__why-we-reason {
    width: 100%;
  }

  .about-company__garant-scroll {
    display: none;
  }

  .about-company__garant {
    margin-top: 30px;
    margin-left: 24px;
  }

  .about-company__garant-title {
    font-size: 40px;
  }

  .about-company__garant-txt {
    margin-top: 20px;
        max-width: 100%;
    padding-right: 16px;
  }

  .about-company__garant {
    column-gap: 20px;
  }

  .about-company__garant-buttons {
    display: none;
  }

  .sert-slider-mob {
    display: block !important;
  }

  .about-company__sertificat {
    margin: 0px 10px;
  }

  .about-company__garant-func {
    height: auto;
  }

  .sert-slider-mob {
    margin-top: 20px;
    margin-left: 20px;
  }

  .about-company__why-we-garant {
    margin-bottom: 40px;
  }

  .about-company__garant-func {
    width: 100%;
    min-width: 1px;
  }

  .about-company__garant-title {
    line-height: 40px;
  }
}

@media (max-width: 439px) {
  .about-company__why-we-reasons {
    display: flex !important;
    flex-direction: column;
  }

  .about-company__why-we-reason {
    width: 100%;
    padding: 24px;
  }

  .about-company__why-we-reasons {
    flex-direction: column;
  }

  .about-company__why-we-reason-title {
    font-size: 32px;
  }

  .about-company__why-we-reason-txt {
    font-size: 22px !important;
    line-height: 28px !important;
  }
  .about-company__why-we-reason {
    width: 100%;
    height: 500px;
  }

  .about-company__garant-scroll {
    display: none;
  }

  .about-company__garant {
    margin-top: 30px;
    margin-left: 24px;
  }

  .about-company__garant-title {
    font-size: 40px;
  }

  .about-company__garant-txt {
    margin-top: 20px;
    line-height: 24px;
  }

  .about-company__garant {
    column-gap: 20px;
  }

  .about-company__garant-buttons {
    display: none;
  }

  .sert-slider-mob {
    display: block !important;
  }

  .about-company__sertificat {
    margin: 0px 10px;
  }

  .about-company__garant-func {
    height: auto;
  }

  .sert-slider-mob {
    margin-top: 20px;
    margin-left: 12px;
  }

  .about-company__why-we-garant {
    margin-bottom: 40px;
  }


  .about-company__garant-func {
    width: 100%;
    min-width: 1px;
  }

  .about-company__garant-title {
    line-height: 40px;
  }

  .about-company__garant-txt {
    font-size: 16px;
  }
}
.about-company__why-we-reason {
    width: 33.34%;
}

.replace {
    display: flex;
    flex-direction: column;
    background-color: var(--black-text);
    width: 100%;
    height: auto;
    padding: 80px 0px 160px 0px;
}

.when-replace {
    display: flex;
    flex-direction: column;
}

.when-replace__top {
    display: flex;
    flex-direction: row;
    width: calc(100% - 96px);
    justify-content: space-between;
    margin: 0px 48px;
    position: relative;
}

.when-replace__info {
    display: flex;
    flex-direction: column;
    row-gap: 48px;
    max-width: 842px;
}

.when-replace__title {
    font-family: "Stetica";
    font-weight: 500;
    font-size: 72px;
    line-height: 72px;
    letter-spacing: 0%;
    color: var(--white);
}

.when-replace__txt {
    font-family: "Stetica";
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0%;
    vertical-align: bottom;
    color: var(--white);
    opacity: 64%;
}

.when-replace__img {
    position: absolute;
    width: calc(50% + 48px);
    border-radius: 50% 50% 100% 100%;
    z-index: 2;
    right: -48px;
    top: -100px;
    clip-path: inset(0 0 40% 0);
}

.when-replace__bottom {
    display: flex;
    flex-direction: row;
    margin-top: 232px;
}

.when-replace__bottom-el {
    width: 50%;
    display: flex;
    flex-direction: column;
    grid-row: 24px;
    padding: 32px 0px 32px 48px;
    border: 1px solid var(--strokeonblack);
    background-color: var(--black-text);
    margin-top: -218px;
    z-index: 1000;
}

.when-replace__bottom-el-info {
    font-family: "Stetica";
    font-weight: 400;
    font-size: 120px;
    line-height: 120px;
    letter-spacing: 0%;
    color: var(--white);
}

.when-replace__bottom-el-category {
    font-family: "Stetica";
    font-weight: 500;
    font-style: Medium;
    font-size: 40px;
    line-height: 46px;
    letter-spacing: 0%;
    color: var(--white);
    opacity: 0.5;
}

video {
    margin: 120px 48px;
    height: auto;
}

.consultation {
    border-bottom: 1px solid var(--strokeonblack);
}

.intro-title {
    max-width: 868px;
}

.intro-text {
    max-width: 707px;
}

.whatis {
    margin-top: 0px;
    flex-shrink: 0;
}

.when-replace__img-adapt {
    display: none;
}

  .sert-slider-mob {
    display: none;
  }



@media (min-width: 1440px) and (max-width: 1919px) {
    .when-replace__img {
        position: absolute;
        width: calc(50% + 48px);
        border-radius: 50% 50% 100% 100%;
        z-index: 2;
        right: -48px;
        top: 0px;
        clip-path: inset(0 0 40% 0);
        opacity: 0.3;
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .intro-img {
        top: -100px;
        bottom: auto;
    }

    .about-company__why-we-reasons {
        display: flex;
        flex-direction: row;
    }

    .when-replace__img {
        position: absolute;
        width: calc(50% + 48px);
        border-radius: 50% 50% 100% 100%;
        z-index: 2;
        right: -48px;
        top: 0px;
        clip-path: inset(0 0 40% 0);
        opacity: 0.3;
    }

    .when-replace__title,
    .about-company__why-we-title,
    .replace-swiper_title,
    .consultation__title {
        font-size: 52px;
        line-height: 100%;
    }

    .replace-swiper {
        margin-top: 60px;
        row-gap: 40px;
    }

    .replace-slider-el {
        min-width: 350px;
    }

      .grid-adapt {
      display: grid;
  grid-template-columns: repeat(2, 1fr);
  }

  .grid-el {
    width: auto;
  }

  .replace {
    padding-bottom: 0px;
  }

  .about-company__why-we-reason svg {
    min-width: 64px;
    min-height: 64px;
        max-width: 64px;
    max-height: 64px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .about-company__why-we-reason {
        width: 100%;
    }

      .about-company__garant {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
  }

  .about-company__why-we-reasons {
    display: flex !important;
    flex-direction: column;
  }

  .sert-slider-mob {
    display: block;
  }

    .when-replace__title,
    .about-company__why-we-title,
    .replace-swiper_title,
    .consultation__title  {
        font-size: 52px;
        line-height: 100%;
    }

    .replace-swiper {
        margin-top: 40px;
        row-gap: 40px;
        padding-left: 24px;
    }

    .replace-slider-el {
        min-width: 350px;
    }

    .when-replace__img-adapt {
        display: block;
        width: 50%;
        margin: 30px auto 30px auto;
    }

    .when-replace__img {
        position: absolute;
        clip-path: inset(0 0 0% 0);
        left: auto;
        right: auto;
        width: 450px;
        left: calc(50% - 225px);
        top: 480px;
        display: none;
    }

    .when-replace__bottom {
        margin-bottom: 0px
    }

    .when-replace__bottom-el-info {
        font-size: 100px;
    }

    .when-replace__txt {
        font-size: 20px;
        line-height: 100%;
    }

    .when-replace__top {
        flex-direction: column;
    }

    .replace-swiper {
        margin-top: 0px;
    }

    .replace-video {
        margin-bottom: 0px;
        height: 400px;
    }
}

@media (min-width: 440px) and (max-width: 767px) {
    .about-company__why-we-reason {
        width: 100%;
        padding: 24px;
        height: 400px;
    }

    .replace {
        padding-bottom: 30px;
    }
    
    .replace-slider-el {
        min-width: 350px;
    }

        .replace-video {
        margin-bottom: 0px;
        margin-top: 20px;
        height: 300px;
    }

        .replace-swiper {
        margin-top: 40px;
        row-gap: 40px;
        padding-left: 24px;
    }


    .when-replace__img {
        position: absolute;
        clip-path: inset(0 0 0% 0);
        left: auto;
        right: auto;
        width: 450px;
        left: calc(50% - 225px);
        top: 480px;
        display: none;
    }

    .when-replace__img-adapt {
        display: block;
        width: 50%;
        margin: -50px auto 30px auto;
    }

    .when-replace__title,
    .about-company__why-we-title,
    .replace-swiper_title,
    .consultation__title  {
        font-size: 36px;
        line-height: 100%;
    }

    .about-company__why-we-title {
        margin-left: 16px;
    }

    .about-company__why-we-reason svg {
        width: 104px;
        height: 104px;
    }

    .about-company__why-we-reason-number {
        top: 32px;
    }

    .when-replace__bottom {
        margin-bottom: 0px;
        height: 10px;
    }

    .when-replace__bottom-el-info {
        font-size: 100px;
    }

    .replace-swiper {
        margin-top: 0px;
    }

    .when-replace__txt {
        font-size: 20px;
        line-height: 100%;
    }

    .when-replace__top {
        flex-direction: column;
        margin: 0px 24px;
    }

    .when-replace__info {
        row-gap: 24px;
    }

    .when-replace__bottom-el-info {
        font-size: 50px;
        height: 80px;
    }

    .when-replace__bottom-el-category {
    font-family: "Stetica";
    font-weight: 500;
    font-style: Medium;
    font-size: 20px;
}

    .when-replace__bottom-el {
        padding: 16px 0px 16px 16px;
        height: 160px;
    }

       .about-company__why-we {
        row-gap: 20px;
    }

      .sert-slider-mob {
    display: block;
  }

        .about-company__garant {
        column-gap: 20px;
        flex-direction: column;
        row-gap: 20px;
    }
}

@media (max-width: 439px) {
    .about-company__why-we-reason {
        width: 100%;
        padding: 24px !important;
        height: 400px !important;
    }

            .about-company__garant {
        column-gap: 20px;
        flex-direction: column;
        row-gap: 20px;
    }
    
      .sert-slider-mob {
    display: block;
  }


    .about-company__why-we-reason svg {
        width: 64px;
        height: 64px;
    }

    .about-company__why-we-reason-number {
        top: 24px;
    }
        .when-replace__bottom {
        margin-bottom: 0px;
        height: 10px;
    }

        .replace {
        padding-bottom: 30px;
    }

        .about-company__why-we-title {
        margin-left: 16px;
    }

    .about-company__why-we {
        row-gap: 20px;
    }
    
        .replace-video {
            margin: 20px 8px 0px 8px;
        height: 300px;
    }

    .when-replace__bottom-el-info {
        font-size: 100px;
    }

    .replace-swiper {
        margin-top: 0px;
    }

    .when-replace__txt {
        font-size: 20px;
        line-height: 100%;
    }

    .when-replace__top {
        flex-direction: column;
        margin: 0px 24px;
    }

    .when-replace__info {
        row-gap: 24px;
    }

    .when-replace__bottom-el-info {
        font-size: 50px;
        height: 80px;
    }

    .when-replace__bottom-el-category {
    font-family: "Stetica";
    font-weight: 500;
    font-style: Medium;
    font-size: 20px;
}

    .when-replace__bottom-el {
        padding: 16px 0px 16px 16px;
        height: 160px;
    }

    .when-replace__img {
        display: none;
    }

    .when-replace__title,
    .about-company__why-we-title,
    .replace-swiper_title,
    .consultation__title  {
        font-size: 32px;
        line-height: 100%;
    }

    .when-replace__img-adapt {
        display: block;
        width: 70%;
        margin: -50px auto 30px auto;
    }

    .replace-swiper {
        margin-top: 0px;
        padding-left: 16px;
        row-gap: 20px;
    }

    .replace-slider-el  {
        min-width: 350px;
    }
	.calc-progress {
		display: inline-block !important;
	}
	.form-row-modern {
		display: block !important;
}
}
span.malfunction__el-title.white-txt,p.malfunction__el-txt.white-txt {
    color: var(--white);
}
.dark-footer {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 160px;
    background: var(--black-text);
    padding-top: 100px;
}

.dark-footer__slider {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 64px;
    padding: 0 48px;
}

.dark-footer__slider-head {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.dark-footer__slider-title {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 72px;
    line-height: 72px;
    color: var(--white);
}

.dark-footer__slider-arrows {
    display: flex;
    flex-direction: row;
    column-gap: 8px;
}

.dark-footer__slider-arrows-btn {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: none;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.dark-footer__slider-arrows-btn-icon {
    width: 32px;
    height: 32px;
}

.revslider {
    width: 592px;
    height: 396px;
    display: flex !important;
    flex-direction: column;
    row-gap: 16px;
    padding-right: 24px;
    margin: 0 12px;
    border-right: 1px solid #616161
}

.revslider-row {
    display: flex;
    flex-direction: row;
    column-gap: 12px;
    align-items: center;
}

.revslider-row-icon {
    width: 24px;
    height: 24px;
}

.revslider-row-date {
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: var(--white);
}

.revslider-title {
    margin-top: 24px;
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 28px;
    line-height: 32px;
    color: var(--white);
}

.revslider-text {
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: var(--white);
}

.revslider-bottom {
    margin-top: auto;
    display: flex;
    align-items: center;
    flex-direction: row;
    column-gap: 20px;
}

.revslider-bottom-circle {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #FFFFFF14;
}

.revslider-bottom-circle-text {
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 56px;
    line-height: 56px;
    color: var(--white);
}

.revslider-bottom-name {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    color: var(--white);
}

.servslider {
    width: 592px;
    /*height: 680px !important;*/
    display: flex;
    flex-direction: column;
    margin: 0 12px 0 0;
}

.servslider__img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.servslider__info {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    padding: 24px;
    background: #FFFFFF0A;
	height: 430px;
    margin-bottom: 50px;
}

.servslider__info-title {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 28px;
    line-height: 32px;
    color: var(--white);
}

.servslider__info-row {
    display: flex;
    flex-direction: row;
    column-gap: 16px;
    align-items: start;
}

.servslider__info-row-icon {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
}

.servslider__info-row-text {
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: var(--white);
    opacity: 0.64;
}

.servslider__info-bottom {
    margin-top: auto;
    display: flex;
    flex-direction: row;
    column-gap: 8px;
    cursor: pointer;
    align-items: center;
}

.servslider__info-bottom-link {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: var(--white);
}

.servslider__info-bottom-icon {
    width: 32px;
    height: 32px;
}

.faq {
    width: 100%;
    display: flex;
    align-items: start;
    flex-direction: row;
    justify-content: space-between;
    padding: 180px 48px 150px;
}

.faq__title {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 72px;
    line-height: 72px;
    color: var(--white);
}

.faq__container {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

.faq__container-item {
    width: 902px;
    display: flex;
    flex-direction: column;
    row-gap: 40px;
    padding: 32px 0;
    border-bottom: 1px solid #616161;
}

.faq__container-item-question {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    cursor: pointer;
}

.faq__container-item-question-title {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 28px;
    line-height: 32px;
    color: var(--white);
    user-select: none
}

.faq__container-item-question-mark {
    width: 32px;
    height: 32px;
}

.faq__container-item-question-mark--active {
    display: none;
    width: 32px;
    height: 32px;
}

.faq__container-item-answer {
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: var(--white);
    user-select: none;

    max-height: 0;
    overflow: hidden;
    opacity: 0;

    transition: max-height 0.4s ease, opacity 0.3s ease;
}

.faq__container-item.active .faq__container-item-question-mark {
    display: none;
}

.faq__container-item.active .faq__container-item-question-mark--active {
    display: block;
}

.faq__container-item.active .faq__container-item-answer {
    max-height: 500px; 
    opacity: 1;
}

@media (min-width: 1440px) and (max-width: 1919px) {
.dark-footer {
    row-gap: 120px;
    padding-top: 80px;
}

.dark-footer__slider {
    row-gap: 64px;
    padding: 180px 48px 30px;
}

.dark-footer__slider-head {
    justify-content: space-between;
}

.dark-footer__slider-title {
    font-size: 64px;
    line-height: 100%;
}

.dark-footer__slider-arrows {
    column-gap: 8px;
}

.dark-footer__slider-arrows-btn {
    width: 64px;
    height: 64px;
}

.dark-footer__slider-arrows-btn-icon {
    width: 32px;
    height: 32px;
}

.revslider {
    display: flex !important;
    width: 592px;
    height: auto;
    row-gap: 16px;
    padding-right: 24px;
    margin: 0 12px;
}

.revslider-row {
    column-gap: 12px;
}

.revslider-row-icon {
    width: 24px;
    height: 24px;
}

.revslider-row-date {
    font-size: 16px;
    line-height: 20px;
}

.revslider-title {
    margin-top: 16px;
    font-size: 26px;
    line-height: 30px;
}

.revslider-text {
    font-size: 16px;
    line-height: 22px;
}

.revslider-bottom {
    margin-top: auto;
    column-gap: 20px;
}

.revslider-bottom-circle {
    width: 70px;
    height: 70px;
}

.revslider-bottom-circle-text {
    font-size: 46px;
    line-height: 46px;
}

.revslider-bottom-name {
    font-size: 20px;
    line-height: 32px;
}

.servslider {
    display: flex !important;
    width: 592px;
    height: auto !important;
    margin: 0 12px 0 0;
	overflow: hidden;
}

.servslider__img {
    height: 300px;
}

.servslider__info {
    row-gap: 24px;
    padding: 24px;
	height: 530px;
}

.servslider__info-title {
    font-size: 24px;
    line-height: 30px;
}

.servslider__info-row {
    column-gap: 16px;
    align-items: start;
}

.servslider__info-row-icon {
    width: 26px;
    height: 26px;
}

.servslider__info-row-text {
    font-size: 22px;
    line-height: 30px;
}

.servslider__info-bottom {
    margin-top: auto;
    column-gap: 8px;
}

.servslider__info-bottom-link {
    font-size: 18px;
    line-height: 24px;
}

.servslider__info-bottom-icon {
    width: 32px;
    height: 32px;
}

.faq {
    width: 100%;
    padding: 180px 48px 30px;
}

.faq__title {
    font-size: 64px;
    line-height: 100%;
}

.faq__container {
    row-gap: 16px;
}

.faq__container-item {
    width: 700px;
    row-gap: 40px;
    padding: 32px 0;
}

.faq__container-item-question {
    width: 100%;
}

.faq__container-item-question-title {
    font-size: 28px;
    line-height: 32px;
}

.faq__container-item-question-mark {
    width: 32px;
    height: 32px;
}

.faq__container-item-question-mark--active {
    width: 32px;
    height: 32px;
}

.faq__container-item-answer {
    font-size: 24px;
    line-height: 32px;
}
}

@media (min-width: 1024px) and (max-width: 1439px) {
.dark-footer {
    row-gap: 80px;
    padding-top: 80px;
}

.dark-footer__slider {
    row-gap: 56px;
    padding: 180px 36px 60px;
}

.dark-footer__slider-head {
    justify-content: space-between;
}

.dark-footer__slider-title {
    font-size: 54px;
    line-height: 100%;
}

.dark-footer__slider-arrows {
    column-gap: 8px;
}

.dark-footer__slider-arrows-btn {
    width: 52px;
    height: 52px;
}

.dark-footer__slider-arrows-btn-icon {
    width: 32px;
    height: 32px;
}

.revslider {
    display: flex !important;
    width: 592px;
    height: auto;
    row-gap: 16px;
    padding-right: 24px;
    margin: 0 12px;
}

.revslider-row {
    column-gap: 12px;
}

.revslider-row-icon {
    width: 24px;
    height: 24px;
}

.revslider-row-date {
    font-size: 16px;
    line-height: 20px;
}

.revslider-title {
    margin-top: 16px;
    font-size: 26px;
    line-height: 30px;
}

.revslider-text {
    font-size: 16px;
    line-height: 22px;
}

.revslider-bottom {
    margin-top: auto;
    column-gap: 20px;
}

.revslider-bottom-circle {
    width: 70px;
    height: 70px;
}

.revslider-bottom-circle-text {
    font-size: 46px;
    line-height: 46px;
}

.revslider-bottom-name {
    font-size: 20px;
    line-height: 32px;
}

.servslider {
    display: flex !important;
    width: 592px;
    height: auto !important;
    margin: 0 12px 0 0;
}

.servslider__img {
    height: 300px;
}

.servslider__info {
    row-gap: 24px;
    padding: 24px;
	min-height: 460px;
}

.servslider__info-title {
    font-size: 24px;
    line-height: 30px;
}

.servslider__info-row {
    column-gap: 16px;
    align-items: start;
}

.servslider__info-row-icon {
    width: 26px;
    height: 26px;
}

.servslider__info-row-text {
    font-size: 22px;
    line-height: 30px;
}

.servslider__info-bottom {
    margin-top: auto;
    column-gap: 8px;
}

.servslider__info-bottom-link {
    font-size: 18px;
    line-height: 24px;
}

.servslider__info-bottom-icon {
    width: 32px;
    height: 32px;
}

.faq {
    width: 100%;
    padding: 150px 36px 60px;
}

.faq__title {
    font-size: 54px;
    line-height: 100%;
}

.faq__container {
    row-gap: 16px;
}

.faq__container-item {
    width: 600px;
    row-gap: 30px;
    padding: 32px 0;
}

.faq__container-item-question {
    width: 100%;
}

.faq__container-item-question-title {
    font-size: 26px;
    line-height: 30px;
}

.faq__container-item-question-mark {
    width: 30px;
    height: 30px;
}

.faq__container-item-question-mark--active {
    width: 30px;
    height: 30px;
}

.faq__container-item-answer {
    font-size: 22px;
    line-height: 30px;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
.dark-footer {
    row-gap: 60px;
    padding-top: 60px;
}

.dark-footer__slider {
    row-gap: 46px;
    padding: 0 26px;
}

.dark-footer__slider-head {
    justify-content: space-between;
}

.dark-footer__slider-title {
    font-size: 46px;
    line-height: 100%;
}

.dark-footer__slider-arrows {
    column-gap: 8px;
}

.dark-footer__slider-arrows-btn {
    width: 46px;
    height: 46px;
}

.dark-footer__slider-arrows-btn-icon {
    width: 28px;
    height: 28px;
}

.revslider {
    display: flex !important;
    width: auto;
    height: auto;
    row-gap: 16px;
    padding-right: 12px;
    margin: 0 12px;
}

.revslider-row {
    column-gap: 12px;
}

.revslider-row-icon {
    width: 24px;
    height: 24px;
}

.revslider-row-date {
    font-size: 16px;
    line-height: 20px;
}

.revslider-title {
    margin-top: 10px;
    font-size: 22px;
    line-height: 26px;
}

.revslider-text {
    font-size: 16px;
    line-height: 22px;
}

.revslider-bottom {
    margin-top: auto;
    column-gap: 10px;
}

.revslider-bottom-circle {
    width: 50px;
    height: 50px;
}

.revslider-bottom-circle-text {
    font-size: 32px;
    line-height: 38px;
}

.revslider-bottom-name {
    font-size: 18px;
    line-height: 28px;
}

.servslider {
    display: flex !important;
    width: auto;
    height: auto !important;
    margin: 0 12px 0 0;
}

.servslider__img {
    height: 200px;
}

.servslider__info {
    row-gap: 20px;
    padding: 16px;
}

.servslider__info-title {
    font-size: 22px;
    line-height: 28px;
}

.servslider__info-row {
    column-gap: 10px;
    align-items: start;
}

.servslider__info-row-icon {
    width: 20px;
    height: 20px;
}

.servslider__info-row-text {
    margin-top: -5px;
    font-size: 18px;
    line-height: 26px;
}

.servslider__info-bottom {
    margin-top: auto;
    column-gap: 4px;
    align-items: center;
}

.servslider__info-bottom-link {
    font-size: 16px;
    line-height: 22px;
    margin-top: 3px;
}

.servslider__info-bottom-icon {
    width: 28px;
    height: 28px;
}

.faq {
    width: 100%;
    padding: 0 36px;
    row-gap: 30px;
    flex-direction: column;
}

.faq__title {
    font-size: 46px;
    line-height: 100%;
}

.faq__container {
    row-gap: 16px;
    width: 100%;
}

.faq__container-item {
    width: 100%;
    row-gap: 30px;
    padding: 32px 0;
}

.faq__container-item-question {
    width: 100%;
}

.faq__container-item-question-title {
    font-size: 26px;
    line-height: 30px;
}

.faq__container-item-question-mark {
    width: 30px;
    height: 30px;
}

.faq__container-item-question-mark--active {
    width: 30px;
    height: 30px;
}

.faq__container-item-answer {
    font-size: 22px;
    line-height: 30px;
}
}

@media (min-width: 440px) and (max-width: 767px) {
.dark-footer {
    row-gap: 48px;
    padding-top: 48px;
}

.dark-footer__slider {
    row-gap: 40px;
    padding: 0 16px;
    position: relative;
}

.dark-footer__slider-head {
    justify-content: space-between;
}

.dark-footer__slider-title {
    font-size: 32px;
    line-height: 100%;
}

.dark-footer__slider-arrows {
    column-gap: 0px;
    position: absolute;
    right: 8px;
    top: 55%;
    transform: translateY(-50%);
    z-index: 10;
}

.dark-footer__slider-arrows-btn {
    width: 40px;
    height: 40px;
}

#servsliderPrev, #revsliderPrev {
    display: none !important;
}

.dark-footer__slider-arrows-btn-icon {
    width: 24px;
    height: 24px;
}

.revslider {
    display: flex !important;
    width: auto;
    height: auto;
    row-gap: 16px;
    padding-right: 0px;
    margin: 0 0px;
    border-right: none;
    border-bottom: 1px solid #616161;
    padding-bottom: 32px;
}

.revslider-row {
    column-gap: 12px;
}

.revslider-row-icon {
    width: 24px;
    height: 24px;
}

.revslider-row-date {
    font-size: 16px;
    line-height: 24px;
}

.revslider-title {
    margin-top: 8px;
    font-size: 24px;
    line-height: 28px;
}

.revslider-text {
    font-size: 16px;
    line-height: 24px;
}

.revslider-bottom {
    margin-top: auto;
    column-gap: 20px;
}

.revslider-bottom-circle {
    width: 56px;
    height: 56px;
}

.revslider-bottom-circle-text {
    font-size: 32px;
    line-height: 56px;
}

.revslider-bottom-name {
    font-size: 16px;
    line-height: 20px;
}

.servslider {
    display: flex !important;
    width: auto;
    height: auto !important;
    margin: 0 0px 0 0;
}

.servslider__img {
    height: 200px;
}

.servslider__info {
    row-gap: 16px;
    padding: 16px;
}

.servslider__info-title {
    font-size: 20px;
    line-height: 24px;
}

.servslider__info-row {
    column-gap: 12px;
    align-items: start;
}

.servslider__info-row-icon {
    width: 20px;
    height: 20px;
}

.servslider__info-row-text {
    margin-top: -5px;
    font-size: 14px;
    line-height: 16px;
}

.servslider__info-bottom {
    margin-top: auto;
    column-gap: 2px;
    align-items: center;
}

.servslider__info-bottom-link {
    font-size: 14px;
    line-height: 24px;
    margin-top: 3px;
}

.servslider__info-bottom-icon {
    width: 24px;
    height: 24px;
}

.faq {
    width: 100%;
    padding: 0 16px;
    row-gap: 32px;
    flex-direction: column;
}

.faq__title {
    font-size: 32px;
    line-height: 100%;
}

.faq__container {
    row-gap: 16px;
    width: 100%;
}

.faq__container-item {
    width: 100%;
    row-gap: 12px;
    padding: 16px 0;
}

.faq__container-item-question {
    width: 100%;
}

.faq__container-item-question-title {
    font-size: 16px;
    line-height: 20px;
}

.faq__container-item-question-mark {
    width: 16px;
    height: 16px;
}

.faq__container-item-question-mark--active {
    width: 16px;
    height: 16px;
}

.faq__container-item-answer {
    font-size: 16px;
    line-height: 20px;
}
}

@media (max-width: 439px) {
.dark-footer {
    row-gap: 48px;
    padding-top: 48px;
}

.dark-footer__slider {
    row-gap: 40px;
    padding: 40px 16px !important;
    position: relative;
}

.dark-footer__slider-head {
    justify-content: space-between;
}

.dark-footer__slider-title {
    font-size: 32px;
    line-height: 100%;
}

.dark-footer__slider-arrows {
    column-gap: 0px;
    position: absolute;
    right: 8px;
    top: 55%;
    transform: translateY(-50%);
    z-index: 10;
}

.dark-footer__slider-arrows-btn {
    width: 40px;
    height: 40px;
}

#servsliderPrev, #revsliderPrev {
    display: none !important;
}

.dark-footer__slider-arrows-btn-icon {
    width: 24px;
    height: 24px;
}

.revslider {
    display: flex !important;
    width: auto;
    height: auto;
    row-gap: 16px;
    padding-right: 0px;
    margin: 0 0px;
    border-right: none;
    border-bottom: 1px solid #616161;
    padding-bottom: 32px;
}

.revslider-row {
    column-gap: 12px;
}

.revslider-row-icon {
    width: 24px;
    height: 24px;
}

.revslider-row-date {
    font-size: 16px;
    line-height: 24px;
}

.revslider-title {
    margin-top: 8px;
    font-size: 24px;
    line-height: 28px;
}

.revslider-text {
    font-size: 16px;
    line-height: 24px;
}

.revslider-bottom {
    margin-top: auto;
    column-gap: 20px;
}

.revslider-bottom-circle {
    width: 56px;
    height: 56px;
}

.revslider-bottom-circle-text {
    font-size: 32px;
    line-height: 56px;
}

.revslider-bottom-name {
    font-size: 16px;
    line-height: 20px;
}

.servslider {
    display: flex !important;
    width: auto;
    height: auto !important;
    margin: 0 0px 0 0;
}

.servslider__img {
    height: 200px;
}

.servslider__info {
    row-gap: 16px;
    padding: 16px;
	min-height: 270px;
}

.servslider__info-title {
    font-size: 20px;
    line-height: 24px;
}

.servslider__info-row {
    column-gap: 12px;
    align-items: start;
}

.servslider__info-row-icon {
    width: 20px;
    height: 20px;
}

.servslider__info-row-text {
    margin-top: -5px;
    font-size: 14px;
    line-height: 16px;
}

.servslider__info-bottom {
    margin-top: auto;
    column-gap: 2px;
    align-items: center;
}

.servslider__info-bottom-link {
    font-size: 14px;
    line-height: 24px;
    margin-top: 3px;
}

.servslider__info-bottom-icon {
    width: 24px;
    height: 24px;
}

.faq {
    width: 100%;
    padding: 45px 16px 45px;
    row-gap: 32px;
    flex-direction: column;
	margin: 0;
}

.faq__title {
    font-size: 32px;
    line-height: 100%;
}

.faq__container {
    row-gap: 16px;
    width: 100%;
}

.faq__container-item {
    width: 100%;
    row-gap: 12px;
    padding: 16px 0;
}

.faq__container-item-question {
    width: 100%;
}

.faq__container-item-question-title {
    font-size: 16px;
    line-height: 20px;
}

.faq__container-item-question-mark {
    width: 16px;
    height: 16px;
}

.faq__container-item-question-mark--active {
    width: 16px;
    height: 16px;
}

.faq__container-item-answer {
    font-size: 16px;
    line-height: 20px;
}
}
.scheme {
    width: 100%;
    position: relative;
    padding: 160px 48px 0 48px;
}

.scheme-slider-item {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.scheme-col {
    display: flex;
    flex-direction: column;
    row-gap: 36px;
    max-width: 471px;
}

.scheme-col-text {
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: var(--black-text);
    opacity: 0.64;
}

.scheme-col-title {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 56px;
    line-height: 100%;
    color: var(--black-text);
}

.scheme-col-numbers {
    margin-top: 337px;
    display: flex;
    flex-direction: row;
    column-gap: 16px;
    align-items: end;
}

.scheme-col-numbers-num {
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 240px;
    line-height: 100%;
    color: var(--black-text);
}

.scheme-col-numbers-count {
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
    color: var(--black-text);
    margin-bottom: 30px;
}

.scheme-img {
    width: 640px;
    height: 640px;
    border-radius: 50%;
    object-fit: cover;
}

.scheme-nav-info {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    margin-top: auto;
    max-width: 486px;

}

.scheme-nav-info-title {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 28px;
    line-height: 32px;
    color: var(--black-text);
}

.scheme-nav-info-title.akpp {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 28px;
    line-height: 32px;
    color: #fff;
}

.scheme-nav-info-text {
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: var(--black-text);
}

.scheme-nav-buttons {
    position: absolute;
    display: flex;
    flex-direction: row;
    column-gap: 8px;
    align-items: center;
    right: 398px;
    top: 50%;
    transform: translateY(30%);
}

.scheme-nav-buttons-button {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--blue);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.scheme-nav-buttons-button-arrow {
    width: 32px;
    height: 32px;
}

@media (min-width: 1440px) and (max-width: 1919px) {
.scheme {
    padding: 80px 48px 0 48px;
}

.scheme-slider-item {
    justify-content: space-between;
}

.scheme-col {
    row-gap: 36px;
    max-width: 420px;
    flex-shrink: 0;
}

.scheme-col-text {
    font-size: 24px;
    line-height: 32px;
}

.scheme-col-title {
    font-size: 48px;
    line-height: 100%;
}

.scheme-col-numbers {
    margin-top: 300px;
    column-gap: 16px;
}

.scheme-col-numbers-num {
    font-size: 220px;
    line-height: 100%;
}

.scheme-col-numbers-count {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 30px;
}

.scheme-img {
    width: 540px;
    height: 540px;
}

.scheme-nav-info {
    row-gap: 24px;
    max-width: 30%;
    margin-bottom: 150px;
}

.scheme-nav-info-title {
    font-size: 26px;
    line-height: 30px;
}

.scheme-nav-info-text {
    font-size: 22px;
    line-height: 30px;
}

.scheme-nav-buttons {
    column-gap: 8px;
    right: 100px;
    top: 50%;
    transform: translateY(30%);
}

.scheme-nav-buttons-button {
    width: 64px;
    height: 64px;
}

.scheme-nav-buttons-button-arrow {
    width: 32px;
    height: 32px;
}
}

@media (min-width: 1024px) and (max-width: 1439px) {
.scheme {
    padding: 180px 36px 0 36px;
}

.scheme-slider-item {
    justify-content: space-between;
    flex-direction: column;
    row-gap: 40px;
}

.scheme-col {
    flex-direction: row;
    justify-content: space-between;
    align-items: start;
    max-width: 100%;
}

.scheme-col-text {
    display: none;
    font-size: 24px;
    line-height: 32px;
}

.scheme-col-title {
    font-size: 52px;
    line-height: 100%;
    max-width: 50%;
}

.scheme-col-numbers {
    margin-top: 0;
    align-items: start;
    column-gap: 16px;
}

.scheme-col-numbers-num {
    font-size: 90px;
    line-height: 100%;
}

.scheme-col-numbers-count {
    font-size: 90px;
    line-height: 100%;
    margin-bottom: 0px;
}

.scheme-img {
    width: 100%;
    height: 450px;
    border-radius: 0;
}

.scheme-nav-info {
    row-gap: 16px;
    max-width: 70%;
    margin-right: auto;
    margin-bottom: 0px;
}

.scheme-nav-info-title {
    font-size: 32px;
    line-height: 38px;
}

.scheme-nav-info-text {
    font-size: 24px;
    line-height: 30px;
}

.scheme-nav-buttons {
    column-gap: 8px;
    right: 36px;
    bottom: 0;
    top: auto;
    transform: none;
}

.scheme-nav-buttons-button {
    width: 64px;
    height: 64px;
}

.scheme-nav-buttons-button-arrow {
    width: 32px;
    height: 32px;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
.scheme {
    padding: 48px 26px;
    border-bottom: 1px solid #D4D4D4;
}

.scheme-slider-item {
    justify-content: space-between;
    flex-direction: column;
    row-gap: 20px;
    position: relative;
}

.scheme-col {
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    max-width: 100%;
    margin-right: auto;
    row-gap: 12px;
}

.scheme-col-text {
    font-size: 22px;
    line-height: 26px;
}

.scheme-col-title {
    font-size: 42px;
    line-height: 100%;
    max-width: 100%;
}

.scheme-col-numbers {
    column-gap: 5px;
    margin-top: 0; 
    position: absolute;
    bottom: 440px;
    left: 50%;
    transform: translateX(-50%);
}

.scheme-col-numbers-num, .scheme-col-numbers-count {
    font-size: 26px;
    line-height: 26px;
    margin-bottom: 0;
}

.scheme-img {
    width: 100%;
    margin-top: 80px;
    height: 400px;
    order: 3;
    border-radius: 0;
}

.scheme-nav-info {
    row-gap: 16px;
    order: 2;
    max-width: 100%;
    margin-right: auto;
    margin-bottom: 0px;
}

.scheme-nav-info-title {
    font-size: 28px;
    line-height: 32px;
}

.scheme-nav-info-text {
    font-size: 22px;
    line-height: 28px;
}

.scheme-nav-buttons {
    column-gap: 8px;
    right: 0px;
    padding: 0 16px;
    bottom: 475px;
    top: auto;
    transform: none;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.scheme-nav-buttons-button {
    width: 52px;
    height: 52px;
}

.scheme-nav-buttons-button-arrow {
    width: 32px;
    height: 32px;
}
}

@media (min-width: 440px) and (max-width: 767px) {
.scheme {
    padding: 48px 16px;
    border-bottom: 1px solid #D4D4D4;
}

.scheme-slider-item {
    justify-content: space-between;
    flex-direction: column;
    row-gap: 20px;
    position: relative;
}

.scheme-col {
    flex-direction: column;
    justify-content: space-between;
    margin-right: auto;
    align-items: start;
    max-width: 100%;
    row-gap: 12px;
}

.scheme-col-text {
    font-size: 18px;
    line-height: 24px;
}

.scheme-col-title {
    font-size: 32px;
    line-height: 100%;
    max-width: 100%;
}

.scheme-col-numbers {
    column-gap: 5px;
    margin-top: 0; 
    position: absolute;
    top: 108px;
    left: 50%;
    transform: translateX(-50%);
}

.scheme-col-numbers-num, .scheme-col-numbers-count {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0;
}

.scheme-img {
    width: 100%;
    margin-top: 80px;
    height: 250px;
    order: 3;
    border-radius: 0;
}

.scheme-nav-info {
    row-gap: 16px;
    order: 2;
    max-width: 100%;
    margin-right: auto;
    margin-bottom: 0px;
}

.scheme-nav-info-title {
    font-size: 24px;
    line-height: 28px;
}

.scheme-nav-info-text {
    font-size: 18px;
    line-height: 24px;
}

.scheme-nav-buttons {
    column-gap: 8px;
    right: 0px;
    padding: 0 16px;
    /*bottom: 330px;*/
    top: 145px;
    transform: none;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.scheme-nav-buttons-button {
    width: 40px;
    height: 40px;
}

.scheme-nav-buttons-button-arrow {
    width: 24px;
    height: 24px;
}
}

@media (max-width: 439px) {
.scheme {
    padding: 48px 16px;
    border-bottom: 1px solid #D4D4D4;
}

.scheme-slider-item {
    justify-content: space-between;
    flex-direction: column;
    row-gap: 20px;
    position: relative;
}

.scheme-col {
    margin-right: auto;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    max-width: 100%;
    row-gap: 12px;
}

.scheme-col-text {
    font-size: 18px;
    line-height: 24px;
}

.scheme-col-title {
    font-size: 32px;
    line-height: 100%;
    max-width: 100%;
}

.scheme-col-numbers {
    column-gap: 5px;
    margin-top: 0; 
    position: absolute;
    bottom: 326px;
    left: 50%;
    transform: translateX(-50%);
}

.scheme-col-numbers-num, .scheme-col-numbers-count {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0;
}

.scheme-img {
    width: 100%;
    /*margin-top: 80px;*/
    height: 250px;
    order: 3;
    border-radius: 0;
}

.scheme-nav-info {
    row-gap: 16px;
    order: 2;
    max-width: 100%;
    margin-right: auto;
    margin-bottom: 0px;
	height: 245px;
}

.scheme-nav-info-title {
    font-size: 24px;
    line-height: 28px;
}

.scheme-nav-info-text {
    font-size: 18px;
    line-height: 24px;
}

.scheme-nav-buttons {
    column-gap: 8px;
    right: 0px;
    padding: 0 16px;
    bottom: 380px;
    top: auto;
    transform: none;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.scheme-nav-buttons-button {
    width: 40px;
    height: 40px;
}

.scheme-nav-buttons-button-arrow {
    width: 24px;
    height: 24px;
}
}
.cost {
  display: flex;
  flex-direction: column;
  row-gap: 64px;
  margin-top: 160px;
  padding: 0px 48px;
  margin-bottom: 120px;
}

.cost-top {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.cost-title {
  font-family: "Stetica";
  font-weight: 500;
  font-style: Medium;
  font-size: 72px;
  line-height: 72px;
  letter-spacing: 0%;
  color: var(--black-text);
}

.cost-link {
  display: flex;
  flex-direction: row;
  column-gap: 12px;
  align-items: center;
  cursor: pointer;
}

.cost-link__txt {
  font-family: "Stetica";
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0%;
  text-align: center;
  text-transform: uppercase;
  color: var(--black-text);
}

.price-card {
  display: flex;
  width: 100%;
  flex-direction: column;
}

.price-card-content {
  height: 80px;
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}


.price-card-line {
  width: 100%;
  height: 0px;
  border: 0.5px solid var(--strokeonwhite);
}

.price-card-service {
  font-family: "Stetica";
  font-weight: 400;
  font-style: Regular;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0%;
  color: var(--black);
}

.price-card-price {
  font-family: "Stetica";
  font-weight: 500;
  font-style: Medium;
  font-size: 28px;
  line-height: 32px;
  letter-spacing: 0%;
  text-align: right;
  color: var(--black);
}

@media (min-width: 1440px) and (max-width: 1919px) {
.cost {
  row-gap: 48px;
  margin-top: 120px;
  padding: 0px 48px;
  margin-bottom: 120px;
}

.cost-top {
  width: 100%;
}

.cost-title {
  font-size: 64px;
  line-height: 100%;
}

.cost-link {
  column-gap: 12px;
}

.cost-link__txt {
  font-size: 16px;
  line-height: 16px;
}

.price-card {
  width: 100%;
}

.price-card-content {
  height: 80px;
  width: 100%;
}


.price-card-line {
  width: 100%;
  height: 0px;
  border: 0.5px solid var(--strokeonwhite);
}

.price-card-service {
  font-size: 24px;
  line-height: 32px;
}

.price-card-price {
  font-size: 28px;
  line-height: 32px;
}
}

@media (min-width: 1024px) and (max-width: 1439px) {
.cost {
  row-gap: 36px;
  margin-top: 80px;
  padding: 0px 36px;
  margin-bottom: 80px;
}

.cost-top {
  width: 100%;
}

.cost-title {
  font-size: 48px;
  line-height: 100%;
}

.cost-link {
  column-gap: 12px;
}

.cost-link__txt {
  font-size: 16px;
  line-height: 16px;
}

.price-card {
  width: 100%;
}

.price-card-content {
  height: 70px;
  width: 100%;
}


.price-card-line {
  width: 100%;
  height: 0px;
  border: 0.5px solid var(--strokeonwhite);
}

.price-card-service {
  font-size: 22px;
  line-height: 30px;
}

.price-card-price {
  font-size: 26px;
  line-height: 30px;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
.cost {  
  row-gap: 32px;
  margin-top: 48px;
  padding: 0px 26px;
  margin-bottom: 48px;
}

.cost-top {
  width: 100%;
  flex-direction: column;
  row-gap: 32px;
}

.cost-title {
  font-size: 46px;
  line-height: 100%;
}

.cost-link {
  column-gap: 12px;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: var(--blue);
  border-radius: 12px;
  height: 58px;
}

.cost-link__txt {
  font-size: 20px;
  line-height: 24px;
  color: var(--white);
}

.cost-link svg {
  width: 30px;
  height: 30px;
}

.cost-link svg rect {
  fill: white;
}

.cost-link svg g path {
  stroke: var(--blue);
}


.price-card {
  width: 100%;
}

.price-card-content {
  height: auto !important;
  width: 100% !important;
  padding: 20px 0 !important;
  flex-direction: row !important;
  justify-content: space-between;
  row-gap: 20px;
  align-items: start !important;
}


.price-card-line {
  width: 100%;
  height: 0px;
  border: 0.5px solid var(--strokeonwhite);
}

.price-card-service {
  font-size: 22px !important;
  line-height: 24px !important;
}

.price-card-price {
  flex-shrink: 0;
  font-size: 26px !important;
  line-height: 28px !important;
}
}

@media (min-width: 440px) and (max-width: 767px) {
.cost {  row-gap: 24px;
  margin-top: 48px;
  padding: 0px 16px;
  margin-bottom: 48px;
}

.cost-top {
  width: 100%;
  flex-direction: column;
  row-gap: 24px;
}

.cost-title {
  font-size: 32px;
  line-height: 100%;
}

.cost-link {
  column-gap: 12px;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: var(--blue);
  border-radius: 12px;
  height: 48px;
}

.cost-link__txt {
  font-size: 16px;
  line-height: 24px;
  color: var(--white);
}

.cost-link svg {
  width: 26px;
  height: 26px;
}

.cost-link svg rect {
  fill: white;
}

.cost-link svg g path {
  stroke: var(--blue);
}


.price-card {
  width: 100%;
}

.price-card-content {
  height: auto !important;
  width: 100% !important;
  padding: 20px 0 !important;
  flex-direction: column !important;
  row-gap: 20px !important;
  align-items: start !important;
}


.price-card-line {
  width: 100%;
  height: 0px;
  border: 0.5px solid var(--strokeonwhite);
}

.price-card-service {
  font-size: 20px !important;
  line-height: 24px !important;
}

.price-card-price {
  font-size: 26px !important;
  line-height: 28px !important;
}
}

@media (max-width: 439px) {
.cost {
  row-gap: 24px;
  margin-top: 48px;
  padding: 0px 16px;
  margin-bottom: 48px;
}

.cost-top {
  width: 100%;
  flex-direction: column;
  row-gap: 24px;
}

.cost-title {
  font-size: 32px;
  line-height: 100%;
}

.cost-link {
  column-gap: 12px;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: var(--blue);
  border-radius: 12px;
  height: 48px;
}

.cost-link__txt {
  font-size: 16px;
  line-height: 24px;
  color: var(--white);
}

.cost-link svg {
  width: 26px;
  height: 26px;
}

.cost-link svg rect {
  fill: white;
}

.cost-link svg g path {
  stroke: var(--blue);
}


.price-card {
  width: 100%;
}

.price-card-content {
  height: auto !important;
  width: 100%;
  padding: 20px 0 !important;
  flex-direction: column !important;
  row-gap: 20px !important;
  align-items: start !important;
}


.price-card-line {
  width: 100%;
  height: 0px;
  border: 0.5px solid var(--strokeonwhite);
}

.price-card-service {
  font-size: 18px !important;
  line-height: 24px !important;
}

.price-card-price {
  font-size: 24px !important;
  line-height: 28px !important;
}
}
.warranty {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 80px;
    align-items: start;
    padding: 64px 48px;
    background: var(--blue);
    border-top: 1px solid #5181C9
}

.warranty-title {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 56px;
    line-height: 100%;
    color: var(--white);
    max-width: 886px;
}

.warranty-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 48px;
}

.warranty-row__item {
    display: flex;
    flex-direction: column;
    align-items: start;
    row-gap: 16px;
    border-right: 1px solid #5181C9;
}

.warranty-row__item-icon {
    width: 48px;
    height: 48px;
}

.warranty-row__item-title {
    margin-top: 32px;
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 40px;
    line-height: 46px;
    color: var(--white);
}

.warranty-row__item-text {
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: var(--white);
    opacity: 0.64;
}

@media (min-width: 1440px) and (max-width: 1919px) {
.warranty {
    row-gap: 70px;
    padding: 64px 48px;
}

.warranty-title {
    font-size: 56px;
    line-height: 100%;
    max-width: 886px;
}

.warranty-row {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 40px;
}

.warranty-row__item {
    row-gap: 16px;
}

.warranty-row__item-icon {
    width: 48px;
    height: 48px;
}

.warranty-row__item-title {
    margin-top: 32px;
    font-size: 40px;
    line-height: 46px;
}

.warranty-row__item-text {
    font-size: 22px;
    line-height: 32px;
}

.about-company__why-we-reason {
    height: 700px;
    padding: 24px;
}

.about-company__why-we-reason-title {
    font-size: 30px;
    line-height: 100%;
}
}

@media (min-width: 1024px) and (max-width: 1439px) {
.warranty {
    row-gap: 60px;
    padding: 48px 36px;
}

.warranty-title {
    font-size: 46px;
    line-height: 100%;
    max-width: 100%;
}

.warranty-row {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 30px;
}

.warranty-row__item {
    row-gap: 10px;
}

.warranty-row__item-icon {
    width: 36px;
    height: 36px;
}

.warranty-row__item-title {
    margin-top: 10px;
    font-size: 30px;
    line-height: 36px;
}

.warranty-row__item-text {
    font-size: 20px;
    line-height: 28px;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
.warranty {
    row-gap: 40px;
    padding: 48px 26px;
}

.warranty-title {
    font-size: 44px;
    line-height: 100%;
    max-width: 100%;
}

.warranty-row {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 24px;
    width: 100%;
}

.warranty-row__item, .warranty-row.true .warranty-row__item {
    row-gap: 16px;
    border-right: none;
    border-bottom: 1px solid #5181C9;
    padding-bottom: 24px;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 30px;
    align-items: center;
}

.warranty-row__item:nth-last-child(1) {
    border-bottom: none;
}

.warranty-row__item-icon {
    width: 48px;
    height: 48px;
    flex: 0 0 auto;
}

.warranty-row__item-title {
    margin-top: 8px;
    font-size: 28px;
    line-height: 32px;
    flex: 1 0 80%;
}

.warranty-row__item-title br {
    display: none;
}

.warranty-row__item-text {
    font-size: 22px;
    line-height: 26px;
}
}

@media (min-width: 440px) and (max-width: 767px) {
.warranty {
    row-gap: 40px;
    padding: 48px 16px;
}

.warranty-title {
    font-size: 32px;
    line-height: 100%;
    max-width: 100%;
}

.warranty-row {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 24px;
    width: 100%;
}

.warranty-row__item, .warranty-row.true .warranty-row__item {
    row-gap: 16px;
    border-right: none;
    border-bottom: 1px solid #5181C9;
    padding-bottom: 24px;
}

.warranty-row__item:nth-last-child(1) {
    border-bottom: none;
}

.warranty-row__item-icon {
    width: 48px;
    height: 48px;
}

.warranty-row__item-title {
    margin-top: 8px;
    font-size: 26px;
    line-height: 28px;
}

.warranty-row__item-text {
    font-size: 20px;
    line-height: 24px;
}
}

@media (max-width: 439px) {
.warranty {
    row-gap: 40px;
    padding: 48px 16px;
}

.warranty-title {
    font-size: 32px;
    line-height: 100%;
    max-width: 100%;
}

.warranty-row {
    grid-template-columns: repeat(1, 1fr) !important;
    row-gap: 24px;
    width: 100%;
}

.warranty__info {
    display: block !important;
}

p.warranty__txt {
    margin-top: 15px;
}

img.key__box-img {
    transition: unset !important;
    transform: unset !important;
}

.warranty-row__item {
    row-gap: 16px;
    border-right: none;
    border-bottom: 1px solid #5181C9;
    padding-bottom: 24px;
}

.warranty-row__item:nth-last-child(1) {
    border-bottom: none;
}

.warranty-row__item-icon {
    width: 48px;
    height: 48px;
}

.warranty-row__item-title {
    margin-top: 8px;
    font-size: 24px;
    line-height: 28px;
}

.warranty-row__item-text {
    font-size: 18px !important;
    line-height: 24px !important;
}
}
.dark-cons {
  background-color: var(--black-text) !important;
  border-bottom: 1px solid #616161;
}

.dark-title {
  color: var(--white) !important;
  max-width: 902px;
}

.dark-txt {
  color: var(--white) !important;
  opacity: 64%;
  max-width: 800px;
}

.dark-inputs input {
  background: none;
}

.dark-inputs input::placeholder {
  color: var(--white) !important;
  opacity: 64%;
}

.dark-inputs input {
  color: var(--white) !important;
}

.dark-pol {
  color: var(--white) !important;
  opacity: 64%;
}

.dark-button-txt {
  color: var(--white) !important;
}
.repair-cases {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    row-gap: 96px;
    padding: 160px 48px 60px;
    background: var(--black-text);
    height: 100vh;
    justify-content: space-evenly;
}

.repair-cases__title {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 72px;
    line-height: 72px;
    color: var(--white);
    max-width: 980px;
}

.repair-cases__container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 37px;
    padding-bottom: 40px;
    border-bottom: 1px solid #616161;
}

.repair-cases__container-item {
    display: flex;
    flex-direction: column;
    align-items: start;
    row-gap: 24px;
    border-right: 1px solid #616161;
    padding-right: 20px;
}

.repair-cases__container-item-icon {
    width: 64px;
    height: 64px;
}

.repair-cases__container-item-title {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 28px;
    line-height: 32px;
    color: var(--white);
}

.repair-cases__container-item-text {
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: var(--white);
    opacity: 0.64;
}

@media (min-width: 1440px) and (max-width: 1919px) {
.repair-cases {
    row-gap: 80px;
    padding: 120px 48px;
}

.repair-cases__title {
    font-size: 64px;
    line-height: 64px;
    max-width: 70%;
}

.repair-cases__container {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 30px;
    padding-bottom: 40px;
}

.repair-cases__container-item {
    row-gap: 24px;
    padding-right: 20px;
}

.repair-cases__container-item-icon {
    width: 64px;
    height: 64px;
}

.repair-cases__container-item-title {
    font-size: 28px;
    line-height: 32px;
}

.repair-cases__container-item-text {
    font-size: 24px;
    line-height: 32px;
}
}

@media (min-width: 1024px) and (max-width: 1439px) {
.repair-cases {
    row-gap: 60px;
    padding: 150px 36px;
}

.repair-cases__title {
    font-size: 52px;
    line-height: 64px;
    max-width: 80%;
}

.repair-cases__container {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 20px;
    padding-bottom: 30px;
}

.repair-cases__container-item {
    row-gap: 20px;
    padding-right: 10px;
}

.repair-cases__container-item-icon {
    width: 48px;
    height: 48px;
}

.repair-cases__container-item-title {
    font-size: 24px;
    line-height: 28px;
}

.repair-cases__container-item-text {
    font-size: 20px;
    line-height: 28px;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
.repair-cases {
    row-gap: 40px;
    padding: 48px 36px 0 36px;
    border-top: 1px solid #616161;
}

.repair-cases__title {
    font-size: 48px;
    line-height: 100%;
    max-width: 100%;
}

.repair-cases__container {
    grid-template-columns: repeat(1, 1fr);
    border-bottom: none;
    row-gap: 24px;
    padding-bottom: 30px;
}

.repair-cases__container-item {
    row-gap: 26px;
    padding-right: 0px;
    border-right: none;
   border-bottom: 1px solid #616161;
   padding-bottom: 24px;
   flex-direction: row;
   flex-wrap: wrap;
   align-items: center;
}

.repair-cases__container-item:nth-last-child(1) {
    border-bottom: none;
}

.repair-cases__container-item-icon {
    width: 48px;
    height: 48px;
    flex: 0 0 auto;
}

.repair-cases__container-item-title {
    font-size: 24px;
    line-height: 28px;
    margin-left: 30px;
    flex: 1 0 80%;
}

.repair-cases__container-item-title br {
    display: none;
}

.repair-cases__container-item-text {
    font-size: 20px;
    line-height: 24px;
    flex-basis: 100%;
}
}

@media (min-width: 440px) and (max-width: 767px) {
.repair-cases {
    row-gap: 40px;
    padding: 48px 16px 0 16px;
    border-top: 1px solid #616161;
}

.repair-cases__title {
    font-size: 32px;
    line-height: 100%;
    max-width: 100%;
}

.repair-cases__container {
    grid-template-columns: repeat(1, 1fr);
    border-bottom: none;
    row-gap: 24px;
    padding-bottom: 30px;
}

.repair-cases__container-item {
    row-gap: 16px;
    padding-right: 0px;
    border-right: none;
   border-bottom: 1px solid #616161;
   padding-bottom: 24px;
}

.repair-cases__container-item:nth-last-child(1) {
    border-bottom: none;
}

.repair-cases__container-item-icon {
    width: 48px;
    height: 48px;
}

.repair-cases__container-item-title {
    font-size: 24px;
    line-height: 28px;
}

.repair-cases__container-item-text {
    font-size: 20px;
    line-height: 24px;
}
}

@media (max-width: 439px) {
.repair-cases {
    row-gap: 40px;
    padding: 48px 16px 0 16px;
    border-top: 1px solid #616161;
}

.repair-cases__title {
    font-size: 32px;
    line-height: 100%;
    max-width: 100%;
}

.repair-cases__container {
    grid-template-columns: repeat(1, 1fr);
    border-bottom: none;
    row-gap: 24px;
    padding-bottom: 30px;
}

.repair-cases__container-item {
    row-gap: 16px;
    padding-right: 0px;
    border-right: none;
   border-bottom: 1px solid #616161;
   padding-bottom: 24px;
}

.repair-cases__container-item:nth-last-child(1) {
    border-bottom: none;
}

.repair-cases__container-item-icon {
    width: 48px;
    height: 48px;
}

.repair-cases__container-item-title {
    font-size: 24px;
    line-height: 28px;
}

.repair-cases__container-item-text {
    font-size: 18px;
    line-height: 24px;
}
}
.markstypes {
    width: 100%;
    padding: 160px 48px;
    display: flex;
    flex-direction: column;
    row-gap: 48px;
    align-items: center;
    background: var(--black-text);
}

.markstypes-title {
    font-family: "Stetica";
    font-weight: 500;
    font-size: 72px;
    line-height: 72px;
    color: var(--white);
    text-align: center;
}

.markstypes-tabs {
    display: flex;
    flex-direction: row;
}

.markstypes-tabs__input {
    display: none;
}

.markstypes-tabs__label {
    text-align: center;
    width: 320px;
    height: 40px;
    border-bottom: 1px solid #616161;
    padding-bottom: 16px;
    font-family: "Stetica";
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: var(--white);
    cursor: pointer;
}

.markstypes-tabs__input:checked + .markstypes-tabs__label {
    border-bottom: 2px solid #FFFFFF;
}

.markstypes-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    width: 100%;
}

.wrapper-tab2 {
    display: none;
}

.markstypes-wrapper__container {
    display: none;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.markstypes-wrapper__container-item {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    background: #FFFFFF14;
    height: 332px;
}

.markstypes-wrapper__container-item-icon {
    width: 100px;
    height: 100px;
}

.markstypes-wrapper__container-item-name {
    position: absolute;
    bottom: 0;
    right: 0;
    background: var(--blue);
    padding: 8px 16px;
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: var(--white);
}

.markstypes-wrapper__button {
    display: flex;
    flex-direction: row;
    cursor: pointer;
    align-items: center;
    column-gap: 18px;
        margin-left: auto;
    margin-right: auto;
    margin-top: 68px;
}

.markstypes-wrapper__button-circle {
    width: 64px;
    height: 64px;
    background: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.markstypes-wrapper__button-circle-icon {
    width: 16px;
    height: 16px;
}

.markstypes-wrapper__button-text {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: var(--white);
}

@media (min-width: 1440px) and (max-width: 1919px) {
.markstypes {
    padding: 180px 48px 60px;
    row-gap: 40px;
}

.markstypes-title {
    font-size: 60px;
    line-height: 100%;
}

.markstypes-tabs__label {
    width: 280px;
    height: 40px;
    padding-bottom: 16px;
    font-size: 18px;
    line-height: 24px;
}

.markstypes-wrapper {
    row-gap: 16px;
    width: 100%;
}

.markstypes-wrapper__container {
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.markstypes-wrapper__container-item {
    height: 300px;
}

.markstypes-wrapper__container-item-icon {
    width: 100px;
    height: 100px;
}

.markstypes-wrapper__container-item-name {
    padding: 8px 16px;
    font-size: 14px;
    line-height: 16px;
}

.markstypes-wrapper__button {
    column-gap: 18px;
    margin-top: 40px;
}

.markstypes-wrapper__button-circle {
    width: 64px;
    height: 64px;
}

.markstypes-wrapper__button-circle-icon {
    width: 16px;
    height: 16px;
}

.markstypes-wrapper__button-text {
    font-size: 18px;
    line-height: 24px;
}
}

@media (min-width: 1024px) and (max-width: 1439px) {
.markstypes {
    padding: 180px 36px 50px;
    row-gap: 40px;
}

.markstypes-title {
    font-size: 52px;
    line-height: 100%;
}

.markstypes-tabs__label {
    width: 260px;
    height: 40px;
    padding-bottom: 14px;
    font-size: 18px;
    line-height: 22px;
}

.markstypes-wrapper {
    row-gap: 16px;
    width: 100%;
}

.markstypes-wrapper__container {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.markstypes-wrapper__container-item {
    height: 300px;
}

.markstypes-wrapper__container-item:nth-last-child(1), .markstypes-wrapper__container-item:nth-last-child(2) {
    display: none;
}

.markstypes-wrapper__container-item-icon {
    width: 100px;
    height: 100px;
}

.markstypes-wrapper__container-item-name {
    padding: 8px 16px;
    font-size: 14px;
    line-height: 16px;
}

.markstypes-wrapper__button {
    column-gap: 18px;
    margin-top: 40px;
}

.markstypes-wrapper__button-circle {
    width: 64px;
    height: 64px;
}

.markstypes-wrapper__button-circle-icon {
    width: 16px;
    height: 16px;
}

.markstypes-wrapper__button-text {
    font-size: 18px;
    line-height: 24px;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
.markstypes {
    padding: 48px 0;
    row-gap: 40px;
}

.markstypes-title {
    font-size: 42px;
    line-height: 100%;
    margin: 0px 26px;
    text-align: center;
}

.markstypes-tabs {
    width: 100%;
    padding: 0 26px;
    margin-top: 20px;
}

.markstypes-tabs__label {
    width: 50%;
    height: 40px;
    padding-bottom: 16px;
    font-size: 18px;
    line-height: 24px;
}

.markstypes-wrapper {
    row-gap: 0;
    width: 100%;
}

.markstypes-wrapper__container {
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
}

.markstypes-wrapper__container-item {
    height: 240px;
    border: 0.5px solid #616161;
}

.markstypes-wrapper__container-item:nth-last-child(1), .markstypes-wrapper__container-item:nth-last-child(2) {
    display: none;
}

.markstypes-wrapper__container-item-icon {
    width: 80px;
    height: 80px;
}

.markstypes-wrapper__container-item-name {
    display: none;
}

.markstypes-wrapper__button {
    align-items: center;
    justify-content: center;
    background: white;
    border-radius: 12px;
    margin: 48px 16px 0 16px;
    height: 56px;
}

.markstypes-wrapper__button-circle {
    display: none;
}

.markstypes-wrapper__button-text {
    font-size: 20px;
    color: var(--black-text);
    line-height: 24px;
}
}

@media (min-width: 440px) and (max-width: 767px) {
.markstypes {
    padding: 48px 0;
    row-gap: 20px;
}

.markstypes-title {
    font-size: 36px;
    line-height: 100%;
    margin: 0px auto 0 16px;
    text-align: left;
}

.markstypes-tabs {
    width: 100%;
    padding: 0 16px;
    margin-top: 20px;
}

.markstypes-tabs__label {
    width: 50%;
    height: 40px;
    padding-bottom: 16px;
    font-size: 16px;
    line-height: 24px;
}

.markstypes-wrapper {
    row-gap: 0;
    width: 100%;
}

.markstypes-wrapper__container {
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
}

.markstypes-wrapper__container-item {
    height: 188px;
    border: 0.5px solid #616161;
}

.markstypes-wrapper__container-item-icon {
    width: 64px;
    height: 64px;
}

.markstypes-wrapper__container-item-name {
    display: none;
}

.markstypes-wrapper__button {
    align-items: center;
    justify-content: center;
    background: white;
    border-radius: 12px;
    margin: 48px 16px 0 16px;
    height: 48px;
}

.markstypes-wrapper__button-circle {
    display: none;
}

.markstypes-wrapper__button-text {
    font-size: 16px;
    color: var(--black-text);
    line-height: 24px;
}
}

@media (max-width: 439px) {
.markstypes {
    padding: 48px 0;
    row-gap: 20px;
}

.markstypes-title {
    font-size: 32px;
    line-height: 100%;
    margin: 0px 16px;
    text-align: left;
}

.markstypes-tabs {
    width: 100%;
    padding: 0 16px;
    margin-top: 20px;
}

.markstypes-tabs__label {
    width: 50%;
    height: 40px;
    padding-bottom: 16px;
    font-size: 16px;
    line-height: 24px;
}

.markstypes-wrapper {
    row-gap: 0;
    width: 100%;
}

.markstypes-wrapper__container {
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
}

.markstypes-wrapper__container-item {
    height: 188px;
    border: 0.5px solid #616161;
}

.markstypes-wrapper__container-item-icon {
    width: 64px;
    height: 64px;
}

.markstypes-wrapper__container-item-name {
    display: none;
}

.markstypes-wrapper__button {
    align-items: center;
    justify-content: center;
    background: white;
    border-radius: 12px;
    margin: 48px 16px 0 16px;
    height: 48px;
}

.markstypes-wrapper__button-circle {
    display: none;
}

.markstypes-wrapper__button-text {
    font-size: 16px;
    color: var(--black-text);
    line-height: 24px;
}
}
.works {
    width: 100%;
    padding: 180px 48px 30px;
    display: flex;
    flex-direction: column;
    row-gap: 64px;
}

.works-head__buttons-counter {
    display: none;
    flex-direction: row;
}

.works-head__buttons-counter--gray {
    opacity: 0.64;
    font-family: "Stetica";
    font-weight: 400;
    margin-left: 4px;
}

.works-head {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.works-head__title {
    font-family: "Stetica";
    font-weight: 500;
    font-style: Medium;
    font-size: 72px;
    line-height: 72px;
    letter-spacing: 0%;
    color: var(--black-text);
}

.works-head__buttons {
    display: flex;
    flex-direction: row;
    column-gap: 8px;
    align-items: center;
}

.works-head__buttons-button {
    width: 64px;
    height: 64px;
    background: var(--blue);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.works-head__buttons-button-icon {
    width: 32px;
    height: 32px;
}

.works-slider__slide {
    width: 902px;
    height: 758px;
    border: 1px solid #D4D4D4;
    position: relative;
    display: flex !important;
    flex-direction: column;
    row-gap: 32px;
    align-items: start;
    margin: 0 10px;
}

.works-slider__slide-change {
    width: 100%;
    /*height: 50%;*/
    position: relative;
    --value: 50%;
}

.works-slider__slide-change-img {
  position: absolute;
  top: 0;
  max-width: none;
  height: 100%;
  object-fit: cover;
}

.works-slider__slide-change-img--before {
  left: 0;
  width: var(--value);
  object-position: left;
}

.works-slider__slide-change-img--after {
  right: 0;
  width: calc(100% - var(--value));
  object-position: right;
}

.slider__range-visible {
   position: absolute;
   top: 0;
   left: var(--value);
   width: 4px;
   height: 100%;
   background-color: var(--white);
   transform: translateX(-50%);
   pointer-events: none;
}

.slider__range-visible::before {
    content: '';
     position: absolute;
     top: 50%;
     left: 50%;
     width: 50px;
     height: 50px;
     background-image: url('/images/elems/change.png');
     background-color: var(--white);
     background-repeat: no-repeat;
     background-position: center;
     background-size: contain;
     border-radius: 50%;
     transform: translate(-50%, -50%);
}

.slider__range-js {
  position: absolute;
  margin: 0;
  cursor: pointer;
  opacity: 0;
  inset: 0;
}

.works-slider__slide-text {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    padding: 0 24px;
}

.works-slider__slide-text-title {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 40px;
    line-height: 46px;
    letter-spacing: 0%;
    color: var(--black-text);
}

.works-slider__slide-text-description {
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0%;
    color: var(--black-text);
}

.works-slider__slide-info {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    align-items: start;
    padding: 0 24px;
}

.works-slider__slide-info-item {
    display: flex;
    flex-direction: row;
    align-items: start;
    column-gap: 15px;
}

.works-slider__slide-info-item-icon {
    width: 24px;
    height: 24px;
}

.works-slider__slide-info-item-col {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}

.works-slider__slide-info-item-col-title {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0%;
    color: var(--black-text);
}

.works-slider__slide-info-item-col-description {
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0%;
    color: var(--black-text);
}

@media (min-width: 1440px) and (max-width: 1919px) {
.works {
    padding: 180px 48px 30px;
    row-gap: 64px;
}

.works-head {
    width: 100%;
}

.works-head__title {
    font-size: 64px;
    line-height: 100%;
}

.works-head__buttons {
    column-gap: 8px;
}

.works-head__buttons-button {
    width: 64px;
    height: 64px;
}

.works-head__buttons-button-icon {
    width: 32px;
    height: 32px;
}

.works-slider__slide {
    width: 902px;
    height: 950px !important;
    row-gap: 32px;
    margin: 0 10px;
}

.works-slider__slide-change {
    width: 100%;
    /*height: 50%;*/
    --value: 50%;
}

.works-slider__slide-change-img {
  height: 100%;
}

.works-slider__slide-change-img--before {
  left: 0;
  width: var(--value);
  object-position: left;
}

.works-slider__slide-change-img--after {
  right: 0;
  width: calc(100% - var(--value));
  object-position: right;
}

.slider__range-visible {
   position: absolute;
   top: 0;
   left: var(--value);
   width: 4px;
   height: 100%;
   background-color: var(--white);
   transform: translateX(-50%);
   pointer-events: none;
}

.slider__range-visible::before {
    content: '';
     position: absolute;
     top: 50%;
     left: 50%;
     width: 50px;
     height: 50px;
     background-image: url('/images/elems/change.png');
     background-color: var(--white);
     background-repeat: no-repeat;
     background-position: center;
     background-size: contain;
     border-radius: 50%;
     transform: translate(-50%, -50%);
}

.slider__range-js {
  position: absolute;
  margin: 0;
  cursor: pointer;
  opacity: 0;
  inset: 0;
}

.works-slider__slide-text {
    row-gap: 24px;
    padding: 0 24px;
}

.works-slider__slide-text-title {
    font-size: 40px;
    line-height: 46px;
}

.works-slider__slide-text-description {
    font-size: 24px;
    line-height: 32px;
}

.works-slider__slide-info {
    row-gap: 16px;
    padding: 0 24px;
}

.works-slider__slide-info-item {
    column-gap: 15px;
}

.works-slider__slide-info-item-icon {
    width: 24px;
    height: 24px;
}

.works-slider__slide-info-item-col {
    row-gap: 8px;
}

.works-slider__slide-info-item-col-title {
    font-size: 18px;
    line-height: 24px;
}

.works-slider__slide-info-item-col-description {
    font-size: 18px;
    line-height: 24px;
}
}

@media (min-width: 1024px) and (max-width: 1439px) {
.works {
    /*padding: 80px 36px;*/
    row-gap: 50px;
}

.works-head {
    width: 100%;
}

.works-head__title {
    font-size: 52px;
    line-height: 100%;
}

.works-head__buttons {
    column-gap: 8px;
}

.works-head__buttons-button {
    width: 56px;
    height: 56px;
}

.works-head__buttons-button-icon {
    width: 32px;
    height: 32px;
}

.works-slider__slide {
    height: 815px !important;
    row-gap: 32px;
    margin: 0 10px;
}

.works-slider__slide-change {
    width: 100%;
    /*height: 50%;*/
    --value: 50%;
}

.works-slider__slide-change-img {
  height: 100%;
}

.works-slider__slide-change-img--before {
  left: 0;
  width: var(--value);
  object-position: left;
}

.works-slider__slide-change-img--after {
  right: 0;
  width: calc(100% - var(--value));
  object-position: right;
}

.slider__range-visible {
   position: absolute;
   top: 0;
   left: var(--value);
   width: 4px;
   height: 100%;
   background-color: var(--white);
   transform: translateX(-50%);
   pointer-events: none;
}

.slider__range-visible::before {
    content: '';
     position: absolute;
     top: 50%;
     left: 50%;
     width: 50px;
     height: 50px;
     background-image: url('/images/elems/change.png');
     background-color: var(--white);
     background-repeat: no-repeat;
     background-position: center;
     background-size: contain;
     border-radius: 50%;
     transform: translate(-50%, -50%);
}

.slider__range-js {
  position: absolute;
  margin: 0;
  cursor: pointer;
  opacity: 0;
  inset: 0;
}

.works-slider__slide-text {
    row-gap: 20px;
    padding: 0 16px;
}

.works-slider__slide-text-title {
    font-size: 32px;
    line-height: 36px;
}

.works-slider__slide-text-description {
    font-size: 20px;
    line-height: 24px;
}

.works-slider__slide-info {
    row-gap: 12px;
    padding: 0 16px 16px 16px;
}

.works-slider__slide-info-item {
    column-gap: 15px;
}

.works-slider__slide-info-item-icon {
    width: 24px;
    height: 24px;
}

.works-slider__slide-info-item-col {
    row-gap: 0px;
}

.works-slider__slide-info-item-col-title {
    font-size: 16px;
    line-height: 22px;
}

.works-slider__slide-info-item-col-description {
    font-size: 16px;
    line-height: 22px;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
.works-slider__slide-info {
    row-gap: 12px;
    padding: 0 26px 26px 26px;
}
}

@media (min-width: 440px) and (max-width: 767px) {
.works {
    padding: 48px 16px 120px 16px;
    row-gap: 32px;
    position: relative;
}

.works-head {
    width: 100%;
}

.works-head__title {
    font-size: 32px;
    line-height: 100%;
}

.works-head__buttons {
    column-gap: 0;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 32px);
    position: absolute;
    bottom: 64px;
}

.works-head__buttons-button {
    width: 40px;
    height: 40px;
}

.works-head__buttons-button-icon {
    width: 24px;
    height: 24px;
}

.works-slider__slide {
    height: 600px;
    row-gap: 16px;
    margin: 0 0px;
}

.works-head__buttons-counter {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0%;
    color: var(--black-text);
    display: flex;
}

.works-slider__slide-change {
    width: 100%;
    height: 50%;
    --value: 50%;
}

.works-slider__slide-change-img {
  height: 100%;
}

.works-slider__slide-change-img--before {
  left: 0;
  width: var(--value);
  object-position: left;
}

.works-slider__slide-change-img--after {
  right: 0;
  width: calc(100% - var(--value));
  object-position: right;
}

.slider__range-visible {
   position: absolute;
   top: 0;
   left: var(--value);
   width: 4px;
   height: 100%;
   background-color: var(--white);
   transform: translateX(-50%);
   pointer-events: none;
}

.slider__range-visible::before {
    content: '';
     position: absolute;
     top: 50%;
     left: 50%;
     width: 37px;
     height: 37px;
     background-image: url('/images/elems/change.png');
     background-color: var(--white);
     background-repeat: no-repeat;
     background-position: center;
     background-size: contain;
     border-radius: 50%;
     transform: translate(-50%, -50%);
}

.slider__range-js {
  position: absolute;
  margin: 0;
  cursor: pointer;
  opacity: 0;
  inset: 0;
}

.works-slider__slide-text {
    row-gap: 16px;
    padding: 0 16px;
}

.works-slider__slide-text-title {
    font-size: 24px;
    line-height: 28px;
}

.works-slider__slide-text-description {
    font-size: 14px;
    line-height: 18px;
}

.works-slider__slide-info {
    row-gap: 16px;
    padding: 0 16px 16px 16px;
}

.works-slider__slide-info-item {
    column-gap: 15px;
}

.works-slider__slide-info-item-icon {
    width: 24px;
    height: 24px;
}

.works-slider__slide-info-item-col {
    row-gap: 0px;
}

.works-slider__slide-info-item-col-title {
    font-size: 16px;
    line-height: 20px;
}

.works-slider__slide-info-item-col-description {
    font-size: 16px;
    line-height: 20px;
}
}

@media (max-width: 439px) {
.works {
    padding: 48px 16px 60px 16px;
    row-gap: 32px;
    position: relative;
}

.works-head {
    width: 100%;
}

.works-head__title {
    font-size: 32px;
    line-height: 100%;
}

.works-head__buttons {
    column-gap: 0;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 32px);
    position: absolute;
    bottom: 40px;
}

.works-head__buttons-button {
    width: 40px;
    height: 40px;
}

.works-head__buttons-button-icon {
    width: 24px;
    height: 24px;
}

.works-slider__slide {
    height: 600px;
    row-gap: 16px;
    margin: 0 0px;
}

.works-head__buttons-counter {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0%;
    color: var(--black-text);
    display: flex;
}

.works-slider__slide-change {
    width: 100%;
    /*height: 50%;*/
    --value: 50%;
}

.works-slider__slide-change-img {
  height: 100%;
}

.works-slider__slide-change-img--before {
  left: 0;
  width: var(--value);
  object-position: left;
}

.works-slider__slide-change-img--after {
  right: 0;
  width: calc(100% - var(--value));
  object-position: right;
}

.slider__range-visible {
   position: absolute;
   top: 0;
   left: var(--value);
   width: 4px;
   height: 100%;
   background-color: var(--white);
   transform: translateX(-50%);
   pointer-events: none;
}

.slider__range-visible::before {
    content: '';
     position: absolute;
     top: 50%;
     left: 50%;
     width: 37px;
     height: 37px;
     background-image: url('/images/elems/change.png');
     background-color: var(--white);
     background-repeat: no-repeat;
     background-position: center;
     background-size: contain;
     border-radius: 50%;
     transform: translate(-50%, -50%);
}

.slider__range-js {
  position: absolute;
  margin: 0;
  cursor: pointer;
  opacity: 0;
  inset: 0;
}

.works-slider__slide-text {
    row-gap: 16px;
    padding: 0 16px;
}

.works-slider__slide-text-title {
    font-size: 24px;
    line-height: 28px;
}

.works-slider__slide-text-description {
    font-size: 14px;
    line-height: 18px;
}

.works-slider__slide-info {
    row-gap: 16px;
    padding: 0 16px 16px 16px;
}

.works-slider__slide-info-item {
    column-gap: 15px;
}

.works-slider__slide-info-item-icon {
    width: 24px;
    height: 24px;
}

.works-slider__slide-info-item-col {
    row-gap: 0px;
}

.works-slider__slide-info-item-col-title {
    font-size: 16px;
    line-height: 20px;
}

.works-slider__slide-info-item-col-description {
    font-size: 16px;
    line-height: 20px;
}
}
.consultation {
    background: var(--black-text);
}

.replace-swiper {
    margin-top: 0;
    padding: 80px 0 160px 48px;
}

.sale {
    display: flex;
    flex-direction: column;
    width: 100%;
    background: var(--blue);
    padding: 80px 48px 120px 48px;
    row-gap: 40px;
    align-items: start;
    position: relative;
    overflow: hidden;
}

.sale__title {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 72px;
    line-height: 72px;
    color: var(--white);
    max-width: 922px;
}

.sale__text {
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    color: var(--white);
    max-width: 728px;
}

.sale__row {
    display: flex;
    flex-direction: row;
    margin-top: 306px;
    align-items: end;
    width: 100%;
    justify-content: space-between;
}

.sale__row-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 18px;
    cursor: pointer;
}

.sale__row-circle {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
}

.sale__row-circle-icon {
    width: 32px;
    height: 32px;
}

.sale__row-text {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: var(--white);
}

.sale__row-dop {
    display: flex;
    flex-direction: row;
    column-gap: 24px;
    align-items: center;
}

.sale__row-dop-icon {
    width: 32px;
    height: 32px;
}

.sale__row-dop-text {
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: var(--white);
    opacity: 0.6;
    max-width: 844px;
}

.sale__img {
    position: absolute;
    right: 0;
}

.whatis {
    margin-top: 48px;
}

@media (min-width: 1440px) and (max-width: 1919px) {
.replace-swiper {
    margin-top: 0;
    padding: 60px 0 60px 48px;
}

.sale {
    padding: 60px 48px 120px 48px;
    row-gap: 40px;
}

.sale__title {
    font-size: 64px;
    line-height: 100%;
    max-width: 60%;
}

.sale__text {
    font-size: 22px;
    line-height: 26px;
    max-width: 50%;
}

.sale__row {
    margin-top: 306px;
}

.sale__row-row {
    column-gap: 18px;;
}

.sale__row-circle {
    width: 64px;
    height: 64px;
}

.sale__row-circle-icon {
    width: 32px;
    height: 32px;
}

.sale__row-text {
    font-size: 18px;
    line-height: 24px;
}

.sale__row-dop {
    column-gap: 24px;
}

.sale__row-dop-icon {
    width: 32px;
    height: 32px;
}

.sale__row-dop-text {
    font-size: 16px;
    line-height: 20px;
    max-width: 844px;
}

.sale__img {
    position: absolute;
    right: 0;
    width: 60%;
    top: 50%;
    transform: translateY(-50%);
}

.whatis {
    margin-top: 128px;
}
}

@media (min-width: 798px) and (max-width: 1438px) {
.whatis {
    margin-top: 128px;
}
}

@media (min-width: 1024px) and (max-width: 1439px) {
.replace-swiper {
    margin-top: 0;
    padding: 60px 0 60px 36px;
}

.sale {
    padding: 60px 36px 60px 36px;
    row-gap: 40px;
}

.sale__title {
    font-size: 52px;
    line-height: 100%;
    max-width: 70%;
}

.sale__text {
    font-size: 20px;
    line-height: 26px;
    max-width: 60%;
}

.sale__row {
    margin-top: 200px;
    justify-content: space-between;
    column-gap: 60px;
    align-items: start;
}

.sale__row-row {
    column-gap: 18px;;
}

.sale__row-circle {
    width: 48px;
    height: 48px;
}

.sale__row-circle-icon {
    width: 26px;
    height: 26px;
}

.sale__row-text {
    font-size: 16px;
    line-height: 22px;
}

.sale__row-dop {
    column-gap: 16px;
    align-items: start;
    margin-left: auto;
    margin-right: 0;
}

.sale__row-dop-icon {
    flex-shrink: 0;
    width: 26px;
    height: 26px;
}

.sale__row-dop-text {
    font-size: 14px;
    line-height: 20px;
    max-width: 100%;
}

.sale__img {
    position: absolute;
    right: 0;
    width: 70%;
    top: 50%;
    transform: translateY(-50%);
}

 
}

@media (min-width: 768px) and (max-width: 1023px) {
.replace-swiper {
    margin-top: 0;
    padding: 48px 0 48px 26px;
}

.sale {
    padding: 48px 26px 48px 26px;
    row-gap: 20px;
}

.sale__title {
    font-size: 44px;
    line-height: 100%;
    max-width: 100%;
}

.sale__text {
    font-size: 22px;
    line-height: 28px;
    max-width: 100%;
}

.sale__row {
    margin-top: 12px;
    justify-content: space-between;
    row-gap: 40px;
    width: 100%;
    order: 3;
    align-items: start;
    flex-direction: column-reverse;
}

.sale__row-row {
    column-gap: 18px;
    height: 48px;
    background: white;
    width: 100%;
    flex-direction: row-reverse;
    justify-content: center;
    border-radius: 12px;
    align-items: center;
}

.sale__row-circle {
    width: 26px;
    height: 26px;
    background: var(--blue);
}

.sale__row-circle-icon {
    width: 24px;
    height: 24px;
}

.sale__row-circle-icon path {
    stroke: white;
}

.sale__row-text {
    font-size: 16px;
    line-height: 24px;
    color: var(--black-text);
}

.sale__row-dop {
    column-gap: 16px;
    align-items: start;
    margin-left: 0;
    margin-right: 0;
}

.sale__row-dop-icon {
    display: none;
}

.sale__row-dop-text {
    font-size: 16px;
    line-height: 20px;
    max-width: 100%;
}

.sale__img {
    position: relative;
    margin-top: 20px;
    height: 400px;
    order: 2;
    right: 0;
    width: 100%;
    object-fit: cover;
    object-position: right;
    top: 0;
    transform: scale(-1, 1);
}

.whatis {
    margin-top: 60px;
}
}

@media (min-width: 440px) and (max-width: 767px) {
.replace-swiper {
    margin-top: 0;
    padding: 48px 0 48px 16px;
}

.sale {
    padding: 48px 16px 48px 16px;
    row-gap: 20px;
}

.sale__title {
    font-size: 32px;
    line-height: 100%;
    max-width: 100%;
}

.sale__text {
    font-size: 18px;
    line-height: 24px;
    max-width: 100%;
}

.sale__row {
    margin-top: 12px;
    justify-content: space-between;
    row-gap: 40px;
    width: 100%;
    order: 3;
    align-items: start;
    flex-direction: column-reverse;
}

.sale__row-row {
    column-gap: 18px;
    height: 48px;
    background: white;
    width: 100%;
    flex-direction: row-reverse;
    justify-content: center;
    border-radius: 12px;
    align-items: center;
}

.sale__row-circle {
    width: 26px;
    height: 26px;
    background: var(--blue);
}

.sale__row-circle-icon {
    width: 24px;
    height: 24px;
}

.sale__row-circle-icon path {
    stroke: white;
}

.sale__row-text {
    font-size: 16px;
    line-height: 24px;
    color: var(--black-text);
}

.sale__row-dop {
    column-gap: 16px;
    align-items: start;
    margin-left: 0;
    margin-right: 0;
}

.sale__row-dop-icon {
    display: none;
}

.sale__row-dop-text {
    font-size: 12px;
    line-height: 16px;
    max-width: 100%;
}

.sale__img {
    position: relative;
    margin-top: 20px;
    height: 300px;
    order: 2;
    right: 0;
    width: 100%;
    object-fit: cover;
    object-position: right;
    top: 0;
    transform: scale(-1, 1);
}

.whatis {
    margin-top: 40px;
}
}

@media (max-width: 439px) {
.replace-swiper {
    margin-top: 0;
    padding: 48px 0 48px 16px;
}

.sale {
    padding: 48px 16px 48px 16px;
    row-gap: 20px;
}

.sale__title {
    font-size: 32px;
    line-height: 100%;
    max-width: 100%;
}

.sale__text {
    font-size: 18px;
    line-height: 24px;
    max-width: 100%;
}

.sale__row {
    margin-top: 12px;
    justify-content: space-between;
    row-gap: 40px;
    width: 100%;
    order: 3;
    align-items: start;
    flex-direction: column-reverse;
}

.sale__row-row {
    column-gap: 18px;
    height: 48px;
    background: white;
    width: 100%;
    flex-direction: row-reverse;
    justify-content: center;
    border-radius: 12px;
    align-items: center;
}

.sale__row-circle {
    width: 26px;
    height: 26px;
    background: var(--blue);
}

.sale__row-circle-icon {
    width: 24px;
    height: 24px;
}

.sale__row-circle-icon path {
    stroke: white;
}

.sale__row-text {
    font-size: 16px;
    line-height: 24px;
    color: var(--black-text);
}

.sale__row-dop {
    column-gap: 16px;
    align-items: start;
    margin-left: 0;
    margin-right: 0;
}

.sale__row-dop-icon {
    display: none;
}

.sale__row-dop-text {
    font-size: 12px;
    line-height: 16px;
    max-width: 100%;
}

.sale__img {
    position: relative;
    margin-top: 20px;
    height: 250px;
    order: 2;
    right: 0;
    width: 100%;
    object-fit: cover;
    object-position: right;
    top: 0;
    transform: scale(-1, 1);
}

.whatis {
    margin-top: 40px;
}
}

.breadcrumbs {
    position: relative;
    z-index: 1;
}
@media (min-width: 1440px) and (max-width: 1919px) {
    .intro-title {
        z-index: 1;
        position: relative;
    }
}
@media (min-width: 1440px) and (max-width: 1919px) {
    .intro-text {
        position: relative;
    }
}
@media (min-width: 1440px) and (max-width: 1919px) {
    .intro-row {
        z-index: 1;
        position: absolute;
        bottom: 150px;
    }
}
@media (min-width: 1440px) and (max-width: 1919px) {
    .intro-img {
        position: absolute;
        width: 100%;
        object-fit: cover;
        z-index: 0;
    }
}
.whatis {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 180px 64px 109px 48px;
    background: var(--blue);
    position: relative;
    overflow: hidden;
}

.whatis-container {
    display: flex;
    flex-direction: column;
    align-items: start;
    row-gap: 24px;
}

.whatis-container__title {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 72px;
    line-height: 72px;
    color: var(--white);
    margin-bottom: 30px;
    max-width: 752px;
}

.whatis-container__box {
    display: flex;
    flex-direction: column;
    align-items: start;
    row-gap: 16px;
    max-width: 701px;
}

.whatis-container__box-title {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 28px;
    line-height: 32px;
    color: var(--white);
}

.whatis-container__box-text {
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: var(--white);
    opacity: 0.64;
    letter-spacing: 0%;
}

.whatis-advantages {
    display: flex;
    flex-direction: row;
    column-gap: 42px;
    align-items: center;
    margin-top: 50px;
}

.whatis-advantages__item:nth-child(1) {
    margin-right: 0px;
}

.whatis-advantages__item:nth-child(2) {
    margin-right: 30px;
}

.whatis-advantages__item {
    display: flex;
    flex-direction: row;
    column-gap: 16px;
    align-items: start;
}

.whatis-advantages__item-icon {
    width: 48px;
    height: 48px;
}

.whatis-advantages__item-text {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    color: var(--white);
}

.whatis-img {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 1100px;
    object-fit: cover;
    object-position: center;
}

@media (min-width: 1440px) and (max-width: 1919px) {
.whatis {
    padding: 61px 30px 109px 48px;
    justify-content: start;
    column-gap: 10px;
}

.whatis-container {
    row-gap: 24px;
    max-width: 39%;
}

.whatis-container__title {
    font-size: 52px;
    line-height: 100%;
    margin-bottom: 30px;
    max-width: 100%;
}

.whatis-container__box {
    row-gap: 16px;
    max-width: 100%;
}

.whatis-container__box-title {
    font-size: 26px;
    line-height: 32px;
}

.whatis-container__box-text {
    font-size: 22px;
    line-height: 32px;
    max-width: 100%;
}

.whatis-advantages {
    column-gap: 20px;
    margin-top: 50px;
    flex-shrink: 0;
    z-index: 2;
}

.whatis-advantages__item:nth-child(1) {
    margin-right: 0px;
}

.whatis-advantages__item:nth-child(2) {
    margin-right: 0px;
}

.whatis-advantages__item {
    display: flex;
    flex-direction: row;
    column-gap: 14px;
    align-items: start;
}

.whatis-advantages__item-icon {
    width: 40px;
    height: 40px;
}

.whatis-advantages__item-text {
    font-size: 18px;
    line-height: 100%;
}

.whatis-img {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 60%;
    object-fit: cover;
    object-position: 0% 50%;
}
}

@media (min-width: 1024px) and (max-width: 1439px) {
.whatis {
    padding: 40px 36px 60px 36px;
    flex-direction: column;
}

.whatis-container {
    row-gap: 24px;
    max-width: 100%;
}

.whatis-container__title {
    font-size: 60px;
    line-height: 100%;
    margin-bottom: 30px;
    max-width: 100%;
}

.whatis-container__box {
    row-gap: 16px;
    max-width: 100%;
}

.whatis-container__box-title {
    font-size: 26px;
    line-height: 32px;
}

.whatis-container__box-text {
    font-size: 22px;
    line-height: 32px;
    max-width: 100%;
}

.whatis-advantages {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-top: 50px;
    flex-shrink: 0;
    z-index: 2;
}

.whatis-advantages__item:nth-child(1) {
    margin-right: 0px;
}

.whatis-advantages__item:nth-child(2) {
    margin-right: 0px;
}

.whatis-advantages__item {
    display: flex;
    flex-direction: row;
    column-gap: 14px;
    align-items: start;
}

.whatis-advantages__item-icon {
    width: 40px;
    height: 40px;
}

.whatis-advantages__item-text {
    font-size: 20px;
    line-height: 24px;
}

.whatis-img {
    display: none;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
.whatis {
    padding: 64px 26px 48px 26px;
    flex-direction: column;
    row-gap: 32px;
}

.whatis-container {
    row-gap: 24px;
    max-width: 100%;
    border-bottom: 1px solid #5181C9;
    padding-bottom: 32px;
}

.whatis-container__title {
    font-size: 46px;
    line-height: 100%;
    margin-bottom: 20px;
    max-width: 100%;
}

.whatis-container__box {
    row-gap: 16px;
    max-width: 100%;
}

.whatis-container__box-title {
    font-size: 26px;
    line-height: 28px;
}

.whatis-container__box-text {
    font-size: 20px;
    line-height: 24px;
    max-width: 100%;
}

.whatis-advantages {
    width: 100%;
    flex-direction: column;
    row-gap: 24px;
    margin-top: 0px;
}

.whatis-advantages__item:nth-child(1) {
    margin-right: 0px;
}

.whatis-advantages__item:nth-child(2) {
    margin-right: 0px;
}

.whatis-advantages__item {
    display: flex;
    width: 100%;
    flex-direction: row;
    column-gap: 24px;
    align-items: center;
    padding-bottom: 24px;
    border-bottom: 1px solid #5181C9;
}

.whatis-advantages__item-icon {
    width: 48px;
    height: 48px;
}

.whatis-advantages__item-text {
    font-size: 22px;
    line-height: 100%;
    max-width: 80%;
}

.whatis-advantages__item-text br {
    display: none;
}

.whatis-img {
    display: none;
}
}

@media (min-width: 440px) and (max-width: 767px) {
.whatis {
    padding: 64px 16px 48px 16px;
    flex-direction: column;
    row-gap: 32px;
}

.whatis-container {
    row-gap: 24px;
    max-width: 100%;
    border-bottom: 1px solid #5181C9;
    padding-bottom: 32px;
}

.whatis-container__title {
    font-size: 32px;
    line-height: 100%;
    margin-bottom: 0px;
    max-width: 100%;
}

.whatis-container__box {
    row-gap: 16px;
    max-width: 100%;
}

.whatis-container__box-title {
    font-size: 24px;
    line-height: 28px;
}

.whatis-container__box-text {
    font-size: 18px;
    line-height: 24px;
    max-width: 100%;
}

.whatis-advantages {
    width: 100%;
    flex-direction: column;
    row-gap: 24px;
    margin-top: 0px;
}

.whatis-advantages__item:nth-child(1) {
    margin-right: 0px;
}

.whatis-advantages__item:nth-child(2) {
    margin-right: 0px;
}

.whatis-advantages__item {
    display: flex;
    width: 100%;
    flex-direction: column;
    row-gap: 24px;
    align-items: start;
    padding-bottom: 24px;
    border-bottom: 1px solid #5181C9;
}

.whatis-advantages__item-icon {
    width: 48px;
    height: 48px;
}

.whatis-advantages__item-text {
    font-size: 18px;
    line-height: 20px;
    max-width: 80%;
}

.whatis-advantages__item-text br {
    display: none;
}

.whatis-img {
    display: none;
}
}

@media (max-width: 439px) {
.whatis {
    padding: 64px 16px 48px 16px;
    flex-direction: column;
    row-gap: 32px;
}

.whatis-container {
    row-gap: 24px;
    max-width: 100%;
    border-bottom: 1px solid #5181C9;
    padding-bottom: 32px;
}

.whatis-container__title {
    font-size: 32px;
    line-height: 100%;
    margin-bottom: 0px;
    max-width: 100%;
}

.whatis-container__box {
    row-gap: 16px;
    max-width: 100%;
}

.whatis-container__box-title {
    font-size: 24px;
    line-height: 28px;
}

.whatis-container__box-text {
    font-size: 18px;
    line-height: 24px;
    max-width: 100%;
}

.whatis-advantages {
    width: 100%;
    flex-direction: column;
    row-gap: 24px;
    margin-top: 0px;
}

.whatis-advantages__item:nth-child(1) {
    margin-right: 0px;
}

.whatis-advantages__item:nth-child(2) {
    margin-right: 0px;
}

.whatis-advantages__item {
    display: flex;
    width: 100%;
    flex-direction: column;
    row-gap: 24px;
    align-items: start;
    padding-bottom: 24px;
    border-bottom: 1px solid #5181C9;
}

.whatis-advantages__item-icon {
    width: 48px;
    height: 48px;
}

.whatis-advantages__item-text {
    font-size: 16px;
    line-height: 20px;
    max-width: 80%;
}

.whatis-advantages__item-text br {
    display: none;
}

.whatis-img {
    display: none;
}
}
.cases {
    width: 100%;
    background: var(--blue);
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: space-between;
    position: relative;
    padding: 64px 48px;
    border-top: 1px solid #5181C9;
    overflow: hidden;
}

.cases-container {
    display: flex;
    flex-direction: column;
    row-gap: 144px;
}

.cases-container__title {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 72px;
    line-height: 72px;
    color: var(--white);
    max-width: 886px;
}

.cases-container__box {
    display: flex;
    flex-direction: column;
    row-gap: 32px;
}

.cases-container__box-item {
    display: flex;
    flex-direction: row;
    column-gap: 32px;
    align-items: center;
}

.cases-container__box-item-icon {
    width: 64px;
    height: 64px;
}

.cases-container__box-item-text {
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 28px;
    line-height: 32px;
    color: var(--white);
    max-width: 752px;
}

.cases-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 18px;
    cursor: pointer;
    z-index: 10;
}

.cases-row__circle {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
}

.cases-row__circle-icon {
    width: 32px;
    height: 32px;
}

.cases-row__text {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: var(--white);
}

.cases-img {
    position: absolute;
    right: 0;
    bottom: 44px;
}

@media (min-width: 1440px) and (max-width: 1919px) {
.cases {
    padding: 64px 48px;
}

.cases-container {
    row-gap: 144px;
}

.cases-container__title {
    font-size: 60px;
    line-height: 72px;
    max-width: 60%;
}

.cases-container__box {
    row-gap: 32px;
}

.cases-container__box-item {
    column-gap: 30px;
}

.cases-container__box-item-icon {
    width: 56px;
    height: 56px;
}

.cases-container__box-item-text {
    font-size: 28px;
    line-height: 32px;
    max-width: 50%;
}

.cases-row {
    column-gap: 18px;
}

.cases-row__circle {
    width: 64px;
    height: 64px;
}

.cases-row__circle-icon {
    width: 32px;
    height: 32px;
}

.cases-row__text {
    font-size: 18px;
    line-height: 24px;
}

.cases-img {
    right: 0;
    width: 50%;
    bottom: 44px;
}
}

@media (min-width: 1024px) and (max-width: 1439px) {
.cases {
    padding: 48px 36px;
}

.cases-container {
    row-gap: 100px;
}

.cases-container__title {
    font-size: 50px;
    line-height: 72px;
    max-width: 80%;
}

.cases-container__box {
    row-gap: 32px;
}

.cases-container__box-item {
    column-gap: 20px;
}

.cases-container__box-item-icon {
    width: 48px;
    height: 48px;
}

.cases-container__box-item-text {
    font-size: 24px;
    line-height: 32px;
    max-width: 60%;
}

.cases-row {
    column-gap: 18px;
}

.cases-row__circle {
    width: 48px;
    height: 48px;
}

.cases-row__circle-icon {
    width: 28px;
    height: 28px;
}

.cases-row__text {
    font-size: 16px;
    line-height: 24px;
}

.cases-img {
    right: 0;
    width: 50%;
    bottom: 44px;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
    .cases {
    padding: 48px 26px;
    flex-direction: column;
    row-gap: 40px;
}

.cases-container {
    row-gap: 40px;
}

.cases-container__title {
    font-size: 46px;
    line-height: 100%;
    max-width: 100%;
}

.cases-container__box {
    row-gap: 24px;
}

.cases-container__box-item {
    flex-direction: row;
    column-gap: 24px;
    align-items: center;
    padding-bottom: 24px;
    border-bottom: 1px solid #5181C9;
}

.cases-container__box-item-icon {
    width: 48px;
    flex-shrink: 0;
    height: 48px;
}

.cases-container__box-item-text {
    font-size: 24px;
    line-height: 26px;
    max-width: 100%;
}

.cases-row {
    column-gap: 12px;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    height: 64px;
    background: white;
    border-radius: 12px;
    width: 100%;
    order: 3;
}

.cases-row__circle {
    width: 36px;
    height: 36px;
    background: var(--blue);
}

.cases-row__circle-icon {
    width: 28px;
    height: 28px;
}

.cases-row__circle-icon path {
    stroke: #fff;
}

.cases-row__text {
    color: var(--black-text);
    font-size: 18px;
    line-height: 24px;
}

.cases-img {
    order: 2;
    position: relative;
    right: 0;
    width: 100%;
    bottom: 0;
}
}

@media (min-width: 440px) and (max-width: 767px) {
    .cases {
    padding: 48px 16px;
    flex-direction: column;
    row-gap: 40px;
}

.cases-container {
    row-gap: 40px;
}

.cases-container__title {
    font-size: 36px;
    line-height: 100%;
    max-width: 100%;
}

.cases-container__box {
    row-gap: 24px;
}

.cases-container__box-item {
    flex-direction: column;
    row-gap: 24px;
    align-items: start;
    padding-bottom: 24px;
    border-bottom: 1px solid #5181C9;
}

.cases-container__box-item-icon {
    width: 48px;
    height: 48px;
}

.cases-container__box-item-text {
    font-size: 18px;
    line-height: 20px;
    max-width: 100%;
}

.cases-row {
    column-gap: 12px;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    height: 48px;
    background: white;
    border-radius: 12px;
    width: 100%;
    order: 3;
}

.cases-row__circle {
    width: 26px;
    height: 26px;
    background: var(--blue);
}

.cases-row__circle-icon {
    width: 24px;
    height: 24px;
}

.cases-row__circle-icon path {
    stroke: #fff;
}

.cases-row__text {
    color: var(--black-text);
    font-size: 16px;
    line-height: 24px;
}

.cases-img {
    order: 2;
    position: relative;
    right: 0;
    width: 100%;
    bottom: 0;
}
}

@media (max-width: 439px) {
.cases {
    padding: 48px 16px;
    flex-direction: column;
    row-gap: 40px;
}

.cases-container {
    row-gap: 40px;
}

.cases-container__title {
    font-size: 32px;
    line-height: 100%;
    max-width: 100%;
}

.cases-container__box {
    row-gap: 24px;
}

.cases-container__box-item {
    flex-direction: column;
    row-gap: 24px;
    align-items: start;
    padding-bottom: 24px;
    border-bottom: 1px solid #5181C9;
}

.cases-container__box-item-icon {
    width: 48px;
    height: 48px;
}

.cases-container__box-item-text {
    font-size: 16px;
    line-height: 20px;
    max-width: 100%;
}

.cases-row {
    column-gap: 12px;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    height: 48px;
    background: white;
    border-radius: 12px;
    width: 100%;
    order: 3;
}

.cases-row__circle {
    width: 26px;
    height: 26px;
    background: var(--blue);
}

.cases-row__circle-icon {
    width: 24px;
    height: 24px;
}

.cases-row__circle-icon path {
    stroke: #fff;
}

.cases-row__text {
    color: var(--black-text);
    font-size: 16px;
    line-height: 24px;
}

.cases-img {
    order: 2;
    position: relative;
    right: 0;
    width: 100%;
    bottom: 0;
}
}
.regular {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    background: var(--black-text);
    padding: 64px 48px; 
}

@media(min-width: 992px){
div#calculators, .regular {
	height: 100vh;
}
.advantages {
    padding: 180px 0 60px;
}
.consultation {
    height: 100vh;
}
.about-company__why-we-garant {
    overflow: hidden;
}
}

@media(min-width: 1025px){
.about-company__why-we-reasons {
    height: 100vh;
}
.about-company__why-we {
        height: 100vh;
    }
}

.regular__img {
    width: 798px;
    height: 744px;
    object-fit: cover;
}

.regular__line {
    width: 0.5px;
    height: 768px;
    background: #616161;
}

.regular__box {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    align-items: start;
    max-width: 701px;
}

.regular__box-title {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 56px;
    line-height: 100%;
    color: var(--white);
    margin-bottom: 24px;
}

.regular__box-item {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

.regular__box-item-title {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 28px;
    line-height: 32px;
    color: var(--white);
}

.regular__box-item-text {
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: var(--white);
    opacity: 0.64;
}

@media (min-width: 1440px) and (max-width: 1919px) {
.regular {
    padding: 64px 48px;
    column-gap: 30px;
	height: 100vh;
}

.regular__img {
    width: 650px;
    height: 650px;
}

.regular__line {
    height: 768px;
}

.regular__box {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    align-items: start;
    max-width: 43%;
}

.regular__box-title {
    font-size: 46px;
    line-height: 100%;
    margin-bottom: 24px;
}

.regular__box-item {
    row-gap: 16px;
}

.regular__box-item-title {
    font-size: 26px;
    line-height: 30px;
}

.regular__box-item-text {
    font-size: 22px;
    line-height: 30px;
}
}

@media (min-width: 1024px) and (max-width: 1439px) {
.regular {
    padding: 48px 36px;
    column-gap: 20px;
}

.regular__img {
    width: 400px;
    height: 400px;
}

.regular__line {
    height: 550px;
}

.regular__box {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    align-items: start;
    max-width: 43%;
}

.regular__box-title {
    font-size: 36px;
    line-height: 100%;
    margin-bottom: 10px;
}

.regular__box-item {
    row-gap: 14px;
}

.regular__box-item-title {
    font-size: 22px;
    line-height: 24px;
}

.regular__box-item-text {
    font-size: 18px;
    line-height: 24px;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
.regular {
    flex-direction: column-reverse;
    padding: 64px 16px 48px 16px;
}

.regular__img {
    width: 60%;
    height: auto;
}

.regular__line {
    display: none;
}

.regular__box {
    row-gap: 24px;
    max-width: 100%;
}

.regular__box-title {
    font-size: 42px;
    line-height: 100%;
    margin-bottom: 16px;
}

.regular__box-title br {
    display: none;
}

.regular__box-item {
    row-gap: 16px;
}

.regular__box-item-title {
    font-size: 28px;
    line-height: 28px;
}

.regular__box-item-text {
    font-size: 20px;
    line-height: 24px;
}
}

@media (min-width: 440px) and (max-width: 767px) {
.regular {
    flex-direction: column-reverse;
    padding: 64px 16px 48px 16px;
}

.regular__img {
    width: 80%;
    height: auto;
}

.regular__line {
    display: none;
}

.regular__box {
    row-gap: 24px;
    max-width: 100%;
}

.regular__box-title {
    font-size: 38px;
    line-height: 100%;
    margin-bottom: 16px;
}

.regular__box-item {
    row-gap: 16px;
}

.regular__box-item-title {
    font-size: 24px;
    line-height: 28px;
}

.regular__box-item-text {
    font-size: 18px;
    line-height: 24px;
}
}

@media (max-width: 439px) {
.regular {
    flex-direction: column-reverse;
    padding: 64px 16px 48px 16px;
}

.regular__img {
    width: 85%;
    height: auto;
}

.regular__line {
    display: none;
}

.regular__box {
    row-gap: 24px;
    max-width: 100%;
}

.regular__box-title {
    font-size: 32px;
    line-height: 100%;
    margin-bottom: 16px;
}

.regular__box-item {
    row-gap: 14px;
}

.regular__box-item-title {
    font-size: 24px;
    line-height: 28px;
}

.regular__box-item-text {
    font-size: 18px;
    line-height: 24px;
}
}

.calc-wrapper-breakout {
    padding: 35px 0 35px 0;
}
.row.align-items-center{
	-ms-flex-align: center!important;
    align-items: center !important;
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
@media (min-width: 992px) {
    .mb-lg-0, .my-lg-0 {
        margin-bottom: 0 !important;
    }
}
@media (min-width: 576px) {
    .mb-sm-4, .my-sm-4 {
        margin-bottom: 1.5rem !important;
    }
}
.mb-1, .my-1 {
    margin-bottom: .25rem !important;
}
@media (min-width: 992px) {
    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}
.col-lg-6{
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.calc-card {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    min-height: auto;
    display: flex;
    flex-direction: column;
    position: relative;
    color: #334155;
    max-width: 100%;
}
@media (min-width: 576px) {
    .calc-card-body {
        height: 460px;
        display: flex;
        flex-direction: column;
        min-height: 0;
    }
}
.calc-card-body {
    padding: 30px;
}

.calc-wrapper-breakout .container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.step-pane {
  display: none;
  height: 100%;
}

.step-pane.active {
  display: block;
}
/* ================== Calculator ================== */

/* === СТИЛИ КАЛЬКУЛЯТОРА === */

.calc-wrapper-breakout {
    background: radial-gradient(circle at 50% 46%, #3c3c3c, #222222 88%);
    padding: 120px 0 120px 0;
}

/* Белая карточка с формой */
.calc-card {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    min-height: auto;
    display: flex;
    flex-direction: column;
    position: relative;
    color: #334155;
    max-width: 100%;
}

/* ЛЕВАЯ КОЛОНКА */
.calc-header-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    text-align: left;
    margin-bottom: 0;
}

.calc-header-description {
    font-size: 1.1rem;
}

.calc-titles h2 {
    color: #fff;
}

.calc-titles .subtitle {
    color: #ffffff;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.3;
	margin-top: 30px;
}

.d-none.d-lg-block.mt-4.text-white-50.calc-header-description {
    padding: 30px;
}

.d-none.d-lg-block.mt-4.text-white-50.calc-header-description div {
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: var(--white);
    opacity: 0.64;
}

/* Внутренности карточки */
.calc-card-body {
    padding: 30px;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: auto;
}

#Calculator,
#Calculator_oil {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

/* Прогресс бар */
.calc-progress {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
    padding: 0 5px;
}

.calc-progress-step {
    text-align: center;
    flex: 1;
    position: relative;
}

.calc-progress-bar {
    height: 5px;
    background: #f1f5f9;
    border-radius: 3px;
    margin-bottom: 6px;
    margin-left: 4px;
    margin-right: 4px;
    transition: background 0.3s;
}

.calc-progress-bar.active {
    background: #003a91;
}

.calc-progress-label {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
    color: #94a3b8;
    letter-spacing: 0.5px;
}

.calc-progress-label.active {
    color: #1e293b;
}

/* Заголовки шагов */
.step-title {
    font-weight: 500;
    font-size: 32px;
    color: #0f172a;
    margin-bottom: 0.5rem;
}

.step-desc {
    margin-bottom: 1.5rem;
    font-family: "Stetica";
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: var(--black-text);
    opacity: 72%;
}

/* Поле ввода марки вручную */
.manual-brand-group {
    display: flex;
    gap: 10px;
    margin-bottom: 25px;
    background: #f8fafc;
    padding: 10px;
    border-radius: 10px;
    border: 1px dashed #e8e8e8;
}

.manual-brand-group input {
    flex-grow: 1;
    margin-bottom: 0;
    border: 1px solid #cbd5e1;
    height: 46px;
}

.manual-brand-group button {
    width: auto;
    margin-top: 0;
    padding: 0 30px;
    white-space: nowrap;
    box-shadow: none;
    height: 46px;
}

/* Grid Брендов (3 колонки) */
.grid-brands {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.btn-select-brand {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 12px 10px;
    text-align: left;
    font-size: 0.95rem;
    font-weight: 500;
    color: #334155;
    transition: all 0.2s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.btn-select-brand:hover {
    border-color: #f59e0b;
    background: #fffbeb;
    color: #d97706;
}

/* Списки категорий */
.list-stack {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.btn-select-row {
    display: flex;
    align-items: center;
    width: 100%;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 14px 16px;
    text-align: left;
    transition: all 0.2s;
    cursor: pointer;
}

.btn-select-row:hover {
    border-color: #003a91;
    background: #ebf7ff;
    transform: translateX(3px);
}

.btn-icon-box {
    width: 32px;
    height: 32px;
    background: #f1f5f9;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    color: #64748b;
    flex-shrink: 0;
    font-size: 14px;
}

.btn-select-row:hover .btn-icon-box {
    background: #4771b0;
    color: #fff;
}

.btn-text {
    font-weight: 500;
    color: #1e293b;
    font-size: 0.95rem;
    flex-grow: 1;
    line-height: 1.3;
}

/* Навигация */
.btn-back {
    border: none;
    background: transparent;
    color: #94a3b8;
    font-weight: 600;
    font-size: 0.85rem;
    padding: 0;
    margin-bottom: 12px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
}

.btn-back:hover {
    color: #f59e0b;
}

/* Скролл */
.scroll-y-custom {
    overflow-y: auto;
    max-height: 140px;
    /* нужное тебе значение, можно 140px как раньше */
    padding-right: 5px;
    padding-bottom: 5px;
}

/* Форма контактов */
.form-summary {
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 1.5rem;
    font-family: "Stetica";
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: var(--black-text);
    opacity: 72%;
}

.input-modern {
    display: block;
    width: 100%;
    padding: 14px 16px;
    font-size: 18px;
    color: #1e293b;
    background-color: #fff;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    transition: all 0.2s;
    margin-bottom: 5px;
}

.input-modern:focus {
    border-color: #003a91;
    outline: none;
}

.btn-submit-modern {
    background: var(--blue);
    color: white;
    font-weight: 500;
    width: 100%;
    padding: 16px;
    border-radius: 8px;
    border: none;
    font-size: 1.1rem;
    box-shadow: 0 4px 6px -1px rgb(38 11 245 / 30%);
    transition: all 0.2s;
    cursor: pointer;
    margin-top: 10px;
}

.btn-submit-modern:hover {
    background-color: #4771B0;
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgb(11 79 245 / 30%);
}

/* Анимация шагов калькулятора */
.step-pane {
    display: none;
    animation: fadeIn 0.3s ease-out;
}

.step-pane.active {
    display: block;
}

/* Общее keyframes fadeIn (использует и квиз, и калькулятор) */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.custom-checkbox-wrap {
    display: flex;
    gap: 10px;
    font-size: 0.85rem;
    color: #64748b;
    margin-top: 15px;
    cursor: pointer;
}

.custom-checkbox-wrap input {
    margin-top: 3px;
}

.custom-checkbox-wrap a {
    color: #003a91;
    text-decoration: underline;
}

/* ================== Quiz ================== */

/* === КВИЗ === */

/* Убираем отступы у модального контента для сетки */
.modal-quiz-content {
    border: none;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
}

/* Правая колонка (Сайдбар с картинкой) */
.quiz-sidebar {
    background-image: url('https://akppcenter.com/assets/img/background_quiz.jpg?q=80&w=600&auto=format&fit=crop');
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    flex-direction: column;
    /* Центрирование по вертикали и горизонтали */
    justify-content: center;
    align-items: center;
    padding: 40px 30px;
    /* Увеличенные отступы */
    color: #fff;
}

/* Затемнение картинки */
.quiz-sidebar::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgb(135 135 135 / 40%), rgb(0 0 0 / 95%));
    z-index: 1;
}

.quiz-sidebar-content {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 0 10px;
}

.quiz-benefit-item {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    font-size: 0.95rem;
    font-weight: 500;
}

.quiz-benefit-item i {
    color: #f59e0b;
    margin-right: 10px;
    font-size: 1.2rem;
}

/* Левая колонка в модальном окне (Форма) */
.quiz-modal-left {
    background: #fff;
    padding: 0;
    display: flex;
    flex-direction: column;
    position: relative;
    /* Для позиционирования мобильного крестика */
}

/* Крестик закрытия (Общий стиль) */
.btn-close-base {
    position: absolute;
    top: 5px;
    right: 10px;
    z-index: 20;
    background: transparent;
    border: none;
    font-size: 2rem;
    line-height: 1;
    cursor: pointer;
    transition: 0.2s;
    outline: none;
}

/* Крестик для мобильной версии (Темный, внутри формы) */
.btn-close-mobile {
    color: #000;
}

.btn-close-mobile:hover {
    color: #334155;
}

/* Крестик для десктопа (Белый, на картинке) */
.btn-close-sidebar {
    color: #fff;
    opacity: 1;
}

.btn-close-sidebar:hover {
    color: #fff;
    transform: rotate(90deg);
}

/* Стили внутри квиза */
.quiz-card-body {
    padding: 25px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: auto;
}

/* Прогресс бар */
.quiz-progress {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    padding: 0 5px;
}

.quiz-progress-step {
    text-align: center;
    flex: 1;
    position: relative;
}

.quiz-progress-bar {
    height: 5px;
    background: #e3e3e3;
    border-radius: 3px;
    margin-bottom: 6px;
    margin-left: 4px;
    margin-right: 4px;
    transition: background 0.3s;
}

.quiz-progress-bar.active {
    background: #f59e0b;
}

.quiz-progress-label {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
    color: #929292;
    letter-spacing: 0.5px;
}

.quiz-progress-label.active {
    color: #1e293b;
}

.q-step-title {
    font-weight: 700;
    font-size: 1.3rem;
    color: #0f172a;
    margin-bottom: 0.3rem;
}

.q-step-desc {
    color: #64748b;
    font-size: 0.9rem;
    margin-bottom: 1.2rem;
}

.quiz-summary {
    background: #f8fafc;
    padding: 10px;
    border-radius: 8px;
    font-size: 0.85rem;
    margin-bottom: 15px;
}

.q-grid-problems {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

@media (min-width: 576px) {

    /* === СТИЛИ КАЛЬКУЛЯТОРА === */

    .calc-card-body {
        height: 560px;
        display: flex;
        flex-direction: column;
        min-height: 0;
    }
	
	.calc-wrapper-breakout.regular.dark-cons.oil .calc-card-body {
        height: 585px;
	}

    .step-pane {
        display: none;
        flex-direction: column;
        flex: 1 1 auto;
        min-height: 0;
        animation: fadeIn 0.3s ease-out;
    }

    .step-pane.active {
        display: flex;
    }

    .scroll-y-custom {
        overflow-y: auto;
        flex: 1 1 auto;
        min-height: 0;
        max-height: none;
        padding-right: 5px;
        padding-bottom: 5px;
    }

    /* === КОНЕЦ СТИЛИ КАЛЬКУЛЯТОРА === */
	    .q-grid-problems {
        grid-template-columns: repeat(3, 1fr);
    }

    .grid-brands {
        grid-template-columns: repeat(3, 1fr);
    }
	.grid-brands.oil {
        grid-template-columns: repeat(1, 1fr);
    }
}

.q-btn-problem {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 15px 5px;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 100px;
}

.q-btn-problem:hover {
    border-color: #f59e0b;
    background: #fffbeb;
    transform: translateY(-2px);
}

.q-btn-problem i {
    font-size: 24px;
    color: #6c757d;
    margin-bottom: 8px;
    transition: color 0.2s;
}

.q-btn-problem:hover i {
    color: #f59e0b;
}

.q-btn-problem span {
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.2;
    color: #333;
}

/* Список симптомов */
.q-list-stack {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.q-btn-select-row {
    display: flex;
    align-items: center;
    width: 100%;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 12px 16px;
    text-align: left;
    transition: all 0.2s;
    cursor: pointer;
}

.q-btn-select-row:hover {
    border-color: #f59e0b;
    background: #fffbeb;
}

.q-btn-text {
    font-weight: 600;
    color: #1e293b;
    font-size: 0.95rem;
    flex-grow: 1;
}

/* Чекбоксы */
.q-checkbox-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
}

@media(min-width:576px) {
    .q-checkbox-grid {
        grid-template-columns: 1fr 1fr;
    }
}

.q-custom-check-card {
    display: flex;
    align-items: center;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 10px;
    cursor: pointer;
    transition: 0.2s;
    margin-bottom: 0;
}

.q-custom-check-card:hover {
    background: #f8fafc;
}

.q-custom-check-card input {
    margin-right: 10px;
    transform: scale(1.2);
}

.q-custom-check-card span {
    font-size: 0.9rem;
    font-weight: 500;
}

/* Навигация назад в квизе */
.q-btn-back {
    border: none;
    background: transparent;
    color: #94a3b8;
    font-weight: 600;
    font-size: 0.85rem;
    padding: 0;
    margin-bottom: 12px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
}

.q-btn-back:hover {
    color: #f59e0b;
}

/* Скролл */
.q-scroll-y-custom {
    overflow-y: auto;
    max-height: 50vh;
    padding-right: 5px;
    padding-bottom: 5px;
}

.q-input-modern {
    display: block;
    width: 100%;
    padding: 10px 10px;
    background-color: #fff;
    border-radius: 8px;
    transition: all 0.2s;
    margin-bottom: 10px;
    border: 1px dashed #e8e8e8;
}

.q-input-modern:focus {
    border-color: #f59e0b;
    outline: none;
}

.q-btn-submit-modern {
    background: #f59e0b;
    color: white;
    font-weight: 700;
    width: 100%;
    padding: 14px;
    border-radius: 8px;
    border: none;
    font-size: 1.1rem;
    box-shadow: 0 4px 6px -1px rgba(245, 158, 11, 0.3);
    transition: all 0.2s;
    cursor: pointer;
    margin-top: 15px;
}

.q-btn-submit-modern:hover {
    background: #d97706;
    transform: translateY(-2px);
}

.q-step-pane {
    display: none;
    animation: fadeIn 0.3s ease-out;
}

.q-step-pane.active {
    display: block;
}

.q-custom-checkbox-wrap {
    display: flex;
    gap: 10px;
    font-size: 0.85rem;
    color: #64748b;
    margin-top: 10px;
    cursor: pointer;
}
.fa-arrow-left:before {
    content: "\f060";
}
.btn-back:hover {
    color: #f59e0b;
}
.fa-ban:before {
    content: "\f05e"
}
.fa-power-off:before {
    content: "\f011";
}
.fa-gears:before, .fa-cogs:before {
    content: "\f085";
}
.fa-arrows-h:before {
    content: "\f07e";
}
.fa-dashboard:before, .fa-tachometer:before {
    content: "\f0e4";
}
.fa-arrow-circle-o-down:before {
    content: "\f01a";
}
.fa-tint:before {
    content: "\f043";
}
.fa-flask:before {
    content: "\f0c3";
}
.fa-magnet:before {
    content: "\f076";
}
.fa-volume-up:before {
    content: "\f028";
}
.text-white {
    color: #fff !important;
}
.badge-warning {
    color: #212529;
    background-color: #003a91;
    padding: 3px 5px;
    border-radius: 5px;
}
.mr-2, .mx-2 {
    margin-right: .5rem !important;
}
.font-weight-bold {
    font-weight: 500;
    margin-bottom: 1.5rem;
    font-family: "Stetica";
    font-size: 18px;
    line-height: 24px;
    color: var(--black-text);
    opacity: 72%;
}

.input-success {
  border: 1px solid #28a745 !important;
}

#popup-msg{
  display:none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 20px;
  z-index: 9999;
  text-align: center;
  border-radius: 14px;
  box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.3);
}
div#cme-popup {
	display:none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #ffffff8c;
    display: block;
    width: 100%;
    height: 100%;
}
.error-text {
    color: red;
}
span#popup-text {
    font-family: "Stetica";
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: var(--black-text);
    opacity: 72%;
    padding-top: 16px;
    display: inline-block;
}
button#popup-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 3px 5px;
    background: white;
    border: 0;
    color: var(--black-text);
    opacity: 72%;
}
#popup-text {
  white-space: pre-line;
}
.step-error {
  animation: shake 0.3s;
}
.js-hidden-text {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.js-hidden-text.is-open {
  max-height: 500px; 
}

.read-more-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    line-height: 24px;
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: var(--white);
    opacity: 0.64;
    text-align: right;
}

#calculator {
    position: relative;
    width: 100%;
    height: 100vh;
    background: var(--black-text);
    top: 0;
    display: flex; 
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

@keyframes shake {
  0% { transform: translateX(0); }
  25% { transform: translateX(-4px); }
  50% { transform: translateX(4px); }
  75% { transform: translateX(-4px); }
  100% { transform: translateX(0); }
}
.catalog {
    width: 100%;
    background: var(--blue);
    display: flex;
    flex-direction: row;
    column-gap: 40px;
    align-items: start;
    padding: 150px 48px 80px 48px;
}

.catalog-filters {
    width: 472px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.catalog-filters__search {
    width: 100%;
    height: 64px;
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 16px;
    border-bottom: 1px solid #5181C9;
}

.catalog-filters__search-circle {
    width: 32px;
    height: 32px;
    background: var(--white);
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 16px 0 16px 16px;
    flex-shrink: 0;
}

.catalog-filters__search-circle-icon {
    width: 16px;
    height: 16px;
}

.catalog-filters__search-input {
    background: none;
    border: none;
    height: 100%;
    width: 100%;
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: var(--white);
    display: flex;
    align-items: center;
    opacity: 0.64;
}

.catalog-filters__search-input::placeholder {
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: var(--white);
    opacity: 0.64;
}

.catalog-container {
    display: flex;
    flex-direction: column;
    align-items: start;
    row-gap: 40px;
	width: 100%;
}

.catalog-container__head {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    align-items: start;
}

.catalog-container__head-title {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 28px;
    line-height: 32px;
    color: var(--white);
}

.catalog-container__head-filters {
    display: flex;
    flex-direction: row;
    column-gap: 8px;
}

.catalog-container__head-filters-item {
    padding: 8px;
    background: white;
    display: flex;
    align-items: center;
    flex-direction: row;
    column-gap: 8px;
    cursor: pointer;
}

.catalog-container__head-filters-item-name {
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #003A91;
}

.catalog-container__head-filters-item-close {
    width: 24px;
    height: 24px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background: var(--blue);
    border-radius: 50%;
}

.catalog-container__head-filters-item-close-icon {
    width: 16px;
    height: 16px;
}

.head-filters-close {
    border: 1px solid #FFFFFF;
    background: var(--blue);
    display: flex;
}

.head-filters-close-name {
    color: var(--white);
}

.head-filters-close-name-close {
    background: var(--white);
}

.catalog-container__wrapper {
    width: 100%;
    display: none;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 20px;
    row-gap: 40px;
}

.catalog-container__wrapper.active {
    display: grid;
}

.catalog-container__wrapper-item {
    display: flex;
    flex-direction: column;
}

.catalog-container__wrapper-item-img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.catalog-container__wrapper-item-info {
    padding: 20px;
    background: #FFFFFF14;
    display: flex;
    flex-direction: column;
    row-gap: 32px;
    align-items: start;
    width: 100%;
}

.catalog-container__wrapper-item-info-title {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 28px;
    line-height: 32px;
    color: var(--white);
}

.catalog-container__wrapper-item-info-ch {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    width: 100%;
}

.catalog-container__wrapper-item-info-ch-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 6px;
    border-bottom: 0.7px solid #5181C9;
}

.catalog-container__wrapper-item-info-ch-item-title {
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: var(--white);
}

.catalog-container__wrapper-item-info-ch-item-text {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    color: var(--white);
}

.pagination__btn {
    color: white;
}

.pagination__btn--active {
    background: white !important;
    color: var(--blue) !important;
}

.catalog-filters__column {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.catalog-filters__filter {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 16px;
    border-bottom: 1px solid #5181C9;
}

.catalog-filters__filter-show {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    cursor: pointer;
}

.catalog-filters__filter-show-name {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    color: var(--white);
}

.catalog-filters__filter-show-icon, .catalog-filters__filter-show-icon--active {
    width: 32px;
    height: 32px;
}

.catalog-filters__filter-show-icon--active {
    display: none;
}

.catalog-filters__filter-list {
    display: none;
    flex-direction: column;
    row-gap: 16px;
    margin-top: 16px;
}

.catalog-filters__filter-list-item.show {
    display: block;
}

.catalog-filters__filter-list-item {
    display: none;
}

.catalog-filters__filter-list-item-checkbox {
    display: none;
}

.catalog-filters__filter-list-item-label {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 8px;
    cursor: pointer;
}

.catalog-filters__filter-list-item-label-check {
    width: 18px;
    height: 18px;
    border: 2px solid #FFFFFF;
    border-radius: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.catalog-filters__filter-list-item-checkbox:checked + .catalog-filters__filter-list-item-label .catalog-filters__filter-list-item-label-check {
    background-color: white;
}

.catalog-filters__filter-list-item-label-check-icon {
    width: 12px;
    height: 10px;
}

.catalog-filters__filter-list-item-label-check-text {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: var(--white);
    user-select: none;
}

.catalog-filters__filter-list-item-more {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: var(--white);
    cursor: pointer;
    opacity: 0.64;
    user-select: none;
}

.catalog-filters__filter.active .catalog-filters__filter-list{
    display: flex;
}

.catalog-filters__filter.active .catalog-filters__filter-show-icon{
    display: none;
}

.catalog-filters__filter.active .catalog-filters__filter-show-icon--active{
    display: block;
}

.catalog-filters__close {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 16px;
    cursor: pointer;
    margin-top: 24px;
    background: white;
    justify-content: center;
    width: 174px;
    height: 48px;
}

.catalog-filters__close-title {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    color: var(--blue);
}

.catalog-filters__close-circle {
    width: 32px;
    height: 32px;
    background: var(--blue);
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.catalog-filters__close-circle-icon {
    width: 16px;
    height: 16px;
}

.catalog-filters__mob {
    display: none;
}

.about-company__why-we-reason-icon {
    min-width: 104px;
    min-height: 104px;
    max-width: 104px;
    max-height: 104px;
}

.about-company__why-we-reason {
    padding: 32px 24px;
    height: 600px;
}

.about-company__why-we-reasons.style .about-company__why-we-reason {
    height: 515px;
}

.about-company__why-we-reasons.style .about-company__why-we-reason-txt {
    margin-top: 40px;
}

.about-company__why-we-reasons.style .about-company__why-we {
    row-gap: 0;
}

.about-company__why-we-reason-title {
    font-size: 30px;
    line-height: 100%;
}

.about-company__why-we-reason-txt {
    font-size: 24px;
    line-height: 100%;
}

@media (min-width: 1024px) and (max-width: 1439px) {
.intro {
    padding-bottom: 350px;
}

.about-company__why-we {
    margin-top: 150px;
}

.warranty-text {
    max-width: 44%;
    font-size: 22px;
    line-height: 30px;
    text-align: right;
}

.catalog {
    column-gap: 40px;
    padding: 150px 36px 60px 36px;
}

.catalog-filters {
    width: 472px;
}

.catalog-filters__search {
    height: 64px;
    column-gap: 16px;
}

.catalog-filters__search-circle {
    width: 32px;
    height: 32px;
    margin: 16px 0 16px 16px;
}

.catalog-filters__search-circle-icon {
    width: 16px;
    height: 16px;
}

.catalog-filters__search-input {
    font-size: 18px;
    line-height: 24px;
}

.catalog-filters__search-input::placeholder {
    font-size: 18px;
    line-height: 24px;
}

.catalog-container {
    row-gap: 40px;
}

.catalog-container__head {
    row-gap: 20px;
}

.catalog-container__head-title {
    font-size: 26px;
    line-height: 32px;
}

.catalog-container__head-filters {
    column-gap: 8px;
}

.catalog-container__head-filters-item {
    padding: 6px;
    column-gap: 8px;
}

.catalog-container__head-filters-item-name {
    font-size: 16px;
    line-height: 20px;
}

.catalog-container__head-filters-item-close {
    width: 24px;
    height: 24px;
}

.catalog-container__head-filters-item-close-icon {
    width: 16px;
    height: 16px;
}

.catalog-container__wrapper {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 20px;
    row-gap: 40px;
}

.catalog-container__wrapper-item:nth-last-child(1) {
    display: none;
}

.catalog-container__wrapper-item-img {
    height: 300px;
}

.catalog-container__wrapper-item-info {
    padding: 20px;
    row-gap: 32px;
}

.catalog-container__wrapper-item-info-title {
    font-size: 24px;
    line-height: 30px;
}

.catalog-container__wrapper-item-info-ch {
    row-gap: 12px;
}

.catalog-container__wrapper-item-info-ch-item {
    padding-bottom: 6px;
}

.catalog-container__wrapper-item-info-ch-item-title {
    font-size: 16px;
    line-height: 20px;
}

.catalog-container__wrapper-item-info-ch-item-text {
    font-size: 16px;
    line-height: 100%;
}

.catalog-filters__filter {
    padding: 16px;
}

.catalog-filters__filter-show {
    width: 100%;
}

.catalog-filters__filter-show-name {
    font-size: 20px;
    line-height: 20px;
}

.catalog-filters__filter-show-icon, .catalog-filters__filter-show-icon--active {
    width: 32px;
    height: 32px;
}

.catalog-filters__filter-list {
    row-gap: 16px;
    margin-top: 16px;
}

.catalog-filters__filter-list-item-label {
    column-gap: 8px;
}

.catalog-filters__filter-list-item-label-check {
    width: 18px;
    height: 18px;
}

.catalog-filters__filter-list-item-label-check-icon {
    width: 12px;
    height: 10px;
}

.catalog-filters__filter-list-item-label-check-text {
    font-size: 18px;
    line-height: 24px;
}

.catalog-filters__filter-list-item-more {
    font-size: 18px;
    line-height: 24px;
}

.catalog-filters__close {
    column-gap: 16px;
    margin-top: 24px;
    width: 174px;
    height: 48px;
}

.catalog-filters__close-title {
    font-size: 16px;
    line-height: 16px;
}

.catalog-filters__close-circle {
    width: 32px;
    height: 32px;
}

.catalog-filters__close-circle-icon {
    width: 16px;
    height: 16px;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
.intro {
    padding-bottom: 0px;
}

.about-company__why-we-title {
    font-size: 52px;
    line-height: 100%;
    margin-left: 26px;
}

.warranty-head {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: space-between;
    row-gap: 24px;
    align-items: start;
}

.about-company__why-we {
    margin-top: 60px;
}

.warranty-text {
    max-width: 100%;
    font-size: 22px;
    line-height: 26px;
    text-align: left;
}

.catalog {
    flex-direction: column;
    position: relative;
    row-gap: 16px;
    padding: 80px 16px 48px 16px;
}

.catalog-filters {
    width: 100%;
}

.catalog-filters__search {
    height: 64px;
    column-gap: 16px;
}

.catalog-filters__search-circle {
    width: 32px;
    height: 32px;
    margin: 16px 0 16px 0;
}

.catalog-filters__column {
    display: none;
}

.catalog-filters__column.active {
    display: flex;
}

.catalog-filters__mob {
    display: flex;
    flex-direction: row;
    column-gap: 8px;
    margin-top: 24px;
    align-items: center;
    width: 100%;
    height: 40px;
    background: white;
    justify-content: center;
}

.catalog-filters__mob-icon {
    width: 18px;
    height: 18px;
}

.catalog-filters__mob-title {
    font-size: 16px;
    line-height: 20px;
    font-family: 'Stetica';
    font-weight: 500;
    color: var(--blue);
}

.catalog-filters__search-circle-icon {
    width: 16px;
    height: 16px;
}

.catalog-filters__search-input {
    font-size: 16px;
    line-height: 20px;
}

.catalog-filters__search-input::placeholder {
    font-size: 16px;
    line-height: 20px;
}

.catalog-container {
    row-gap: 40px;
    width: 100%;
}

.catalog-container__head {
    row-gap: 20px;
}

.catalog-container__head-title {
    font-size: 30px;
    top: 48px;
    position: absolute;
    line-height: 32px;
}

.catalog-container__head-filters {
    column-gap: 8px;
}

.catalog-container__head-filters-item {
    padding: 6px;
    column-gap: 8px;
}

.catalog-container__head-filters-item-name {
    font-size: 16px;
    line-height: 20px;
}

.catalog-container__head-filters-item-close {
    width: 24px;
    height: 24px;
}

.catalog-container__head-filters-item-close-icon {
    width: 16px;
    height: 16px;
}

.catalog-container__wrapper {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 20px;
    row-gap: 20px;
}

.catalog-container__wrapper-item:nth-last-child(1) {
    display: none;
}

.catalog-container__wrapper-item-img {
    height: 300px;
}

.catalog-container__wrapper-item-info {
    padding: 20px;
    row-gap: 32px;
}

.catalog-container__wrapper-item-info-title {
    font-size: 24px;
    line-height: 30px;
}

.catalog-container__wrapper-item-info-ch {
    row-gap: 12px;
}

.catalog-container__wrapper-item-info-ch-item {
    padding-bottom: 6px;
}

.catalog-container__wrapper-item-info-ch-item-title {
    font-size: 16px;
    line-height: 20px;
}

.catalog-container__wrapper-item-info-ch-item-text {
    font-size: 16px;
    line-height: 100%;
}

.catalog-filters__filter {
    padding: 16px;
}

.catalog-filters__filter-show {
    width: 100%;
}

.catalog-filters__filter-show-name {
    font-size: 20px;
    line-height: 20px;
}

.catalog-filters__filter-show-icon, .catalog-filters__filter-show-icon--active {
    width: 32px;
    height: 32px;
}

.catalog-filters__filter-list {
    row-gap: 16px;
    margin-top: 16px;
}

.catalog-filters__filter-list-item-label {
    column-gap: 8px;
}

.catalog-filters__filter-list-item-label-check {
    width: 18px;
    height: 18px;
}

.catalog-filters__filter-list-item-label-check-icon {
    width: 12px;
    height: 10px;
}

.catalog-filters__filter-list-item-label-check-text {
    font-size: 18px;
    line-height: 24px;
}

.catalog-filters__filter-list-item-more {
    font-size: 18px;
    line-height: 24px;
}

.catalog-filters__close {
    display: none;
    column-gap: 16px;
    margin-top: 20px;
    width: 140px;
    height: 36px;
}

.catalog-filters__close.active {
    display: flex;
}

.catalog-filters__close-title {
    font-size: 14px;
    line-height: 14px;
}

.catalog-filters__close-circle {
    width: 26px;
    height: 26px;
}

.catalog-filters__close-circle-icon {
    width: 12px;
    height: 12px;
}
}

@media (min-width: 440px) and (max-width: 767px) {
.intro {
    padding-bottom: 0px;
}

.about-company__why-we-title {
    font-size: 44px;
    line-height: 100%;
    margin-left: 16px;
}

.warranty-head {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: space-between;
    row-gap: 24px;
    align-items: start;
}

.about-company__why-we {
    margin-top: 40px;
}

.warranty-text {
    max-width: 100%;
    font-size: 18px;
    line-height: 24px;
    text-align: left;
}

.catalog {
    flex-direction: column;
    position: relative;
    row-gap: 16px;
    padding: 80px 16px 48px 16px;
}

.catalog-filters {
    width: 100%;
}

.catalog-filters__search {
    height: 64px;
    column-gap: 16px;
}

.catalog-filters__search-circle {
    width: 32px;
    height: 32px;
    margin: 16px 0 16px 0;
}

.catalog-filters__column {
    display: none;
}

.catalog-filters__column.active {
    display: flex;
}

.catalog-filters__mob {
    display: flex;
    flex-direction: row;
    column-gap: 8px;
    margin-top: 24px;
    align-items: center;
    width: 100%;
    height: 40px;
    background: white;
    justify-content: center;
}

.catalog-filters__mob-icon {
    width: 18px;
    height: 18px;
}

.catalog-filters__mob-title {
    font-size: 16px;
    line-height: 20px;
    font-family: 'Stetica';
    font-weight: 500;
    color: var(--blue);
}

.catalog-filters__search-circle-icon {
    width: 16px;
    height: 16px;
}

.catalog-filters__search-input {
    font-size: 16px;
    line-height: 20px;
}

.catalog-filters__search-input::placeholder {
    font-size: 16px;
    line-height: 20px;
}

.catalog-container {
    row-gap: 40px;
}

.catalog-container__head {
    row-gap: 20px;
}

.catalog-container__head-title {
    font-size: 24px;
    top: 48px;
    position: absolute;
    line-height: 28px;
}

.catalog-container__head-filters {
    column-gap: 8px;
}

.catalog-container__head-filters-item {
    padding: 6px;
    column-gap: 8px;
}

.catalog-container__head-filters-item-name {
    font-size: 16px;
    line-height: 20px;
}

.catalog-container__head-filters-item-close {
    width: 24px;
    height: 24px;
}

.catalog-container__head-filters-item-close-icon {
    width: 16px;
    height: 16px;
}

.catalog-container__wrapper {
    grid-template-columns: repeat(1, 1fr);
    column-gap: 20px;
    row-gap: 40px;
}

.catalog-container__wrapper-item:nth-last-child(1) {
    display: none;
}

.catalog-container__wrapper-item-img {
    height: 300px;
}

.catalog-container__wrapper-item-info {
    padding: 20px;
    row-gap: 32px;
}

.catalog-container__wrapper-item-info-title {
    font-size: 24px;
    line-height: 30px;
}

.catalog-container__wrapper-item-info-ch {
    row-gap: 12px;
}

.catalog-container__wrapper-item-info-ch-item {
    padding-bottom: 6px;
}

.catalog-container__wrapper-item-info-ch-item-title {
    font-size: 16px;
    line-height: 20px;
}

.catalog-container__wrapper-item-info-ch-item-text {
    font-size: 16px;
    line-height: 100%;
}

.catalog-filters__filter {
    padding: 16px;
}

.catalog-filters__filter-show {
    width: 100%;
}

.catalog-filters__filter-show-name {
    font-size: 20px;
    line-height: 20px;
}

.catalog-filters__filter-show-icon, .catalog-filters__filter-show-icon--active {
    width: 32px;
    height: 32px;
}

.catalog-filters__filter-list {
    row-gap: 16px;
    margin-top: 16px;
}

.catalog-filters__filter-list-item-label {
    column-gap: 8px;
}

.catalog-filters__filter-list-item-label-check {
    width: 18px;
    height: 18px;
}

.catalog-filters__filter-list-item-label-check-icon {
    width: 12px;
    height: 10px;
}

.catalog-filters__filter-list-item-label-check-text {
    font-size: 18px;
    line-height: 24px;
}

.catalog-filters__filter-list-item-more {
    font-size: 18px;
    line-height: 24px;
}

.catalog-filters__close {
    display: none;
    column-gap: 16px;
    margin-top: 20px;
    width: 140px;
    height: 36px;
}

.catalog-filters__close.active {
    display: flex;
}

.catalog-filters__close-title {
    font-size: 14px;
    line-height: 14px;
}

.catalog-filters__close-circle {
    width: 26px;
    height: 26px;
}

.catalog-filters__close-circle-icon {
    width: 12px;
    height: 12px;
}
}

@media (max-width: 439px) {
.intro {
    padding-bottom: 0px;
}
.about-company__why-we-title {
    font-size: 36px;
    line-height: 100%;
    margin-left: 16px;
}

.warranty-head {
    display: flex;
    flex-direction: column !important;
    width: 100%;
    justify-content: space-between;
    row-gap: 24px;
    align-items: start;
}

.about-company__why-we {
    margin-top: 40px;
}

.warranty-text {
    max-width: 100%;
    font-size: 18px !important;
    line-height: 24px !important;
    text-align: left;
}

.catalog {
    flex-direction: column;
    position: relative;
    row-gap: 16px;
    padding: 80px 16px 48px 16px;
	overflow: hidden;
}

.catalog-filters {
    width: 100%;
}

.catalog-filters__search {
    height: 64px;
    column-gap: 16px;
}

.catalog-filters__search-circle {
    width: 32px;
    height: 32px;
    margin: 16px 0 16px 0;
}

.catalog-filters__column {
    display: none;
}

.catalog-filters__column.active {
    display: flex;
}

.catalog-filters__mob {
    display: flex;
    flex-direction: row;
    column-gap: 8px;
    margin-top: 24px;
    align-items: center;
    width: 100%;
    height: 40px;
    background: white;
    justify-content: center;
}

.catalog-filters__mob-icon {
    width: 18px;
    height: 18px;
}

.catalog-filters__mob-title {
    font-size: 16px;
    line-height: 20px;
    font-family: 'Stetica';
    font-weight: 500;
    color: var(--blue);
}

.catalog-filters__search-circle-icon {
    width: 16px;
    height: 16px;
}

.catalog-filters__search-input {
    font-size: 16px;
    line-height: 20px;
}

.catalog-filters__search-input::placeholder {
    font-size: 16px;
    line-height: 20px;
}

.catalog-container {
    row-gap: 40px;
}

.catalog-container__head {
    row-gap: 20px;
}

.catalog-container__head-title {
    font-size: 24px;
    top: 48px;
    position: absolute;
    line-height: 28px;
}

.catalog-container__head-filters {
    column-gap: 8px;
}

.catalog-container__head-filters-item {
    padding: 6px;
    column-gap: 8px;
}

.catalog-container__head-filters-item-name {
    font-size: 16px;
    line-height: 20px;
}

.catalog-container__head-filters-item-close {
    width: 24px;
    height: 24px;
}

.catalog-container__head-filters-item-close-icon {
    width: 16px;
    height: 16px;
}

.catalog-container__wrapper {
    grid-template-columns: repeat(1, 1fr);
    column-gap: 20px;
    row-gap: 40px;
}

.catalog-container__wrapper-item:nth-last-child(1) {
    display: none;
}

.catalog-container__wrapper-item-img {
    height: 300px;
}

.catalog-container__wrapper-item-info {
    padding: 20px;
    row-gap: 32px;
}

.catalog-container__wrapper-item-info-title {
    font-size: 24px;
    line-height: 30px;
}

.catalog-container__wrapper-item-info-ch {
    row-gap: 12px;
}

.catalog-container__wrapper-item-info-ch-item {
    padding-bottom: 6px;
}

.catalog-container__wrapper-item-info-ch-item-title {
    font-size: 16px;
    line-height: 20px;
}

.catalog-container__wrapper-item-info-ch-item-text {
    font-size: 16px;
    line-height: 100%;
}

.catalog-filters__filter {
    padding: 16px;
}

.catalog-filters__filter-show {
    width: 100%;
}

.catalog-filters__filter-show-name {
    font-size: 20px;
    line-height: 20px;
}

.catalog-filters__filter-show-icon, .catalog-filters__filter-show-icon--active {
    width: 32px;
    height: 32px;
}

.catalog-filters__filter-list {
    row-gap: 16px;
    margin-top: 16px;
}

.catalog-filters__filter-list-item-label {
    column-gap: 8px;
}

.catalog-filters__filter-list-item-label-check {
    width: 18px;
    height: 18px;
}

.catalog-filters__filter-list-item-label-check-icon {
    width: 12px;
    height: 10px;
}

.catalog-filters__filter-list-item-label-check-text {
    font-size: 18px;
    line-height: 24px;
}

.catalog-filters__filter-list-item-more {
    font-size: 18px;
    line-height: 24px;
}

.catalog-filters__close {
    display: none;
    column-gap: 16px;
    margin-top: 20px;
    width: 140px;
    height: 36px;
}

.catalog-filters__close.active {
    display: flex;
}

.catalog-filters__close-title {
    font-size: 14px;
    line-height: 14px;
}

.catalog-filters__close-circle {
    width: 26px;
    height: 26px;
}

.catalog-filters__close-circle-icon {
    width: 12px;
    height: 12px;
}
}
.warranty-head {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center;
} 
.pagination {
  margin-left: auto;
  margin-right: auto;
  margin-top: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 12px;
}

.pagination__arrow {
  width: 32px;
  height: 32px;
  cursor: pointer;
}

.pagination__btn {
  font-family: "Stetica";
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  cursor: pointer;
  border: none;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
}

.pagination__btn--active {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.payment {
    width: 100%;
    background: var(--blue);
    display: flex;
    flex-direction: column;
    row-gap: 64px;
    padding: 120px 48px;
}

.payment-title {
    font-family: "Stetica";
    font-weight: 500;
    font-size: 72px;
    line-height: 72px;
    color: var(--white);
}

.payment-row {
    width: 100%;
    display: flex;
    column-gap: 200px;
    flex-direction: row;
}

.payment-row__pay {
    display: flex;
    flex-direction: column;
    row-gap: 48px;
}

.payment-row__pay-item {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    align-items: start;
}

.payment-row__pay-item-title {
    font-family: "Stetica";
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    color: var(--white);
    opacity: 0.72;
}

.payment-row__pay-item-row {
    display: flex;
    flex-direction: row;
    column-gap: 16px;
    align-items: center;
    margin-top: 20px;
}

.payment-row__pay-item-row-circle {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
}

.payment-row__pay-item-row-circle-icon {
    width: 40px;
    height: 40px;
}

.payment-row__pay-item-row-text {
    padding: 8px 16px;
    background: #FFFFFF29;
    border-radius: 6px;
    font-family: "Stetica";
    font-weight: 500;
    font-size: 32px;
    line-height: 32px;
    color: var(--white);
}

.payment-row__pay-item-range {
    -webkit-appearance: none;
    width: 902px !important;
    border-radius: 100px;
    outline: none;
    overflow: hidden;
    position: relative;
	background: #fff0;
}

input[type="range"],
input[type="range"]::-webkit-slider-runnable-track,
input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	transition: all ease 100ms;
	height: var(--thumb-height);
}

input[type="range"]::-webkit-slider-thumb {
	--clip-top: calc((var(--thumb-height) - var(--track-height)) * 0.5 - 0.5px);
	--clip-bottom: calc(var(--thumb-height) - var(--clip-top));
	--clip-further: calc(100% + 1px);
	--box-fill: calc(-100vmax - var(--thumb-width, var(--thumb-height))) 0 0
		100vmax #fff;
	width: 24px;
    height: 24px;
	background: #fff;
	background-color: #fff;
	box-shadow: var(--box-fill);
	border-radius: 100px;

	filter: brightness(100%);
	clip-path: polygon(
		100% -1px,
		var(--clip-edges) -1px,
		0 var(--clip-top),
		-100vmax var(--clip-top),
		-100vmax var(--clip-bottom),
		0 var(--clip-bottom),
		var(--clip-edges) 100%,
		var(--clip-further) var(--clip-further)
	);
}

input[type="range"]::-webkit-slider-runnable-track {
	background: linear-gradient(var(--track-color) 0 0) scroll no-repeat center /
		100% calc(var(--track-height) + 1px);
}

input[type="range"] {
    font-size: 1.5rem;
	color: #fff;
	--thumb-height: 1.125em;
	--track-height: 0.125em;
	--track-color: #FFFFFF29;
	--clip-edges: 0.125em;
}

input[type="range"]:hover {
	cursor: grabbing;
}

.payment-row__pay-item-bottom {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.payment-row__pay-item-bottom-price {
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: var(--white);
    opacity: 0.64;
}

.payment-row__col {
    display: flex;
    flex-direction: column;
    align-items: start;
    row-gap: 32px;
}

.payment-row__col-title {
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
    color: var(--white);
    opacity: 0.72;
}
.payment-row__col-price {
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 120px;
    line-height: 120px;
    color: var(--white);
    margin-top: 24px;
}
.payment-row__col-pere {
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
    color: var(--white);
}

.payment-row__col-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 18px;
    cursor: pointer;
    margin-top: auto;
}

.payment-row__col-row-circle {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
}

.payment-row__col-row-circle-icon {
    width: 32px;
    height: 32px;
}

.payment-row__col-row-text {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: var(--white);
}

@media (min-width: 1440px) and (max-width: 1919px) {
.payment {
    row-gap: 64px;
    padding: 100px 48px;
}

.payment-title {
    font-size: 64px;
    line-height: 100%;
}

.payment-row {
    column-gap: 200px;
}

.payment-row__pay {
    row-gap: 48px;
}

.payment-row__pay-item {
    row-gap: 16px;
}

.payment-row__pay-item-title {
    font-size: 32px;
    line-height: 40px;
}

.payment-row__pay-item-row {
    column-gap: 16px;
    margin-top: 20px;
}

.payment-row__pay-item-row-circle {
    width: 64px;
    height: 64px;
}

.payment-row__pay-item-row-circle-icon {
    width: 40px;
    height: 40px;
}

.payment-row__pay-item-row-text {
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 32px;
    line-height: 32px;
}

.payment-row__pay-item-range {
    width: 700px !important;
    border-radius: 100px;
}

.payment-row__pay-item-bottom {
    width: 100%;
}

.payment-row__pay-item-bottom-price {
    font-size: 24px;
    line-height: 32px;
}

.payment-row__col {
    row-gap: 32px;
    margin-right: auto;
}

.payment-row__col-title {
    font-size: 32px;
    line-height: 40px;
}
.payment-row__col-price {
    font-size: 120px;
    line-height: 120px;
    margin-top: 24px;
}
.payment-row__col-pere {
    font-size: 32px;
    line-height: 40px;
}

.payment-row__col-row {
    column-gap: 18px;
    margin-top: auto;
}

.payment-row__col-row-circle {
    width: 64px;
    height: 64px;
}

.payment-row__col-row-circle-icon {
    width: 32px;
    height: 32px;
}

.payment-row__col-row-text {
    font-size: 18px;
    line-height: 24px;
}
}

@media (min-width: 1024px) and (max-width: 1439px) {
.payment {
    row-gap: 48px;
    padding: 80px 36px;
}

.payment-title {
    font-size: 52px;
    line-height: 100%;
}

.payment-row {
    column-gap: 100px;
}

.payment-row__pay {
    row-gap: 36px;
}

.payment-row__pay-item {
    row-gap: 12px;
}

.payment-row__pay-item-title {
    font-size: 30px;
    line-height: 38px;
}

.payment-row__pay-item-row {
    column-gap: 14px;
    margin-top: 18px;
}

.payment-row__pay-item-row-circle {
    width: 54px;
    height: 54px;
}

.payment-row__pay-item-row-circle-icon {
    width: 36px;
    height: 36px;
}

.payment-row__pay-item-row-text {
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 28px;
    line-height: 100%;
}

.payment-row__pay-item-range {
    width: 500px !important;
    border-radius: 100px;
}

.payment-row__pay-item-bottom {
    width: 100%;
}

.payment-row__pay-item-bottom-price {
    font-size: 22px;
    line-height: 30px;
}

.payment-row__col {
    row-gap: 20px;
    margin-right: auto;
}

.payment-row__col-title {
    font-size: 28px;
    line-height: 36px;
}

.payment-row__col-price {
    font-size: 100px;
    line-height: 100px;
    margin-top: 30px;
}

.payment-row__col-pere {
    font-size: 28px;
    line-height: 36px;
}

.payment-row__col-row {
    column-gap: 18px;
    margin-top: auto;
}

.payment-row__col-row-circle {
    width: 48px;
    height: 48px;
}

.payment-row__col-row-circle-icon {
    width: 26px;
    height: 26px;
}

.payment-row__col-row-text {
    font-size: 16px;
    line-height: 22px;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
.payment {
    row-gap: 40px;
    padding: 48px 26px;
}

.payment-title {
    font-size: 40px;
    line-height: 100%;
}

.payment-row {
    flex-direction: column;
    row-gap: 24px;
}

.payment-row__pay {
    row-gap: 24px;
}

.payment-row__pay-item {
    row-gap: 12px;
    border-bottom: 1px solid #5181C9;
    padding-bottom: 24px;
}

.payment-row__pay-item-title {
    font-size: 20px;
    line-height: 24px;
}

.payment-row__pay-item-row {
    column-gap: 12px;
    margin-top: 4px;
}

.payment-row__pay-item-row-circle {
    width: 40px;
    height: 40px;
}

.payment-row__pay-item-row-circle-icon {
    width: 25px;
    height: 25px;
}

.payment-row__pay-item-row-text {
    padding: 4px 12px;
    border-radius: 6px;
    font-size: 24px;
    line-height: 28px;
}

.payment-row__pay-item-range {
    width: 100% !important;
    border-radius: 100px;
}

.payment-row__pay-item-bottom {
    width: 100%;
}

.payment-row__pay-item-bottom-price {
    font-size: 20px;
    line-height: 24px;
}

.payment-row__col {
    row-gap: 12px;
    margin-right: 0;
    width: 100%;
}

.payment-row__col-title {
    font-size: 20px;
    line-height: 24px;
}

.payment-row__col-price {
    font-size: 64px;
    line-height: 100%;
    margin-top: 12px;
}

.payment-row__col-pere {
    font-size: 20px;
    line-height: 24px;
}

.payment-row__col-row {
    column-gap: 12px;
    margin-top: 28px;
    flex-direction: row-reverse;
    height: 48px;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 12px;
    background: white;
}

.payment-row__col-row-circle {
    width: 26px;
    height: 26px;
    background: var(--blue);
}

.payment-row__col-row-circle-icon {
    width: 24px;
    height: 24px;
}

.payment-row__col-row-circle-icon path {
    stroke: var(--white);
}

.payment-row__col-row-text {
    font-size: 16px;
    line-height: 24px;
    color: var(--black-text);
}
}

@media (min-width: 440px) and (max-width: 767px) {
.payment {
    row-gap: 40px;
    padding: 48px 16px;
}

.payment-title {
    font-size: 32px;
    line-height: 100%;
}

.payment-row {
    flex-direction: column;
    row-gap: 24px;
}

.payment-row__pay {
    row-gap: 24px;
}

.payment-row__pay-item {
    row-gap: 12px;
    border-bottom: 1px solid #5181C9;
    padding-bottom: 24px;
}

.payment-row__pay-item-title {
    font-size: 20px;
    line-height: 24px;
}

.payment-row__pay-item-row {
    column-gap: 12px;
    margin-top: 4px;
}

.payment-row__pay-item-row-circle {
    width: 40px;
    height: 40px;
}

.payment-row__pay-item-row-circle-icon {
    width: 25px;
    height: 25px;
}

.payment-row__pay-item-row-text {
    padding: 4px 12px;
    border-radius: 6px;
    font-size: 24px;
    line-height: 28px;
}

.payment-row__pay-item-range {
    width: 100% !important;
    border-radius: 100px;
}

.payment-row__pay-item-bottom {
    width: 100%;
}

.payment-row__pay-item-bottom-price {
    font-size: 20px;
    line-height: 24px;
}

.payment-row__col {
    row-gap: 12px;
    margin-right: 0;
    width: 100%;
}

.payment-row__col-title {
    font-size: 20px;
    line-height: 24px;
}

.payment-row__col-price {
    font-size: 64px;
    line-height: 100%;
    margin-top: 12px;
}

.payment-row__col-pere {
    font-size: 20px;
    line-height: 24px;
}

.payment-row__col-row {
    column-gap: 12px;
    margin-top: 28px;
    flex-direction: row-reverse;
    height: 48px;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 12px;
    background: white;
}

.payment-row__col-row-circle {
    width: 26px;
    height: 26px;
    background: var(--blue);
}

.payment-row__col-row-circle-icon {
    width: 24px;
    height: 24px;
}

.payment-row__col-row-circle-icon path {
    stroke: var(--white);
}

.payment-row__col-row-text {
    font-size: 16px;
    line-height: 24px;
    color: var(--black-text);
}
}

@media (max-width: 439px) {
.payment {
    row-gap: 40px;
    padding: 48px 16px;
}

.payment-title {
    font-size: 32px;
    line-height: 100%;
}

.payment-row {
    flex-direction: column;
    row-gap: 24px;
}

.payment-row__pay {
    row-gap: 24px;
}

.payment-row__pay-item {
    row-gap: 12px;
    border-bottom: 1px solid #5181C9;
    padding-bottom: 24px;
}

.payment-row__pay-item-title {
    font-size: 20px;
    line-height: 24px;
}

.payment-row__pay-item-row {
    column-gap: 12px;
    margin-top: 4px;
}

.payment-row__pay-item-row-circle {
    width: 40px;
    height: 40px;
}

.payment-row__pay-item-row-circle-icon {
    width: 25px;
    height: 25px;
}

.payment-row__pay-item-row-text {
    padding: 4px 12px;
    border-radius: 6px;
    font-size: 24px;
    line-height: 28px;
}

.payment-row__pay-item-range {
    width: 100% !important;
    border-radius: 100px;
}

.payment-row__pay-item-bottom {
    width: 100%;
}

.payment-row__pay-item-bottom-price {
    font-size: 20px;
    line-height: 24px;
}

.payment-row__col {
    row-gap: 12px;
    margin-right: 0;
    width: 100%;
}

.payment-row__col-title {
    font-size: 20px;
    line-height: 24px;
}

.payment-row__col-price {
    font-size: 64px;
    line-height: 100%;
    margin-top: 12px;
}

.payment-row__col-pere {
    font-size: 20px;
    line-height: 24px;
}

.payment-row__col-row {
    column-gap: 12px;
    margin-top: 28px;
    flex-direction: row-reverse;
    height: 48px;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 12px;
    background: white;
}

.payment-row__col-row-circle {
    width: 26px;
    height: 26px;
    background: var(--blue);
}

.payment-row__col-row-circle-icon {
    width: 24px;
    height: 24px;
}

.payment-row__col-row-circle-icon path {
    stroke: var(--white);
}

.payment-row__col-row-text {
    font-size: 16px;
    line-height: 24px;
    color: var(--black-text);
}
}
.steps {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 80px;
    padding: 160px 48px;
}

.steps__title {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 72px;
    line-height: 72px;
    color: var(--black-text);
}

.steps__row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.steps-row-btn {
    display: none;
}

.steps__row-col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    height: 414px;
    padding: 24px;
    border: 1px solid #D4D4D4;
}

.steps__row-col:nth-child(2), .steps__row-col:nth-child(4) {
    background: #F9F9FA;
    border-left: none;
    border-right: none;
}

.steps__row-col:nth-child(4) {
    border-right: 1px solid #D4D4D4;
}

.steps__row-col-num {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 32px;
    line-height: 32px;
    color: var(--black-text);
}

.steps__row-col-text {
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: var(--black-text);
    letter-spacing: 0%;
}

@media (min-width: 1440px) and (max-width: 1919px) {
.steps {
    row-gap: 80px;
    padding: 120px 48px;
}

.steps__title {
    font-size: 64px;
    line-height: 64px;
}

.steps__row {
    grid-template-columns: repeat(4, 1fr);
}

.steps__row-col {
    height: 380px;
    padding: 24px;
}

.steps__row-col-num {
    font-size: 32px;
    line-height: 32px;
}

.steps__row-col-text {
    font-size: 24px;
    line-height: 32px;
}
}

@media (min-width: 1024px) and (max-width: 1439px) {
.steps {
    row-gap: 60px;
    padding: 80px 36px;
}

.steps__title {
    font-size: 52px;
    line-height: 100%;
}

.steps__row {
    grid-template-columns: repeat(4, 1fr);
}

.steps__row-col {
    height: 320px;
    padding: 20px;
}

.steps__row-col-num {
    font-size: 26px;
    line-height: 100%;
}

.steps__row-col-text {
    font-size: 20px;
    line-height: 28px;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
.steps {
    row-gap: 60px;
    padding: 80px 36px;
}

.steps__title {
    font-size: 52px;
    line-height: 100%;
}

.steps__row {
    grid-template-columns: repeat(2, 1fr);
}

.steps__row-col {
    height: 320px;
    background: #fff !important;
    border-left: 1px solid #D4D4D4 !important;
    border-right: 1px solid #D4D4D4 !important;
    padding: 20px;
}

.steps__row-col-num {
    font-size: 26px;
    line-height: 100%;
}

.steps__row-col-text {
    font-size: 20px;
    line-height: 28px;
}
}

@media (min-width: 440px) and (max-width: 767px) {
.steps {
    row-gap: 40px;
    padding: 48px 16px;
    position: relative;
}

.steps__title {
    font-size: 32px;
    line-height: 100%;
}

.steps__row {
    display: flex;
}

.steps__row-col {
    display: flex !important;
    height: 300px;
    padding: 16px;
    margin: 0 6px;
    border-left: 1px solid #D4D4D4 !important;
    border-right: 1px solid #D4D4D4 !important;
}

.steps__row-col-num {
    font-size: 22px;
    line-height: 26px;
}

.steps__row-col-text {
    font-size: 18px;
    line-height: 22px;
}

.steps-row-btn {
    display: flex;
    width: 40px;
    height: 40px;
    background: var(--blue);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: absolute;
    top: 60%;
    right: 8px;
    transform: translateY(-50%);
}

.steps-row-btn__icon {
    width: 24px;
    height: 24px;
}
}

@media (max-width: 439px) {
.steps {
    row-gap: 40px;
    padding: 48px 16px;
    position: relative;
}

.steps__title {
    font-size: 32px;
    line-height: 100%;
}

.steps__row {
    display: flex;
}

.steps__row-col {
    height: 280px;
    display: flex !important;
    padding: 16px;
    margin: 0 6px;
    border-left: 1px solid #D4D4D4 !important;
    border-right: 1px solid #D4D4D4 !important;
}

.steps__row-col-num {
    font-size: 20px;
    line-height: 24px;
}

.steps__row-col-text {
    font-size: 16px;
    line-height: 20px;
}

.steps-row-btn {
    display: flex;
    width: 40px;
    height: 40px;
    background: var(--blue);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: absolute;
    top: 60%;
    right: 8px;
    transform: translateY(-50%);
}

.steps-row-btn__icon {
    width: 24px;
    height: 24px;
}
}
.credit {
  padding: 120px 48px;
  display: flex;
  flex-direction: column;
  row-gap: 120px;
  background-color: var(--blue);
  overflow: hidden;
}

.credit-top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.credit-top__titlle {
  font-family: "Stetica";
  font-weight: 500;
  font-style: Medium;
  font-size: 72px;
  line-height: 72px;
  letter-spacing: 0%;
  max-width: 902px;
  color: var(--white);
}

.credit-bottom {
  display: flex;
  flex-direction: column;
  row-gap: 64px;
}

.credit-bottom__title {
  font-family: "Stetica";
  font-weight: 500;
  font-style: Medium;
  font-size: 72px;
  line-height: 72px;
  letter-spacing: 0%;
  color: var(--white);
}

.credit-bottom__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.cooperation-wrapper__item {
  /*width: auto;*/
  border: 1px solid #5181C9;
}

.credit-top__img {
  width: 681px;
  height: 520px;
}

@media (min-width: 1440px) and (max-width: 1919px) {
.credit {
  padding: 100px 48px;
  row-gap: 100px;
}

.credit-top {
  flex-direction: row;
}

.credit-top__titlle {
  font-size: 64px;
  line-height: 100%;
  max-width: 60%;
}

.credit-bottom {
  row-gap: 56px;
}

.credit-bottom__title {
  font-size: 64px;
  line-height: 100%;
}

.credit-bottom__list {
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.credit-top__img {
  width: 38%;
  height: 450px;
}
}

@media (min-width: 1024px) and (max-width: 1439px) {

.credit {
  padding: 80px 36px;
  row-gap: 80px;
}

.credit-top {
  flex-direction: row;
}

.credit-top__titlle {
  font-size: 46px;
  line-height: 100%;
  max-width: 60%;
}

.credit-bottom {
  row-gap: 50px;
}

.credit-bottom__title {
  font-size: 46px;
  line-height: 100%;
}

.credit-bottom__list {
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.credit-top__img {
  width: 38%;
  height: 350px;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
.credit {
  padding: 48px 0;
  row-gap: 64px;
}

.credit-top {
  flex-direction: column;
  align-items: start;
  row-gap: 40px;
}

.credit-top__titlle {
  font-size: 40px;
  line-height: 100%;
  max-width: 100%;
  padding: 0 26px;
}

.credit-bottom {
  row-gap: 40px;
}

.credit-bottom__title {
  font-size: 40px;
  line-height: 100%;
  padding: 0 26px;
}

.credit-bottom__list {
  grid-template-columns: repeat(3, 1fr);
  gap: 0px;
}

.cooperation-wrapper__item {
  border: 0.5px solid #5181C9;
}

.credit-top__img {
  width: 100%;
  height: 250px;
}
}

@media (min-width: 440px) and (max-width: 767px) {
.credit {
  padding: 48px 0;
  row-gap: 64px;
}

.credit-top {
  flex-direction: column;
  align-items: start;
  row-gap: 40px;
}

.credit-top__titlle {
  font-size: 32px;
  line-height: 100%;
  max-width: 100%;
  padding: 0 16px;
}

.credit-bottom {
  row-gap: 40px;
}

.credit-bottom__title {
  font-size: 32px;
  line-height: 100%;
  padding: 0 16px;
}

.credit-bottom__list {
  grid-template-columns: repeat(2, 1fr);
  gap: 0px;
}

.cooperation-wrapper__item {
  border: 0.5px solid #5181C9;
}

.credit-top__img {
  width: 100%;
  height: 190px;
}
}

@media (max-width: 439px) {
.credit {
  padding: 48px 0;
  row-gap: 64px;
}

.credit-top {
  flex-direction: column;
  align-items: start;
  row-gap: 40px;
}

.credit-top__titlle {
  font-size: 32px;
  line-height: 100%;
  max-width: 100%;
  padding: 0 16px;
}

.credit-bottom {
  row-gap: 40px;
}

.credit-bottom__title {
  font-size: 32px;
  line-height: 100%;
  padding: 0 16px;
}

.credit-bottom__list {
  grid-template-columns: repeat(2, 1fr);
  gap: 0px;
}

.cooperation-wrapper__item {
  border: 0.5px solid #5181C9;
}

.credit-top__img {
  width: 100%;
  height: 190px;
}
}
.blue-block {
  background-color: var(--blue);
  padding: 150px 0 0 0;
}

.choice-details {
  padding: 64px 48px 0px 48px;
  display: flex;
  flex-direction: column;
  row-gap: 64px;
}

.choice-detail__title {
  font-family: "Stetica";
  font-weight: 500;
  font-style: Medium;
  font-size: 72px;
  line-height: 72px;
  letter-spacing: 0%;
  color: var(--white);
}

.choice-details__grid {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  width: 100%;
}

.grid-row {
  display: flex;
  flex-direction: row;
  width: 100%;
  column-gap: 20px;
}

.choice-details__grid-el {
  display: flex;
  flex-direction: column;
  padding: 40px;
  row-gap: 99px;
  background-color: #FFFFFF14;
}

.choice-details__el-title {
  font-family: "Stetica";
  font-weight: 500;
  font-style: Medium;
  font-size: 28px;
  line-height: 32px;
  letter-spacing: 0%;
  color: var(--white);
}

.img-4 {
  max-width: 361px;
}



.warranty-row {
  grid-template-columns: repeat(3, 1fr);
}

.warranty-row.true {
    grid-template-columns: repeat(4, 1fr);
}

.warranty-row__item:nth-child(3) {
    border: none;
}

@media (min-width: 1024px){
.warranty-row.true .warranty-row__item:nth-child(3) {
    border-right: 1px solid #5181C9;
}
}

.warranty__info {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}

.warranty__txt {
  font-family: "Stetica";
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0%;
  vertical-align: bottom;
  max-width: 595px;
  color: var(--white);
}

.warranty-row__item-title {
  font-family: "Stetica";
  font-weight: 500;
  font-style: Medium;
  font-size: 28px;
  line-height: 32px;
  letter-spacing: 0%;
  color: var(--white);
}

.warranty-row__item-text {
  font-family: "Stetica";
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0%;
  vertical-align: bottom;
  color: var(--white);
  opacity: 64%;
}

.choice-details__grid-none {
  display: none;
}

@media (min-width: 1440px) and (max-width: 1919px) {
  .grid-row div {
    width: 32%;
  }

  .row-4 div {
    width: 23.8%;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .choice-details__grid-none {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }

  .choice-details__grid {
    display: none;
  }

  .choice-details__grid-el {
    width: 31.5%;
    padding: 32px 24px;
  }

  .choice-details__el-title {
    font-size: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .choice-details__grid-none {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }

  .choice-details__grid {
    display: none;
  }

  .choice-details__grid-el {
    width: 48%;
    padding: 32px 24px;
  }

  .choice-details__el-title {
    font-size: 20px;
  }

  .choice-detail__title {
    font-size: 46px;
    line-height: 100%;
  }
}

@media (min-width: 440px) and (max-width: 767px) {
    .choice-details__grid-none {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }

  .choice-details__grid {
    display: none;
  }

  .choice-details__grid-el {
    width: 100%;
    padding: 32px 24px;
  }

  .choice-details__el-title {
    font-size: 20px;
  }

    .choice-detail__title {
    font-size: 36px;
    line-height: 100%;
  }

  .choice-details {
    padding: 32px 24px 0px 24px;
  }
}

@media (max-width: 439px) {
    .choice-details__grid-none {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }

  .choice-details__grid {
    display: none;
  }

  .choice-details__grid-el {
    width: 100%;
    padding: 32px 24px;
  }

  .choice-details__el-title {
    font-size: 20px;
  }
  
    .choice-detail__title {
    font-size: 36px;
    line-height: 100%;
  }

  .choice-details {
    padding: 32px 24px 0px 24px;
  }
}
.key {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 64px;
    padding: 160px 48px;
}

.key__title {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 72px;
    line-height: 72px;
    color: var(--black-text);
}

.key__box {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #D4D4D4;
    padding-top: 48px;
}

.key__box-col {
    display: flex;
    flex-direction: column;
    row-gap: 32px;
    max-width: 729px;
}

.key__box-col-title {
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 40px;
    line-height: 46px;
    color: var(--black-text);
}

.key__box-col-text {
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: var(--black-text);
}

.key__box-line {
    width: 1px;
    height: 464px;
    background-color: #D4D4D4;
}

.key__box-img {
    width: 854px;
    height: 464px;
    object-fit: cover;
}

@media (min-width: 1440px) and (max-width: 1919px) {
.key {
    row-gap: 64px;
    padding: 180px 48px;
}

.key__title {
    font-size: 64px;
    line-height: 68px;
}

.key__box {
    padding-top: 48px;
}

.key__box-col {
    row-gap: 32px;
    max-width: 45%;
}

.key__box-col-title {
    font-size: 40px;
    line-height: 46px;
}

.key__box-col-text {
    font-size: 24px;
    line-height: 32px;
}

.key__box-line {
    height: 464px;
}

.key__box-img {
    width: 50%;
    height: auto;
}
}

@media (min-width: 1024px) and (max-width: 1439px) {
.key {
    row-gap: 48px;
    padding: 180px 36px;
}

.key__title {
    font-size: 48px;
    line-height: 54px;
}

.key__box {
    padding-top: 30px;
    flex-direction: column;
    row-gap: 40px;
}

.key__box-col {
    row-gap: 28px;
    max-width: 100%;
}

.key__box-col-title {
    font-size: 40px;
    line-height: 46px;
}

.key__box-col-title br {
    display: none;
}

.key__box-col-text {
    font-size: 24px;
    line-height: 32px;
}

.key__box-line {
    display: none;
}

.key__box-img {
    width: 80%;
    height: auto;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
.key {
    row-gap: 40px;
    padding: 64px 26px 48px 26px;
    border-top: 1px solid #D4D4D4;
}

.key__title {
    font-size: 46px;
    line-height: 100%;
}

.key__title br {
    display: none;
}

.key__box {
    padding-top: 0px;
    flex-direction: column;
    row-gap: 26px;
    border: none;
}

.key__box-col {
    row-gap: 28px;
    max-width: 100%;
}

.key__box-col-title {
    font-size: 36px;
    line-height: 28px;
}

.key__box-col-title br {
    display: none;
}

.key__box-col-text {
    font-size: 24px;
    line-height: 30px;
}

.key__box-line {
    display: none;
}

.key__box-img {
    width: 100%;
    height: auto;
    margin-top: 14px;
}
}

@media (min-width: 440px) and (max-width: 767px) {
.key {
    row-gap: 40px;
    padding: 64px 16px 48px 16px;
    border-top: 1px solid #D4D4D4;
}

.key__title {
    font-size: 36px;
    line-height: 100%;
}

.key__title br {
    display: none;
}

.key__box {
    padding-top: 0px;
    flex-direction: column;
    row-gap: 16px;
    border: none;
}

.key__box-col {
    row-gap: 28px;
    max-width: 100%;
}

.key__box-col-title {
    font-size: 28px;
    line-height: 28px;
}

.key__box-col-title br {
    display: none;
}

.key__box-col-text {
    font-size: 20px;
    line-height: 26px;
}

.key__box-line {
    display: none;
}

.key__box-img {
    width: 100%;
    height: auto;
    margin-top: 24px;
}
}

@media (max-width: 439px) {
.key {
    row-gap: 40px;
    padding: 64px 16px 48px 16px;
    border-top: 1px solid #D4D4D4;
}

.key__title {
    font-size: 32px;
    line-height: 100%;
}

.key__title br {
    display: none;
}

.key__box {
    padding-top: 0px;
    flex-direction: column;
    row-gap: 16px;
    border: none;
}

.key__box-col {
    row-gap: 28px;
    max-width: 100%;
}

.key__box-col-title {
    font-size: 24px;
    line-height: 28px;
}

.key__box-col-title br {
    display: none;
}

.key__box-col-text {
    font-size: 18px;
    line-height: 24px;
}

.key__box-line {
    display: none;
}

.key__box-img {
    width: 100%;
    height: auto;
    margin-top: 24px;
}
}
.scheme {
  background: var(--black-text);
  padding-bottom: 30px;
}

.scheme-col-text {
  color: var(--white);
  opacity: 0.64;
}

.scheme-col-title,
.scheme-col-numbers-num,
.scheme-col-numbers-count,
.scheme-nav-info-text {
  color: var(--white);
}

.scheme-nav-buttons-button {
  background: white;
}

.scheme-nav-buttons-button-arrow path {
  stroke: var(--blue);
}

.breadcrumbs {
  margin-left: 8px !important;
}

.about-company__production {
  overflow: hidden;
  margin-top: 120px;
  width: 100%;
  height: 848px;
  background-color: var(--blue);
  display: flex;
  flex-direction: row;
  padding: 64px 48px;
  justify-content: space-between;
}

.about-company__production-line {
  height: 100%;
  width: 0px;
  border: 0.5px solid #5181C9;
}


.about-company__production-img {
  height: 574px;
  margin-right: -64px;
  margin-top: 129px;
}

.about-company__production-info {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}

.about-company__production-top-info {
  display: flex;
  flex-direction: column;
  row-gap: 56px;
}

.about-company__production-title {
  font-family: "Stetica";
  font-weight: 500;
  font-style: Medium;
  font-size: 56px;
  line-height: 100%;
  letter-spacing: 0%;
  color: var(--white);
}

.about-company__production-bottom-info {
  font-family: "Stetica";
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0%;
  vertical-align: bottom;
  color: var(--white);
  max-width: 585px;
}

.about-company__production-button {
  display: flex;
  flex-direction: row;
  column-gap: 18px;
  cursor: pointer;
  width: 183px;
  background: none;
  border: none;
  align-items: center;
}

.about-company__production-button-txt {
  font-family: "Stetica";
  font-weight: 500;
  font-style: Medium;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0%;
  text-transform: uppercase;
  color: var(--white);
}

.conclusion-line {
  width: 100%;
  height: 0px;
  border: 1px solid var(--strokeonwhite);
  margin-top: 120px;
}

.about-company__func-card {
  margin-top: 64px;
  display: flex;
  flex-direction: row;
  width: 100%;
}

.about-company__card-list {
  width: 663px;
  height: 832px;
  background-color: var(--blue);
  padding: 48px 48px 0px 48px;
  position: relative;
}

.about-company__card-title {
  font-family: "Stetica";
  font-weight: 500;
  font-style: Medium;
  font-size: 40px;
  line-height: 46px;
  letter-spacing: 0%;
  color: var(--white);
}

.about-company__card-search {
  width: 100%;
  display: flex;
  flex-direction: row;
  height: 64px;
  margin-top: 44px;
}

.about-company__card-input-block {
  width: 411px;
  height: 100%;
  border: 1px solid var(--white);
  padding: 16px;
  align-items: center;
  display: flex;
  flex-direction: row;
  column-gap: 16px;
}

.about-company__card-input {
  height: 62px;
  width: 100%;
  background: none;
  border: none;
  font-family: "Stetica";
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0%;
  color: var(--white);
}

.about-company__card-input::placeholder {
  font-family: "Stetica";
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0%;
  color: var(--white);
  opacity: 64%;
}

.about-company__card-button-find {
  width: 156px;
  height: 100%;
  border: none;
  background-color: var(--white);
  font-family: "Stetica";
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0%;
  text-align: center;
  text-transform: uppercase;
  color: var(--blue);
  cursor: pointer;
}

.about-company__card-find-list {
  display: flex;
  flex-direction: column;
  overflow: auto;
  margin-top: 24px;
  height: 560px;
}

.about-company__town-block {
  display: flex;
  flex-direction: column;
  padding: 20px;
  border: 1px solid var(--stroke-blue);
  row-gap: 16px;
  cursor: pointer;
}

.about-company__town-name {
  display: flex;
  flex-direction: row;
  column-gap: 2px;
  align-items: center;
}

.about-company__town {
  font-family: "Stetica";
  font-weight: 500;
  font-style: Medium;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0%;
  color: var(--white);
}

.about-company__town-name svg {
  margin: 6px 4px;
}

.about-company__element-info-block {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}

.about-company__element-info {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  gap: 15px;
}

.about-company__element-adress,
.about-company__element-number {
  font-family: "Stetica";
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0%;
  color: var(--white);
}

.last-card-el {
  margin-bottom: 50px;
}

.about-company__list-gradient {
  position: absolute;
  width: 563px;
  height: 133px;
  bottom: 0px;
  left: 48px;
  right: 52px;
}

.about-company__list-gradient {
  background: linear-gradient(180deg, rgba(0, 58, 145, 0.16) 10.96%, #003A91 100%);
}

.about-company__card-find-list::-webkit-scrollbar {
  width: 4px;
}

.about-company__card-find-list::-webkit-scrollbar-track {
  background: #4375BF;
  border-radius: 4px;
}

.about-company__card-find-list::-webkit-scrollbar-thumb {
  background-color: white;
  border-radius: 4px;
  border: 3px solid white;
}

.about-company__history {
  width: 100%;
  height: 844px;
  background-color: var(--blue);
  position: relative;
  padding: 64px 0px 0px 48px;
  margin-top: 52px;
  overflow: hidden;
}

.about-company__history-info {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
  width: 880px;
  position: relative;
}

.about-company__history-preimg {
  position: absolute;
  top: auto;
  bottom: auto;
  right: 0px;
}

.about-company__history-img {
  position: absolute;
  top: 64px;
  bottom: 64px;
  right: 204px;
  z-index: 1000;
  opacity: 0.2;
  width: 565px;
  height: 565px;
  z-index: 10;
  top: 145px;
  right: -100px;
  transition: width 0.5s ease;
  transition: height 0.5s ease;
  transition: top 0.5s ease;
  transition: right 0.5s ease;
  transition: opacity 0.5s ease;
}

.about-company__history-title {
  font-family: "Stetica";
  font-weight: 500;
  font-style: Medium;
  font-size: 72px;
  line-height: 72px;
  letter-spacing: 0%;
  color: var(--white);
}

.about-company__history-line {
  width: 701px;
  height: 0px;
  border: 1px solid var(--stroke-blue);
  margin-left: 71px;
}

.about-company__history-year {
  display: flex;
  flex-direction: row;
  column-gap: 48px;
  align-items: center;
}

.about-company__history-year-info {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  margin-top: -20px;
}

.about-company__year {
  font-family: "Stetica";
  font-weight: 400;
  font-style: Regular;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0%;
  color: var(--white);
  opacity: 64%;
}

.about-company__year-title {
  font-family: "Stetica";
  font-weight: 500;
  font-style: Medium;
  font-size: 28px;
  line-height: 32px;
  letter-spacing: 0%;
  color: var(--white);
}

.about-company__year-txt {
  font-family: "Stetica";
  font-weight: 400;
  font-style: Regular;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0%;
  vertical-align: bottom;
  color: var(--white);
  opacity: 64%;
  max-width: 704px;
}

.about-company__history-radio {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.about-company__history-radio+label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  font-size: 16px;
  user-select: none;
}

.about-company__history-radio+label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: var(--white);
  opacity: 64%;
  transition: all 0.2s ease;
  padding: auto;
}

.about-company__history-radio:checked+label::after {
  content: "";
  position: absolute;
  top: calc(50% - 7px);
  left: calc(50% - 8px);
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: var(--white);
}

.about-company__history-list {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}

.about-company__history-gradient {
  position: absolute;
  background: linear-gradient(180deg, rgba(0, 58, 145, 0.16) 10.96%, #003A91 100%);
  width: 769px;
  height: 133px;
  top: 640px;
  left: 48px;
}

.about-company__history-buttons {
  position: absolute;
  top: 0px;
  right: calc(100% - 600px);
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}

.about-company__history-button {
  border: none;
  background: none;
  cursor: pointer;
}

#history-list {
  transition: margin-top 0.5s ease;
}

.about-company__history-hidden {
  overflow: hidden;
}

.pre-img {
  opacity: 1;
  width: 716px;
  height: 716px;
  z-index: 11;
  top: 64px;
  right: 204px;
}

.active5 {
  height: 48px;
  position: absolute;
  top: 64px;
  z-index: 2;
  background-color: var(--white);
  right: 100px;
  width: 317px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#block3 {
  display: flex;
  flex-direction: row;
  column-gap: 72px;
  display: none;
}

#list2 {
  display: none;
}

.services-list__navigation {
  margin-top: 0px;
}

.about-company__production-img-adapt {
  display: none;
}

.about-company__production-button-adapt {
  display: none;
}

.active4 {
  top: 64px;
}

.about-company__comand-but-adapt {
  display: none;
}

.about-company__history-adapt {
  background-color: var(--blue);
  width: 100%;
  height: auto;
  padding: 48px;
}

.about-company__history-info {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}

.about-company__history-info-scroll-element {
  display: flex;
  flex-direction: row;
  column-gap: 40px;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.about-company__history-img-adapt {
  width: 450px;
  height: 450px;
}

.about-company__history-img-adapt-info {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.about-company__history-adapt-year {
  font-family: "Stetica";
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 1%;
  text-align: left;
  color: var(--white);
  opacity: 64%;
}

.about-company__history-adapt-title {
  font-family: "Stetica";
  font-weight: 500;
  font-style: Medium;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 0%;
  color: var(--white);
  margin-top: 40px;
}

.about-company__history-adapt-txt {
  font-family: "Stetica";
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 1%;
  color: var(--white);
  margin-top: 40px;
}

.adapt-row {
  position: relative;
}

#slickPrev {
  border: none;
  background: none;
  position: absolute;
  top: 200px;
  z-index: 999999;
  left: -30px;
}

#slickNext {
  border: none;
  background: none;
  position: absolute;
  top: 200px;
  z-index: 999999;
  right: -20px;
}

.about-company__history-adapt {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.about-company__history-adapt {
  display: none;
}

.about-company__history-info {
  width: 100%;
}

.about-company__history-title {
  margin-right: auto;
}

@media (min-width: 1440px) and (max-width: 1919px) {
  .scheme-nav-buttons {
    right: 48px;
    top: 47%;
  }

  .about-company__production-img {
    height: 374px;
    margin-right: -128px;
    margin-top: 199px;
    margin-right: -64px;
  }

  .about-company__comand-line {
    display: none;
  }

  .about-company__comand-block {
    flex-direction: row;
    column-gap: 30px;
  }

  .map_tabs {
        left: 663px;
    }

  .active4 {
    top: 64px;
    right: 0px;
  }

  .about-company__why-we-reason-icon {
    min-width: 104px;
    min-height: 104px;
     max-width: 104px;
    max-height: 104px;
  }

  .about-company__history-buttons {}

  .grid-el {
    height: 600px;
    padding: 24px;
  }

  .about-company__history-img {
    right: -300px;
  }

  .pre-img {
    right: -4px;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .about-company__production-img {
    height: 374px;
    right: 0px;
    margin-top: 199px;
    /*position: absolute;*/
    opacity: 0.4;
  }

  .scheme-nav-buttons {
    bottom: 140px;
    right: 100px;
  }

  .about-company__history-adapt {
  display: flex;
}

  .about-company__history {
    display: none;
  }

  .about-company__production-line {
    display: none;
  }

    .active4 {
    top: 64px;
    right: 0px;
    margin-right: 0px;
  }

  .about-company__card-list {
    width: 400px;
  }

  .map-tabs {
    left: 500px;
  }

  .about-company__card-list {
    padding: 16px;
  }

  .about-company__comand-img {
    width: 50%;
  }

  .about-company__comand-line {
    display: none;
  }

  .about-company__comand-block {
    column-gap: 30px;
  }

  .about-company__comand-txt {
    font-size: 18px;
    line-height: 100%;
  }

  .about-company__comand-pretitle {
    font-size: 36px;
    line-height: 100%;
  }

  .about-company__comand-title {
    font-size: 36px;
    line-height: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .about-company__production-img {
    display: none;
  }

  .about-company__production-line {
    display: none;
  }

  .about-company__card-list {
    width: 100%;
  }

  .active4 {
    top: 66px;
    right: 0px;
  }

  .about-company__history-img-adapt {
    width: 250px;
    height: 250px;
  }

  .services-list__tab {
    padding-bottom: 10px;
  }

  .about-company__card-input-block {
    width: 100%;
  }

  

  .about-company__production-title,
  .about-company__why-we-title {
    font-size: 46px;
  }

  .about-company__production-img-adapt {
    display: block;
    width: 100%;
    margin: 40px 0px;
  }

  .about-company__production {
    height: auto;
    margin-top: 0;
  }

  .about-company__production-button {
    display: none;
  }

  .about-company__production-button-adapt {
    display: flex;
    width: 100%;
    padding: 11px 0px;
    background-color: var(--white);
    border-radius: 12px;
    margin-top: 30px;
    align-items: center;
    justify-content: center;
    column-gap: 12px;
  }

    .about-company__history {
    display: none;
  }

    .about-company__history-adapt {
  display: flex;
}

  .about-company__production-button-adapt-txt {
    font-family: "Stetica";
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: var(--black-text);
    cursor: pointer;
  }

  .about-company__production-img {
    height: 374px;
    right: 0px;
    margin-top: 199px;
    position: absolute;
    opacity: 0.4;
  }

  .about-company__production-line {
    display: none;
  }

  .about-company__production-info {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .about-company__production-bottom-info {
    width: 100%;
  }

  .about-company__production-bottom-info {
    width: 100%;
    max-width: 9999px;
  }

  .about-company__why-we-garant {
    margin-top: 40px;
  }

  .about-company__why-we {
    row-gap: 32px;
  }

  #slickPrev {
  border: none;
  background: none;
  position: absolute;
  top: 100px;
  z-index: 999999;
  left: -30px;
}

#slickNext {
  border: none;
  background: none;
  position: absolute;
  top: 100px;
  z-index: 999999;
  right: -20px;
}
  
  .about-company__comand-img {
    width: 50%;
  }

  .about-company__comand-line {
    display: none;
  }

  .about-company__comand-block {
    column-gap: 30px;
  }

  .about-company__comand-txt {
    font-size: 18px;
    line-height: 100%;
    font-size: 18px;
    font-family: "Stetica";
    font-weight: 400;
    letter-spacing: 0%;
    color: var(--black-text);
  }

  .about-company__comand-pretitle {
    font-size: 36px;
    line-height: 100%;
  }

  .about-company__comand-title {
    font-size: 32px;
    line-height: 100%;
  }

  .about-company__comand {
    padding: 0px 24px;
  }

  .about-company__comand-title {
    font-size: 32px;
  }

  .about-company__comand-top {
    column-gap: 20px;
  }

    .about-company__history-title {
    font-size: 56px;
  }

}

@media (min-width: 440px) and (max-width: 767px) {
    .about-company__production-button-adapt {
    display: flex;
    width: 100%;
    padding: 11px 0px;
    background-color: var(--white);
    border-radius: 12px;
    margin-top: 30px;
    align-items: center;
    justify-content: center;
    column-gap: 12px;
  }

  .about-company__comand-but-adapt {
    display: flex;
    width: 100%;
    padding: 11px 0px;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background-color: var(--blue);
    border: none;
    column-gap: 12px;
    cursor: pointer;
  }

  .about-company__history-info-scroll-element {
    flex-direction: column;
    row-gap: 20px;
  }

  .about-company__history-title {
    font-size: 44px;
  }

  #slickPrev {
  border: none;
  background: none;
  position: absolute;
  top: 50%;
  z-index: 999999;
  left: -10px;
}

#slickNext {
  border: none;
  background: none;
  position: absolute;
  top: 50%;
  z-index: 999999;
  right: -10px;
}

.about-company__history-img-adapt {
  width: 100%;
  height: auto;
}

  .about-company__history-adapt {
    padding: 24px;
  }

  .about-company__comand-but-adapt-txt {
    font-family: "Stetica";
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: center;
    text-transform: uppercase;
    color: var(--white);
  }

  .about-company__comand-link {
    display: none;
  }

  .about-company__comand {
    row-gap: 16px;
  }

  .about-company__comand-content {
    row-gap: 24px;
  }

    .about-company__history-adapt {
  display: flex;
}

  .about-company__comand-block {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
  }

  .reverse {
    flex-direction: column-reverse;
  }

  .active4 {
    top: 111px;
    right: 0px;
  }
  
  .about-company__card-input-block {
    width: 100%;
  }

  .about-company__card-list {
    width: 100%;
    padding: 0px 16px;
  }

  .about-company__production-button-adapt-txt {
    font-family: "Stetica";
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: var(--black-text);
    cursor: pointer;
  }

  .about-company__production-img {
    height: 374px;
    right: 0px;
    margin-top: 199px;
    position: absolute;
    opacity: 0.4;
  }
  .about-company__production-button {
    display: none;
  }

  .about-company__production-line {
    display: none;
  }

  .about-company__production-info {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .about-company__production-bottom-info {
    width: 100%;
  }

  .about-company__production-bottom-info {
    width: 100%;
    max-width: 9999px;
  }

  .about-company__production-img {
    display: none;
  }

  .about-company__production-line {
    display: none;
  }

  .about-company__production {
    height: auto;
    margin-top: 0;
  }

  .about-company__production-img-adapt {
    display: block;
    margin: 30px 0px;
  }

  .about-company__production-title,
  .about-company__why-we-title {
    font-size: 36px;
  }
  
    .about-company__history {
    display: none;
  }

  .about-company__production-bottom-info  {
    font-size: 18px;
    line-height: 100%;
  }

  .about-company__production {
    padding: 32px;
  }

  .about-company__why-we-garant {
    margin-top: 20px;
  }

  .about-company__why-we {
    row-gap: 16px;
  }

    .about-company__why-we-title {
    margin-left: 16px;
  }

    .about-company__production-line {
    display: none;
  }

  .about-company__production-info {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .about-company__production-bottom-info {
    width: 100%;
  }

  .about-company__production-bottom-info {
    width: 100%;
    max-width: 9999px;
  }

  .about-company__why-we-garant {
    margin-top: 40px;
  }

  .about-company__why-we {
    row-gap: 32px;
  }

  
  .about-company__comand-img {
    width: 100%;
  }

  .about-company__comand-line {
    display: none;
  }

  .about-company__comand-info {
    row-gap: 16px;
  }

  .about-company__comand-block {
    column-gap: 30px;
  }

  .about-company__comand-txt {
    font-size: 18px;
    font-family: "Stetica";
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0%;
    color: var(--black-text);
  }

  .about-company__comand-pretitle {
    font-size: 36px;
    line-height: 100%;
  }

  .about-company__comand-title {
    font-size: 32px;
    line-height: 100%;
  }

  .about-company__comand {
    padding: 0px 24px;
  }

  .about-company__comand-title {
    font-size: 32px;
  }

  .about-company__comand-top {
    column-gap: 20px;
  }

  .about-company__comand-top {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
  }

  .services-list {
    margin-top: 0;
  }


}

@media (max-width: 439px) {
    .about-company__comand-but-adapt {
    display: flex;
    width: 100%;
    padding: 11px 0px;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background-color: var(--blue);
    border: none;
    column-gap: 12px;
    cursor: pointer;
  }

    .about-company__history-info-scroll-element {
    flex-direction: column;
    row-gap: 20px;
  }


  #slickPrev {
  border: none;
  background: none;
  position: absolute;
  top: 50%;
  z-index: 999999;
  left: -10px;
}

#slickNext {
  border: none;
  background: none;
  position: absolute;
  top: 50%;
  z-index: 999999;
  right: -10px;
}

.about-company__history-img-adapt {
  width: 100%;
  height: auto;
}

.about-company__history-adapt {
  padding: 12px;
}

  .about-company__comand-but-adapt-txt {
    font-family: "Stetica";
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: center;
    text-transform: uppercase;
    color: var(--white);
  }

  .about-company__comand-link {
    display: none;
  }

  .about-company__comand {
    row-gap: 16px;
  }

    .about-company__history-title {
    font-size: 36px;
  }

    .about-company__history-adapt {
  display: flex;
}

  .about-company__comand-content {
    row-gap: 24px;
  }

  .about-company__comand-block {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
  }

  .reverse {
    flex-direction: column-reverse;
  }

  .active4 {
    top: 111px;
    right: 0px;
  }
  
  .about-company__card-input-block {
    width: 100%;
  }

  .about-company__card-list {
    width: 100%;
    padding: 0px 16px;
  }

  .about-company__production-button-adapt-txt {
    font-family: "Stetica";
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: var(--black-text);
    cursor: pointer;
  }

    .about-company__history {
    display: none;
  }

  .about-company__production-img {
    height: 374px;
    right: 0px;
    margin-top: 199px;
    position: absolute;
    opacity: 0.4;
  }
  .about-company__production-button {
    display: none;
  }

  .about-company__production-line {
    display: none;
  }

  .about-company__production-info {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .about-company__production-bottom-info {
    width: 100%;
  }

  .about-company__production-bottom-info {
    width: 100%;
    max-width: 9999px;
  }

  .about-company__production-img {
    display: none;
  }

  .about-company__production-line {
    display: none;
  }

  .about-company__production {
    height: auto;
    margin-top: 0;
  }

  .about-company__production-img-adapt {
    display: block;
    margin: 30px 0px;
  }

  .about-company__production-title,
  .about-company__why-we-title {
    font-size: 36px;
  }

  .about-company__production-bottom-info  {
    font-size: 18px;
    line-height: 100%;
  }

  .about-company__production {
    padding: 32px;
  }

  .about-company__why-we-garant {
    margin-top: 20px;
  }

  .about-company__why-we {
    row-gap: 16px;
  }

    .about-company__why-we-title {
    margin-left: 16px;
  }

    .about-company__production-line {
    display: none;
  }

  .about-company__production-info {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .about-company__production-bottom-info {
    width: 100%;
  }

  .about-company__production-bottom-info {
    width: 100%;
    max-width: 9999px;
  }

  .about-company__why-we-garant {
    margin-top: 40px;
  }

  .about-company__why-we {
    row-gap: 32px;
  }

  
  .about-company__comand-img {
    width: 100%;
  }

  .about-company__comand-line {
    display: none;
  }

  .about-company__comand-info {
    row-gap: 16px;
  }

  .about-company__comand-block {
    column-gap: 30px;
  }

  .about-company__comand-txt {
    font-family: "Stetica";
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0%;
    color: var(--black-text);
  }

  .about-company__comand-pretitle {
    font-size: 36px;
    line-height: 100%;
  }

  .about-company__comand-title {
    font-size: 32px;
    line-height: 100%;
  }

  .about-company__comand {
    padding: 0px 24px;
  }

  .about-company__comand-title {
    font-size: 32px;
  }

  .about-company__comand-top {
    column-gap: 20px;
  }

  .about-company__comand-top {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
  }

      .about-company__production-button-adapt {
    display: flex;
    width: 100%;
    padding: 11px 0px;
    background-color: var(--white);
    border-radius: 12px;
    margin-top: 30px;
    align-items: center;
    justify-content: center;
    column-gap: 12px;
  }

    .about-company__card-list {
    width: 100%;
    padding: 0px 16px;
  }
  
  .about-company__why-we-garant {
    margin-top: 20px;
  }

  .about-company__card-title {
    margin-top: 100px;
  }

  .about-company__why-we {
    row-gap: 16px;
  }

  .about-company__production-button-adapt-txt {
    font-family: "Stetica";
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: var(--black-text);
    cursor: pointer;
  }

  .about-company__production-img {
    height: 374px;
    right: 0px;
    margin-top: 199px;
    position: absolute;
    opacity: 0.4;
  }
  .about-company__production-button {
    display: none;
  }

  .about-company__production-line {
    display: none;
  }

  .about-company__production-info {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .about-company__production-bottom-info {
    width: 100%;
  }

  .about-company__production-bottom-info {
    width: 100%;
    max-width: 9999px;
  }

  .about-company__production-img {
    display: none;
  }

  .about-company__production-line {
    display: none;
  }

  .about-company__production {
    height: auto;
  }

  .about-company__production-img-adapt {
    display: block;
    margin: 30px 0px;
  }

  .about-company__production-title,
  .about-company__why-we-title {
    font-size: 32px;
  }

  .about-company__why-we-title {
    margin-left: 12px;
    line-height: 100%;
  }

  .about-company__production-bottom-info  {
    font-size: 18px;
    line-height: 100%;
  }

  .about-company__production {
    padding: 16px;
  }
}
.stocks {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  padding: 52px 48px 120px 48px;
}

.stocks-title {
  font-family: "Stetica";
  font-weight: 500;
  font-size: 88px;
  line-height: 80px;
  color: var(--black-text);
}

.stocks-card {
  height: 584px;
  display: flex;
  flex-direction: column;
  border: 1px solid #d4d4d4;
}

.stocks-card__image {
  width: 100%;
  height: 400px;
  position: relative;
}

.stocks-card__image-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.stocks-card__image-circle {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--white);
  position: absolute;
  top: 32px;
  left: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.stocks-card__image-circle-icon {
  width: 30px;
  height: 30px;
}

.stocks-card__image-text {
  position: absolute;
  bottom: 0;
  left: 0;
  background: var(--blue);
  padding: 8px 32px;
  font-family: "Stetica";
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: var(--white);
}

.stocks-card__box {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  padding: 32px;
}

.stocks-card__box-title {
  font-family: "Stetica";
  font-weight: 500;
  font-size: 28px;
  line-height: 32px;
  color: var(--black-text);
}

.stocks-card__box-text {
  font-family: "Stetica";
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  color: var(--black-text);
  opacity: 0.64;
}

.stocks-cards {
  margin-top: 40px;
}

.stocks-cards__wrapper {
  display: none;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 24px;
  row-gap: 24px;
}
.stocks-cards__wrapper.active {
  display: grid;
}

.pagination {
  margin-left: auto;
  margin-right: auto;
  margin-top: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 12px;
}

.pagination__arrow {
  width: 32px;
  height: 32px;
  cursor: pointer;
}

.pagination__btn {
  font-family: "Stetica";
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: var(--black-text);
  cursor: pointer;
  border: none;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
}

.pagination__btn--active {
  color: var(--white);
  background: var(--blue);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .stocks {
    row-gap: 24px;
    padding: 40px 36px 100px 36px;
  }

  .stocks-title {
    font-size: 70px;
    line-height: 100%;
  }

  .stocks-card {
    height: 480px;
  }

  .stocks-card__image {
    height: 300px;
  }

  .stocks-card__image-circle {
    width: 48px;
    height: 48px;
    top: 28px;
    left: 28px;
  }

  .stocks-card__image-circle-icon {
    width: 24px;
    height: 24px;
  }

  .stocks-card__image-text {
    padding: 8px 32px;
    font-size: 18px;
  }

  .stocks-card__box {
    row-gap: 20px;
    padding: 24px;
  }

  .stocks-card__box-title {
    font-size: 26px;
    line-height: 30px;
  }

  .stocks-card__box-text {
    font-size: 22px;
    line-height: 28px;
  }

  .stocks-cards {
    margin-top: 0px;
  }

  .stocks-cards__wrapper {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 24px;
    row-gap: 24px;
  }

  .pagination {
    margin-top: 24px;
    column-gap: 12px;
  }

  .pagination__arrow {
    width: 32px;
    height: 32px;
  }

  .pagination__btn {
    font-size: 18px;
    line-height: 24px;
    width: 40px;
    height: 40px;
  }

  .pagination__btn--active {
    width: 40px;
    height: 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .stocks {
    row-gap: 16px;
    padding: 36px 26px 48px 26px;
  }

  .stocks-title {
    font-size: 48px;
    line-height: 100%;
  }

  .stocks-card {
    height: 300px;
  }

  .stocks-card__image {
    height: 220px;
  }

  .stocks-card__image-circle {
    width: 40px;
    height: 40px;
    top: 12px;
    left: 12px;
  }

  .stocks-card__image-circle-icon {
    width: 20px;
    height: 20px;
  }

  .stocks-card__image-text {
    padding: 8px 20px;
    font-size: 12px;
    line-height: 24px;
  }

  .stocks-card__box {
    row-gap: 4px;
    padding: 20px;
  }

  .stocks-card__box-title {
    font-size: 20px;
    line-height: 24px;
  }

  .stocks-card__box-text {
    font-size: 14px;
    line-height: 16px;
  }

  .stocks-cards {
    margin-top: 0px;
  }

  .stocks-cards__wrapper {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 24px;
    row-gap: 24px;
  }

  .pagination {
    margin-top: 24px;
    column-gap: 12px;
  }

  .pagination__arrow {
    width: 32px;
    height: 32px;
  }

  .pagination__btn {
    font-size: 18px;
    line-height: 24px;
    width: 40px;
    height: 40px;
  }

  .pagination__btn--active {
    width: 40px;
    height: 40px;
  }
}

@media (min-width: 440px) and (max-width: 767px) {
  .stocks {
    row-gap: 16px;
    padding: 36px 16px 48px 16px;
  }

  .stocks-title {
    font-size: 32px;
    line-height: 100%;
  }

  .stocks-card {
    height: 280px;
  }

  .stocks-card__image {
    height: 192px;
  }

  .stocks-card__image-circle {
    width: 32px;
    height: 32px;
    top: 12px;
    left: 12px;
  }

  .stocks-card__image-circle-icon {
    width: 20px;
    height: 20px;
  }

  .stocks-card__image-text {
    padding: 8px 32px;
    font-size: 12px;
    line-height: 24px;
  }

  .stocks-card__box {
    row-gap: 4px;
    padding: 16px;
  }

  .stocks-card__box-title {
    font-size: 16px;
    line-height: 20px;
  }

  .stocks-card__box-text {
    font-size: 14px;
    line-height: 16px;
  }

  .stocks-cards {
    margin-top: 0px;
  }

  .stocks-cards__wrapper {
    grid-template-columns: repeat(1, 1fr);
    column-gap: 24px;
    row-gap: 24px;
  }

  .pagination {
    margin-top: 24px;
    column-gap: 12px;
  }

  .pagination__arrow {
    width: 32px;
    height: 32px;
  }

  .pagination__btn {
    font-size: 18px;
    line-height: 24px;
    width: 40px;
    height: 40px;
  }

  .pagination__btn:nth-last-of-type(2) {
    display: none;
  }

  .pagination__btn--active {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 439px) {
  .stocks {
    row-gap: 16px;
    padding: 36px 16px 48px 16px;
  }

  .stocks-title {
    font-size: 32px;
    line-height: 100%;
  }

  .stocks-card {
    height: 280px;
  }

  .stocks-card__image {
    height: 192px;
  }

  .stocks-card__image-circle {
    width: 32px;
    height: 32px;
    top: 12px;
    left: 12px;
  }

  .stocks-card__image-circle-icon {
    width: 20px;
    height: 20px;
  }

  .stocks-card__image-text {
    padding: 8px 32px;
    font-size: 12px;
    line-height: 24px;
  }

  .stocks-card__box {
    row-gap: 4px;
    padding: 16px;
  }

  .stocks-card__box-title {
    font-size: 16px;
    line-height: 20px;
  }

  .stocks-card__box-text {
    font-size: 14px;
    line-height: 16px;
  }

  .stocks-cards {
    margin-top: 0px;
  }

  .stocks-cards__wrapper {
    grid-template-columns: repeat(1, 1fr);
    column-gap: 24px;
    row-gap: 24px;
  }

  .pagination {
    margin-top: 24px;
    column-gap: 12px;
  }

  .pagination__arrow {
    width: 32px;
    height: 32px;
  }

  .pagination__btn {
    font-size: 18px;
    line-height: 24px;
    width: 40px;
    height: 40px;
  }

  .pagination__btn:nth-last-of-type(2) {
    display: none;
  }

  .pagination__btn--active {
    width: 40px;
    height: 40px;
  }
}
.reviews {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 40px;
    padding: 52px 0 64px 0;
}

.breadcrumbs {
    margin-left: 48px;
}

.reviews-title {
    font-family: "Stetica";
    font-weight: 500;
    font-size: 88px;
    line-height: 80px;
    color: var(--black-text);
    margin-left: 48px;
}

.reviews-container {
    display: flex;
    flex-direction: row;
    align-items: start;
    width: 100%;
    margin-top: 24px;
    position: relative;
}

.reviews-container__wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 64px;
    width: 50%;
}

.reviews-container__wrapper-slide {
    display: none;
    flex-direction: column;
}

.reviews-container__wrapper-slide.active {
    display: flex;
}

.review {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    align-items: start;
    padding: 48px;
    border: 1px solid #D4D4D4;
}

.review-row {
    display: flex;
    flex-direction: row;
    column-gap: 12px;
    align-items: center;
}

.review-row__icon {
    width: 24px;
    height: 24px;
}

.review-row__date {
    font-family: "Stetica";
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: var(--black-text);
}

.review-title {
    margin-top: 24px;
    font-family: 'Stetica';
    font-weight: 500;
    font-size: 28px;
    line-height: 32px;
    color: var(--black-text);
}

.review-text {
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: var(--black-text);
}

.review-bottom {
    display: flex;
    flex-direction: row;
    column-gap: 20px;
    align-items: center;
    margin-top: 80px;
}

.review-bottom__circle {
    width: 80px;
    height: 80px;
    background: #e4e4e4;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--black-text);
    font-family: "Stetica";
    font-weight: 400;
    font-size: 56px;
    line-height: 56px;
    opacity: 0.24;
}

.review-bottom__name {
    font-family: "Stetica";
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    color: var(--black-text);
}

.footer-container__form {
    top: 0;
    position: sticky;
    width: 50%;
    display: flex;
    flex-direction: column;
    row-gap: 32px;
    padding: 48px;
    background: var(--blue);
}

.footer-container__form-title {
    font-family: "Stetica";
    font-weight: 500;
    font-size: 56px;
    line-height: 100%;
    color: var(--white);
}

.footer-container__form-text {
    font-family: "Stetica";
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: var(--white);
    opacity: 0.64;
    margin-top: 8px;
}

.footer-container__form-form {
    display: flex;
    flex-direction: column;
    row-gap: 32px;
    align-items: start;
    width: 100%;
}

.footer-container__form-form-row {
    display: flex;
    flex-direction: row;
    column-gap: 32px;
    width: 100%;
}

.footer-container__form-form-input {
    width: 100%;
    height: 64px;
    background: transparent;
    border: none;
    border-bottom: 1px solid #5181C9;
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: var(--white);
}

.footer-container__form-form-input::placeholder {
    font-family: 'Stetica';
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: var(--white);
}

.popupFOS__capcha .popupFOS__pol-conf-white {
    color: #FFFFFF;
    opacity: 0.64;
}

.footer-container__form-form-btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 18px;
    cursor: pointer;
}

.footer-container__form-form-btn-circle {
    width: 64px;
    height: 64px;
    background: var(--white);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-container__form-form-btn-circle-icon {
    width: 32px;
    height: 32px;
}

.footer-container__form-form-btn-text {
    font-family: "Stetica";
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: var(--white);
}

@media (min-width: 1440px) and (max-width: 1919px) {
.reviews {
    row-gap: 40px;
    padding: 52px 0 64px 0;
}

.breadcrumbs {
    margin-left: 48px;
}

.reviews-title {
    font-size: 72px;
    line-height: 100%;
    margin-left: 48px;
}

.reviews-container {
    margin-top: 0px;
}

.reviews-container__wrapper {
    row-gap: 64px;
    width: 50%;
}

.reviews-container__wrapper-slide {
    flex-direction: column;
}

.review {
    row-gap: 16px;
    padding: 48px;
}

.review-row {
    column-gap: 12px;
}

.review-row__icon {
    width: 24px;
    height: 24px;
}

.review-row__date {
    font-size: 16px;
    line-height: 20px;
}

.review-title {
    margin-top: 20px;
    font-size: 28px;
    line-height: 32px;
}

.review-text {
    font-size: 18px;
    line-height: 24px;
}

.review-bottom {
    column-gap: 20px;
    margin-top: 40px;
}

.review-bottom__circle {
    width: 80px;
    height: 80px;
    font-size: 56px;
    line-height: 56px;
}

.review-bottom__name {
    font-size: 20px;
    line-height: 32px;
}

.footer-container__form {
    top: 120px;
    position: sticky;
    width: 50%;
    row-gap: 32px;
    padding: 48px;
}

.footer-container__form-title {
    font-size: 46px;
    line-height: 100%;
}

.footer-container__form-text {
    font-size: 22px;
    line-height: 30px;
    margin-top: 0px;
}

.footer-container__form-form {
    row-gap: 30px;
    width: 100%;
}

.footer-container__form-form-row {
    column-gap: 30px;
    width: 100%;
}

.footer-container__form-form-input {
    width: 100%;
    height: 56px;
    font-size: 22px;
    line-height: 32px;
}

.footer-container__form-form-input::placeholder {
    font-size: 22px;
    line-height: 32px;
}

.footer-container__form-form-btn {
    column-gap: 18px;
}

.footer-container__form-form-btn-circle {
    width: 64px;
    height: 64px;
}

.footer-container__form-form-btn-circle-icon {
    width: 32px;
    height: 32px;
}

.footer-container__form-form-btn-text {
    font-size: 18px;
    line-height: 24px;
}
}

@media (min-width: 1024px) and (max-width: 1439px) {
.reviews {
    row-gap: 30px;
    padding: 40px 0 64px 0;
}

.breadcrumbs {
    margin-left: 36px;
}

.reviews-title {
    font-size: 64px;
    line-height: 100%;
    margin-left: 36px;
}

.reviews-container {
    margin-top: 0px;
}

.reviews-container__wrapper {
    row-gap: 40px;
    width: 50%;
}

.reviews-container__wrapper-slide {
    flex-direction: column;
}

.review {
    row-gap: 16px;
    padding: 36px;
}

.review-row {
    column-gap: 12px;
}

.review-row__icon {
    width: 24px;
    height: 24px;
}

.review-row__date {
    font-size: 16px;
    line-height: 20px;
}

.review-title {
    margin-top: 10px;
    font-size: 26px;
    line-height: 28px;
}

.review-text {
    font-size: 18px;
    line-height: 22px;
}

.review-bottom {
    column-gap: 20px;
    margin-top: 20px;
}

.review-bottom__circle {
    width: 60px;
    height: 60px;
    font-size: 36px;
    line-height: 36px;
}

.review-bottom__name {
    font-size: 18px;
    line-height: 30px;
}

.footer-container__form {
    top: 120px;
    position: sticky;
    width: 50%;
    row-gap: 20px;
    padding: 36px;
}

.footer-container__form-title {
    font-size: 36px;
    line-height: 100%;
}

.footer-container__form-text {
    font-size: 18px;
    line-height: 24px;
    margin-top: 0px;
}

.footer-container__form-form {
    row-gap: 20px;
    width: 100%;
}

.footer-container__form-form-row {
    column-gap: 20px;
    width: 100%;
}

.footer-container__form-form-input {
    width: 100%;
    height: 56px;
    font-size: 20px;
    line-height: 30px;
}

.footer-container__form-form-input::placeholder {
    font-size: 20px;
    line-height: 30px;
}

.popupFOS__pol-conf-white {
    max-width: 50%;
    font-size: 14px;
}

.footer-container__form-form-btn {
    column-gap: 18px;
}

.footer-container__form-form-btn-circle {
    width: 48px;
    height: 48px;
}

.footer-container__form-form-btn-circle-icon {
    width: 32px;
    height: 32px;
}

.footer-container__form-form-btn-text {
    font-size: 16px;
    line-height: 22px;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
.reviews {
    row-gap: 26px;
    padding: 36px 0 48px 0;
}

.breadcrumbs {
    margin-left: 26px;
}

.reviews-title {
    font-size: 48px;
    line-height: 100%;
    margin-left: 26px;
}

.reviews-container {
    margin-top: 24px;
    flex-direction: column;
    row-gap: 48px;
}

.reviews-container__wrapper {
    row-gap: 24px;
    width: 100%;
}

.reviews-container__wrapper-slide {
    flex-direction: column;
}

.review {
    row-gap: 26px;
    padding: 26px;
}

.review-row {
    column-gap: 12px;
}

.review-row__icon {
    width: 24px;
    height: 24px;
}

.review-row__date {
    font-size: 18px;
    line-height: 24px;
}

.review-title {
    margin-top: 8px;
    font-size: 32px;
    line-height: 32px;
}

.review-text {
    font-size: 20px;
    line-height: 24px;
}

.review-bottom {
    column-gap: 20px;
    margin-top: 16px;
}

.review-bottom__circle {
    width: 60px;
    height: 60px;
    font-size: 34px;
    line-height: 56px;
}

.review-bottom__name {
    font-size: 20px;
    line-height: 20px;
}

.footer-container__form {
    top: 0;
    position: relative;
    width: 100%;
    row-gap: 20px;
    padding: 48px 26px;
}

.footer-container__form-title {
    font-size: 38px;
    line-height: 100%;
}

.footer-container__form-text {
    font-size: 20px;
    line-height: 24px;
    margin-top: 0px;
    opacity: 1;
}

.footer-container__form-form {
    row-gap: 24px;
    width: 100%;
}

.footer-container__form-form-row {
    width: 100%;
}

.footer-container__form-form-input {
    width: 100%;
    height: 48px;
    font-size: 20px;
    line-height: 26px;
}

.footer-container__form-form-input::placeholder {
    font-size: 20px;
    line-height: 26px;
}

.popupFOS__pol-conf-white {
    width: 50%;
    font-size: 14px;
}

.footer-container__form-form .popupFOS__capcha {
    margin-top: 32px;
}

.footer-container__form-form-btn {
    column-gap: 12px;
    background: white;
    border-radius: 12px;
    height: 54px;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
}

.footer-container__form-form-btn-circle {
    width: 30px;
    height: 30px;
    background: var(--blue);
}

.footer-container__form-form-btn-circle-icon {
    width: 26px;
    height: 26px;
}

.footer-container__form-form-btn-circle-icon path {
    stroke: white;
}

.footer-container__form-form-btn-text {
    font-size: 18px;
    line-height: 24px;
    color: var(--black-text);
}
}

@media (min-width: 440px) and (max-width: 767px) {
.reviews {
    row-gap: 16px;
    padding: 36px 0 48px 0;
}

.breadcrumbs {
    margin-left: 16px;
}

.reviews-title {
    font-size: 32px;
    line-height: 100%;
    margin-left: 16px;
}

.reviews-container {
    margin-top: 24px;
    flex-direction: column;
    row-gap: 64px;
}

.reviews-container__wrapper {
    row-gap: 24px;
    width: 100%;
}

.reviews-container__wrapper-slide {
    flex-direction: column;
}

.review {
    row-gap: 16px;
    padding: 16px;
}

.review-row {
    column-gap: 12px;
}

.review-row__icon {
    width: 24px;
    height: 24px;
}

.review-row__date {
    font-size: 16px;
    line-height: 24px;
}

.review-title {
    margin-top: 8px;
    font-size: 24px;
    line-height: 28px;
}

.review-text {
    font-size: 16px;
    line-height: 24px;
}

.review-bottom {
    column-gap: 20px;
    margin-top: 16px;
}

.review-bottom__circle {
    width: 56px;
    height: 56px;
    font-size: 32px;
    line-height: 56px;
}

.review-bottom__name {
    font-size: 16px;
    line-height: 20px;
}

.footer-container__form {
    top: 0;
    position: relative;
    width: 100%;
    row-gap: 20px;
    padding: 48px 16px;
}

.footer-container__form-title {
    font-size: 32px;
    line-height: 100%;
}

.footer-container__form-text {
    font-size: 18px;
    line-height: 24px;
    margin-top: 0px;
    opacity: 1;
}

.footer-container__form-form {
    row-gap: 24px;
    width: 100%;
}

.footer-container__form-form-row {
    flex-direction: column;
    width: 100%;
    row-gap: 24px;
}

.footer-container__form-form-input {
    width: 100%;
    height: 48px;
    font-size: 16px;
    line-height: 24px;
}

.footer-container__form-form-input::placeholder {
    font-size: 16px;
    line-height: 24px;
}

.popupFOS__pol-conf-white {
    max-width: 100%;
    font-size: 12px;
}

.footer-container__form-form .popupFOS__capcha {
    margin-top: 32px;
}

.footer-container__form-form-btn {
    column-gap: 12px;
    background: white;
    border-radius: 12px;
    height: 48px;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
}

.footer-container__form-form-btn-circle {
    width: 26px;
    height: 26px;
    background: var(--blue);
}

.footer-container__form-form-btn-circle-icon {
    width: 24px;
    height: 24px;
}

.footer-container__form-form-btn-circle-icon path {
    stroke: white;
}

.footer-container__form-form-btn-text {
    font-size: 16px;
    line-height: 24px;
    color: var(--black-text);
}
}

@media (max-width: 439px) {
.reviews {
    row-gap: 16px;
    padding: 36px 0 48px 0;
}

.breadcrumbs {
    margin-left: 16px;
}

.reviews-title {
    font-size: 32px;
    line-height: 100%;
    margin-left: 16px;
}

.reviews-container {
    margin-top: 24px;
    flex-direction: column;
    row-gap: 64px;
}

.reviews-container__wrapper {
    row-gap: 24px;
    width: 100%;
}

.reviews-container__wrapper-slide {
    flex-direction: column;
}

.review {
    row-gap: 16px;
    padding: 16px;
}

.review-row {
    column-gap: 12px;
}

.review-row__icon {
    width: 24px;
    height: 24px;
}

.review-row__date {
    font-size: 16px;
    line-height: 24px;
}

.review-title {
    margin-top: 8px;
    font-size: 24px;
    line-height: 28px;
}

.review-text {
    font-size: 16px;
    line-height: 24px;
}

.review-bottom {
    column-gap: 20px;
    margin-top: 16px;
}

.review-bottom__circle {
    width: 56px;
    height: 56px;
    font-size: 32px;
    line-height: 56px;
}

.review-bottom__name {
    font-size: 16px;
    line-height: 20px;
}
}
.services-list {
  display: flex;
  flex-direction: column;
  margin-top: 52px;
  position: relative;
}

.breadcrumbs {
  margin-left: 48px;
}

.map-right__container-items {
  border: 1px solid var(--strokeonwhite);
}

.services-list__title {
  font-family: "Stetica";
  font-weight: 500;
  font-style: Medium;
  font-size: 88px;  
  line-height: 80px;
  letter-spacing: -2%;
  color: var(--black-text);
  margin-top: 40px;
  margin-left: 48px;
}

.services-list__title-info {
  font-family: "Stetica";
  font-weight: 400;
  font-size: 24px;
  line-height: 40px;
  letter-spacing: 0%;
  color: var(--black-text);
  margin-top: 40px;
  margin-left: 48px;
}

.services-list__navigation {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0px 48px;
  width: 100%;
  margin-top: 64px;
}

.services-list__left-navigation {
  display: flex;
  flex-direction: row;
  column-gap: 72px;
}

.services-list__navigation-search {
  display: flex;
  flex-direction: row;
}

.services-list__input-block {
  width: 411px;
  height: 64px;
  border: 1px solid var( --strokeonwhite);
  display: flex;
  flex-direction: row;
  column-gap: 16px;
  align-items: center;
  padding: 0px 16px;
}

.services-list__input {
  height: 64px;
  border: none;
  background: none;
  font-family: "Stetica";
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0%;
  color: var(--black-text);
  width: 100%;
}

.services-list__input::placeholder {
    font-family: "Stetica";
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0%;
    color: var(--black-text);
    opacity: 64%;
}

.services-list__search-button {
  width: 156px;
  height: 64px;
  border: none;
  background-color: var(--blue);
  font-family: "Stetica";
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0%;
  text-align: center;
  text-transform: uppercase;
  color: var(--white);
  cursor: pointer;
}

.services-list__tabs {
  display: flex;
  flex-direction: row;
}

.services-list__tab {
  background: none;
  border: none;
  padding-top: 32px;
  width: 186px;
  font-family: "Stetica";
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0%;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  border-bottom: 1px solid var(--strokeonwhite);
  outline: none;
  transition: border-bottom-color 0.5s ease;
}

.services-list__tab.active {
  border-bottom: 3px solid var(--blue);
}

.services-list__toggle-container {
  display: flex;
  flex-direction: row;
  column-gap: 16px;
  margin-top: auto;
  align-items: center;
  font-family: Arial, sans-serif;
  height: 48px;
  position: absolute;
  top: 0px;
  z-index: 9;
  background-color: var(--blue);
  /* background-color: var(--white); */
  right: 0px;
  width: 317px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFF;
}  
}


#left-text, #right-text {
  font-family: "Stetica";
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0%;
  text-align: center;
  text-transform: uppercase;
  color: var(--black-text);
  opacity: 64%;
  transition: color 0.3s;
}

#left-text.active {
  opacity: 1;
}

#right-text.active {
  opacity: 1;
}

.services-list__toggle-container #left-text, .services-list__toggle-container #right-text {
	cursor : pointer;
}

.switch {
  position: relative;
  width: 44px;
  height: 24px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0; left: 0;
  right: 0; bottom: 0;
  background-color: var(--blue);
  transition: 0.4s;
  border-radius: 24px;
}

.services-list__toggle-container .slider {
  background-color: var(--white);
}

.slider::before {
  position: absolute;
  content: "";
  height: 18px;
  width: 19px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}

.services-list__toggle-container .slider::before {
  background-color: var(--blue);
}

input:checked + .slider {
  background-color: var(--blue);
}

.services-list__toggle-container input:checked + .slider {
  background-color: var(--white);
}

input:checked + .slider::before {
  transform: translateX(19px);
}

.services-list__catalog {
  padding: 0px 48px;
  display: none;
  flex-direction: column;
  row-gap: 32px;
  margin-top: 64px;
}

.services-list__show {
  width: auto;
  display: flex;
  flex-direction: row;
  column-gap: 18px;
  align-items: center;
  max-width: 224px;
  margin: auto;
  border: none;
  background: none;
  cursor: pointer;
}

.services-list__show-txt {
  font-family: "Stetica";
  font-weight: 500;
  font-style: Medium;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0%;
  text-transform: uppercase;
  color: var(--black-text);
}

.box {
   transition: opacity 0.5s ease, visibility 0.5s ease;
}

.consultation {
  border: none;
}

.active4 {
  height: 48px;
  position: absolute;
  top: 276px;
  z-index: 100;
  background-color: var(--white);
  right: 100px;
  width: 317px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.services-list__navigation {
  margin-top: 64px;
}

.marg {
  margin-top: 0px;
  position: relative;
}

.map_tabs {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 452px;
  height: 48px;
  top: 0px;
  left: 683px;
  z-index: 3;
  background-color: var(--white);
}

.map_tab {
  height: 100%;
  padding: 0px;
  color: var(--blue);
}

.services-list__navigation {
  margin-top: 0px;
}

@media screen and (min-width: 1440px) and (max-width: 1919px) {
  .about-company__list-gradient {
    display: none;
  }

}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
  .about-company__card-list {
    width: 400px;
  }

    .about-company__card-find-list {
        height: 490px;
    }

  .map_tabs {
    left: calc(50% - 206px);
  }

  .active4 {
    top: 274px;
    right: 20px;
  }

  .active6 {
    right: 0px;
  }

  .services-list__navigation {
    flex-direction: column;
    row-gap: 20px;
    padding: 0px 24px;
  }

  .services-list__left-navigation {
    width: 100%;
    justify-content: space-between;
    row-gap: 0px;
  }

  .map_tabs {
    width: 352px;
    left: 400px;
  }

  .services-list__toggle-container {
    margin-left: auto;
    margin-right: 0px;
  }

  .active6 {
        margin-left: 0px;
    margin-right: 0px;
  }
}


@media screen and (min-width: 768px) and (max-width: 1023px) {
  .map {
    margin-top: -100px;
    height: auto;
  }
  .services-list__navigation {
    flex-direction: column;
    row-gap: 20px;
    padding: 0px 24px;
    align-items: center;
  }

  .about-company__card-title {
    margin-top: 120px;
  }

  .services-list__toggle-container,
  .services-list__tabs {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }

  .active6 {
    top: 279px;
    right: 0px;
  }

  .map_tabs {
    left: 0px;
    top: 120px;
  }

  .about-company__card-list {
    margin-top: 120px;
  }

  .services-list__left-navigation {
    width: 100%;
    justify-content: space-between;
    row-gap: 0px;
    flex-direction: column;
    row-gap: 0px;
  }

  .services-list__search-button {
    min-width: 156px;
  }

  .services-list__input-block {
    width: 1000px;
  }

  .about-company__card-input-block {
    width: 1000px;
  }

  .services-list__title {
    font-size: 68px;
  }

  .services-list__title-info {
    font-size: 18px;
  }
}


@media screen and (min-width: 440px) and (max-width: 767px) {
    .about-company__card-input-block {
    width: 1000px;
  }

  .breadcrumbs,
  .services-list__title,
  .services-list__title-info {
    margin-left: 12px;
  }

  .servic4list__title {
    font-size: 40px;
    line-height: 40px;
  }

  .services-list__title-info {
    font-size: 20px
}

  .about-company__card-button-find {
    min-width: 156px;
  }
  .services-list__navigation {
    flex-direction: column;
    row-gap: 20px;
    padding: 0px 24px;
    align-items: center;
  }

    .map-right__container-items {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
  }

  .map-right__container-items_col-row {
    display: none;
  }

  .services-list__toggle-container,
  .services-list__tabs {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }

  .active6 {
    top: 323px;
    right: 0px;
  }

  .map_tabs {
    left: 0px;
  }

  .about-company__card-list {
    margin-top: 0px;
  }

  .services-list__left-navigation {
    width: 100%;
    justify-content: space-between;
    row-gap: 0px;
    flex-direction: column;
    row-gap: 0px;
  }

  .services-list__search-button {
    min-width: 156px;
  }

  .services-list__input-block {
    width: 1000px;
  }

  
  .services-list__catalog {
    padding: 0px 24px;
  }

    .button-adapt {
        display: flex;
        width: 100%;
        height: 48px;
        border: none;
        border-radius: 12px;
        background-color: var(--blue);
        align-items: center;
        justify-content: center;
        flex-direction: row;
        column-gap: 12px;
    }

    .button-adapt-txt {
        font-family: "Stetica";
        font-weight: 500;
        font-style: Medium;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0%;
        text-transform: uppercase;
        color: var(--white);
    }
}


@media screen and (max-width: 439px) {
  .services-list__navigation {
    flex-direction: column;
    row-gap: 20px;
    padding: 0px 24px;
    align-items: center;
  }

  .active6 {
    width: 100%;
    top: 261px;
    right: 0px;
    left: 0px;
  }

    .breadcrumbs,
  .services-list__title,
  .services-list__title-info {
    margin-left: 12px;
    margin-top: 15px;
  }

  .services-list__title {
    width: 300px;
  }

  .services-list__title {
    font-size: 40px;
    line-height: 40px;
  }

  .services-list__title-info {
    font-size: 18px;
    line-height: 22px;
  }

    .services-list__toggle-container,
  .services-list__tabs {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }

  .services-list__toggle-container {
    width: auto;
  }


  .active4 {
    top: 110px;
    width: 100%;
    right: 0px;
  }

  .map_tabs {
    left: 0px;
  }

  .about-company__card-list {
    margin-top: 0px;
  }

  .services-list__catalog {
    padding: 0px 24px;
  }

  .services-list__toggle-container,
  .services-list__tabs {
    margin-left: auto;
    margin-right: auto;
  }

  .services-list__left-navigation {
    width: 100%;
    justify-content: space-between;
    row-gap: 0px;
    flex-direction: column;
    row-gap: 0px;
  }

  .services-list__search-button {
    min-width: 156px;
  }

  .services-list__input-block {
    width: 1000px;
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
    .circleScr-content__circle-num {
    font-size: 72px;
    line-height: 100%;
}
}
@media (min-width: 1440px) and (max-width: 1919px) {
    .circleScr-content__circle-num {
    font-size: 88px;
    line-height: 100%;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
    .circleScr-content__circle-num {
        font-size: 54px;
        line-height: 100%;
    }
}
.choice-details__grid-el:hover .choice-details__el-img {
    transform: scale(1.1);
    transition: transform 0.3s ease;
}
.examples-list {
  margin-top: -24px;
}
.examples-block {
  margin-top: 24px;
  width: 33.333%;
  min-width: 33.333%;
  max-width : 50%;
  margin-bottom: 30px;
}

.examples-item {
  min-height: 100%;
  border-radius: 8px;
  border: 1px solid #C2C4CC;
  overflow: hidden;
}
.examples-item__img {
  /* height: 314px; */
  overflow: hidden;
}
.examples-item__img img {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.examples-item__img .divimg {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  left: 0;
  top: 0;
  width: 100%;
  aspect-ratio : 1.4;
  cursor : pointer;
  background-size: cover;
  background-position: center;
}
.examples-item__link {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.examples-item__title a {
  color: #24356C;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  height: 56px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-decoration : none;
}
.examples-item__text a {
  margin-top: 16px;
  opacity: 0.8;
  color: #1C2132;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  height: 72px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-decoration : none;
}
.examples-item__wrapper { 
  padding: 24px;
}
.examples-item:hover .examples-item__title a {
  color: #0A7FDB;
}
.examples-item:hover .examples-item__title {
  color: #0A7FDB;
}
.examples-item:hover .examples-item__img img {
  -webkit-transform: scale(1.02);
      -ms-transform: scale(1.02);
          transform: scale(1.02);
}
.examples-item:hover .examples-item__img .divimg {
  -webkit-transform: scale(1.02);
      -ms-transform: scale(1.02);
          transform: scale(1.02);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.examples-block.w50 {
  width: 50%;
}

.blog-item__date {
  margin-bottom: 24px;
  opacity: 0.64;
  color: #1C2132;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.examples-item.blog-item .examples-item__img {
  height: 277px;
}

.services-list__tabs.map_tabs {
    z-index: 1;
}

.phone-top-link {
	color: var(--black-text)!important;
}

.hero-dark .phone-top-link {
	color: #FFF!important;
}