html {
    /* overflow-x: hidden;*/
    margin: 0 !important;
}

.big-bg.active {
    opacity: 1;
    visibility: visible;
}

.big-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    -webkit-backdrop-filter: blur(0.1563vw);
    backdrop-filter: blur(0.1563vw);
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
}

input {
    border-radius: 0 !important
}

:root {
    --main-color: #2E6B75;
    --dark-color: #2D2D2D;
    --light-color: #fff;
}

body {
    position: relative;
    background: #FFFFFF;
    color: #07153b;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: auto;
    font-family: "Montserrat", sans-serif;
    margin: 0 !important;
}

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

html.stop,
body.stop {
    /* overflow: hidden;*/
    position: relative;
    height: 100%;
}

img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    text-decoration: none;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
    margin: 0.5208vw;
    background: none;
    width: 0vw;
}

html::-webkit-scrollbar-button,
body::-webkit-scrollbar-button {
    display: none;
}

html::-webkit-scrollbar-track-piece,
body::-webkit-scrollbar-track-piece {
    background: rgba(0, 0, 0, 0.15);
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
    margin: 0.5208vw;
    background: rgba(0, 0, 0, 0.75);
    border-radius: 0.1563vw;
}

.container {
    position: relative;
    width: 100%;
    max-width: 90.27778vw;
    padding: 0;
    margin: auto;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

html {
    margin: 0 !important;
}

header {}

.hm-1 {
    margin: 0.69444vw;
    border-radius: 1.66667vw;
    height: 54.86111vw;
    background-color: #f1f0ff;
    background: url(../img/home/hm-1-bg.png) center center no-repeat;
    background-size: cover;
}

.hm-1 .container {
    height: 100%;
    grid-gap: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.hm-1 .plug {
    margin-top: 10.69444vw;
    border: 0.06944vw solid #dddcf2;
    border-radius: 6944.44444vw;
    height: 4.16667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0.69444vw 2.77778vw 0.69444vw 0.69444vw;
    grid-gap: 1.38889vw;
    font-family: "Inter Tight", sans-serif;
    font-weight: 400;
    font-size: 1.11111vw;
    line-height: 150%;
    color: #8381a2;
}

.hm-1 .plug img {
    height: 2.77778vw;
    width: auto;
}

.hm-1 .plug strong {
    font-weight: 600;
}

.hm-1 h1 {
    margin-top: 2.77778vw;
    font-family: "Inter Tight", sans-serif;
    font-weight: 600;
    font-size: 5vw;
    line-height: 100%;
    color: #100e29;
    max-width: 54.51389vw;
    opacity: 0.88;
}

.hm-1 h1 svg {
    width: 2.77778vw;
    height: 2.77778vw;
}

.hm-1 h1 span {
    color: #635bff;
}

.hm-1 .tick {
    margin-top: 2.77778vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Inter Tight", sans-serif;
    font-weight: 400;
    font-size: 1.38889vw;
    line-height: 140%;
    color: #100e29;
    grid-gap: 2.08333vw;
}

.hm-1 .tick svg {
    width: 4.16667vw;
    height: 4.16667vw;
}

.hm-1 .tick p {
    max-width: 22.56944vw;
}

.hm-1 .tick strong {
    font-weight: 600;
}

.hm-1 .btn {
    margin-top: 4.16667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 694.44444vw;
    padding: 1.80556vw 2.22222vw 1.80556vw 3.33333vw;
    width: 21.52778vw;
    font-family: "Inter Tight", sans-serif;
    font-weight: 500;
    font-size: 1.38889vw;
    line-height: 140%;
    color: #fff;
    background: #635bff;
    cursor: pointer;
}

.hm-1 .btn svg {
    width: 1.66667vw;
    height: 1.66667vw
}

.hm-1 .plugs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 5.55556vw;
    right: 0;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 1.38889vw;
}

.hm-1 .plugs .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 2.22222vw;
    border-radius: 1.11111vw;
    padding: 1.38889vw 2.22222vw;
    width: 19.44444vw;
    height: 5.55556vw;
    -webkit-box-shadow: 0 0 6.94444vw 0 rgba(16, 14, 41, 0.2);
    box-shadow: 0 0 6.94444vw 0 rgba(16, 14, 41, 0.2);
    background: #fff;
    font-family: "Inter Tight", sans-serif;
    font-weight: 600;
    font-size: 1.11111vw;
    line-height: 125%;
    color: #100e29;
}

.hm-1 .plugs .item svg {
    width: 1.11111vw;
    height: 1.11111vw;
}

.hm-1 .plugs .item:nth-child(2) {
    margin-left: 2.77778vw;
}

.hm-1 .plugs .item:nth-child(1) {
    margin-left: 5.55556vw;
}

.hm-2 {
    margin: 0 0.69444vw;
    border-radius: 1.66667vw;
    border: 0.06944vw solid #dddcf2;
    padding: 5.55556vw 0;
}

.hm-2 h2 {
    font-family: "Inter Tight", sans-serif;
    font-weight: 600;
    font-size: 3.33333vw;
    line-height: 100%;
    color: #100e29;
}

.hm-2 .list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 0.34722vw 1fr 0.34722vw 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 4.16667vw;
    grid-gap: 0.34722vw;
    width: 100%;
}

.hm-2 .list .box {
    position: relative;
    padding: 2.08333vw;
    height: 36.11111vw;
    border-radius: 1.66667vw;
    overflow: hidden;
}

.hm-2 .list .box h3 {
    font-family: "Inter Tight", sans-serif;
    font-weight: 500;
    font-size: 2.22222vw;
    line-height: 125%;
    color: #100e29;
}

.hm-2 .list .box p {
    font-family: "Inter Tight", sans-serif;
    font-weight: 400;
    font-size: 1.11111vw;
    line-height: 125%;
    color: #8381a2;
    max-width: 15.27778vw;
    margin-top: 1.38889vw;
}

.hm-2 .list .box svg {
    position: absolute;
    top: 2.08333vw;
    right: 2.08333vw;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    width: 4.16667vw;
    height: 4.16667vw;
}

.hm-2 .list .box:hover svg {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.hm-2 .list .box:nth-child(1) {
    background: url(../img/home/hm-2-1.png) center center no-repeat;
    background-size: cover
}

.hm-2 .list .box:nth-child(2) {
    background: url(../img/home/hm-2-2.png) center center no-repeat;
    background-size: cover
}

.hm-2 .list .box:nth-child(3) {
    background: url(../img/home/hm-2-3.png) center center no-repeat;
    background-size: cover;
}

.hm-3 {
    margin-top: 5.76389vw;
}

.hm-3 .container {
    height: 45.13889vw;
    background: url(../img/home/hm-3-bg.png) center center no-repeat;
    background-size: cover;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1.66667vw;
    grid-gap: 5.90278vw;
}

.hm-3 .container h2 {
    font-family: "Inter Tight", sans-serif;
    font-weight: 500;
    font-size: 2.22222vw;
    line-height: 125%;
    text-align: center;
    color: rgba(131, 129, 162, 0.75);
}

.hm-3 .container h2 svg {
    width: 0.97222vw;
    height: 0.97222vw;
}

.hm-3 .main-img {
    width: 13.88889vw;
    height: 13.88889vw;
}

.hm-3 p {
    font-family: "Inter Tight", sans-serif;
    font-weight: 500;
    font-size: 2.22222vw;
    line-height: 125%;
    text-align: center;
    color: rgba(131, 129, 162, 0.75);
}

.hm-4 {
    margin: 11.11111vw 0.69444vw 0.69444vw;
    border-radius: 1.66667vw;
    background: url(../img/home/hm-4-bg.png) center center no-repeat;
    background-size: cover;
    height: 52.08333vw;
    padding-top: 5.55556vw;
}

.hm-4 h2,
.hm-5 h2 {
    font-family: "Inter Tight", sans-serif;
    font-weight: 600;
    font-size: 3.33333vw;
    line-height: 100%;
    color: #100e29;
}

.hm-4 .list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 0.27778vw 1fr;
    grid-template-columns: 1fr 1fr;
    margin-top: 4.16667vw;
    grid-gap: 0.27778vw;
    width: 44.44444vw;
}

.hm-4 .list .box {
    background: #fff;
    border-radius: 1.66667vw;
    height: 16.66667vw;
    padding: 2.08333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-gap: 1.38889vw;
}

.hm-4 .list .box .i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-gap: 1.38889vw;
}

.hm-4 .list .box svg {
    height: 4.16667vw;
    width: 4.16667vw;
}

.hm-4 .list .box h3 {
    font-family: "Inter Tight", sans-serif;
    font-weight: 600;
    font-size: 1.66667vw;
    line-height: 133%;
    color: #100e29;
}

.hm-4 .list .box p {
    font-family: "Inter Tight", sans-serif;
    font-weight: 400;
    font-size: 1.11111vw;
    line-height: 125%;
    color: #100e29;
}

.hm-5 {
    margin-top: 11.11111vw;
}

.hm-5 .container {
    max-width: 44.44444vw;
}

.hm-5 h2 {
    width: 100%;
    text-align: center;
}

.hm-5 .line {
    border: 0.06944vw solid #dddcf2;
    border-right: none;
    border-left: none;
    border-bottom: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    overflow: hidden
}

.hm-5 .box {
    margin-top: 4.16667vw;
    width: 100%;
}

.hm-5 .head {
    min-height: 2.43056vw;
    font-size: 1.25vw;
    font-weight: 400;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.hm-5 .head h3 {
    margin-top: 2.5vw;
    margin-bottom: 2.5vw;
    font-family: "Inter Tight", sans-serif;
    font-weight: 500;
    font-size: 1.38889vw;
    line-height: 140%;
    color: #100e29;
    /* max-width: 28.81944vw; */
}

.hm-5 .box .line:last-child {
    border-bottom: 0.06944vw solid #dddcf2;
}

.hm-5 .close {
    min-width: 4.16667vw;
    min-height: 4.16667vw;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background: url(../img/home/hm-5-close.svg) center center no-repeat;
    background-size: cover;
}

.block-14 .line.active .close {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.hm-5 .text {
    position: relative
}

.hm-5 .text .p {
    position: absolute;
    padding-bottom: 0.69444vw;
    max-width: calc(100% - 2.77778vw);
    font-family: "Inter Tight", sans-serif;
    font-weight: 400;
    font-size: 1.11111vw;
    line-height: 125%;
    color: #100e29;
    opacity: 0.6;
}

.hm-5 .text p .list {
    margin: 1.38889vw 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-gap: 0.69444vw;
}

.hm-5 .text p .list span {
    position: relative;
    padding-left: 1.04167vw;
}

.hm-5 .text p .list span:before {
    content: '';
    position: absolute;
    top: 0.34722vw;
    left: 0;
    width: 0.41667vw;
    height: 0.41667vw;
    background: #fff;
    opacity: 0.4;
    border-radius: 50%;
}

.hm-6 {
    margin-top: 11.11111vw;
}

.hm-6 .cont {
    max-height: 12.5vw;
    overflow: auto;
}

.hm-6 .cont {
    -webkit-font-smoothing: subpixel-antialiased;
    letter-spacing: 0.02em;
    /* Например, 0.02em */
}

.hm-6 .cont::-webkit-scrollbar {
    margin: 0vw;
    background: #F4F3FF;
    border-radius: 694.44444vw;
    width: 0.27778vw;
}

.hm-6 .cont::-webkit-scrollbar-button {
    display: none;
}

.hm-6 .cont::-webkit-scrollbar-track-piece {
    background: rgba(0, 0, 0, 0.0);
}

.hm-6 .cont::-webkit-scrollbar-thumb {
    width: 0.27778vw;
    background: #8381A2;
    border-radius: 0.69444vw;
    ;
}

.hm-6 h2 {
    font-family: "Inter Tight", sans-serif;
    font-weight: 500;
    font-size: 1.11111vw;
    line-height: 125%;
    color: #8381a2;
}

.hm-6 p {
    font-family: "Inter Tight", sans-serif;
    font-weight: 400;
    font-size: 0.97222vw;
    line-height: 143%;
    color: #8381a2;
    margin-top: 1.38889vw;
}

.hm-7 {
    margin-top: 11.11111vw;
}

.hm-7 h2 {
    max-width: 36.11111vw;
    margin: auto;
    font-family: "Inter Tight", sans-serif;
    font-weight: 600;
    font-size: 3.33333vw;
    line-height: 100%;
    text-align: center;
    color: #100e29;
}

.hm-7 h2 svg {
    width: 1.04167vw;
    height: 1.04167vw;
    margin-bottom: 0.34722vw;
}

.hm-7 .subhead {
    display: none;
}

.hm-7 .cont {
    width: 90.27778vw;
    margin-top: 3.26389vw;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1.38889vw 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1.38889vw;
}

.hm-7 .cont .left {
    position: relative;
    /* background: red; */
}

.hm-7 .cont .left:before {
    content: '';
    position: absolute;
    top: 0;
    right: -0.69444vw;
    width: 0.06944vw;
    height: 100%;
    background: #DDDCF2;
}

.hm-7 .cont .left:after {
    content: '';
    position: absolute;
    top: 14.58333vw;
    right: -0.69444vw;
    width: 5.55556vw;
    height: 5.55556vw;
    background: url(../img/home/hm-7-after.svg) center center no-repeat;
    background-size: cover;
    -webkit-transform: translate(50%, 0);
    -ms-transform: translate(50%, 0);
    transform: translate(50%, 0);
}

.hm-7 .cont .left h3 {
    font-family: "Inter Tight", sans-serif;
    font-weight: 600;
    font-size: 1.11111vw;
    line-height: 150%;
    color: #100e29;
}

.hm-7 .cont .left .plugs {
    height: 2.77778vw;
    margin-top: 1.38889vw;
}

.hm-7 .cont .left .plugs svg {
    height: 2.77778vw;
    width: auto;
}

.hm-7 .cont .left .form1 {
    border: 0.27778vw solid #00d47e;
    border-radius: 1.66667vw;
    width: 36.80556vw;
    height: 19.44444vw;
    padding: 1.45833vw 1.80556vw;
    margin-top: 2.08333vw;
}

.hm-7 .cont .left .form1 .inputs {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1.38889vw 1fr;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 1.38889vw;
    grid-row-gap: 2.77778vw;
    margin-top: 1.38889vw;
}

.hm-7 .cont .left .form1 h4 {
    font-family: "Inter Tight", sans-serif;
    font-weight: 600;
    font-size: 1.11111vw;
    line-height: 150%;
    color: #100e29;
}

.hm-7 .cont .left .form-1-2 .i,
.hm-7 .cont .left .form1 .i {
    position: relative;
}

.hm-7 .cont .left .form1 .i:nth-child(1) {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 2;
    grid-column-end: 3;
}

.hm-7 .cont .left .form-1-2 .i span,
.hm-7 .cont .left .form1 .i span {
    position: absolute;
    left: 1.38889vw;
    opacity: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    font-family: "Inter Tight", sans-serif;
    font-weight: 400;
    font-size: 1.11111vw;
    line-height: 125%;
    color: #8381a2;
    opacity: 1;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.hm-7 .cont .left .form-1-2 .i input,
.hm-7 .cont .left .form1 .i input {
    border: 0.06944vw solid #dddcf2;
    border-radius: 0.55556vw !important;
    width: 100%;
    height: 4.16667vw;
    padding-left: 1.38889vw;
    outline: none;
    font-family: "Inter Tight", sans-serif;
    font-weight: 600;
    font-size: 1.11111vw;
    line-height: 125%;
    color: #100e29;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}


.hm-7 .cont .left .form-1-2 .i input:focus + span,
.hm-7 .cont .left .form-1-2 .i input:not(:placeholder-shown) + span,
.hm-7 .cont .left .form1 .i input:focus + span,
.hm-7 .cont .left .form1 .i input:not(:placeholder-shown) + span {
    opacity: 1;
    top: 0.625vw;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.hm-7 .cont .left .form-1-2 .i input:focus::placeholder,
.hm-7 .cont .left .form-1-2 .i input:not(:placeholder-shown),
.hm-7 .cont .left .form1 .i input:focus,
.hm-7 .cont .left .form1 .i input:not(:placeholder-shown) {
    padding-top: 1.45833vw;
}

.hm-7 .cont .left .form-1-2 .i input::placeholder,
.hm-7 .cont .left .form1 .i input::placeholder {
    font-family: "Inter Tight", sans-serif;
    font-weight: 600;
    font-size: 1.11111vw;
    line-height: 125%;
    color: transparent;
}

.hm-7 .cont .left .form-1-2 .i input:focus::placeholder,
.hm-7 .cont .left .form1 .i input:focus::placeholder {
    color: #8381a2;
}

.hm-7 .cont .left .form-1-2 {
    padding: 2.08333vw;
    width: 36.80556vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 1.38889vw;
}

.hm-7 .cont .left p {
    font-family: "Inter Tight", sans-serif;
    font-weight: 400;
    font-size: 0.97222vw;
    line-height: 143%;
    color: #8381a2;
    max-width: 25.33333vw;
    padding-left: 2.08333vw;
}

.hm-7 .cont .left .img-row {
    margin-top: 2.08333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 0.69444vw;
    padding-left: 2.08333vw;
}

.hm-7 .cont .left .img-row svg {
    height: 4.16667vw;
    width: auto;
}

.hm-7 .cont .right {
    padding-left: 7.63889vw;
}

.hm-7 .cont .right .row1 {
    font-family: "Inter Tight", sans-serif;
    font-weight: 400;
    font-size: 1.11111vw;
    line-height: 125%;
    color: #8381a2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    grid-gap: 1.38889vw;
    margin-top: 3.05556vw;
}

.hm-7 .cont .right .row1 svg {
    width: 2.77778vw;
    height: 2.77778vw;
}

.hm-7 .cont .right .row1 strong {
    font-weight: 600;
}

.hm-7 .cont .right .form2 {
    background: #635bff;
    margin-top: 2.08333vw;
    padding: 1.73611vw 2.08333vw;
    height: 19.44444vw;
    width: 36.11111vw;
    border-radius: 1.66667vw;
    width: 36.80556vw;
    height: 19.44444vw;
}

.hm-7 .cont .right .form2 h4 {
    font-family: "Inter Tight", sans-serif;
    font-weight: 600;
    font-size: 1.11111vw;
    line-height: 150%;
    color: #fff;
    margin-bottom: 1.38889vw;
}

.hm-7 .cont .right .form2 input {
    border-radius: 0.55556vw !important;
    width: 100%;
    border: none;
    background: #fff;
    outline: none;
    height: 4.16667vw;
    padding: 1.38889vw;
    font-family: "Inter Tight", sans-serif;
    font-weight: 400;
    font-size: 1.11111vw;
    line-height: 125%;
    font-weight: 600;
    font-weight: 600;
    color: #100e29;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}


.hm-7 .cont .right .form2 input::placeholder {
    font-family: "Inter Tight", sans-serif;
    font-weight: 400;
    font-size: 1.11111vw;
    line-height: 125%;
    color: #8381a2;
}

.hm-7 .cont .right .form2 .i {
    position: relative;
}

.hm-7 .cont .right .form2 .i .span1 {
    position: absolute;
    top: 46%;
    right: 2.08333vw;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-family: "Inter Tight", sans-serif;
    font-weight: 600;
    font-size: 1.11111vw;
    line-height: 125%;
    color: #100e29;
}

.hm-7 .cont .right .form2 .i .span2 {
    position: absolute;
    top: 46%;
    right: 5.27778vw;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: url(../img/home/hm-7-input-info.svg) center center no-repeat;
    background-size: cover;
    width: 1.66667vw;
    height: 1.66667vw;
}

.hm-7 .cont .right .row2 {
    margin-top: 2.77778vw;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 19.44444vw 1.38889vw 1fr;
    grid-template-columns: 19.44444vw 1fr;
    grid-gap: 1.38889vw;
}

.hm-7 .cont .right .row2 .info p:nth-child(1) {
    font-family: "Inter Tight", sans-serif;
    font-weight: 500;
    font-size: 0.97222vw;
    line-height: 143%;
    color: #fff;
    margin-bottom: 0.27778vw;
}

.hm-7 .cont .right .row2 .info .calc {
    font-family: "Inter Tight", sans-serif;
    font-weight: 600;
    font-size: 1.11111vw;
    line-height: 125%;
    color: #fff;
}

.hm-7 .cont .right .row3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2.08333vw 2.08333vw 2.5vw;
    grid-gap: 1.38889vw;
    font-family: "Inter Tight", sans-serif;
    font-weight: 400;
    font-size: 1.11111vw;
    line-height: 125%;
    color: #100e29;
    border-bottom: 0.06944vw solid #dddcf2;
}

.hm-7 .cont .right .row3 div {
    width: 1.66667vw;
    height: 1.66667vw;
    border: 0.06944vw solid #8381a2;
    border-radius: 0.55556vw;
    cursor: pointer;
    -webkit-transition: o.3s;
    -o-transition: o.3s;
    transition: o.3s;
}

.hm-7 .cont .right .row3 div.active {
    border-color: #635BFF;
    background: #635BFF url(../img/home/hm-7-input-tick.svg) center center no-repeat;
    background-size: cover;
}

.hm-7 .cont .right .final {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 2.08333vw;
    font-family: "Inter Tight", sans-serif;
    font-weight: 600;
    font-size: 1.38889vw;
    line-height: 140%;
    text-align: right;
    color: #100e29;
}

.hm-7 .cont .right .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 694.44444vw;
    padding: 1.80556vw 2.22222vw 1.80556vw 3.33333vw;
    width: 100%;
    font-family: "Inter Tight", sans-serif;
    font-weight: 500;
    font-size: 1.38889vw;
    line-height: 140%;
    color: #fff;
    background: #635bff;
    cursor: pointer;
}

.hm-7 .cont .right .btn svg {
    width: 1.66667vw;
    height: 1.66667vw
}

.hm-7 .cont .right .desc {
    font-family: "Inter Tight", sans-serif;
    font-weight: 400;
    font-size: 0.97222vw;
    line-height: 143%;
    text-align: center;
    color: #8381a2;
    margin-top: 2.08333vw;
}

.hm-7 .cont .right .mob-desc{
    display: none;
}

.hm-7 .cont .right .desc strong {
    font-weight: 600;
}

.footer {
    margin: 0.69444vw;
    margin-top: 5.55556vw;
    border-radius: 1.66667vw;
    background: url(../img/footer/footer-bg.svg) center center no-repeat;
    background-size: cover;
}

.footer .ftr-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    grid-gap: 2.77778vw;
}

.footer .ftr-1 h2 {
    margin-top: 5.97222vw;
    font-family: "Inter Tight", sans-serif;
    font-weight: 600;
    font-size: 3.33333vw;
    line-height: 100%;
    text-align: center;
    color: #fff;
}

.footer .ftr-1 a {
    border-radius: 694.44444vw;
    padding: 1.94444vw 3.33333vw;
    background: #fff;
    font-family: "Inter Tight", sans-serif;
    font-weight: 500;
    font-size: 1.11111vw;
    line-height: 150%;
    color: #100e29;
    cursor: pointer;
}

.footer .ftr-2 {
    margin-top: 5.27778vw;
    width: 100%;
    margin-bottom: 4.16667vw;
    border-radius: 1.11111vw;
    background: #fff;
}

.footer .ftr-2 .r1 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 4fr 1.38889vw 4fr 1.38889vw 1fr 1.38889vw 3fr;
    grid-template-columns: 4fr 4fr 1fr 3fr;
    grid-gap: 1.38889vw;
    padding-bottom: 2.36111vw;
}

.footer .ftr-2 .r1 .col1 {
    padding: 2.08333vw 0 0 2.08333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.footer .ftr-2 .r1 .col1 img {
    height: 3.47222vw;
    width: auto;
}

.footer .ftr-2 .r1 .col1 .up p,
.footer .ftr-2 .r1 .col1 .down .head {
    font-family: "Inter Tight", sans-serif;
    font-weight: 400;
    font-size: 0.97222vw;
    line-height: 143%;
    color: #8381a2;
    margin-top: 2.08333vw;
    max-width: 19.44444vw;
}

.footer .ftr-2 .r1 .col1 .up p.mob {
    display: none;
}

.footer .ftr-2 .r1 .col1 .down a {
    margin-top: 0.41667vw;
    font-family: "Inter Tight", sans-serif;
    font-weight: 500;
    font-size: 1.38889vw;
    line-height: 140%;
    color: #100e29;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.footer .ftr-2 .r1 .col1 .down a:hover {
    color: #635BFF;
}

.footer .ftr-2 .r1 .col2 {
    padding-top: 2.08333vw;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1.38889vw 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1.38889vw;
    grid-row-gap: 2.91666vw;
}

.footer .ftr-2 .r1 .col2 .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.footer .ftr-2 .r1 .col2 .head,
.footer .ftr-2 .r1 .col3 .head {
    font-family: "Inter Tight", sans-serif;
    font-weight: 400;
    font-size: 0.97222vw;
    line-height: 143%;
    color: #8381a2;
    margin-bottom: 0.97222vw;
}

.footer .ftr-2 .r1 .col2 a,
.footer .ftr-2 .r1 .col3 a{
    font-family: "Inter Tight", sans-serif;
    font-weight: 500;
    font-size: 0.97222vw;
    line-height: 143%;
    color: #100e29;
    margin-top: 0.41667vw;
    display: block;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.footer .ftr-2 .r1 .col2 a:hover,
.footer .ftr-2 .r1 .col3 a:hover{
    color: #635BFF;
}

.footer .ftr-2 .r1 .col3 {
    padding-top: 2.08333vw;
    padding-right: 2.08333vw;
}

.footer .ftr-2 .r1 .col3 p {
    font-family: "Inter Tight", sans-serif;
    font-weight: 400;
    font-size: 0.83333vw;
    line-height: 133%;
    color: #8381a2;
}

.footer .ftr-2 .r2 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 4fr 1.38889vw 2fr 1.38889vw 2fr 1.38889vw 1fr 1.38889vw 3fr;
    grid-template-columns: 4fr 2fr 2fr 1fr 3fr;
    grid-gap: 1.38889vw;
    padding: 2.08333vw 2.08333vw 1.66667vw;
    position: relative;
}

.footer .ftr-2 .r2 p,
.footer .ftr-2 .r2 a {
    font-family: "Inter Tight", sans-serif;
    font-weight: 400;
    font-size: 0.97222vw;
    line-height: 143%;
    color: #8381a2;
}

.footer .ftr-2 .r2 a {
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    color: #8381a2;
}

.footer .ftr-2 .r2:before {
    content: '';
    position: absolute;
    top: 0;
    left: 2.08333vw;
    width: calc(100% - 4.16667vw);
    height: 0.06944vw;
    background: #dddcf2;
}

.header {
    position: fixed;
    top: 2.08333vw;
    left: 2.08333vw;
    width: calc(100vw - 4.16667vw);
    background: #fff;
    border-radius: 1.11111vw;
    padding: 1.38889vw 0;
    z-index: 999;
    box-shadow: 0 0 6.94444vw 0 rgba(16, 14, 41, 0.15);
}

.header .container {
    display: grid;
    grid-template-columns: 3fr 5fr 1fr 2fr 1fr;
    align-items: center;
}

.header img {
    width: auto;
    height: 2.77778vw;
}

.header ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header ul a {
    font-family: "Inter Tight", sans-serif;
    font-weight: 500;
    font-size: 0.97222vw;
    line-height: 143%;
    text-align: center;
    color: #100e29;
    transition: 0.3s;
}

.header ul a:hover {
    color: #635bff;
}

.header .tel {
    font-family: "Inter Tight", sans-serif;
    font-weight: 500;
    font-size: 1.38889vw;
    line-height: 140%;
    color: #100e29;
    transition: 0.3s;
}

.header ul a:hover,
.header .tel:hover {
    color: #635bff;
}

.header .lang {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header .lang a {
    font-family: "Inter Tight", sans-serif;
    font-weight: 400;
    font-size: 0.97222vw;
    line-height: 143%;
    text-align: center;
    color: #8381a2;
}

.header .lang a.active {
    font-family: "Inter Tight", sans-serif;
    font-weight: 500;
    font-size: 1.38889vw;
    line-height: 140%;
    text-align: center;
    color: #635bff;
}

.header .lang p {
    font-family: "Inter Tight", sans-serif;
    font-weight: 300;
    font-size: 0.97222vw;
    line-height: 120%;
    text-align: center;
    color: #d3d2e8;
}

.header .menu-btn {
    display: none;
}


@media(max-width: 700px) {
    .container {
        max-width: 84.61538vw;
    }

    .hm-1 {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        border-radius: 6.15385vw;
        padding-bottom: 30.76923vw;
        margin: 2.5641vw;
        background: url(../img/home/hm-1-bg-mob-1.png) center center no-repeat;
        background-size: cover;
        position: relative;
        overflow: hidden;
    }

    .hm-1 .container {
        margin: 0;
        width: 100%;
        height: 100%;
        max-width: none;
        padding: 0 5.12821vw;
    }

    .hm-1 .container:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: calc(100% + 30.76923vw);
        background: url(../img/home/hm-1-bg-mob-2.png) center center no-repeat;
        background-size: cover;
        z-index: 10;
    }

    .hm-1 .plug {
        display: none;
    }

    .hm-1 h1 {
        margin-top: 30.76923vw;
        max-width: none;
        font-size: 8.20513vw;
        position: relative;
        z-index: 15;
    }

    .hm-1 h1 svg {
        width: 6.15385vw;
        height: 6.15385vw;
        margin-bottom: -1.53846vw;
    }

    .hm-1 .tick p {
        max-width: none;
    }

    .hm-1 .tick {
        font-size: 4.10256vw;
        margin-top: 7.69231vw;
        grid-gap: 7.69231vw;
        position: relative;
        z-index: 15;
    }

    .hm-1 .tick svg {
        height: 15.38462vw;
        width: 15.38462vw;
    }

    .hm-1 .btn {
        width: 100%;
        font-size: 4.10256vw;
        margin-top: 7.69231vw;
        padding: 4.61538vw 6.15385vw;
        position: relative;
        z-index: 15;
    }

    .hm-1 .btn svg {
        width: 5.1282vw;
        height: 5.1282vw;
    }

    .hm-1 .plugs {
        position: relative;
        bottom: inherit;
        right: inherit;
        width: 100%;
        margin-top: 10.25641vw;
        position: relative;
        z-index: 5;
    }

    .hm-1 .plugs .item {
        margin-left: 0 !important;
        width: 100%;
        -webkit-box-shadow: 0 0 25.64103vw 0 rgba(16, 14, 41, 0.2);
        box-shadow: 0 0 25.64103vw 0 rgba(16, 14, 41, 0.2);
        height: 17.4359vw;
        border-radius: 4.10256vw;
        font-size: 4.10256vw;
        grid-gap: 5.64103vw;
        padding: 0 5.64103vw;
    }

    .hm-1 .plugs .item svg {
        width: 4.10256vw;
        height: 4.10256vw;
    }

    .hm-1 .plugs .item:nth-child(1) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .hm-1 .plugs .item:nth-child(2) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .hm-2 {
        margin-top: 2.5641vw;
        border: 0.25641vw solid #dddcf2;
        border-radius: 6.15385vw;
        margin: 2.5641vw;
        padding: 17.94872vw 0 5.12821vw;
    }

    .hm-2 h2 {
        font-size: 7.17949vw;
    }

    .hm-2 .list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 5.12821vw;
    }

    .hm-2 .list .box {
        border-radius: 4.10256vw;
        height: 107.69231vw;
        padding: 5.12821vw;
    }

    .hm-2 .list .box h3 {
        font-size: 6.15385vw;
    }

    .hm-2 .list .box p {
        font-size: 4.10256vw;
        max-width: 56.41026vw;
    }

    .hm-2 .list .box svg {
        width: 12.30769vw;
        height: 12.30769vw;
        top: 5.12821vw;
        right: 5.12821vw;
    }

    .hm-3 {
        margin-top: 25.64103vw;
    }

    .hm-3 .container {
        height: 123.07692vw;
        grid-gap: 7.69231vw;
        border-radius: 4.10256vw;
        background: url(../img/home/hm-3-bg-mob.png) center center no-repeat;
        background-size: cover;
    }

    .hm-3 .container h2,
    .hm-3 .container p {
        font-size: 6.15385vw;
    }

    .hm-3 .container h2 svg {
        width: 2.56vw;
        height: 2.56vw;
        margin-bottom: 0.5182vw;
    }

    .hm-3 .main-img {
        width: 30.76923vw;
        height: 30.76923vw;
    }

    .hm-4 {
        margin: 30.76923vw 2.5641vw 2.5641vw;
        padding: 10.25641vw 0 78.97436vw;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        border-radius: 6.15385vw;
        background: url(../img/home/hm-4-bg-mob-1.png) center center no-repeat;
        background-size: cover;
        position: relative;
    }

    .hm-4:before {
        content: '';
        position: absolute;
        background: url(../img/home/hm-4-bg-mob-2.svg) center center no-repeat;
        background-size: cover;
        bottom: 0;
        width: 100%;
        height: 71.28205vw;
        left: 0;
        z-index: 99;
    }

    .hm-4 h2,
    .hm-5 h2 {
        font-size: 7.17949vw;
    }

    .hm-4 .list {
        margin-top: 7.69231vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        width: 100%;
        grid-gap: 2.5641vw;
    }

    .hm-4 .list .box {
        border-radius: 4.10256vw;
        padding: 5.12821vw;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        grid-gap: 5.12821vw;
    }

    .hm-4 .list .box svg {
        width: 15.38462vw;
        height: 15.38462vw;
    }

    .hm-4 .list .box h3 {
        font-size: 5.12821vw;
    }

    .hm-4 .list .box p {
        font-size: 4.10256vw;
    }

    .hm-4 .list .box .i {
        grid-gap: 2.5641vw;
    }

    .hm-5 {
        margin-top: 20.51282vw;
    }

    .hm-5 .container {
        max-width: 84.61538vw;
    }

    .hm-5 .box {
        margin-top: 7.69231vw;
    }

    .hm-5 .head h3 {
        font-size: 4.10256vw;
        margin: 7.69231vw 0;
    }

    .hm-5 .line {
        border-width: 0.25641vw;
    }

    .hm-5 .text .p {
        font-size: 3.58974vw;
        max-width: calc(100% - 5.12821vw);
    }

    .hm-5 .close {
        min-width: 12.30769vw;
        min-height: 12.30769vw;
    }

    .hm-6 {
        margin-top: 30.76923vw;
    }

    .hm-6 h2 {
        font-size: 4.10256vw;
    }

    .hm-6 p {
        font-size: 3.07692vw;
        margin-top: 5.12821vw;
    }

    .hm-6 .cont {
        max-height: 76.92308vw;
    }

    .hm-6 .cont::-webkit-scrollbar {
        width: 1.02564vw;
    }

    .hm-7 {
        margin-top: 25.64103vw;
    }
    
    .hm-7 h2 {
        font-family: "Inter Tight", sans-serif;
        font-weight: 600;
        font-size: 7.17949vw;
        line-height: 114%;
        color: #100e29;
        max-width: 84.61538vw;
        text-align: left;
    }
    
    .hm-7 h2 svg {
        width: 3.33333vw;
        height: 3.33333vw;
    }
    
    .hm-7 .subhead {
        font-family: "Inter Tight", sans-serif;
        font-weight: 400;
        font-size: 4.10256vw;
        line-height: 125%;
        color: #8381a2;
        display: block;
        margin: auto;
        margin-top: 5.12821vw;
        max-width: 84.61538vw;
    }
    
    .hm-7 .subhead strong {
        font-weight: 600;
    }
    
    .hm-7 .container {
        max-width: none;
    }
    
    .hm-7 .cont {
        width: 100%;
        grid-template-columns: 1fr;
        grid-gap: 15.38462vw;
    }
    
    .hm-7 .cont .left h3 {
        font-family: "Inter Tight", sans-serif;
        font-weight: 600;
        font-size: 3.58974vw;
        line-height: 143%;
        color: #100e29;
        padding-left: 7.69231vw;
    }
    
    .hm-7 .cont .left .plugs {
        height: 10.25641vw;
        margin-top: 5.12821vw;
        padding-left: 7.69231vw;
        overflow-x: auto;
        overflow-y: hidden;
        width: 100vw;
    }
    
    .hm-7 .cont .left .plugs::-webkit-scrollbar {
        margin: 0vw;
        background: none;
        width: 0;
        height: 0;
    }
    
    .hm-7 .cont .left .plugs::-webkit-scrollbar-button {
        display: none;
    }
    
    .hm-7 .cont .left .plugs::-webkit-scrollbar-track-piece {
        background: rgba(0, 0, 0, 0.0);
    }
    
    .hm-7 .cont .left .plugs::-webkit-scrollbar-thumb {
        margin: 0;
        background: #fff;
        border-radius: 0;
        ;
    }
    
    .hm-7 .cont .left .plugs svg {
        height: 10.25641vw;
    }
    
    .hm-7 .cont .left .form1 {
        margin: 7.69231vw;
        width: 84.61538vw;
        border: 1.02564vw solid #00d47e;
        border-radius: 4.10256vw;
        padding: 4.10256vw;
        height: fit-content;
    }
    
    .hm-7 .cont .left .form1 h4 {
        font-size: 3.58974vw;
    }
    
    .hm-7 .cont .left .form-1-2 .i input,
    .hm-7 .cont .left .form1 .i input {
        height: 15.38462vw;
        border: 0.25641vw solid #dddcf2;
        border-radius: 2.05128vw !important;
        font-size: 4.10256vw;
        padding: 0 5.12821vw;
    }
    
    .hm-7 .cont .left .form-1-2 .i input::placeholder,
    .hm-7 .cont .left .form1 .i input::placeholder {
        font-size: 4.10256vw;
    }
    
    .hm-7 .cont .left .form-1-2 .i span,
    .hm-7 .cont .left .form1 .i span {
        font-size: 4.10256vw;
        left: 5.12821vw;
    }
    
    .hm-7 .cont .left .form-1-2 .i input:focus + span,
    .hm-7 .cont .left .form-1-2 .i input:not(:placeholder-shown) + span,
    .hm-7 .cont .left .form1 .i input:focus + span,
    .hm-7 .cont .left .form1 .i input:not(:placeholder-shown) + span {
        top: 2.5641vw;
    }
    
    .hm-7 .cont .left .form-1-2 .i input:focus,
    .hm-7 .cont .left .form-1-2 .i input:not(:placeholder-shown),
    .hm-7 .cont .left .form1 .i input:focus,
    .hm-7 .cont .left .form1 .i input:not(:placeholder-shown) {
        padding-top: 5.12821vw;
    }
    
    .hm-7 .cont .left .form-1-2 {
        margin: auto;
        width: 74.35897vw;
        padding: 0;
        grid-gap: 2.5641vw;
    }
    
    .hm-7 .cont .left p,
    .hm-7 .cont .left .img-row,
    .hm-7 .cont .right .row1 {
        display: none;
    }
    
    .hm-7 .cont .left:before {
        right: inherit;
        left: 0;
        width: 100%;
        top: inherit;
        bottom: -7.69231vw;
        height: 0.25641vw;
    }
    
    .hm-7 .cont .left:after {
        width: 10.25641vw;
        height: 10.25641vw;
        right: inherit;
        left: 50%;
        top: inherit;
        bottom: -7.69231vw;
        transform: translate(-50%, 50%) rotate(90deg);
    }
    
    .hm-7 .cont .right .form2 {
        margin: 0;
        width: 84.61538vw;
        height: auto;
        border-radius: 4.10256vw;
        padding: 5.12821vw;
    }
    
    .hm-7 .cont .right .form2 h4 {
        font-size: 3.58974vw;
        margin-bottom: 2.5641vw;
    }
    
    .hm-7 .cont .right .form2 input {
        height: 15.38462vw;
        font-size: 4.10256vw;
        padding-left: 5.12821vw;
        border-radius: 2.05128vw !important;
    }
    
    .hm-7 .cont .right .form2 input::placeholder {
        font-size: 4.10256vw;
    }
    
    .hm-7 .cont .right .row2 {
        grid-template-columns: 51.28205vw 1fr;
        grid-gap: 5.1282051282vw;
    }
    
    .hm-7 .cont .right .row2 .info p:nth-child(1) {
        font-size: 3.07692vw;
        margin-bottom: 1.02564vw;
    }
    
    .hm-7 .cont .right .row2 .info .calc {
        font-size: 3.58974vw;
    }
    
    .hm-7 .cont .right .form2 .i .span1 {
        font-size: 4.10256vw;
        right: 5.12821vw;
    }
    
    .hm-7 .cont .right .form2 .i .span2 {
        width: 6.15385vw;
        height: 6.15385vw;
        right: 14.35897vw;
    }
    
    .hm-7 .cont .right .row3 {
        padding: 7.69231vw 5.12821vw;
        font-size: 4.10256vw;
        grid-gap: 5.12821vw;
        max-width: 84.61538vw;
        border-width: 0.25641vw;
    }
    
    .hm-7 .cont .right .row3 div {
        width: 6.15385vw;
        height: 6.15385vw;
        border-radius: 2.05128vw;
        border-width: 0.25641vw;
    }
    
    .hm-7 .cont .right .final {
        width: 84.61538vw;
        padding: 5.12821vw 5.12821vw 7.69231vw;
        font-size: 4.10256vw;
    }
    
    .hm-7 .cont .right .btn {
        font-size: 4.10256vw;
        padding: 4.61538vw 6.15385vw;
        position: relative;
        z-index: 15;
        width: 84.61538vw;
    }
    
    .hm-7 .cont .right .btn svg {
        width: 5.1282vw;
        height: 5.1282vw;
    }
    
    .hm-7 .cont .right .desc {
        width: 84.61538vw;
        font-size: 3.07692vw;
        text-align: left;
        margin-top: 5.12821vw;
    }
    
    .hm-7 .cont .right .mob-desc {
        display: flex;
        flex-direction: column;
        margin-top: 7.69231vw;
        grid-gap: 5.12821vw;
        align-items: flex-start;
        justify-content: flex-start;
        max-width: 84.61538vw;
    }
    
    .hm-7 .cont .right .mob-desc p {
        font-family: "Inter Tight", sans-serif;
        font-weight: 400;
        font-size: 3.07692vw;
        line-height: 133%;
        color: #8381a2;
    }
    
    .hm-7 .cont .right .mob-desc .img-row {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        grid-gap: 2.05128vw;
    }
    
    .hm-7 .cont .right .mob-desc .img-row svg {
        height: 12.30769vw;
        width: auto;
    }


    .footer {
        margin: 2.5641vw;
        margin-top: 20.51282vw;
        border-radius: 6.1538vw;
        position: relative;
        background: #635BFF;
        overflow: hidden;
    }

    .footer:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 313px;
        background: url(../img/footer/footer-bg-mob.svg) center center no-repeat;
        background-size: cover;
        ;
    }

    .footer .ftr-1 h2 {
        margin-top: 10.25641vw;
        font-size: 7.17949vw;
    }

    .footer .container {
        margin: 0 2.5641vw;
        max-width: calc(100% - 5.12821vw);
    }

    .footer .ftr-1 a {
        width: 84.61538vw;
        font-size: 4.10256vw;
        text-align: center;
        padding: 4.61538vw 12.30769vw;
    }

    .footer .ftr-1 {
        grid-gap: 4.61538vw;
    }

    .footer .ftr-2 {
        padding: 7.69231vw;
        border-radius: 4.10256vw;
        margin-top: 10.25641vw;
    }

    .footer .ftr-2 .r1 {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 0;
        padding: 0;
    }

    .footer .ftr-2 .r1 .col1 {
        padding: 0;
    }

    .footer .ftr-2 .r1 .col1 .up p.mob {
        display: block;
    }

    .footer .ftr-2 .r1 .col1 .up p,
    .footer .ftr-2 .r1 .col1 .down .head {
        font-size: 3.07692vw;
        max-width: 69.23077vw;
        margin-top: 5.12821vw;
    }

    .footer .ftr-2 .r1 .col1 img {
        height: 10.25641vw;
    }

    .footer .ftr-2 .r1 .col1 .down {
        margin-top: 5.12821vw;
        width: 100%;
        border-top: 0.25641vw solid #dddcf2;
    }

    .footer .ftr-2 .r1 .col1 .down a {
        font-size: 4.10256vw;
        margin-top: 1.28205vw;
    }

    .footer .ftr-2 .r1 .col2 {
        margin-top: 5.12821vw;
        width: 100%;
        border-top: 0.25641vw solid #dddcf2;
        padding-top: 5.12821vw;
        grid-gap: 8.97436vw;
        grid-row-gap: 7.69231vw;
    }

    .footer .ftr-2 .r1 .col2 .head,
    .footer .ftr-2 .r1 .col3 .head {
        font-family: "Inter Tight", sans-serif;
        font-weight: 400;
        font-size: 3.07692vw;
        line-height: 133%;
        color: #8381a2;
        margin-bottom: 2.5641vw;
    }

    .footer .ftr-2 .r1 .col2 a ,
    .footer .ftr-2 .r1 .col3 a {
        font-size: 3.58974vw;
        max-width: 30.76923vw;
        margin-top: 2.5641vw;
    }

    .footer .ftr-2 .r1 .col3 a{
        max-width: none;
    }

    .footer .ftr-2 .r1 .col3 {
        margin-top: 5.12821vw;
        width: 100%;
        border-top: 0.25641vw solid #dddcf2;
        padding-top: 5.12821vw;
    }

    .footer .ftr-2 .r1 .col3 p {
        font-size: 3.07692vw
    }

    .footer .ftr-2 .r2 {
        margin-top: 5.12821vw;
        width: 100%;
        border-top: 0.25641vw solid #dddcf2;
        padding-top: 5.12821vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 5.12821vw;
    }

    .footer .ftr-2 .r2:before {
        display: none;
    }

    .footer .ftr-2 .r2 p {
        display: none;
    }

    .footer .ftr-2 .r2 a {
        font-size: 4.10256vw;
    }

    .footer .ftr-2 .b0 {
        display: none;
    }
    .header {
        top: 7.69231vw;
        left: 7.69231vw;
        width: calc(100vw - 15.38462vw);
        padding: 1.53846vw 1.53846vw 1.53846vw 2.5641vw;
        height: 15.38462vw;
        border-radius: 4.10256vw;
    }
    
    .header .menu-btn {
        display: flex;
        border: 0.25641vw solid #635bff;
        border-radius: 3.07692vw;
        padding: 3.07692vw 4.10256vw;
        font-family: "Inter Tight", sans-serif;
        font-weight: 500;
        font-size: 4.10256vw;
        line-height: 150%;
        text-align: center;
        color: #100e29;
        display: flex;
        justify-content: center;
        align-items: center;
        grid-gap: 4.10256vw;
        cursor: pointer;
    }
    
    .header .menu-btn svg {
        width: 4.10256vw;
        height: 4.10256vw;
    }
    
    .header .b0,
    .header .tel,
    .header .lang,
    .header ul {
        display: none;
    }
    
    .header .container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
        height: 100%;
    }
    
    .header img {
        height: 10.25641vw;
    }

}