.logo {
    width: 11.875vw;
    height: auto;
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
    background-color: rgba(0, 0, 0, 0);
    justify-content: flex-start;
    align-items: center;
    padding: .0625vw;
    display: flex;
}

.navbar-mob {
    font-size: 14px;
    display: none;
}

.snackbar-error {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    bottom: 30px;
    font-size: 17px;
}

.snackbar {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    bottom: 30px;
    font-size: 17px;
}

.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }
    to {
        bottom: 30px;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }
    to {
        bottom: 30px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }
    to {
        bottom: 0;
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }
    to {
        bottom: 0;
        opacity: 0;
    }
}

.nav-mob {
    width: 100%;
    max-width: 1440px;
    justify-content: space-between;
    align-items: center;
    padding-right: 0;
    display: flex;
}

.nav {
    width: 100%;
    max-width: 1440px;
    justify-content: space-between;
    align-items: center;
    padding-right: 0;
    display: none;
}

.div-fill {
    width: auto;
    grid-column-gap: 1.875vw;
    grid-row-gap: 1.875vw;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.nav-link {
    width: auto;
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    color: #5f6289;
    text-align: left;
    object-fit: fill;
    flex-flow: row;
    flex: 0 auto;
    order: 0;
    justify-content: space-between;
    align-self: auto;
    align-items: center;
    font-size: 1vw;
    font-weight: 400;
    text-decoration: none;
    display: flex;
    overflow: visible;
}

.nav-link:hover {
    text-decoration: underline;
}

.btn-phone-7 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-radius: 8px;
    justify-content: flex-end;
    align-items: center;
    text-decoration: none;
    display: flex;
}

.phone-7 {
    grid-column-gap: .25vw;
    grid-row-gap: .25vw;
    background-color: #fff;
    border-radius: 20px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: .25vw 1.25vw;
    display: flex;
}

.phone-7:hover {
    background-color: #d5b185;
}

.p-18-11 {
    color: #5f6289;
    letter-spacing: -.01em;
    font-size: 1.125vw;
    font-weight: 300;
    line-height: 145%;
}

.body {
    grid-column-gap: 8.75vw;
    grid-row-gap: 8.75vw;
    background-color: #efeff3;
    flex-direction: column;
    align-items: center;
    padding: 1.875vw 2.5vw;
    font-family: Inter, sans-serif;
    font-size: 16px;
    display: flex;
}

.body.secondary-pages {
    background-color: #fff;
}

.h2 {
    font-size: 1vw;
}

.address {
    display: flex;
    background-color: #DFE0E7;
    padding: 10px 20px;
    border-radius: 10px;
    gap: 10px;
    text-decoration: none;
}

.address img {
    width: 30px;
}

.address span {
    color: #5F6289
}

.frame-67 {
    height: 100%;
    max-width: none;
    grid-column-gap: .25vw;
    grid-row-gap: .25vw;
    border-radius: 24px;
    justify-content: space-between;
    align-items: flex-end;
    display: flex;
    flex-direction: column;
}

.col-5-wrap {
    width: 100%;
    grid-column-gap: .5vw;
    grid-row-gap: .5vw;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.col-5-wrap:hover {
    width: 100%;
}

.h2-0 {
    color: #5F6289;
    letter-spacing: undefinedundefined;
    font-family: Inter, sans-serif;
    font-size: .875rem;
    font-weight: 300;
}

.text {
    color: #5f6289;
    flex: none;
    font-family: Inter, sans-serif;
    font-size: 1vw;
    font-weight: 400;
}

.div-heder {
    height: 300px;
    width: 100%;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
    flex-direction: row-reverse;
}

.img-color {
    width: 100%;
    height: 37.5vw;
    max-width: none;
    object-fit: cover;
    border-radius: 12px;
    margin: auto;
    display: none;
    position: relative;
    overflow: hidden;
    transform: none;
}

.div-img-filter-2 {
    width: 100%;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.div-img-filter {
    width: 100%;
    height: auto;
    grid-column-gap: .5vw;
    grid-row-gap: .5vw;
    justify-content: flex-start;
    align-items: flex-start;
    display: none;
    overflow: hidden;
}

.frame-68 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    perspective-origin: 50%;
    transform-origin: 50%;
    background-color: #fff;
    border-radius: 12px;
    justify-content: flex-start;
    align-items: center;
    padding-top: .625vw;
    padding-bottom: .625vw;
    padding-left: .75vw;
    display: flex;
    position: relative;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%;
}

.col-5 {
    width: 100%;
    grid-column-gap: .5vw;
    grid-row-gap: .5vw;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.col-5:hover {
    width: 100%;
}

.section-2 {
    width: 100%;
    max-width: 1440px;
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.img-cover {
    width: 100%;
    height: 37.5vw;
    max-width: none;
    object-fit: cover;
    border-radius: 12px;
    margin: auto;
    position: relative;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden;
}

.h1 {
    color: #ca9e67;
    font-family: Inter, sans-serif;
    font-size: 3.75vw;
    font-weight: 700;
    line-height: 110%;
}

.h2-1 {
    width: auto;
    color: #5F6289;
    letter-spacing: undefinedundefined;
    font-family: Inter, sans-serif;
    font-size: 1.75vw;
    line-height: 110%;
    display: flex;
    font-weight: 500;
}

.frame-57 {
    grid-column-gap: .5vw;
    grid-row-gap: .5vw;
    flex-direction: row;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-5 {
    width: 40%;
    height: 490px;
    max-width: 31vw;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-58 {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.p-16 {
    width: auto;
    color: #a27e52;
    text-align: left;
    object-fit: fill;
    flex-wrap: nowrap;
    flex: 0 auto;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: center;
    font-family: Inter, sans-serif;
    font-size: 1vw;
    font-weight: 300;
    line-height: 145%;
    display: flex;
    overflow: visible;
}

.p-16.intable {
    color: #5f6289;
}

.section {
    width: 100%;
    max-width: 1440px;
    grid-column-gap: .5vw;
    grid-row-gap: .5vw;
    flex-direction: row;
    justify-content: flex-start;
    align-self: auto;
    align-items: stretch;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
}

.ellipse-13 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.p-44 {
    color: #5f6289;
    letter-spacing: -.04em;
    text-transform: uppercase;
    flex: none;
    font-family: Inter, sans-serif;
    font-size: 4.75vw;
    font-weight: 500;
    line-height: 100%;
}

.p-44-2 {
    color: #5f6289;
    letter-spacing: -.04em;
    text-transform: uppercase;
    flex: none;
    font-family: Inter, sans-serif;
    font-size: 4.75vw;
    font-weight: 300;
    line-height: 100%;
}

.empty-div {
    width: 100%;
    height: 80px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-7 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.p-18-bold {
    color: #5f6289;
    letter-spacing: -.01em;
    font-family: Inter, sans-serif;
    font-size: 1.125vw;
    font-weight: 500;
    line-height: 120%;
}

.vectors-wrapper {
    width: .5vw;
    height: 7.5vw;
    max-width: none;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.p-44-3 {
    color: #5f6289;
    letter-spacing: -.02em;
    text-transform: uppercase;
    font-family: Inter, sans-serif;
    font-size: 2.75vw;
    font-weight: 300;
    line-height: 120%;
}

.ellipse-12 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-6 {
    width: 100%;
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.test {
    width: 100%;
    height: 100%;
    grid-column-gap: 3.75vw;
    grid-row-gap: 3.75vw;
    justify-content: space-between;
    display: flex;
}

.frame-64 {
    width: 100%;
    height: auto;
    max-width: 39.5vw;
    grid-column-gap: 1.375vw;
    grid-row-gap: 1.375vw;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 3.75vw;
    display: flex;
}

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

.submit_block {
    height: 50px;
    margin-top: 40px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.submit_btn {
    cursor: pointer;
    visibility: hidden;
    margin: 10px auto;
    width: 100%;
    border-radius: 16px;
    height: 47px;
    border: none;

    background-color: #CA9E67;
}

.submit_btn:active {
    background-color: #c09662;
    box-shadow: 0 0 20px #8a6945;
}

.show-btn {
    visibility: visible;
}

.button_send:disabled {
    background-color: #5d6c7b;
}

.button_fetching {
    background-color: #5d6c7b !important;
}

.frame-60 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.m-img {
    width: 32vw;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.slide-nav-5 {
    justify-content: center;
    align-items: flex-end;
    font-size: 4px;
    display: flex;
}

.arrow {
    float: left;
    display: block;
}

.line-5 {
    width: 100%;
    height: 1px;
    background-color: #9fa1b8;
    padding-right: 0;
}

.frame-56 {
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.right-arrow-4 {
    flex-direction: row;
    align-items: flex-end;
    display: flex;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
}

.frame-61 {
    width: 100%;
    max-width: none;
    grid-column-gap: .75vw;
    grid-row-gap: .75vw;
    flex-direction: column;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 0;
    display: flex;
    position: relative;
}

.left-arrow-5 {
    justify-content: flex-end;
    align-items: flex-end;
    display: flex;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: auto;
}

.p-28 {
    max-width: 54.625vw;
    color: #5f6289;
    flex: none;
    font-family: Inter, sans-serif;
    font-size: 1.5vw;
    font-weight: 300;
    line-height: 130%;
}

.p-28.bold {
    font-size: 1.5vw;
}

.p-28.strech {
    width: 100%;
    max-width: none;
}

.line-vert {
    width: 1px;
    background-color: #9fa1b8;
    display: none;
}

.line-vert.left {
    display: block;
}

.modularhouse {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    align-self: auto;
}

.m-house-img {
    width: 100%;
    object-fit: fill;
}

.p-44-4 {
    color: #5f6289;
    flex: 0 auto;
    align-self: center;
    font-family: Inter, sans-serif;
    font-size: 1.25vw;
    font-weight: 300;
    line-height: 190%;
}

.p-14 {
    width: auto;
    color: #5f6289;
    text-align: center;
    letter-spacing: -.008em;
    flex: 0 auto;
    font-family: Inter, sans-serif;
    font-size: .875vw;
    font-weight: 300;
    text-decoration: none;
    display: block;
}

.vectors-wrapper-4 {
    width: .5vw;
    height: 5vw;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.line-body-2 {
    width: 100%;
    height: 1px;
    max-width: none;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #cfd0db;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.p-18-6 {
    color: #5f6289;
    letter-spacing: -.01em;
    font-family: Inter, sans-serif;
    font-size: 1.125vw;
    font-weight: 300;
    line-height: 145%;
    display: none;
}

.p-16-2 {
    color: #5f6289;
    font-family: Inter, sans-serif;
    font-size: 1vw;
    font-weight: 300;
    line-height: 145%;
}

.frame-76 {
    width: 100%;
    height: auto;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.p-18-bold-2 {
    color: #5f6289;
    letter-spacing: -.01em;
    font-family: Inter, sans-serif;
    font-size: 1.125vw;
    font-weight: 500;
    line-height: 120%;
}

.frame-72 {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.frame-74 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.line-body-mob {
    width: 100%;
    height: 1px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #bfc0d0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: none;
}

.frame-70 {
    width: 50%;
    height: auto;
    max-width: 31vw;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-75 {
    width: 100%;
    height: 100%;
    grid-column-gap: 1.25vw;
    grid-row-gap: 1.25vw;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    justify-content: flex-start;
    align-items: flex-start;
    padding: 1.3125vw 1.25vw;
    display: flex;
}

.div-ellipse-mob {
    width: 1.5vw;
    height: 2.375vw;
    grid-column-gap: .25vw;
    grid-row-gap: 4px;
    justify-content: center;
    align-items: center;
    padding: .25vw;
    display: none;
}

.p-44-5 {
    max-width: 45.375vw;
    color: #5f6289;
    letter-spacing: -.02em;
    text-transform: uppercase;
    font-size: 2.5vw;
    font-weight: 300;
    line-height: 130%;
}

.elipse {
    width: 1vw;
    height: 1vw;
    background-color: #5f6289;
    border-radius: .5vw;
}

.frame-71 {
    width: 100%;
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.ellipse-14 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.p-28-2 {
    color: #a27e52;
    font-size: 1.75vw;
    font-weight: 300;
    line-height: 130%;
}

.frame-77 {
    width: 100%;
    height: auto;
    grid-column-gap: .75vw;
    grid-row-gap: .75vw;
    justify-content: center;
    align-items: center;
    display: flex;
}

.section-3 {
    width: 100%;
    max-width: 1440px;
    grid-column-gap: .5vw;
    grid-row-gap: .5vw;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.line-body {
    width: 100%;
    height: 1px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #bfc0d0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-73 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.div-ellipse {
    width: 1.5vw;
    height: 2.375vw;
    grid-column-gap: .25vw;
    grid-row-gap: 4px;
    justify-content: center;
    align-items: center;
    padding: .25vw;
    display: flex;
}

.carousel {
    width: 1440px;
    max-width: 1440px;
    grid-column-gap: .25vw;
    grid-row-gap: .25vw;
    object-fit: cover;
    flex-flow: row;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    overflow: visible;
}

.carousel.mob {
    display: none;
}

.frame-86 {
    width: 100%;
    max-width: 1440px;
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    overflow: hidden;
}

.img-carousel {
    width: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.frame-33 {
    grid-column-gap: 1.25vw;
    grid-row-gap: 1.25vw;
    flex: none;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
    overflow: visible;
}

.frame-32 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    display: flex;
}

.div-ellipse-2 {
    width: auto;
    grid-column-gap: .25vw;
    grid-row-gap: .25vw;
    flex: 0 auto;
    justify-content: space-between;
    align-items: flex-start;
    padding: .25vw;
    display: flex;
}

.p-18-7 {
    width: 100%;
    color: #5f6289;
    letter-spacing: -.01em;
    font-family: Inter, sans-serif;
    font-size: 1.125vw;
    font-weight: 300;
    line-height: 145%;
    display: none;
}

.line-body-3 {
    width: 100%;
    height: 1px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #9fa1b8;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.h3-44 {
    width: 70%;
    max-width: none;
    color: #ca9e67;
    letter-spacing: -.02em;
    align-items: flex-start;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Inter, sans-serif;
    font-size: 2.75vw;
    font-weight: 700;
    line-height: 110%;
    display: flex;
}

.h3-44.footer {
    color: #795f3e;
    padding: 0;
}

.p-24 {
    width: auto;
    color: #5f6289;
    letter-spacing: -.03em;
    flex: 0 auto;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: flex-start;
    padding-top: 3px;
    font-family: Inter, sans-serif;
    font-size: 1.25vw;
    font-weight: 300;
    line-height: 130%;
    display: flex;
}

.div-hed {
    width: 100%;
    height: 48px;
    max-width: 500px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-90 {
    width: 100%;
    height: auto;
    grid-column-gap: 1vw;
    grid-row-gap: 5vw;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-87 {
    width: 100%;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border-radius: 12px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.stages-work {
    width: 100%;
    grid-column-gap: 1vw;
    grid-row-gap: 2.5vw;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 1.5vw 1.25vw;
    display: flex;
    overflow: hidden;
}

.stages-work.external {
    flex-direction: column;
    padding: 0;
}

.section-4 {
    width: 100%;
    max-width: 1440px;
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.p-18-7-mob {
    width: 100%;
    color: #5f6289;
    letter-spacing: -.01em;
    padding: 1.5vw 1.25vw;
    font-family: Inter, sans-serif;
    font-size: 1.125vw;
    font-weight: 300;
    line-height: 145%;
    display: none;
}

.p-24-110 {
    width: 40%;
    color: #5f6289;
    letter-spacing: -.03em;
    flex: none;
    justify-content: space-between;
    font-family: Inter, sans-serif;
    font-size: 1.5vw;
    font-weight: 300;
    line-height: 130%;
    display: block;
}

.p-24-110.mob {
    display: none;
}

.p-24-110.hide {
    width: auto;
    align-self: flex-start;
}

.frame-89 {
    width: 100%;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.frame-88 {
    width: 100%;
    height: auto;
    grid-column-gap: 1vw;
    grid-row-gap: 5vw;
    flex-direction: row;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: flex-start;
    display: flex;
}

.p-16-3 {
    color: #5f6289;
    text-align: right;
    font-family: Inter, sans-serif;
    font-size: 1vw;
    font-weight: 300;
    line-height: 145%;
}

.section1 {
    width: 100%;
    height: auto;
    max-width: 1440px;
    grid-column-gap: .5vw;
    grid-row-gap: .5vw;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-91 {
    width: 100%;
    height: auto;
    max-width: 31vw;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.p-28-bold {
    color: #5f6289;
    letter-spacing: -.02em;
    margin-bottom: 0;
    font-family: Inter, sans-serif;
    font-size: 1.75vw;
    font-weight: 700;
    line-height: 120%;
}

.p-28-bold.footer-text {
    color: #795f3e;
}

.p-28-3 {
    max-width: 54.625vw;
    color: #5f6289;
    flex: none;
    font-family: Inter, sans-serif;
    font-size: 1.5vw;
    font-weight: 300;
    line-height: 130%;
}

.p-28-3.strech {
    width: 100%;
    max-width: none;
}

.t-table {
    width: auto;
    color: #5f6289;
    flex: none;
    justify-content: flex-end;
    font-family: Inter, sans-serif;
    font-size: .875vw;
    font-weight: 700;
    line-height: 140%;
    display: flex;
}

.t-table.num {
    width: 2.5vw;
    font-size: .875vw;
}

.rows-table {
    width: 100%;
    grid-column-gap: 1.25vw;
    grid-row-gap: 1.25vw;
    border-radius: 12px;
    justify-content: flex-start;
    align-items: center;
    padding-top: 2vw;
    padding-bottom: 1.5vw;
    display: flex;
}

.t-table-6 {
    width: 100%;
    height: 3.625vw;
    grid-column-gap: 1.25vw;
    grid-row-gap: 1.25vw;
    background-color: #efeff3;
    border-radius: 8px;
    justify-content: flex-start;
    align-items: center;
    padding-top: 1.25vw;
    padding-bottom: 1.25vw;
    display: flex;
}

.t-table-14-3 {
    color: #7f81a1;
    letter-spacing: -.02em;
    font-family: Inter, sans-serif;
    font-size: .875vw;
    font-weight: 400;
}

.section-5 {
    width: 100%;
    max-width: 1440px;
    grid-column-gap: 2.5vw;
    grid-row-gap: 2.5vw;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: none;
}

.section-5.home {
    display: flex;
}

.vectors-wrapper-7 {
    width: .309524vw;
    height: .309524vw;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.t-table-4 {
    color: #393b52;
    letter-spacing: -.02em;
    font-family: Inter, sans-serif;
    font-size: .875vw;
    font-weight: 400;
}

.frame-97 {
    width: 100%;
    max-width: 497px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 20px;
    display: flex;
}

.t-table-1 {
    color: #393b52;
    letter-spacing: -.02em;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
}

.div-table {
    width: 100%;
    grid-column-gap: .25vw;
    grid-row-gap: .25vw;
    background-color: #fff;
    border-radius: 32px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 1.75vw;
    padding-right: 1.75vw;
    display: flex;
}

.t-table-5 {
    color: #393b52;
    letter-spacing: -.02em;
    text-transform: undefined;
    font-size: 14px;
    font-weight: 400;
}

.div-empty {
    width: 10px;
    height: 25.5833px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-8 {
    width: .619048vw;
    height: 1.16071vw;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.table-character {
    display: none;
}

.section-5-wraper {
    width: 100%;
    display: flex;
}

.rows-table-2 {
    width: 100%;
    height: 3.625vw;
    grid-column-gap: 1.25vw;
    grid-row-gap: 1.25vw;
    background-color: #dfe0e7;
    border-radius: 8px;
    justify-content: flex-start;
    align-items: center;
    padding-top: 1.25vw;
    padding-bottom: 1.25vw;
    display: flex;
}

.gginfinity {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 8px 1px;
    display: flex;
}

.t-table-14 {
    width: auto;
    max-width: 25.25vw;
    color: #393b52;
    letter-spacing: -.02em;
    flex: none;
    font-family: Inter, sans-serif;
    font-size: .875vw;
}

.t-table-14.num {
    width: 2.5vw;
    justify-content: flex-end;
    font-size: .875vw;
    display: flex;
}

.vectors-wrapper-9 {
    width: 1.65024vw;
    height: .77381vw;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-93 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.ic-man {
    grid-column-gap: 1px;
    grid-row-gap: 1px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 2px 7px;
    display: flex;
}

.t-table-3 {
    color: #393b52;
    text-align: center;
    letter-spacing: -.02em;
    font-size: 14px;
    font-weight: 400;
}

.t-table-14-2 {
    color: #393b52;
    text-align: center;
    letter-spacing: -.02em;
    font-family: Inter, sans-serif;
    font-size: .875vw;
    font-weight: 400;
}

.num-tabl {
    width: 40px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-end;
    align-items: center;
    display: flex;
}

.rows-table-3 {
    width: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    border-radius: 12px;
    justify-content: flex-start;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 16px;
    display: flex;
}

.frame-95 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-95.fill {
    width: 200%;
    justify-content: flex-start;
}

.frame-46 {
    width: 6.875vw;
    height: 6.875vw;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: rgba(0, 0, 0, 0);
    justify-content: flex-start;
    align-items: flex-end;
    display: flex;
}

.frame-103 {
    width: 100%;
    height: auto;
    grid-column-gap: .5vw;
    grid-row-gap: .5vw;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    display: flex;
}

.p-18-bold-3 {
    color: #fff;
    letter-spacing: -.01em;
    font-family: Inter, sans-serif;
    font-size: 1.125vw;
    font-weight: 500;
    line-height: 120%;
}

.section-6 {
    width: 100%;
    height: auto;
    max-width: 1440px;
    grid-column-gap: .5vw;
    grid-row-gap: .5vw;
    background-color: #d5b185;
    border-radius: 32px;
    justify-content: flex-start;
    align-items: stretch;
    padding: 1.5vw;
    display: flex;
    position: relative;
}

.frame-98 {
    width: 100%;
    height: auto;
    max-width: 30vw;
    grid-row-gap: 0vw;
    object-fit: contain;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
    position: relative;
}

.p-16-4 {
    color: #795f3e;
    font-family: Inter, sans-serif;
    font-size: 1vw;
    font-weight: 300;
    line-height: 145%;
}

.p-28-bold-3 {
    color: #ca9e67;
    letter-spacing: -.02em;
    font-family: Inter, sans-serif;
    font-size: 1.75vw;
    font-weight: 700;
    line-height: 120%;
}

.frame-102 {
    width: 100%;
    height: 100%;
    grid-column-gap: 1.25vw;
    grid-row-gap: 1.25vw;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.div-wrap {
    display: none;
}

.frame-101 {
    width: 100%;
    height: 100%;
    max-height: 100%;
    max-width: 30vw;
    min-height: auto;
    grid-column-gap: 1.25vw;
    grid-row-gap: 1.25vw;
    background-color: #fff;
    border-radius: 24px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 1.75vw;
    display: flex;
}

.btn_coll {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color: #282015;
    background-color: #dfc5a4;
    border-radius: 16px;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    padding: .75vw 3.25vw;
    font-family: Inter, sans-serif;
    display: flex;
}

.btn_coll:hover {
    background-color: #ca9e67;
}

.btn_coll.footer-btn {
    background-color: #795f3e;
    margin-top: 3.75vw;
    font-size: 1.1vw;
}

.btn_coll.footer-btn:hover {
    background-color: #7a613c;
}

.btn_coll.footer-btn-copy {
    background-color: #795f3e;
    margin-top: 3.75vw;
    font-size: 1.1vw;
}

.btn_coll.footer-btn-copy:hover {
    background-color: #7a613c;
}

.p-28-bold-2 {
    width: 90%;
    height: 100%;
    max-width: none;
    color: #fff;
    letter-spacing: -.02em;
    font-family: Inter, sans-serif;
    font-size: 1.75vw;
    font-weight: 700;
    line-height: 120%;
}

.frame-105 {
    width: 100%;
    height: 59px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    display: flex;
}

.section-7 {
    width: 100%;
    max-width: 1440px;
    grid-column-gap: .5vw;
    grid-row-gap: .5vw;
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
}

.div-hed-2 {
    width: 100%;
    height: 100%;
    max-width: 31vw;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.smart-house {
    width: 100%;
    height: auto;
    grid-column-gap: 2.5vw;
    grid-row-gap: 2.5vw;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 1.5vw 1.25vw;
    display: flex;
}

.p-div {
    width: 100%;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.line-body-4 {
    width: 100%;
    height: 1px;
    max-width: 1440px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #9fa1b8;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.p-24-70 {
    width: 100%;
    color: #5f6289;
    letter-spacing: -.03em;
    flex: none;
    justify-content: space-between;
    padding-top: 3px;
    font-family: Inter, sans-serif;
    font-size: 1.25vw;
    font-weight: 300;
    line-height: 130%;
    display: block;
}

.p-24-70.desk {
    width: 100%;
}

.p-24-70.mob {
    display: none;
}

.div-ellipse-3 {
    grid-column-gap: .25vw;
    grid-row-gap: .25vw;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    padding: .25vw;
    display: flex;
}

.frame-108 {
    width: 100%;
    height: auto;
    grid-column-gap: 1.25vw;
    grid-row-gap: 1.25vw;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-109 {
    width: 100%;
    height: auto;
    grid-column-gap: 2.5vw;
    grid-row-gap: 2.5vw;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.frame-109.mob {
    display: none;
}

.p-div-2 {
    width: 100%;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border-radius: 12px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.p-28-4 {
    max-width: 54.625vw;
    color: #5f6289;
    flex: none;
    font-family: Inter, sans-serif;
    font-size: 1.5vw;
    font-weight: 300;
    line-height: 130%;
}

.p-28-4.strech {
    width: 100%;
    max-width: none;
}

.wrapper {
    width: 100%;
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
    flex: 0 auto;
    align-items: flex-start;
    display: flex;
}

.p-16-5 {
    color: #5f6289;
    font-family: Inter, sans-serif;
    font-size: .875vw;
    font-weight: 300;
    line-height: 145%;
}

.infinity {
    font-size: 26px;
}

.frame-107 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-106 {
    width: 100%;
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.p-18-8 {
    width: auto;
    height: auto;
    color: #5f6289;
    letter-spacing: -.01em;
    font-family: Inter, sans-serif;
    font-size: 1vw;
    font-weight: 300;
    line-height: 145%;
    display: none;
}

.line-body-5 {
    width: 100%;
    height: 1px;
    max-width: 1440px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #cfd0db;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.div-ellipse-4 {
    grid-column-gap: .25vw;
    grid-row-gap: .25vw;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    padding: .25vw;
    display: flex;
}

.frame-42 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 4px;
    display: flex;
}

.p-14-l {
    text-decoration: none;
    width: auto;
    color: #5f6289;
    text-align: center;
    letter-spacing: -.008em;
    flex: none;
    justify-content: center;
    font-family: Inter, sans-serif;
    font-size: .875vw;
    font-weight: 300;
    display: none;
}

.vector {
    object-fit: cover;
    display: none;
}

.vector-2 {
    width: 14vw;
    height: auto;
    object-fit: cover;
    display: none;
}

.frame-113 {
    width: 100%;
    height: auto;
    grid-column-gap: .5vw;
    grid-row-gap: .5vw;
    justify-content: flex-start;
    align-items: stretch;
    margin-top: 0;
    display: flex;
}

.frame-121 {
    width: 100%;
    grid-column-gap: .625vw;
    grid-row-gap: .625vw;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.line-body-6 {
    width: 100%;
    height: 1px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #9fa1b8;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-15-mobile {
    display: none;
}

.frame-120 {
    width: 60%;
    height: auto;
    grid-column-gap: .625vw;
    grid-row-gap: .625vw;
    background-color: #dfe0e7;
    border-radius: 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 1.75vw;
    display: flex;
}

.p-16-6 {
    color: #5f6289;
    flex: 0 auto;
    font-family: Inter, sans-serif;
    font-size: 1vw;
    font-weight: 300;
    line-height: 145%;
}

.p-16-6.strech {
    flex: none;
    font-size: 1vw;
}

.www-dmistral-kz {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
}

.p-28-5 {
    max-width: 54.625vw;
    color: #5f6289;
    flex: none;
    font-family: Inter, sans-serif;
    font-size: 1.5vw;
    font-weight: 300;
    line-height: 130%;
}

.p-28-5.strech {
    width: 100%;
    max-width: none;
}

.frame-122 {
    width: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vector-4 {
    width: 14vw;
    height: auto;
    object-fit: cover;
    display: none;
}

.frame-44 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.p-18 {
    height: auto;
    color: #5f6289;
    font-size: 1.125vw;
    font-weight: 300;
    line-height: 145%;
}

.frame-124 {
    width: 100%;
    grid-column-gap: 1vw;
    grid-row-gap: 1.25vw;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 1.75vw 1.25vw;
    display: flex;
}

.frame-118 {
    width: 100%;
    max-width: 63.25vw;
    grid-column-gap: .5vw;
    grid-row-gap: .5vw;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
}

.p-44-6 {
    color: #5f6289;
    letter-spacing: -.04em;
    text-transform: uppercase;
    font-family: Inter, sans-serif;
    font-size: 2.75vw;
    font-weight: 300;
    line-height: 130%;
}

.frame-115 {
    width: 100%;
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.line-body-7 {
    width: 100%;
    height: 1px;
    max-width: 1440px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #cfd0db;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    display: block;
}

.line-body-7.desktop-hide {
    display: none;
}

.vector-1 {
    width: 14vw;
    height: auto;
    object-fit: cover;
    display: none;
}

.frame-15 {
    width: 100%;
    height: auto;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 20px;
    display: flex;
}

.frame-119 {
    width: 50%;
    height: auto;
    max-width: none;
    grid-column-gap: .625vw;
    grid-row-gap: .625vw;
    background-color: #cfd0db;
    border-radius: 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 1.75vw;
    display: flex;
}

.frame-116 {
    width: 100%;
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.p-28-bold-4 {
    height: auto;
    color: #5f6289;
    letter-spacing: -.02em;
    font-family: Inter, sans-serif;
    font-size: 1.5vw;
    font-weight: 700;
    line-height: 120%;
}

.p-28-bold-4.text-haight {
    height: auto;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: -3vw;
    display: flex;
}

.p-28-bold-4.text-haight.mob {
    display: none;
}

.frame-117 {
    grid-column-gap: .5vw;
    grid-row-gap: .5vw;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-123 {
    width: 50%;
    height: auto;
    max-width: 31vw;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
}

.frame-114 {
    width: 100%;
    height: auto;
    max-width: 31vw;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.frame-126 {
    width: 100%;
    grid-column-gap: .25vw;
    grid-row-gap: .25vw;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.frame-126.fill-text {
    width: 280%;
    height: auto;
    grid-column-gap: .25vw;
    grid-row-gap: .25vw;
    flex: 0 auto;
    justify-content: flex-start;
    font-family: Inter, sans-serif;
    font-size: .875vw;
}

.line-body-8 {
    width: 100%;
    height: 1px;
    max-width: 1440px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #cfd0db;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    display: block;
}

.frame-128 {
    width: 100%;
    height: 31vw;
    max-height: 31vw;
    max-width: 1440px;
    grid-column-gap: 2.5vw;
    grid-row-gap: 2.5vw;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.col-5-2 {
    width: 100%;
    height: auto;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
    overflow: hidden;
}

.frame-129 {
    z-index: 2;
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #fff;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    justify-content: flex-start;
    align-items: center;
    padding-top: 1.25vw;
    padding-bottom: 1.25vw;
    padding-left: 1.25vw;
    display: flex;
    position: relative;
}

.text-2 {
    color: #4c4e6e;
    flex: none;
    font-family: Inter, sans-serif;
    font-size: 1vw;
    font-weight: 400;
}

.img-responsive {
    width: 100%;
    height: 26vw;
    object-fit: cover;
    background-color: #bfc0d0;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    display: block;
}

.img-responsive-2 {
    width: 100%;
    height: 26vw;
    object-fit: cover;
    background-color: #bfc0d0;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    display: none;
}

.arrow-top {
    width: 1.5vw;
    height: auto;
    max-width: none;
    background-color: #CA9E67;
}

.p-28-bold-5 {
    color: #5f6289;
    letter-spacing: -.02em;
    margin-bottom: 0;
    font-family: Inter, sans-serif;
    font-size: 1.75vw;
    font-weight: 700;
    line-height: 120%;
}

.p-28-bold-5.footer-text {
    color: #795f3e;
}

.top-footer {
    width: 100%;
    height: 100%;
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.mid-footer {
    margin-top: 40px;
    width: 100%;
    grid-column-gap: 3.75vw;
    grid-row-gap: 3.75vw;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    display: flex;
}

.bot-footer {
    margin-top: 60px;
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    align-items: stretch;
    display: flex;
}

.visible-btn {
    margin-top: 0 !important;
}

.frame-16 {
    width: 100%;
    height: 5vw;
    grid-column-gap: 2.5vw;
    grid-row-gap: 2.5vw;
    color: #795f3e;
    -webkit-text-stroke-color: #795f3e;
    background-color: rgba(0, 0, 0, 0);
    border: 1px #000;
    border-bottom: 1px solid #795f3e;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    padding: 2vw 0 1.5vw;
    font-family: Inter, sans-serif;
    font-size: 1vw;
    display: flex;
}

.footer-link {
    color: #a27e52;
    letter-spacing: normal;
    font-family: Inter, sans-serif;
    font-size: .875vw;
    font-weight: 400;
    text-decoration: none;
}

.footer-link:hover {
    text-decoration: underline;
}

.btn-top {
    width: 4vw;
    height: 4vw;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #CA9E67;
    border-radius: 12px;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex;
}

.btn-top:hover {
    border-radius: 50%;
}

.btn-top.hotels, .btn-top.tent, .btn-top.igloo {
    display: none;
}

.btn-top.bungalow {
    display: flex;
}

.btn-top.barnhouse {
    display: none;
}

.p-12 {
    color: #513F29;
    font-size: .75vw;
    font-weight: 400;
}

.frame-19 {
    width: 100%;
    max-width: 50.25vw;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    display: flex;
}

.frame-1 {
    grid-column-gap: .5vw;
    grid-row-gap: .5vw;
    flex-direction: column;
    flex: 0 auto;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.frame-1 a {
    color: #513F29
}

.frame-1.contacts {
    width: 100%;
    max-width: 50.25vw;
    grid-column-gap: .5vw;
    grid-row-gap: .5vw;
    flex-direction: row;
    justify-content: space-between;
}

.frame-1.width100 {
    width: 100%;
}

.image-2 {
    width: 28vw;
    position: absolute;
    top: auto;
    bottom: auto;
    left: 10vw;
    right: auto;
}

.form {
    width: 100%;
}

.logo-dmistral-footer {
    width: 190px;
    height: 60px;
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0);
    justify-content: flex-start;
    align-items: center;
    padding: 0;
    display: flex;
}

.footer {
    width: 100%;
    max-width: 1440px;
    grid-column-gap: 6.25vw;
    grid-row-gap: 6.25vw;
    background-color: #D5B185;
    border-radius: 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 2.5vw;
    display: flex;
}

.nav-link-2 {
    width: auto;
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    color: #5f6289;
    text-align: left;
    object-fit: fill;
    flex-flow: row;
    flex: 0 auto;
    order: 0;
    justify-content: space-between;
    align-self: auto;
    align-items: center;
    font-family: Inter, sans-serif;
    font-size: 1vw;
    font-weight: 400;
    text-decoration: none;
    display: flex;
    overflow: visible;
}

.nav-link-2:hover {
    text-decoration: underline;
}

.p-18-12 {
    color: #5f6289;
    letter-spacing: -.01em;
    font-family: Inter, sans-serif;
    font-size: 1.125vw;
    font-weight: 300;
    line-height: 145%;
}

.div-heder-2 {
    width: 100%;
    max-width: 1440px;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.h3-44-4 {
    color: #5f6289;
    letter-spacing: -.02em;
    font-family: Inter, sans-serif;
    font-size: 2.75vw;
    font-weight: 700;
    line-height: 110%;
}

.frame-144 {
    height: 3vw;
    grid-column-gap: .625vw;
    grid-row-gap: .625vw;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.btn-hauses {
    grid-column-gap: .25vw;
    grid-row-gap: .25vw;
    background-color: #fff;
    border: 1px solid #cfd0db;
    border-radius: 24px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    padding: .75vw .9375vw;
    font-size: .875vw;
    text-decoration: none;
    display: flex;
}

.btn-hauses:hover {
    background-color: #efebeb;
}

.btn-hauses.w--current {
    display: none;
}

.p-16-10 {
    color: #7f81a1;
    font-family: Inter, sans-serif;
    font-size: .875vw;
    font-weight: 300;
    text-decoration: none;
}

.rows-table-4 {
    width: 100%;
    grid-column-gap: 1.25vw;
    grid-row-gap: 1.25vw;
    border-radius: 12px;
    justify-content: flex-start;
    align-items: center;
    padding-top: 2vw;
    padding-bottom: 1.5vw;
    display: flex;
}

.t-table-7 {
    width: 100%;
    height: 3.625vw;
    grid-column-gap: 1.25vw;
    grid-row-gap: 1.25vw;
    background-color: #efeff3;
    border-radius: 8px;
    justify-content: flex-start;
    align-items: center;
    padding-top: 1.25vw;
    padding-bottom: 1.25vw;
    display: flex;
}

.t-table-14-4 {
    color: #393b52;
    letter-spacing: -.02em;
    flex: none;
    font-family: Inter, sans-serif;
    font-size: .875vw;
    font-weight: 400;
}

.rows-table-5 {
    width: 100%;
    grid-column-gap: 1.25vw;
    grid-row-gap: 1.25vw;
    background-color: #efeff3;
    border-radius: 8px;
    justify-content: space-between;
    align-items: center;
    padding: 1vw;
    display: flex;
}

.section-8 {
    width: 100%;
    max-width: 1440px;
    grid-column-gap: 2.5vw;
    grid-row-gap: 2.5vw;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: none;
}

.vectors-wrapper-10 {
    width: 4.33333px;
    height: 4.33333px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.div-empty-2 {
    width: .625vw;
    height: 1.25vw;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.t-table-8 {
    color: #393b52;
    letter-spacing: -.02em;
    font-family: Inter, sans-serif;
    font-size: .875vw;
    font-weight: 400;
}

.frame-145 {
    width: 100%;
    max-width: 497px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 20px;
    display: flex;
}

.t-table-9 {
    color: #393b52;
    letter-spacing: -.02em;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
}

.p-28-bold-6 {
    color: #5f6289;
    letter-spacing: -.02em;
    margin-bottom: 0;
    font-family: Inter, sans-serif;
    font-size: 1.75vw;
    font-weight: 700;
    line-height: 120%;
}

.t-table-10 {
    color: #393b52;
    letter-spacing: -.02em;
    text-transform: undefined;
    font-size: 14px;
    font-weight: 400;
}

.p-18-13 {
    color: #5f6289;
    letter-spacing: -.01em;
    font-family: Inter, sans-serif;
    font-size: 1.125vw;
    font-weight: 300;
    line-height: 145%;
}

.div-empty-3 {
    width: 10px;
    height: 25.5833px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-11 {
    width: 8.66667px;
    height: 16.25px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.p-16-11 {
    height: auto;
    color: #5f6289;
    font-family: Inter, sans-serif;
    font-size: 1vw;
    font-weight: 300;
    line-height: 145%;
}

.rows-table-6 {
    width: 100%;
    height: 3.625vw;
    grid-column-gap: 1.25vw;
    grid-row-gap: 1.25vw;
    background-color: #dfe0e7;
    border-radius: 8px;
    justify-content: flex-start;
    align-items: center;
    padding-top: 1.25vw;
    padding-bottom: 1.25vw;
    display: flex;
}

.t-table-14-5 {
    width: auto;
    max-width: 25.25rem;
    color: #393b52;
    letter-spacing: -.02em;
    flex: none;
    font-family: Inter, sans-serif;
    font-size: .875vw;
    font-weight: 400;
}

.t-table-14-5.num {
    width: 2.5vw;
    justify-content: flex-end;
    font-size: .875vw;
    display: flex;
}

.div-table-2 {
    width: 37.5vw;
    height: auto;
    grid-column-gap: .25vw;
    grid-row-gap: .25vw;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.num-tabl-2 {
    width: 1.25vw;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.rows-table-7 {
    width: 100%;
    grid-column-gap: 1.25vw;
    grid-row-gap: 1.25vw;
    background-color: #f7f7f9;
    border-radius: 8px;
    justify-content: flex-start;
    align-items: center;
    padding: 1vw;
    display: flex;
}

.vectors-wrapper-14 {
    width: 61.5625vw;
    height: auto;
    max-width: none;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    border-radius: 8px;
    flex: 0 auto;
    justify-content: center;
    align-items: stretch;
    display: flex;
}

.frame-148 {
    width: 11.3438vw;
    height: 1.0625vw;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-15 {
    width: 23.1033px;
    height: 10.8333px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-146 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-149 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.frame-150 {
    width: 100%;
    height: 100%;
    max-width: 1440px;
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    justify-content: center;
    align-items: stretch;
    display: flex;
}

.t-table-11 {
    color: #393b52;
    text-align: center;
    letter-spacing: -.02em;
    font-size: 14px;
    font-weight: 400;
}

.t-table-14-6 {
    color: #393b52;
    text-align: center;
    letter-spacing: -.02em;
    font-family: Inter, sans-serif;
    font-size: .875vw;
    font-weight: 400;
}

.num-tabl-3 {
    width: 40px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-end;
    align-items: center;
    display: flex;
}

.rows-table-8 {
    width: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    border-radius: 12px;
    justify-content: flex-start;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 16px;
    display: flex;
}

.frame-147 {
    width: 100%;
    grid-column-gap: .25vw;
    grid-row-gap: .25vw;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-16 {
    width: 1.125vw;
    height: 1.25vw;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-151 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-151.fill {
    width: 200%;
    justify-content: flex-start;
}

.container {
    width: 100%;
    height: auto;
    max-width: 1440px;
    grid-column-gap: 1.25vw;
    grid-row-gap: 1.25vw;
    flex-wrap: wrap;
    flex: 0 auto;
    order: 0;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-content: stretch;
    justify-content: space-between;
    align-self: auto;
    align-items: flex-start;
    margin-left: 0;
    margin-right: 0;
    text-decoration: none;
    display: flex;
}

.img-text-block {
    width: 23%;
    grid-column-gap: .2vw;
    grid-row-gap: .2vw;
    flex-direction: column;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.cont-img {
    height: 17.5vw;
    max-height: none;
    clear: none;
    object-fit: cover;
    border-radius: 8px;
    text-decoration: none;
    display: block;
    position: static;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
}

.p-28-bold-7 {
    color: #5f6289;
    letter-spacing: -.02em;
    margin-bottom: 0;
    font-family: Inter, sans-serif;
    font-size: 1.75vw;
    font-weight: 700;
    line-height: 120%;
}

.p-28-bold-7.footer-text {
    color: #795f3e;
}

.h3-44-5 {
    width: 70%;
    max-width: none;
    color: #ca9e67;
    letter-spacing: -.02em;
    align-items: flex-start;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Inter, sans-serif;
    font-size: 2.75vw;
    font-weight: 700;
    line-height: 110%;
    display: flex;
}

.frame-152 {
    width: 100%;
    height: 5vw;
    grid-column-gap: 2.5vw;
    grid-row-gap: 2.5vw;
    color: #795f3e;
    -webkit-text-stroke-color: #795f3e;
    background-color: rgba(0, 0, 0, 0);
    border: 1px #000;
    border-bottom: 1px solid #795f3e;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    padding: 2vw 0 1.5vw;
    font-family: Inter, sans-serif;
    font-size: 1vw;
    display: flex;
}

.frame-153 {
    width: 100%;
    max-width: 50.25vw;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    display: flex;
}

.frame-154 {
    grid-column-gap: .5vw;
    grid-row-gap: .5vw;
    flex-direction: column;
    flex: 0 auto;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.frame-154.contacts {
    width: 100%;
    max-width: 50.25vw;
    grid-column-gap: .5vw;
    grid-row-gap: .5vw;
    flex-direction: row;
    justify-content: space-between;
}

.frame-154.width100 {
    width: 100%;
}

.nav-link-3 {
    width: auto;
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    color: #5f6289;
    text-align: left;
    object-fit: fill;
    flex-flow: row;
    flex: 0 auto;
    order: 0;
    justify-content: space-between;
    align-self: auto;
    align-items: center;
    font-family: Inter, sans-serif;
    font-size: 1vw;
    font-weight: 400;
    text-decoration: none;
    display: flex;
    overflow: visible;
}

.nav-link-3:hover {
    text-decoration: underline;
}

.p-18-14 {
    color: #5f6289;
    letter-spacing: -.01em;
    font-family: Inter, sans-serif;
    font-size: 1.125vw;
    font-weight: 300;
    line-height: 145%;
}

.div-heder-3 {
    width: 100%;
    max-width: 1440px;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.frame-155 {
    height: 3vw;
    grid-column-gap: .625vw;
    grid-row-gap: .625vw;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.p-16-12 {
    color: #7f81a1;
    font-family: Inter, sans-serif;
    font-size: .875vw;
    font-weight: 300;
    text-decoration: none;
}

.rows-table-9 {
    width: 100%;
    grid-column-gap: 1.25vw;
    grid-row-gap: 1.25vw;
    border-radius: 12px;
    justify-content: flex-start;
    align-items: center;
    padding-top: 2vw;
    padding-bottom: 1.5vw;
    display: flex;
}

.t-table-12 {
    width: 100%;
    height: 3.625vw;
    grid-column-gap: 1.25vw;
    grid-row-gap: 1.25vw;
    background-color: #efeff3;
    border-radius: 8px;
    justify-content: flex-start;
    align-items: center;
    padding-top: 1.25vw;
    padding-bottom: 1.25vw;
    display: flex;
}

.t-table-14-7 {
    color: #393b52;
    letter-spacing: -.02em;
    flex: none;
    font-family: Inter, sans-serif;
    font-size: .875vw;
    font-weight: 400;
}

.rows-table-10 {
    width: 100%;
    grid-column-gap: 1.25vw;
    grid-row-gap: 1.25vw;
    background-color: #efeff3;
    border-radius: 8px;
    justify-content: space-between;
    align-items: center;
    padding: 1vw;
    display: flex;
}

.frame-156 {
    width: 100%;
    height: 100%;
    max-width: 1440px;
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.t-table-14-8 {
    color: #7f81a1;
    letter-spacing: -.02em;
    font-family: Inter, sans-serif;
    font-size: .875vw;
    font-weight: 400;
}

.vectors-wrapper-17 {
    width: 4.33333px;
    height: 4.33333px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.div-empty-4 {
    width: .625vw;
    height: 1.25vw;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.t-table-13 {
    color: #393b52;
    letter-spacing: -.02em;
    font-family: Inter, sans-serif;
    font-size: .875vw;
    font-weight: 400;
}

.frame-157 {
    width: 100%;
    max-width: 497px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 20px;
    display: flex;
}

.t-table-14 {
    color: #393b52;
    letter-spacing: -.02em;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
}

.p-28-bold-8 {
    color: #5f6289;
    letter-spacing: -.02em;
    margin-bottom: 0;
    font-family: Inter, sans-serif;
    font-size: 1.75vw;
    font-weight: 700;
    line-height: 120%;
}

.div-table-3 {
    width: 100%;
    grid-column-gap: .25vw;
    grid-row-gap: .25vw;
    background-color: #fff;
    border-radius: 32px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 1.75vw;
    padding-right: 1.75vw;
    display: flex;
}

.t-table-15 {
    color: #393b52;
    letter-spacing: -.02em;
    text-transform: undefined;
    font-size: 14px;
    font-weight: 400;
}

.p-18-15 {
    color: #5f6289;
    letter-spacing: -.01em;
    font-family: Inter, sans-serif;
    font-size: 1.125vw;
    font-weight: 300;
    line-height: 145%;
}

.div-table-4 {
    width: 37.5vw;
    height: auto;
    grid-column-gap: .25vw;
    grid-row-gap: .25vw;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.rows-table-11 {
    width: 100%;
    grid-column-gap: 1.25vw;
    grid-row-gap: 1.25vw;
    background-color: #f7f7f9;
    border-radius: 8px;
    justify-content: flex-start;
    align-items: center;
    padding: 1vw;
    display: flex;
}

.vectors-wrapper-18 {
    width: 61.5625vw;
    height: auto;
    max-width: none;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    border-radius: 8px;
    flex: 0 auto;
    justify-content: center;
    align-items: stretch;
    display: flex;
}

.frame-158 {
    width: 11.3438vw;
    height: 1.0625vw;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-19 {
    width: 23.1033px;
    height: 10.8333px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-159 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-160 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.section-9 {
    width: 100%;
    max-width: 1440px;
    grid-column-gap: 2.5vw;
    grid-row-gap: 2.5vw;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: none;
}

.t-table-16 {
    color: #393b52;
    text-align: center;
    letter-spacing: -.02em;
    font-size: 14px;
    font-weight: 400;
}

.t-table-14-9 {
    color: #393b52;
    text-align: center;
    letter-spacing: -.02em;
    font-family: Inter, sans-serif;
    font-size: .875vw;
    font-weight: 400;
}

.num-tabl-4 {
    width: 40px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-end;
    align-items: center;
    display: flex;
}

.rows-table-12 {
    width: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    border-radius: 12px;
    justify-content: flex-start;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 16px;
    display: flex;
}

.frame-161 {
    width: 100%;
    grid-column-gap: .25vw;
    grid-row-gap: .25vw;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-20 {
    width: 1.125vw;
    height: 1.25vw;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-162 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-162.fill {
    width: 200%;
    justify-content: flex-start;
}

.t-table-17 {
    width: auto;
    color: #5f6289;
    flex: none;
    justify-content: flex-end;
    font-family: Inter, sans-serif;
    font-size: .875vw;
    font-weight: 700;
    line-height: 140%;
    display: flex;
}

.t-table-17.num {
    width: 2.5vw;
    font-size: .875vw;
}

.rows-table-13 {
    width: 100%;
    grid-column-gap: 1.25vw;
    grid-row-gap: 1.25vw;
    border-radius: 12px;
    justify-content: flex-start;
    align-items: center;
    padding-top: 2vw;
    padding-bottom: 1.5vw;
    display: flex;
}

.t-table-18 {
    width: 100%;
    height: 3.625vw;
    grid-column-gap: 1.25vw;
    grid-row-gap: 1.25vw;
    background-color: #efeff3;
    border-radius: 8px;
    justify-content: flex-start;
    align-items: center;
    padding-top: 1.25vw;
    padding-bottom: 1.25vw;
    display: flex;
}

.t-table-14-10 {
    color: #393b52;
    letter-spacing: -.02em;
    flex: none;
    font-family: Inter, sans-serif;
    font-size: .875vw;
    font-weight: 400;
}

.rows-table-14 {
    width: 100%;
    grid-column-gap: 1.25vw;
    grid-row-gap: 1.25vw;
    background-color: #efeff3;
    border-radius: 8px;
    justify-content: space-between;
    align-items: center;
    padding: 1vw;
    display: flex;
}

.frame-163 {
    width: 100%;
    height: 100%;
    max-width: 1440px;
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.t-table-14-11 {
    color: #7f81a1;
    letter-spacing: -.02em;
    font-family: Inter, sans-serif;
    font-size: .875vw;
    font-weight: 400;
}

.vectors-wrapper-21 {
    width: 4.33333px;
    height: 4.33333px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.div-empty-5 {
    width: .625vw;
    height: 1.25vw;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.t-table-19 {
    color: #393b52;
    letter-spacing: -.02em;
    font-family: Inter, sans-serif;
    font-size: .875vw;
    font-weight: 400;
}

.frame-164 {
    width: 100%;
    max-width: 497px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 20px;
    display: flex;
}

.t-table-20 {
    color: #393b52;
    letter-spacing: -.02em;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
}

.p-28-bold-9 {
    color: #5f6289;
    letter-spacing: -.02em;
    margin-bottom: 0;
    font-family: Inter, sans-serif;
    font-size: 1.75vw;
    font-weight: 700;
    line-height: 120%;
}

.div-table-5 {
    width: 37.5vw;
    height: auto;
    grid-column-gap: .25vw;
    grid-row-gap: .25vw;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.rows-table-15 {
    width: 100%;
    grid-column-gap: 1.25vw;
    grid-row-gap: 1.25vw;
    background-color: #f7f7f9;
    border-radius: 8px;
    justify-content: flex-start;
    align-items: center;
    padding: 1vw;
    display: flex;
}

.vectors-wrapper-22 {
    width: 61.5625vw;
    height: auto;
    max-width: none;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    border-radius: 8px;
    flex: 0 auto;
    justify-content: center;
    align-items: stretch;
    display: flex;
}

.frame-165 {
    width: 11.3438vw;
    height: 1.0625vw;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-23 {
    width: 23.1033px;
    height: 10.8333px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-166 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-167 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.section-10 {
    width: 100%;
    max-width: 1440px;
    grid-column-gap: 2.5vw;
    grid-row-gap: 2.5vw;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: none;
}

.t-table-21 {
    color: #393b52;
    text-align: center;
    letter-spacing: -.02em;
    font-size: 14px;
    font-weight: 400;
}

.t-table-14-12 {
    color: #393b52;
    text-align: center;
    letter-spacing: -.02em;
    font-family: Inter, sans-serif;
    font-size: .875vw;
    font-weight: 400;
}

.num-tabl-5 {
    width: 40px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-end;
    align-items: center;
    display: flex;
}

.rows-table-16 {
    width: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    border-radius: 12px;
    justify-content: flex-start;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 16px;
    display: flex;
}

.frame-168 {
    width: 100%;
    grid-column-gap: .25vw;
    grid-row-gap: .25vw;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-24 {
    width: 1.125vw;
    height: 1.25vw;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-169 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-169.fill {
    width: 200%;
    justify-content: flex-start;
}

.t-table-22 {
    width: auto;
    color: #5f6289;
    flex: none;
    justify-content: flex-end;
    font-family: Inter, sans-serif;
    font-size: .875vw;
    font-weight: 700;
    line-height: 140%;
    display: flex;
}

.t-table-22.num {
    width: 2.5vw;
    font-size: .875vw;
}

.rows-table-17 {
    width: 100%;
    grid-column-gap: 1.25vw;
    grid-row-gap: 1.25vw;
    border-radius: 12px;
    justify-content: flex-start;
    align-items: center;
    padding-top: 2vw;
    padding-bottom: 1.5vw;
    display: flex;
}

.t-table-23 {
    width: 100%;
    height: 3.625vw;
    grid-column-gap: 1.25vw;
    grid-row-gap: 1.25vw;
    background-color: #efeff3;
    border-radius: 8px;
    justify-content: flex-start;
    align-items: center;
    padding-top: 1.25vw;
    padding-bottom: 1.25vw;
    display: flex;
}

.t-table-14-13 {
    color: #393b52;
    letter-spacing: -.02em;
    flex: none;
    font-family: Inter, sans-serif;
    font-size: .875vw;
    font-weight: 400;
}

.rows-table-18 {
    width: 100%;
    grid-column-gap: 1.25vw;
    grid-row-gap: 1.25vw;
    background-color: #efeff3;
    border-radius: 8px;
    justify-content: space-between;
    align-items: center;
    padding: 1vw;
    display: flex;
}

.frame-170 {
    width: 100%;
    height: 100%;
    max-width: 1440px;
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.t-table-14-14 {
    color: #7f81a1;
    letter-spacing: -.02em;
    font-family: Inter, sans-serif;
    font-size: .875vw;
    font-weight: 400;
}

.vectors-wrapper-25 {
    width: 4.33333px;
    height: 4.33333px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.div-empty-6 {
    width: .625vw;
    height: 1.25vw;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.t-table-24 {
    color: #393b52;
    letter-spacing: -.02em;
    font-family: Inter, sans-serif;
    font-size: .875vw;
    font-weight: 400;
}

.frame-171 {
    width: 100%;
    max-width: 497px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 20px;
    display: flex;
}

.t-table-25 {
    color: #393b52;
    letter-spacing: -.02em;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
}

.p-28-bold-10 {
    color: #5f6289;
    letter-spacing: -.02em;
    margin-bottom: 0;
    font-family: Inter, sans-serif;
    font-size: 1.75vw;
    font-weight: 700;
    line-height: 120%;
}

.div-table-6 {
    width: 37.5vw;
    height: auto;
    grid-column-gap: .25vw;
    grid-row-gap: .25vw;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.rows-table-19 {
    width: 100%;
    grid-column-gap: 1.25vw;
    grid-row-gap: 1.25vw;
    background-color: #f7f7f9;
    border-radius: 8px;
    justify-content: flex-start;
    align-items: center;
    padding: 1vw;
    display: flex;
}

.vectors-wrapper-26 {
    width: 61.5625vw;
    height: auto;
    max-width: none;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    border-radius: 8px;
    flex: 0 auto;
    justify-content: center;
    align-items: stretch;
    display: flex;
}

.frame-172 {
    width: 11.3438vw;
    height: 1.0625vw;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-27 {
    width: 23.1033px;
    height: 10.8333px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-173 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-174 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.section-11 {
    width: 100%;
    max-width: 1440px;
    grid-column-gap: 2.5vw;
    grid-row-gap: 2.5vw;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: none;
}

.t-table-26 {
    color: #393b52;
    text-align: center;
    letter-spacing: -.02em;
    font-size: 14px;
    font-weight: 400;
}

.t-table-14-15 {
    color: #393b52;
    text-align: center;
    letter-spacing: -.02em;
    font-family: Inter, sans-serif;
    font-size: .875vw;
    font-weight: 400;
}

.num-tabl-6 {
    width: 40px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-end;
    align-items: center;
    display: flex;
}

.rows-table-20 {
    width: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    border-radius: 12px;
    justify-content: flex-start;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 16px;
    display: flex;
}

.frame-175 {
    width: 100%;
    grid-column-gap: .25vw;
    grid-row-gap: .25vw;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-28 {
    width: 1.125vw;
    height: 1.25vw;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-176 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-176.fill {
    width: 200%;
    justify-content: flex-start;
}

.t-table-27 {
    width: auto;
    color: #5f6289;
    flex: none;
    justify-content: flex-end;
    font-family: Inter, sans-serif;
    font-size: .875vw;
    font-weight: 700;
    line-height: 140%;
    display: flex;
}

.t-table-27.num {
    width: 2.5vw;
    font-size: .875vw;
}

.rows-table-21 {
    width: 100%;
    grid-column-gap: 1.25vw;
    grid-row-gap: 1.25vw;
    border-radius: 12px;
    justify-content: flex-start;
    align-items: center;
    padding-top: 2vw;
    padding-bottom: 1.5vw;
    display: flex;
}

.t-table-28 {
    width: 100%;
    height: 3.625vw;
    grid-column-gap: 1.25vw;
    grid-row-gap: 1.25vw;
    background-color: #efeff3;
    border-radius: 8px;
    justify-content: flex-start;
    align-items: center;
    padding-top: 1.25vw;
    padding-bottom: 1.25vw;
    display: flex;
}

.t-table-14-16 {
    color: #393b52;
    letter-spacing: -.02em;
    flex: none;
    font-family: Inter, sans-serif;
    font-size: .875vw;
    font-weight: 400;
}

.rows-table-22 {
    width: 100%;
    grid-column-gap: 1.25vw;
    grid-row-gap: 1.25vw;
    background-color: #efeff3;
    border-radius: 8px;
    justify-content: space-between;
    align-items: center;
    padding: 1vw;
    display: flex;
}

.frame-177 {
    width: 100%;
    height: 100%;
    max-width: 1440px;
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.t-table-14-17 {
    color: #7f81a1;
    letter-spacing: -.02em;
    font-family: Inter, sans-serif;
    font-size: .875vw;
    font-weight: 400;
}

.vectors-wrapper-29 {
    width: 4.33333px;
    height: 4.33333px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.div-empty-7 {
    width: .625vw;
    height: 1.25vw;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.t-table-29 {
    color: #393b52;
    letter-spacing: -.02em;
    font-family: Inter, sans-serif;
    font-size: .875vw;
    font-weight: 400;
}

.frame-178 {
    width: 100%;
    max-width: 497px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 20px;
    display: flex;
}

.t-table-30 {
    color: #393b52;
    letter-spacing: -.02em;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
}

.p-28-bold-11 {
    color: #5f6289;
    letter-spacing: -.02em;
    margin-bottom: 0;
    font-family: Inter, sans-serif;
    font-size: 1.75vw;
    font-weight: 700;
    line-height: 120%;
}

.div-table-7 {
    width: 37.5vw;
    height: auto;
    grid-column-gap: .25vw;
    grid-row-gap: .25vw;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.rows-table-23 {
    width: 100%;
    grid-column-gap: 1.25vw;
    grid-row-gap: 1.25vw;
    background-color: #f7f7f9;
    border-radius: 8px;
    justify-content: flex-start;
    align-items: center;
    padding: 1vw;
    display: flex;
}

.vectors-wrapper-30 {
    width: 61.5625vw;
    height: auto;
    max-width: none;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    border-radius: 8px;
    flex: 0 auto;
    justify-content: center;
    align-items: stretch;
    display: flex;
}

.frame-179 {
    width: 11.3438vw;
    height: 1.0625vw;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    display: flex;
}

.vectors-wrapper-31 {
    width: 23.1033px;
    height: 10.8333px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-180 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.frame-181 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.section-12 {
    width: 100%;
    max-width: 1440px;
    grid-column-gap: 2.5vw;
    grid-row-gap: 2.5vw;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: none;
}

.t-table-31 {
    color: #393b52;
    text-align: center;
    letter-spacing: -.02em;
    font-size: 14px;
    font-weight: 400;
}

.t-table-14-18 {
    color: #393b52;
    text-align: center;
    letter-spacing: -.02em;
    font-family: Inter, sans-serif;
    font-size: .875vw;
    font-weight: 400;
}

.num-tabl-7 {
    width: 40px;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-end;
    align-items: center;
    display: flex;
}

.rows-table-24 {
    width: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    border-radius: 12px;
    justify-content: flex-start;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 16px;
    display: flex;
}

.frame-182 {
    width: 100%;
    grid-column-gap: .25vw;
    grid-row-gap: .25vw;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.vectors-wrapper-32 {
    width: 1.125vw;
    height: 1.25vw;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-183 {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.frame-183.fill {
    width: 200%;
    justify-content: flex-start;
}

.vector-3 {
    width: 14vw;
    height: auto;
    display: none;
}

.frme-101-wrapper {
    grid-column-gap: .6vw;
    grid-row-gap: .6vw;
    display: flex;
}

.p-24-8 {
    width: auto;
    color: #5f6289;
    letter-spacing: -.03em;
    flex: none;
    justify-content: space-between;
    padding-top: 3px;
    font-family: Inter, sans-serif;
    font-size: 1.25vw;
    font-weight: 300;
    line-height: 130%;
    display: block;
}

.p-24-8.desk {
    width: 100%;
}

.p-24-8.mob, .menu-btn {
    display: none;
}

.p-18-16 {
    color: #5f6289;
    letter-spacing: -.01em;
    font-family: Inter, sans-serif;
    font-size: 1.125vw;
    font-weight: 300;
    line-height: 145%;
}

.logo-2 {
    width: 11.875vw;
    height: auto;
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
    background-color: rgba(0, 0, 0, 0);
    justify-content: flex-start;
    align-items: center;
    padding: .0625vw;
    display: flex;
}

.nav-2 {
    width: 100%;
    max-width: 1440px;
    justify-content: space-between;
    align-items: center;
    padding-right: 0;
    display: flex;
}

.nav-link-4 {
    width: auto;
    grid-column-gap: 0vw;
    grid-row-gap: 0vw;
    color: #5f6289;
    text-align: left;
    object-fit: fill;
    flex-flow: row;
    flex: 0 auto;
    order: 0;
    justify-content: space-between;
    align-self: auto;
    align-items: center;
    font-family: Inter, sans-serif;
    font-size: 1vw;
    font-weight: 400;
    text-decoration: none;
    display: flex;
    overflow: visible;
}

.nav-link-4:hover {
    text-decoration: underline;
}

.div-fill-2 {
    width: auto;
    grid-column-gap: 1.875vw;
    grid-row-gap: 1.875vw;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.open-menu-2 {
    display: none;
}

.flex-horiz {
    width: 100%;
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.text-24 {
    color: #7f81a1;
    font-size: 24px;
    line-height: 32px;
}

.align-center {
    grid-row-gap: 12px;
    flex-direction: column;
    align-items: center;
    display: flex;
}

.align-center.grey-bg {
    background-color: #efeff3;
    border-radius: 16px;
    padding: 20px 77px;
}

.align-center.grey-bg:hover {
    background-color: #dfe0e7;
}

.btn {
    width: 50%;
    height: 48px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    color: #7f81a1;
    cursor: pointer;
    background-color: #efeff3;
    border-radius: 8px;
    flex-direction: row;
    justify-content: center;
    align-self: center;
    align-items: center;
    padding: 0 12px;
    font-weight: 500;
    line-height: 23px;
    display: flex;
    position: static;
}

.btn:hover {
    background-color: #dfe0e7;
}

.btn.inner {
    width: 90%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    flex: none;
    justify-content: flex-start;
    margin-left: 0;
    padding: 0;
}

.pop-up-item {
    width: auto;
    grid-column-gap: 12px;
    grid-row-gap: 40px;
    background-color: #fff;
    border-radius: 16px;
    flex-direction: column;
    padding: 30px 40px 40px;
    display: flex;
}

.text-18 {
    color: #7f81a1;
    font-size: 18px;
    line-height: 23.5px;
}

.text-40 {
    color: #5f6289;
    font-size: 40px;
    line-height: 48px;
}

.text-36 {
    color: #ca9e67;
    font-size: 36px;
    font-weight: 500;
    line-height: 39px;
}

.icon-wrap {
    flex-direction: row;
    justify-content: flex-end;
    align-self: flex-end;
    align-items: flex-end;
    display: flex;
}

.pop-up {
    z-index: 10;
    width: 100%;
    min-height: 100vh;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: rgba(0, 0, 0, .62);
    justify-content: center;
    align-items: center;
    display: none;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.icon-1 {
    height: 16px;
    max-width: none;
    flex: 0 auto;
}

.icon-1.width14 {
    height: 14px;
    cursor: pointer;
}

.icon-1.width14:hover {
    color: #7f81a1;
}

.icon-1.width20 {
    height: 20px;
}

.btn_coll-copy {
    width: 100%;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color: #282015;
    background-color: #CA9E67 !important;
    border-radius: 16px;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    padding: .75vw 3.25vw;
    font-family: Inter, sans-serif;
    display: flex;
}

.btn_coll-copy:hover {
    background-color: #ca9e67;
}

.btn_coll-copy.footer-btn {
    background-color: #795f3e;
    margin-top: 3.75vw;
    font-size: 1.1vw;
}

.btn_coll-copy.footer-btn:hover {
    background-color: #7a613c;
}

.btn_coll-copy.footer-btn-copy {
    display: none;
    background-color: #CA9E67 !important;
    margin-top: 3.75vw;
    font-size: 1.1vw;
}

.btn_coll-copy.footer-btn-copy:hover {

    background-color: #CA9E67;
}

.phone {
    text-decoration: none;
}

@media screen and (max-width: 1440px) {
    .frame-67 {
        width: 100%;
    }
}

@media screen and (max-width: 1157px) {
    .address {
        font-size: 14px;
        padding: 5px 10px;
        border-radius: 10px;
        gap: 6px;
    }

    .infinity {
        font-size: 22px;
    }

    .address img {
        width: 30px;
    }
}

@media screen and (max-width: 991px) {
    .div-heder {
        display: flex;
        flex-direction: column;
        height: auto;
    }

    .frame-67 {
        flex-grow: 1;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        height: auto;
    }

    .infinity {
        font-size: 18px;
    }

    .address img {
        width: 15px;
    }
}

@media screen and (min-width: 1440px) {
    .logo {
        width: 166.25px;
        grid-column-gap: 14px;
        grid-row-gap: 14px;
    }

    .nav-mob, .nav {
        max-width: 1440px;
    }

    .div-fill {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }

    .div-fill.w--current {
        grid-column-gap: 480vw;
        grid-row-gap: 480px;
    }

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

    .phone-7 {
        padding: 3.5px 17.5px;
    }

    .p-18-11 {
        font-size: 16px;
    }

    .body {
        grid-column-gap: 140px;
        grid-row-gap: 140px;
        padding: 30px 40px;
    }

    .h2 {
        max-width: none;
    }

    .frame-67 {
        width: 30%;
        max-width: none;
        grid-column-gap: 4px;
        grid-row-gap: 4px;
    }

    .col-5-wrap {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
    }

    .h2-0 {
        font-size: 14px;
    }

    .text {
        flex: none;
        font-size: 16px;
    }

    .div-heder {
        grid-column-gap: 80px;
        grid-row-gap: 80px;
    }

    .img-color {
        height: 600px;
        margin: 0;
        position: relative;
        overflow: hidden;
    }

    .div-img-filter {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
    }

    .frame-68 {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 12px;
    }

    .col-5 {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
    }

    .section-2 {
        height: auto;
        max-width: 1440px;
        grid-column-gap: 80px;
        grid-row-gap: 80px;
    }

    .img-cover {
        height: 600px;
        overflow: hidden;
    }

    .h1 {
        width: 70%;
        max-width: none;
        object-fit: fill;
        flex: 0 auto;
        font-size: 56px;
    }

    .h2-1 {
        font-size: 28px;
    }

    .frame-57 {
        max-width: 275px;
        grid-column-gap: 8px;
        grid-row-gap: 8px;
    }

    .frame-5 {
        height: auto;
        max-width: 496px;
    }

    .p-16 {
        font-size: 16px;
    }

    .p-16.intable {
        color: #5f6289;
    }

    .section {
        max-width: 1440px;
        grid-column-gap: 8px;
        grid-row-gap: 8px;
    }

    .p-44, .p-44-2 {
        font-size: 76px;
    }

    .p-18-bold {
        font-size: 18px;
    }

    .vectors-wrapper {
        width: 8px;
        height: 120px;
    }

    .p-44-3 {
        font-size: 44px;
    }

    .test {
        grid-column-gap: 60px;
        grid-row-gap: 60px;
    }

    .frame-64 {
        max-width: 632px;
        grid-column-gap: 22px;
        grid-row-gap: 22px;
        padding-left: 60px;
    }

    .m-img {
        width: 448px;
    }

    .frame-61 {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
    }

    .p-28 {
        max-width: 569px;
        flex: none;
        font-size: 28px;
    }

    .p-28.bold {
        font-size: 21px;
    }

    .p-28.strech {
        max-width: 1012px;
    }

    .p-44-4 {
        font-size: 24px;
    }

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

    .vectors-wrapper-4 {
        width: 8px;
        height: 80px;
    }

    .p-18-6 {
        font-size: 18px;
    }

    .p-16-2 {
        font-size: 16px;
    }

    .p-18-bold-2 {
        font-size: 18px;
    }

    .frame-70 {
        max-width: 496px;
    }

    .frame-75 {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        padding: 21px 20px;
    }

    .div-ellipse-mob {
        width: 24px;
        height: 38px;
        grid-column-gap: 4px;
        padding: 4px;
    }

    .p-44-5 {
        max-width: 726px;
        font-size: 44px;
    }

    .elipse {
        width: 16px;
        height: 16px;
    }

    .p-28-2 {
        font-size: 28px;
    }

    .frame-77 {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
    }

    .section-3 {
        max-width: 1440px;
        grid-column-gap: 8px;
        grid-row-gap: 8px;
    }

    .div-ellipse {
        width: 24px;
        height: 38px;
        grid-column-gap: 4px;
        padding: 4px;
    }

    .carousel {
        width: 1440px;
        max-width: 1440px;
        grid-column-gap: 4px;
        grid-row-gap: 4px;
        flex-direction: row;
    }

    .frame-86 {
        max-width: 1440px;
        grid-column-gap: 80px;
        grid-row-gap: 80px;
    }

    .img-carousel {
        width: auto;
    }

    .frame-33 {
        width: 100%;
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        overflow: visible;
    }

    .div-ellipse-2 {
        grid-column-gap: 4px;
        grid-row-gap: 4px;
        padding: 4px;
    }

    .p-18-7 {
        font-size: 18px;
        display: none;
    }

    .h3-44 {
        font-size: 44px;
    }

    .p-24 {
        height: auto;
        align-self: auto;
        font-size: 20px;
    }

    .frame-90 {
        grid-column-gap: 14px;
        grid-row-gap: 80px;
        align-items: flex-start;
    }

    .stages-work {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        padding: 24px 20px;
    }

    .section-4 {
        height: auto;
        max-width: 1440px;
        grid-column-gap: 80px;
        grid-row-gap: 80px;
    }

    .p-18-7-mob {
        font-size: 18px;
        display: none;
    }

    .p-24-110 {
        font-size: 24px;
    }

    .frame-88 {
        grid-column-gap: 14px;
        grid-row-gap: 80px;
        align-items: flex-start;
    }

    .p-16-3 {
        font-size: 16px;
    }

    .section1 {
        max-width: 1440px;
        grid-column-gap: 8px;
        grid-row-gap: 8px;
    }

    .frame-91 {
        max-width: 496px;
    }

    .p-28-bold {
        font-size: 28px;
    }

    .p-28-3 {
        max-width: 569px;
        flex: none;
        font-size: 28px;
    }

    .p-28-3.strech {
        max-width: 1012px;
    }

    .t-table {
        font-size: 14px;
    }

    .t-table.num {
        width: 35px;
        font-size: 14px;
    }

    .rows-table {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        padding-top: 32px;
        padding-bottom: 24px;
    }

    .t-table-6 {
        height: 58px;
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .t-table-14-3 {
        font-size: 14px;
    }

    .section-5 {
        max-width: 1440px;
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        align-items: center;
        display: none;
    }

    .section-5.home {
        display: flex;
    }

    .vectors-wrapper-7 {
        width: 4.3px;
        height: 4.3px;
    }

    .t-table-4 {
        font-size: 14px;
    }

    .div-table {
        grid-column-gap: 4px;
        grid-row-gap: 4px;
        padding-left: 28px;
        padding-right: 28px;
    }

    .vectors-wrapper-8 {
        width: 8.6px;
        height: 16.25px;
    }

    .section-5-wraper {
        max-width: 1440px;
        display: flex;
    }

    .rows-table-2 {
        height: 58px;
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .t-table-14 {
        max-width: 404px;
        font-size: 14px;
    }

    .t-table-14.num {
        width: 40px;
        font-size: 14px;
    }

    .vectors-wrapper-9 {
        width: 23px;
        height: 10.8px;
    }

    .t-table-14-2 {
        font-size: 14px;
    }

    .frame-95.fill {
        width: 20%;
        flex: none;
    }

    .frame-46 {
        width: 110px;
        height: 110px;
    }

    .frame-103 {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        justify-content: flex-end;
    }

    .p-18-bold-3 {
        font-size: 18px;
    }

    .section-6 {
        height: 540px;
        max-width: 1440px;
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        padding: 24px;
    }

    .frame-98 {
        max-width: 480px;
    }

    .p-16-4 {
        font-size: 16px;
    }

    .p-28-bold-3 {
        font-size: 28px;
    }

    .frame-102 {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    .frame-101 {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        justify-content: flex-end;
        padding: 28px;
    }

    .btn_coll {
        padding: 12px 52px;
    }

    .btn_coll.footer-btn, .btn_coll.footer-btn-copy {
        margin-top: 60px;
        font-size: 16px;
    }

    .p-28-bold-2 {
        max-width: 400px;
        font-size: 28px;
    }

    .section-7 {
        max-width: 1440px;
        grid-column-gap: 8px;
        grid-row-gap: 8px;
    }

    .div-hed-2 {
        max-width: 496px;
    }

    .smart-house {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        padding: 24px 20px;
    }

    .line-body-4 {
        max-width: 1440px;
    }

    .p-24-70, .p-24-70.desk {
        font-size: 20px;
    }

    .div-ellipse-3 {
        grid-column-gap: 4px;
        grid-row-gap: 4px;
        padding: 4px;
    }

    .frame-108 {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    .frame-109 {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
    }

    .p-28-4 {
        max-width: 569px;
        flex: none;
        font-size: 28px;
    }

    .p-28-4.strech {
        max-width: 1012px;
    }

    .wrapper {
        grid-column-gap: 14px;
        grid-row-gap: 14px;
    }

    .p-16-5 {
        font-size: 14px;
    }

    .frame-106 {
        grid-column-gap: 80px;
        grid-row-gap: 80px;
    }

    .p-18-8 {
        font-size: 18px;
    }

    .line-body-5 {
        max-width: 1440px;
    }

    .div-ellipse-4 {
        grid-column-gap: 4px;
        grid-row-gap: 4px;
        padding: 4px;
    }

    .p-14-l {
        justify-content: center;
        align-items: center;
        font-size: 12px;
        display: none;
    }

    .vector-2 {
        width: 227px;
    }

    .frame-113 {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
    }

    .frame-120 {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        padding: 28px;
    }

    .p-16-6 {
        flex: 0 auto;
        font-size: 16px;
    }

    .p-16-6.strech {
        flex: none;
        font-size: 14px;
    }

    .p-28-5 {
        max-width: 569px;
        flex: none;
        font-size: 28px;
    }

    .p-28-5.strech {
        max-width: 1012px;
    }

    .vector-4 {
        width: 227px;
    }

    .p-18 {
        font-size: 18px;
        line-height: 145%;
    }

    .frame-124 {
        grid-column-gap: 14px;
        grid-row-gap: 20px;
        justify-content: flex-start;
        align-items: center;
        padding: 28px 20px;
    }

    .frame-118 {
        max-width: 1012px;
        grid-column-gap: 8px;
        grid-row-gap: 8px;
    }

    .p-44-6 {
        font-size: 44px;
    }

    .frame-115 {
        grid-column-gap: 80px;
        grid-row-gap: 80px;
    }

    .line-body-7 {
        max-width: 1440px;
    }

    .vector-1 {
        width: 227px;
        display: none;
    }

    .frame-15 {
        padding-bottom: 0;
    }

    .frame-119 {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        padding: 28px;
    }

    .frame-116 {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
    }

    .p-28-bold-4 {
        font-size: 28px;
    }

    .p-28-bold-4.text-haight {
        margin-bottom: -42px;
    }

    .frame-117 {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        justify-content: flex-start;
    }

    .frame-123, .frame-114 {
        max-width: 496px;
    }

    .frame-126 {
        grid-column-gap: 4px;
        grid-row-gap: 4px;
        flex: 0 auto;
        justify-content: center;
    }

    .frame-126.fill-text {
        width: 55%;
        grid-column-gap: 4px;
        grid-row-gap: 4px;
        flex: none;
        font-size: 14px;
    }

    .line-body-8 {
        max-width: 1440px;
    }

    .frame-128 {
        height: auto;
        max-height: none;
        max-width: 1440px;
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        overflow: hidden;
    }

    .frame-129 {
        object-fit: fill;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
    }

    .text-2 {
        font-size: 16px;
    }

    .img-responsive {
        height: 364px;
    }

    .img-responsive-2 {
        height: 364px;
        display: none;
    }

    .p-28-bold-5 {
        font-size: 28px;
    }

    .top-footer {
        grid-column-gap: 80px;
        grid-row-gap: 80px;
    }

    .mid-footer {
        grid-column-gap: 60px;
        grid-row-gap: 60px;
        position: relative;
    }

    .frame-16 {
        height: 80px;
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        padding-top: 32px;
        padding-bottom: 24px;
        font-size: 16px;
    }

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

    .btn-top {
        width: 56px;
        height: 56px;
        padding: 19px 22px;
    }

    .btn-top:hover {
        border-radius: 50%;
    }

    .p-12 {
        font-size: 10.5px;
    }

    .frame-19 {
        max-width: 804px;
    }

    .frame-1 {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
    }

    .frame-1.contacts {
        max-width: 804px;
        grid-column-gap: 8px;
        grid-row-gap: 8px;
    }

    .image-2 {
        width: 392px;
        top: 0%;
        bottom: 0%;
        left: 30px;
        right: auto;
    }

    .footer {
        grid-column-gap: 100px;
        grid-row-gap: 100px;
        padding: 40px;
    }

    .nav-link-2 {
        font-size: 14px;
    }

    .p-18-12 {
        font-size: 18px;
    }

    .div-heder-2 {
        max-width: 1440px;
    }

    .h3-44-4 {
        font-size: 44px;
    }

    .frame-144 {
        height: 48px;
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }

    .btn-hauses {
        grid-column-gap: 4px;
        grid-row-gap: 4px;
        padding: 12px 15px;
    }

    .p-16-10 {
        font-size: 14px;
    }

    .rows-table-4 {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        padding-top: 32px;
        padding-bottom: 24px;
    }

    .t-table-7 {
        height: 58px;
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .t-table-14-4 {
        font-size: 14px;
    }

    .rows-table-5 {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        padding: 16px;
    }

    .section-8 {
        max-width: 1440px;
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        align-items: center;
        display: flex;
    }

    .div-empty-2 {
        width: 10px;
        height: 20px;
    }

    .t-table-8 {
        font-size: 14px;
    }

    .p-28-bold-6 {
        font-size: 28px;
    }

    .p-18-13 {
        font-size: 18px;
    }

    .p-16-11 {
        width: 100%;
        font-size: 16px;
    }

    .rows-table-6 {
        height: 58px;
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .t-table-14-5 {
        max-width: 404px;
        font-size: 14px;
    }

    .t-table-14-5.num {
        width: 40px;
        font-size: 14px;
    }

    .div-table-2 {
        width: 600px;
        height: auto;
        grid-column-gap: 4px;
        grid-row-gap: 4px;
    }

    .num-tabl-2 {
        width: 20px;
    }

    .rows-table-7 {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        justify-content: space-between;
        padding: 16px;
    }

    .vectors-wrapper-14 {
        width: 985px;
        height: auto;
        object-fit: fill;
        align-self: auto;
        align-items: stretch;
        overflow: visible;
    }

    .frame-148 {
        width: 181.5px;
        height: 17px;
    }

    .frame-150 {
        height: 100%;
        max-width: 1440px;
        grid-column-gap: 80px;
        grid-row-gap: 80px;
        flex-direction: row;
        flex: 0 auto;
        align-self: auto;
        align-items: stretch;
    }

    .t-table-14-6 {
        font-size: 14px;
    }

    .frame-147 {
        grid-column-gap: 4px;
        grid-row-gap: 4px;
    }

    .vectors-wrapper-16 {
        width: 18px;
        height: 20px;
    }

    .frame-151.fill {
        width: 20%;
        flex: none;
    }

    .container {
        max-width: 1440px;
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        align-content: stretch;
        justify-content: space-between;
        padding-left: 0;
        padding-right: 0;
    }

    .img-text-block {
        width: 22%;
        grid-column-gap: 5px;
        grid-row-gap: 5px;
        align-items: flex-start;
        text-decoration: none;
    }

    .cont-img {
        max-height: 280px;
        border-radius: 8px;
    }

    .p-28-bold-7 {
        font-size: 28px;
    }

    .h3-44-5 {
        font-size: 44px;
    }

    .frame-152 {
        height: 80px;
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        padding-top: 32px;
        padding-bottom: 24px;
        font-size: 16px;
    }

    .frame-153 {
        max-width: 804px;
    }

    .frame-154 {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
    }

    .frame-154.contacts {
        max-width: 804px;
        grid-column-gap: 8px;
        grid-row-gap: 8px;
    }

    .nav-link-3 {
        font-size: 14px;
    }

    .p-18-14 {
        font-size: 16px;
    }

    .div-heder-3 {
        max-width: 1440px;
    }

    .frame-155 {
        height: 48px;
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }

    .p-16-12 {
        font-size: 14px;
    }

    .rows-table-9 {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        padding-top: 32px;
        padding-bottom: 24px;
    }

    .t-table-12 {
        height: 58px;
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .t-table-14-7 {
        font-size: 14px;
    }

    .rows-table-10 {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        padding: 16px;
    }

    .frame-156 {
        height: 100%;
        max-width: 1440px;
        grid-column-gap: 80px;
        grid-row-gap: 80px;
        flex-direction: row;
        flex: 0 auto;
        align-self: auto;
        align-items: stretch;
    }

    .t-table-14-8 {
        font-size: 14px;
    }

    .div-empty-4 {
        width: 10px;
        height: 20px;
    }

    .t-table-13 {
        font-size: 14px;
    }

    .p-28-bold-8 {
        font-size: 28px;
    }

    .div-table-3 {
        grid-column-gap: 4px;
        grid-row-gap: 4px;
        padding-left: 28px;
        padding-right: 28px;
    }

    .p-18-15 {
        font-size: 18px;
    }

    .div-table-4 {
        width: 600px;
        height: auto;
        grid-column-gap: 4px;
        grid-row-gap: 4px;
    }

    .rows-table-11 {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        justify-content: space-between;
        padding: 16px;
    }

    .vectors-wrapper-18 {
        width: 985px;
        height: auto;
        object-fit: fill;
        align-self: auto;
        align-items: stretch;
        overflow: visible;
    }

    .frame-158 {
        width: 181.5px;
        height: 17px;
    }

    .section-9 {
        max-width: 1440px;
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        align-items: center;
        display: flex;
    }

    .t-table-14-9 {
        font-size: 14px;
    }

    .frame-161 {
        grid-column-gap: 4px;
        grid-row-gap: 4px;
    }

    .vectors-wrapper-20 {
        width: 18px;
        height: 20px;
    }

    .frame-162.fill {
        width: 20%;
        flex: none;
    }

    .t-table-17, .t-table-17.num {
        font-size: 14px;
    }

    .rows-table-13 {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        padding-top: 32px;
        padding-bottom: 24px;
    }

    .t-table-18 {
        height: 58px;
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .t-table-14-10 {
        font-size: 14px;
    }

    .rows-table-14 {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        padding: 16px;
    }

    .frame-163 {
        height: 100%;
        max-width: 1440px;
        grid-column-gap: 80px;
        grid-row-gap: 80px;
        flex-direction: row;
        flex: 0 auto;
        align-self: auto;
        align-items: stretch;
    }

    .t-table-14-11 {
        font-size: 14px;
    }

    .div-empty-5 {
        width: 10px;
        height: 20px;
    }

    .t-table-19 {
        font-size: 14px;
    }

    .p-28-bold-9 {
        font-size: 28px;
    }

    .div-table-5 {
        width: 600px;
        height: auto;
        grid-column-gap: 4px;
        grid-row-gap: 4px;
    }

    .rows-table-15 {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        justify-content: space-between;
        padding: 16px;
    }

    .vectors-wrapper-22 {
        width: 985px;
        height: auto;
        object-fit: fill;
        align-self: auto;
        align-items: stretch;
        overflow: visible;
    }

    .frame-165 {
        width: 181.5px;
        height: 17px;
    }

    .section-10 {
        max-width: 1440px;
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        align-items: center;
        display: flex;
    }

    .t-table-14-12 {
        font-size: 14px;
    }

    .frame-168 {
        grid-column-gap: 4px;
        grid-row-gap: 4px;
    }

    .vectors-wrapper-24 {
        width: 18px;
        height: 20px;
    }

    .frame-169.fill {
        width: 20%;
        flex: none;
    }

    .t-table-22, .t-table-22.num {
        font-size: 14px;
    }

    .rows-table-17 {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        padding-top: 32px;
        padding-bottom: 24px;
    }

    .t-table-23 {
        height: 58px;
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .t-table-14-13 {
        font-size: 14px;
    }

    .rows-table-18 {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        padding: 16px;
    }

    .frame-170 {
        height: 100%;
        max-width: 1440px;
        grid-column-gap: 80px;
        grid-row-gap: 80px;
        flex-direction: row;
        flex: 0 auto;
        align-self: auto;
        align-items: stretch;
    }

    .t-table-14-14 {
        font-size: 14px;
    }

    .div-empty-6 {
        width: 10px;
        height: 20px;
    }

    .t-table-24 {
        font-size: 14px;
    }

    .p-28-bold-10 {
        font-size: 28px;
    }

    .div-table-6 {
        width: 600px;
        height: auto;
        grid-column-gap: 4px;
        grid-row-gap: 4px;
    }

    .rows-table-19 {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        justify-content: space-between;
        padding: 16px;
    }

    .vectors-wrapper-26 {
        width: 985px;
        height: auto;
        object-fit: fill;
        align-self: auto;
        align-items: stretch;
        overflow: visible;
    }

    .frame-172 {
        width: 181.5px;
        height: 17px;
    }

    .section-11 {
        max-width: 1440px;
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        align-items: center;
        display: flex;
    }

    .t-table-14-15 {
        font-size: 14px;
    }

    .frame-175 {
        grid-column-gap: 4px;
        grid-row-gap: 4px;
    }

    .vectors-wrapper-28 {
        width: 18px;
        height: 20px;
    }

    .frame-176.fill {
        width: 20%;
        flex: none;
    }

    .t-table-27, .t-table-27.num {
        font-size: 14px;
    }

    .rows-table-21 {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        padding-top: 32px;
        padding-bottom: 24px;
    }

    .t-table-28 {
        height: 58px;
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .t-table-14-16 {
        font-size: 14px;
    }

    .rows-table-22 {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        padding: 16px;
    }

    .frame-177 {
        height: 100%;
        max-width: 1440px;
        grid-column-gap: 80px;
        grid-row-gap: 80px;
        flex-direction: row;
        flex: 0 auto;
        align-self: auto;
        align-items: stretch;
    }

    .t-table-14-17 {
        font-size: 14px;
    }

    .div-empty-7 {
        width: 10px;
        height: 20px;
    }

    .t-table-29 {
        font-size: 14px;
    }

    .p-28-bold-11 {
        font-size: 28px;
    }

    .div-table-7 {
        width: 600px;
        height: auto;
        grid-column-gap: 4px;
        grid-row-gap: 4px;
    }

    .rows-table-23 {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        justify-content: space-between;
        padding: 16px;
    }

    .vectors-wrapper-30 {
        width: 985px;
        height: auto;
        object-fit: fill;
        align-self: auto;
        align-items: stretch;
        overflow: visible;
    }

    .frame-179 {
        width: 181.5px;
        height: 17px;
    }

    .section-12 {
        max-width: 1440px;
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        align-items: center;
        display: flex;
    }

    .t-table-14-18 {
        font-size: 14px;
    }

    .frame-182 {
        grid-column-gap: 4px;
        grid-row-gap: 4px;
    }

    .vectors-wrapper-32 {
        width: 18px;
        height: 20px;
    }

    .frame-183.fill {
        width: 20%;
        flex: none;
    }

    .vector-3 {
        width: 227px;
    }

    .p-24-8 {
        width: auto;
        font-size: 20px;
    }

    .p-24-8.desk {
        font-size: 20px;
    }

    .p-18-16 {
        font-size: 16px;
    }

    .logo-2 {
        width: 166.25px;
        grid-column-gap: 14px;
        grid-row-gap: 14px;
    }

    .nav-2 {
        max-width: 1440px;
    }

    .nav-link-4 {
        font-size: 14px;
    }

    .div-fill-2 {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }

    .div-fill-2.w--current {
        grid-column-gap: 480vw;
        grid-row-gap: 480px;
    }

    .pop-up {
        display: none;
    }

    .btn_coll-copy {
        padding: 12px 52px;
    }

    .btn_coll-copy.footer-btn, .btn_coll-copy.footer-btn-copy {
        margin-top: 60px;
        font-size: 16px;
    }
}

@media screen and (max-width: 991px) {
    .nav-mob-logo {
        width: 100%;
        height: 100%;
        justify-content: space-between;
        align-items: center;
        margin-left: 0;
        margin-right: 0;
        display: flex;
    }

    .logo {
        width: auto;
        height: 40px;
    }

    .icon {
        width: auto;
        flex: none;
        justify-content: center;
        align-self: auto;
        align-items: center;
        display: flex;
    }

    .open-menu {
        width: 360px;
        height: auto;
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        background-color: #262737;
        align-items: flex-start;
        padding-top: 80px;
        padding-left: 16px;
        padding-right: 16px;
        display: flex;
    }

    .gold-right-arrow {
        width: 23px;
        height: 24px;
        max-width: none;
    }

    .menu-wrapper {
        margin-bottom: 40px;
    }

    .nav-link-mob {
        color: #a27e52;
        font-size: 16px;
        line-height: 23px;
        text-decoration: none;
    }

    .menu-button {
        width: 32px;
        height: 32px;
        text-align: center;
        background-color: #cfd0db;
        border-radius: 8px;
        flex-direction: row;
        flex: none;
        justify-content: center;
        align-self: center;
        align-items: center;
        padding: 4px;
        font-weight: 600;
        display: flex;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        overflow: hidden;
    }

    .menu-button.w--open {
        z-index: 2;
        color: #513f29;
        background-color: #a27e52;
    }

    .menu-wrapper-contacts {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 40px;
        padding: 8px;
        display: flex;
    }

    .copy-right-text {
        color: #a27e52;
        font-size: 12px;
        display: flex;
    }

    .mob-line {
        width: 100%;
        height: 1px;
        color: #4c4e6e;
        padding-bottom: 0;
        padding-right: 0;
    }

    .mob-frame {
        color: #a27e52;
        justify-content: space-between;
        padding: 8px;
        font-size: 16px;
        display: flex;
    }

    .navbar-mob {
        width: 100vw;
        background-color: rgba(0, 0, 0, 0);
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        padding-top: 16px;
        display: none;
        top: -16px;
        right: -16px;
    }

    .brand {
        width: 100%;
    }

    .brand.w--current {
        z-index: 2;
        width: 100%;
        display: flex;
    }

    .copy-rights {
        padding-top: 40px;
    }

    .nav-mob, .nav {
        display: none;
    }

    .body {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .frame-67 {
        border-radius: 16px;
    }

    .img-color {
        border-radius: 8px;
        display: block;
    }

    .frame-68 {
        border-radius: 8px;
    }

    .section-2 {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        flex-direction: column;
    }

    .img-cover {
        display: none;
    }

    .frame-57 {
        width: 300px;
        height: 80px;
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        align-items: center;
    }

    .frame-5 {
        height: auto;
        display: none;
    }

    .frame-58 {
        height: 100%;
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        align-items: flex-end;
        position: absolute;
        top: 0%;
        bottom: 0%;
        left: 0%;
        right: 0%;
    }

    .p-16 {
        width: auto;
        height: auto;
        font-size: 14px;
    }

    .section {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-direction: column;
    }

    .ellipse-13 {
        height: 80px;
    }

    .p-44 {
        flex: none;
        align-self: stretch;
        font-size: 26px;
    }

    .p-44-2 {
        font-size: 26px;
    }

    .frame-7 {
        grid-column-gap: 6px;
        grid-row-gap: 6px;
    }

    .vectors-wrapper {
        width: 7px;
        height: 80px;
    }

    .p-44-3 {
        text-transform: none;
        align-items: flex-end;
        font-size: 16px;
        display: flex;
    }

    .frame-6 {
        height: 167px;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        position: relative;
    }

    .test {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    .frame-64 {
        max-width: none;
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-direction: row;
        padding-left: 0;
    }

    .m-img {
        width: 400px;
    }

    .p-28 {
        width: 100%;
        max-width: none;
        flex: 0 auto;
        font-size: 14px;
    }

    .p-28.bold {
        font-size: 16px;
        font-weight: 500;
    }

    .p-28.strech {
        width: 60%;
    }

    .line-vert {
        display: block;
    }

    .m-house-img {
        height: 100%;
        padding-bottom: 20px;
    }

    .p-44-4 {
        font-size: 14px;
    }

    .p-14 {
        font-size: 10px;
    }

    .vectors-wrapper-4 {
        width: auto;
        height: auto;
    }

    .p-18-6 {
        font-size: 14px;
        display: none;
    }

    .p-16-2 {
        display: none;
    }

    .p-18-bold-2 {
        font-size: 22px;
        font-weight: 700;
        line-height: 24px;
    }

    .frame-75 {
        flex-direction: column;
        padding: 16px;
    }

    .div-ellipse-mob {
        display: block;
    }

    .p-44-5 {
        max-width: none;
        font-size: 26px;
    }

    .elipse {
        width: 12px;
        height: 12px;
        border-radius: 50%;
    }

    .frame-71 {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        align-items: flex-end;
    }

    .ellipse-14 {
        width: 14px;
        justify-content: center;
    }

    .p-28-2 {
        font-size: 28px;
    }

    .frame-77 {
        justify-content: flex-start;
        align-self: auto;
        display: none;
    }

    .section-3 {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        flex-direction: column;
        font-size: 22px;
        line-height: 24px;
    }

    .line-body {
        display: none;
    }

    .div-ellipse {
        width: 20px;
        height: 20px;
        padding: 4px;
        display: none;
    }

    .h3-44 {
        width: 100%;
        color: #5f6289;
        font-size: 22px;
        line-height: 24px;
    }

    .p-24 {
        padding-top: 0;
        padding-right: 8px;
        font-size: 2vw;
        font-weight: 500;
        line-height: 23px;
    }

    .div-hed {
        height: auto;
    }

    .frame-90 {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

    .frame-87 {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        flex-direction: column;
        justify-content: space-between;
        align-items: stretch;
    }

    .stages-work {
        grid-row-gap: 2.5px;
        align-items: center;
        padding: 16px;
    }

    .stages-work.external {
        height: auto;
    }

    .p-18-7-mob {
        font-size: 1.86667vw;
        display: none;
    }

    .p-24-110.hide {
        font-size: 2.07792vw;
        font-weight: 500;
    }

    .frame-89 {
        justify-content: flex-end;
    }

    .frame-88 {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        align-items: center;
    }

    .p-16-3 {
        display: none;
    }

    .section1 {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        justify-content: space-between;
    }

    .frame-91 {
        max-width: none;
    }

    .p-28-bold {
        font-size: 22px;
        line-height: 24px;
    }

    .p-28-3.strech {
        width: 100%;
        font-size: 14px;
    }

    .t-table {
        font-size: 1vw;
    }

    .t-table.num {
        font-size: 1.3125vw;
    }

    .t-table-6 {
        height: 5.4375vw;
    }

    .t-table-14-3 {
        font-size: 1.3125vw;
    }

    .div-table {
        border-radius: 16px;
    }

    .rows-table-2 {
        height: 5.4375vw;
    }

    .t-table-14.num {
        font-size: 1.3vw;
    }

    .t-table-14-2 {
        font-size: 1.3125vw;
    }

    .frame-46 {
        width: 100%;
        height: auto;
        grid-column-gap: 16px;
        grid-row-gap: 16px;
    }

    .frame-103, .p-18-bold-3 {
        display: none;
    }

    .section-6 {
        width: 100vw;
        height: auto;
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        border-radius: 0;
        justify-content: space-between;
        margin-left: 0;
        margin-right: 0;
        padding: 16px 20px;
    }

    .frame-98 {
        height: auto;
        max-width: none;
    }

    .expand-icon-less, .p-28-bold-3 {
        display: none;
    }

    .p-28-bold-3.mob {
        font-size: 2.33766vw;
        display: block;
    }

    .gold-line {
        width: 100%;
        height: 1px;
        background-color: #d5b185;
        padding-bottom: 0;
        padding-right: 0;
    }

    .frame-102 {
        display: none;
    }

    .img-sq {
        width: 50px;
    }

    .t-12-m {
        color: #d5b185;
        font-size: 1.55844vw;
        font-weight: 500;
    }

    .div-wrap {
        width: 100%;
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        flex-direction: column;
        display: flex;
    }

    .frame-101 {
        width: 100%;
        height: auto;
        max-height: none;
        max-width: none;
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        flex-direction: column;
        padding: 12px;
    }

    .add-frame {
        justify-content: flex-end;
        align-self: auto;
        align-items: center;
        display: flex;
    }

    .btn_coll.footer-btn, .btn_coll.footer-btn-copy {
        font-size: 1.8vw;
    }

    .p-28-bold-2 {
        font-size: 2.85714vw;
    }

    .frame-105 {
        display: none;
    }

    .section-7 {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        flex-direction: column;
    }

    .p-14-mob {
        color: #5f6289;
        font-size: 14px;
    }

    .div-hed-2 {
        max-width: none;
    }

    .smart-house {
        flex-direction: column;
    }

    .p-24-70 {
        width: 100%;
        justify-content: flex-start;
        align-items: flex-start;
        padding-top: 0;
        font-size: 2.07792vw;
        font-weight: 500;
        line-height: 23px;
        display: flex;
    }

    .frame-109, .frame-109.mob {
        display: none;
    }

    .p-28-4.strech {
        font-size: 14px;
        line-height: 20px;
    }

    .p-16-5, .line-body-5.last {
        display: none;
    }

    .p-14-l {
        justify-content: flex-start;
        align-items: center;
        font-size: 1.2vw;
        font-weight: 500;
        line-height: 12px;
        display: flex;
    }

    .vector-2 {
        height: auto;
    }

    .frame-113 {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        flex-direction: column;
    }

    .frame-15-mask {
        width: 100%;
        align-self: stretch;
    }

    .slide-nav-4 {
        display: none;
    }

    .frame-15-mobile {
        width: 100%;
        height: auto;
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        background-color: rgba(0, 0, 0, 0);
        flex-direction: column;
        display: flex;
    }

    .frame-120 {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        padding: 16px;
    }

    .p-16-6 {
        font-size: 14px;
        line-height: 20px;
    }

    .p-16-6.strech {
        width: auto;
        height: 36px;
        padding-bottom: 8px;
        font-size: 1.2vw;
        font-weight: 500;
        line-height: 12px;
    }

    .p-28-5.strech {
        font-size: 14px;
        line-height: 20px;
    }

    .frame-122 {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
    }

    .p-18 {
        font-size: 14px;
        line-height: 20px;
    }

    .frame-118 {
        max-width: none;
        grid-column-gap: 8px;
        grid-row-gap: 8px;
    }

    .p-44-6 {
        font-size: 26px;
    }

    .line-body-7.desktop-hide {
        display: flex;
    }

    .p-10 {
        color: #9fa1b8;
        font-size: 1.2vw;
        line-height: 12px;
    }

    .vector-1 {
        width: 16.21vw;
        display: none;
    }

    .frame-15 {
        display: none;
    }

    .frame-119 {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        padding: 16px;
    }

    .certificate-img {
        width: 100%;
        padding-bottom: 16px;
    }

    .certificate {
        width: 22vw;
        padding-right: 16px;
    }

    .p-28-bold-4 {
        font-size: 18px;
        line-height: 20px;
    }

    .p-28-bold-4.text-haight {
        margin-bottom: 0;
        font-size: 22px;
    }

    .certificate-info {
        width: 100%;
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        flex-direction: column;
        display: flex;
    }

    .certificate-info.inner {
        grid-column-gap: 4px;
        grid-row-gap: 4px;
        flex-direction: column;
        display: flex;
    }

    .frame-117 {
        width: 100%;
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        align-items: stretch;
    }

    .frame-114 {
        max-width: none;
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    .frame-128 {
        display: none;
    }

    .p-28-bold-5.footer-text {
        font-size: 1.81818vw;
    }

    .bot-footer {
        justify-content: space-between;
        align-items: stretch;
    }

    .frame-16 {
        height: 7.5vw;
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 1.8vw;
    }

    .btn-top {
        border-radius: 8px;
    }

    .p-12 {
        font-size: 1.5vw;
    }

    .frame-19 {
        max-width: none;
    }

    .frame-1 {
        width: 100%;
        grid-column-gap: 5vw;
        grid-row-gap: 5vw;
        align-items: flex-start;
    }

    .frame-1.contacts, .image-2 {
        display: none;
    }

    .logo-dmistral-footer {
        width: 15.5vw;
        height: auto;
        justify-content: center;
    }

    .logo-dmistral-footer.w--current {
        width: 100%;
        justify-content: center;
    }

    .logo-dmistral-footer.wrap {
        width: 100%;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .p-18-12 {
        font-size: 1.5vw;
    }

    .btn-hauses {
        border-radius: 24px;
        font-size: 1.8vw;
    }

    .p-16-10, .t-table-14-4, .p-16-11 {
        font-size: 1.2vw;
    }

    .vectors-wrapper-16 {
        width: 1.4vw;
        height: 1.4vw;
    }

    .t-table-14-10 {
        font-size: 1.18vw;
        line-height: 100%;
    }

    .t-table-14-10.wrap {
        flex: 1;
    }

    .frme-101-wrapper {
        width: 100%;
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        flex-direction: column;
        align-items: flex-end;
        display: flex;
    }

    .p-24-8 {
        width: auto;
        justify-content: flex-start;
        align-items: flex-start;
        padding-top: 0;
        padding-right: 8px;
        font-size: 2.07792vw;
        font-weight: 500;
        line-height: 23px;
        display: flex;
    }

    .menu-btn {
        width: 32px;
        height: 32px;
        grid-column-gap: 2px;
        grid-row-gap: 4px;
        background-color: #cfd0db;
        border-radius: 8px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-bottom: 0;
        padding-right: 0;
        display: flex;
    }

    .menu-line {
        width: 18px;
        height: 1.5px;
        background-color: #5f6289;
        padding-bottom: 0;
        padding-right: 0;
    }

    .logo-2 {
        width: 17.8125vw;
    }

    .nav-2 {
        z-index: 3;
        position: relative;
    }

    .div-fill-2 {
        display: none;
    }

    .div-fill-2.w--current, .div-fill-2.logo, .div-fill-2.logo.w--current {
        display: block;
    }

    .mob-frame-2 {
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-right: 8px;
        text-decoration: none;
        display: flex;
    }

    .mob-line-2 {
        width: 100%;
        height: 1px;
        background-color: #4c4e6e;
        padding-bottom: 0;
        padding-right: 0;
    }

    .open-menu-2 {
        z-index: 2;
        width: 70vw;
        height: 200vw;
        grid-column-gap: 30px;
        grid-row-gap: 40px;
        background-color: #262737;
        flex-direction: column;
        flex: none;
        padding: 10vw 16px 0;
        display: none;
        position: absolute;
        top: 0%;
        bottom: 0%;
        left: auto;
        right: 0%;
    }

    .menu-wrapper-2 {
        height: 100%;
        flex-direction: column;
        flex: 1;
        justify-content: space-between;
        display: flex;
    }

    .gold-right-arrow-2 {
        width: 20px;
        height: 20px;
        object-fit: contain;
    }

    .menu-wrapper-contacts-2 {
        height: 100%;
        grid-column-gap: 4px;
        grid-row-gap: 4px;
        flex-direction: column;
        flex: 1;
        justify-content: space-between;
        display: flex;
    }

    .copy-right-text-2 {
        color: #a27e52;
        font-size: 12px;
    }

    .copy-rights-2 {
        height: 100%;
        flex: 0 auto;
        display: flex;
    }

    .nav-link-mob-2 {
        color: #a27e52;
        text-decoration: none;
    }

    .flex-horiz {
        flex-direction: column;
    }

    .text-24 {
        font-size: 16px;
        line-height: 23px;
    }

    .align-center.grey-bg {
        padding-left: 35px;
        padding-right: 35px;
    }

    .btn {
        width: 100%;
    }

    .pop-up-item {
        grid-row-gap: 28px;
    }

    .text-18 {
        font-size: 14px;
        line-height: 17px;
    }

    .text-40 {
        font-size: 26px;
        line-height: 28px;
    }

    .text-36 {
        font-size: 22px;
        font-weight: 700;
        line-height: 24px;
    }

    .pop-up {
        display: flex;
    }

    .btn_coll-copy.footer-btn, .btn_coll-copy.footer-btn-copy {
        font-size: 1.8vw;
    }
}

@media screen and (max-width: 767px) {
    .frame-5, .section {
        height: auto;
    }

    .ellipse-14 {
        justify-content: center;
    }

    .frame-73 {
        justify-content: space-between;
    }

    .section-6 {
        border-radius: 12px;
    }
}

@media screen and (max-width: 600px) {
    .infinity {
        font-size: 16px;
    }
}

@media screen and (max-width: 479px) {
    .nav-mob-logo {
        z-index: 11;
        width: 100%;
        height: auto;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        justify-content: flex-start;
        align-items: center;
        margin-left: 0;
        margin-right: 0;
        padding-top: 16px;
        padding-left: 16px;
        padding-right: 16px;
        display: flex;
        position: absolute;
        overflow: hidden;
    }

    .infinity {
        font-size: 14px;
    }

    .logo {
        width: 133px;
        height: auto;
        object-fit: fill;
        padding: .15vw;
    }

    .icon {
        color: #5f6289;
        background-color: rgba(0, 0, 0, 0);
        border-radius: 8px;
        flex: 0 auto;
        align-self: auto;
        display: block;
    }

    .open-menu {
        width: 100vw;
        height: auto;
        max-height: none;
        grid-column-gap: 12.4vw;
        grid-row-gap: 12.4vw;
        background-color: #262737;
        flex-flow: column;
        justify-content: flex-start;
        align-self: auto;
        align-items: flex-start;
        padding-top: 30vw;
        padding-left: 4.7vw;
        padding-right: 4.7vw;
        display: flex;
        position: absolute;
        top: 0%;
        bottom: 0%;
        left: 0%;
        right: 0%;
    }

    .menu-wrapper {
        width: 100%;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        flex-direction: column;
        justify-content: space-between;
        padding-top: 0;
        padding-bottom: 12.5vw;
        display: flex;
    }

    .nav-link-mob {
        width: 100%;
        height: 100%;
        color: #a27e52;
        margin-left: 0;
        margin-right: 0;
        padding: 0;
        text-decoration: none;
        display: flex;
    }

    .menu-button {
        width: 32px;
        height: 32px;
        background-color: #cfd0db;
        border-radius: 8px;
        justify-content: center;
        align-items: center;
        padding: 4px;
        display: flex;
        position: relative;
    }

    .menu-button.w--open {
        z-index: 2;
        color: #513f29;
        background-color: #a27e52;
        border-radius: 8px;
        display: flex;
    }

    .menu-wrapper-contacts {
        width: 100%;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        flex-direction: column;
        justify-content: space-between;
        padding-top: 14.6875vw;
        padding-bottom: 12.5vw;
        display: flex;
    }

    .copy-right-text {
        width: 100%;
        height: auto;
        color: #a27e52;
        font-size: 11px;
        display: flex;
    }

    .mob-line {
        width: 100%;
        height: 1px;
        background-color: #4c4e6e;
        border: 0 #000;
        justify-content: space-between;
        align-items: flex-start;
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        display: flex;
    }

    .mob-frame {
        width: 100%;
        height: auto;
        justify-content: space-between;
        align-items: center;
        padding: 2.4vw;
        display: flex;
    }

    .navbar-mob {
        z-index: 999;
        width: 100%;
        height: 100%;
        grid-column-gap: 0px;
        background-color: rgba(0, 0, 0, 0);
        border: 1px #000;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        margin-left: 0;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        display: none;
        position: relative;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        overflow: visible;
    }

    .brand {
        z-index: 3;
        width: 100%;
        height: auto;
        padding-left: 0;
        text-decoration: none;
        display: flex;
    }

    .copy-rights {
        width: 100%;
        flex: none;
        padding-top: 5vw;
        padding-bottom: 0;
        padding-right: 0;
    }

    .nav-mob {
        height: 1px;
        display: block;
    }

    .nav {
        max-width: none;
        display: none;
    }

    .div-fill {
        display: flex;
    }

    .nav-link, .btn-phone-7 {
        display: none;
    }

    .body {
        max-width: none;
        grid-column-gap: 0vw;
        grid-row-gap: 40px;
        padding: 0;
    }

    .body.secondary-pages {
        grid-column-gap: 0vw;
        grid-row-gap: 18.75vw;
        padding: 0;
    }

    .h2 {
        flex-direction: column;
        flex: 1;
        align-self: flex-start;
        display: flex;
    }

    .slide-img {
        width: 81vw;
        height: auto;
        clear: none;
        object-fit: cover;
        margin-right: 16px;
        font-style: normal;
        overflow: visible;
    }

    .frame-67 {
        grid-column-gap: 6.25vw;
        grid-row-gap: 6.25vw;
        border-radius: 12px;
        display: flex;
        flex-direction: column;
        align-items: end;
        gap: 20px
    }

    .slide-nav {
        z-index: 0;
        width: 100%;
        color: #5f6289;
        background-color: rgba(0, 0, 0, 0);
        align-self: center;
        margin-left: 0;
        margin-right: 0;
        font-size: 6px;
        position: relative;
    }

    .left-arrow-4 {
        display: block;
    }

    .slide-wraper {
        width: 100%;
        height: 100%;
        flex: 0 auto;
        overflow: visible;
    }

    .col-5-wrap {
        height: 100%;
        grid-column-gap: 1.25vw;
        grid-row-gap: 1.25vw;
        background-color: rgba(0, 0, 0, 0);
        flex-direction: column;
        justify-content: flex-start;
        align-self: stretch;
        align-items: flex-start;
    }

    .h2-0 {
        flex: 0 auto;
        align-self: baseline;
        font-size: 4.375vw;
        display: flex;
    }

    .text {
        font-size: 4.375vw;
    }

    .div-heder {
        flex-direction: column;
    }

    .img-color {
        height: 87.5vw;
        margin: 0;
        display: block;
    }

    .img-color:focus {
        filter: none;
    }

    .div-img-filter-2 {
        display: none;
    }

    .div-img-filter {
        height: auto;
        display: block;
        overflow: visible;
    }

    .frame-68 {
        border-radius: 8px;
        padding-top: 2.5vw;
        padding-bottom: 2.5vw;
        padding-left: 3.75vw;
    }

    .col-5 {
        height: auto;
        grid-column-gap: 1.25vw;
        grid-row-gap: 1.25vw;
        background-color: rgba(0, 0, 0, 0);
    }

    .section-2 {
        max-width: none;
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        flex-direction: column;
        padding-left: 5vw;
        padding-right: 5vw;
        overflow: hidden;
    }

    .img-cover {
        height: 87.5vw;
        object-fit: cover;
        border-radius: 8px;
        display: none;
    }

    .h1 {
        font-size: 6.55vw;
        line-height: 122%;
    }

    .h2-1 {
        align-self: baseline;
        font-size: 4.375vw;
        display: inline;
    }

    .frame-57 {
        width: 77vw;
        height: auto;
        grid-column-gap: 0vw;
        grid-row-gap: 0vw;
    }

    .frame-5 {
        width: 100%;
        height: auto;
        max-width: none;
        display: block;
    }

    .frame-58 {
        grid-row-gap: 20px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        position: static;
    }

    .p-16 {
        padding-left: 8px;
        padding-right: 0;
        font-size: 4vw;
        display: block;
    }

    .section {
        max-width: none;
        grid-column-gap: 12.5vw;
        grid-row-gap: 12.5vw;
        flex-direction: column;
        padding-left: 5vw;
        padding-right: 5vw;
    }

    .ellipse-13 {
        width: 7px;
        height: auto;
    }

    .p-44, .p-44-2 {
        font-size: 7vw;
    }

    .empty-div {
        display: none;
    }

    .frame-7 {
        width: 100%;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

    .p-18-bold {
        font-size: 6.875vw;
        font-weight: 700;
    }

    .vectors-wrapper {
        width: 7px;
        height: 80px;
    }

    .p-44-3 {
        text-transform: none;
        font-size: 5vw;
    }

    .ellipse-12 {
        width: 7px;
        height: auto;
    }

    .frame-6 {
        height: auto;
        grid-column-gap: 2.5vw;
        grid-row-gap: 2.5vw;
    }

    .test {
        grid-column-gap: 0vw;
        grid-row-gap: 0vw;
    }

    .frame-64 {
        max-width: none;
        grid-column-gap: 6.25vw;
        grid-row-gap: 6.25vw;
        flex-direction: column;
        padding-left: 0;
    }

    .frame-60 {
        height: auto;
        grid-column-gap: 6.25vw;
        grid-row-gap: 6.25vw;
    }

    .m-img {
        width: 100%;
    }

    .slide-nav-5 {
        margin-top: 0;
        padding-top: 0;
    }

    .arrow {
        width: auto;
        height: auto;
        max-width: none;
        display: block;
    }

    .right-arrow-4 {
        justify-content: flex-end;
    }

    .frame-61 {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
    }

    .left-arrow-5 {
        justify-content: flex-start;
    }

    .p-28 {
        max-width: none;
        flex: none;
        align-self: auto;
        font-size: 5vw;
        font-weight: 300;
        overflow: visible;
    }

    .p-28.bold {
        flex: 0 auto;
        font-size: 4.7vw;
        font-weight: 500;
    }

    .p-28.strech {
        width: 100%;
        font-size: 4vw;
    }

    .line-vert {
        display: none;
    }

    .line-vert.left {
        display: flex;
    }

    .modularhouse {
        padding-bottom: 10px;
    }

    .p-44-4 {
        padding-left: 6.25vw;
        font-size: 4vw;
    }

    .p-14 {
        font-size: 2.5vw;
        display: block;
    }

    .vectors-wrapper-4 {
        width: 9px;
        height: 93px;
    }

    .line-body-2 {
        display: none;
    }

    .p-18-6 {
        margin-bottom: 5vw;
        padding-bottom: 0;
        font-size: 4.375vw;
        display: none;
    }

    .p-16-2 {
        display: none;
    }

    .frame-76 {
        justify-content: flex-start;
    }

    .p-18-bold-2 {
        font-size: 6.875vw;
    }

    .frame-72 {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        align-items: flex-start;
    }

    .line-body-mob {
        display: block;
    }

    .frame-70 {
        width: 100%;
        max-width: none;
    }

    .frame-75 {
        grid-column-gap: 5vw;
        grid-row-gap: 5vw;
        flex-direction: column;
        align-items: flex-start;
        padding: 5vw 2.5vw;
    }

    .div-ellipse-mob {
        width: auto;
        height: auto;
        grid-column-gap: 0vw;
        grid-row-gap: 0px;
        padding: 1.25vw;
        display: block;
    }

    .p-44-5 {
        max-width: none;
        font-size: 8vw;
    }

    .elipse {
        width: 3.75vw;
        height: 3.75vw;
        border-radius: 50%;
    }

    .frame-71 {
        grid-column-gap: 12.5vw;
        grid-row-gap: 12.5vw;
    }

    .ellipse-14 {
        width: 9px;
        height: auto;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

    .p-28-2 {
        font-size: 8.75vw;
    }

    .section-3 {
        max-width: none;
        grid-column-gap: 12.5vw;
        grid-row-gap: 12.5vw;
        flex-direction: column;
        padding-left: 5vw;
        padding-right: 5vw;
    }

    .line-body {
        display: none;
    }

    .frame-73 {
        grid-column-gap: 5vw;
        grid-row-gap: 5vw;
    }

    .div-ellipse {
        width: auto;
        height: auto;
        grid-column-gap: 0vw;
        grid-row-gap: 0px;
        padding: 1.25vw;
        display: none;
    }

    .carousel {
        width: 100%;
        height: auto;
        grid-column-gap: 6.25vw;
        grid-row-gap: 6.25vw;
        flex-direction: row;
        padding-left: 0;
        padding-right: 0;
        display: flex;
    }

    .carousel.mob {
        background-color: rgba(0, 0, 0, 0);
        display: none;
    }

    .carousel-img {
        width: 70vw;
        margin-right: 0;
        padding-right: 20px;
    }

    .frame-86 {
        max-width: none;
        grid-column-gap: 6.25vw;
        grid-row-gap: 6.25vw;
        align-items: center;
        padding-left: 0;
        padding-right: 0;
    }

    .left-arrow {
        display: none;
    }

    .img-carousel {
        width: 100%;
        max-width: none;
        overflow: hidden;
    }

    .carousel-wrap {
        margin-right: 0;
    }

    .right-arrow, .slide-nav-2 {
        display: none;
    }

    .frame-33 {
        display: flex;
    }

    .p-18-7 {
        display: none;
    }

    .line-body-3 {
        background-color: #bfc0d0;
    }

    .h3-44 {
        width: 100%;
        color: #5f6289;
        font-size: 6.875vw;
    }

    .h3-44.footer {
        color: #795f3e;
        padding: 0;
    }

    .p-24 {
        padding-top: 0;
        font-size: 4.7vw;
        font-weight: 500;
    }

    .div-hed {
        height: auto;
        max-width: none;
    }

    .frame-90 {
        grid-column-gap: 2vw;
    }

    .stages-work {
        grid-column-gap: 2.5vw;
        grid-row-gap: 2.5vw;
        padding-top: 5vw;
        padding-bottom: 5vw;
        padding-left: 1.25vw;
    }

    .section-4 {
        max-width: none;
        grid-column-gap: 18.75vw;
        grid-row-gap: 18.75vw;
        flex-direction: column;
        padding-left: 5vw;
        padding-right: 5vw;
        overflow: hidden;
    }

    .p-18-7-mob {
        font-size: 4.375vw;
        display: none;
    }

    .p-24-110 {
        width: auto;
        font-size: 4.7vw;
        font-weight: 500;
    }

    .p-24-110.mob {
        display: block;
    }

    .p-24-110.hide {
        display: none;
        overflow: visible;
    }

    .frame-89 {
        flex: 1;
    }

    .frame-88 {
        grid-column-gap: 2vw;
        flex-direction: row;
    }

    .p-16-3 {
        display: none;
    }

    .section1 {
        max-width: none;
        grid-column-gap: 12.5vw;
        grid-row-gap: 12.5vw;
        flex-direction: column;
        padding-left: 5vw;
        padding-right: 5vw;
    }

    .frame-91 {
        height: auto;
        max-width: none;
    }

    .p-28-bold {
        font-size: 6.875vw;
    }

    .p-28-3 {
        max-width: none;
        flex: none;
        align-self: auto;
        font-size: 5vw;
        font-weight: 300;
        overflow: visible;
    }

    .p-28-3.strech {
        font-size: 4vw;
    }

    .t-table {
        font-size: 3.75vw;
    }

    .t-table.num {
        width: auto;
        font-size: 3.75vw;
    }

    .rows-table {
        height: 11.25vw;
        padding-top: 2.5vw;
        padding-bottom: 2.5vw;
    }

    .section-5 {
        max-width: none;
        padding-left: 0;
        padding-right: 0;
        display: flex;
    }

    .vectors-wrapper-7 {
        width: 4.3px;
        height: 4.3px;
    }

    .vectors-wrapper-7.inf-icon {
        width: auto;
        height: auto;
    }

    .slide-nav-3 {
        color: #d5b185;
        justify-content: center;
        align-items: flex-end;
        font-size: 6px;
        display: none;
        position: relative;
    }

    .div-table {
        display: none;
    }

    .div-table.mob {
        grid-column-gap: 1.25vw;
        grid-row-gap: 1.25vw;
        background-color: rgba(0, 0, 0, 0);
        padding-left: 0;
        display: flex;
    }

    .vectors-wrapper-8 {
        width: 8.6px;
        height: 16.25px;
    }

    .table-character {
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0);
        padding-bottom: 20px;
        display: block;
    }

    .left-arrow-2 {
        align-items: flex-end;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        display: flex;
        top: auto;
        bottom: 0%;
        left: auto;
        right: auto;
    }

    .section-5-wraper {
        padding-left: 5vw;
        padding-right: 5vw;
        display: flex;
    }

    .rows-table-2 {
        height: 14.375vw;
        grid-column-gap: 2.5vw;
        grid-row-gap: 2.5vw;
        padding: 0 0 0 2.5vw;
        overflow: hidden;
    }

    .image {
        float: right;
        display: block;
    }

    .t-table-14 {
        max-width: none;
        direction: ltr;
        text-align: center;
        text-transform: none;
        flex: 0 auto;
        align-self: center;
        font-size: 3.75vw;
        line-height: 115%;
    }

    .t-table-14.num {
        font-size: 3.75vw;
    }

    .slide-table {
        width: 100%;
    }

    .span {
        width: 10px;
        padding-bottom: 0;
        padding-right: 0;
    }

    .right-arrow-2 {
        padding-top: 0;
        display: block;
        position: absolute;
        top: auto;
        bottom: 0%;
        left: auto;
        right: 0%;
        overflow: visible;
    }

    .ic-man {
        width: auto;
        height: 6.25vw;
        padding: 0 5px 0 0;
    }

    .t-table-14-2 {
        margin-right: 5px;
        font-size: 3.75vw;
    }

    .num-tabl {
        padding-left: 2.5vw;
    }

    .frame-95 {
        width: 400%;
        height: auto;
        background-color: rgba(0, 0, 0, 0);
        flex-wrap: nowrap;
        flex: 0 auto;
        align-content: center;
        justify-content: center;
    }

    .frame-95.title {
        justify-content: flex-end;
        padding-right: 20px;
    }

    .frame-95.fill {
        flex-wrap: wrap;
        flex: 0 auto;
        align-content: flex-start;
    }

    .frame-95.dark {
        width: 130%;
        height: 100%;
        background-color: #cfd0db;
        align-items: center;
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .frame-46 {
        width: 100%;
        height: auto;
        background-color: rgba(0, 0, 0, 0);
        justify-content: flex-start;
        align-items: flex-start;
    }

    .frame-103 {
        display: none;
    }

    .expand-icon {
        width: 6.25vw;
        height: 6.25vw;
    }

    .p-18-bold-3 {
        display: none;
    }

    .section-6 {
        height: auto;
        max-width: none;
        grid-column-gap: 3.75vw;
        grid-row-gap: 3.75vw;
        border-radius: 0;
        flex-direction: column;
        margin-left: 0;
        margin-right: 0;
        padding: 5vw;
    }

    .frame-98 {
        max-width: none;
    }

    .p-16-4 {
        font-size: 3.52941vw;
    }

    .expand-icon-less {
        width: 6.25vw;
        height: 6.25vw;
        display: none;
    }

    .p-28-bold-3 {
        display: none;
    }

    .p-28-bold-3.mob {
        width: 100%;
        height: 100%;
        margin-top: 0;
        margin-left: 0;
        padding-top: 0;
        padding-left: 0;
        font-size: 4.5vw;
        line-height: 110%;
        display: block;
    }

    .gold-line {
        width: 100%;
        height: 1px;
        background-color: #d5b185;
        padding-bottom: 0;
        padding-right: 0;
    }

    .frame-102 {
        display: none;
    }

    .img-sq {
        width: 15.625vw;
    }

    .t-12-m {
        color: #d5b185;
        font-size: 3.5vw;
        font-weight: 500;
    }

    .div-wrap {
        width: 100%;
        height: 100%;
        grid-column-gap: 9px;
        grid-row-gap: 9px;
        flex-direction: column;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        display: flex;
    }

    .frame-101 {
        width: 100%;
        grid-column-gap: 6.25vw;
        grid-row-gap: 6.25vw;
        border-radius: 16px;
        padding: 3.75vw;
    }

    .add-frame {
        width: auto;
        height: auto;
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        justify-content: flex-end;
        align-items: center;
        padding-bottom: 0;
        padding-right: 0;
        display: flex;
    }

    .btn_coll {
        height: 31px;
    }

    .btn_coll.footer-btn, .btn_coll.footer-btn-copy {
        height: 40px;
        margin-top: 12.5vw;
        padding-top: 0;
        padding-bottom: 0;
        font-size: 4vw;
    }

    .p-28-bold-2 {
        margin-bottom: 28px;
        font-size: 6.8vw;
    }

    .frame-105 {
        display: none;
    }

    .section-7 {
        max-width: none;
        grid-column-gap: 12.5vw;
        grid-row-gap: 12.5vw;
        flex-direction: column;
        padding-left: 5vw;
        padding-right: 5vw;
    }

    .p-14-mob {
        color: #5f6289;
        flex: 0 auto;
        font-size: 4.375vw;
        font-weight: 300;
        line-height: 145%;
    }

    .div-hed-2 {
        max-width: none;
    }

    .smart-house {
        flex-direction: column;
        padding: 5vw;
    }

    .line-body-4 {
        background-color: #bfc0d0;
    }

    .p-24-70 {
        width: auto;
        flex-direction: column;
        flex: none;
        align-self: flex-start;
        padding-top: 0;
        font-size: 4.7vw;
        font-weight: 500;
        display: flex;
    }

    .p-24-70.desk {
        display: none;
    }

    .p-24-70.mob {
        display: block;
    }

    .frame-108 {
        grid-column-gap: 2.5vw;
        grid-row-gap: 2.5vw;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .frame-109 {
        display: none;
    }

    .frame-109.mob {
        grid-column-gap: 0vw;
        grid-row-gap: 0vw;
        flex-direction: column;
        flex: 0 auto;
        justify-content: flex-start;
        align-self: auto;
        align-items: flex-start;
        display: none;
        position: static;
    }

    .p-28-4 {
        max-width: none;
        flex: none;
        align-self: auto;
        font-size: 5vw;
        font-weight: 300;
        overflow: visible;
    }

    .p-28-4.strech {
        font-size: 4vw;
    }

    .wrapper {
        grid-column-gap: 2.5vw;
        grid-row-gap: 2.5vw;
        align-self: flex-start;
        align-items: center;
        display: flex;
    }

    .p-16-5 {
        width: auto;
        height: auto;
        clear: none;
        flex-direction: column;
        flex: 0 auto;
        align-self: auto;
        align-items: flex-start;
        display: none;
        position: static;
    }

    .frame-106 {
        grid-column-gap: 12.5vw;
        grid-row-gap: 12.5vw;
    }

    .p-18-8 {
        width: 100%;
        flex-flow: row;
        align-content: flex-start;
        align-items: flex-start;
        font-size: 4.375vw;
        display: flex;
        position: static;
    }

    .line-body-5 {
        max-width: none;
        padding-left: 5vw;
        padding-right: 5vw;
    }

    .line-body-5.last {
        display: none;
    }

    .left-arrow-3 {
        width: auto;
        height: auto;
        align-items: flex-start;
        display: flex;
        top: auto;
        bottom: 0%;
        left: 0%;
        right: auto;
    }

    .p-14-l {
        justify-content: flex-start;
        align-items: flex-start;
        font-size: 4.375vw;
        font-weight: 500;
        display: flex;
    }

    .vector {
        display: block;
    }

    .vector.mob {
        width: 82px;
        height: auto;
        object-fit: fill;
    }

    .frame-113 {
        height: auto;
        grid-column-gap: 12.5vw;
        grid-row-gap: 12.5vw;
        flex-direction: column;
    }

    .frame-15-mask {
        width: auto;
        height: auto;
        overflow: visible;
    }

    .slide-nav-4 {
        width: auto;
        height: auto;
        justify-content: center;
        align-items: center;
        margin: 0;
        padding-top: 0;
        font-size: 6px;
        display: flex;
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
    }

    .frame-121 {
        grid-column-gap: 3.125vw;
        grid-row-gap: 3.125vw;
    }

    .line-body-6 {
        background-color: #bfc0d0;
    }

    .frame-15-mobile {
        width: 100%;
        height: auto;
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        background-color: rgba(0, 0, 0, 0);
        flex-direction: column;
        display: flex;
        bottom: auto;
    }

    .frame-120 {
        width: 100%;
        grid-column-gap: 6.25vw;
        grid-row-gap: 6.25vw;
        background-color: #cfd0db;
        border-radius: 12px;
        padding: 5vw;
    }

    .p-16-6 {
        flex: 0 auto;
        font-size: 4.375vw;
    }

    .p-16-6.strech {
        height: auto;
        font-size: 4.375vw;
        font-weight: 500;
        line-height: 17px;
    }

    .p-28-5 {
        max-width: none;
        flex: none;
        align-self: auto;
        font-size: 5vw;
        font-weight: 300;
        overflow: visible;
    }

    .p-28-5.strech {
        font-size: 4vw;
    }

    .right-arrow-3 {
        justify-content: flex-end;
        align-self: auto;
        display: flex;
        top: auto;
        bottom: 0%;
        left: auto;
        right: 0%;
    }

    .p-18 {
        font-size: 4.375vw;
    }

    .frame-124 {
        display: flex;
    }

    .frame-118 {
        max-width: none;
        grid-column-gap: 2.5vw;
        grid-row-gap: 2.5vw;
        flex-direction: column;
    }

    .p-44-6 {
        font-size: 8.125vw;
    }

    .frame-115 {
        grid-column-gap: 12.5vw;
        grid-row-gap: 12.5vw;
    }

    .line-body-7 {
        max-width: none;
        display: block;
    }

    .line-body-7.desktop-hide {
        display: block;
    }

    .p-10 {
        color: #9fa1b8;
        font-size: 3.125vw;
    }

    .frame-15 {
        display: none;
    }

    .frame-119 {
        width: auto;
        grid-column-gap: 6.25vw;
        grid-row-gap: 6.25vw;
        border-radius: 12px;
        padding: 5vw;
    }

    .certificate-img {
        height: 320px;
        object-fit: contain;
        object-position: 0% 50%;
        margin-bottom: 16px;
    }

    .certificate {
        width: 70vw;
        margin-top: 20px;
        margin-right: 40px;
        padding-top: 0;
        padding-right: 0;
    }

    .p-28-bold-4 {
        font-size: 5.625vw;
    }

    .p-28-bold-4.text-haight {
        font-size: 6.875vw;
        display: none;
    }

    .p-28-bold-4.text-haight.mob {
        display: block;
    }

    .certificate-info {
        width: auto;
        height: auto;
        grid-column-gap: 2.5vw;
        grid-row-gap: 2.5vw;
        flex-direction: column;
        font-size: 4.375vw;
        display: flex;
    }

    .certificate-info.inner {
        grid-column-gap: 4px;
        grid-row-gap: 4px;
    }

    .frame-117 {
        width: 100%;
        height: auto;
        grid-column-gap: 2.5vw;
        grid-row-gap: 2.5vw;
    }

    .frame-123 {
        width: 100%;
        max-width: none;
    }

    .frame-114 {
        max-width: none;
        grid-column-gap: 6.25vw;
        grid-row-gap: 6.25vw;
    }

    .line-body-8 {
        max-width: none;
        display: block;
    }

    .frame-128 {
        max-width: none;
        display: none;
    }

    .arrow-top {
        width: auto;
        height: 18px;
        display: block;
    }

    .p-28-bold-5 {
        font-size: 6.875vw;
    }

    .p-28-bold-5.footer-text {
        font-size: 5.625vw;
    }

    .top-footer {
        height: 32px;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

    .bot-footer {
        grid-row-gap: 40px;
        flex-direction: column;
        align-items: center;
    }

    .frame-16 {
        height: 60px;
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 4vw;
    }

    .btn-top {
        width: 32px;
        height: 32px;
        border-radius: 8px;
        flex-wrap: nowrap;
        padding: 0;
        display: flex;
    }

    .p-12 {
        font-size: 3.5vw;
    }

    .frame-19 {
        max-width: none;
    }

    .frame-1 {
        width: 100%;
        grid-column-gap: 12.5vw;
        grid-row-gap: 12.5vw;
        align-items: center;
    }

    .frame-1.contacts, .image-2 {
        display: none;
    }

    .logo-dmistral-footer {
        width: 37vw;
        height: auto;
        background-color: rgba(0, 0, 0, 0);
    }

    .footer {
        max-width: none;
        grid-column-gap: 12.5vw;
        grid-row-gap: 12.5vw;
        border-radius: 16px 16px 0 0;
        padding: 7.5vw 5vw;
    }

    .nav-link-2 {
        display: none;
    }

    .div-heder-2 {
        height: auto;
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-direction: column;
        align-items: flex-start;
        padding-left: 16px;
        padding-right: 16px;
    }

    .h3-44-4 {
        font-size: 6.47059vw;
    }

    .frame-144 {
        height: auto;
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        flex-direction: column;
        align-items: flex-start;
    }

    .btn-hauses {
        padding: 8px 20px;
    }

    .btn-hauses.w--current {
        padding: 0;
    }

    .p-16-10 {
        margin: 0;
        font-size: 3.5vw;
    }

    .rows-table-4 {
        height: 11.25vw;
        padding-top: 2.5vw;
        padding-bottom: 2.5vw;
    }

    .section-8 {
        max-width: none;
        padding-left: 0;
        padding-right: 0;
        display: flex;
    }

    .p-28-bold-6 {
        font-size: 6.875vw;
    }

    .p-16-11 {
        font-size: 4.11765vw;
    }

    .left-arrow-6 {
        align-items: flex-end;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        display: flex;
        top: auto;
        bottom: 0%;
        left: auto;
        right: auto;
    }

    .rows-table-6 {
        height: 14.375vw;
        grid-column-gap: 2.5vw;
        grid-row-gap: 2.5vw;
        padding: 0 0 0 2.5vw;
        overflow: hidden;
    }

    .t-table-14-5 {
        max-width: none;
        flex: 0 auto;
        font-size: 3.75vw;
        line-height: 115%;
    }

    .t-table-14-5.num {
        font-size: 3.75vw;
    }

    .div-table-2 {
        width: 100%;
        display: block;
    }

    .vectors-wrapper-14 {
        width: 100%;
        height: 280px;
        object-fit: cover;
        border-radius: 8px;
    }

    .frame-146 {
        display: none;
    }

    .frame-150 {
        grid-column-gap: 5vw;
        grid-row-gap: 5vw;
        flex-direction: column;
        padding-left: 16px;
        padding-right: 16px;
    }

    .t-table-14-6 {
        font-size: 3.75vw;
    }

    .num-tabl-3 {
        padding-left: 2.5vw;
    }

    .frame-147 {
        display: none;
    }

    .frame-151 {
        width: 400%;
        height: auto;
        background-color: rgba(0, 0, 0, 0);
        flex-wrap: nowrap;
        flex: 0 auto;
        align-content: center;
        justify-content: center;
    }

    .frame-151.title {
        justify-content: flex-end;
        padding-right: 20px;
    }

    .frame-151.fill {
        flex-wrap: wrap;
        flex: 0 auto;
        align-content: flex-start;
    }

    .frame-151.dark {
        width: 130%;
        height: 100%;
        background-color: #cfd0db;
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .container {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: center;
        align-items: flex-start;
        padding-left: 16px;
        padding-right: 16px;
    }

    .img-text-block {
        width: 48%;
        height: 158px;
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        object-fit: fill;
        border-radius: 8px;
        overflow: hidden;
    }

    .cont-img {
        width: 100%;
        height: 158px;
        max-width: none;
        object-fit: cover;
    }

    .p-28-bold-7 {
        font-size: 6.875vw;
    }

    .p-28-bold-7.footer-text {
        font-size: 5.625vw;
    }

    .h3-44-5 {
        width: 100%;
        color: #5f6289;
        font-size: 6.875vw;
    }

    .frame-152 {
        padding-top: 6.25vw;
        padding-bottom: 6.25vw;
        font-size: 4vw;
    }

    .frame-153 {
        max-width: none;
    }

    .frame-154 {
        width: 100%;
        grid-column-gap: 12.5vw;
        grid-row-gap: 12.5vw;
        align-items: center;
    }

    .frame-154.contacts, .nav-link-3 {
        display: none;
    }

    .div-heder-3 {
        height: auto;
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-direction: column;
        align-items: flex-start;
        padding-left: 16px;
        padding-right: 16px;
    }

    .frame-155 {
        height: auto;
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        flex-direction: column;
        align-items: flex-start;
    }

    .p-16-12 {
        margin: 0;
        font-size: 3.5vw;
    }

    .rows-table-9 {
        height: 11.25vw;
        padding-top: 2.5vw;
        padding-bottom: 2.5vw;
    }

    .frame-156 {
        grid-column-gap: 5vw;
        grid-row-gap: 5vw;
        flex-direction: column;
        padding-left: 16px;
        padding-right: 16px;
    }

    .p-28-bold-8 {
        font-size: 6.875vw;
    }

    .div-table-3 {
        display: none;
    }

    .div-table-3.mob {
        grid-column-gap: 1.25vw;
        grid-row-gap: 1.25vw;
        background-color: rgba(0, 0, 0, 0);
        padding-left: 0;
        display: flex;
    }

    .div-table-4 {
        width: 100%;
        display: block;
    }

    .vectors-wrapper-18 {
        width: 100%;
        height: 280px;
        object-fit: cover;
        border-radius: 8px;
    }

    .frame-159 {
        display: none;
    }

    .section-9 {
        max-width: none;
        padding-left: 0;
        padding-right: 0;
        display: flex;
    }

    .t-table-14-9 {
        font-size: 3.75vw;
    }

    .num-tabl-4 {
        padding-left: 2.5vw;
    }

    .frame-161 {
        display: none;
    }

    .frame-162 {
        width: 400%;
        height: auto;
        background-color: rgba(0, 0, 0, 0);
        flex-wrap: nowrap;
        flex: 0 auto;
        align-content: center;
        justify-content: center;
    }

    .frame-162.title {
        justify-content: flex-end;
        padding-right: 20px;
    }

    .frame-162.fill {
        flex-wrap: wrap;
        flex: 0 auto;
        align-content: flex-start;
    }

    .frame-162.dark {
        width: 130%;
        height: 100%;
        background-color: #cfd0db;
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .t-table-17 {
        font-size: 3.75vw;
    }

    .t-table-17.num {
        width: auto;
        font-size: 3.75vw;
    }

    .rows-table-13 {
        height: 11.25vw;
        padding-top: 2.5vw;
        padding-bottom: 2.5vw;
    }

    .frame-163 {
        grid-column-gap: 5vw;
        grid-row-gap: 5vw;
        flex-direction: column;
        padding-left: 16px;
        padding-right: 16px;
    }

    .p-28-bold-9 {
        font-size: 6.875vw;
    }

    .div-table-5 {
        width: 100%;
        display: block;
    }

    .vectors-wrapper-22 {
        width: 100%;
        height: 280px;
        object-fit: cover;
        border-radius: 8px;
    }

    .frame-166 {
        display: none;
    }

    .section-10 {
        max-width: none;
        padding-left: 0;
        padding-right: 0;
        display: flex;
    }

    .t-table-14-12 {
        font-size: 3.75vw;
    }

    .num-tabl-5 {
        padding-left: 2.5vw;
    }

    .frame-168 {
        display: none;
    }

    .frame-169 {
        width: 400%;
        height: auto;
        background-color: rgba(0, 0, 0, 0);
        flex-wrap: nowrap;
        flex: 0 auto;
        align-content: center;
        justify-content: center;
    }

    .frame-169.title {
        justify-content: flex-end;
        padding-right: 20px;
    }

    .frame-169.fill {
        flex-wrap: wrap;
        flex: 0 auto;
        align-content: flex-start;
    }

    .frame-169.dark {
        width: 130%;
        height: 100%;
        background-color: #cfd0db;
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .t-table-22 {
        font-size: 3.75vw;
    }

    .t-table-22.num {
        width: auto;
        font-size: 3.75vw;
    }

    .rows-table-17 {
        height: 11.25vw;
        padding-top: 2.5vw;
        padding-bottom: 2.5vw;
    }

    .frame-170 {
        grid-column-gap: 5vw;
        grid-row-gap: 5vw;
        flex-direction: column;
        padding-left: 16px;
        padding-right: 16px;
    }

    .vectors-wrapper-25.inf-icon {
        width: auto;
        height: auto;
    }

    .p-28-bold-10 {
        font-size: 6.875vw;
    }

    .div-table-6 {
        width: 100%;
        display: block;
    }

    .vectors-wrapper-26 {
        width: 100%;
        height: 280px;
        object-fit: cover;
        border-radius: 8px;
    }

    .frame-173 {
        display: none;
    }

    .section-11 {
        max-width: none;
        padding-left: 0;
        padding-right: 0;
        display: flex;
    }

    .t-table-14-15 {
        font-size: 3.75vw;
    }

    .num-tabl-6 {
        padding-left: 2.5vw;
    }

    .frame-175 {
        display: none;
    }

    .frame-176 {
        width: 400%;
        height: auto;
        background-color: rgba(0, 0, 0, 0);
        flex-wrap: nowrap;
        flex: 0 auto;
        align-content: center;
        justify-content: center;
    }

    .frame-176.title {
        justify-content: flex-end;
        padding-right: 20px;
    }

    .frame-176.fill {
        flex-wrap: wrap;
        flex: 0 auto;
        align-content: flex-start;
    }

    .frame-176.dark {
        width: 130%;
        height: 100%;
        background-color: #cfd0db;
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .t-table-27 {
        font-size: 3.75vw;
    }

    .t-table-27.num {
        width: auto;
        font-size: 3.75vw;
    }

    .rows-table-21 {
        height: 11.25vw;
        padding-top: 2.5vw;
        padding-bottom: 2.5vw;
    }

    .frame-177 {
        grid-column-gap: 5vw;
        grid-row-gap: 5vw;
        flex-direction: column;
        padding-left: 16px;
        padding-right: 16px;
    }

    .p-28-bold-11 {
        font-size: 6.875vw;
    }

    .div-table-7 {
        width: 100%;
        display: block;
    }

    .vectors-wrapper-30 {
        width: 100%;
        height: 280px;
        object-fit: cover;
        border-radius: 8px;
    }

    .frame-180 {
        display: none;
    }

    .section-12 {
        max-width: none;
        padding-left: 0;
        padding-right: 0;
        display: flex;
    }

    .t-table-14-18 {
        font-size: 3.75vw;
    }

    .num-tabl-7 {
        padding-left: 2.5vw;
    }

    .frame-182 {
        display: none;
    }

    .frame-183 {
        width: 400%;
        height: auto;
        background-color: rgba(0, 0, 0, 0);
        flex-wrap: nowrap;
        flex: 0 auto;
        align-content: center;
        justify-content: center;
    }

    .frame-183.title {
        justify-content: flex-end;
        padding-right: 20px;
    }

    .frame-183.fill {
        flex-wrap: wrap;
        flex: 0 auto;
        align-content: flex-start;
    }

    .frame-183.dark {
        width: 130%;
        height: 100%;
        background-color: #cfd0db;
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .p-24-8 {
        width: auto;
        flex-direction: column;
        flex: none;
        align-self: flex-start;
        padding-top: 0;
        font-size: 4.7vw;
        font-weight: 500;
        display: flex;
    }

    .p-24-8.desk {
        display: none;
    }

    .p-24-8.mob {
        display: block;
    }

    .logo-2 {
        width: 39vw;
        object-fit: fill;
        padding: .15vw;
    }

    .nav-2 {
        max-width: none;
        padding-top: 16px;
        padding-left: 5vw;
        padding-right: 5vw;
        display: flex;
    }

    .nav-link-4 {
        display: none;
    }

    .div-fill-2 {
        display: flex;
    }

    .mob-frame-2 {
        width: 100%;
        height: auto;
        justify-content: space-between;
        align-items: center;
        padding: 2.4vw;
        text-decoration: none;
        display: flex;
        position: relative;
    }

    .mob-line-2 {
        width: 100%;
        height: 1px;
        background-color: #4c4e6e;
        border: 0 #000;
        justify-content: space-between;
        align-items: flex-start;
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        display: flex;
    }

    .open-menu-2 {
        z-index: 2;
        width: 100vw;
        height: 250vw;
        max-height: none;
        grid-column-gap: 12.5vw;
        grid-row-gap: 12.5vw;
        background-color: #262737;
        flex-flow: column;
        justify-content: flex-start;
        align-self: auto;
        align-items: flex-start;
        padding-top: 30vw;
        padding-left: 4.7vw;
        padding-right: 4.7vw;
        display: none;
        position: absolute;
        top: 0;
        bottom: 0%;
        left: 0%;
        right: 0%;
    }

    .menu-wrapper-2 {
        width: 100%;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        flex-direction: column;
        flex: 1;
        justify-content: flex-start;
        padding-top: 0;
        padding-bottom: 0;
        display: flex;
    }

    .menu-wrapper-contacts-2 {
        width: 100%;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        flex-direction: column;
        justify-content: space-between;
        padding-top: 0;
        padding-bottom: 0;
        display: flex;
    }

    .copy-right-text-2 {
        width: 100%;
        height: auto;
        color: #a27e52;
        font-size: 11px;
        display: flex;
    }

    .copy-rights-2 {
        width: 100%;
        flex: none;
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0;
    }

    .nav-link-mob-2 {
        color: #a27e52;
        margin-left: 0;
        margin-right: 0;
        padding: 1vw 0;
        text-decoration: none;
        display: flex;
    }

    .text-24, .btn.inner {
        font-size: 4.7vw;
    }

    .text-18 {
        flex: 0 auto;
        font-size: 3.5vw;
    }

    .text-40 {
        font-size: 6vw;
    }

    .text-36 {
        font-size: 6.4vw;
    }

    .pop-up {
        display: none;
    }

    .btn_coll-copy {
        height: 31px;
    }

    .btn_coll-copy.footer-btn, .btn_coll-copy.footer-btn-copy {
        height: 40px;
        margin-top: 12.5vw;
        padding-top: 0;
        padding-bottom: 0;
        font-size: 4vw;
    }
}