@charset "UTF-8";

@font-face {
    font-family: Gilroy;
    font-display: swap;
    src:
        url("../fonts/Gilroy-Regular.woff2") format("woff2"),
        url("../fonts/Gilroy-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: GilroyLight;
    font-display: swap;
    src:
        url("../fonts/Gilroy-Light.woff2") format("woff2"),
        url("../fonts/Gilroy-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: GilroyMedium;
    font-display: swap;
    src:
        url("../fonts/Gilroy-Medium.woff2") format("woff2"),
        url("../fonts/Gilroy-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: GilroySemibold;
    font-display: swap;
    src:
        url("../fonts/Gilroy-Semibold.woff2") format("woff2"),
        url("../fonts/Gilroy-Semibold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: GilroyBold;
    font-display: swap;
    src:
        url("../fonts/Gilroy-Bold.woff2") format("woff2"),
        url("../fonts/Gilroy-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
}

:root {
    --font-family: "Gilroy", sans-serif;
    --font-family-italic: "Gilroy", sans-serif;
    --font-accent: "Gilroy", sans-serif;
    --font-accent-bold: "GilroyBold", sans-serif;
    --font-medium: "GilroyMedium", sans-serif;
    --font-accent-semibold: "GilroySemibold", sans-serif;
    --font-light: "GilroyLight", sans-serif;
    --color-accent: #ff3016;
    --font-color: #2d2f33;
    --font-dark: #2d2f33;
    --bg-light: #f4f5f8;
    /* --font: rgba(17, 17, 17, 0.75); */
    --font-50: rgba(17, 17, 17, 0.5);
    --case-bg: #f9f2f6;
    --border: #e6e6e6;
    --bg-color: #eff2f5;
    --bullets: #dedede;
    --color-border: #e5e7e9;
    --color-white: #fff;
    --btn-bg: #ff3016;
    --btn-bg-hover: #df1f07;
    --btn-bg-focus: #d14937;
    /* --btn2-bg: #2168de;
    --btn2-bg-hover: #205dc1;
    --btn2-bg-focus: #5e94ed; */
    --color-link: #07f;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    background-color: #ffffff;
}

body,
main {

    font-family: var(--font-family);
    color: var(--font-color);
    font-size: 16px;
    font-style: normal;
    line-height: 1.2;
    background-color: #ffffff;
}

main {
    padding-top: 66px;
    /* overflow-x: hidden; */
}

p {
    color: var(--font-color);
    font-family: var(--font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 15px;
}

@media (max-width: 768px) {
    p {
        font-size: 16px;
    }
}

h1,
.h1 {
    font: 600 36px/1.4 var(--font-accent-semibold);
    color: #fff;
    margin: 0 0 10px;
}

@media (max-width: 992px) {

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

@media (max-width: 768px) {

    h1,
    .h1 {
        font-size: 24px;
        margin: 0 0 9px;
    }
}

@media (max-width: 360px) {

    h1,
    .h1 {
        font-size: 20px;
        margin: 0 0 9px;
    }
}

h2,
.h2 {
    font-family: var(--font-accent-bold);
    font-weight: 700;
    font-size: 40px;
    color: var(--font-dark);
    margin: 0 0 15px;
    position: relative;
    margin-bottom: 12px;
}

.title-section-wrp {
    position: relative;
    /* margin-bottom: 35px; */
    margin-bottom: 47px;
}

.title-section-wrp:after {
    content: "";
    width: 100px;
    height: 4px;
    background: #50a6a3;
    display: inline-block;
    left: 0;
    bottom: -17px;
    position: absolute;
}

.title-section-wrp p {
    font: 500 18px/1.4 var(--font-medium);
}

@media (max-width: 992px) {

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

    main {
        padding-top: 0;
    }
}

@media (max-width: 576px) {
    .title-section-wrp p {
        font: 500 16px/1.2 var(--font-medium);
    }

    h2,
    .h2 {
        font-size: 28px;
        line-height: 1.25;
        margin: 0 0 15px;
    }

    .title-section-wrp {
        margin-bottom: 30px;
    }

    .title-section-wrp p {
        margin-bottom: 12px;
        letter-spacing: -0.16px;
    }

    .title-section-wrp:after {
        bottom: -22px;
    }

    .title-section-wrp:after {
        width: 52px;
    }

}

h3,
.h3 {
    font-family: var(--font-accent-bold);
    font-weight: 700;
    font-size: 23px;
    padding: 0;
    margin: 0 0 18px;
}

h4 {
    color: var(--prymary-black);
    font-family: var(--font-family);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.6;
}

h5 {
    color: var(--prymary-black);
    font-family: var(--font-family);
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4;
}

h6 {
    color: var(--prymary-black, #1a1a1a);
    font-family: var(--font-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4;
}

.sub_h1 {
    font: 400 18px/1.2 var(--font-family);
    color: #fff;
    margin: 0 0 10px;
}

.section,
section {
    padding: 40px 0;
}

@media (max-width: 992px) {

    .section,
    section {
        padding: 40px 0;
    }
}

@media (max-width: 767px) {

    .section,
    section {
        padding: 30px 0;
    }
}

ul {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    padding-left: 20px;
    margin: 15px 0;
}

@media (max-width: 768px) {
    ul {
        margin: 20px 0;
        font-size: 16px;
    }
}

ul li {
    margin-bottom: 15px;
}

@media (max-width: 768px) {
    ul li {
        margin-bottom: 10px;
    }
}

ul li::marker {
    color: rgba(34, 51, 129, 0.5);
}

@media (min-width: 1200px) {

    .col-12,
    .col-3,
    .col-4,
    .col-6,
    .col-8,
    .col-9,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-md,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-9,
    .col-sm-4,
    .col-sm-8,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4 {
        padding-right: 15px;
        padding-left: 15px;
    }
}

.container {
    max-width: 1149px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (max-width: 992px) {
    .container {
        max-width: 100% !important;
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (max-width: 768px) {
    .container {
        max-width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (max-width: 576px) {
    .container {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (max-width: 450px) {
    .container {
        padding-right: 15px;
        padding-left: 15px;
    }
}

.btn__container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-accent {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 5px;
    margin: 0;
    font: 500 16px/1.0585 var(--font-medium);
    color: var(--color-white);
    border: 1px solid var(--btn-bg);
    outline: none;
    background: var(--btn-bg);
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s ease;
    height: 50px;
    padding: 0 5px;
    max-width: 533px;
}

.btn-accent:hover {
    background: var(--btn-bg-hover);
    border-color: var(--btn-bg-hover);
    text-decoration: none;
    box-shadow: 0px 4px 20px 0px rgba(213, 50, 29, 0.4);
}

/* .btn-accent:focus {
    background: var(--btn-bg-focus);
    border-color: var(--btn-bg-focus);
} */

.btn-accent-border {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0;
    height: 50px;
    font-weight: 600;
    font-family: var(--font-accent-semibold);
    font-size: 16px;
    color: var(--btn-bg);
    text-align: center;
    border: 1px solid var(--btn-bg);
    border-radius: 4px;
    outline: none;
    background: transparent;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s ease;
    max-width: 288px;
    /* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2); */
}

.btn-accent-border:hover {
    background-color: var(--btn-bg);
    text-decoration: none;
    color: #fff;
    box-shadow: 0px 4px 4px 0px rgba(213, 50, 29, 0.4);
}

.btn-accent-border svg path {
    fill: var(--btn-bg);
    stroke: var(--btn-bg);
}

/* .btn-accent-border:focus svg path,
.btn-accent-border:hover svg path {
    fill: #fff;
    stroke: #fff;
} */

/* .btn-accent-border:focus {
    background: var(--btn-bg-focus);
    border-color: var(--btn-bg-focus);
    color: #fff;
} */

.btn-blue {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 0;
    height: 50px;
    font-family: var(--font-medium);
    font-size: 15px;
    color: rgba(80, 166, 163, 1);
    text-align: center;
    border: 1px solid rgba(34, 51, 129, 0.5019607843);
    border-radius: 5px;
    outline: none;
    background: transparent;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s ease;
    max-width: 288px;
}

.btn-blue:focus {
    background: rgba(34, 51, 129, 0.5019607843);
    color: #fff;
}

.btn-blue use {
    fill: rgba(80, 166, 163, 1);
    stroke: rgba(80, 166, 163, 1);
}

.btn-blue:focus use {
    fill: #fff;
    stroke: #fff;
}

.btn-accent-border.btn-accent-wts {
    color: #119a22;
    border-color: #119a22;
}

@media (max-width: 767px) {
    .btn-accent-border {
        font-size: 14px;
        /* height: 60px; */
    }

    .btn-accent {
        /* height: 60px; */
    }
}

.btn-grey {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    font-family: var(--font-family);
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4;
    color: #ffffff;
    text-align: center;
    border: none;
    outline: none;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s ease;
    background: var(--btn2-bg);
}

.btn-grey:hover {
    background: var(--btn2-bg-hover);
}

.btn-grey:focus {
    background: var(--btn2-bg-focus);
}

a,
.link {
    color: inherit;
    font-family: var(--font-family);
    font-size: inherit;
    font-style: normal;
    font-weight: inherit;
    line-height: inherit;
    text-decoration: underline;
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
}

a:hover,
.link:hover {
    opacity: 0.8;
}

.swiper-button-next,
.swiper-button-prev {
    border-radius: 50%;
    width: 37.5px;
    height: 37.5px;
    background: rgba(255, 255, 255, 1);
    color: rgba(196, 196, 196, 1);
    box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.15);
}

.swiper-button-next {
    right: 6px;
}

.swiper-button-prev {
    left: 6px;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-weight: 700;
    font-size: 14px;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    color: #fff;
}

.swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 0;
    justify-content: center;
}

.swiper-pagination .swiper-pagination-bullet {
    background: var(--bullets);
    opacity: 1;
    transition: width 0.5s ease;
}

.swiper-pagination .swiper-pagination-bullet-active {
    border-radius: 8px;
    background-color: rgba(80, 166, 163, 1);
}

form .input {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    color: #939598;
    padding: 15px;
    border-radius: 4px;
    border: 1px solid #c4c4c4;

    background: #fff;
    outline: none;
    width: 100%;
    margin: 0 0 10px;
    height: 58px;
}

form textarea {
    height: 80px;
    resize: none;
    font-size: 16px;
    color: #939598;
    padding: 15px;
    border-radius: 4px;
    border: 1px solid #c4c4c4;

    background: #fff;
    outline: none;
    width: 100%;
    margin: 7px 0 10px;
}

input.error,
.input.error {
    border: 1px solid red;
}

label.error {
    display: none !important;
}

@media (max-width: 768px) {
    .input {
        margin: 0 0 15px;
        padding: 15px 20px;
    }

    form span.textarea_title {
        font-size: 14px;
    }
}

.section-subtitle {
    font-size: 18px;
    margin: 15px 0 25px;
}

.swiper-pagination .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    margin: 0 2px !important;
}

.swiper-pagination .swiper-pagination-bullet-active {
    width: 40px;
    height: 5px;
}

@media (max-width: 767px) {
    .section-subtitle {
        font-size: 16px;
    }
}

.modal-body .error,
.error {
    color: #ff0000;
}

header {
    background: #fff;
    border-bottom: 1px solid #ededed;
    box-shadow: 1px 1px 10.1px 0px rgba(146, 146, 146, 0.1490196078);
    max-height: 65px;
    padding: 9px 0 9px;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 10;
}

header .navbar {
    padding: 0;
}

header .container {
    padding: 0 0 0 15px;
}

header .navbar>.container {
    flex-wrap: wrap;
}

.header-contacts {
    display: flex;
    justify-content: flex-end;
    padding-left: 0;
    width: 32%;
}

.header-contacts .item2 {
    width: 75%;
    max-width: 147px;
    margin-left: 10px;
}

.header-contacts .item2 button {
    width: 100%;
    height: 47px;
    border-radius: 8px;
    font-size: 15px;
}

.header-contacts .item1 {
    padding-top: 0;
    display: flex;
    flex-flow: column;
    justify-content: space-around;
}

.header-contacts .time {
    font-size: 14px;
    color: rgba(22, 33, 54, 0.6980392157);
    text-align: right;
}

header .logo {
    display: flex;
    align-items: center;
    font: 300 14px/1.1 var(--font-light);
    gap: 10px;
}

header .logo span {
    display: inline-flex;
    width: 50%;
}

.logo img {
    max-width: 182px;
}

.phone-with-icon {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
}

.phone-with-icon a {
    font: 700 18px/1.2 var(--font-accent-bold);
    color: #162136;
    display: inline-block;
    border-bottom: 1px solid #162136;
    text-decoration: none;
}

.phone-with-icon:hover a {
    color: rgba(80, 166, 163, 1);
    border-color: rgba(80, 166, 163, 1);
    opacity: 1;
}

.phone-with-icon:hover svg path {
    fill: rgba(80, 166, 163, 1);
}

.phone-with-icon:focus a {
    color: #d7486a;
    border-color: #d7486a;
    opacity: 1;
}

.phone-with-icon:focus svg path {
    fill: #d7486a;
}

header .navbar-toggler:focus {
    box-shadow: none;
}

.header__bottom {
    padding: 4px 0 5px;
}

.header__bottom .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 1100px) {
    .header__bottom {
        display: none;
    }
}

.metro {
    display: flex;
    align-items: center;
    gap: 2px;
}

.metro p {
    position: relative;
    font: 500 14px/1.2 var(--font-medium);
    color: rgba(116, 116, 116, 1);
    margin: 0 0 0 5px;
    padding: 0 0 0 10px;
}

.metro p:after {
    content: "";
    position: absolute;
    display: flex;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.metro p.p1:after {
    background: #747474;
}

.metro p.p2:after {
    background: #85520f;
}

.metro .p2 {
    color: rgba(133, 82, 15, 1);
}

.metro span {
    font: 500 14px/1.2 var(--font-medium);

}

.metro span.time {
    font: 500 14px/1.2 var(--font-medium);
    color: rgba(45, 47, 51, 0.5);
}

.metro img {
    margin-top: -2px;
}

.adress_wrp span {
    font: 500 14px/1.2 var(--font-medium);
    color: rgba(45, 47, 51, 1);
}

.adress_wrp span:first-child {
    color: rgba(45, 47, 51, 1);
}

.adress_wrp span:nth-child(2) {
    border-bottom: 1px solid rgba(45, 47, 51, 0.5);
}

.adress_wrp span:nth-child(2) a {
    text-decoration: none;
}

@media (max-width: 1200px) {
    .header-contacts {
        width: 31%;
    }

    .header-contacts .item2 {
        margin-left: 14px;
    }

    header .container {
        padding: 0 15px;
    }

    header .logo span {
        display: none;
    }

    .phone-with-icon a {
        font-size: 16px;
    }

    .header-contacts .time {
        font-size: 8.5px;
    }
}

@media (max-width: 992px) {
    header {
        padding: 9px 15px;
        background: #ffffff;
        border-bottom: 1px solid #f0f3f6;
        position: static !important;
    }

    .header-contacts {
        width: 54%;
    }

    header .navbar-toggler {
        margin-left: 20px;
    }

    .header-contacts .time {
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    header {
        max-height: 65px;
        padding: 15px 0 10px;
        border-bottom: 1px solid transparent;
    }

    header .navbar-toggler {
        margin-left: 65px;
    }
}

@media (max-width: 490px) {
    .clc__tab ul {
        padding-left: 10px;
    }
}

@media (max-width: 450px) {
    header .navbar-toggler {
        margin-left: 74px;
    }

    .custom-control-label span {
        font: 11px / 1 var(--font-family);
    }

    .switch_label {
        font-size: 12px;
    }

    .project__list {
        grid-template-columns: repeat(1, minmax(290px, 1fr));
    }
}

@media (max-width: 370px) {
    header .navbar-toggler {
        margin-left: 15px;
    }
}

.header-menu {
    display: flex;
    gap: 12px;
    list-style: none;
    margin: 0;
    padding: 0;
    align-items: center;
}

.menu-wrp {
    width: 50%;
    max-width: 545px;
}

.header-menu a {
    display: flex;
    gap: 5px;
    align-items: center;
    font-size: 14px;
}

header .navbar-toggler {
    width: 47px;
    height: 47px;
    border-radius: 8px;
    border: 1px solid #c4c4c4;
}

header .icon svg {
    width: initial;
    height: initial;
}

@media (max-width: 1200px) {
    .header-menu {
        display: flex;
        gap: 8px;
    }

    .menu-wrp {
        width: 45%;
    }
}

@media (max-width: 992px) {
    .navbar-collapse {
        position: absolute;
        right: 0;
        width: 100%;
        top: 60px;
    }

    .header-menu {
        gap: 10px;

        flex-flow: column;
        width: 100%;
        align-items: flex-start;
        background: #ffffff;
        padding: 20px 5px;
        position: absolute;
        /* top: 77px; */
    }
}

@media (max-width: 767px) {
    header .icon svg {
        width: 18px;
        height: 18px;
    }

    .header-menu {
        top: 55px;
    }
}

.header-menu li {
    margin: 0;
}

.header-menu a {
    text-decoration: none;
}

.header-menu a.active {
    text-decoration: none;
    border-bottom: 1px solid #162136;
}

.header__wts {
    width: 44px;
    height: 44px;
}

section.nav-section {
    padding: 20px 0;
}

.section-menu {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    justify-content: space-between;
}

.section-menu a {
    text-decoration: none;
    border-bottom: 1px dashed #162136e8;
}

.section-menu li {
    margin: 0;
}

.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-target {
    position: relative;
}

.noUi-base,
.noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.noUi-connects {
    overflow: hidden;
    z-index: 0;
}

.noUi-connect,
.noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    transform-style: flat;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto;
}

.noUi-vertical .noUi-origin {
    top: -100%;
    width: 0;
}

.noUi-horizontal .noUi-origin {
    height: 0;
}

.noUi-handle {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
}

.noUi-touch-area {
    height: 100%;
    width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s;
}

.noUi-state-drag * {
    cursor: inherit !important;
}

.noUi-horizontal {
    /* height: 18px; */
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    right: -17px;
    top: -6px;
}

.noUi-vertical {
    width: 18px;
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    right: -6px;
    bottom: -17px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -17px;
    right: auto;
}

.noUi-target {
    background: #fafafa;
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    box-shadow:
        inset 0 1px 1px #f0f0f0,
        0 3px 6px -5px #bbb;
}

.noUi-connects {
    border-radius: 3px;
    box-shadow: 1px 1px 4px 0px #e0e1e7 inset;
}

.noUi-draggable {
    cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize;
}

.noUi-handle {
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    cursor: default;
    box-shadow:
        inset 0 0 1px #fff,
        inset 0 1px 7px #ebebeb,
        0 3px 6px -3px #bbb;
}

.noUi-active {
    box-shadow:
        inset 0 0 1px #fff,
        inset 0 1px 7px #ddd,
        0 3px 6px -3px #bbb;
}

.noUi-handle:after,
.noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #e8e7e6;
    left: 14px;
    top: 6px;
}

.noUi-handle:after {
    left: 17px;
}

.input_rng_value {
    text-align: center;
    font-size: 14px;
    /* border: 1px solid rgba(34, 51, 129, 0.3);
    border-radius: 5px;
    padding: 6px 2px;
    max-width: 44px; */
    padding: 6px 10px;
    max-width: 78px;
    color: #2d2f33;
    border-radius: 3.167px;
    border: 1px solid #ebebeb;
    background: #fff;
}

.clc_type__container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    gap: 6px;
    margin: 10px 0 0;
}

.section-first__calc .clc_type__container {
    width: 94%;
}

.custom-control-label {
    display: flex;
    align-items: center;
    cursor: pointer;
    font: 14px/1 var(--font-family);
    height: 20px;
}

.custom-control-label span {
    margin: 0;
    display: inline-flex;
    width: max-content;
}

.custom-control-input {
    position: relative;
    appearance: none;
    display: block;
    width: 20px;
    height: 20px;
    flex-basis: 20px;
    flex-shrink: 0;
    margin-right: 5px;
    padding: 0;
    outline: none;
    cursor: pointer;
    transition: all 0.2s ease;
}

.custom-control-input[type="checkbox"]::after {
    position: absolute;
    top: 5.5px;
    left: 5px;
    content: "";
    display: none;
    width: 11px;
    height: 5px;
    border: 1px solid #fff;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
}

.custom-control-input[type="checkbox"]:checked::after {
    display: inline-block;
}

.custom-control-input[type="checkbox"]:checked::before {
    border-color: rgba(80, 166, 163, 1);
    background-color: rgba(80, 166, 163, 1);
}

.custom-control-input::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 20px;
    height: 20px;
    border: 1px solid rgba(196, 196, 196, 1);
    border-radius: 4px;
    transition: all 0.2s ease;
    background-color: transparent;
}

.custom-control-input[type="radio"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 20px;
    border: 1px solid #ecf0f9;
    border-radius: 50%;
    transition: all 0.2s ease;
    background-color: #ffffff;

    border: 1px solid #C4C4C4;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.05));

}

.custom-control-input[type="radio"]::after {
    content: "";
    position: absolute;
    top: 0;
    left: 4px;
    bottom: 0;
    margin: auto;
    width: 12px;
    height: 12px;
    transform: scale3d(0, 0, 0);
    border-radius: 50%;
    background-color: transparent;
    transition: all 0.2s ease;
}

.custom-control-input[type="radio"]:checked::after {
    transform: scale3d(1, 1, 1);
    background-color: rgba(80, 166, 163, 1);
    /* left: 9px; */
}

.custom-control-input[type="radio"]:checked::before {
    border: 1px solid rgba(80, 166, 163, 1);
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.15));
    /* filter: drop-shadow(1px 1px 4.5px rgba(132, 19, 46, 0.5)); */
}

.custom-control-input[type="radio"]:checked+span {
    /* font: 500 16px/1 var(--font-medium); */
}

.clc_vid__container {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 10px 0 0;
    /* margin: 10px 0 9px; */
}

.clc__tab {
    display: none;
}

.clc__tabs .h3 {
    font-family: var(--font-accent-semibold);
    font-weight: 500;
    font-size: 14px;
    color: #162136;
    margin: 0 0 5px;
    padding: 0;
}

.clc__tab {
    font-family: var(--font-family);
    font-weight: 300;
    font-size: 13px;
    color: #162136;
    margin: 0;
}

.clc__tabs::before {
    content: "";
    position: absolute;
    border: 8px solid transparent;
    border-right: 20px solid #eef1f6;
    top: 20px;
    left: -19px;
}

.clc__tab ul {
    margin: 4px 0 0;
}

/* .clc__tab p {
    font: 300 14px/1.1 var(--font-light);
} */

.clc__tab li {
    font-family: var(--font-light);
    font-size: 14px;
    font-weight: 300;
    margin: 0 0 2px;
}

.clc__tab li::marker {
    font-size: 10px;
    color: #162136;
}

.calc_fs .clc__tab p {
    font-family: var(--font-light);
    font-size: 14px;
    font-weight: 300;
    color: #162136;
    margin: 0;
}

.clc_komn .clc_type__container {
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 11px 0 0;
    height: 40px;
}

.clc_komn .custom-control-label span {
    width: 40px;

    height: 40px;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    background: #fff;
    font: 300 14px/1 var(--font-light);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(45, 47, 51, 1);
}

.input-btn span {
    width: 100%;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    background: #fff;
    font: 500 14px/1 var(--font-medium);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(45, 47, 51, 1);
}

.input-btn.custom-control-label {
    height: 40px;
}

.input-btn input[type="radio"]:checked+span,
.clc_komn .custom-control-input[type="radio"]:checked+span {
    border-radius: 4px;
    background: #50a6a3;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    font: 700 14px/1 var(--font-accent-bold);

    color: #ffffff;
}

.input-btn.custom-control-label input[type="radio"]:checked::after,
.clc_komn .custom-control-input[type="radio"]:checked::after {
    opacity: 0;
}

.input-btn.custom-control-label input,
.clc_komn .custom-control-label .custom-control-input {
    width: 0;
    height: 0;
    position: absolute;
}

.clc_komn.custom-control-label .custom-control-input[type="radio"]::before,
.clc_komn .custom-control-label .custom-control-input[type="radio"]:checked::before {
    content: none;
}

.clc_dop .clc_dop__container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin: 10px 0 12px 0;
}

.calc_btns {
    border-radius: 0px 0px 8px 8px;
    background: rgba(80, 166, 163, 0.1);
    margin: 8px -30px 0;
    padding: 16px 30px 30px;
}

.calc_btns_wrp {
    display: flex;
    justify-content: space-between;
    /* gap: 10px; */
}

.font_green {
    color: #119a22;
}

.font_red {
    color: rgb(21, 119, 130);
}


.btn_wts {
    border: 1px solid transparent;
    border-radius: 4px;
    background: linear-gradient(0deg, #1e8b88 0%, #1e8b88 100%), #ff3016;

    /* Большая кронпна СНК */
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
}

.btn-accent.btn_wts:hover,
.btn_wts:hover {
    border: 1px solid transparent;
    border-radius: 4px;
    background: linear-gradient(0deg, #1e8b88 0%, #1e8b88 100%), #ff3016;

    /* Большая кронпна СНК */
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
}



.btn_ph {
    background: #ff3016;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
}

.btn_ph:hover {
    background: rgb(255, 48, 22);
}


.calc_btns__container {
    margin: 15px 0 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

@media (max-width: 1200px) {
    .calc_fs {
        padding: 27px 15px 20px;
    }

}

@media (max-width: 768px) {
    .calc_fs .clc__tab p {
        font: 300 12px/1.2 var(--font-light);
    }

    .custom-control-input {
        width: 20px;
        height: 20px;
        flex-basis: 20px;
    }

    .custom-control-input::before {
        width: 20px;
        height: 20px;
    }

    .clc__tabs {
        display: none;
    }

    .section-first__calc .clc_type__container {
        width: 100%;
    }
}

.switch {
    display: flex;
    align-items: center;
    gap: 10px;
}

.switch input {
    display: none;
}

input+.slider {
    position: relative;
    width: 42px;
    height: 24px;
    cursor: pointer;
    border-radius: 100px;
    border: 1px solid #ecf0f9;
    background-color: transparent;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    background: #ecf0f9;
}

input:checked+.slider {
    border: 1px solid rgba(80, 166, 163, 1);

    background: rgba(80, 166, 163, 1);
}

.slider:before {
    position: absolute;
    content: "";
    height: 19px;
    width: 19px;
    left: 2px;
    bottom: 1.5px;
    border-radius: 50%;
    /* background-color: rgba(34, 51, 129, 0.3); */
    -webkit-transition: 0.4s;
    transition: 0.4s;
    background-color: #fff;

    box-shadow: 2px 2px 4.5px 0px rgba(0, 0, 0, 0.25);
}

input:checked+.slider:before {
    background-color: #ffffff;
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
}

.switch_label {
    font-family: var(--font-medium);
    font-weight: 500;
    font-size: 16px;
    color: rgba(22, 33, 54, 0.7);
}

.noUi-horizontal {
    border: none;
    background-color: #f8f9fb;
    height: 5px;
}

.noUi-target {
    box-shadow: none;
}

.noUi-horizontal .noUi-handle:after,
.noUi-horizontal .noUi-handle:before {
    display: none;
}

html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
    right: -8px;
    left: auto;
}

.noUi-horizontal .noUi-handle {
    border-radius: 50%;
    width: 18px;
    height: 18px;
    top: -7px;
    border: 1px solid #ffffff;
    background: rgba(80, 166, 163, 1);
    box-shadow: none;
    cursor: pointer;
    box-shadow: inset 2px 2px 4px rgba(87, 86, 86, 0.25);
    filter: drop-shadow(2px 2px 4px rgba(82, 80, 81, 0.25));
    /* box-shadow:(2px 2px 4px rgba(105, 52, 65, 0.25)); */
}

.noUi-horizontal .noUi-handle:hover,
.noUi-horizontal .noUi-handle:active,
.noUi-horizontal .noUi-handle:focus {
    outline: none;
}

.noUi-horizontal .noUi-handle:after,
.noUi-horizontal .noUi-handle:before {
    display: none;
}

.noUi-connect {
    background-color: rgba(80, 166, 163, 1);
}

.calc-full {
    background: #2f3134;
    /* background-image: url(../img/bg.webp); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 125px 0 47px;
}

.section-first__calc {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 0 53px 0 26px;
}

@media (max-width: 992px) {
    .calc-img p {
        font-size: 18px;
    }

    .section-first__calc {
        padding: 0 15px;
    }

    .main-descr-top,
    .main-descr-bottom {
        max-width: 100%;
        width: 100%;
    }
}

@media (max-width: 768px) {
    .calc-img p {
        font: 600 16px/1.2 var(--font-accent-semibold);
        margin: 0 0 15px;
    }

    .section-first__calc {
        padding: 0;
        gap: 0;
    }
}

.calc-img ul,
.list-pluses {
    margin: 0px 0 0;
    color: #fff;
}

.list-pluses li,
.calc-img ul li {
    margin: 0 0 10px;
    font-size: 18px;
}

.list-pluses li::marker {
    color: #fff;
}

.main-descr-bottom ul {
    /* margin: 0 0 0 -34px; */
    list-style: none;
    padding-left: 0;
}

.main-descr-bottom ul li {
    position: relative;
    padding-left: 44px;
}

.main-descr-bottom ul li::before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    display: block;
    left: 0;
    top: 0;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='9' height='8' transform='translate(6 5.44385)' fill='white'/%3e%3cpath d='M17.6453 6.78281C17.3508 6.475 17.0461 6.15781 16.9312 5.87891C16.825 5.62344 16.8187 5.2 16.8125 4.78984C16.8008 4.02734 16.7883 3.16328 16.1875 2.5625C15.5867 1.96172 14.7227 1.94922 13.9602 1.9375C13.55 1.93125 13.1266 1.925 12.8711 1.81875C12.593 1.70391 12.275 1.39922 11.9672 1.10469C11.4281 0.586719 10.8156 0 10 0C9.18437 0 8.57266 0.586719 8.03281 1.10469C7.725 1.39922 7.40781 1.70391 7.12891 1.81875C6.875 1.925 6.45 1.93125 6.03984 1.9375C5.27734 1.94922 4.41328 1.96172 3.8125 2.5625C3.21172 3.16328 3.20312 4.02734 3.1875 4.78984C3.18125 5.2 3.175 5.62344 3.06875 5.87891C2.95391 6.15703 2.64922 6.475 2.35469 6.78281C1.83672 7.32188 1.25 7.93437 1.25 8.75C1.25 9.56563 1.83672 10.1773 2.35469 10.7172C2.64922 11.025 2.95391 11.3422 3.06875 11.6211C3.175 11.8766 3.18125 12.3 3.1875 12.7102C3.19922 13.4727 3.21172 14.3367 3.8125 14.9375C4.41328 15.5383 5.27734 15.5508 6.03984 15.5625C6.45 15.5687 6.87344 15.575 7.12891 15.6812C7.40703 15.7961 7.725 16.1008 8.03281 16.3953C8.57188 16.9133 9.18437 17.5 10 17.5C10.8156 17.5 11.4273 16.9133 11.9672 16.3953C12.275 16.1008 12.5922 15.7961 12.8711 15.6812C13.1266 15.575 13.55 15.5687 13.9602 15.5625C14.7227 15.5508 15.5867 15.5383 16.1875 14.9375C16.7883 14.3367 16.8008 13.4727 16.8125 12.7102C16.8187 12.3 16.825 11.8766 16.9312 11.6211C17.0461 11.343 17.3508 11.025 17.6453 10.7172C18.1633 10.1781 18.75 9.56563 18.75 8.75C18.75 7.93437 18.1633 7.32266 17.6453 6.78281ZM13.5672 7.31719L9.19219 11.6922C9.13414 11.7503 9.06521 11.7964 8.98934 11.8279C8.91346 11.8593 8.83213 11.8755 8.75 11.8755C8.66787 11.8755 8.58654 11.8593 8.51066 11.8279C8.43479 11.7964 8.36586 11.7503 8.30781 11.6922L6.43281 9.81719C6.37474 9.75912 6.32868 9.69018 6.29725 9.61431C6.26583 9.53844 6.24965 9.45712 6.24965 9.375C6.24965 9.29288 6.26583 9.21156 6.29725 9.13569C6.32868 9.05982 6.37474 8.99088 6.43281 8.93281C6.55009 8.81554 6.70915 8.74965 6.875 8.74965C6.95712 8.74965 7.03844 8.76583 7.11431 8.79725C7.19018 8.82868 7.25912 8.87474 7.31719 8.93281L8.75 10.3664L12.6828 6.43281C12.7409 6.37474 12.8098 6.32868 12.8857 6.29725C12.9616 6.26583 13.0429 6.24965 13.125 6.24965C13.2071 6.24965 13.2884 6.26583 13.3643 6.29725C13.4402 6.32868 13.5091 6.37474 13.5672 6.43281C13.6253 6.49088 13.6713 6.55982 13.7027 6.63569C13.7342 6.71156 13.7503 6.79288 13.7503 6.875C13.7503 6.95712 13.7342 7.03844 13.7027 7.11431C13.6713 7.19018 13.6253 7.25912 13.5672 7.31719Z' fill='%2350A6A3'/%3e%3c/svg%3e");
    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='%23ffffff'%3E%3Cpath d='M16.3953 6.78281C16.1008 6.475 15.7961 6.15781 15.6812 5.87891C15.575 5.62344 15.5687 5.2 15.5625 4.78984C15.5508 4.02734 15.5383 3.16328 14.9375 2.5625C14.3367 1.96172 13.4727 1.94922 12.7102 1.9375C12.3 1.93125 11.8766 1.925 11.6211 1.81875C11.343 1.70391 11.025 1.39922 10.7172 1.10469C10.1781 0.586719 9.56563 0 8.75 0C7.93437 0 7.32266 0.586719 6.78281 1.10469C6.475 1.39922 6.15781 1.70391 5.87891 1.81875C5.625 1.925 5.2 1.93125 4.78984 1.9375C4.02734 1.94922 3.16328 1.96172 2.5625 2.5625C1.96172 3.16328 1.95312 4.02734 1.9375 4.78984C1.93125 5.2 1.925 5.62344 1.81875 5.87891C1.70391 6.15703 1.39922 6.475 1.10469 6.78281C0.586719 7.32188 0 7.93437 0 8.75C0 9.56563 0.586719 10.1773 1.10469 10.7172C1.39922 11.025 1.70391 11.3422 1.81875 11.6211C1.925 11.8766 1.93125 12.3 1.9375 12.7102C1.94922 13.4727 1.96172 14.3367 2.5625 14.9375C3.16328 15.5383 4.02734 15.5508 4.78984 15.5625C5.2 15.5687 5.62344 15.575 5.87891 15.6812C6.15703 15.7961 6.475 16.1008 6.78281 16.3953C7.32188 16.9133 7.93437 17.5 8.75 17.5C9.56563 17.5 10.1773 16.9133 10.7172 16.3953C11.025 16.1008 11.3422 15.7961 11.6211 15.6812C11.8766 15.575 12.3 15.5687 12.7102 15.5625C13.4727 15.5508 14.3367 15.5383 14.9375 14.9375C15.5383 14.3367 15.5508 13.4727 15.5625 12.7102C15.5687 12.3 15.575 11.8766 15.6812 11.6211C15.7961 11.343 16.1008 11.025 16.3953 10.7172C16.9133 10.1781 17.5 9.56563 17.5 8.75C17.5 7.93437 16.9133 7.32266 16.3953 6.78281ZM12.3172 7.31719L7.94219 11.6922C7.88414 11.7503 7.81521 11.7964 7.73934 11.8279C7.66346 11.8593 7.58213 11.8755 7.5 11.8755C7.41787 11.8755 7.33654 11.8593 7.26066 11.8279C7.18479 11.7964 7.11586 11.7503 7.05781 11.6922L5.18281 9.81719C5.12474 9.75912 5.07868 9.69018 5.04725 9.61431C5.01583 9.53844 4.99965 9.45712 4.99965 9.375C4.99965 9.29288 5.01583 9.21156 5.04725 9.13569C5.07868 9.05982 5.12474 8.99088 5.18281 8.93281C5.30009 8.81554 5.45915 8.74965 5.625 8.74965C5.70712 8.74965 5.78844 8.76583 5.86431 8.79725C5.94018 8.82868 6.00912 8.87474 6.06719 8.93281L7.5 10.3664L11.4328 6.43281C11.4909 6.37474 11.5598 6.32868 11.6357 6.29725C11.7116 6.26583 11.7929 6.24965 11.875 6.24965C11.9571 6.24965 12.0384 6.26583 12.1143 6.29725C12.1902 6.32868 12.2591 6.37474 12.3172 6.43281C12.3753 6.49088 12.4213 6.55982 12.4527 6.63569C12.4842 6.71156 12.5003 6.79288 12.5003 6.875C12.5003 6.95712 12.4842 7.03844 12.4527 7.11431C12.4213 7.19018 12.3753 7.25912 12.3172 7.31719Z' fill='%2350A6A3'/%3E%3C/svg%3E"); */
    background-size: cover;
}

@media (max-width: 991px) {

    .list-pluses,
    .calc-img ul {
        margin: 15px 0 0;
    }

    .list-pluses li,
    .calc-img ul li {
        margin: 0 0 7px;
        font-size: 14px;
    }
}

.main-descr-top {
    padding: 14px 20px;
    margin-top: 105px;
}

.main-descr-bottom {
    padding: 4px 20px;
}

.calc_fs {
    width: 100%;
    padding: 27px 30px 0;
    border: 1px solid rgba(22, 33, 54, 0.08);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.calc_fs .h2 {
    font: 700 25px/1.2 var(--font-accent-bold);
    margin: 0 0 23px;
}

.calc_fs .h2 span {
    margin-left: 3px;
}

.calc_fs--flex {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

@media (max-width: 1200px) {
    .main-descr-top {
        margin-top: 30px;
    }
}

@media (max-width: 992px) {
    .calc-full {
        padding-top: 95px;
        padding-bottom: 60px;
        background-image: none;
        background:
            linear-gradient(180deg,
                rgba(33, 104, 222, 0) 0%,
                rgba(33, 104, 222, 0.15) 100%),
            linear-gradient(0deg,
                rgba(0, 0, 0, 0.75) 0%,
                rgba(0, 0, 0, 0.75) 100%);
    }

    .section-first__calc {
        flex-direction: column;
        gap: 15px;
    }

    .calc-img {
        width: 100%;
        max-width: 100%;
    }

    .calc_fs {
        width: 100%;
        max-width: 600px;
        align-self: center;
    }

    .main-descr-top {
        margin: 0;
    }

    .main-descr-top,
    .main-descr-bottom {
        border-radius: 8px;
        background: transparent;
        backdrop-filter: none;
        padding: 15px 20px;
        color: #ffffff;
    }

    .main-descr-bottom ul li::marker {
        color: rgba(248, 249, 254, 0.5);
    }
}

@media (max-width: 768px) {


    .calc-full {
        padding: 95px 0 40px;
    }

    .section-first__calc {
        flex-direction: column;
        gap: 0;
    }

    .calc_fs {
        width: 100%;
    }

    .calc-img {
        width: 100%;
    }

    .calc-img ul {
        bottom: 40px;
        left: 20px;
        right: 20px;
    }

    .calc_fs .h2 {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .main-descr-top,
    .main-descr-bottom {
        padding: 0;
        font-size: 14px;
    }

    .main-descr-bottom ul li::before {
        width: 20px;
        height: 20px;
    }

    .calc_fs--flex {
        gap: 15px;
    }
}

.clc_area__ttl {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    font: 600 14px/1.1 var(--font-accent-semibold);
    color: rgba(45, 47, 51, 1);
    margin: 0 0 11px;
}

.calc_fs .clc_area__text {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    max-width: 95%;
}

.calc_fs .clc_area__text span {
    color: #898787;
    font: 400 14px/1 var(--font-family);
}

.calc_fs p {
    margin: 0;
    font: 600 14px/1.1 var(--font-accent-semibold);
    color: rgba(45, 47, 51, 1);
}

.calc_fs .clc_area__ttl p {
    max-width: 139px;
    margin-top: 2px;
}

.calc_fs .clc_area .input_rng_value {
    height: 30px;
    width: 52px;
}

/* .calc_btns {
    border-radius: 0px 0px 8px 8px;
    background: #ecf0f9;
    margin: 24px -30px -20px;
    padding: 15px 30px 30px;
} */

.font_green {
    color: #119a22;
}

.font_red {
    color: rgba(80, 166, 163, 1);
}

.btn_call {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    flex-grow: 1;
    padding: 0 5px;
    border-radius: 5px;
    font: 600 18px/1 var(--font-accent-semibold);
    color: #fff;
    text-decoration: none;
    overflow: hidden;
    height: 62px;
    max-width: 225px;
}

@media(max-width:1200px) {
    .calc_btns_wrp {
        gap: 10px;
    }

    .btn_call {
        max-width: 50%;
    }
}

@media (max-width: 768px) {
    .calc_btns_wrp {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 7px;
    }

    .btn_call {
        max-width: 100%;
    }

    .clc__tabs {
        border-radius: 4px;
        padding: 5px 4px 5px 7px;
        height: 162px;
    }

    .clc_area__ttl {
        justify-content: flex-start;
        gap: 8px;
        margin: 0 0 3px 0;
    }

    .calc_fs .clc_area__ttl p {
        margin-top: 7px;
    }

}

@media(max-width:360px) {
    .btn_call svg {
        display: none;
    }
}

.clc__tab1::before,
.clc__tab5::before {
    top: 25px;
}

.clc__tab2::before,
.clc__tab6::before {
    top: 54px;
}

.clc__tab3::before,
.clc__tab7::before {
    top: 78px;
}

.clc__tab4::before,
.clc__tab8::before {
    top: 108px;
}

.calc_line-container {
    margin-top: 13px;
}

.calc_line {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 18px;
    border-radius: 5px;
    background: repeating-linear-gradient(-60deg,
            #eef1f6,
            #eef1f6 10px,
            #e6e9ee 10px,
            #e6e9ee 20px);
}

.calc_progress {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 18px;
    border-radius: 5px 0 0 5px;
    background: repeating-linear-gradient(-60deg,
            #50a6a3,
            #50a6a3,
            #50a6a3 12px,
            rgba(110, 194, 191, 1) 12px,
            rgba(110, 194, 191, 1) 24px);
    transition: width 0.3s ease-in-out;
}

.calc_line-container .clc_srok {
    font: 500 14px/1.1 var(--font-medium);
    color: rgba(22, 33, 54, 0.5);
    margin: 0 0 10px;
}

.clc_srok strong {
    font-family: var(--font-medium);
    font-weight: 500;
    font-size: 14px;
    color: #162136;
}

.btn_call .flare {
    position: absolute;
    top: 0;
    height: 100%;
    width: 45px;
    transform: skewX(-45deg);
    animation: flareAnimation;
    left: -150%;
    background: linear-gradient(90deg,
            rgba(255, 255, 255, 0.1),
            rgba(255, 255, 255, 0.4));
    animation: flareAnimation 3s infinite linear;
}

.btn_descr {
    color: rgba(22, 33, 54, 0.5);
    font: 500 14px/1.1 var(--font-medium);
    margin: 0 0 11px 0;
}

@keyframes flareAnimation {
    0% {
        left: -150%;
    }

    100% {
        left: 150%;
    }
}

.section-first__second-img {
    margin: 44px 0 0;
}

.section-first__second-img img {
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 8px;
}

.calc_top-flex {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* display: flex;
    align-items: flex-start; */
    gap: 12px;
}

.calc_top-flex>div {
    /* width: calc(50% - 10px); */
}

.calc_bottom-flex {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.calc_bottom-flex .clc_vid {
    /* width: 49%;
    flex-shrink: 0;
    display: flex;
    flex-flow: column; */
}

.calc_bottom-flex .clc_vid .clc_design {
    margin-top: auto;
}

.clc_vid p {
    margin: 0;
}

@media (max-width: 768px) {
    .switch_label {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .calc.nocalc .section-first__calc {
        gap: 13px;
    }

    .clc_area__ttl {
        margin: 0 0 9px 0;
    }

    .calc_top-flex {
        display: flex;
        flex-flow: column;
        flex-wrap: wrap;
        gap: 17px;
    }

    .calc_bottom-flex .clc_vid .clc_design {
        margin-top: 5px;
    }

    .calc_top-flex>div {
        width: 100%;
    }

    .clc_type {
        padding-left: 0;
        width: 100%;
    }

    .custom-control-label span {
        font: 13px / 1 var(--font-family);
    }

    .custom-control-input[type="radio"]:checked+span {
        font: 500 14px / 1 var(--font-medium);
    }

    .clc_vid__container {
        gap: 10px;
    }

    .clc_type .clc_vid__container {
        margin-bottom: 0;
    }

    .btn_descr {
        font: 500 12px / 1.1 var(--font-medium);
        margin: 0 0 10px 0;
    }

    .calc_btns {
        border-radius: 0px 0px 8px 8px;
        background: #ecf0f9;
        margin: 3px -15px -20px;
        padding: 16px 15px 26px;
    }

    .calc_fs {
        width: 100%;
        padding: 25px 15px 20px;
    }

    .calc_line-container {
        margin-top: 16px;
    }

    .btn_call {
        height: 60px;
        font: 600 16px / 1 var(--font-accent-semibold);
    }

    .calc_line-container .clc_srok {
        margin: 0 0 13px 0;
        font: 500 12px / 1.1 var(--font-medium);
    }

    .clc_srok strong {
        font-size: 12px;
    }

    .calc_bottom-flex {
        display: flex;
        align-items: flex-start;
        flex-flow: column;
        gap: 10px;
    }

    .calc_bottom-flex .clc_vid {
        max-width: 100%;
        width: 100%;
    }

}

/* start section first no calc  */
.calc-img {
    display: flex;
    flex-direction: column;
    padding-top: 12px;
}

.calc.nocalc .section-first__calc {
    display: grid;
    grid-template-columns: auto 518px;
    padding: 0;
    /* align-items: flex-end; */
    gap: 70px;
    justify-content: space-between;
}

.calc.nocalc .main-descr-top {
    padding: 0;
    margin: 0;
}

.calc.nocalc .calc-full {
    padding: 76px 0 75px;
}

.calc.nocalc h1 {
    font: 700 40px / 1.15 var(--font-accent-bold);
    margin: 0 0 35px 0;
}

.calc.nocalc .sub_h1 {
    font: 600 18px / 1.2 var(--font-accent-semibold);
    max-width: 390px;
    margin: 0 0 30px 0;
}

.calc.nocalc .main-descr-bottom {
    padding: 0 20px 4px 0;
    max-width: 85%;
    margin: 0 0 24px 0;
}

.first-button-wrp {
    display: flex;
    gap: 12px;
    margin: 35px 0 29px;
    align-items: center;
}

.first-button-wrp a {
    width: 67%;
    max-width: 461px;
    height: 63px;
}

.text_with_btn {
    font: 400 18px/1.2 var(--font-family);
    color: #ffffff;
}

.text_with_btn span {
    color: rgba(143, 255, 106, 1);
}

.reviews-card-wrp {
    width: 100%;
    max-width: 100%;
    padding: 30px;
    border-radius: 8px;
    border: 5px solid #efefef;
    background: #fff;
    box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.15);
}

.first_rev {
    width: 33%;
}

.reviews-card {
    display: flex;
    flex-flow: column;
    gap: 20px;
}

.reviews-card .ttl {
    display: flex;
    gap: 5px;
    color: rgba(128, 128, 128, 1);
    font: 500 18px/1.2 var(--font-medium);
}

.reviews-card .ttl img {
    width: 28px;
}

.reviews-card .descr {
    display: flex;
    flex-flow: column;
    gap: 10px;
    color: rgba(51, 51, 51, 1);
}

.str1 {
    font: 600 18px/1.2 var(--font-accent-semibold);
}

.str2 {
    font: 500 30px/1.2 var(--font-medium);
    display: flex;
    align-items: center;
    gap: 10px;
}

.str3 {
    font: 400 18px/1.2 var(--font-family);
}

.stars {
    width: 81px;
    height: 16px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 16 15" fill="none"><path d="M8 0.5L10.8214 4.61672L15.6085 6.02786L12.5651 9.98328L12.7023 14.9721L8 13.3L3.29772 14.9721L3.43493 9.98328L0.391548 6.02786L5.17863 4.61672L8 0.5Z" fill="%23FFDE02"/></svg>');
}

.calc.nocalc .main-descr-bottom ul li::before {
    width: 20px;
    height: 20px;
}

.calc.nocalc .main-descr-bottom ul li {
    font: 500 20px/1.2 var(--font-medium);
    padding-left: 34px;
    margin-bottom: 15px;
}

@media (max-width: 1200px) {
    .calc.nocalc .calc-img {
        padding: 0;
    }

    .calc.nocalc .main-descr-bottom {
        max-width: 100%;
        margin: 0;
    }

    .calc.nocalc .section-first__calc {
        gap: 30px;
        align-items: flex-start;
    }
}

@media (max-width: 992px) {
    .calc.nocalc .calc-img {
        max-width: 100%;
        width: 100%;
        padding: 0;
    }

    .calc.nocalc .section-first__calc {
        display: flex;
        align-items: flex-start;
        gap: 15px;
    }

    .calc.nocalc .calc-full {
        border-radius: 16px;
        background:
            linear-gradient(0deg,
                rgba(45, 47, 51, 0.99) 0%,
                rgba(45, 47, 51, 0.99) 100%), lightgray -1276.906px 0px / 479.012% 100% no-repeat;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center top;
        padding: 35px 0 35px;
    }

    .calc.nocalc h1 {
        margin: 0 0 0 0;
    }
}

@media (max-width: 767px) {
    .calc.nocalc .main-descr-bottom ul li {
        font-size: 16px;
    }

    .calc.nocalc .calc-full {
        padding: 28px 0 31px;
    }

    .calc.nocalc h1 {
        font: 700 24px / 1.3 var(--font-accent-bold);
        margin: 0 0 15px 0;
    }

    .calc.nocalc .sub_h1 {
        font-size: 16px;
        margin: 0 0 15px 0;
    }

    .first-button-wrp {
        display: flex;
        flex-flow: column;
        gap: 10px;
        margin: 25px 0;
        align-items: flex-start;
    }

    .first-button-wrp a {
        width: 100%;
        max-width: 100%;
    }

    .text_with_btn {
        font-size: 14px;
    }

    .first_rev {
        width: 100%;
    }

    .reviews-card-wrp {
        /* background: transparent; */
        border-radius: 8px;
        border: 2px solid #808080;
        background: rgba(0, 0, 0, 0.15);
        box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.15);
        width: 100%;
        max-width: 100%;
        padding: 15px 10px;
    }

    .reviews-card .ttl {
        font-size: 18px;
        color: rgba(255, 255, 255, 1);
        height: 27px;
    }

    .reviews-card {
        flex-flow: row;
        justify-content: space-between;
        align-items: center;
    }

    .str2 {
        font-size: 28px;
        color: rgba(255, 255, 255, 1);
    }

    .stars {
        width: 16px;
        height: 16px;
        background-repeat: no-repeat;
    }

    .str3 {
        font: 400 8px / 1.2 var(--font-family);
        color: rgba(255, 255, 255, 1);
    }

    .reviews-card .descr {
        gap: 4px;
    }

    .str1 {
        font-size: 10px;
        color: rgba(255, 255, 255, 0.75);
        margin-bottom: 5px;
        text-transform: uppercase;
    }
}

@media (max-width: 767px) {
    .clc_komn .custom-control-label span {
        width: 60px;
    }

    .clc_dop .clc_dop__container {
        display: flex;
        flex-flow: column;
        row-gap: 9px;
        margin: 10px 0 15px 0;
        column-gap: 5px;
    }

    .clc_komn .clc_type__container {
        gap: 7px;
        margin: 8px 0 0;
        height: 39px;
    }

    .calc_bottom-flex {
        gap: 14px;
    }

    .main-descr-bottom ul {
        margin-top: 7px;
    }

    .calc.nocalc .main-descr-bottom ul li {
        font-size: 16px;
        margin-bottom: 13px;
        padding-left: 28px;
    }
}

@media (max-width: 390px) {
    .calc.nocalc h1 {
        font-size: 23px;
    }
}

/* end section first no calc  */
select {
    background: #eef1f6;
    padding: 14px 16px;
    border: none;
    outline: none;
    border-radius: 8px;
    font-family: var(--font-family);
    font-size: 14px;
    font-weight: 300;
    width: 100%;
    margin-top: 5px;
    -webkit-appearance: none;
    appearance: none;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE0IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy4zNjQgMC43OTI5NTJDMTMuMTc2NSAwLjYwNTQ4MSAxMi45MjIyIDAuNTAwMTY1IDEyLjY1NyAwLjUwMDE2NUMxMi4zOTE4IDAuNTAwMTY1IDEyLjEzNzUgMC42MDU0ODEgMTEuOTUgMC43OTI5NTJMNyA1Ljc0Mjk1TDIuMDUgMC43OTI5NTJDMS44NjEzOSAwLjYxMDc5NCAxLjYwODc5IDAuNTEgMS4zNDY2IDAuNTEyMjc4QzEuMDg0NCAwLjUxNDU1NiAwLjgzMzU4NiAwLjYxOTcyNSAwLjY0ODE3OCAwLjgwNTEzM0MwLjQ2Mjc3IDAuOTkwNTQxIDAuMzU3NjAyIDEuMjQxMzUgMC4zNTUzMjQgMS41MDM1NUMwLjM1MzA0NSAxLjc2NTc1IDAuNDUzODM5IDIuMDE4MzUgMC42MzU5OTggMi4yMDY5NUw2LjI5MyA3Ljg2Mzk1QzYuNDgwNTMgOC4wNTE0MiA2LjczNDgzIDguMTU2NzQgNyA4LjE1Njc0QzcuMjY1MTYgOC4xNTY3NCA3LjUxOTQ3IDguMDUxNDIgNy43MDcgNy44NjM5NUwxMy4zNjQgMi4yMDY5NUMxMy41NTE1IDIuMDE5NDIgMTMuNjU2OCAxLjc2NTEyIDEzLjY1NjggMS40OTk5NUMxMy42NTY4IDEuMjM0NzkgMTMuNTUxNSAwLjk4MDQ4IDEzLjM2NCAwLjc5Mjk1MloiIGZpbGw9IiMyMjMzODEiIGZpbGwtb3BhY2l0eT0iMC41Ii8+Cjwvc3ZnPgo=) no-repeat right 15px center #eef1f6;
}

.reviews-slider {
    margin-top: 25px;
}

.reviews-slider__grid {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    gap: 10px;
    position: relative;
}

.item-link1 {
    position: relative;
}

.name-portfolio-diz {
    position: absolute;
    left: 7px;
    top: 7px;
}

.item-descr {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: rgba(22, 33, 54, 0.6);
    backdrop-filter: blur(3.25px);
    height: 21px;
    padding: 0 5px;
    color: #ffffff;
    font: 500 12px/1.1 var(--font-medium);
}

.reviews-slider__grid p {
    margin-bottom: 0;
}

.sqw-portfolio-diz {
    margin-left: 6px;
}

.reviews-slider__grid img {
    width: 100%;
    height: 100%;
    max-height: 115px;
    object-fit: cover;
    border-radius: 5px;
}

.reviews-video {
    grid-column: 2/3;
    grid-row: span 4;
    position: relative;
}

.reviews-video .descr {
    position: absolute;
    width: 98%;
    display: flex;
    justify-content: space-between;
    left: 7px;
    top: 7px;
    right: 7px;
    gap: 6px;
}

.reviews-video img {
    max-height: unset;
    border-radius: 8px;
}

.reviews-video {
    position: relative;
    display: block;

    width: 628px;
    height: 490px;

    font-size: 0;
}

.reviews-video::before {
    position: absolute;
    content: "";
    width: 70px;
    height: 70px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTciIGhlaWdodD0iOTgiIHZpZXdCb3g9IjAgMCA5NyA5OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMS41IiB5PSIxIiB3aWR0aD0iOTQiIGhlaWdodD0iOTUuMjk3MyIgcng9IjQ3IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggZD0iTTY5LjQ4MDQgNDguMDAwNEM2OS40ODE4IDQ4LjU5NjcgNjkuMzMwOSA0OS4xODMxIDY5LjA0MjUgNDkuNzAyOEM2OC43NTQxIDUwLjIyMjUgNjguMzM3OCA1MC42NTc3IDY3LjgzNDMgNTAuOTY2TDM2LjYyODcgNzAuMzEzOEMzNi4xMDI2IDcwLjY0MDMgMzUuNSA3MC44MTg2IDM0Ljg4MzIgNzAuODMwMkMzNC4yNjY0IDcwLjg0MTcgMzMuNjU3NyA3MC42ODYyIDMzLjEyIDcwLjM3OTdDMzIuNTg3NCA3MC4wNzc5IDMyLjE0MzggNjkuNjM3OCAzMS44MzQ3IDY5LjEwNDZDMzEuNTI1NiA2OC41NzE0IDMxLjM2MjIgNjcuOTY0NCAzMS4zNjEzIDY3LjM0NlYyOC42NTQ4QzMxLjM2MjIgMjguMDM2NCAzMS41MjU2IDI3LjQyOTQgMzEuODM0NyAyNi44OTYyQzMyLjE0MzggMjYuMzYzIDMyLjU4NzQgMjUuOTIyOSAzMy4xMiAyNS42MjExQzMzLjY1NzcgMjUuMzE0NiAzNC4yNjY0IDI1LjE1OTEgMzQuODgzMiAyNS4xNzA2QzM1LjUgMjUuMTgyMiAzNi4xMDI2IDI1LjM2MDUgMzYuNjI4NyAyNS42ODdMNjcuODM0MyA0NS4wMzQ4QzY4LjMzNzggNDUuMzQzMiA2OC43NTQxIDQ1Ljc3ODMgNjkuMDQyNSA0Ni4yOThDNjkuMzMwOSA0Ni44MTc3IDY5LjQ4MTggNDcuNDA0MiA2OS40ODA0IDQ4LjAwMDRaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
    opacity: 0.75;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 0.3s ease-in-out;
}

.reviews-video:hover::before {
    opacity: 1;
}

.reviews-slider__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 25px;
    gap: 30px;
}

.reviews-slider__bottom .btn-accent {
    width: 50%;
    height: 60px;
}

.reviews-slider__bottom p {
    margin-bottom: 0;
    margin-right: 150px;
}

.reviews-slider__bottom span {
    max-width: 460px;
}

.reviews-slider .swiper-button-next,
.reviews-slider .swiper-button-prev {
    width: 60px;
    height: 60px;
    border-radius: 5px;
    background: transparent;
    border: 1px solid rgba(80, 166, 163, 1);
}

.reviews-slider .swiper-button-next {
    top: unset;
    bottom: 0;
    right: 0;
}

.reviews-slider .swiper-button-prev {
    top: unset;
    left: unset;
    bottom: 0;
    right: 70px;
}

.reviews-slider .swiper-button-next::after {
    content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxOCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNy41MzAzIDYuNDdDMTcuNjcwOCA2LjYxMDYzIDE3Ljc0OTcgNi44MDEyNSAxNy43NDk3IDdDMTcuNzQ5NyA3LjE5ODc1IDE3LjY3MDggNy4zODkzOCAxNy41MzAzIDcuNTNMMTEuNTMwMyAxMy41M0MxMS40NjE3IDEzLjYwMzcgMTEuMzc4OSAxMy42NjI4IDExLjI4NjkgMTMuNzAzOEMxMS4xOTQ5IDEzLjc0NDggMTEuMDk1NSAxMy43NjY4IDEwLjk5NDggMTMuNzY4NkMxMC44OTQxIDEzLjc3MDQgMTAuNzk0MSAxMy43NTE4IDEwLjcwMDcgMTMuNzE0MUMxMC42MDczIDEzLjY3NjQgMTAuNTIyNSAxMy42MjAzIDEwLjQ1MTMgMTMuNTQ5QzEwLjM4MDEgMTMuNDc3OCAxMC4zMjM5IDEzLjM5MyAxMC4yODYyIDEzLjI5OTZDMTAuMjQ4NSAxMy4yMDYyIDEwLjIzIDEzLjEwNjIgMTAuMjMxNyAxMy4wMDU1QzEwLjIzMzUgMTIuOTA0OCAxMC4yNTU2IDEyLjgwNTUgMTAuMjk2NSAxMi43MTM1QzEwLjMzNzUgMTIuNjIxNSAxMC4zOTY2IDEyLjUzODcgMTAuNDcwMyAxMi40N0wxNS4xOTAzIDcuNzVMMS4wMDAzMiA3Ljc1QzAuODAxNDEyIDcuNzUgMC42MTA2NDYgNy42NzA5OCAwLjQ2OTk5NCA3LjUzMDMzQzAuMzI5MzQxIDcuMzg5NjggMC4yNTAzMjQgNy4xOTg5MSAwLjI1MDMyNCA3QzAuMjUwMzI0IDYuODAxMDkgMC4zMjkzNDEgNi42MTAzMiAwLjQ2OTk5NCA2LjQ2OTY3QzAuNjEwNjQ2IDYuMzI5MDIgMC44MDE0MTIgNi4yNSAxLjAwMDMyIDYuMjVMMTUuMTkwMyA2LjI1TDEwLjQ3MDMgMS41M0MxMC4zOTY2IDEuNDYxMzQgMTAuMzM3NSAxLjM3ODU0IDEwLjI5NjUgMS4yODY1NEMxMC4yNTU2IDEuMTk0NTQgMTAuMjMzNSAxLjA5NTIzIDEwLjIzMTcgMC45OTQ1MjNDMTAuMjMgMC44OTM4MjEgMTAuMjQ4NSAwLjc5Mzc5MSAxMC4yODYyIDAuNzAwNDAzQzEwLjMyMzkgMC42MDcwMTUgMTAuMzgwMSAwLjUyMjE4MSAxMC40NTEzIDAuNDUwOTYyQzEwLjUyMjUgMC4zNzk3NDQgMTAuNjA3MyAwLjMyMzU5OSAxMC43MDA3IDAuMjg1ODc4QzEwLjc5NDEgMC4yNDgxNTcgMTAuODk0MSAwLjIyOTYzMyAxMC45OTQ4IDAuMjMxNDA5QzExLjA5NTUgMC4yMzMxODYgMTEuMTk0OSAwLjI1NTIyOCAxMS4yODY5IDAuMjk2MjJDMTEuMzc4OSAwLjMzNzIxMiAxMS40NjE3IDAuMzk2MzE0IDExLjUzMDMgMC40NzAwMDFMMTcuNTMwMyA2LjQ3WiIgZmlsbD0iIzIyMzM4MSIvPgo8L3N2Zz4K);
}

.reviews-slider .swiper-button-prev::after {
    content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxOCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjQ2OTY3NiA3LjUzQzAuMzI5MjI1IDcuMzg5MzcgMC4yNTAzMzUgNy4xOTg3NSAwLjI1MDMzNSA3QzAuMjUwMzM1IDYuODAxMjUgMC4zMjkyMjUgNi42MTA2MiAwLjQ2OTY3NSA2LjQ3TDYuNDY5NjggMC40Njk5OThDNi41MzgzNCAwLjM5NjMxMSA2LjYyMTE0IDAuMzM3MjEgNi43MTMxNCAwLjI5NjIxOEM2LjgwNTE0IDAuMjU1MjI2IDYuOTA0NDUgMC4yMzMxODUgNy4wMDUxNSAwLjIzMTQwOEM3LjEwNTg2IDAuMjI5NjMxIDcuMjA1ODggMC4yNDgxNTUgNy4yOTkyNyAwLjI4NTg3NkM3LjM5MjY2IDAuMzIzNTk3IDcuNDc3NDkgMC4zNzk3NDIgNy41NDg3MSAwLjQ1MDk2MUM3LjYxOTkzIDAuNTIyMTggNy42NzYwOCAwLjYwNzAxNCA3LjcxMzggMC43MDA0MDJDNy43NTE1MiAwLjc5Mzc5IDcuNzcwMDQgMC44OTM4MTggNy43NjgyNyAwLjk5NDUyMUM3Ljc2NjQ5IDEuMDk1MjIgNy43NDQ0NSAxLjE5NDU0IDcuNzAzNDYgMS4yODY1NEM3LjY2MjQ2IDEuMzc4NTQgNy42MDMzNiAxLjQ2MTM0IDcuNTI5NjcgMS41M0wyLjgwOTY4IDYuMjVMMTYuOTk5NyA2LjI1QzE3LjE5ODYgNi4yNSAxNy4zODk0IDYuMzI5MDIgMTcuNTMgNi40Njk2N0MxNy42NzA3IDYuNjEwMzIgMTcuNzQ5NyA2LjgwMTA5IDE3Ljc0OTcgN0MxNy43NDk3IDcuMTk4OTEgMTcuNjcwNyA3LjM4OTY4IDE3LjUzIDcuNTMwMzNDMTcuMzg5NCA3LjY3MDk4IDE3LjE5ODYgNy43NSAxNi45OTk3IDcuNzVMMi44MDk2OCA3Ljc1TDcuNTI5NjggMTIuNDdDNy42MDMzNiAxMi41Mzg3IDcuNjYyNDYgMTIuNjIxNSA3LjcwMzQ2IDEyLjcxMzVDNy43NDQ0NSAxMi44MDU1IDcuNzY2NDkgMTIuOTA0OCA3Ljc2ODI3IDEzLjAwNTVDNy43NzAwNCAxMy4xMDYyIDcuNzUxNTIgMTMuMjA2MiA3LjcxMzggMTMuMjk5NkM3LjY3NjA4IDEzLjM5MyA3LjYxOTkzIDEzLjQ3NzggNy41NDg3MSAxMy41NDlDNy40Nzc0OSAxMy42MjAzIDcuMzkyNjYgMTMuNjc2NCA3LjI5OTI3IDEzLjcxNDFDNy4yMDU4OSAxMy43NTE4IDcuMTA1ODYgMTMuNzcwNCA3LjAwNTE1IDEzLjc2ODZDNi45MDQ0NSAxMy43NjY4IDYuODA1MTQgMTMuNzQ0OCA2LjcxMzE0IDEzLjcwMzhDNi42MjExNCAxMy42NjI4IDYuNTM4MzQgMTMuNjAzNyA2LjQ2OTY4IDEzLjUzTDAuNDY5Njc2IDcuNTNaIiBmaWxsPSIjMjIzMzgxIi8+Cjwvc3ZnPgo=);
}

.reviews-last {
    position: relative;
}

.reviews-last img {
    filter: brightness(0.6);
}

.reviews-last span:first-of-type {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 40%;
    font-size: 12px;
    color: #fff;
}

.reviews-last span:last-of-type {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: calc(40% + 16px);
    font-family: var(--font-medium);
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    border-bottom: 1px solid #fff;
    max-width: max-content;
    margin: 0 auto;
}

.portfolio-nav__container {
    margin-top: 20px;
    display: flex;
    align-items: center;
}

.portfolio-main-nav__container {
    margin-bottom: 30px;
}

.portfolio-nav__container .portfolio-nav.nav-tabs {
    margin: 0;
}

.portfolio-nav__container p {
    font-family: var(--font-medium);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.25;
    color: rgba(22, 33, 54, 0.5019607843);
    text-align: left;
    width: 50px;
    flex-shrink: 0;
    margin: 0;
}

.portfolio-nav--min.portfolio-nav.nav-tabs {
    gap: 10px;
    flex-wrap: nowrap;
}

.portfolio-nav--min.portfolio-nav .nav-link {
    padding: 10px 14px;
}

.portfolio-nav--sub.portfolio-nav.nav-tabs {
    gap: 5px;
    flex-wrap: nowrap;
    align-items: center;
}

.portfolio-nav--sub.portfolio-nav .nav-link {
    font-size: 14px;
    padding: 3px 10px;
    border: 1px solid rgba(0, 0, 0, 0.0705882353);
}

.portfolio-nav--sub.portfolio-nav .nav-link:hover {
    border-color: rgba(22, 33, 54, 0.5019607843);
}

.portfolio-nav--sub.portfolio-nav .nav-link span {
    font-size: 14px;
    color: rgba(22, 33, 54, 0.8);
    border: none;
}

.buttons-nav-slider-wrp {
    display: flex;
    justify-content: end;
    gap: 20px;
    align-items: center;
}

.buttons-nav-slider-wrp .num-nav {
    color: rgba(22, 33, 54, 0.85);

    font: 400 14px/1.1 var(--font-accent);
}

.buttons-nav-wrp {
    display: flex;
    gap: 10px;
}

.buttons-nav-wrp button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    width: 60px;
    border-radius: 5px;
    border: 1px solid rgba(22, 33, 54, 0.3);
    background: transparent;
}

.buttons-nav-wrp button svg path {
    fill: rgba(22, 33, 54, 0.5);
}

.buttons-nav-wrp button:hover,
.buttons-nav-wrp button:focus {
    border: 1px solid rgba(34, 51, 129, 0.5);
}

.buttons-nav-wrp button:hover svg path,
.buttons-nav-wrp button:focus svg path {
    fill: #223381;
}

.works__list {
    margin: 30px 0 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(3, minmax(360px, 1fr));
    gap: 20px;
}

@media (max-width: 1200px) {
    .portfolio-nav--sub.portfolio-nav .nav-link {
        margin-bottom: 1px;
    }

    .works__list {
        grid-template-columns: repeat(3, minmax(312px, 1fr));
    }
}

@media (max-width: 991px) {
    .portfolio-nav--min.portfolio-nav.nav-tabs {
        overflow-x: auto;
        overflow-y: hidden;
    }
}

@media (max-width: 767px) {
    p.works__subtitle {
        font-size: 16px;
    }

    .portfolio-main-nav__container {
        margin-bottom: 16px;
    }

    .works__list {
        display: flex;
        flex-flow: column;
        gap: 10px;
    }

    .portfolio-nav--min.portfolio-nav.nav-tabs {
        margin: 12px 0 16px;
    }
}

.works__item {
    border: 1px solid rgba(246, 246, 246, 1);
    margin: 0;
    border-radius: 8px;
    background: #f6f6f6;
    display: flex;
    flex-direction: column;
    flex: 1;
    /* Заставляет колонки занимать одинаковое пространство */
    min-height: 100%;
    /* Обеспечивает, чтобы колонки растягивались по высоте */
}

.works__item .btn-accent-border {
    font-size: 14px;
}

.works__desc_btns .btn-accent,
.works__desc_btns .btn-accent-border {
    width: 100%;
    max-width: 100%;
}

.works__desc {
    padding: 0 30px 30px 30px;
    display: flex;
    flex-flow: column;
    height: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    /* Равномерное распределение пространства между элементами */
    flex-grow: 1;
    /* Колонка будет растягиваться */
}

.work__desc_top {
    padding: 30px 29px 15px;
}

.work__desc_top .h3 {
    font: 600 30px/1.2 var(--font-accent-semibold);
    margin: 0;
}

.works__desc_btns {
    display: flex;
    flex-flow: column;
    margin: auto 0 0 0;
}

.work__desc_top p {
    font: 500 16px/1.2 var(--font-medium);
    margin-bottom: 0;
    min-height: 57px;
}

.works__desc ul li {
    font: 500 16px/1.2 var(--font-medium);
    font-size: 16px;
    color: #2d2f33;
}

.works__desc p {
    padding: 0 10px;
}

.works__desc ul li {
    margin-bottom: 0px;
}

.works__desc ul li::marker {
    color: #2d2f33;
}

.details-content {
    /* padding-left: 21px; */
    margin-top: 15px;
}

.details-content ul {
    padding-left: 24px;
}

.works__item__green .h3 {
    /* color: rgba(80, 166, 163, 1); */
    display: flex;
    gap: 5px;
    align-items: center;
}

.works__item__green .h3>span {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #50a6a3;
    height: 22px;
    font-size: 12px;
    padding: 0 5px;
    text-transform: uppercase;
    line-height: 1;
    border-radius: 2px;
    background: rgba(80, 166, 163, 0.15);
}

button.details-toggle {
    font: 600 14px/1.2 var(--font-accent-semibold);
    border: none;
    background: transparent;
    padding: 0 0 1px;
    border-bottom: 1px dashed #2d2f33;
    margin: 5px 0 15px;
    color: #2d2f33 !important;
}

.details-toggle:hover,
.details-toggle:active,
.details-toggle:focus {
    color: #2d2f33;
}

.works__item_img {
    height: 248px;
}

.works__item_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 1200px) {
    .work__desc_top p {
        min-height: 77px;
    }
}

@media (max-width: 992px) {
    .works__desc {
        flex-wrap: wrap;
        padding: 15px 15px 20px;
    }

    .works__list {
        gap: 10px;
        grid-template-columns: repeat(3, minmax(200px, 1fr));
    }

    .work__desc_top .h3 {
        font: 600 22px / 1.2 var(--font-accent-semibold);
    }

    .works__desc .h3 {
        font-size: 22px;
    }

    .works__item__green .h3>span {
        font-size: 7px;
    }

    .work__desc_top {
        padding: 30px 15px 15px 15px;
    }

    .work__desc_top p {
        min-height: 95px;
    }
}

@media (max-width: 768px) {
    .works__desc {
        flex-wrap: wrap;
        padding: 11px 20px 24px;
    }

    .details-content ul {
        margin-top: 0;
        padding: 0px 0 0 24px;
    }

    .works__desc .h3 {
        font-size: 22px;
    }
}

@media (max-width: 767px) {
    .works__desc {
        display: block;
        max-height: 100%;
        height: 100%;
    }

    .work__desc_top {
        padding: 10px 20px 0 20px;
        min-height: 67px;
        align-items: center;
        display: flex;
    }

    .section-tarif .js-portfolio-slider {
        display: none;
    }

    .section-tarif .btn-accent {
        height: 50px;
    }

    .work__desc_top p {
        min-height: auto;
        font-size: 14px;
    }


    .details-content.open {
        max-height: 500px;
    }

    .works__item__green .h3>span {
        font-size: 10px;
        height: 22px;
    }

    .section-tarif .portfolio-nav--min.portfolio-nav.nav-tabs {
        margin: 39px 0 21px;
    }

    .section-tarif .title-section-wrp {
        margin-bottom: 33px;
    }

    .works__list {
        margin: 0 0;
    }

}

.portfolio-slider-main .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.portfolio-slider-main {
    position: relative;
    padding-bottom: 19px;
}

.portfolio-slider-main .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 768px) {
    .portfolio-slider-main .swiper-slide img {
        max-height: 260px;
    }
}

.portfolio-slider-main .swiper-slide {
    background-size: cover;
    background-position: center;
    cursor: pointer;
}

.portfolio-slider-main .swiper-wrapper {
    height: 248px;
    width: 100%;
}

.portfolio-slider-main .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 1px;
}

.portfolio-slider-main .swiper-button-next {
    right: 12.5px;
}

.portfolio-slider-main .swiper-button-prev {
    left: 12.5px;
}

.btn-m {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-medium);
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.215;
    color: #586684;
    text-align: center;
    border: none;
    outline: none;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s ease;
    background: rgba(22, 33, 54, 0.0509803922);
    padding: 14px 40px;
}

.btn__container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0 0;
}

.works__designer {
    display: flex;
    align-items: center;
    gap: 8px;
}

.works__d-img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    flex-shrink: 0;
    overflow: hidden;
}

.works__d-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.works__d-content h4 {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 3px;
}

.works__d-content p {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    color: rgba(22, 33, 54, 0.6980392157);
    margin: 0;
}

.contacts-right {
    display: grid;
    grid-template-columns: repeat(3, minmax(331px, 1fr));
    justify-content: space-between;
    gap: 41px;
    align-items: center;
    padding: 30px 30px 30px;
    border-radius: 8px;
    border: 0.5px solid rgba(22, 33, 54, 0.05);
    background: #f6f6f6;
    margin: 0 0 20px 0;
}

.text-contact {
    font: 600 18px/1.2 var(--font-accent-semibold);
}

.title-contact {
    font: 600 14px/1.2 var(--font-accent-semibold);
    color: #898787;
    margin: 0 0 5px 0;
}

.title-flex {
    display: flex;
    align-items: flex-start;
    gap: 24px;
}

.title-flex .metro {
    margin: 12px 0 0 0;
    flex-wrap: wrap;
    gap: 5px;
}

@media (max-width: 1200px) {
    .contacts-right {
        grid-template-columns: 1fr 1fr;
        /* Первая строка занимает 100% ширины */
        grid-template-rows: auto auto;
        gap: 25px;
    }

    .contacts-right .item.item2 {
        margin-left: 0;
    }

    .footer__bottom-right {
        margin-right: 0;
    }

    .contacts-right .item1 {
        grid-column: span 2;
    }

    .contacts-right .item2,
    .contacts-right .item3 {
        grid-column: span 1;
    }
}

@media (max-width: 991px) {
    .contacts-right {
        margin: 0 0 15px;
    }

    .title-flex {
        flex-flow: column-reverse;
        gap: 10px;
    }
}

@media (max-width: 767px) {
    .item1 .text-contact {
        font: 600 18px/1.2 var(--font-accent-semibold);
    }

    .item2 .text-contact {
        font: 600 14px/1.2 var(--font-accent-semibold);
    }
}

.contacts-right .item {
    position: relative;
    padding-left: 55px;
}

.contacts-right .item.item2 {
    margin-left: 10px;
}

.contacts-right .item:before {
    content: "";
    display: flex;
    width: 45px;
    height: 45px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.contacts-right .item2:before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="45" height="46" viewBox="0 0 45 46" fill="none"><path d="M37.5 21.0449C37.5 29.5108 30.7843 39.4658 22.5 39.4658C14.2157 39.4658 7.5 29.5108 7.5 21.0449C7.5 12.5789 14.2157 5.71582 22.5 5.71582C30.7843 5.71582 37.5 12.5789 37.5 21.0449Z" stroke="%232D2F33" stroke-width="2.5"/><path d="M17.8125 19.7783C17.8125 17.1895 19.9112 15.0908 22.5 15.0908C25.0888 15.0908 27.1875 17.1895 27.1875 19.7783C27.1875 22.3672 25.0888 24.4658 22.5 24.4658C19.9112 24.4658 17.8125 22.3672 17.8125 19.7783Z" stroke="%2350A6A3" stroke-width="2.5"/></svg>');
}

.contacts-right .item3:before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="45" height="46" viewBox="0 0 45 46" fill="none"><path d="M24.375 6.18908C28.4301 5.03368 32.8927 5.99074 35.9964 9.09443C39.1001 12.1981 40.0571 16.6608 38.9017 20.7158M28.0067 11.2734C29.455 10.985 31.1232 11.4846 32.3647 12.7261C33.6062 13.9676 34.1058 15.6358 33.8174 17.0841" stroke="%2350A6A3" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M28.435 39.2474C30.0879 39.5386 31.7871 39.5386 33.44 39.2474C36.0967 38.7792 38.2366 36.9956 38.9737 34.6351L39.1301 34.1344C39.2926 33.6139 39.375 33.0756 39.375 32.5347C39.375 30.1494 37.2419 28.2158 34.6105 28.2158H27.2645C24.6331 28.2158 22.5 30.1494 22.5 32.5347C22.5 33.0756 22.5824 33.6139 22.7449 34.1343L22.9013 34.6351C23.6384 36.9956 25.7783 38.7792 28.435 39.2474ZM28.435 39.2474C16.9537 37.12 7.97078 28.1372 5.84344 16.6559M5.84344 16.6559C5.55218 15.003 5.55219 13.3037 5.84344 11.6508C6.31159 8.9941 8.0952 6.85418 10.4558 6.1171L10.9565 5.96075C11.4769 5.79824 12.0152 5.71582 12.5561 5.71582C14.9414 5.71582 16.875 7.84896 16.875 10.4803L16.875 17.8263C16.875 20.4577 14.9414 22.5908 12.5561 22.5908C12.0152 22.5908 11.4769 22.5084 10.9565 22.3459L10.4558 22.1895C8.0952 21.4525 6.31158 19.3125 5.84344 16.6559Z" stroke="%232D2F33" stroke-width="2.5"/></svg>');
}

.contacts-right span.text-underline {
    text-decoration: underline;
}

.contacts-map {
    width: 100%;
    height: 390px;
    margin-top: 25px;
    border-radius: 8px;
    border: 1px solid rgba(22, 33, 54, 0.0509803922);
}

.map-page-wrp {
    height: 356px;
    position: relative;
    border-radius: 8px;
    border: 1px solid rgb(232 234 237);
    overflow: hidden;
    background-size: cover;
}

#map-page {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.contacts .btn-accent {
    margin: 15px 0 0;
}

.contacts {
    padding: 42px 0 79px;
    /* padding-bottom: 79px; */
}

.contacts .title-section-wrp {
    margin-bottom: 39px;
}

.contacts .title-section-wrp:after {
    bottom: -8px;
}

.map-title-list {
    font: 500 16px/1.2 var(--font-medium);
}

.contacts .icon-metro {
    width: 25px;
    height: 30px;

}

.contacts .metro p {
    font-size: 18px;
}

@media(max-width:1200px) {
    .contacts-right .item.item2 {
        margin-left: 0;
    }
}

@media (max-width: 991px) {
    .map-page-wrp {
        overflow: hidden;
        height: 347px;
        border-radius: 8px;
        border: 1px solid rgba(22, 33, 54, 0.05);
    }
}

@media (max-width: 768px) {
    .portfolio-nav.nav-tabs {
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap;
        gap: 10px;
        margin: 12px 0 20px;
    }

    .portfolio-nav.nav-tabs::-webkit-scrollbar {
        width: 0;
    }

    .map-page-wrp {
        /* background: url("../img/map-m.webp"); */
        height: 240px;
    }

    .contacts .icon-metro {
        width: 16px;
        height: 19px;
    }

    .contacts .metro p {
        font-size: 14px;
    }
}

@media (max-width: 991px) {
    .contacts-right {
        padding: 30px 17px;
    }
}

@media (max-width: 767px) {
    .contacts .title-section-wrp {
        margin-bottom: 23px;
    }

    .contacts .title-section-wrp:after {
        bottom: -2px;
    }

    .contacts-right {
        flex-flow: column;
        display: flex;
        gap: 18px;
        padding: 28px 20px;
        margin: 1px 0 10px 0;
        align-items: flex-start;
    }

    .title-contact {
        font: 600 12px / 1.2 var(--font-accent-semibold);
        margin: 0 0 0 0;
    }

    .contacts-right .item:before {
        bottom: auto;
        width: 25px;
        height: 25px;
    }

    .contacts-right .item {
        padding-left: 30px;
    }

    .contacts .btn-accent {
        max-width: 100%;
        width: 100%;
        margin: 0;
    }

    .map-page-wrp {
        height: 240px;
    }

    .contacts {
        padding-bottom: 134px;
    }
}

.portfolio-nav.nav-tabs {
    border: none;
    gap: 20px;
    margin: 25px 0 15px;
    padding: 0 !important;
}

@media (max-width: 576px) {
    .portfolio-nav.nav-tabs {
        gap: 4px;
    }
}

@media (max-width: 767.98px) {
    .portfolio-nav.nav-tabs {
        width: calc(100% + (100vw - 540px) / 2 + var(--bs-gutter-x) * 0.5);
    }
}

@media (max-width: 575.98px) {
    .portfolio-nav.nav-tabs {
        width: calc(100% + 15px);
    }
}

.portfolio-nav .nav-item {
    flex-shrink: 0;
    margin: 0 0 1px 0;
    padding: 0;
}

@media (max-width: 768px) {
    .portfolio-nav.portfolio-nav-top .nav-item {
        height: 41px;
    }

    .portfolio-nav.portfolio-nav--sub .nav-item {
        height: 30px;
    }
}

.portfolio-nav .nav-link {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: rgba(246, 246, 246, 1);
    height: 37px;
    padding: 0 10px;
    font-family: var(--font-family);
    font-size: 14px;
    color: rgba(45, 47, 51, 1);
    cursor: pointer;
    gap: 5px;
}

.portfolio-nav .nav-link>.num {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 33px;
    height: 16px;
    border-radius: 8px;
    font-size: 14px;
    color: #898787;
    background: #ffffff;
}

/* .portfolio-nav .nav-link:focus, */
.portfolio-nav .nav-link:hover {
    border-color: transparent;
    color: #000;
}

/* .portfolio-nav .nav-link:focus span, */
.portfolio-nav .nav-link:hover span {
    border-color: #000;
}

@media (max-width: 768px) {
    .portfolio-nav .nav-link {
        font-size: 14px;
        line-height: 1.029;
        padding: 8px;
    }
}

.portfolio-nav .nav-link.active {
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(80, 166, 163, 1);
}

.portfolio-nav .nav-link.active>.num {
    background: #f6f6f6;
    color: #898787;
}

#masters .title-section-wrp {
    margin-bottom: 50px;
}

.master-slider__img {
    position: relative;
    height: 240px;
    margin: 0 -30px;
}

.master-slider .swiper-button-next {
    right: 7px;
}

.master-slider .swiper-button-prev {
    left: 4px;
}

@media (max-width: 768px) {
    .master-slider__img {
        margin: 0 -20px;
    }

    .master-slider .swiper-button-next,
    .master-slider .swiper-button-prev {
        display: none;
    }
}

.master-slider__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

.master-slider__bottom {
    display: flex;
    justify-content: flex-start;
    margin: auto 0 0;
}

.master-slider__span1 {
    padding: 0 10px 0 24px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    color: #656565;
}

.master-slider__span1>span {
    font: 600 14px/1.2 var(--font-accent-semibold);
    color: #1a1a1a;
}

.master-slider__span2 {
    padding: 0 8px 0 0;
    font-family: var(--font-medium);
    font-weight: 500;
    font-size: 14px;
    color: rgba(22, 33, 54, 0.7);
    display: flex;
    align-items: center;
}

.master-slider {
    position: relative;
    /* padding-left: 19px;
    padding-right: 19px;
    margin-left: -19px;
    margin-right: -19px; */
}

@media (max-width: 768px) {
    .master-slider {
        /* margin-left: -12px;
        margin-right: -12px; */
    }

    .master-slider__span1 {
        font-size: 12px;
        padding: 0 0 0 10px;
    }

    .master-slider__span2 {
        font-size: 12px;
        padding: 0 5px 0 0;
        align-items: flex-end;
        line-height: 1;
    }
}

.master-slider .swiper-wrapper {

    margin: 17px -15px 0;
    padding: 0 15px 37px;
}

@media (max-width: 768px) {
    .master-slider .swiper-wrapper {
        margin-bottom: 0;
    }

    .master-slider__img img {
        object-position: top;
    }
}

.master-slider .swiper-pagination {
    bottom: 0;
}

@media (max-width: 768px) {
    .master-slider .swiper-pagination {
        /* display: none; */
    }
}

@media (max-width: 768px) {

    .master-slider .swiper-button-next,
    .master-slider .swiper-button-prev {
        display: none;
    }

    #masters .title-section-wrp {
        margin-bottom: 29px;
    }

    .team-slider-holder {
        position: relative;
        margin-top: 23px;
        padding-bottom: 22px;
    }
}

@media (max-width: 450px) {
    .master-slider {
        margin: 0;
        padding: 0;
    }
}

.master-slider__slide {
    display: flex;
    flex-direction: column;
    border: 1px solid #ebebeb;
    max-width: 353px;
    border-radius: 8px;
    background: #ffffff;
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.1);
    max-width: 353px;
}

.master-slider__slide.swiper-slide {
    height: auto;
    padding: 0 30px 30px;
}

.master-slider__slide .h4 {
    font: 600 20px / 1.2 var(--font-accent-semibold);
    padding: 15px 0 0;
    margin: 0 0 6px 0;
}

#masters .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -2px;
}

@media (max-width: 992px) {
    .master-slider__slide .h4 {
        font-size: 20px;
        margin: 0;
    }
}

@media (max-width: 768px) {
    .master-slider__slide .h4 {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    #masters .portfolio-nav.nav-tabs {
        margin: 12px 0 -16px;
    }

    .master-slider__slide.swiper-slide {
        height: auto;
        padding: 0 20px 25px;
    }

    #masters {
        padding: 30px 0 16px;
    }
}

.master-slider__slide p {
    font: 400 14px/1.2 var(--font-family);
    color: #898787;
    margin: 0 0 15px;
}

@media (max-width: 992px) {
    .master-slider__slide p {
        margin: 0 0 15px;
        min-height: auto;
    }
}

@media (max-width: 768px) {
    .master-slider__slide p {
        font-size: 14px;
        margin: 7px 0 15px;
        padding: 0;
    }
}

.master-slider__slide ul {
    font-family: 400 14px/1.2 var(--font-family);
    color: #898787;
    margin: 0 0 15px 0;
    padding-left: 0;
}

@media (max-width: 992px) {
    .master-slider__slide ul {
        margin: 0 15px 0 0px;
    }
}

@media (max-width: 768px) {
    .master-slider__slide ul {
        font-size: 12px;
        margin: 0 15px 20px 0px;
    }
}

.master-slider__slide li {
    margin: 0 0 5px 0;
    font-size: 14px;
}

.master-slider__slide li:last-child {
    margin: 0;
}

.master-slider__slide li::marker {
    font-size: 10px;
    color: #d9d9d9;
}

.team-slider-holder {
    position: relative;
    margin-top: 29px;
    padding-bottom: 27px;
}

.team-slider-holder .swiper-button-next {
    right: -19px;
}

.team-slider-holder .swiper-button-prev {
    left: -19px;
}

.team-slider-holder .swiper {
    padding-bottom: 10px;
}

@media(max-width:767px) {
    .team-slider-holder .swiper-button-next {
        right: 0;
    }

    .team-slider-holder .swiper-button-prev {
        left: 0;
    }
}

@media (max-width: 380px) {
    .master-slider__bottom {
        flex-wrap: wrap;
    }

    .master-slider__span1 {
        padding-left: 0;
        margin-top: 10px;
        display: block;
        width: 100%;
    }
}

.project__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(550px, 1fr));
    grid-column-gap: 20px;
    grid-row-gap: 18px;
}

.project__item {
    max-width: 550px;
    background: #ffffff;
    border: 1px solid #ebebeb;
    border-radius: 8px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.js-project-slider {
    display: flex;
    gap: 5px;
    height: 324px;
    user-select: none;
}

.project-slider-main-wrp {
    position: relative;
    width: 86.5%;
    border-radius: 4px;
    overflow: hidden;
}

.project-slider-thumbs-wrp {
    width: 13.5%;
    /* margin-top: -5px; */
}

.project-slider-main.swiper,
.project-slider-thumbs.swiper {
    width: 100%;
    height: 100%;
    position: relative;
}

.project-slider-thumbs.swiper {
    height: 100%;
    width: 75px;
    margin-left: -1px;
    margin-right: -1px;
}

.portfolio-descr-items .icon-descr {
    display: flex;
    align-items: center;
    gap: 5px;
    font: 500 14px/1.1 var(--font-medium);
    color: #898787;
}

.portfolio-descr-items .icon-descr strong {
    font: 500 14px/1.1 var(--font-medium);
    color: #2d2f33;
}

.portfolio-descr-items .icon-descr:before {
    content: "";
    display: inline-flex;
    width: 15px;
    height: 15px;
    background-size: contain;
    background-repeat: no-repeat;
}

.portfolio-descr-items .icon-descr.metr:before {
    background-image: url('data:image/svg+xml,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.52719 6.0727H8M8 10.9273H14.4728M8 2.02719L8 14.9728M1.27446 10.8719C0.908513 9.3118 0.908513 7.6882 1.27446 6.12811C1.78118 3.96789 3.4679 2.28118 5.62811 1.77446C7.1882 1.40851 8.8118 1.40851 10.3719 1.77446C12.5321 2.28118 14.2188 3.9679 14.7255 6.12812C15.0915 7.6882 15.0915 9.3118 14.7255 10.8719C14.2188 13.0321 12.5321 14.7188 10.3719 15.2255C8.8118 15.5915 7.1882 15.5915 5.62812 15.2255C3.4679 14.7188 1.78118 13.0321 1.27446 10.8719Z" stroke="%2350A6A3" stroke-width="1.16667"/></svg>');
}

.portfolio-descr-items .icon-descr.time {
    display: none;
}

.portfolio-descr-items .icon-descr.time:before {
    display: none;
    /* background-image: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.77446 11.1752L2.3765 11.0373L1.77446 11.1752ZM1.77446 6.32033L2.3765 6.45831L1.77446 6.32033ZM15.2255 6.32033L14.6235 6.45832L15.2255 6.32033ZM15.2255 11.1752L14.6235 11.0373L15.2255 11.1752ZM10.8719 15.6309L11.0161 16.2315L10.8719 15.6309ZM6.12812 15.6309L6.2723 15.0303L6.12812 15.6309ZM6.12811 1.86468L6.27229 2.46526L6.12811 1.86468ZM10.8719 1.86467L11.0161 1.26409L10.8719 1.86467ZM5.88124 1.08826C5.88124 0.74714 5.60471 0.47061 5.2636 0.47061C4.92248 0.47061 4.64595 0.74714 4.64595 1.08826H5.88124ZM4.64595 3.1584C4.64595 3.49952 4.92248 3.77605 5.2636 3.77605C5.60471 3.77605 5.88124 3.49952 5.88124 3.1584H4.64595ZM12.3541 1.08826C12.3541 0.74714 12.0775 0.47061 11.7364 0.47061C11.3953 0.47061 11.1188 0.74714 11.1188 1.08826H12.3541ZM11.1188 3.1584C11.1188 3.49952 11.3953 3.77605 11.7364 3.77605C12.0775 3.77605 12.3541 3.49952 12.3541 3.1584H11.1188ZM2.3765 11.0373C2.03136 9.53144 2.03136 7.96414 2.3765 6.45831L1.17242 6.18234C0.785663 7.86979 0.785663 9.62578 1.17242 11.3132L2.3765 11.0373ZM14.6235 6.45832C14.9686 7.96414 14.9686 9.53143 14.6235 11.0373L15.8276 11.3132C16.2143 9.62578 16.2143 7.86979 15.8276 6.18235L14.6235 6.45832ZM10.7277 15.0303C9.2624 15.3821 7.73761 15.3821 6.2723 15.0303L5.98394 16.2315C7.63879 16.6288 9.36121 16.6288 11.0161 16.2315L10.7277 15.0303ZM6.27229 2.46526C7.73761 2.11349 9.2624 2.11349 10.7277 2.46526L11.0161 1.26409C9.36121 0.86682 7.63879 0.86682 5.98394 1.26409L6.27229 2.46526ZM6.2723 15.0303C4.34618 14.5679 2.83221 13.0256 2.3765 11.0373L1.17242 11.3132C1.73015 13.7466 3.58962 15.6567 5.98394 16.2315L6.2723 15.0303ZM11.0161 16.2315C13.4104 15.6567 15.2699 13.7466 15.8276 11.3132L14.6235 11.0373C14.1678 13.0256 12.6538 14.5679 10.7277 15.0303L11.0161 16.2315ZM10.7277 2.46526C12.6538 2.92765 14.1678 4.47001 14.6235 6.45832L15.8276 6.18235C15.2699 3.74899 13.4104 1.83888 11.0161 1.26409L10.7277 2.46526ZM5.98394 1.26409C3.58962 1.83888 1.73015 3.74899 1.17242 6.18234L2.3765 6.45831C2.83221 4.47001 4.34618 2.92765 6.27229 2.46526L5.98394 1.26409ZM2.02719 6.0532H14.9728V4.81791H2.02719V6.0532ZM4.64595 1.08826V3.1584H5.88124V1.08826H4.64595ZM11.1188 1.08826V3.1584H12.3541V1.08826H11.1188Z" fill="%2350A6A3"/><path d="M9.68731 10.0845C10.0208 9.8473 10.2284 9.49153 10.2284 9.00977C10.2284 8.00918 9.45755 7.49036 8.5459 7.49036C7.63425 7.49036 6.85602 8.00918 6.85602 9.00977C6.85602 9.49153 7.07096 9.8473 7.39708 10.0845C6.94496 10.3587 6.68555 10.8108 6.68555 11.3371C6.68555 12.2932 7.38966 12.8861 8.5459 12.8861C9.69472 12.8861 10.4063 12.2932 10.4063 11.3371C10.4063 10.8108 10.1468 10.3587 9.68731 10.0845ZM8.5459 8.45389C8.93131 8.45389 9.21296 8.67624 9.21296 9.06165C9.21296 9.43965 8.93131 9.67683 8.5459 9.67683C8.16049 9.67683 7.87884 9.43965 7.87884 9.06165C7.87884 8.67624 8.16049 8.45389 8.5459 8.45389ZM8.5459 11.9226C8.05672 11.9226 7.70096 11.6706 7.70096 11.2037C7.70096 10.7441 8.05672 10.4921 8.5459 10.4921C9.03508 10.4921 9.39084 10.7441 9.39084 11.2037C9.39084 11.6706 9.03508 11.9226 8.5459 11.9226Z" fill="%2350A6A3"/></svg>'); */
}

.portfolio-descr-items .icon-descr.map:before {
    background-image: url('data:image/svg+xml,<svg width="16" height="19" viewBox="0 0 16 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 8.77855C15 12.7293 11.866 17.375 8 17.375C4.13401 17.375 1 12.7293 1 8.77855C1 4.82775 4.13401 1.625 8 1.625C11.866 1.625 15 4.82775 15 8.77855Z" stroke="%2350A6A3" stroke-width="1.3125"/><path d="M5.8125 8.1875C5.8125 6.97938 6.79188 6 8 6C9.20812 6 10.1875 6.97938 10.1875 8.1875C10.1875 9.39562 9.20812 10.375 8 10.375C6.79188 10.375 5.8125 9.39562 5.8125 8.1875Z" stroke="%2350A6A3" stroke-width="1.3125"/></svg>');
}

.portfolio-btns-items .author-wrp {
    display: none;
    /* display: flex; */
    align-items: center;
    gap: 5px;
    width: 41%;
}

.portfolio-btns-items .author-wrp .author-img {
    width: 35px;
    height: 35px;
    overflow: hidden;
    border-radius: 50%;
}

.portfolio-btns-items .author-wrp .author-img img {
    width: 100%;
    height: 100%;
    background-size: cover;
}

.portfolio-btns-items .author-descr {
    width: 80%;
}

.portfolio-btns-items .name1 {
    font: 500 16px/1.2 var(--font-medium);
}

.portfolio-btns-items .name2 {
    font: 400 12px/1.2 var(--font-accent);
}

.portfolio-btns-items .btn-accent-border {
    width: 100%;
    max-width: 252px;
}

.section-portfolio {
    padding-bottom: 39px;
}

.section-portfolio .h2 {
    display: flex;
    line-height: 1;
    align-items: center;
}

.section-portfolio .h2 span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 31px;
    width: max-content;
    border-radius: 4px;
    background: #ffe4ea;
    padding: 7px;
    color: #2d2f33;
    font: 400 14px/1 var(--font-family);
    margin: 5px 0 0 10px;
}

.swiper-button-prev-lit,
.swiper-button-next-lit,
.section-tarif .swiper-button-next,
.section-tarif .swiper-button-prev,
.section-portfolio .swiper-button-next,
.section-portfolio .swiper-button-prev {
    border-radius: 50%;
    width: 23px;
    height: 23px;
    background: rgba(222, 222, 222, 0.5019607843);
    color: #ffffff;
    border: 1px solid #ffffff;
}

.section-portfolio .swiper-button-next {
    right: 10px;
}

.section-portfolio .swiper-button-prev {
    left: 10px;
}

.swiper-button-next-lit:after,
.swiper-button-prev-lit:after,
.section-tarif .swiper-button-next:after,
.section-tarif .swiper-button-prev:after,
.section-portfolio .swiper-button-next:after,
.section-portfolio .swiper-button-prev:after {
    font-weight: 900;
    font-size: 7px;
}

.section-tarif .title-section-wrp {
    margin-bottom: 50px;
}

.section-tarif .title-section-wrp:after {
    bottom: -20px;
}

@media (max-width: 1200px) {
    .project__list {
        grid-template-columns: repeat(2, minmax(360px, 1fr));
    }
}

@media (max-width: 991px) {
    .portfolio-btns-items .author-wrp {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .section-tarif .title-section-wrp {
        margin-bottom: 35px;
    }

    .details-content {
        padding-left: 0;
        margin-top: 0;
    }

    .project-slider-thumbs.swiper {
        height: 70px;
    }

    .portfolio-btns-items .author-wrp {
        align-items: flex-start;
        width: 100%;
    }

    .project__list {
        grid-template-columns: repeat(2, minmax(340px, 1fr));
    }

    .section-portfolio .h2 span,
    .section-portfolio .title-section-wrp p {
        display: none;
    }

    .section-portfolio .title-section-wrp {
        margin-bottom: 47px;
    }
}

@media (max-width: 767px) {
    .project__list {
        grid-template-columns: repeat(1, minmax(360px, 1fr));
    }
}

@media (max-width: 450px) {
    .project__list {
        grid-template-columns: repeat(1, minmax(290px, 1fr));
    }
}

.project-slider-main .swiper-slide,
.project-slider-thumbs .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.project-slider-main .swiper-slide {
    border-radius: 4px;
    overflow: hidden;
    max-height: 500px;
}

.splitpic-horizontal {
    width: 100%;
    position: relative;
}

.splitpic .splitpic-images {
    height: 324px;
    max-height: 324px;
}

.portfolio-descr-items,
.portfolio-btns-items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0;
}

@media (max-width: 768px) {
    .project-slider-main .swiper-slide {
        max-height: 100%;
        height: 100%;
    }

    .portfolio-content .splitpic-image {
        max-height: 350px;
    }

    .portfolio-content .splitpic-image {
        max-height: 350px !important;
    }

    .splitpic .splitpic-images {
        height: 350px;
        max-height: 350px;
    }

    .portfolio-content .splitpic-image>div {
        display: flex;
        height: 100%;
        width: 100%;
    }

    .portfolio-content .splitpic-image {
        height: 350px;
    }

    .splitpic-info,
    .splitpic-bar {
        max-height: 350px;
    }
}

@media (max-width: 450px) {
    .portfolio-content .splitpic-image {
        /* max-height: 350px !important; */
    }

    .project-slider-main .swiper-slide {
        /* max-height: 350px !important; */
    }

    .splitpic .splitpic-images {
        /* height: 350px;
        max-height: 350px; */
    }

    .splitpic .splitpic-images>div {
        display: flex;
        height: 100%;
    }

    .portfolio-content .splitpic-image {
        /* height: 350px; */
    }

    .splitpic-info,
    .splitpic-bar {
        /* max-height: 350px; */
    }
}

.project-slider-thumbs .swiper-slide {
    border-radius: 4px;
    overflow: hidden;
}

.project-slider-main .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.project-slider-thumbs .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.project-slider-main .swiper-slide img {
    border-radius: 8px 8px 0 0;
}

.project-slider-thumbs .swiper-slide img {
    border-radius: 8px;
}

.project-slider-main .swiper-slide,
.project-slider-thumbs .swiper-slide {
    background-size: cover;
    background-position: center;
    cursor: pointer;
}

.project-slider-main {
    height: 80%;
    width: 100%;
}

.project-slider-thumbs {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.project-slider-thumbs .swiper-slide {
    opacity: 0.4;
    /* height: 71px !important; */
}

.project-slider-thumbs .swiper-slide.swiper-slide-thumb-active {
    opacity: 1;
}

.project__action {
    display: grid;
    grid-template-columns: repeat(2, 1fr);

    gap: 15px;
    padding: 20px 15px;
}

.project__action p {
    font-family: var(--font-medium);
    font-size: 18px;
    font-weight: 500;
    color: rgba(22, 33, 54, 0.8980392157);
    margin-bottom: 5px;
}

.project__action .btn-accent-border,
.project__action .btn-accent {
    max-width: 100%;
    width: 100%;
}

.splitpic-left-image::before {
    content: "визуал";
    position: absolute;
    top: 7px;
    left: 7px;
    font-size: 12px;
    font-weight: 500;
    z-index: 400;
    border-radius: 5px;
    padding: 8px;
    background: rgba(22, 33, 54, 0.3019607843);
    color: #fff;
}

.splitpic-right-image::after {
    content: "ремонт";
    position: absolute;
    top: 7px;
    right: 7px;
    font-size: 12px;
    font-weight: 500;
    z-index: 0;
    border-radius: 5px;
    padding: 8px;
    background: rgba(22, 33, 54, 0.3019607843);
    color: #fff;
}

.spasibo-back {
    background: rgba(0, 0, 0, 0.75);
    background-image: url(../img/bg-spasibo-desc.avif);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 160px 0;
}

@media (max-width: 992px) {
    .portfolio-descr-items {
        flex-flow: column;
        gap: 5px;
    }

    .project__action {
        gap: 5px;
        padding: 15px 15px 15px;
        display: flex;
        flex-flow: column;
    }

    .portfolio-btns-items .btn-accent-border {
        width: 100%;
        margin: 15px 0 0;
    }

    .project-slider-thumbs.swiper {
        width: 50px;
    }

    .project-slider-thumbs .swiper-slide {
        opacity: 0.4;
        height: 50px !important;
    }

    .js-project-slider {
        height: 270px;
    }
}

@media (max-width: 767px) {
    .project-slider-thumbs-wrp {
        width: 100%;
        height: 66px;
    }

    .project-slider-thumbs.swiper {
        height: 60px;
        padding: 0;
    }

    .project-slider-main-wrp {
        position: relative;
        width: 86.5%;
        border-radius: 4px;
        overflow: hidden;
        order: -1;
        width: 100%;
        height: 262px;
    }

    .js-project-slider {
        height: 315px;
        flex-wrap: wrap;
        flex-flow: column;
    }

    .project-slider-thumbs.swiper {
        width: 100%;
    }

    .project-slider-thumbs .swiper-slide {
        opacity: 0.4;
        height: 60px !important;
    }

    .project__list {
        grid-row-gap: 10px;
    }

    .portfolio-btns-items .btn-accent-border {
        height: 50px;
    }

    .portfolio-descr-items {
        flex-flow: row;
        gap: 5px;
    }

    .project__action {
        gap: 15px;
    }

    .section-portfolio .btn-more {
        margin: 12px auto 0;
    }

    .section-portfolio {
        padding-bottom: 24px;
    }
}

@media (max-width: 450px) {
    .portfolio-descr-items {
        flex-flow: column;
    }

    .portfolio-descr-items .icon-descr.metr,
    .portfolio-descr-items .icon-descr.map {
        width: 100%;
    }
}

.footer {
    padding: 68px 0 67px;
    border-top: 1px solid #efefef;
    background: #efefef;
    font-size: 14px;
}

.footer .columns-wrp {
    display: grid;
    grid-template-columns: 272px 342px 272px;
    justify-content: space-between;
}


@media (max-width: 992px) {
    .footer .columns-wrp {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .footer {
        padding: 39px 0 13px;
        font: 300 14px var(--font-light);
    }

    /* .columns-wrp {
        display: block;
    } */
}

@media (max-width: 991px) {
    .footer .container {
        padding: 0 15px;
    }
}

.footer .col-pluses p {
    font-size: 14px;
    max-width: 314px;
}

.item-contacts {
    margin-bottom: 15px;
}

.item-contacts .contact1 {
    display: block;
    font: 600 14px/1.2 var(--font-accent-semibold);
    margin-bottom: 3px;
}

.item-contacts .contact2 {
    display: block;
    font: 14px var(--font-light);
}

.item-contacts .descr {
    max-width: 250px;
    font: 14px var(--font-light);
}

.footer-column {
    max-width: 226px;
}

.footer-text3 {
    font: 300 14px/1.2 var(--font-light);
}

.footer-column a.link-users {
    display: inline-block;
    margin: 27px 0 20px;
    font: 300 14px/1.2 var(--font-light);
}

@media (max-width: 768px) {
    .footer-column {
        margin-bottom: 19px;
    }
}

.footer-column-contacts {
    padding-left: 12px;
}

.footer-column-contacts.footer-column-contacts2 {
    padding-left: 0;
}

.footer-column-contacts .ttl1 {
    font: 600 18px var(--font-accent-semibold);
    margin: 0 0 5px 0;
}

@media (max-width: 992px) {
    .footer-column-contacts {
        margin-top: 0;
        padding-left: 0;
    }

    .footer-column-contacts .item-contacts {
        margin-bottom: 15px;
    }
}

.footer-column-contacts .ttl2 {
    font: 600 14px var(--font-accent-semibold);
    margin: 10px 0;
}

.footer-column-contacts .title {
    margin: 17px 0 10px;
    font: 600 18px var(--font-accent-semibold);
}

@media (max-width: 767px) {
    .footer-column-contacts .title {
        margin: 25px 0 6px;
    }

    .footer-column-contacts .ttl2 {
        margin: 16px 0 12px;
    }
}

.footer-column-contacts a {
    font: 600 14px var(--font-accent-semibold);
    text-decoration: none;
}

.footer-title {
    font-size: 16px;
    font-family: var(--font-accent-bold);
    margin: 0 0 15px 0;
}

.footer-text1 {
    font-size: 14px;
    margin: 10px 0 15px;
}

.fooetr-text3 {
    font-size: 12px;
}

.footer2 {
    padding: 16px 0 20px;
    background: #E7E7E7;
}

.footer2 .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 991px) {
    .footer2 .container {
        padding: 0 15px;
    }
}

.column-footer2 {
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
}

.column-footer2 .descr1 {
    margin-top: 15px;
}

.column-footer2 .descr1 p {
    font-size: 14px;
    margin-bottom: 15px;
}

.column-footer2 .descr2 {
    margin-top: 15px;
}

.column-footer2 .logo2 {
    width: 290px;
    height: 60px;
    margin: 0 auto;
    background-size: contain;
    background: url("../img/logo2.svg");
}


.footer2 p {
    margin: 0;
    font: 300 14px var(--font-light);
}

.list-soc {
    display: flex;
    gap: 12px;
}

.list-soc a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    overflow: hidden;
    border-radius: 50%;
}

.list-soc a.soc-link-tg {
    background: linear-gradient(180deg, #2aabee 0%, #229ed9 10000%);
}

.list-soc a.soc-link-wt {
    background: linear-gradient(180deg, #1ff84e 0%, #16ce3d 100%);
}

@media (max-width: 767px) {
    .footer2 p {
        font: 300 10px var(--font-light);
    }

    .footer .columns-wrp {
        display: flex;
        flex-flow: column;
    }

    .footer2 .container {
        flex-flow: column;
        align-items: flex-start;
        gap: 20px;
    }

    .link-users {
        font-size: 14px;
    }

    .footer-column {
        margin-bottom: 0;
    }

    .item-contacts .contact1 {
        font-size: 20px;
    }
}

.modal-dialog {
    max-width: 442px;
    margin-right: auto;
    margin-left: auto;
}

.modal-dialog.modal-dialog-width {
    max-width: 940px;
}

.modal-dialog-width .modal-body {
    display: grid;
    grid-template-columns: 473px auto;
    padding: 0 40px 0 0;
    gap: 20px;
}

.modal-dialog-width .form-column1 img {
    background-size: cover;
    width: 100%;
    height: 100%;
}

.modal-body .form-column1 h3,
.modal-body .form-column1 p {
    text-align: left;
}

.modal-dialog-width .form-column2 {
    /* width: 45%; */
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 0 37px 40px 36px;
}

.modal-body .h3 {
    font: 700 26px/1.1 var(--font-accent-bold);
    text-align: left;
    margin-bottom: 10px;
}

.modal-body .h3 span {
    color: #50a6a3;
}

.modal-body p {
    font: 400 18px/1.1 var(--font-family);
    text-align: left;
    margin-bottom: 15px;
}

.modal-body p.form_descr {
    text-align: center;
    font: 300 12px/1.2 var(--font-family);
    color: rgba(22, 33, 54, 0.6);
    margin: 15px 0 0;
}

.modal-body p.text-form1.form_descr {
    margin: -5px 0 15px;
    text-align: left;
}

.modal-body label {
    font-size: 14px;
    margin-bottom: 10px;
    color: rgba(22, 33, 54, 0.5);
}

.agree-wrp.agree-wrp-modal {
    font: 300 10px/1.2 var(--font-family);
    margin: 10px 0 0;
    color: rgba(22, 33, 54, 0.7);
    position: relative;
}

.agree-wrp.agree-wrp-modal input[type="checkbox"]+span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    border: 1px solid rgba(128, 128, 128, 1);
    border-radius: 3px;
    background-color: rgba(128, 128, 128, 1);
    opacity: 0.5;
}

.agree-wrp.agree-wrp-modal input[type="checkbox"]:checked+span:before {
    background-color: rgba(128, 128, 128, 1);
    border: 1px solid rgba(128, 128, 128, 1);
}

.agree-wrp.agree-wrp-modal input[type="checkbox"]+span {
    color: rgba(128, 128, 128, 1);
}

.agree-wrp.agree-wrp-modal input[type="checkbox"]:checked+span:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 9px;
    transform: translateY(-50%) rotate(45deg);
    width: 4px;
    height: 8px;
    border: solid #ffffff;
    border-width: 0 0.2em 0.2em 0;
    /* opacity: 0.5; */
}

.modal-body ul {
    margin: 0 0 25px 0;
    /* padding-left: 0; */
}

.modal-body ul li {
    font-size: 18px;
    margin: 0 0 10px 0;
}

.form_list_title {
    font: 500 18px/1.1 var(--font-medium);
    margin: 0 0 10px 0;
}

.modal-calc-full .modal-dialog {
    max-width: 1200px;
}

.modal-calc-full .form-send-wrp {
    display: block;
}

.modal-calc-full .form-send-wrp.form-send-wrp-mobile {
    display: none;
}

.modal-calc-full .modal-body {
    padding: 0;
}

.modal-calc-full .modal-content {
    position: relative;
}

.modal-calc-full .modal-header {
    padding: 0;
}

.modal-calc-full .modal-header .btn-close {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 5;
}

.modal-calc-full .question-wrapper__question {
    height: auto;
}

.modal-calc-full .modal-body ul {
    padding-left: 20px;
}

.modal-calc-full .modal-body ul li:before {
    content: none;
}

.modal-calc-full .modal-body ul li {
    list-style: disc;
    padding-left: 0;
}

.modal-calc-full ul li::marker {
    color: #50a6a3;
}

.modal-body .btn-accent {
    height: 58px;
}

.modal-bg-top {
    height: 53px;
    overflow: hidden;
    margin: 0 -40px 26px;
}

.modal-bg-top img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.modal-call-lost .modal-body .h3 {
    font: 700 40px / 1.1 var(--font-accent-bold);
    margin: 0 0 10px 0;
}

.modal-call-lost .modal-body p {
    font: 700 26px / 1.1 var(--font-accent-bold);
    margin: 0 0 10px 0;
}

.font_blue {
    color: #59a9ff;
}

@media (max-width: 1200px) {
    .modal-calc-full .form-send-wrp.form-send-wrp-mobile {
        display: block;
    }
}

@media (max-width: 768px) {
    .modal-body {
        padding: 0 20px 30px 20px;
    }

    .modal-body .h3 {
        font: 700 22px/1.1 var(--font-accent-bold);
        margin-bottom: 10px;
    }

    .modal-width-full .modal-body .h3 {
        font-size: 22px;
        text-align: left;
    }

    .modal-body p {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .modal-width-full .modal-body p {
        text-align: left;
        margin-bottom: 19px;
    }

    .modal-body p.form_descr {
        font: 300 10px/1.2 var(--font-light);
        margin: 10px 0 0;
    }

    .modal-body p.text-form1.form_descr {
        font: 300 12px/1.2 var(--font-light);
    }

    .modal-body label {
        font-size: 14px;
        margin-bottom: 7px;
    }

    .modal-dialog-width .form-column1,
    .modal-dialog-width .form-column2 {
        /* width: 100%;
        padding: 0; */
    }

    .modal-dialog-width .modal-body {
        grid-template-columns: 293px auto;
    }

    .modal-dialog-width .form-column1 img {
        height: auto;
    }
}

@media (max-width: 767px) {
    .modal-dialog-width .modal-body {
        display: flex;
        flex-flow: column;
        padding: 0;
    }

    .form-column1 {
        height: 251px;
        overflow: hidden;
    }

    .modal-dialog-width .form-column2 {
        padding: 20px;
    }

    .modal-dialog-width .form-column1 img {
        height: auto;
    }

    .modal-call-lost .modal-body .h3 {
        font-size: 26px;
    }

    .modal-call-lost .modal-body p {
        font-size: 18px;
    }

    .modal-body ul li {
        font-size: 16px;
    }
}

.modal-body .btn-accent {
    width: 100%;
    max-width: 100%;
}

.modal-header {
    border-bottom: 1px solid transparent;
    padding: 7px;
}

.modal-header .btn-close {
    padding: 12px;
    width: 12px;
    height: 12px;
    outline: none;
}

.modal-header .btn-close:focus {
    box-shadow: none;
}

.modal-w500 .modal-dialog {
    max-width: 850px;
}

.modal-w500 .ttl_wts,
.modal-w500 .ttl_tel {
    font-family: var(--font-medium);
    font-weight: 600;
    font-size: 40px;
    line-height: 1.35;
    text-align: center;
    color: #162136;
}

.modal-w500 .ttl_wts strong {
    color: #4db32b;
}

.modal-w500 .ttl_tel strong {
    color: rgba(80, 166, 163, 1);
}

.modal-w500__flex {
    margin: 25px 0 0;
    display: flex;
    column-gap: 40px;
}

.modal-w500__flex-img {
    width: 145px;
    height: 145px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
}

.modal-w500__flex-img img {
    border-radius: 50%;
}

.modal-w500__flex-list {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.modal-w500__flex-list::after {
    position: absolute;
    bottom: 10px;
    left: -30px;
    content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTU2IiBoZWlnaHQ9IjE0MyIgdmlld0JveD0iMCAwIDE1NiAxNDMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMjUuNjc0IDMxLjgyNzNDMTI1LjUzMyAzMi43MyAxMjUuMzI2IDMzLjYzMzkgMTI1LjA1NCAzNC41MzI4QzEyNC43NjkgMzUuMzg4MiAxMjQuNTkgMzYuMjQzMiAxMjQuMzY3IDM3LjExMDhDMTIzLjkwMiAzOC44OTg4IDEyMy40MDYgNDAuNjgwNiAxMjIuODI0IDQyLjQ1OTlDMTIxLjY4NiA0NS45NDUyIDEyMC4yMzMgNDkuMzg4IDExOC40ODMgNTIuNzUwN0MxMTQuOTk0IDU5LjUwNDcgMTEwLjM4MiA2NS44ODExIDEwNC44MzMgNzEuNjIxNUM5OS4xMTI2IDc3LjUzMDYgOTIuNDM2IDgyLjYzNjQgODUuMTIwNiA4Ni42OTYyQzc3LjQyMiA5MC45NDE2IDY5LjE4MjEgOTQuMDE3OCA2MC43OTE1IDk1Ljc3OUM1Mi4zNDEgOTcuNTUxNiA0My44NzQxIDk4LjAxMjEgMzUuNzY5IDk3LjE0QzM0Ljk0OTMgOTcuMDUwNCAzNC4xMjk2IDk2Ljk0OTcgMzMuMzE2MSA5Ni44MzEzQzMzLjcyOTkgOTYuNTY4NyAzNC4xNTgyIDk2LjMwMDEgMzQuNjAxIDk2LjAyNTRDMzUuOTY2NiA5NS4xNTExIDM3LjMwNzIgOTQuMjMxIDM4LjYyMzEgOTMuMjc2QzQwLjAzMDkgOTIuMjc0NiA0MS4zOTIgOTEuMjE1IDQyLjcwMDggOTAuMTAxOEM0My45NDIxIDg5LjA0MjQgNDUuMTE1IDg3Ljk1NTIgNDYuMjYzMSA4Ni44MzMyQzQ2Ljg4MzcgODYuMjE3NiA0Ny40NjcgODUuNTMwNCA0OC4wNDQxIDg0Ljg4M0M0OC4xMjQ4IDg0Ljc5NzkgNDguMTk5MiA4NC43MDgzIDQ4LjI3MzcgODQuNjI0MkM0OC4zNzUxIDg0LjUxNjYgNDguNDUzNCA4NC4zOTQzIDQ4LjUwMzIgODQuMjY1N0w0OC41MDMzIDg0LjI5ODlMNDguNTU5MSA4NC4xOTU2TDQ4LjU5MDEgODQuMTUxOUw0OC41NDY3IDg0LjE5MjFDNDguNjA4MiA4NC4xMTUgNDguNjYyMiA4NC4wMzM5IDQ4LjcwOCA4My45NDk5QzQ4LjczNDIgODMuOTE4NCA0OC43NTcxIDgzLjg4NDkgNDguNzc2MiA4My44NTAyQzQ4LjgxOTYgODMuNzg3NyA0OC44MjU5IDgzLjc4NjcgNDguNzc2MiA4My44NTAyTDQ4Ljg4NzkgODMuNzA0N0M0OS4wMTIgODMuNTIzOSA0OS4xMjM3IDgzLjMzOTYgNDkuMjQ3NyA4My4xNTg4QzQ5LjM2MTkgODIuOTY2OCA0OS40NDk1IDgyLjc2NjMgNDkuNTA4MiA4Mi41NjI0QzQ5LjUyMDUgODIuNTE0IDQ5LjUxOTIgODIuNDY1OCA0OS41MDQ0IDgyLjQyMjNDNDkuNDg5NiA4Mi4zNzg5IDQ5LjQ2MTggODIuMzQxNyA0OS40MjM3IDgyLjMxNDRDNDkuMzg1NiA4Mi4yODcxIDQ5LjMzODUgODIuMjcwNiA0OS4yODY5IDgyLjI2NjVDNDkuMjM1MyA4Mi4yNjIzIDQ5LjE4MSA4Mi4yNzA3IDQ5LjEyOTMgODIuMjkwOUM0OC45MjUyIDgyLjM2MjYgNDguNzI4NiA4Mi40NTk2IDQ4LjU0NTggODIuNTc5TDQ3Ljk5OTYgODIuOTU1M0M0Ny44MjU4IDgzLjA2NjUgNDcuNjU4MiA4My4xOTMzIDQ3LjQ3ODIgODMuMzA1NEw0Ny4zNDE2IDgzLjM4MjlDNDcuNDY1OCA4My4zMDE5IDQ3LjQwOTkgODMuMzMzMSA0Ny4xNjc4IDgzLjQ2NjNMNDYuOTgxNiA4My42Mjk0TDQ3LjA3NDcgODMuNTUzNEw0Ni45MjU4IDgzLjY3MTdDNDYuMTk5NiA4NC4yODIxIDQ1LjQyMzggODQuODUwNyA0NC43MDM4IDg1LjQ2NTdMNDQuOTQ1OSA4NS4yNTQ4QzQzLjk5MDEgODYuMDY2OCA0My4wMTU3IDg2Ljg1OTUgNDIuMDIyNiA4Ny42MzMxQzQxLjAyMzQgODguNDA5NiA0MC4wMjQxIDg5LjE4MDUgMzkuMDEyNCA4OS45MzY3QzM2Ljk3NjQgOTEuNDYzMyAzNC44NjY5IDkyLjg5OSAzMi42OTM4IDk0LjIzNzJDMzEuNTY0MSA5NC45MzMgMzAuNDE3OCA5NS42MDIgMjkuMjU1IDk2LjI0NEwyOS4xNjggOTYuMjU4MUMyOC45Mzk2IDk2LjM0NjcgMjguNzI4NSA5Ni40ODA4IDI4LjU1MjQgOTYuNjQ5QzI4LjM3NjQgOTYuODE3MyAyOC4yNDA2IDk3LjAxNDggMjguMTU2NSA5Ny4yMjVDMjguMDYwMyA5Ny40Mzc3IDI4LjAxNzYgOTcuNjU5MyAyOC4wMzE3IDk3Ljg3MThDMjguMDQ1OCA5OC4wODQ0IDI4LjExNjUgOTguMjgxOCAyOC4yMzc5IDk4LjQ0ODJDMjguMzkzMiA5OC42NjcxIDI4LjU2NzIgOTguODYwNyAyOC43NDEyIDk5LjA2NTZDMjguODg5NSA5OS4yMzY4IDI5LjA1MzYgOTkuMzk1NiAyOS4yMzIgOTkuNTQwOEMyOS4zNDM4IDk5LjYyODIgMjkuNDU1NiA5OS43MjEgMjkuNTczNiA5OS44MDczTDMwLjg3MTkgMTAwLjgxMkMzMS43NDE2IDEwMS40OTMgMzIuNjIzNyAxMDIuMTU0IDMzLjUyNDQgMTAyLjgwN0wzNi4xOTU0IDEwNC43MzlDMzcuMDk2MSAxMDUuMzg2IDM4LjAyMTYgMTA2LjAwOCAzOC45NDA5IDEwNi42MzZDMzkuNDUwMyAxMDYuOTg2IDM5Ljk3ODMgMTA3LjMgNDAuNTEyNCAxMDcuNjE5QzQxLjA0NjYgMTA3LjkzNyA0MS43NTQ3IDEwOC4zNzggNDIuMzc1OCAxMDguNzE1TDQyLjEwMjUgMTA4LjU3NkM0Mi4yODYxIDEwOC43MDMgNDIuNDgzNCAxMDguODE0IDQyLjY5MjYgMTA4LjkwOEM0Mi44MzA3IDEwOC45NTkgNDIuOTc2MyAxMDguOTk3IDQzLjEyNzMgMTA5LjAyMUM0My4zMDIzIDEwOS4wNzUgNDMuNDk1MSAxMDkuMDkxIDQzLjY5MjQgMTA5LjA2OUM0My45Mzg1IDEwOS4wMjYgNDQuMTc2NSAxMDguOTExIDQ0LjM2OSAxMDguNzQzQzQ0LjUyNDMgMTA4LjYxNyA0NC42NDQ3IDEwOC40NTkgNDQuNzE2NSAxMDguMjg4QzQ0LjgyMTEgMTA4LjA2OCA0NC44NDA4IDEwNy44MzUgNDQuNzcyIDEwNy42MzFDNDQuNjg4NiAxMDcuNDM2IDQ0LjU5MSAxMDcuMjQ4IDQ0LjQ3OTggMTA3LjA2OEM0NC4zMzc0IDEwNi44OTUgNDQuMTc3NCAxMDYuNzM1IDQ0LjAwMTUgMTA2LjU5MUM0My42MjI1IDEwNi4yMTkgNDMuMjE4NyAxMDUuODY5IDQyLjgzMzUgMTA1LjUwOUM0Mi40NDgzIDEwNS4xNSA0Mi4wNTA3IDEwNC43NDggNDEuNjI4MyAxMDQuNDA2QzQwLjc3MTEgMTAzLjcwNyAzOS45MjYyIDEwMy4wMTcgMzkuMDU2NSAxMDIuMzJDMzcuMzU0NCAxMDAuOTgxIDM1LjY0IDk5LjY0NDUgMzMuODc1OCA5OC4zNjU1QzQxLjUyNTQgOTkuNjk4NCA0OS42MzYyIDk5LjY4MzkgNTcuODA2MyA5OC4zMjI2QzY2LjQ5MyA5Ni45MTU2IDc1LjEwNDQgOTQuMTAzNCA4My4yMTYyIDkwLjAyNDZDOTEuMDQxMSA4Ni4wNzM4IDk4LjI0OCA4MC45NjY0IDEwNC40ODEgNzQuOTU0OEMxMTAuNDM4IDY5LjE5NTUgMTE1LjQ2MSA2Mi43MzU1IDExOS4zNDEgNTUuODM4OUMxMjEuMjkyIDUyLjM5MTMgMTIyLjk1MSA0OC44NTMgMTI0LjMwMyA0NS4yNTk2QzEyNC45NjYgNDMuNDg5NSAxMjUuNTQzIDQxLjY3MjQgMTI2LjA0NSAzOS44NjE3QzEyNi42MDQgMzguMDMxNiAxMjYuOTU5IDM2LjE4NjkgMTI3LjEwMyAzNC4zNTc4QzEyNy4xMDMgMzMuNTA5NiAxMjcuMjgzIDMyLjYwNDggMTI3LjM1NyAzMS43MzM1QzEyNy40MzEgMzAuODYyMyAxMjUuODM1IDMwLjk1ODcgMTI1LjY3NCAzMS44MjczWiIgZmlsbD0iI0FFMUIzRSIgZmlsbC1vcGFjaXR5PSIwLjUiLz4KPC9zdmc+Cg==);
}

.modal-w500__flex-list li {
    font-family: var(--font-medium);
    font-weight: 500;
    color: rgba(22, 33, 54, 0.8);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuMjk2MTQgMjAuMTQ5NEMxMC40NTYyIDIxLjI2NTQgMTEuNTMzNSAyMS4yNTY4IDEyLjY5NCAyMC4xNDk0TDE0LjExMTggMTguODA0M0MxNC4yNTkxIDE4LjY3MjYgMTQuMzg4IDE4LjYxOTggMTQuNTgxMiAxOC42MTk4SDE2LjU3MDNDMTguMjE4MyAxOC42MTk4IDE4Ljk4MjQgMTcuODk5IDE4Ljk4MjQgMTYuMzE3M1YxNC40MTg2QzE4Ljk4MjQgMTQuMjM0MSAxOS4wMzc4IDE0LjExMTEgMTkuMTc1NyAxMy45NzA1TDIwLjU3NTUgMTIuNjE2OEMyMS43NTQgMTEuNTA5NCAyMS43NDQ2IDEwLjQ4MTEgMjAuNTc1NSA5LjM3Mzc2TDE5LjE3NTcgOC4wMjAwMUMxOS4wMzc4IDcuODg4NzYgMTguOTgyNCA3Ljc1Njc2IDE4Ljk4MjQgNy41ODA4OVY1LjY3MzY0QzE4Ljk4MjQgNC4xMDkxNCAxOC4yMjc0IDMuMzcxMTQgMTYuNTcwMyAzLjM3MTE0SDE0LjU4MTJDMTQuMzg4IDMuMzcxMTQgMTQuMjU5MSAzLjMyNjg5IDE0LjExMTggMy4xOTQ4OUwxMi42OTM2IDEuODUwNTFDMTEuNTMzNSAwLjczNDEzNiAxMC40NTYyIDAuNzQzMTM2IDkuMjk2MTQgMS44NTA1MUw3Ljg3NzkyIDMuMTk1MjZDNy43NDA0MiAzLjMyNjg5IDcuNjAyMTQgMy4zNzA3NiA3LjQxNzg5IDMuMzcwNzZINS40MTk4MUMzLjc3MTc4IDMuMzcwNzYgMy4wMDc2NyA0LjA5MTUxIDMuMDA3NjcgNS42NzMyNlY3LjU4MDg5QzMuMDA3NjcgNy43NTY3NiAyLjk2MTMxIDcuODg4MzkgMi44MjMwMyA4LjAyMDM5TDEuNDE0NjQgOS4zNzQxNEMwLjI0NTEgMTAuNDgxMSAwLjI1NDUyOCAxMS41MDk0IDEuNDE0NjQgMTIuNjE3MUwyLjgyMzQyIDEzLjk3MDVDMi45NjEzMSAxNC4xMTExIDMuMDA3MjggMTQuMjM0MSAzLjAwNzI4IDE0LjQxODZWMTYuMzE3M0MzLjAwNzI4IDE3Ljg5MDQgMy43NzE3OCAxOC42MTk4IDUuNDE5NDIgMTguNjE5OEg3LjQxNzg5QzcuNjAyMTQgMTguNjE5OCA3Ljc0MDAzIDE4LjY3MjYgNy44NzgzMSAxOC44MDQzTDkuMjk2MTQgMjAuMTQ5NFpNOS40NDM0NiAxNS40MjA2QzkuMTU4MjQgMTUuNDIwNiA4Ljk3Mzk5IDE1LjMzMjkgOC44MzU3MSAxNS4xODMzTDUuNzYwNDIgMTEuOTIyNkM1LjYzMTQ3IDExLjc4NDYgNS41NTk1NSAxMS42MDY2IDUuNTU4MSAxMS40MjE2QzUuNTU4MSAxMS4wMDg0IDUuODg5MjggMTAuNzAwOSA2LjM1OTE0IDEwLjcwMDlDNi42MDc0MiAxMC43MDA5IDYuNzkxNjcgMTAuNzggNi45NTc0NiAxMC45NDY5TDkuMzk3MSAxMy41MjI0TDE0LjEzOTMgNy4xNTAwMUMxNC4zMjM1IDYuODk1MDEgMTQuNTA3OCA2Ljc5MDAxIDE0LjgyOTkgNi43OTAwMUMxNS4yODA5IDYuNzkwMDEgMTUuNjAzNSA3LjEwNjE0IDE1LjYwMzUgNy41MTkzOUMxNS42MDM1IDcuNjY4NjQgMTUuNTM5IDcuODQ0NTEgMTUuNDM3NyA3Ljk4NTE0TDEwLjA2OTcgMTUuMTQ4NEM5LjkzMTM5IDE1LjMxNTMgOS43MjAwMyAxNS40MjA2IDkuNDQzNDYgMTUuNDIwNloiIGZpbGw9IiNENkQ5RTAiLz4KPC9zdmc+Cg==);
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 35px;
    min-height: 25px;
}

.modal-w500__flex .form {
    max-width: 280px;
}

.modal-w500__flex .form-label {
    font-family: var(--font-medium);
    font-weight: 500;
    font-size: 16px;
    color: rgba(22, 33, 54, 0.7);
    margin: 0 0 10px;
}

.modal-body .modal-w500__flex p {
    font-family: var(--font-family);
    font-style: italic;
    font-weight: 400;
    font-size: 15px;
    color: rgba(22, 33, 54, 0.7);
    margin: -5px 0 30px;
}

.modal-body .modal-w500__flex .form-soglasie {
    font-family: var(--font-family);
    font-style: italic;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    color: rgba(22, 33, 54, 0.7);
    margin: 10px 0 0;
}

.modal-body .modal-w500__flex .form-attantion {
    font-style: normal;
    text-align: left;
}

.js-modal-slider {
    height: 100%;
}

.modal-content {
    overflow: hidden;
}

.modal-dialog.modal-dialog--500 {
    max-width: 1186px;
    width: 100%;
    padding-bottom: 20px;
}

.modal-dialog.modal-dialog--600 {
    max-width: 836px;
    padding-bottom: 20px;
}

.modal-dialog--500 .modal-body {
    padding-bottom: 20px;
}

.modal_showroom-flex {
    display: flex;
    align-items: stretch;
}

.showroom__slider {
    width: calc(45% + 25px);
    margin: -34.8px 0 -20px -25px;
}

.modal-body .showroom__slider {
    max-height: 820px;
}

@media (max-width: 1200px) {
    .modal-body .showroom__slider {
        max-height: 800px;
    }
}

@media (max-width: 1150px) {
    .modal-body .showroom__slider {
        max-height: 840px;
    }
}

@media (max-width: 1000px) {
    .modal-body .showroom__slider {
        max-height: 880px;
    }
}

@media (max-width: 992px) {
    .modal-body .showroom__slider {
        max-height: unset;
    }
}

@media (max-width: 768px) {
    .showroom__slider {
        display: none;
    }
}

.showroom__text {
    width: 55%;
    padding-left: 24px;
}

@media (max-width: 768px) {
    .showroom__text {
        width: 100%;
        padding-left: 0;
    }
}

.zamer__text h3 {
    font-size: 24px;
    text-align: center;
}

.showroom__text h3 {
    font-size: 24px;
    text-align: left;
}

@media (max-width: 768px) {

    .zamer__text h3,
    .showroom__text h3 {
        /* font-size: 20px; */
    }
}

.zamer__text .text,
.showroom__text .text {
    text-align: left;
    margin: 0 0 20px;
}

@media (max-width: 768px) {

    .zamer__text .text,
    .showroom__text .text {
        font-size: 14px;
    }
}

.zamer__text p {
    text-align: center;
    margin: 0 0 10px;
}

.showroom__text p {
    text-align: left;
    margin: 0 0 10px;
}

@media (max-width: 768px) {

    .zamer__text p,
    .showroom__text p {
        font-size: 14px;
    }
}

.zamer__text h4,
.showroom__text h4 {
    font-family: var(--font-medium);
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    margin: 0 0 10px;
}

@media (max-width: 768px) {

    .zamer__text h4,
    .showroom__text h4 {
        font-size: 16px;
    }
}

.zamer__text ul,
.showroom__text ul {
    margin: 0 0 15px;
    padding: 0;
    list-style: none;
}

.zamer__text li,
.showroom__text li {
    /* padding-left: 28px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjUgMTYuMDYwNUw2Ljc1IDEyLjMwOThMNy44MDk3NSAxMS4yNUwxMC41IDEzLjkzOTVMMTYuMTg4NyA4LjI1TDE3LjI1IDkuMzExMjVMMTAuNSAxNi4wNjA1WiIgZmlsbD0iI0NDQ0NDQyIvPgo8cGF0aCBkPSJNMTIgMS41QzkuOTIzMyAxLjUgNy44OTMyMyAyLjExNTgxIDYuMTY2NTIgMy4yNjk1N0M0LjQzOTggNC40MjMzMiAzLjA5Mzk5IDYuMDYzMiAyLjI5OTI3IDcuOTgxODJDMS41MDQ1NSA5LjkwMDQ1IDEuMjk2NjEgMTIuMDExNiAxLjcwMTc2IDE0LjA0ODRDMi4xMDY5IDE2LjA4NTIgMy4xMDY5MyAxNy45NTYyIDQuNTc1MzggMTkuNDI0NkM2LjA0MzgzIDIwLjg5MzEgNy45MTQ3NiAyMS44OTMxIDkuOTUxNTYgMjIuMjk4MkMxMS45ODg0IDIyLjcwMzQgMTQuMDk5NiAyMi40OTU1IDE2LjAxODIgMjEuNzAwN0MxNy45MzY4IDIwLjkwNiAxOS41NzY3IDE5LjU2MDIgMjAuNzMwNCAxNy44MzM1QzIxLjg4NDIgMTYuMTA2OCAyMi41IDE0LjA3NjcgMjIuNSAxMkMyMi41IDkuMjE1MjMgMjEuMzkzOCA2LjU0NDUxIDE5LjQyNDYgNC41NzUzOEMxNy40NTU1IDIuNjA2MjUgMTQuNzg0OCAxLjUgMTIgMS41Wk0xMiAyMUMxMC4yMiAyMSA4LjQ3OTkyIDIwLjQ3MjIgNi45OTk4NyAxOS40ODMyQzUuNTE5ODMgMTguNDk0MyA0LjM2NjI4IDE3LjA4ODcgMy42ODUwOSAxNS40NDQyQzMuMDAzOSAxMy43OTk2IDIuODI1NjcgMTEuOTkgMy4xNzI5NCAxMC4yNDQyQzMuNTIwMiA4LjQ5ODM2IDQuMzc3MzcgNi44OTQ3MSA1LjYzNjA0IDUuNjM2MDRDNi44OTQ3MiA0LjM3NzM3IDguNDk4MzYgMy41MjAyIDEwLjI0NDIgMy4xNzI5M0MxMS45OSAyLjgyNTY3IDEzLjc5OTYgMy4wMDM5IDE1LjQ0NDIgMy42ODUwOEMxNy4wODg3IDQuMzY2MjcgMTguNDk0MyA1LjUxOTgzIDE5LjQ4MzIgNi45OTk4N0MyMC40NzIyIDguNDc5OTEgMjEgMTAuMjIgMjEgMTJDMjEgMTQuMzg2OSAyMC4wNTE4IDE2LjY3NjEgMTguMzY0IDE4LjM2NEMxNi42NzYxIDIwLjA1MTggMTQuMzg3IDIxIDEyIDIxWiIgZmlsbD0iI0NDQ0NDQyIvPgo8L3N2Zz4K);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 21px 21px;
    min-height: 21px; */
}

@media (max-width: 768px) {

    .zamer__text li,
    .showroom__text li {
        font-size: 14px;
    }
}

.zamer__text .btn-accent,
.showroom__text .btn-accent {
    margin-top: 20px;
}

.showroom-slider-main.swiper,
.showroom-slider-thumbs.swiper {
    width: 100%;
    height: 100%;
}

.showroom-slider-main.swiper {
    height: 606px;
}

.showroom-slider-thumbs.swiper {
    height: 100px;
    z-index: 100;
}

@media (max-width: 768px) {
    .showroom-slider-thumbs.swiper {
        height: 80px;
    }
}

.showroom-slider-main .swiper-slide,
.showroom-slider-thumbs .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.showroom-slider-main .swiper-slide,
.showroom-slider-thumbs .swiper-slide {
    overflow: hidden;
}

.showroom-slider-main .swiper-slide img,
.showroom-slider-thumbs .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.showroom-slider-main .swiper-slide,
.showroom-slider-thumbs .swiper-slide {
    background-size: cover;
    background-position: center;
    cursor: pointer;
}

.showroom-slider-main {
    height: 80%;
    width: 100%;
}

.showroom-slider-main .swiper-button-next {
    right: 15px;
}

.showroom-slider-main .swiper-button-prev {
    left: 15px;
}

.showroom-slider-main .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 15px;
}

.showroom-slider-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 0;
    margin: 5px 0 0;
}

.showroom-slider-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}

.showroom-slider-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

.showroom__desc {
    display: block;
}

@media (max-width: 768px) {
    .showroom__desc {
        display: none;
    }
}

.showroom__mob {
    display: none;
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    .showroom__mob {
        display: block;
    }
}

.modal_zamer-flex {
    display: flex;
}

.zamer__img {
    width: calc(45% + 20px);
    margin: -35px 0 -40px -25px;
    overflow: hidden;
    /* height: 430px; */
}

#zamer .modal-body.modal_zamer-flex {
    padding: 0 25px 18px 25px;
    height: 380px;
}

@media (max-width: 768px) {
    .zamer__img {
        display: none;
    }

    #zamer .modal-body.modal_zamer-flex {
        height: auto;
    }
}

.zamer__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left center;
}

.zamer__text {
    width: 55%;
    padding-left: 30px;
}

@media (max-width: 768px) {
    .zamer__text {
        width: 100%;
        padding-left: 0;
    }
}

.icon-mobile-phone {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 47px;
    border-radius: 8px;
    background: #ff3016;
    border: 1px solid #ff3016;
    border-radius: 8px;
}

.phone-with-icon svg path {
    /* fill: #ffffff; */
}

.icon-mobile-phone svg path {
    /* fill: #ffffff; */
}

.icon-wrp svg path {
    fill: #1b56ae;
}

.page-spasibo section {
    margin: 80px 0;
}

.showroom-flex {
    background-color: #eef1f6;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    overflow: hidden;
    margin-top: 25px;
}

.showroom-flex__slider {
    margin: 0;
    width: 50%;
}

.showroom-flex__slider .js-showroom-slider,
.showroom-flex__slider .showroom-slider-main.swiper {
    height: 100%;
}

.showroom-flex__slider .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 25px;
}

.showroom-flex__text {
    padding: 20px 20px 20px 40px;
    width: 50%;
}

.showroom-flex__text.showroom__text h4 {
    font-family: var(--font-family);
    font-weight: 400;
}

.showroom-flex .showroom__slider {
    display: block;
}

@media (min-width: 1120px) {
    .showroom-flex__slider .js-showroom-slider {
        max-height: 780px;
    }
}

@media (min-width: 1200px) {
    .showroom-flex__slider .js-showroom-slider {
        max-height: 740px;
    }
}

@media (max-width: 768px) {
    .showroom-flex {
        flex-direction: column;
        background: transparent;
        border: none;
    }

    .showroom-flex__slider {
        width: 100%;
    }

    .showroom-flex__slider .showroom-slider-main .swiper-slide img {
        max-height: 200px;
    }

    .showroom-flex__text {
        width: 100%;
        padding: 20px 0 0;
    }

    .showroom-flex__text.showroom__text h3 {
        margin-bottom: 10px;
    }

    .showroom-flex__slider .js-showroom-slider {
        border-radius: 8px;
        overflow: hidden;
    }
}

.showroom-flex__text.showroom__text li {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuMjUgMTMuMzgzN0w2LjEyNSAxMC4yNTgxTDcuMDA4MTMgOS4zNzVMOS4yNSAxMS42MTYzTDEzLjk5MDYgNi44NzVMMTQuODc1IDcuNzU5MzdMOS4yNSAxMy4zODM3WiIgZmlsbD0iI0FFMUEzRSIgZmlsbC1vcGFjaXR5PSIwLjUiLz4KPHBhdGggZD0iTTEwLjUgMS4yNUM4Ljc2OTQyIDEuMjUgNy4wNzc2OSAxLjc2MzE4IDUuNjM4NzYgMi43MjQ2NEM0LjE5OTgzIDMuNjg2MSAzLjA3ODMyIDUuMDUyNjcgMi40MTYwNiA2LjY1MTUyQzEuNzUzNzkgOC4yNTAzNyAxLjU4MDUxIDEwLjAwOTcgMS45MTgxMyAxMS43MDdDMi4yNTU3NSAxMy40MDQ0IDMuMDg5MTEgMTQuOTYzNSA0LjMxMjgyIDE2LjE4NzJDNS41MzY1MyAxNy40MTA5IDcuMDk1NjMgMTguMjQ0MiA4Ljc5Mjk2IDE4LjU4MTlDMTAuNDkwMyAxOC45MTk1IDEyLjI0OTYgMTguNzQ2MiAxMy44NDg1IDE4LjA4MzlDMTUuNDQ3MyAxNy40MjE3IDE2LjgxMzkgMTYuMzAwMiAxNy43NzU0IDE0Ljg2MTJDMTguNzM2OCAxMy40MjIzIDE5LjI1IDExLjczMDYgMTkuMjUgMTBDMTkuMjUgNy42NzkzNiAxOC4zMjgxIDUuNDUzNzYgMTYuNjg3MiAzLjgxMjgyQzE1LjA0NjIgMi4xNzE4NyAxMi44MjA2IDEuMjUgMTAuNSAxLjI1Wk0xMC41IDE3LjVDOS4wMTY2NCAxNy41IDcuNTY2NiAxNy4wNjAxIDYuMzMzMjMgMTYuMjM2QzUuMDk5ODYgMTUuNDExOSA0LjEzODU2IDE0LjI0MDYgMy41NzA5MSAxMi44NzAxQzMuMDAzMjUgMTEuNDk5NyAyLjg1NDczIDkuOTkxNjggMy4xNDQxMSA4LjUzNjgyQzMuNDMzNSA3LjA4MTk3IDQuMTQ3ODEgNS43NDU1OSA1LjE5NjcgNC42OTY3QzYuMjQ1NiAzLjY0NzgxIDcuNTgxOTcgMi45MzM1IDkuMDM2ODMgMi42NDQxMUMxMC40OTE3IDIuMzU0NzIgMTEuOTk5NyAyLjUwMzI1IDEzLjM3MDEgMy4wNzA5QzE0Ljc0MDYgMy42Mzg1NiAxNS45MTE5IDQuNTk5ODUgMTYuNzM2IDUuODMzMjJDMTcuNTYwMSA3LjA2NjU5IDE4IDguNTE2NjQgMTggMTBDMTggMTEuOTg5MSAxNy4yMDk4IDEzLjg5NjggMTUuODAzMyAxNS4zMDMzQzE0LjM5NjggMTYuNzA5OCAxMi40ODkxIDE3LjUgMTAuNSAxNy41WiIgZmlsbD0iI0FFMUEzRSIgZmlsbC1vcGFjaXR5PSIwLjUiLz4KPC9zdmc+Cg==);
}

.showroom-flex__text.showroom__text .showroom__desc li {
    background-image: none;
    list-style: disc;
    padding-left: 0;
    margin-bottom: 5px;
}

.showroom-flex__text ul li::marker {
    color: rgba(34, 51, 129, 0.5);
}

/* section pluses  */
.section-pluses2 {
    /* padding-top: 0; */
    /* background: #f4f5f8; */
}

.section-pluses2 .title-section-wrp {
    margin-bottom: 43px;
}

.section-pluses2 .pluses-items-wrp {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /* grid-template-rows: repeat(2, 1fr); */
    grid-column-gap: 20px;
    grid-row-gap: 7px;
}

.section-pluses2 .pluses-items-wrp .pluses-item {
    background: #fff;
    border-radius: 8px;
    border: 1px solid #ebebeb;
    padding: 30px 30px 22px;
    margin-top: 24px;
    position: relative;
}

.section-pluses2 .pluses-items-wrp .pluses-item .pluses-title {
    font: 600 25px/1.2 var(--font-accent-semibold);
    text-align: left;
    margin: 0 0 12px 0;
    width: 95%;
}

.section-pluses2 .pluses-items-wrp .pluses-item.pluses-item-two-width .pluses-title {
    font: 700 30px/1.2 var(--font-accent-bold);
}

.section-pluses2 .pluses-items-wrp .pluses-item .pluses-text {
    font: 400 14px/1.2 var(--font-family);
    text-align: left;
}

.section-pluses2 ul,
.section-pluses2 ul li:last-child {
    margin-bottom: 0;
}

.section-pluses2 ul li {
    font-size: 14px;
    color: rgba(45, 47, 51, 0.8);
    line-height: 19px;
}

.section-pluses2 .pluses-item.pluses-item-two-width {
    /* Занимает один ряд и
    растягивается на две колонки */
    grid-column: span 2;
    background-color: #d3e9e8;
    border: 1px solid #d3e9e8;
    background-image: url(../img/bg1.webp);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain;
}

.section-pluses2 .pluses-item.pluses-item-two-width .btn-accent {
    margin-top: 12px;
    max-width: 220px;
}

.section-pluses2 .pluses-item.pluses-item-two-width .pluses-text {
    font: 500 18px/1.2 var(--font-medium);
    color: rgba(45, 47, 51, 0.8);
    /* max-width: 400px; */
}

.section-pluses2 .pluses-item.pluses-item-two-width .pluses-text strong {
    font: 700 18px/1.2 var(--font-accent-bold);
}

.pluses-items-wrp .icon-check {
    position: absolute;
    left: 15px;
    top: -15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    width: 50px;
    height: 30px;
    background-color: #50a6a3;
    /* background-image: url('data:image/svg+xml,<svg width="22" height="16" viewBox="0 0 22 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.5711 2.69909C22.1667 2.05589 22.1385 1.04307 21.5083 0.436668C20.8766 -0.169738 19.8819 -0.140973 19.2863 0.500633L8.55478 12.0639L2.71373 5.77109C2.11815 5.12949 1.12342 5.10072 0.491695 5.70713C-0.138456 6.31353 -0.166708 7.32635 0.428872 7.96955L7.41235 15.504C7.70935 15.824 8.12263 16 8.55478 16C8.9885 16 9.40187 15.824 9.6973 15.504L21.5711 2.69909Z" fill="%23223381"/></svg>'); */
    background-repeat: no-repeat;
    background-position: center center;
    color: #ffffff;
    font-size: 15px;
}

.pluses-item.item-forms {
    border: 1px solid transparent;
    background: transparent;
    padding: 15px 30px;
    text-align: center;
    display: flex;
    flex-flow: column;
}

.pluses-item.item-forms .pluses-title {
    color: var(--color-link);
    font-size: 24px;
    text-align: center;
}

.pluses-item.item-forms .pluses-text {
    color: rgb(22, 33, 54);
    font-size: 17px;
    text-align: center;
}

.pluses-item.item-forms .btn-accent-border {
    margin: 15px auto 0;
    max-width: 288px;
    width: 100%;
    height: 50px;
}

.accordion {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.accordion__item {
    background-color: #fff;
    border: 1px solid rgba(22, 33, 54, 0.0509803922);
    border-radius: 5px;
    overflow: hidden;
}

.accordion-button,
.accordion-body {
    background-color: #f4f5f8;
}

.accordion-button {
    padding: 15px 15px 10px 15px;
    font-size: 18px;
    font-family: var(--font-medium);
    font-weight: 500;
}

.accordion-body {
    font-size: 14px;
    padding: 0 15px 15px;
}

.accordion-button::after {
    background-image: url("../img/icon-acc.svg");
    width: 18px;
    height: 9px;
    background-size: contain;
    margin-right: 15px;
    margin-top: 15px;
}

.accordion-button>span {
    max-width: 74%;
    display: inline-block;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("../img/icon-acc-g.svg");
    transform: rotate(180deg) !important;
}

.accordion-button:focus {
    z-index: 3;
    border-color: transparent;
    box-shadow: none;
}

.accordion-header {
    margin: 0;
}

.accordion-button:not(.collapsed) {
    color: #162136;
    background-color: #f4f5f8;
    box-shadow: none;
}

@media (max-width: 991px) {
    .section-pluses {
        padding-top: 45px;
    }

    .section-pluses .accordion-button,
    .section-pluses .accordion-body {
        background-color: #ffffff;
    }

    .item-forms {
        border: 1px solid var(--color-link) 80;
        padding: 20px;
        border-radius: 5px;
        margin: 20px 0;
    }

    .item-forms .pluses-title {
        font-size: 20px;
        text-align: center;
    }

    .item-forms .pluses-text {
        margin: 10px 0;
        font-size: 14px;
        text-align: left;
    }

    .section-pluses .accordion-button {
        display: flex;
        align-items: flex-start;
    }
}

@media (max-width: 767px) {
    .section-pluses {
        padding: 30px 0 0;
    }

    .item-forms {
        border: 1px solid var(--color-link) 80;
        padding: 20px;
        border-radius: 5px;
        margin: 10px 0;
    }

    .item-forms .pluses-title,
    .item-forms .pluses-title.pluses-title--mob {
        font-size: 20px;
        text-align: left;
    }

    .item-forms .pluses-text,
    .item-forms .pluses-text.pluses-text--mob {
        margin: 10px 0;
        font-size: 14px;
        text-align: left;
    }

    .pluses-item.item-forms {
        border: 1px solid var(--color-link) 80;
        padding: 15px 20px;
    }

    .pluses-item.item-forms .btn-accent-border {
        max-width: 100%;
    }
}

/* section pluses end  */
.calc_qwiz {
    padding: 30px 0 30px;
}

.calc_qwiz .column-bg {
    border-radius: 8px;
    height: 294px;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 44px 30px 45px 0;
    /* color: #ffffff; */
    border-radius: 8px;
    background-color: rgba(80, 166, 163, 0.25);
    /* background-image: url("../img/team-bg.png"); */
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 50%;
}

.calc_qwiz_title {
    margin: 0 0 20px 0;
}

.calc_qwiz_title h3 {
    font: 700 40px/1.2 var(--font-accent-bold);
    margin: 0 0 20px 0;
}

.calc_qwiz_title p {
    font: 300 16px/1.2 var(--font-light);
    color: #ffffff;
}

.calc_qwiz .author-wrp {
    display: flex;
    align-items: center;
    gap: 10px;
}

.calc_qwiz .author-wrp .author-img {
    width: 38px;
    height: 38px;
    overflow: hidden;
    border-radius: 50%;
}

.calc_qwiz .author-wrp .author-img img {
    max-width: 100%;
}

.calc_qwiz .author-descr {
    color: #ffffff;
    width: 80%;
}

.calc_qwiz .name1 {
    font: 500 16px/1.2 var(--font-medium);
}

.calc_qwiz .name2 {
    font: 400 12px/1.2 var(--font-accent);
}

.list_item1 {
    font: 500 18px/1.2 var(--font-medium);
}

.list_item2 {
    font: 17px/1.2 var(--font-family);
    margin: 0;
}

.list_item2 .strong1 {
    font: 600 17px/1.2 var(--font-accent-semibold);
}

.list_item2 .strong2 {
    font-weight: 500;
    font-family: var(--font-medium);
}

.calc_qwiz .column2 {
    max-width: 520px;
}

@media (max-width: 992px) {
    .calc_qwiz .column-bg {
        padding: 20px;
        background-size: 45%;
    }

    .calc_qwiz_title .h3 {
        font: 600 24px/1.2 var(--font-accent-semibold);
    }

    .calc_qwiz .column2 {
        max-width: 55%;
    }

    .calc_qwiz_title h3 {
        font: 700 32px / 1.2 var(--font-accent-bold);
        margin: 0 0 15px 0;
    }

    .list_item2 {
        font: 400 16px / 1.2 var(--font-family);
    }

    .calc_qwiz .column-bg {
        height: 228px;
    }
}

@media (max-width: 767px) {
    .list_item2 .strong2 {
        font-weight: 700;
        font-family: var(--font-accent-bold);
    }

    .calc_qwiz {
        padding: 30px 0;
    }

    .calc_qwiz .column-bg {
        padding: 30px 20px;
        flex-direction: column;
        justify-content: flex-start;
        height: 350px;
        /* background-image: url("../img/team-bg-m.webp"); */
        background-position: center bottom;
        background-size: contain;
    }

    .calc_qwiz_title h3 {
        font: 700 27px / 1.2 var(--font-accent-bold);
        margin: 0 0 10px 0;
    }

    .calc_qwiz_title {
        margin: 0;
    }

    .calc_qwiz .column2 {
        max-width: 100%;
    }
}

@media (max-width: 360px) {
    .calc_qwiz_title h3 {
        font: 700 22px / 1.2 var(--font-accent-bold);
    }
}

/* end calc .calc_qwiz */

.section-portfolio .project__list .project__item:nth-child(n + 5) {
    display: none;
}

.tab_descr {
    scrollbar-width: thin;
    scrollbar-color: #bfbcbc transparent;
}

.section-portfolio ul {
    /* Для включения горизонтального скролла */
    scrollbar-width: thin;
    /* Для Firefox */
    scrollbar-color: #bfbcbc transparent;
    /* Цвет трека и ползунка для Firefox */
}

.tab_descr::-webkit-scrollbar {
    width: 2px;
}

.section-portfolio ul::-webkit-scrollbar {
    height: 1px;
    /* width: 2px; */
    /* Высота скролла */
}

.tab_descr::-webkit-scrollbar-thumb,
.section-portfolio ul::-webkit-scrollbar-thumb {
    background-color: #d3cdcd;
    /* Цвет ползунка */
    border-radius: 10px;
    /* Закругление углов */
}

.tab_descr::-webkit-scrollbar-track .section-portfolio ul::-webkit-scrollbar-track {
    background-color: transparent;
    /* Цвет трека */
}

@media (max-width: 1200px) {
    .section-portfolio ul {
        /* Для включения горизонтального скролла */
        overflow-x: auto;
        overflow-y: hidden;
    }
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.spinner {
    width: 50px;
    height: 50px;
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-top-color: #000;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

/* section steps  */

.section-pluses1.section-pluses {
    padding: 0 0 30px;
}

.section-pluses1 .pluses-items-wrp {
    padding: 10px 0;
}

.section-pluses1 .pluses-items-wrp .pluses-item {
    display: flex;
    gap: 7px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid rgba(22, 33, 54, 0.05);
    padding: 27px 5px 19px 20px;
    margin-top: 20px;
    position: relative;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.07);
    height: auto;
}

.pluses-items-wrp .pluses-item .pluses-title {
    font: 400 16px/1.2 var(--font-family);
    text-align: left;
    width: 84%;
}

@media (max-width: 767px) {
    .pluses-items-wrp .pluses-item .pluses-title {
        display: grid;
        align-items: center;
    }

    .section-pluses1 .pluses-items-wrp .pluses-item {
        flex-flow: column;
        padding: 15px 10px 15px 10px;
        height: auto;
        gap: 5px;
    }

    .pluses-items-wrp .pluses-item .pluses-title {
        font-size: 12px;
        width: 100%;
    }

    .section-pluses1.section-pluses {
        padding: 0 0 30px;
    }

    .section-pluses1 .pluses-items-wrp {
        padding: 5px 0;
    }

    .section-portfolio .project__list .project__item:nth-child(n + 3) {
        display: none;
    }
}

@media (max-width: 767px) {
    .pluses-items-wrp .pluses-item {
        margin-top: 10px;
    }
}

@media (max-width: 400px) {
    .section-first .review-header {
        bottom: 250px;
    }
}

.pluses-items-wrp .icon-plus {
    display: flex;
    align-items: center;
    height: 41px;
    width: 37px;
}

@media (max-width: 767px) {
    .pluses-slider1 {
        padding-bottom: 20px;
    }

    .pluses-items-wrp .icon-plus {
        height: 30px;
        width: 30px;
    }
}

.pluses-item.item-forms {
    border: 1px solid transparent;
    background: transparent;
    padding: 15px 30px;
    text-align: center;
    display: flex;
    flex-flow: column;
}

.pluses-item.item-forms .pluses-title {
    color: var(--color-link);
    font-size: 24px;
    text-align: center;
}

.pluses-item.item-forms .pluses-text {
    color: rgb(22, 33, 54);
    font-size: 17px;
    text-align: center;
}

.pluses-item.item-forms .btn-accent-border {
    margin: 15px auto 0;
    max-width: 288px;
    width: 100%;
    height: 50px;
}

.pluses-dark .pluses-item {
    background: #f4f5f8;
}

.pluses-dark .pluses-item.item-forms {
    background-color: transparent;
    text-align: center;
}

/* end section steps  */

/* video-visual  */
.visual .title-section-wrp {
    margin-bottom: 44px;
}

.video-visual-wrp {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

.videos-column:nth-child(n + 3) {
    display: none;
}

.video-item-play {
    position: relative;
    display: flex;
    max-width: 550px;
    height: 320px;
    border-radius: 8px;
    border: 1px solid rgba(235, 235, 235, 1);
    overflow: hidden;
}

.video-item-play a {
    display: flex;
    width: 100%;
}

.video-item-play a:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background-size: 110px 110px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('data:image/svg+xml,<svg width="109" height="116" viewBox="0 0 109 116" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_d_807_614)"><path d="M34.7465 31.2575C34.4201 31.064 34.0482 30.9603 33.6688 30.957C33.2893 30.9537 32.9157 31.0509 32.586 31.2387C32.2562 31.4265 31.982 31.6982 31.7913 32.0263C31.6006 32.3543 31.5001 32.7271 31.5 33.1065V82.8934C31.5001 83.2729 31.6006 83.6456 31.7913 83.9736C31.982 84.3017 32.2562 84.5734 32.586 84.7612C32.9157 84.949 33.2893 85.0462 33.6688 85.0429C34.0482 85.0396 34.4201 84.9359 34.7465 84.7424L76.7539 59.8489C77.0747 59.6586 77.3405 59.388 77.5251 59.0638C77.7097 58.7396 77.8068 58.373 77.8068 58C77.8068 57.6269 77.7097 57.2603 77.5251 56.9361C77.3405 56.6119 77.0747 56.3413 76.7539 56.151L34.7465 31.2575Z" fill="white" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><filter id="filter0_d_807_614" x="-20" y="-15" width="146" height="146" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset/><feGaussianBlur stdDeviation="15"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_807_614"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_807_614" result="shape"/></filter></defs></svg>');
}

.video-item-play:hover {
    cursor: pointer;
    opacity: 0.9;
}

.video-item-play:hover:after {
    transform: scale(1.1);
}

.btn-more {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 49px;
    background: rgba(246, 246, 246, 1);
    border-radius: 4px;
    max-width: 171px;
    margin: 20px auto 0;
}

.btn-more:hover {
    cursor: pointer;
}

.visual .btn-more {
    margin: 29px auto 0;
}

.image-cover {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 992px) {
    .video-item-play {
        height: 220px;
    }
}

@media (max-width: 767px) {
    .video-visual-wrp {
        display: flex;
        flex-flow: column;
        gap: 10px;
    }

    .video-item-play {
        height: 209px;
        width: 100%;
    }

    .visual .btn-more {
        margin: 10px auto 0;
    }

    .visual .title-section-wrp {
        margin-bottom: 28px;
    }
}

@media (max-width: 450px) {
    .video-item-play {
        height: 195px;
    }
}

@media (max-width: 360px) {
    .video-item-play {
        height: 169px;
    }
}

/* end video-visual  */

/* tasks  */

.tasks {
    background: #fff;
}

.tasks__list {
    margin: 30px 0 0;
    padding: 0 0 40px;
    /* margin-bottom: 17px;
    padding: 17px 0; */
}

.task-slider-holder {
    position: relative;
    /* padding-bottom: 22px; */
}

.task-slider-holder .swiper-button-next-bg {
    right: -19px;
}

.task-slider-holder .swiper-button-prev-bg {
    left: -19px;
}

@media (max-width: 768px) {
    .tasks__list {
        /* margin: 20px 0 0; */
    }
}

.tasks__list .swiper-wrapper {
    align-items: stretch;
}

.task_item_img {
    height: 230px;
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px;
    overflow: hidden;
}

.tasks .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 0;
}

@media (max-width: 768px) {
    .tasks__item {
        padding: 0 15px 15px;
    }
}

@media (max-width: 767px) {
    .tasks__item {
        padding: 0 15px 20px;
    }
}

.tasks__item img {
    width: 100%;

    object-fit: cover;
    object-position: top center;
}

.tasks__item .h3 {
    font: 600 18px/1.2 var(--font-accent-semibold);
    margin: 16px 0 10px;
    padding: 0;
}

@media (max-width: 767px) {
    .tasks__item .h3 {
        font-size: 18px;
    }

    .tasks__list {
        margin: 20px -15px 0;
        padding: 0px 15px 34px;
    }

    .tasks {
        padding-bottom: 24px;
    }

    .tasks.reviews {
        padding-bottom: 24px;
    }
}

.tasks__item p {
    font-size: 14px;
    margin: 0;
    padding: 0;
}

@media (max-width: 768px) {
    .tasks__item p {
        font-size: 14px;
        margin: 0 0 5px;
    }
}

.tasks__item .btn-accent-border {
    margin-top: auto;
    width: 100%;
    max-width: 100%;
}

/* end tasks  */

/* select  */

.__select {
    position: relative;
    height: 40px;
    margin: 0px 0 0;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    background-color: #ffffff00;
    /* background-color: #ffffff; */

    width: 100%;
    cursor: pointer;
}

.__select[data-state="active"] .__select__title::after {
    transform: translateY(-13px) rotate(180deg);
}

.__select[data-state="active"] .__select__content {
    opacity: 1;
    z-index: 8;
}

.__select[data-state="active"] .__select__label+.__select__input+.__select__label {
    max-height: 50px;
    border-top-width: 1px;
}

.__select__title {
    display: block;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 13px 12px;
    border-radius: 4px;
    /* border: 1px solid #d9d9d9; */
    background-color: #ffffff00;
    cursor: pointer;
    font-size: 14px;

    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-position: 95% center;
    background-size: 16px 10px;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="10" viewBox="0 0 16 10" fill="none"><path d="M15 1.5L8 8.5L1 1.5" stroke="%2350A6A3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

/* .__select::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="10" viewBox="0 0 16 10" fill="none"><path d="M15 1.5L8 8.5L1 1.5" stroke="%2350A6A3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    position: absolute;
    top: 50%;
    right: 12px;
    display: block;
    width: 16px;
    transition: all 0.3s ease-out;
    transform: translate(0, -50%);
    z-index: -1;
} */

.__select__content {
    position: absolute;
    top: 40px;
    left: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-top: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    transition: all 0.3s ease-out;
    opacity: 0;
    z-index: -1;
}

.__select__input {
    display: none;
}

.__select__input:checked+label {
    color: #2d2f33;
}

.__select__input+label:after {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: none;
    background-size: cover;
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.__select__input:checked+label:after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6.36646 10.1L12.0165 4.45C12.1498 4.31667 12.3054 4.25 12.4831 4.25C12.6609 4.25 12.8165 4.31667 12.9498 4.45C13.0831 4.58333 13.1498 4.74178 13.1498 4.92533C13.1498 5.10889 13.0831 5.26711 12.9498 5.4L6.83313 11.5333C6.69979 11.6667 6.54424 11.7333 6.36646 11.7333C6.18868 11.7333 6.03313 11.6667 5.89979 11.5333L3.03313 8.66667C2.89979 8.53333 2.83579 8.37511 2.84113 8.192C2.84646 8.00889 2.91602 7.85044 3.04979 7.71667C3.18357 7.58289 3.34202 7.51622 3.52513 7.51667C3.70824 7.51711 3.86646 7.58378 3.99979 7.71667L6.36646 10.1Z" fill="%232D2F33"/></svg>');
}

.__select__input:disabled+label {
    opacity: 0.6;
    pointer-events: none;
}

.__select__label {
    display: flex;
    align-items: center;
    width: 100%;
    height: 40px;
    padding: 0 15px;
    transition: all 0.2s ease-out;
    cursor: pointer;
    overflow: hidden;
    font-size: 14px;
    position: relative;
}

.__select__label+input+& {
    border-top: 0 solid #c7ccd160;
}

.__select__label:hover {
    color: #50a6a3;
}

.__select__title svg,
.__select__label svg {
    margin-right: 10px;
}

.__select__title svg path,
.__select__label svg path {
    stroke: rgb(184, 190, 214);
}

/* end select  */

.review-header .item-image .itm {}

.review-header {
    display: flex;
    align-items: center;
    gap: 7px;
    border-radius: 8px;
    padding: 10px 0 8px;
    width: 260px;
    height: 32px;
    color: #333;
}

.review-header .item {
    width: 25%;
}

.review-header .item-text {
    width: 100%;
    margin-right: 0;
    letter-spacing: 0.07em;
    font: 10px var(--font-accent-semibold);
}

.review-header .item-image {
    position: relative;
}

.review-header .item-image .item-title {
    position: absolute;
    bottom: 5px;
    left: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    font: 7px var(--font-family);
    letter-spacing: 0.07em;
    color: #808080;
    padding: 0 3px;
    width: 36px;
    height: 9px;
    background: #fff;
}

.review-header .item-image .itm {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 6px 6px 6px 3px;
    height: 32px;
    border-radius: 50px;
    background: #fff;
    border: 1px solid #efefef;
    /* box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1); */
}

.review-header .item-image .itm img {
    width: 20px;
    height: auto;
}

.review-header .item-image .itm .num {
    font: 500 20px var(--font-medium);
}


.lazy-bg {
    background-color: #ccc;
}

.assistant_modal {
    background: rgba(245, 245, 245, 1);
    padding: 7px 11px;
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0 0 15px 0;
    border-radius: 4.686px;
}

.assistant_modal_avatar {
    width: 52px;
    height: 52px;
    overflow: hidden;
    border-radius: 50%;
}

.assistant_modal_avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.modal-body .assistant_modal_name p.assistant_modal_title {
    font: 500 18px/1.2 var(--font-medium);
    color: rgba(45, 47, 51, 1);
    margin: 0;
}

.modal-body .assistant_modal_name p.assistant_modal_subtitle {
    font: 500 17px/1.2 var(--font-medium);
    color: rgba(137, 135, 135, 1);
    margin: 0;
}

.modal-body .assistant_modal_name p.assistant_modal_subtitle span {
    font: 500 14px/1.2 var(--font-medium);
    color: rgba(137, 135, 135, 1);
    margin: 0;
}

#policy .modal-dialog {
    max-width: 800px;
}

#policy .text-content p {
    font-size: 16px;
}

@media (max-width: 767px) {
    .modal-body .assistant_modal_name p.assistant_modal_subtitle {
        font: 500 14px/1.2 var(--font-medium);
    }
}

.rating_star {
    display: flex;
    align-items: center;
}

.rating_item {
    width: 16px;
    height: 16px;
    margin: 0 2px 0 0;
    background-size: cover;
    background-image: url('data:image/svg+xml,<svg width="17" height="15" viewBox="0 0 17 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.5 0L11.3214 4.11672L16.1085 5.52786L13.0651 9.48328L13.2023 14.4721L8.5 12.8L3.79772 14.4721L3.93493 9.48328L0.891548 5.52786L5.67863 4.11672L8.5 0Z" fill="%23FFDE02"/></svg>');
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}

/* start section steps v2  */
.section-steps-v2 {}

.container-steps {
    border-radius: 8px;
    background: #efefef;
    overflow: hidden;
    min-height: 589px;
    position: relative;
    padding: 40px 30px;
    display: grid;
    grid-template-columns: 291px 1fr;
    gap: 28px;
}

.container-steps::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 160px;
    height: 160px;
    background-image: url("../img/el1.webp");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
}

.container-steps::after {
    content: "";
    position: absolute;
    right: -15px;
    bottom: 0;
    display: block;
    width: 160px;
    height: 160px;
    background-image: url("../img/el2.webp");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
}

.container-steps .column1,
.column2 {
    position: relative;
    z-index: 2;
}

.container-steps .column1 img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.container-steps .column2 .list-steps {
    display: flex;
    flex-flow: column;
    gap: 10px;
}

.container-steps .column2 .num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 3px solid rgba(80, 166, 163, 0.3);
    background: #50a6a3;
    box-shadow: 0px 0px 0px 3px rgb(80 166 163 / 39%);
    color: #ffffff;
    font-size: 14px;
}

.container-steps .column2 .ttl {
    display: flex;
    gap: 10px;
    align-items: center;
}

.container-steps .column2 .ttl span {
    max-width: 80%;
    font: 600 25px/1.2 var(--font-accent-semibold);
}

.container-steps .column2 ul li {
    color: #1a1a1a;
    font-size: 14px;
    margin-bottom: 2px;
}

.container-steps .column2 ul {
    padding-left: 52px;
    margin: 3px 0 0 0;
}

.container-steps .column2 ul li::marker {
    color: #1a1a1a;
    font-size: 8px;
}

.container-steps .column2 p {
    margin: 0;
    padding-left: 39px;
    color: #1a1a1a;
    font-size: 14px;
}

.container-steps .btns-wrp {
    display: flex;
    gap: 18px;
    align-items: center;
    margin: 15px 0 0 35px;
}

.container-steps .btns-wrp>div {
    color: rgba(26, 26, 26, 0.65);
    font-size: 14px;
    max-width: 165px;
    position: relative;
}

.container-steps .btns-wrp>div:before {
    content: "";
    position: absolute;
    width: 58px;
    height: 21px;
    display: block;
    right: 0;
    bottom: -18px;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="16" viewBox="0 0 60 16" fill="none"><path d="M0.577694 1.31945C3.69266 4.30897 7.24654 6.78206 11.1135 8.65115C14.9726 10.5445 19.0767 11.8772 23.3081 12.6112C27.3467 13.3065 31.4662 13.4315 35.5521 12.9829C39.4775 12.5556 43.3386 11.6094 47.0386 10.1681C50.1774 8.95906 53.1736 7.38471 55.9678 5.47631C55.6764 5.90716 55.3755 6.33558 55.0896 6.77126C54.5097 7.64747 53.9155 8.51427 53.3069 9.37166C53.0061 9.80009 52.7061 10.2253 52.4075 10.6577C52.109 11.0902 51.8224 11.5154 51.531 11.9462C51.2395 12.3771 50.9426 12.8031 50.6598 13.2396C50.377 13.6761 50.1021 14.1077 49.8021 14.5329C49.7947 14.562 49.7652 14.5854 49.7492 14.6088C49.7281 14.6448 49.7115 14.6832 49.6997 14.7233L49.6864 14.775C49.6715 14.833 49.669 14.8427 49.6798 14.8008C49.6778 14.8151 49.6742 14.8292 49.669 14.8427L49.6442 14.9395C49.6301 14.9959 49.6327 15.055 49.6515 15.1095C49.6704 15.1639 49.7047 15.2112 49.7501 15.2453C49.7957 15.283 49.8517 15.3054 49.9106 15.3094C49.9694 15.3134 50.0283 15.2989 50.0793 15.2678L50.1571 15.2259C50.1571 15.2259 50.2215 15.1839 50.238 15.1847L50.2339 15.2008C50.1998 15.2162 50.2119 15.1952 50.2608 15.1871C50.3078 15.1679 50.3506 15.1391 50.3864 15.1024L50.463 15.0257C50.5564 14.9362 50.6474 14.8426 50.7376 14.7522C50.9219 14.5691 51.1062 14.3859 51.2866 14.2052C51.6578 13.8292 52.0164 13.4499 52.368 13.0586C53.0602 12.28 53.7383 11.4909 54.3673 10.6583C55.0414 9.77181 55.6986 8.873 56.3388 7.96182C56.9436 7.10578 57.5086 6.22232 58.0673 5.33724C58.3495 4.89026 58.6089 4.42715 58.8708 3.96807C59.1326 3.50899 59.3863 3.06848 59.6411 2.5973C59.704 2.48273 59.7677 2.36494 59.8275 2.24957C59.9019 2.11137 59.931 1.95285 59.9104 1.79761C59.8899 1.64236 59.8208 1.49869 59.7134 1.38798C59.6219 1.30581 59.5145 1.24429 59.3979 1.20733C59.2194 1.16569 59.0312 1.19483 58.8711 1.28889L58.5895 1.43333C57.6107 1.86178 56.6073 2.22703 55.5852 2.52692C55.3241 2.6044 55.0599 2.68109 54.7949 2.74729C54.53 2.81348 54.257 2.89822 53.9888 2.97732C53.454 3.12907 52.9158 3.26388 52.3741 3.38174C51.7639 3.51414 51.1545 3.64332 50.54 3.74022L50.6727 3.71922L49.9073 3.84277L49.8338 3.85488L49.6632 3.87992L49.3166 3.92514C49.2121 3.93048 49.1126 3.97467 49.0368 4.04942C48.9961 4.08998 48.964 4.13872 48.9427 4.19251C48.9214 4.2463 48.9114 4.30393 48.9132 4.36165C48.9172 4.47025 48.9621 4.57253 49.0384 4.6472C49.1148 4.72188 49.2167 4.76319 49.3229 4.76254C49.9702 4.79566 50.6191 4.79447 51.267 4.75902C51.906 4.72342 52.5453 4.6604 53.1804 4.56188C53.8693 4.47234 54.5526 4.33859 55.2263 4.16143C55.8481 3.98385 56.4649 3.78208 57.0768 3.5561L57.3556 3.44876L57.3114 3.51653C56.7789 3.86835 56.2534 4.23227 55.7178 4.58329C54.9119 5.11263 54.0838 5.61562 53.2334 6.09226C48.159 8.97346 42.6178 10.8724 36.8914 11.6927C32.9776 12.2464 29.0155 12.2597 25.1116 11.7324C20.9735 11.1657 16.9392 10.0152 13.1232 8.31362C9.30251 6.57467 5.71962 4.3428 2.46069 1.67172C2.05272 1.33779 1.65138 0.999816 1.25665 0.657817C0.788804 0.235155 0.135162 0.889526 0.577694 1.31945Z" fill="%23AAA8A8"/></svg>');
}

.container-steps .btns-wrp a {
    max-width: 273px;
    width: 50%;
}

@media (max-width: 992px) {
    .container-steps {
        align-items: flex-start;
        grid-template-columns: 229px 1fr;
    }
}

@media (max-width: 767px) {
    .container-steps .column1 {
        display: none;
    }

    .container-steps {
        display: flex;
        align-items: flex-start;
        padding: 25px 15px;
    }

    .container-steps .column2 .ttl span {
        font-size: 18px;
    }

    .container-steps .column2 .ttl {
        flex-wrap: wrap;
    }

    .container-steps .column2 ul {
        padding-left: 13px;
    }

    .container-steps .column2 p {
        padding-left: 6px;
        margin-top: 5px;
    }

    .container-steps .btns-wrp {
        flex-flow: column;
        margin: 10px 0;
    }

    .container-steps .btns-wrp>div {
        max-width: 100%;
        width: 100%;
        text-align: left;
    }

    .container-steps .btns-wrp a {
        max-width: 100%;
        width: 100%;
    }

    .container-steps .btns-wrp {
        gap: 14px;
    }

    .container-steps .btns-wrp>div:before {
        width: 21px;
        height: 17px;
        display: block;
        background-size: cover;
        right: 25px;
        bottom: -12px;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="22" viewBox="0 0 26 22" fill="none"><path d="M0.265188 2.37991C2.49927 1.16028 4.74333 0.46542 6.9179 0.319934C9.09716 0.153918 11.1934 0.483101 13.1467 1.29807C15.0092 2.07979 16.7191 3.31119 18.2289 4.95797C19.6807 6.53731 20.9376 8.48147 21.9683 10.7417C22.8472 12.6489 23.5495 14.7818 24.0613 17.0978C24.0833 16.684 24.1007 16.269 24.1264 15.8534C24.1763 15.0161 24.2173 14.1811 24.2494 13.3485C24.2668 12.9335 24.2835 12.5211 24.3031 12.1039C24.3227 11.6866 24.3448 11.2786 24.3668 10.8648C24.3887 10.4511 24.4069 10.0391 24.4342 9.62393C24.4615 9.20873 24.4905 8.79969 24.5071 8.38735C24.5135 8.36337 24.5092 8.33652 24.5103 8.31397C24.5135 8.28046 24.5193 8.24653 24.5275 8.21295L24.5389 8.17034C24.5518 8.12239 24.5539 8.11441 24.5446 8.14903C24.5485 8.13773 24.5516 8.12611 24.5539 8.1144L24.5753 8.0345C24.5879 7.98812 24.6082 7.94501 24.6335 7.91062C24.6589 7.87624 24.6881 7.85215 24.7176 7.84139C24.7484 7.82804 24.7783 7.82942 24.8035 7.84535C24.8287 7.86128 24.8478 7.89098 24.8584 7.93048L24.8762 7.98666C24.8762 7.98666 24.8887 8.03852 24.8956 8.04324L24.8992 8.02993C24.8904 8.00758 24.8885 8.02705 24.9057 8.04879C24.9185 8.07816 24.9264 8.11333 24.929 8.15211L24.9351 8.23368C24.9438 8.33022 24.9503 8.42902 24.9575 8.52514C24.9726 8.72048 24.9878 8.91581 25.0021 9.10807C25.0303 9.50672 25.0523 9.90373 25.0676 10.3075C25.0949 11.1085 25.1132 11.9127 25.0974 12.7335C25.0824 13.6088 25.0565 14.4878 25.0197 15.3705C24.9865 16.2009 24.9282 17.0389 24.8669 17.876C24.8359 18.2988 24.7905 18.7263 24.7473 19.1515C24.7042 19.5767 24.6638 19.9856 24.6139 20.4175C24.6021 20.5229 24.5896 20.6309 24.5763 20.7358C24.5615 20.8624 24.5218 20.9895 24.463 21.0982C24.4042 21.2069 24.3295 21.2915 24.25 21.3392C24.1862 21.3709 24.1227 21.382 24.0634 21.372C23.9776 21.3455 23.9108 21.2634 23.8765 21.1421L23.8093 20.9442C23.552 20.3113 23.2641 19.7173 22.9475 19.166C22.8668 19.0245 22.7847 18.8826 22.6989 18.7482C22.6131 18.6139 22.53 18.4632 22.447 18.3182C22.2796 18.0335 22.1054 17.7604 21.9242 17.4986C21.72 17.2041 21.515 16.9123 21.2975 16.6427L21.3445 16.701L21.0745 16.3631L21.0486 16.3305L20.9877 16.2571L20.8619 16.1121C20.8213 16.0745 20.7953 16.0097 20.7889 15.9298C20.7856 15.8866 20.7885 15.84 20.7973 15.7932C20.8062 15.7464 20.8208 15.7004 20.8403 15.6581C20.8773 15.5787 20.9287 15.5171 20.9839 15.4862C21.0391 15.4553 21.0938 15.4573 21.1367 15.492C21.4097 15.6754 21.6723 15.8849 21.9233 16.1195C22.1707 16.3514 22.4092 16.6037 22.6345 16.8811C22.8846 17.1691 23.118 17.4881 23.3334 17.8363C23.5276 18.1681 23.712 18.5163 23.8865 18.8809L23.9645 19.0502L23.9687 18.9857C23.8673 18.5531 23.7726 18.1138 23.6697 17.6809C23.5152 17.0286 23.3432 16.3887 23.1536 15.7612C22.034 11.9894 20.4059 8.79727 18.3522 6.34704C16.9463 4.67753 15.3451 3.39391 13.5918 2.53071C11.7308 1.62146 9.72199 1.17928 7.62251 1.21673C5.50901 1.28042 3.33162 1.78675 1.14272 2.72352C0.86885 2.84046 0.596347 2.96253 0.325217 3.08972C-0.00176466 3.25332 -0.0538979 2.55705 0.265188 2.37991Z" fill="%23AAA8A8"/></svg>');
    }

    .container-steps::after {
        content: none;
    }
}

@media (max-width: 350px) {
    .container-steps .btns-wrp>div:before {
        right: -9px;
    }
}

/* end section steps v2  */
.project-slider-thumbs.swiper {
    position: relative;
}

.thumbs-prev,
.thumbs-next {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background: rgb(222, 222, 222);
    color: #000000;
    border: 1px solid #ffffff;
    z-index: 2;
}

.thumbs-prev:after,
.thumbs-next:after {
    font-family: swiper-icons;
    /* font-size: var(--swiper-navigation-size); */
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
    font-weight: 900;
    font-size: 7px;
    display: inline-block;
    transform: rotate(90deg);
}

.thumbs-prev:after {
    content: "prev";
}

.thumbs-next:after {
    content: "next";
}

.thumbs-prev {
    top: 2px;
    left: 0;
    right: 0;
    margin: auto;
}

.thumbs-next {
    bottom: 2px;
    left: 0;
    right: 0;
    margin: auto;
}

@media (max-width: 767px) {
    #header.header {
        position: relative;
        height: 80px;
    }

    .phone_block__container {
        width: 100%;
        margin-right: auto;
        padding: 0;
    }

    .phone_block__container .phone_block.phone_left {
        margin: 0;
    }

    .header-lnk {
        margin: 0 0 0 10px;
        width: 40px;
        height: 40px;
    }

    .header-lnk__link {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        box-shadow: 2.25px 2.25px 2.25px 0px #0000000d;
    }

    .header-lnk__link--tg {
        background: linear-gradient(221.09deg, #45bfff 0.24%, #077ab6 101.34%);
    }

    .header-lnk__link--wa {
        background: linear-gradient(221.09deg, #69ff6f 0.24%, #038108 101.34%);
    }

    .header__bottom {
        position: sticky;
        top: 0;
        left: 0;
        right: 0;
        box-shadow: 0px 0px 14px 0px #0000001a;
        background-color: #fff;
        padding: 0 0 6px;
        z-index: 20;
    }

    .phone_block.phone_left p {
        margin: 0;
        color: #2d2f33;
        text-align: center;
        font: 500 12px/1 var(--font-medium);
    }

    .header__bottom-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .phone_left .phone {
        text-align: left;
        margin-right: auto;
    }

    .phone_block .phone {
        display: flex;
        align-items: center;
        justify-content: center;
        font: 700 20px/1.2 var(--font-accent-bold);
        border-radius: 8px;
        height: 38px;
        border: 1px solid #ff3016;
        color: #ff3016;
        width: 100%;
        max-width: 450px;
        margin: 5px auto 9px;
        text-decoration: none;
    }
}

.location-wrp {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    padding-left: 25px;
    margin: 0 0 30px 0;
}

.location-wrp .location-item {
    color: rgba(198, 127, 72, 1);
    font-size: 16px;
    padding-left: 13px;
    position: relative;
}

.location-wrp .location-item {}

.location-wrp .location-item::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(198, 127, 72, 1);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.location-wrp .location-item.location-item2 {
    color: rgba(187, 187, 187, 1);
}

.location-wrp .location-item.location-item2::before {
    background: rgba(187, 187, 187, 1);
}

.location-wrp:before {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 3px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none"><path d="M4.68992 14.2684L5.88159 3.13411H3.07659L1.83325 14.2684H4.68992ZM8.29792 14.2684L6.24992 9.71844L6.83225 4.32044L8.31058 7.40711L10.2606 3.13377H12.6129L14.1666 14.2681H11.1629L10.5733 9.75444L8.29792 14.2684Z" fill="%23BBBBBB" stroke="%23BBBBBB" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.rev_logo_wrp {
    display: flex;
    /* justify-content: center; */
    margin: 20px 0 0 0;
    gap: 7px;
}

.rev_logo_item {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 91px;
    height: 40px;
    border-radius: 4px;
    background: #fff;
    padding: 0 10px;
}

.rev_logo_item_descr {
    position: relative;
    padding-left: 26px;
}

.rev_logo_item .rev_logo_item_descr:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-size: contain;
    left: 0;
}

.rev_logo_item.rev_logo_item1 .rev_logo_item_descr:before {
    background-image: url("../img/rev_logo/logo1.webp");
}

.rev_logo_item.rev_logo_item2 .rev_logo_item_descr:before {
    background-image: url("../img/rev_logo/logo2.webp");
}

.rev_logo_item.rev_logo_item3 .rev_logo_item_descr:before {
    background-image: url("../img/rev_logo/logo3.webp");
}

.rev_logo_item.rev_logo_item4 .rev_logo_item_descr:before {
    background-image: url("../img/rev_logo/logo4.webp");
}

.rev_logo_item .item_num {
    color: rgba(45, 47, 51, 1);
    font: 600 18px/1.2 var(--font-accent-semibold);
    position: relative;
    display: flex;
    align-items: center;
}

.rev_logo_item .item_num:after {
    content: "";
    margin-left: 3px;
    display: block;
    width: 18px;
    height: 18px;
    background-size: contain;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18.000000" height="18.000000" fill="none" customFrame="%23000000"><path id="Star 6" d="M12.174 4.63131L17.5595 6.21885L14.1357 10.6687L14.2901 16.2812L9 14.4L3.70993 16.2812L3.86429 10.6687L0.440492 6.21885L5.82596 4.63131L9 0L12.174 4.63131Z" fill="rgb(255,222,2)" fill-rule="evenodd" /></svg>');
}

.rev_logo_item .item_text {
    font: 400 10px/1.2 var(--font-family);
    color: rgba(51, 51, 51, 0.8);
}

.rev_logo_item .item_num_green {
    flex-flow: column;
    align-items: flex-start;
}

.rev_logo_item .item_num_green:after {
    content: none;
}

.rev_logo_item .item_num_green span {
    color: rgba(31, 175, 56, 1);
    display: block;
}

.rev_logo_item .item_num_green span:first-child {
    font: 400 6px/1.2 var(--font-family);
}

.rev_logo_item .item_num_green span:last-child {
    font: 400 22px/1 var(--font-family);
}

.font-red,
.modal-body .h3 span.font-red {
    color: #ff3016;
}

.font-green {
    color: #50a6a3;
}

@media (max-width: 767px) {
    .rev_logo_item {
        width: 62px;
        height: 32px;
        padding: 0 7px;
    }

    .rev_logo_item .item_num:after {
        display: none;
    }

    .rev_logo_item .item_num {
        font-size: 20px;
    }
}

.first-rating {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;
    margin: 25px 0 0;
    padding: 0;
}

.first-rating__item {
    display: flex;
    height: 100%;
    min-width: 95px;
    border-radius: 4px;
    background: #fff;
    padding: 3px;
    margin: 0 !important;
    /* background-image: url("data:image/svg+xml,%3Csvg width='130' height='74' viewBox='0 0 130 74' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.8363 9.40259C21.0502 10.7223 16.314 15.0333 19.6572 21.7198C21.7834 20.4734 25.5959 16.265 23.8363 9.40259Z' fill='url(%23paint0_radial_104_1416)'/%3E%3Cpath d='M12.2616 16.6314C10.7764 19.3329 9.46269 25.6012 16.0889 29.0624C17.0821 26.8068 17.7072 21.1629 12.2616 16.6314Z' fill='url(%23paint1_radial_104_1416)'/%3E%3Cpath d='M8.098 26.466C7.33894 29.4539 7.64158 35.8512 14.9247 37.5374C15.2588 31.8373 14.5072 29.4846 8.098 26.466Z' fill='url(%23paint2_radial_104_1416)'/%3E%3Cpath d='M7.89434 37.7892C7.8738 40.8719 9.70146 47.01 17.1764 46.9008C16.1341 41.2869 14.8403 39.183 7.89434 37.7892Z' fill='url(%23paint3_radial_104_1416)'/%3E%3Cpath d='M8.93262 48.8538C9.86829 51.7912 13.5079 57.0609 20.5811 54.6409C17.8506 49.6262 15.9686 48.0268 8.93262 48.8538Z' fill='url(%23paint4_radial_104_1416)'/%3E%3Cpath d='M14.6514 57.2117C15.587 60.1491 19.2267 65.4188 26.2999 62.9988C23.5694 57.9841 21.6874 56.3847 14.6514 57.2117Z' fill='url(%23paint5_radial_104_1416)'/%3E%3Cpath d='M26.8429 21.4279C22.5168 21.7199 17.8035 23.9929 18.5317 31.4331C22.2969 31.1778 26.0294 28.4655 26.8429 21.4279Z' fill='url(%23paint6_radial_104_1416)'/%3E%3Cpath d='M25.0327 31.5444C20.7994 32.4817 16.48 35.4356 18.3155 42.6825C21.9999 41.8656 25.2835 38.6244 25.0327 31.5444Z' fill='url(%23paint7_radial_104_1416)'/%3E%3Cpath d='M27.5179 40.278C23.3301 41.4013 19.1455 44.5432 21.2994 51.702C24.9441 50.7231 28.0813 47.34 27.5179 40.278Z' fill='url(%23paint8_radial_104_1416)'/%3E%3Cpath d='M29.4837 48.6489C25.903 51.094 22.9929 55.443 27.3929 61.4866C30.5088 59.3575 32.3508 55.1272 29.4837 48.6489Z' fill='url(%23paint9_radial_104_1416)'/%3E%3Cpath d='M105.854 9.40259C108.64 10.7223 113.376 15.0333 110.033 21.7198C107.907 20.4734 104.094 16.265 105.854 9.40259Z' fill='url(%23paint10_radial_104_1416)'/%3E%3Cpath d='M117.428 16.6314C118.914 19.3329 120.227 25.6012 113.601 29.0624C112.608 26.8068 111.983 21.1629 117.428 16.6314Z' fill='url(%23paint11_radial_104_1416)'/%3E%3Cpath d='M121.592 26.466C122.351 29.4539 122.048 35.8512 114.765 37.5374C114.431 31.8373 115.183 29.4846 121.592 26.466Z' fill='url(%23paint12_radial_104_1416)'/%3E%3Cpath d='M121.796 37.7892C121.817 40.8719 119.989 47.01 112.514 46.9008C113.556 41.2869 114.85 39.183 121.796 37.7892Z' fill='url(%23paint13_radial_104_1416)'/%3E%3Cpath d='M120.758 48.8538C119.822 51.7912 116.182 57.0609 109.109 54.6409C111.84 49.6262 113.722 48.0268 120.758 48.8538Z' fill='url(%23paint14_radial_104_1416)'/%3E%3Cpath d='M115.039 57.2117C114.103 60.1491 110.464 65.4188 103.391 62.9988C106.121 57.9841 108.003 56.3847 115.039 57.2117Z' fill='url(%23paint15_radial_104_1416)'/%3E%3Cpath d='M102.847 21.4279C107.173 21.7199 111.886 23.9929 111.158 31.4331C107.393 31.1778 103.661 28.4655 102.847 21.4279Z' fill='url(%23paint16_radial_104_1416)'/%3E%3Cpath d='M104.658 31.5444C108.891 32.4817 113.21 35.4356 111.375 42.6825C107.691 41.8656 104.407 38.6244 104.658 31.5444Z' fill='url(%23paint17_radial_104_1416)'/%3E%3Cpath d='M102.172 40.278C106.36 41.4013 110.544 44.5432 108.391 51.702C104.746 50.7231 101.609 47.34 102.172 40.278Z' fill='url(%23paint18_radial_104_1416)'/%3E%3Cpath d='M100.206 48.6489C103.787 51.094 106.697 55.443 102.297 61.4866C99.1811 59.3575 97.3391 55.1272 100.206 48.6489Z' fill='url(%23paint19_radial_104_1416)'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_104_1416' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(21.3973 15.5612) rotate(90) scale(6.15861 2.88994)'%3E%3Cstop stop-color='%23ECECEC'/%3E%3Cstop offset='1' stop-color='%239FB2B2'/%3E%3C/radialGradient%3E%3CradialGradient id='paint1_radial_104_1416' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(13.8919 23.0516) rotate(54.1459) scale(6.15861 2.88994)'%3E%3Cstop stop-color='%23ECECEC'/%3E%3Cstop offset='1' stop-color='%239FB2B2'/%3E%3C/radialGradient%3E%3CradialGradient id='paint2_radial_104_1416' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(11.3828 32.1571) rotate(39.6005) scale(6.15861 3.0378)'%3E%3Cstop stop-color='%23ECECEC'/%3E%3Cstop offset='1' stop-color='%239FB2B2'/%3E%3C/radialGradient%3E%3CradialGradient id='paint3_radial_104_1416' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(12.4478 42.5266) rotate(25.7279) scale(6.15861 3.0378)'%3E%3Cstop stop-color='%23ECECEC'/%3E%3Cstop offset='1' stop-color='%239FB2B2'/%3E%3C/radialGradient%3E%3CradialGradient id='paint4_radial_104_1416' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(14.7299 51.9472) rotate(7.67735) scale(6.15861 3.0378)'%3E%3Cstop stop-color='%23ECECEC'/%3E%3Cstop offset='1' stop-color='%239FB2B2'/%3E%3C/radialGradient%3E%3CradialGradient id='paint5_radial_104_1416' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(20.4487 60.3051) rotate(7.67735) scale(6.15861 3.0378)'%3E%3Cstop stop-color='%23ECECEC'/%3E%3Cstop offset='1' stop-color='%239FB2B2'/%3E%3C/radialGradient%3E%3CradialGradient id='paint6_radial_104_1416' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(22.3391 26.297) rotate(110.975) scale(6.15861 3.03941)'%3E%3Cstop stop-color='%23ECECEC'/%3E%3Cstop offset='1' stop-color='%239FB2B2'/%3E%3C/radialGradient%3E%3CradialGradient id='paint7_radial_104_1416' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(21.3098 37.0337) rotate(102.352) scale(6.15861 3.03941)'%3E%3Cstop stop-color='%23ECECEC'/%3E%3Cstop offset='1' stop-color='%239FB2B2'/%3E%3C/radialGradient%3E%3CradialGradient id='paint8_radial_104_1416' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(24.0412 45.9264) rotate(99.82) scale(6.15861 3.03941)'%3E%3Cstop stop-color='%23ECECEC'/%3E%3Cstop offset='1' stop-color='%239FB2B2'/%3E%3C/radialGradient%3E%3CradialGradient id='paint9_radial_104_1416' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(28.0705 55.1293) rotate(80.5086) scale(6.15861 3.03941)'%3E%3Cstop stop-color='%23ECECEC'/%3E%3Cstop offset='1' stop-color='%239FB2B2'/%3E%3C/radialGradient%3E%3CradialGradient id='paint10_radial_104_1416' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(108.293 15.5612) rotate(90) scale(6.15861 2.88994)'%3E%3Cstop stop-color='%23ECECEC'/%3E%3Cstop offset='1' stop-color='%239FB2B2'/%3E%3C/radialGradient%3E%3CradialGradient id='paint11_radial_104_1416' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(115.798 23.0516) rotate(125.854) scale(6.15861 2.88994)'%3E%3Cstop stop-color='%23ECECEC'/%3E%3Cstop offset='1' stop-color='%239FB2B2'/%3E%3C/radialGradient%3E%3CradialGradient id='paint12_radial_104_1416' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(118.307 32.1571) rotate(140.4) scale(6.15861 3.0378)'%3E%3Cstop stop-color='%23ECECEC'/%3E%3Cstop offset='1' stop-color='%239FB2B2'/%3E%3C/radialGradient%3E%3CradialGradient id='paint13_radial_104_1416' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(117.243 42.5266) rotate(154.272) scale(6.15861 3.0378)'%3E%3Cstop stop-color='%23ECECEC'/%3E%3Cstop offset='1' stop-color='%239FB2B2'/%3E%3C/radialGradient%3E%3CradialGradient id='paint14_radial_104_1416' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(114.96 51.9472) rotate(172.323) scale(6.15861 3.0378)'%3E%3Cstop stop-color='%23ECECEC'/%3E%3Cstop offset='1' stop-color='%239FB2B2'/%3E%3C/radialGradient%3E%3CradialGradient id='paint15_radial_104_1416' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(109.242 60.3051) rotate(172.323) scale(6.15861 3.0378)'%3E%3Cstop stop-color='%23ECECEC'/%3E%3Cstop offset='1' stop-color='%239FB2B2'/%3E%3C/radialGradient%3E%3CradialGradient id='paint16_radial_104_1416' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(107.351 26.297) rotate(69.0253) scale(6.15861 3.03941)'%3E%3Cstop stop-color='%23ECECEC'/%3E%3Cstop offset='1' stop-color='%239FB2B2'/%3E%3C/radialGradient%3E%3CradialGradient id='paint17_radial_104_1416' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(108.381 37.0337) rotate(77.6478) scale(6.15861 3.03941)'%3E%3Cstop stop-color='%23ECECEC'/%3E%3Cstop offset='1' stop-color='%239FB2B2'/%3E%3C/radialGradient%3E%3CradialGradient id='paint18_radial_104_1416' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(105.649 45.9264) rotate(80.18) scale(6.15861 3.03941)'%3E%3Cstop stop-color='%23ECECEC'/%3E%3Cstop offset='1' stop-color='%239FB2B2'/%3E%3C/radialGradient%3E%3CradialGradient id='paint19_radial_104_1416' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(101.619 55.1293) rotate(99.4914) scale(6.15861 3.03941)'%3E%3Cstop stop-color='%23ECECEC'/%3E%3Cstop offset='1' stop-color='%239FB2B2'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A"); */
}

.first-rating__item_border {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #f6f6f6;
    padding: 0px 3px 8px 7px;
    display: flex;
    flex-direction: column;
}

.first-rating__item .stars {
    display: flex;
    background-repeat: no-repeat;
    background-position: center;
    width: 15px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='13' viewBox='0 0 14 13' fill='none'%3e%3cpath d='M6.74743 0L9.24949 3.65081L13.4948 4.90224L10.7958 8.41L10.9175 12.8342L6.74743 11.3514L2.57733 12.8342L2.69901 8.41L6.62804e-05 4.90224L4.24537 3.65081L6.74743 0Z' fill='%23FFDE02'/%3e%3c/svg%3e");
}

.first-rating__item-ttl {
    display: flex;
    align-items: center;
    font: 500 21px / 1 var(--font-medium);
    color: #2d2f33;
    margin: 3px 0 3px;
    display: grid;
    grid-template-columns: 28px auto;
    gap: 4px;
}

.first-rating__item span {
    /* font-size: 9px;
    color: rgba(255, 255, 255, 0.9); */
}

.first-rating__item-ttx {
    font: 500 26px/1 var(--font-medium);
    color: #1faf38;
    margin: 5px 0 3px;
}

.first-rating__item-subttx {
    font-size: 8px;
    text-transform: uppercase;
    line-height: 1;
    color: #1faf38;
    margin: 0;
}

.first-swiper__bottom {
    display: none;
    font-size: 12px;
    line-height: 1.7;
    color: #191919;
}

.first-swiper__btn {
    display: none;
    width: 100%;
    max-width: 100%;
    margin-bottom: 15px;
}

.first-swiper__t {
    display: none;
    margin: 0 0 15px;
    font-family: var(--font-accent-medium);
    font-weight: 500;
    font-size: 17px;
    line-height: 1.2;
    color: #191919;
}

.rating-top {
    display: none;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    margin: 0 0 15px;
}

.rating-top__item {
    display: flex;
    align-items: center;
    gap: 4px;
    border-radius: 50px;
    padding: 2px 7px;
    background: #f5f5f5;
}

.rating-top__item img {
    flex-shrink: 0;
}

.rating-top__item span {
    font-family: var(--font-accent-medium);
    font-weight: 500;
    font-size: 20px;
    color: #333;
}

.rating-top__item .star-green {
    font-family: var(--font-accent-medium);
    font-weight: 500;
    font-size: 20px;
    color: #1faf38;
}

.first-rating__item-top {
    display: flex;
    align-items: center;
    gap: 5px;
    color: rgba(45, 47, 51, 0.6);
    font: 500 14px/1.2 var(--font-medium);
    margin: 0;
}

@media (max-width: 992px) {
    .first-rating__item_border {
        flex-flow: row;
        border: 1px solid transparent;
        gap: 5px;
        padding: 0;
    }

    .first-rating__item-ttl {
        display: flex;
    }

    .first-rating__item-top {
        order: -1;
    }

    .first-rating__item-top span {
        display: none;
    }

    .first-rating {
        margin: 0 0 !important;
    }

    .first-rating__item {
        min-width: auto;
        width: 70px;
        border-radius: 50px;
        background: #f5f5f5;
        display: grid;
        grid-template-columns: 15px auto;
        height: 32px;
        padding: 0 7px;
        gap: 5px;
        margin: 0 !important;
    }

    .first-rating__item .stars {
        display: none;
    }

    .calc-img p {
        margin: 0;
    }

    p.first-rating__item-ttl {
        color: #333;
        font: 500 20px/1.2 var(--font-medium);
    }
}

@media (max-width: 768px) {
    .rating-top {
        display: flex;
    }

    .first-swiper__t,
    .first-swiper__btn,
    .first-swiper__bottom {
        display: block;
    }

    .first-flex {
        flex-direction: column;
    }

    .first-flex__left,
    .first-flex__right {
        width: 100%;
    }

    .first-flex__right {
        display: none;
    }

    .first-flex__left-text {
        display: none;
    }

    .first-subtitle {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .first-rating__item {
        width: 65px;
    }

    .first-rating {
        gap: 8px;
    }
}

/* showroom  */
.showroom-columns {
    display: grid;
    grid-template-columns: 484px auto;
    gap: 60px;
}

.showroom-columns .title {
    font: 600 28px/1.2 var(--font-accent-semibold);
    margin: 0 0 15px 0;
    max-width: 504px;
}

.showroom-columns .column-1 {
    font: 500 17px/1.2 var(--font-medium);

    position: relative;
}

.showroom-columns .column-1 p {
    font-size: 17px;
    line-height: 1.25;
    margin: 0 0 15px 0;
}

.showroom-columns .column-1 p strong {
    font: 600 17px/1.2 var(--font-accent-semibold);
}

.showroom .metro {
    margin-bottom: 9px;
}

.showroom .title-section-wrp {
    margin-bottom: 39px;
}

.videos-column {
    height: 319px;
}

.videos-column-descr {
    position: relative;
    border-radius: 5px;
    background: #f5f5f5;
    border: 1px solid #ebebeb;
    padding: 17px 27px;
    margin: 20px 0 0 0;
    display: flex;
    flex-flow: column;
    gap: 7px;
}

.videos-column-descr:before {
    content: "";
    position: absolute;
    width: 96%;
    height: 85%;
    border-radius: 5px;
    border: 1px solid #ebebeb;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.item-bottom {
    font-size: 14px;
}

.showroom-columns .btn-accent {
    margin: 31px 0 0 0;
    height: 55px;
    max-width: 90%;
}

.icon-metro {
    display: flex;
    align-items: center;
    width: 16px;
    height: 19px;
    background-size: contain;
    background-image: url("/img/metro.webp");
    background-repeat: no-repeat;
    background-position: center;
}

.showroom svg {
    position: absolute;
    right: -51px;
    bottom: 31px;
    width: 90.235px;
    height: 97.178px;
}

.showroom-columns .videos-column {
    height: 278px;
}

@media (max-width: 992px) {
    .showroom .video-item-play {
        height: 395px;
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .videos-column {
        height: 210px;
    }

    .showroom .title-section-wrp {
        margin-bottom: 30px;
    }

    .showroom .h2 {
        margin-bottom: 10px;
    }

    .showroom .title-section-wrp:after {
        bottom: -17px;
    }

    .showroom .video-item-play {
        height: 200px;
    }

    .showroom-columns .title {
        max-width: 100%;
        font-size: 18px;
    }

    .showroom-columns .column-1 p {
        font-size: 15px;
        line-height: 1.2;
        margin: 0 0 5px 0;
    }

    .showroom-columns .column-1 p strong {
        font-size: 15px;
    }

    .showroom svg {
        display: none;
    }

    .videos-column-descr {
        padding: 12px 15px;
        margin: 20px 0 0 0;
        gap: 7px;
    }

    .showroom-columns .btn-accent {
        margin: 20px 0 0 0;
        height: 50px;
        max-width: 100%;
    }
}

/* clc start */
.clc {
    background-image: url("/img/clc/calc-bg.webp");
    padding: 50px 0;
    height: 749px;
    background-size: cover;
    border-radius: 24px;
    overflow: hidden;
    margin: 38px 0 37px;
}

.clc .h2 {
    color: #ffffff;
}

.clc_right {
    border-radius: 0 5px 5px 0;
    background: #f5f5f5;
    padding: 20px;
    height: 100%;
}

.clc_hero {
    display: flex;
    align-items: center;
    gap: 10px;
}

.clc_hero-img {
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.clc_hero-img:before {
    content: "";
    position: absolute;
    display: flex;
    width: 10px;
    height: 10px;
    right: 2px;
    bottom: 4px;
    background: #16c74b;
    border-radius: 50%;
    overflow: hidden;
}

.clc_hero-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.clc_hero-text h5 {
    font: 400 14px/1.2 var(--font-family);
    color: #162136;
    padding: 0;
    margin: 0 0 5px;
}

.clc_hero-text span {
    font: 300 14px/1.2 var(--font-light);
    color: #162136;
}

.clc_text-persona {
    position: relative;
    display: grid;
    grid-template-columns: 15px auto;
    gap: 7px;
    font: 400 14px/1.2 var(--font-accent);
    color: #162136;
    background-color: var(--color-white);
    padding: 10px;
    border-radius: 4px;
    margin: 20px 0 0;
}

.clc-divider {
    margin: auto 0 15px;
    height: 1px;
    width: 100%;
    background-color: rgba(22, 33, 54, 0.08);
}

.clc_subtext {
    font-family: var(--font-family-light);
    font-weight: 300;
    font-size: 10px;
    color: rgba(22, 33, 54, 0.75);
}

.clc-btn {
    position: relative;
    font: 500 14px/1.2 var(--font-medium);
    cursor: pointer;
}

.clc-btns {
    display: flex;
    gap: 39px;
}

.calc_item {
    display: flex;
    /* align-items: center; */
    gap: 20px;
    /* margin: 0 0 20px; */
    padding: 11px 0 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.calc_item:last-child {
    border-bottom: none;
}

.clc-btn.custom-control-label .clc_w_icon {
    display: flex;
    flex-flow: column;
    padding: 0;
    border: none;
    border-radius: 0;
    background: rgb(255, 255, 255);
    width: 100%;
    gap: 5px;
}

.clc-btn.custom-control-label .clc_w_icon span:nth-child(2) {
    font: 300 14px / 1.2 var(--font-light);
}

.calc_wide_type.novostr input#clc_remont6~label {
    display: none;
}

.calc_wide_type.vtor input#clc_remont6~label {
    display: flex;
}

.calc_wide_type.vtor input#clc_remont4~label,
.calc_wide_type.vtor input#clc_remont4~label {
    display: none;
}

.calc_wide_type.novostr input#clc_remont4~label,
.calc_wide_type.novostr input#clc_remont5~label {
    display: flex;
}

@media (max-width: 768px) {
    .calc_item {
        flex-direction: column;
        gap: 5px;
        margin: 0 0 23px;
        align-items: flex-start;
    }
}

.calc_item .header {
    font: 600 16px/1.2 var(--font-accent-semibold);
    color: #2d2f33;
    width: 284px;
    flex-grow: 0;
    flex-shrink: 0;
}

.clc_podskazka {
    font-family: var(--font-family-italic);
    font-style: italic;
    font-weight: 400;
    font-size: 9px;
    color: rgba(22, 33, 54, 0.6);
    background: rgba(34, 51, 129, 0.1);
    padding: 2px 7px;
    border-radius: 100px;
    max-width: max-content;
}

.clc-checkbox input {
    display: none;
}

@media (max-width: 768px) {
    .clc-container h2 {
        margin-bottom: 20px;
    }

    .clc_btns {
        max-width: 100%;
    }

    .clc_btns .btn2 {
        flex-shrink: 1;
        max-width: unset !important;
    }

    .clc_btns .btn2 span {
        padding: 4px 2px;
        min-width: 60px;
    }

    .calc_obj .clc_btns .btn2 span {
        width: 100%;
        max-width: 100%;
    }

    .items-checkbox {
        column-gap: 7px;
        row-gap: 7px;
        justify-content: flex-start;
        width: 100%;
    }
}

/* clc end */
/*calc_wide*/
.calc_wide .row {
    margin-left: 0;
    margin-right: 0;
}

.calc_wide .btn,
.calc_wide .btn3 {
    max-width: 100%;
}

.calc_wide .btn2 {
    margin: 8px 15px 0 0;
    max-width: fit-content;
    padding: 11px 10px 12px;
    white-space: nowrap;
}

.calc_wide .btn2 input {
    display: none;
}

.calc_wide_left-container {
    /* width: 70%; */
    padding: 30px 17px 16px 30px;
    border-radius: 5px 0 0 5px;
    background: #ffffff;
}

.calc_wide_left-container>.ttl {
    font: 700 24px/1.2 var(--font-accent-bold);
    margin: 0 0 16px 0;
}

.calc_wide_left {
    padding: 0 20px 0 0;
}

.calc_wide_left::-webkit-scrollbar {
    border-radius: 5px;
    width: 2px;
    background: rgb(213, 213, 214);
}

.calc_wide_left::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: rgb(51, 51, 51);
}

.calc_wide .btn-accent {
    height: 54px;
}

.calc_obj_flex {
    display: flex;
    align-items: center;
    gap: 4px;
    background: #dbeef2;
    border-radius: 2px;
    padding: 4px;
    height: 40px;
}

.calc_wide .input_range {
    margin: -1px 8px 0;
}

.calc_wide_rem_block {
    width: 214px;
}

.calc_wide_rem_block .calc_wide_rem_item {
    display: none;
}

.calc_wide_rem_block .calc_wide_rem_item.active {
    display: block;
}

.calc_item .__select {
    width: 100%;

    margin: 0;
}

.calc_item .calc_wide_rem_block .__select {
    width: 358px;
}

.calc_item .calc_wide_komn_block .__select,
.calc_item.calc_wide_design .__select {
    width: 214px;
}

.calc_item_area .clc_area__ttl {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 15px;
}

.calc_item_area .clc_area__ttl p {
    font-family: var(--font-family-medium);
    font-weight: 500;
    font-size: 14.5px;
    color: rgba(22, 33, 54, 0.5);
    margin: 0;
}

.clc_area__text {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0;
}

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

.clc .columns-wrp {
    display: grid;
    grid-template-columns: 767px auto;
}

.calc_w_disc {
    margin: 20px 0 0;
}

.calc_w_disc .ttl {
    background: transparent;
    font: 400 14px/1.2 var(--font-accent);
    padding: 0;
    /* margin: 0 0 5px 0; */
}

.calc_w_range {
    position: relative;
    margin: 30px 0 30px;
    background: #f2f2f2;
    border-radius: 6px;
    height: 7px;
    border: 1px solid #e8e8e8;
}

.calc_w_range_c {
    position: absolute;
    height: 5px;
    border-radius: 10px;
    background:
        linear-gradient(270deg,
            rgba(120, 242, 255, 0.2) 0%,
            rgba(14, 108, 118, 0.2) 100%),
        rgb(21, 119, 130);
    top: -1px;
    left: 0;
    width: 30%;
}

.calc_w_count {
    position: absolute;
    font: 300 10px/1.2 var(--font-light);
    top: -15px;
    color: #333333;
}

.calc_w_count_1 {
    left: 0;
}

.calc_w_count_2 {
    right: 0;
}

.clc_hero-text .ttl1 {
    font: 600 18px/1.2 var(--font-accent-semibold);
}

.clc_hero-text .ttl2 {
    font: 400 14px/1.2 var(--font-family);
}

.items-checkbox {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 11px;
    width: 100%;
}

.clc_bottom {
    margin: auto 0 0 0;
}

.note {
    margin: 7px 0 0 0;
    font-size: 10px;
    color: #b0b0b0;
}

.clc_area .btn-group-toggle {
    display: grid;
    width: 100%;
    grid-template-columns: 78px 1fr;
    align-items: center;
    gap: 7px;
}

.clc_area__text {
    color: #898787;
    font-size: 14px;
    margin: 6px 0 0;
}

.clc_area .input_rng_value {
    height: 38px;
    width: 72px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
}

@media (max-width: 992px) {
    .clc .columns-wrp {
        grid-template-columns: 75% auto;
    }

    .clc {
        height: auto;
        border-radius: 16px;
        overflow: hidden;
        background-position: center center;
    }

    .calc_wide_left {
        padding: 0 20px 0 0;
        height: 544px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .calc_wide_left-container {
        padding: 30px 15px 20px 20px;
    }

    .clc_hero-text {
        width: 66%;
    }

    .clc_hero-text .ttl1 {
        font-size: 13px;
    }

    .clc_hero-text .ttl2 {
        font-size: 9px;
    }

    .showroom-columns {
        display: flex;
        flex-flow: column;
        gap: 16px;
    }

    .showroom svg {
        right: 0;
        bottom: 21px;
    }

    .clc_right {
        padding: 20px 10px;
    }

    .clc_text-persona {
        font-size: 12px;
    }

    .clc .columns-wrp {
        display: flex;
        flex-flow: column;
    }

    .clc_hero,
    .clc_text-persona,
    .clc_subtext,
    .clc-divider {
        display: none;
    }

    .clc_btns_wrp a {
        max-width: 100%;
        width: 100%;
        margin: 0;
    }

    .calc_wide_left-container {
        width: 100%;
        padding: 20px 15px 15px 18px;
    }

    .clc_right {
        max-width: 100%;
        width: 100%;
        padding: 20px 15px;
        background: #f3f3f3;
        border-radius: 0 0 10px 10px;
    }

    .calc_wide_left-container {
        border-radius: 10px 10px 0 0;
    }
}

@media (max-width: 768px) {

    .calc_wide_diz_item,
    .calc_wide_rem_block,
    .calc_wide_komn_block {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .calc_wide_left-container {
        padding: 20px 20px 5px 20px;
    }

    .items-checkbox {
        column-gap: 18px;
        row-gap: 10px;
    }

    .__select {
        height: 40px;
    }


    .calc_wide_left {
        height: auto;
    }




    .clc_btns_wrp {
        gap: 10px;
    }

    .calc_item {
        padding: 10px 0;
        margin: 0;
    }

    .calc_item .header {
        width: 100%;
        font-size: 16px;
        margin: 0 0 8px 0;
    }

    .clc-btns {
        display: flex;
        gap: 0;
        flex-wrap: wrap;
        row-gap: 5px;
        column-gap: 44px;
    }

    .clc {
        margin: 30px 0 27px;
        padding: 38px 0;
    }



    .calc_wide_left-container>.ttl {
        font: 700 22px / 1.2 var(--font-accent-bold);
        margin: 0 0 14px 0;
    }

    .calc_w_disc {
        margin: 0;
    }

    .calc_w_range {
        margin: 20px 0 15px;
    }

    .clc-container {
        margin-top: 51px;
    }
}

/*end calc_wide*/
/* otzivi  */
.rev_top {
    display: flex;
    padding: 20px 0 20px;
    justify-content: space-between;
}

.logo_wrp {
    display: grid;
    grid-template-columns: 20px auto;
    gap: 5px;
}

.rev_stars_wrp {
    display: grid;
    grid-template-columns: 31px auto;
    gap: 10px;
}

.logo_wrp_nm {
    font: 700 14px/1.2 var(--font-accent-bold);
}

.rev_stars_wrp .kol {
    font: 500 14px/1.2 var(--font-medium);
}

.logo_wrp_img {
    width: 22px;
    height: 20px;
    background-size: cover;
}

.logo_wrp_img_ynd {
    background-image: url("/img/first/ic1.svg");
}

.logo_wrp_img_yell {
    background-image: url("/img/first/ic3.svg");
}

.logo_wrp_img_houz {
    background-image: url("/img/first/ic2.svg");
}

.rev_descr_text {
    max-height: 88px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    /* сколько строк показываем */
    -webkit-box-orient: vertical;
    overflow: hidden;
    font: 500 15px/1.4 var(--font-medium);
}

.rev_descr_wrp a {
    display: inline-flex;
    width: max-content;
    color: #ff3016;
    font: 600 15px/1.2 var(--font-accent-semibold);
    border-bottom: 1px dashed #ff3016;
    text-decoration: none;
    margin: 8px 0 0 0;

}

.rev_bottom {
    margin: 20px 0 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.rev_bottom .author {
    color: #656565;
    font: 600 14px/1.2 var(--font-accent-semibold);
}

.rev_bottom .date {
    color: #656565;
    font: 400 14px/1.2 var(--font-family);
}

.reviews .js-portfolio-slider {
    margin: 0 -30px;
    height: 240px;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
}

.reviews .tasks__item {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    border-radius: 8px;
    border: 1px solid #ebebeb;
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    height: auto;
    margin: 0;
    padding: 0 30px 30px;
}

@media (max-width: 767px) {
    .reviews .tasks__item {
        padding: 0 20px 25px;
    }

    .reviews .js-portfolio-slider {
        margin: 0 -20px;
    }

    .reviews .swiper-button-next-bg,
    .reviews .swiper-button-prev-bg {
        display: none;
    }
}

/* end otzivi  */

/* gk  */
.section-gk {
    padding: 30px 0 40px;

}

.logos-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(105px, 1fr));
    gap: 16px;
    margin-bottom: 33px;
}

.logos-grid .item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 75px;
    padding: 10px 5px;

    border-radius: 5px;
    border: 1px solid #eaebec;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

/* Примеры координат (замени на реальные по спрайту) */
.logo-sprite {
    background-position: center;

    background-repeat: no-repeat;
    background-size: cover;
    width: 110px;
    height: 72px;
}

.logo-letniy-sad {
    /* width: 93px;
    height: 72px; */
    /* background-position: -10px -10px; */
    background-image: url("/img/gk/gk2.webp");
}

.logo-river-park {
    /* width: 93px;
    height: 72px; */
    background-image: url("/img/gk/gk1.webp");
    /* background-position: -349px -286px; */
}

.logo-life {
    background-image: url("/img/gk/gk3.webp");
    /* width: 93px;
    height: 72px;
    background-position: -236px -286px; */
}

.logo-zilart {
    background-image: url("/img/gk/gk4.webp");
}

.logo-symbol {
    background-image: url("/img/gk/gk5.webp");
}

.logo-skolkovo {
    background-image: url("/img/gk/gk6.webp");
}

.logo-iskra-park {
    background-image: url("/img/gk/gk7.webp");
}

.logo-brusnika {
    background-image: url("/img/gk/gk8.webp");
}

.logo-rg {
    background-image: url("/img/gk/gk17.webp");
}

.logo-regions {
    background-image: url("/img/gk/gk9.webp");
}

.logo-parkside {
    background-image: url("/img/gk/gk10.webp");
}

.logo-gravel {
    background-image: url("/img/gk/gk11.webp");
}

.logo-plus-56 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    color: #747474;
    font: 600 14px/1 var(--font-accent-semibold);
}

.logo-nagatinskiy {
    background-image: url("/img/gk/gk12.webp");
}

.logo-alia {
    background-image: url("/img/gk/gk13.webp");
}

.logo-donstroy {
    background-image: url("/img/gk/gk14.webp");
}

.logo-aist {
    background-image: url("/img/gk/gk15.webp");
}

.logo-sezar {
    background-image: url("/img/gk/gk16.webp");
}

.logo-extra {
    display: none;
}

.logo-extra.visible {
    display: block;
}

.cta-button {
    display: inline-block;
    background-color: #ff3b1f;
    color: white;
    font-size: 16px;
    font-weight: 600;
    padding: 16px 28px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.cta-button:hover {
    background-color: #e62f14;
}

.btn-accent-gk {
    max-width: 362px;
    height: 55px;
}

@media (max-width: 992px) {
    .logos-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }

    .btn-accent-gk {
        max-width: 100%;
    }



    .logo-sprite {
        height: 70px;
    }

}

@media (max-width: 768px) {
    .section-title {
        text-align: center;
        font-size: 20px;
    }

    .cta-button {
        display: block;
        width: 100%;
        text-align: center;
        padding: 14px;
        font-size: 16px;
    }

    .logo-sprite {
        width: 94px;
        height: 51px;
    }
}

@media (max-width: 767px) {
    .logos-grid .item:nth-child(n + 9) {
        display: none;
    }

    .logos-grid .item:last-child {
        display: flex;
    }

    .logos-grid {
        margin-bottom: 17px;
    }

    .section-gk {
        padding: 30px 0 12px;
    }
}

/* end gk  */
.section-qwiz .title-section-wrp:before {
    content: "";
    position: absolute;
    display: block;
    right: 23%;
    top: -7px;
    background-size: cover;
    width: 89.469px;
    height: 119.837px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='124' height='124' viewBox='0 0 124 124' fill='none'%3e%3cpath d='M24.5056 37.1393C25.2652 36.974 26.0325 36.8593 26.8022 36.7958C27.5374 36.7557 28.2615 36.6347 29.0004 36.5433C30.5238 36.3587 32.0452 36.1999 33.5733 36.1084C36.5661 35.9268 39.5555 35.9991 42.5089 36.3246C48.4381 36.9572 54.1687 38.5663 59.4687 41.0866C64.9253 43.6873 69.8149 47.2647 73.9051 51.649C78.1873 56.271 81.5587 61.6622 83.8593 67.5669C86.1754 73.5142 87.4096 79.8712 87.5069 86.3539C87.5155 87.0099 87.515 87.6693 87.4993 88.3293C87.2407 88.0913 86.9757 87.844 86.7043 87.5874C85.8446 86.8042 84.9495 86.054 84.0282 85.3335C83.0593 84.5564 82.047 83.8327 80.9957 83.1654C79.9957 82.5336 78.9796 81.9627 77.9373 81.4214C77.3664 81.1315 76.7401 80.892 76.1472 80.6451C76.0688 80.609 75.9873 80.579 75.9104 80.5473C75.8113 80.502 75.7025 80.479 75.5912 80.4797L75.6186 80.4696L75.5277 80.458L75.4884 80.4474L75.5261 80.4686C75.4562 80.4447 75.3837 80.4278 75.3098 80.4181C75.2811 80.4076 75.2512 80.4001 75.2206 80.3959C75.1646 80.3815 75.1632 80.3771 75.2206 80.3959L75.0891 80.3543C74.9273 80.3138 74.7639 80.2839 74.6021 80.2434C74.432 80.2139 74.2576 80.2074 74.0833 80.224C74.0421 80.2292 74.0024 80.2448 73.968 80.2694C73.9337 80.2939 73.9058 80.3264 73.8871 80.3639C73.8683 80.4014 73.8594 80.4426 73.8612 80.4834C73.863 80.5242 73.8755 80.5633 73.8973 80.597C73.9771 80.7319 74.0771 80.8533 74.1941 80.9575L74.5599 81.2627C74.6692 81.3624 74.7908 81.4526 74.9016 81.5567L74.9794 81.6381C74.9 81.5673 74.9313 81.6008 75.0658 81.7462L75.2192 81.8397L75.1471 81.7912L75.2598 81.8698C75.8371 82.2422 76.3849 82.6654 76.9653 83.0316L76.7668 82.9097C77.5337 83.3973 78.2866 83.905 79.0256 84.4329C79.7675 84.9646 80.5049 85.498 81.2314 86.0453C82.6974 87.1455 84.0957 88.3295 85.4199 89.5919C86.1085 90.2481 86.7765 90.9251 87.424 91.623L87.4443 91.6855C87.5405 91.8339 87.6725 91.9553 87.8292 92.0395C87.986 92.1236 88.1628 92.168 88.3448 92.169C88.5301 92.1784 88.7175 92.1441 88.8915 92.069C89.0656 91.9938 89.2215 91.8798 89.3467 91.7364C89.5117 91.5509 89.6542 91.3588 89.8057 91.1634C89.9322 90.9977 90.0468 90.8238 90.1487 90.6429C90.2095 90.5307 90.2749 90.4168 90.3343 90.3002L91.0332 88.9999C91.5073 88.1267 91.9647 87.2497 92.4132 86.361L93.7386 83.7271C94.1825 82.84 94.6024 81.9418 95.0282 81.0464C95.2661 80.5496 95.4722 80.0495 95.6815 79.5432C95.8907 79.0369 96.1828 78.3604 96.3992 77.7816L96.312 78.0333C96.3981 77.8541 96.4698 77.6692 96.5265 77.4801C96.5546 77.3588 96.5711 77.2357 96.5759 77.1124C96.6026 76.9619 96.5966 76.8091 96.5581 76.6645C96.4979 76.4886 96.3794 76.3406 96.2213 76.2438C96.1012 76.1629 95.9588 76.1183 95.8104 76.1149C95.618 76.1013 95.4234 76.1568 95.2618 76.2714C95.1092 76.3944 94.9638 76.5261 94.8265 76.6658C94.6979 76.8275 94.5823 76.9985 94.4806 77.1773C94.2122 77.5805 93.9633 77.9964 93.7055 78.4007C93.4477 78.8049 93.1561 79.2316 92.9162 79.6592C92.4254 80.5285 91.941 81.3855 91.4532 82.2637C90.5191 83.9749 89.588 85.6949 88.7098 87.4356C89.039 81.1629 88.2089 74.9442 86.2608 69.0876C84.2228 62.8484 81.0321 57.0923 76.8457 52.1028C72.7941 47.2947 67.8496 43.3108 62.2568 40.348C56.9 37.5198 51.059 35.6217 44.9725 34.7312C41.9289 34.2783 38.8397 34.0759 35.736 34.1261C34.2073 34.1528 32.6487 34.2604 31.1029 34.4233C29.5351 34.5479 27.9761 34.8339 26.4511 35.2767C25.7507 35.5337 24.9854 35.6698 24.2585 35.8766C23.5315 36.0835 23.7721 37.2787 24.5056 37.1393Z' fill='%2350A6A3'/%3e%3c/svg%3e");
}

.section-qwiz {
    padding: 78px 0 43px;
}

@media (max-width: 1200px) {
    .section-qwiz .title-section-wrp:before {
        right: 16%;
    }
}

@media (max-width: 992px) {
    .section-qwiz .title-section-wrp:before {
        right: 10px;
        top: -32px;
    }
}

@media (max-width: 767px) {
    .section-qwiz {
        padding: 60px 0 32px;
    }

    .section-qwiz .title-section-wrp p {
        width: 90%;
    }

    .section-qwiz .title-section-wrp:before {
        width: 60.847px;
        height: 57.059px;
        right: 10px;
        top: 82px;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='66' height='69' viewBox='0 0 66 69' fill='none'%3e%3cpath d='M30.326 4.02054C30.7272 4.35591 31.1046 4.71619 31.4558 5.09892C31.7803 5.47292 32.1433 5.80773 32.4966 6.16256C33.223 6.89571 33.935 7.63843 34.6138 8.41251C35.9448 9.92751 37.1395 11.5455 38.1847 13.2487C40.2943 16.6595 41.8032 20.3676 42.6504 24.2228C43.5194 28.1943 43.6357 32.2675 42.9937 36.2488C42.3046 40.4302 40.8311 44.4449 38.6432 48.1027C36.439 51.7862 33.5709 55.0639 30.1671 57.7895C29.8222 58.0647 29.4717 58.3365 29.1146 58.6003C29.1344 58.3648 29.1564 58.122 29.1808 57.8719C29.2422 57.0922 29.2716 56.3073 29.2744 55.5206C29.2875 54.6853 29.2545 53.8491 29.1753 53.0153C29.0985 52.2235 28.9827 51.4482 28.8404 50.6712C28.7588 50.2483 28.6278 49.8168 28.5144 49.4C28.5012 49.3435 28.4836 49.2878 28.4687 49.2338C28.4518 49.1625 28.4192 49.0952 28.3729 49.0364L28.3896 49.0468L28.3583 48.9937L28.3477 48.9685L28.3519 48.9972C28.3358 48.9503 28.3149 48.9048 28.2895 48.8615C28.2833 48.8419 28.2749 48.8229 28.2645 48.805C28.2491 48.7693 28.2509 48.7667 28.2645 48.805L28.2324 48.718C28.1872 48.6153 28.1357 48.5161 28.0905 48.4135C28.036 48.311 27.9675 48.2156 27.8868 48.1299C27.867 48.1102 27.8423 48.0955 27.8151 48.0873C27.7879 48.0792 27.7591 48.0778 27.7315 48.0833C27.7038 48.0889 27.6783 48.1011 27.6574 48.1189C27.6364 48.1367 27.6208 48.1594 27.6119 48.1849C27.5732 48.2829 27.5499 48.3862 27.5428 48.4912L27.5316 48.8115C27.5237 48.9107 27.5259 49.0125 27.5163 49.1143L27.5052 49.1892C27.51 49.1178 27.5052 49.1483 27.4834 49.2797L27.497 49.3998L27.493 49.3415L27.4977 49.4337C27.538 49.894 27.5392 50.3596 27.584 50.819L27.5669 50.6633C27.6241 51.2718 27.665 51.8812 27.6894 52.4915C27.7129 53.105 27.7337 53.7167 27.7426 54.3284C27.7628 55.561 27.7106 56.7923 27.5861 58.0165C27.5216 58.6529 27.4374 59.287 27.3337 59.9189L27.3089 59.9554C27.2698 60.0678 27.2597 60.188 27.2796 60.306C27.2996 60.4239 27.3489 60.5362 27.4235 60.6332C27.4949 60.7356 27.5904 60.821 27.7021 60.8825C27.8139 60.9439 27.9387 60.9798 28.0666 60.987C28.2332 60.9983 28.394 60.9947 28.5603 60.9946C28.7005 60.9934 28.8402 60.9826 28.9783 60.9621C29.063 60.9482 29.1505 60.9359 29.2369 60.9193L30.2159 60.7543C30.8754 60.646 31.53 60.5273 32.1871 60.399L34.133 60.0167C34.7874 59.8866 35.4377 59.7392 36.0891 59.5961C36.4511 59.5175 36.8018 59.4207 37.1571 59.3231C37.5124 59.2254 37.9923 59.1015 38.389 58.9777L38.2193 59.0353C38.35 59.0071 38.4778 58.9689 38.6017 58.921C38.6777 58.8859 38.7499 58.8439 38.8174 58.7956C38.9084 58.7477 38.987 58.6815 39.048 58.6014C39.1166 58.4969 39.1464 58.3729 39.1326 58.2489C39.126 58.1517 39.091 58.0577 39.0315 57.9775C38.9594 57.8696 38.8497 57.7891 38.7221 57.7505C38.5939 57.7202 38.4639 57.6974 38.333 57.682C38.1941 57.6804 38.0556 57.6895 37.9187 57.7092C37.5938 57.7329 37.2701 57.7723 36.949 57.8021C36.6279 57.8318 36.281 57.8529 35.9549 57.9019C35.2906 57.9997 34.6355 58.0958 33.9678 58.1989C32.6735 58.4085 31.3756 58.6234 30.0886 58.8747C33.5568 56.4623 36.5181 53.4563 38.8258 50.0057C41.2998 46.3495 43.0416 42.2802 43.9656 37.9982C44.8486 33.8626 44.9256 29.5926 44.1927 25.3993C43.4857 21.387 42.0848 17.501 40.0474 13.9003C39.0326 12.0965 37.8659 10.3719 36.559 8.74378C35.9143 7.94271 35.2142 7.15906 34.4901 6.40503C33.7773 5.62356 32.9823 4.91331 32.118 4.28576C31.6926 4.01973 31.3046 3.66926 30.8949 3.36842C30.4851 3.06757 29.9494 3.68834 30.326 4.02054Z' fill='%2350A6A3'/%3e%3c/svg%3e");
    }

    .section-qwiz .title-section-wrp {
        margin-bottom: 31px;
    }
}

.footer__bottom-right {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-right: -10px;
}

.footer__simtu-text {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.footer__simtu-text span {
    font-family: var(--font-medium);
    font-weight: 500;
    font-size: 11px;
    line-height: 1;
    vertical-align: middle;
    text-transform: uppercase;
    color: #162136bf;
}

.footer__simtu-text a {
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    color: #2c313699;
    border-bottom: 1px solid #2c313699;
    text-decoration: none;
}

.wrp_type_svyaz {
    margin: 15px 0 10px;
}

.columns_type_svyaz {
    display: flex;
    flex-wrap: wrap;
    row-gap: 0px;
    column-gap: 40px;
    margin: 0 -5px;
}

.type_svyaz_ttl {
    margin: 0;
    color: #808080;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
}

.columns_type_svyaz input {
    display: none;
}

.columns_type_svyaz input~span {
    position: relative;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    padding-left: 22px;
}

.columns_type_svyaz input~span svg,
.columns_type_svyaz input~span.logo_mess {
    margin-left: 4px;
}

.columns_type_svyaz label {
    display: flex;
    cursor: pointer;
    padding: 8px 5px;
    margin: 0;
}

.columns_type_svyaz input~span:before {
    content: "";
    position: absolute;
    left: 0;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    display: flex;
    background: #ebebeb;
}

.columns_type_svyaz input:checked~span:before {
    content: "";
    position: absolute;
    left: 0;
    width: 18px;
    height: 18px;
    display: flex;
    box-shadow: 0 0 4px rgba(173, 31, 13, 0.35);
    border: 3px solid #ffc1ba;
    background-color: #ff3016;
    border-radius: 50%;
    /* filter: drop-shadow(0 0 10px rgba(173, 31, 13, 0.35)); */
}

.logo_mess {
    width: 14px;
    height: 14px;
    display: block;
    background-size: cover;
    margin-left: 4px;
}

.logo_mess1 {
    background: url("../img/logo-msg.svg");
}