*,
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#BreadcrumbList,
.container {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-direction: normal
}

body {
    font-family: Raleway, sans-serif;
    max-width: 100vw;
}

body.lock {
    overflow: hidden;
}

html {
    /*scroll-behavior: smooth !important;*/
    overscroll-behavior: none;
}

body,
html {
    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, .4);
    -webkit-backdrop-filter: blur(0.11574vw);
    backdrop-filter: blur(0.11574vw);
    z-index: 9999999;
    opacity: 0;
    visibility: hidden
}

input {
    border-radius: 0 !important
}

body {
    position: relative;
    background: #000;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    color: #fff;
}

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

body.stop,
html.stop {
    position: relative;
    height: 100%
}

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

a {
    text-decoration: none
}

body::-webkit-scrollbar,
html::-webkit-scrollbar {
    margin: .5208vw;
    background: 0 0;
    width: 0
}

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

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

body::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb {
    margin: .5208vw;
    background: rgba(0, 0, 0, .75);
    border-radius: .1563vw
}

.container {
    position: relative;
    width: 100%;
    margin: auto;
    z-index: 10;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 91.66667vw;
    margin: auto;
}

.header {
    position: fixed;
    top: 2.44792vw;
    left: 0;
    width: 100%;
    height: 3.125vw;
    /* background: red; */
    z-index: 9999;
}

.header:before {
    content: '';
    position: absolute;
    top: -2.44792vw;
    left: 0;
    width: 100%;
    height: 100%;
    width: 100%;
    height: 9.31713vw;
    background: linear-gradient(180deg, #090702 0%, rgba(9, 7, 2, 0) 100%);
    transition: 0.3s;
    opacity: 1;
}

.header .container {
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}

.header .container .center {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3.125vw;
    gap: 1.5625vw;
    padding: 0 1.45833vw;
    position: relative;
}

.header .container .center:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(1.04167vw);
    background: rgba(26, 26, 26, 0.5);
    border: 0.05208vw solid #121741;
    border-radius: 3.125vw;
}

.header .container .center .menu-cont-1 {
    position: absolute;
    width: 100%;
    top: 4.16667vw;
    display: flex;
    flex-direction: column;
    border: 0.05208vw solid #333;
    border-radius: 1.5625vw;
    padding: 1.30208vw;
    gap: 0.52083vw;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
    user-select: none;
    backdrop-filter: blur(1.04167vw);
    background: rgba(1, 3, 19, 0.8);
}

.header .container .center .item:nth-child(1):hover ~ .menu-cont-1,
.header .container .center .menu-cont-1:hover {
    opacity: 1;
    visibility: visible;
}

.header .container .center .menu-cont-1 br {
    display: none;
}

.header .container .center .menu-cont-1 a {
    background: rgba(255, 255, 255, 0.1);
    padding: 0.72917vw 1.04167vw;
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 0.83333vw;
    line-height: 120%;
    color: rgba(255, 255, 255, 0.75);
    border-radius: 1.04167vw;
    backdrop-filter: blur(1.04167vw);
    /* opacity: 0; */
    transition: 0.3s;
}

.header .container .center .menu-cont-1 a p{
    position: absolute;
    top: 50%;
    left: 1.04167vw;
    transform: translate(0, -50%);
    text-transform: none;
    transition: 0.3s;
    opacity: 0;
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 0.83333vw;
    line-height: 120%;
}

.header .container .center .menu-cont-1 a:hover,
.header .menu-cont-2 .item .sub a:hover {
    color: var(--color, #fff);
}

.header .container .center .menu-cont-1 a.soon:hover p,
.header .menu-cont-2 .item .sub a.soon:hover p{
    opacity: 1;
}
.header .container .center .menu-cont-1 a.soon:hover,
.header .menu-cont-2 .item .sub a.soon:hover {
    color: transparent;
}

.header .container .center .item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.52083vw;
    height: 100%;
    position: relative;
    cursor: pointer;
}

.header .container .center .item:before,
.header .menu-btn:before {
    content: '';
    position: absolute;
    top: -1.04167vw;
    z-index: -1;
    left: 0;
    width: 100%;
    height: 5.20833vw;
}

.header .container .center p {
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 0.9375vw;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    text-align: center;
    color: #8d8d8d;
    transition: 0.3s;
}

.header .container .center p.active,
.header .container .item:hover p {
    color: #fff;
}

.header .container .center svg {
    width: 1.04167vw;
    height: auto;
}

.header .container .center svg path {
    transition: 0.3s;
    fill: #8d8d8d;
}

.header .container .item.active svg path,
.header .container .item:hover svg path {
    fill: #fff;
}

.header .menu-btn {
    width: 4.94792vw;
    height: 3.125vw;
    background: rgba(26, 26, 26, 0.4) url(../img/header/menu-btn.svg) center center no-repeat;
    background-size: cover;
    border: 0.05208vw solid #0b0e28;
    border-radius: 3.125vw;
    cursor: pointer;
    transition: 0.3s;
    position: relative;
    position: relative;
}

.header .menu-btn:hover {
    background: rgba(26, 26, 26, 0.4) url(../img/header/menu-btn-close.svg) center center no-repeat;
    background-size: cover;
    background-color: rgba(255, 255, 255, 0.1);
}

.header .logo img {
    height: 1.71875vw;
    width: auto;
}

.header .menu-cont-2 {
    position: absolute;
    top: 4.16667vw;
    right: 0;
    border: 0.05208vw solid #333;
    border-radius: 1.5625vw;
    width: 21.61458vw;
    backdrop-filter: blur(1.04167vw);
    background: rgba(1, 3, 19, 0.8);
    padding: 0.72917vw 0.72917vw 1.14583vw;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    max-height: 80vh;
    overflow: auto;
}

.header .menu-cont-2 .cont{
    display: flex;
    flex-direction: column;
    gap: 0.52083vw;
}

.header .menu-btn:hover .menu-cont-2 {
    opacity: 1;
    visibility: visible;
}

.header .menu-cont-2 .item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0.9375vw 1.14583vw;
    border: 0.05208vw solid rgba(117, 117, 117, 0.8);
    border-radius: 1.04167vw;
    background: rgba(255, 255, 255, 0.15);
    gap: 1.09375vw;
    flex-wrap: wrap;
    overflow: hidden;
    cursor: pointer;
}

.header .menu-cont-2 .item:nth-child(1),
.header .menu-cont-2 .item:nth-child(2) {
    display: none;
}

.header .menu-cont-2 .item.has-sub {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.header .menu-cont-2 .item.has-sub svg {
    margin-left: 1.14583vw;
}

.header .menu-cont-2 .item.has-sub p {
    margin-right: 1.14583vw;
}

.header .menu-cont-2 .item .sub {
    width: 100%;
    height: 13.02083vw;
    display: flex;
    flex-direction: column;
    gap: 0;
    overflow: auto;
    border-top: 0.05208vw solid #4e4c4e;
}

.header .menu-cont-2 .item .sub a {
    padding: 0.72917vw 1.14583vw;
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 0.83333vw;
    letter-spacing: -0.03em;
    color: #cbcbcb;
    border-bottom: 0.05208vw solid #4e4c4e;
    transition: 0.3s;
}

.header .menu-cont-2 .item .sub a br {
    display: none;
}

.header .menu-cont-2 .item p {
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 0.9375vw;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    text-align: center;
    color: #8d8d8d;
    transition: 0.3s;
}

.header .menu-cont-2 .item:hover p {
    color: #fff;
}

.header .menu-cont-2 .item svg {
    width: 1.25vw;
    height: 1.25vw;
}

.header .menu-cont-2 .item svg path {
    fill: #8d8d8d;
    transition: 0.3s;
}

.header .menu-cont-2 .item:hover svg path {
    fill: #fff;
}

.header .menu-cont-2 .bottom {
    margin-top: 0.9375vw;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.header .menu-cont-2 .bottom img {
    height: 1.71875vw;
}



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

.b1 {
    padding-top: 10.05208vw;
    position: relative;
}

.b1 .b1-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}


.b1 .b1-el-1 {
    position: absolute;
    width: 35.4166666667vw;
    height: auto;
    top: 19.2708333333vw;
    left: 35vw;
}

.b1 .b1-el-2 {
    position: absolute;
    width: 5.3645833333vw;
    height: auto;
    top: 8.1770833333vw;
    left: 58.8541666667vw;
    ;
}

.b1 .b1-el-3 {
    position: absolute;
    width: 3.0208333333vw;
    height: auto;
    top: 17.2916666667vw;
    left: 67.2395833333vw;
}

.b1 .b1-el-4 {
    position: absolute;
    width: 4.0625vw;
    height: auto;
    top: 48.59375vw;
    left: 64.5833333333vw;
    ;
}

.b1 .b1-el-5 {
    position: absolute;
    width: 3.0208333333vw;
    height: auto;
    top: 40.9895833333vw;
    left: 35.2604166667vw;
    ;
}

@keyframes floatAndPulse {
    0% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(0.2604166667vw, -0.78125vw) scale(1.03);
    }

    100% {
        transform: translate(0, 0) scale(1);
    }
}

.b1 .b1-el-1,
.b1 .b1-el-2,
.b1 .b1-el-3,
.b1 .b1-el-4,
.b1 .b1-el-5 {
    animation: floatAndPulse 6s ease-in-out infinite;
}


.b1 .b1-el-2 {
    animation-delay: 1s;
    animation-duration: 7s;
}

.b1 .b1-el-3 {
    animation-delay: 2s;
    animation-duration: 5.5s;
}

.b1 .b1-el-4 {
    animation-delay: 0.5s;
    animation-duration: 8s;
}

.b1 .container {
    flex-direction: row;
    justify-content: space-between;
}

.b1 .left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.b1 .left h1 {
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 3.54167vw;
    line-height: 100%;
    letter-spacing: -0.04em;
    color: #fafafa;
    max-width: 40.10417vw;
}

.b1 .left h1 span {
    font-weight: 600;
    background: linear-gradient(90deg, #a8ff6e 0%, #9fcced 27.12%, #be97f7 62.98%, #ffb166 95.67%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.b1 .left .desc {
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 1.25vw;
    line-height: 120%;
    color: #bababa;
    max-width: 31.25vw;
    margin-top: 3.64583vw;
}

.b1 .left .desc br {
    display: none;
}

.b1 .left .desc .accent {
    color: #fff;
}

.b1 .base-btn {
    margin-top: 1.97917vw;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.base-btn p {
    border-radius: 3.125vw;
    padding: 0.52083vw;
    width: 20.41667vw;
    height: 5.26042vw;
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 1.04167vw;
    line-height: 110%;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    background: linear-gradient(90deg, #a8ff6e 0%, #9fcced 27.12%, #be97f7 62.98%, #ffb166 95.67%);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.base-btn p:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0.20833vw solid rgba(255, 255, 255, 0.4);
    border-radius: 3.125vw;
}

.b1 .base-btn .tg {
    width: 5.57292vw;
    height: 5.57292vw;
    background: url(../img/home/base-btn-tg-3.webp) center center no-repeat;
    background-size: cover;
    cursor: pointer;
    box-shadow: 0 1.25vw 1.77083vw -0.52083vw rgba(0, 0, 0, 0.21);
}

.b1 .right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 21.35417vw;
}

.b1 .right .logos {
    display: flex;
    flex-direction: column;
    gap: 1.71875vw;
}

.b1 .right .logos div {
    display: flex;
    grid-gap: 1.875vw;
    align-items: center;
    justify-content: flex-start;
}

.b1 .right .logos img {
    width: 1.97917vw;
    height: 1.97917vw;
}

.b1 .right .logos p {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 0.83333vw;
    line-height: 110%;
    color: #8c8c8c;
}

.b1 .right .clutch {
    display: flex;
    margin-top: 1.97917vw;
    align-items: center;
}

.b1 .right .clutch .clutch-logo {
    width: 2.23958vw;
    height: auto;
}

.b1 .right .clutch .clutch-text {
    margin-left: 1.5625vw;
    height: 1.61458vw;
    width: auto;
}

.b1 .right .clutch .text {
    margin-left: 1.77083vw;
    padding-left: 1.77083vw;
    border-left: 0.05208vw solid rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    grid-gap: 0.52083vw;
}

.b1 .right .clutch .text .clutch-num {
    height: 1.77083vw;
    width: auto;
}

.b1 .right .clutch .text p {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 0.83333vw;
    line-height: 100%;
    color: #8c8c8c;
    margin-top: 0.15625vw;
}

.b1 .mobile-head {
    display: none;
}

.b1 .right .list {
    max-width: 18.22917vw;
    display: flex;
    flex-wrap: wrap;
    margin-top: 3.75vw;
}

.b1 .right .list p {
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 0.9375vw;
    line-height: 120%;
    color: #fff;
    border: 0.05208vw solid #000;
    border-radius: 3.125vw;
    padding: 0 1.25vw;
    height: 2.60417vw;
    backdrop-filter: blur(0.52083vw);
    background: rgba(255, 255, 255, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
}

.b2 {
    margin-top: 9.53125vw;
}

.b2 .b2-mob {
    display: none;
}

.b2 h2,
.b3 h2 {
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 2.91667vw;
    line-height: 110%;
    letter-spacing: -0.04em;
    text-align: center;
    background: linear-gradient(180deg, #e6e5e6 0%, #b9b9ba 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.b2 .container {
    max-width: 75.3125vw;
}

.b2 .list {
    margin-top: 4.47917vw;
    display: grid;
    grid-template-columns: 13.54167vw 1fr 1fr 13.54167vw;
    grid-column-gap: 1.875vw;
    grid-row-gap: 1.5625vw;
}

.b2 .list .item {
    padding: 1.5625vw;
    height: 12.5vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

.b2 .list .item .head {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 3.33333vw;
    line-height: 100%;
    letter-spacing: -0.04em;
    color: #fafafa;
}

.b2 .list .item .desc {
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 0.9375vw;
    line-height: 110%;
    color: #bababa;
}

.b2 .list .item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/home/b2-small-desc.svg) center center no-repeat;
    background-size: cover;
}

.b2 .list .item:nth-child(2):before,
.b2 .list .item:nth-child(3):before,
.b2 .list .item:nth-child(6):before,
.b2 .list .item:nth-child(7):before {
    background: url(../img/home/b2-big-desc.svg) center center no-repeat;
    background-size: cover;
}

.b3 {
    margin-top: 7.60417vw;
}

.b3 .nav {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: auto;
    margin-top: 2.70833vw;
    justify-content: center;
    align-items: center;
    grid-column-gap: 0.46875vw;
    grid-row-gap: 1.04167vw;
    max-width: 54.16667vw;
}

.b3 .nav p {
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 0.83333vw;
    line-height: 110%;
    text-align: center;
    color: #646464;
    border-radius: 3.125vw;
    padding: 0 1.97917vw;
    position: relative;
    height: 3.125vw;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.1);
    transition: 0.3s;
    white-space: nowrap;
}

.b3 .nav p:before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 0.05208vw;
    border-radius: inherit;
    background: linear-gradient(135deg, #949494 0%, #272727 25%, #272727 75%, #949494 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
    transition: 0.3s;
}

.b3 .nav p:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 0.20833vw solid rgba(255, 255, 255, 0.4);
    border-radius: 3.125vw;
    transition: 0.3s;
    opacity: 0;
}

.b3 .nav p:hover {
    color: #fff;
}

.b3 .nav p.active {
    background: linear-gradient(90deg, #a8ff6e 0%, #9fcced 27.12%, #be97f7 62.98%, #ffb166 95.67%);
    font-weight: 400;
    /* font-size: 1.04167vw; */
    text-transform: uppercase;
    color: #000;
}

.b3 .nav p.active:after {
    opacity: 1
}

.b3 .list .item {
    margin-top: 5.20833vw;
    display: none;
    flex-direction: row;
    flex-wrap: wrap;
    grid-column-gap: 3.64583vw;
    grid-row-gap: 2.34375vw;
    align-items: center;
    justify-content: center;
}
.b3 .list .item.active{
    display: flex;
}

.b3 .list .item img {
    height: 3.22917vw;
    transition: 0.3s;
}
.b3 .list .img{
    position: relative;
}
.b3 .list .img img:last-child{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.b3 .list .img:hover img:last-child{
    opacity: 1;
}
.b3 .list .img:hover img:first-child{
    opacity: 0;
}

.b4 {
    padding-top: 12.23958vw;
    position: relative;
}

.b4 .container.mob {
    display: none;
}

.b4 .bg-span-1 {
    position: absolute;
    display: block;
    width: 64.84375vw;
    height: 18.64583vw;
    z-index: -1;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
    border-radius: 50%;
    background: rgba(156, 193, 210, 0.25);
    filter: blur(9.375vw);
}

.b4 .bg-span-2 {
    position: absolute;
    display: block;
    width: 64.84375vw;
    height: 18.64583vw;
    z-index: -1;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
    border-radius: 50%;
    background: rgba(156, 193, 210, 0.25);
    filter: blur(9.375vw);
    opacity: 0.4;
    transition: 0.3s;
}

.b4 h2,
.b5 h2,
.b6 h2,
.b7 h2,
.b8 h2,
.b9 h2,
.b10 h2 {
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 3.54167vw;
    line-height: 110%;
    letter-spacing: -0.04em;
    background: linear-gradient(180deg, #e6e5e6 0%, #b9b9ba 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.b4 h2 span,
.b5 h2 span,
.b6 h2 span,
.b7 h2 span,
.b8 h2 span,
.b9 h2 span,
.b10 h2 span {
    font-weight: 500;
    background: linear-gradient(90deg, #a8ff6e 0%, #9fcced 27.12%, #be97f7 62.98%, #ffb166 95.67%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.b4 .box {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin-top: 3.85417vw;
    position: relative;
}

.b4 .box .col {
    width: 44.58333vw;
    padding: 0.52083vw;
    border-radius: 2.08333vw;
    background: radial-gradient(50% 50% at 50% 50%, #0e0816 0%, #161616 100%);
}

.b4 .box .col2 {
    padding: 0.52083vw;
    border-radius: 2.08333vw;
    width: 44.58333vw;
    background: #161616;
}

.b4 .box .col .bb {
    border: 0.05208vw solid rgba(255, 255, 255, 0.1);
    border-radius: 1.5625vw;
    padding: 0.52083vw;
    grid-gap: 0.52083vw;
    display: flex;
    flex-direction: column;
}

.b4 .box .col .bb .l {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: 1.04167vw;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 1.04167vw;
    padding: 0.52083vw 1.5625vw;
    cursor: pointer;
    transition: 0.3s;
}

.b4 .box .col .bb .l svg {
    width: 2.08333vw;
    height: 2.08333vw;
}

.b4 .box .col .bb .l svg path {
    fill: rgba(255, 255, 255, 0.75);
    transition: 0.3s;
}

.b4 .box .col .bb .l.on svg path {
    fill: var(--color, #fff);
}

.b4 .box .col .bb .l p {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 1.25vw;
    line-height: 120%;
    color: rgba(255, 255, 255, 0.75);
    transition: 0.3s;
}

.b4 .box .col .bb .l p br {
    display: none;
}

.b4 .box .col .bb .l.on {
    background: rgba(255, 255, 255, 0.1);
}

.b4 .box .col .bb .l.on p {
    color: var(--color, #fff);
}

.b4 .box .col2 .col-2-child {
    padding: 1.5625vw;
    border: 0.05208vw solid rgba(255, 255, 255, 0.1);
    border-radius: 1.5625vw;
    grid-gap: 0.52083vw;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.b4 .box .col2 .col-2-child .b {
    display: none;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.b4 .box .col2 .col-2-child .b.on {
    display: flex;
}

.b4 .box .col2 .col-2-child .up {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 2.91667vw;
    padding: 1.25vw;
}

.b4 .box .col2 .col-2-child .up h3 {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 2.08333vw;
    line-height: 120%;
    letter-spacing: -0.04em;
    background: linear-gradient(180deg, #e6e5e6 0%, #b9b9ba 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.b4 .box .col2 .col-2-child .up p {
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 0.9375vw;
    line-height: 120%;
    color: #909090;
}

.b4 .box .col2 .col-2-child .up .result span{
    font-weight: 600;
    color: #fff;
    font-size: 1.5vw;
    font-family: "Geologica", sans-serif;
    line-height: 120%;
    background: linear-gradient(180deg, #e6e5e6 0%, #b9b9ba 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.b4 .box .col2 .col-2-child .down {
    background: rgba(255, 255, 255, 0.05);
    padding: 1.30208vw 1.5625vw;
    border-radius: 1.04167vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.b4 .box .col2 .col-2-child .down .btn {
    display: flex;
    cursor: pointer;
    align-items: center;
}

.b4 .box .col2 .col-2-child .down .btn p {
    background: #fafafa;
    height: 3.125vw;
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 0.83333vw;
    line-height: 110%;
    text-transform: uppercase;
    text-align: center;
    color: #0c0c0c;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 13.02083vw;
    border-radius: 3.125vw;
    padding: 0 1.5vw;
}

.b4 .box .col2 .col-2-child .down .btn svg {
    height: 3.125vw;
    width: 3.125vw;
    transition: 0.3s;
}

.b4 .box .col2 .col-2-child .down .btn:hover svg {
    transform: rotate(90deg);
}

.b4 .box .col2 .col-2-child .down a {
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 0.83333vw;
    line-height: 110%;
    text-transform: uppercase;
    text-align: center;
    color: #fafafa;
    border: 0.05208vw solid #fafafa;
    border-radius: 3.125vw;
    padding: 0.52083vw;
    width: 13.02083vw;
    height: 3.125vw;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}

.b4 .box .col2 .col-2-child .down a:hover {
    color: #0c0c0c;
    background: #fafafa;
}

.b5 {
    margin-top: 9.89583vw;
}

.b5 .list {
    margin-top: 4.27083vw;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 2.08333vw;
}

.b5 .list .item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 1.25vw;
    line-height: 120%;
    text-align: center;
    color: #fafafa;
    grid-gap: 1.25vw;
    width: 13.54167vw;
    height: 13.54167vw;
}

.b5 .list .item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/home/b5-border.svg) center center no-repeat;
    background-size: cover;
}

.b5 .list .item img {
    width: 3.75vw;
    height: auto;
}

.b6 {
    padding-top: 13.54167vw;
    position: relative;
}

.b6 h2 {
    margin: auto;
    text-align: center;
}

.b6 .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.b6 .b6-text-1{
    position: absolute;
    height: calc(100vw*(60*100/1920)/100);
    top: calc(100vw*(634*100/1920)/100);
    left: calc(100vw*(247*100/1920)/100);
}

.b6 .b6-text-2{
    position: absolute;
    height: calc(100vw*(60*100/1920)/100);
    top: calc(100vw*(587*100/1920)/100);
    left: calc(100vw*(779*100/1920)/100);
}
.b6 .b6-text-3{
    position: absolute;
    height: calc(100vw*(60*100/1920)/100);
    top: calc(100vw*(691*100/1920)/100);
    left: calc(100vw*(1388*100/1920)/100);
}
.b6 .b6-text-4{
    position: absolute;
    height: calc(100vw*(60*100/1920)/100);
    top: calc(100vw*(750*100/1920)/100);
    left: calc(100vw*(608*100/1920)/100);
}

.b6 .b6-text-5{
    position: absolute;
    height: calc(100vw*(60*100/1920)/100);
    top: calc(100vw*(805*100/1920)/100);
    left: calc(100vw*(1194*100/1920)/100);
}

.b6 .b6-text-6{
    position: absolute;
    height: calc(100vw*(60*100/1920)/100);
    top: calc(100vw*(963*100/1920)/100);
    left: calc(100vw*(257*100/1920)/100);
}

.b6 .b6-text-7{
    position: absolute;
    height: calc(100vw*(60*100/1920)/100);
    top: calc(100vw*(881*100/1920)/100);
    left: calc(100vw*(630*100/1920)/100);
}

.b6 .b6-text-8{
    position: absolute;
    height: calc(100vw*(60*100/1920)/100);
    top: calc(100vw*(924*100/1920)/100);
    left: calc(100vw*(1041*100/1920)/100);
}

@keyframes side-drift {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(calc(100vw*(-10*100/1920)/100)); /* Мягкий уход влево */
    }
    100% {
        transform: translateX(0);
    }
}

.b6 [class*="b6-text-"] {
    animation: side-drift 5s ease-in-out infinite;
}

.b6 .b6-text-1 { animation-delay: 0s; }
.b6 .b6-text-2 { animation-delay: -0.8s; }
.b6 .b6-text-3 { animation-delay: -1.5s; }
.b6 .b6-text-4 { animation-delay: -2.2s; }
.b6 .b6-text-5 { animation-delay: -3.0s; }
.b6 .b6-text-6 { animation-delay: -3.7s; }
.b6 .b6-text-7 { animation-delay: -4.5s; }
.b6 .b6-text-8 { animation-delay: -5.2s; }


.b6 .h3 {
    margin-top: 43.54167vw;
    z-index: 999;
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 2.08333vw;
    line-height: 100%;
    letter-spacing: -0.04em;
    text-align: center;
    background: linear-gradient(180deg, #e6e5e6 0%, #b9b9ba 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.b6 .base-btn {
    margin: auto;
    margin-top: 2.60417vw;
}

.b7 {
    margin-top: 13.02083vw;
}

.b7 .cont {
    display: grid;
    grid-template-columns: 40.26042vw 1fr;
    background: url(../img/home/b7-bg-1.svg) center center no-repeat;
    background-size: cover;
    padding: 0.9375vw;
    width: 91.66667vw;
    height: 48.38542vw;
    gap: 5.20833vw;
}

.b7 .cont .left {
    width: 100%;
    height: 46.5625vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    background: url(../img/home/b7-left.svg) center center no-repeat;
    background-size: cover;
}

.b7 h2 {
    margin-left: auto;
    margin-right: auto;
    margin-top: 4.94792vw;
}

.b7 .cont .left img {
    height: 15.05208vw;
    width: auto;
    margin-top: 4.16667vw;
}

.b7 .white-btn {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 0.83333vw;
    line-height: 110%;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    border-radius: 3.125vw;
    padding: 0.52083vw;
    width: 15.10417vw;
    height: 3.125vw;
    background: #fafafa;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 6.92708vw;
}

.b7 .right .white-btn {
    display: none;
}

.b7 .right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.b7 .desc {
    margin-top: 5.3125vw;
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 0.9375vw;
    line-height: 120%;
    color: #86868b;
    max-width: 22.91667vw;
}

.b7 .right img {
    margin-top: 2.65625vw;
    height: 17.08333vw;
    width: auto;
}

.b7 .desc-2 {
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 0.9375vw;
    line-height: 120%;
    color: #fafafa;
    max-width: 37.5vw;
    margin-top: 1.5625vw;
}

.b7 .desc-3 {
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 0.9375vw;
    line-height: 120%;
    color: #bababa;
    margin-top: 2.29167vw;
}

.b7 .bottom {
    margin-top: 1.5625vw;
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 1.04167vw;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    background: linear-gradient(90deg, #a8ff6e 0%, #9fcced 27.12%, #be97f7 62.98%, #ffb166 95.67%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.b8 {
    padding-top: 14.21875vw;
    position: relative;
}

.b8 .list:before{
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 91.66667vw;
    height: 30.9375vw;
    background: url(../img/home/b8-1.svg) center center no-repeat;
    background-size: cover;
    transform: translate(-50%, -100%);
}

.b8.paid-traffic .list:before{
    height: 8.9375vw;
    background-position: bottom;
}

.b8 h2 {
    margin: auto;
    text-align: center;
}

.b8 .desc {
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 1.25vw;
    line-height: 120%;
    text-align: center;
    color: #bababa;
    margin-top: 2.39583vw;
}

.b8 .list {
    margin-top: 9.63542vw;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 2.08333vw;
    position: relative;
}

.b8 .list .item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.b8 .list .head {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 1.25vw;
    line-height: 120%;
    color: #fff;
    padding: 0.78125vw 1.5625vw;
    border-radius: 1.04167vw;
    background: rgba(255, 255, 255, 0.1);
}

.b8 .list h3 {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 2.08333vw;
    line-height: 100%;
    letter-spacing: -0.04em;
    color: #fff;
    margin-top: 2.08333vw;
}

.b8 .list .desc {
    margin-top: 1.5625vw;
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 0.9375vw;
    line-height: 120%;
    color: #fff;
}

.b8 .list-box{
    position: relative;
}

.b8 .list-2 ,
.b8 .list-3 {
    padding-top: 12.44792vw;
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6.40625vw;
    grid-row-gap: 1.5625vw;
}

.b8 .list-2:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 91.66667vw;
    height: 29.16667vw;
    background: url(../img/home/b8-2-3.svg) center center no-repeat;
    background-size: cover;
    z-index: -1;
    transform: translate(-50%, 0);
}

.b8 .list-2 .item ,
.b8 .list-3 .item {
    display: flex;
    align-items: center;
    grid-gap: 1.5625vw;
    flex-direction: row-reverse;
}

.b8 .list-2 .item img ,
.b8 .list-3 .item img {
    width: 3.02083vw;
    height: 3.02083vw;
}

.b8 .list-2 .item p ,
.b8 .list-3 .item p {
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 0.9375vw;
    line-height: 120%;
    text-align: right;
    color: #fff;
}

.b8 .list-2 .item:nth-child(2n) p ,
.b8 .list-3 .item:nth-child(2n) p {
    text-align: left;
}

.b8 .list-2 .item:nth-child(2n) ,
.b8 .list-3 .item:nth-child(2n) {
    flex-direction: row;
    padding-left: 4.50417vw;
}

.b8 .list-3{
    position: absolute;
    top: 0;
    left: 50%;
    gap: 45.9vw;
    grid-row-gap: 1.5625vw;
    transform: translate(-50%, 0);
    width: 100%;
}
.b8 .list-3 .item:nth-child(2n) {
    padding-left: 3.05vw;
}

.b9 {
    padding-top: 8.125vw;
}

.b9 h2 {
    margin: auto;
}

.b9 .subhead {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 1.5625vw;
    line-height: 120%;
    text-align: center;
    color: #6a6a6a;
    margin-top: 1.66667vw;
}

.b9 .subhead span {
    color: #fff;
}

.b9 .big-cont {
    display: grid;
    grid-template-columns: 21.35417vw 1fr;
    grid-gap: 2.08333vw;
    margin-top: 4.89583vw;
    align-items: flex-start;
}

.b9 .left {
    border-radius: 2.08333vw;
    background: radial-gradient(50% 50% at 50% 50%, #0e0816 0%, #161616 100%);
    padding: 0.52083vw;
}

.b9 .left .cont {
    border: 0.05208vw solid rgba(255, 255, 255, 0.1);
    border-radius: 1.5625vw;
    padding: 0.52083vw;
    display: flex;
    flex-direction: column;
    grid-gap: 0.52083vw;
}

.b9 .select-wrapper{
    display: none;
}

.b9 .left .cont .item {
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 1.04167vw;
    padding: 0.52083vw 1.5625vw;
    grid-gap: 1.04167vw;
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 1.25vw;
    line-height: 120%;
    color: #8b8b8b;
    transition: 0.3s;
    cursor: pointer;
}

.b9 .left .cont .item svg {
    width: 2.08333vw;
    height: 2.08333vw;
}

.b9 .left .cont .item.active {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

.b9 .left .cont .item.active svg path {
    fill: #fff;
}

.b9 .right {
    
}

.b9 .right .slider{
    width: 67.96875vw;
    overflow: hidden;
}
.b9 .right .slider .slide-cont{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 2.08333vw;
}
    

.b9 .right .item {
    width: 100%;
    display: flex;
    flex-direction: column;
    grid-gap: 0.10417vw;
}

.b9 .right .item .down {
    display: flex;
    grid-gap: 0.10417vw;
    align-items: stretch;
}

.b9 .right .item .down .i {
    border-radius: 1.5625vw;
    flex-grow: 1;
    background: #0c0c0c;
    height: 4.89583vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    grid-gap: 0.625vw;
}

.b9 .right .item .down .i .head {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 1.04167vw;
    line-height: 100%;
    text-align: center;
    color: #fafafa;
}

.b9 .right .item .down .i .desc {
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 0.72917vw;
    line-height: 100%;
    text-align: center;
    color: #fafafa;
}

.b9 .right .item .up {
    background: radial-gradient(50% 50% at 50% 50%, #0b0c24 0%, #0c0c0c 100%);
    border-radius: 1.5625vw;
    overflow: hidden;
}

.b9 .right .item .up .u {
    padding: 1.25vw;
    min-height: 11.5625vw;
}

.b9 .right .item .up .u .plug {
    font-family: "Geologica", sans-serif;
    font-weight: 100;
    font-size: 0.72917vw;
    line-height: 100%;
    color: #fafafa;
    max-width: 70%;
}

.b9 .right .item .up .u .name {
    font-family: "Geologica", sans-serif;
    font-weight: 500;
    font-size: 1.66667vw;
    line-height: 100%;
    color: #fafafa;
    margin-top: 1.04167vw;
}

.b9 .right .item .up .u .desc {
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 1.04167vw;
    line-height: 100%;
    color: #fafafa;
    margin-top: 1.04167vw;
}

.b9 .right .item .up .d {
    padding: 1.25vw;
    background: #0c0c0c;
    min-height: 9.375vw;
}

.b9 .right .item .up .d .head {
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 0.72917vw;
    line-height: 100%;
    color: #fafafa;
}

.b9 .right .item .up .d .list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: 0.41667vw;
    margin-top: 1.25vw;
}

.b9 .right .item .up .d .list p {
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 0.83333vw;
    line-height: 100%;
    text-align: center;
    color: #b5b5b5;
    border: 0.05208vw solid #444;
    border-radius: 1.5625vw;
    padding: 0.625vw 1.04167vw;
}

.b9 .right .more {
    grid-column-start: 1;
    grid-column-end: 4;
    width: 100%;
    border-radius: 1.5625vw;
    background: #0c0c0c;
    height: 4.89583vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1.875vw;
    margin-top:  2.08333vw;
}

.b9 .right .more p {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 1.14583vw;
    line-height: 100%;
    text-align: center;
    color: #fff;
}

.b9 .right .more .nav .slider-cases-1-pagination{
    display: none;
}

.b9 .right .more .nav {
    display: flex;
    grid-gap: 0.41667vw;
    align-items: center;
}

.b9 .right .more svg {
    width: 1.875vw;
    height: 1.875vw;
    transition: 0.3s;
    cursor: pointer;
}
.b9 .right .more svg.swiper-button-disabled{
    opacity: 0.5
}

.b9 .right .more svg:first-child {
    transform: rotate(180deg);
}

.b10 {
    margin-top: 9.21875vw;
}

.b10 .cont {
    border-radius: 4.16667vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    background: url(../img/home/b10-bg-7.svg) center center no-repeat;
    background-size: cover;
    /* max-height: 120.05208vw; */
    position: relative;
}

.b10 .cont:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: red;
    z-index: -1;
    background: url(../img/home/b10-colors-1.webp) center center no-repeat;
    background-size: cover;
}

.b10 h2 {
    text-align: center;
    margin-top: 4.16667vw;
    user-select: none;
}

.b10 .main-person {
    border: 0.05208vw solid #4d4d4d;
    border-radius: 1.5625vw;
    background: linear-gradient(226deg, #111 0%, #0f0f0f 52.5%, #101010 100%);
    width: 43.90625vw;
    padding: 2.08333vw;
    display: grid;
    grid-template-columns: 11.66667vw 1fr;
    grid-row-gap: 1.04167vw;
    grid-column-gap: 4.58333vw;
    margin-top: 4.16667vw;
    min-height: 29.01042vw;
}

.b10 .main-person .head {
    grid-column-start: 2;
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 1.25vw;
    line-height: 120%;
    color: #b6b6b6;
}

.b10 .main-person .head span {
    font-weight: 400;
    color: #fff;
}

.b10 .main-person .left .mob {
    display: none;
}

.b10 .main-person .left,
.b10 .main-person .left .inf {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.b10 .main-person .left img {
    border-radius: 1.14583vw;
    width: 11.66667vw;
}

.b10 .main-person .left .name {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 1.45833vw;
    line-height: 110%;
    color: #fafafa;
    margin-top: 1.04167vw;
}

.b10 .main-person .left .desc {
    margin-top: 0.78125vw;
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 0.9375vw;
    line-height: 120%;
    color: #666;
}

.b10 .main-person .list {
    display: flex;
    flex-direction: column;
    grid-gap: 0.78125vw;
}

.b10 .main-person .list .mob-head {
    display: none;
}

.b10 .main-person .list p {
    position: relative;
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 0.83333vw;
    line-height: 130%;
    color: #d9d9d9;
}

.b10 .main-person .list p span {
    font-weight: 300;
    color: #fff;
}

.b10 .main-person .list p:before {
    content: '';
    position: absolute;
    top: 0;
    left: -2.86458vw;
    background: url(../img/home/b10-list.svg) center center no-repeat;
    background-size: cover;
    width: 1.82292vw;
    height: 1.875vw;
    object-fit: cover;
}

.b10 .persons-block {
    display: flex;
    margin-top: 9.1145833333vw;
    width: 100%;
    justify-content: space-between;
    padding: 0 1.7708333333vw;
    position: relative;
    /* border: 0.0520833333vw solid red; */
}

.b10 .persons-block:before {
    content: '';
    position: absolute;
    width: 16.5625vw;
    height: 8.75vw;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url(../img/home/b10-logo.webp) center center no-repeat;
    background-size: cover;
    ;
}

.b10 .persons-block .persons {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 2.2395833333vw;
    grid-row-gap: 2.1354166667vw;
}

.b10 .persons-block .persons .item {
    border: 0.05208vw solid transparent;
    border-radius: 1.14583vw;
    padding: 1.0416666667vw;
    width: 9.2708333333vw;
    /* border: 0.0520833333vw solid green; */
    height: 15.46875vw;
    padding-bottom: 0;
    width: 9.375vw;
}

.b10 .persons-block .persons .item img {
    border-radius: 1.14583vw;
    width: 7.29167vw;
    height: 7.29167vw;
    object-fit: cover
}

.b10 .persons-block .persons .item .name {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 1.04167vw;
    line-height: 110%;
    text-align: center;
    color: #fafafa;
    margin-top: 1.04167vw;
}

.b10 .persons-block .persons .item .desc {
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 0.72917vw;
    line-height: 120%;
    text-align: center;
    color: #666;
    margin-top: 0.98958vw;
}

.b10 .qoute {
    margin-top: 10.46875vw;
    max-width: 14.6875vw;
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 0.83333vw;
    line-height: 120%;
    color: #fff;
}

.b10 .last-head {
    margin-top: 7.60417vw;
    font-family: "Geologica", sans-serif;
    font-weight: 700;
    font-size: 1.875vw;
    line-height: 100%;
    text-align: center;
    background: linear-gradient(90deg, #a8ff6e 0%, #9fcced 27.12%, #be97f7 62.98%, #ffb166 95.67%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 4.16667vw;
}

.b11 {
    margin-top: 10.41667vw;
}

.b11 h2 {
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 6.66667vw;
    line-height: 86%;
    letter-spacing: -0.04em;
    color: rgba(255, 255, 255, 0.25);
}

.b11 h2 span {
    color: #fff;
}

.b11 .list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 2.08333vw;
    margin-top: 5.20833vw;
}

.b11 .list .item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.b11 .list .item svg {
    width: 2.91667vw;
    height: 2.91667vw;
}

.b11 .list .item h3 {
    margin-top: 1.66667vw;
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 1.66667vw;
    line-height: 120%;
    color: #fafafa;
}

.b11 .list .item p {
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 0.9375vw;
    line-height: 120%;
    color: #909090;
    margin-top: 0.83333vw;
    max-width: 19.79167vw;
}

.b11 .list .item:nth-child(1) p,
.b11 .list .item:nth-child(2) p {
    max-width: 18.22917vw;
}

.b12 {
    margin-top: 11.97917vw;
    position: relative;
    z-index: 10;
}

.b12 .cont {
    display: grid;
    grid-template-columns: 1fr 44.0625vw;
    backdrop-filter: blur(2.60417vw);
    background: rgba(255, 255, 255, 0.1);
    border-radius: 1.5625vw;
    min-height: 32.29167vw;
    position: relative;
}

.b12 .cont:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 61.45833vw;
    background: url(../img/home/b12-bg.webp) center center no-repeat;
    z-index: -1;
    background-size: cover;
}

.b12 .cont .left {
    padding: 2.91667vw;
}

.b12 .cont .left p {
    display: none;
}

.b12 .cont .left h2 {
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 3.54167vw;
    line-height: 100%;
    color: #fafafa;
}
.b12.paid-traffic .cont .left h2 {
    font-size: 2.5vw;
}

.b12 .cont .left h2 span {
    font-weight: 700;
    background: linear-gradient(90deg, #a8ff6e 0%, #9fcced 27.12%, #be97f7 62.98%, #ffb166 95.67%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.b12 .cont .left .h1 {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 1.66667vw;
    line-height: 110%;
    letter-spacing: -0.08em;
    color: #fff;
    margin-top: 2.70833vw;
    display: block;
}

.b12 .cont .left .l {
    margin-top: 1.61458vw;
    display: flex;
    flex-wrap: wrap;
    gap: 0.52083vw;
    max-width: 33.85417vw;
}

.b12 .cont .left .l p {
    display: block;
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 0.83333vw;
    line-height: 110%;
    text-transform: uppercase;
    text-align: center;
    color: #fafafa;
    padding: 0.72917vw 1.5625vw;
    white-space: nowrap;
    border: 0.05208vw solid #fafafa;
    border-radius: 3.125vw;
}

.b12 .cont .left .h2 {
    margin-top: 3.22917vw;
    display: block;
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 1.66667vw;
    line-height: 110%;
    letter-spacing: -0.08em;
    color: #fff;
}

.b12 .cont .left .d {
    display: block;
    margin-top: 1.82292vw;
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 1.04167vw;
    line-height: 120%;
    color: #8a8f98;
}

.b12 .cont .right {
    background: #1a1a1a;
    padding: 2.91667vw;
    display: grid;
    grid-template-columns: 19.27083vw 1fr;
    border-radius: 0 1.5625vw 1.5625vw 0;
}

.b12 .cont .right .head {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 1.5625vw;
    line-height: 100%;
    color: #fafafa;
}

.b12 .cont .right .form {
    display: flex;
    flex-direction: column;
    grid-gap: 0.625vw;
    margin-top: 2.60417vw;
}

.b12 .cont .right .form .input {
    position: relative;
}

.b12 .cont .right .form .input:before {
    content: '';
    position: absolute;
    top: 50%;
    right: -2.96875vw;
    width: 0.78125vw;
    height: 0.78125vw;
    background: #484848;
    border-radius: 50%;
    transition: 0.3s;
    z-index: 10;
}

.b12 .cont .right .form input {
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 0.9375vw;
    line-height: 100%;
    color: #fff;
    border: none;
    border-bottom: 0.05208vw solid #484848;
    padding: 1.04167vw 0;
    background: none;
    outline: none;
    width: 100%;
    transition: 0.3s;
}
.b12 .cont .right .form input.error{
    border-color: red;
}
.b12 .cont .right .form input:focus{
    border-color: #fff;
}
.b12 .cont .right .form .input {
    position: relative;
    /* Ваши стили для контейнера */
}

/* Состояние точки при фокусе на инпуте внутри */
.b12 .cont .right .form .input:focus-within::before,
.b12 .cont .right .form .input:has(input:not(:placeholder-shown))::before{
    background-color: #fafafa; /* Активный цвет */
}

.b12 .cont .right .form .btn {
    margin-top: 1.40625vw;
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 0.83333vw;
    line-height: 110%;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    border-radius: 3.125vw;
    height: 3.125vw;
    background: #d7ffb7;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.b12 .cont .right .form .btn-desc {
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 0.83333vw;
    line-height: 110%;
    letter-spacing: -0.04em;
    color: #646465;
    margin-top: 0.625vw;
}

.b12 .cont .right .r {
    display: flex;
    flex-direction: column;
    padding-top: 5.72917vw;
    grid-gap: 1.5625vw;
    padding-left: 4.94792vw;
    position: relative;
}

.b12 .cont .right .r:before {
    content: '';
    position: absolute;
    top: 1.04167vw;
    left: 0;
    width: 2.65625vw;
    height: 20.78125vw;
    background: url(../img/home/b12-line.svg) center center no-repeat;
    background-size: cover;
}

.b12 .cont .right .r p {
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 0.9375vw;
    line-height: 120%;
    color: #fafafa;
}

.b13 {
    padding-top: 10vw;
    position: relative;
}

.b13:before {
    content: '';
    position: absolute;
    top: -1.35417vw;
    ;
    left: 50%;
    width: 100vw;
    height: 99.84375vw;
    filter: blur(2.60417vw);
    background: url(../img/home/b13-bg-1.svg) center center no-repeat;
    transform: translate(-50%, 0);
    background-size: cover;
    z-index: -1;
}

.b13 .container {
    max-width: 44.79167vw;
    z-index: 10;
}

.b13 .h2-1 {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 3.54167vw;
    line-height: 100%;
    background: linear-gradient(180deg, #e6e5e6 0%, #b9b9ba 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.b13 .h2-1 span {
    font-weight: 700;
    background: linear-gradient(90deg, #a8ff6e 0%, #9fcced 27.12%, #be97f7 62.98%, #ffb166 95.67%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.b13 .h2-desc {
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 0.9375vw;
    line-height: 120%;
    color: #86868b;
    margin-top: 3.33333vw;
}

.b13 .h3-1 {
    margin-top: 4.79167vw;
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 1.5625vw;
    line-height: 120%;
    color: #fafafa;
}

.b13 .list-1 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 1.04167vw;
    margin-top: 1.92708vw;
}

.b13 .list-1 p {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 1.25vw;
    line-height: 120%;
    color: #fafafa;
    border-radius: 1.04167vw;
    background: rgba(255, 255, 255, 0.1);
    height: 3.125vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.b13 .h2-2 {
    margin-top: 8.4375vw;
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 3.54167vw;
    line-height: 110%;
    background: linear-gradient(180deg, #e6e5e6 0%, #b9b9ba 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.b13 .h3-2 {
    margin-top: 4.47917vw;
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 1.5625vw;
    line-height: 120%;
    color: #fafafa;
}

.b13 .list-2 {
    display: flex;
    flex-direction: column;
    grid-gap: 1.77083vw;
    margin-top: 3.33333vw;
}

.b13 .list-2 .item {
    display: flex;
    grid-gap: 2.23958vw;
    align-items: center;
}

.b13 .list-2 .item img {
    width: 21.09375vw;
    height: auto;
}

.b13 .list-2 .item h3 {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 1.25vw;
    line-height: 120%;
    color: #fafafa;
}

.b13 .list-2 .item p {
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 0.9375vw;
    line-height: 120%;
    color: #909090;
    margin-top: 0.83333vw;
    max-width: 17.70833vw;
}

.b13 .list-2 .item:nth-child(2n) {
    flex-direction: row-reverse;
}

.b14 {
    position: relative;
    overflow: hidden;
    margin-top: 6.25vw;
}

.b14 .roll-lines {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
    height: 9.375vw;
}

.b14 .roll-lines:before {
    content: '';
    position: absolute;
    top: 0;
    left: 4.16667vw;
    right: 4.16667vw;
    height: 0.05208vw;
    background: #fff;
    opacity: 0.25;
}

.b14 .roll-lines:after {
    content: '';
    position: absolute;
    bottom: 0.05vw;
    left: 4.16667vw;
    right: 4.16667vw;
    height: 0.05208vw;
    background: #fff;
    opacity: 0.25;
}

.b14 .roll-lines .line {
    margin: 0;
    width: auto;
    position: absolute;
    top: 3.125vw;
    left: 0;
    -webkit-animation: 60s linear infinite sbs-anim;
    animation: 60s linear infinite sbs-anim;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    will-change: transform;
    grid-gap: 3.125vw;
    padding-right: 3.125vw;
}

.b14 .roll-lines .line.l2 {
    -webkit-animation: 60s linear infinite sbs-anim;
    animation: 60s linear infinite reverse sbs-anim;
    top: 4.47917vw;
}

@-webkit-keyframes sbs-anim {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }
}

@keyframes sbs-anim {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }
}

.b14 .roll-lines .line .p {
    height: 3.17708vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.b14 .roll-lines .line .p img {
    height: 100%;
    width: auto;
}

.b15 {
    position: relative;
    padding-top: 9.47917vw;
    padding-bottom: 10.83333vw;
}

.b15:before {
    content: '';
    position: absolute;
    top: -9.375vw;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100vw;
    height: 46.77083vw;
    background: url(../img/home/b15-bg.svg) center center no-repeat;
    background-size: cover;
    z-index: -1;
}

.b15 p {
    font-family: "Geologica", sans-serif;
    font-size: 1.77083vw;
    line-height: 120%;
    font-weight: 200;
    color: #86868b;
    margin: auto;
    max-width: 44.79167vw;
}

.b15 p span {
    color: #fff;
    font-weight: 300;
}

.b16 .cont {
    border-radius: 4.16667vw;
    background: #0c0c0c;
    padding: 3.85417vw 2.91667vw;
}

.b16 .up {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-end;
}

.b16 .up h2 {
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 3.54167vw;
    line-height: 100%;
    color: #fafafa;
}

.b16 .up h2 span {
    font-weight: 700;
    background: linear-gradient(90deg, #a8ff6e 0%, #9fcced 27.12%, #be97f7 62.98%, #ffb166 95.67%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.b16 .up .left p {
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 1.25vw;
    line-height: 120%;
    color: #6a6a6a;
    margin-top: 1.04167vw;
}

.b16 .up .right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    gap: 0.625vw;
}

.b16 .up .right p {
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 1.25vw;
    line-height: 100%;
    text-align: right;
    color: #fafafa;
}

.b16 .up .right svg {
    width: 0.9375vw;
}

.b16 .list {
    margin-top: 3.125vw;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 1.66667vw;
}

.b16 .list .more {
    display: none;
}

.b16 .list .item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.b16 .list .item .img {
    position: relative;
}

.b16 .list .item img {
    width: 20.20833vw;
    height: 9.375vw;
    object-fit: cover;
}

.b16 .list .item .img p {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 0.72917vw;
    line-height: 110%;
    color: #fafafa;
    position: absolute;
    padding: 0.625vw 1.25vw;
    backdrop-filter: blur(1.04167vw);
    border-radius: 5.20833vw;
    background: rgba(24, 24, 24, 0.13);
    overflow: hidden;
    bottom: 1.04167vw;
    left: 1.04167vw;
}

.b16 .list .item .img p:before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 0.05208vw;
    border-radius: inherit;
    background: linear-gradient(45deg, #FAFAFA 0%, #1B1B1B 25%, #1B1B1B 75%, #FAFAFA 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}

.b16 .list .item .head {
    margin-top: 1.5625vw;
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 1.25vw;
    line-height: 110%;
    color: #fafafa;
}

.b16 .list .item .bottom {
    display: flex;
    margin-top: 2.08333vw;
    align-items: center;
    grid-gap: 2.08333vw;
}

.b16 .list .item .bottom a {
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 0.83333vw;
    line-height: 110%;
    text-transform: uppercase;
    text-align: center;
    color: #0c0c0c;
    padding: 0.67708vw 1.35417vw;
    border-radius: 1.5625vw;
    background: #fafafa;
    cursor: pointer;
}

.b16 .list .item .bottom .r {
    display: flex;
    flex-direction: column;
    grid-gap: 0.10417vw;
}

.b16 .list .item .bottom .tag {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 0.83333vw;
    line-height: 120%;
    color: #909090;
}

.b16 .list .item .bottom .date {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 0.83333vw;
    line-height: 120%;
    color: #3e3e3e;
}

.b17 .container {
    max-width: 50vw;
    margin-top: 11.19792vw;
}

.b17 h2 {
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 3.54167vw;
    line-height: 100%;
    background: linear-gradient(180deg, #e6e5e6 0%, #b9b9ba 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.b17 h2 span {
    font-weight: 700;
    background: linear-gradient(90deg, #a8ff6e 0%, #9fcced 27.12%, #be97f7 62.98%, #ffb166 95.67%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.b17 .h2-desc{
    margin-top: 1.5625vw;
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 1.4583vw;
    line-height: 120%;
    color: #909090;
}

.b17 h2 strong {
    font-weight: 700;
}

.b17 .text .p b,
.b17 .text .p strong{
    font-weight: 600;
}
.b17 .text .p ul{
    list-style: disc;
    margin-left: 1.5vw;
}
.b17 .text .p li {
    position: relative;
    margin-top: 0.52083vw;
    /* padding-left: 0.67708vw; */
}

/* .b17 .text .p li:before {
    position: absolute;
    top: 0.26042vw;
    left: 0;
    width: 0.3125vw;
    height: 0.3125vw;
    background: #86868b;
    content: '';
    border-radius: 50%;
} */

.b17 .bottom {
    margin-top: 2.70833vw;
    border-radius: 1.5625vw;
    padding: 1.04167vw;
    background: #161616;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 5.20833vw;
}

.b17 .bottom .main {
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 1.14583vw;
    line-height: 110%;
    color: #fafafa;
}

.b17 .bottom .btn {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.b17 .bottom .btn p {}

.b17 .bottom .btn .text {
    height: 3.125vw;
    width: 16.66667vw;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 0.83333vw;
    line-height: 110%;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    letter-spacing: normal;
    background: #CCCCCC;
    border-radius: 26.04167vw;
    cursor: pointer;
}

.b17 .bottom .plus,
.b17 .bottom .plus svg {
    width: 3.125vw;
    height: 3.125vw;
    transition: 0.3s;
}

.b17 .bottom:hover .plus {
    transform: rotate(90deg);
}

.b17 .line {
    padding: 0.10417vw 0;
    border: 0.05208vw solid #414141;
    border-right: none;
    border-left: none;
    border-bottom: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    overflow: hidden
}

.b17 .box {
    margin-top: 3.125vw;
}

.b17 .head {
    min-height: 1.82292vw;
    font-size: 0.9375vw;
    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
}

.b17 .head h3 {
    margin-top: 2.08333vw;
    margin-bottom: 2.08333vw;
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 1.5625vw;
    line-height: 120%;
    color: #fafafa;
}

.b17 .box .line:last-child {
    border-bottom: 0.05208vw solid #414141
}

.b17 .close {
    min-width: 2.08333vw;
    min-height: 2.08333vw;
    background-color: none !important;
    background-size: 1.30208vw;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    opacity: .6;
    border-radius: 1.04167vw;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

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

.b17 .text {
    position: relative
}

.b17 .text .p {
    position: absolute;
    margin-top: 0.52083vw;
    padding-top: 0.52083vw;
    padding-bottom: 0.52083vw;
    max-width: calc(100% - 2.08333vw);
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 0.9375vw;
    line-height: 120%;
    color: #86868b;
}

.b17 .text p .list {
    margin: 1.04167vw 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    grid-gap: 0.52083vw;
}

.b17 .text .p p,
.b17 .text .p ul{
    margin-top: 1vw;
}

.b17 .text .p p:first-child,
.b17 .text .p ul:first-child{
    margin: 0;
}

.b17 .text p .list span {
    position: relative;
    padding-left: 0.78125vw;
}

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

.footer {
    background: #0C0C0C;
    overflow: hidden;
    border-radius: 4.16667vw 4.16667vw 0 0;
    margin-top: 9.58333vw;
}

.footer .l1,
.footer .l2 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 2.08333vw 1fr 2.08333vw 1fr 2.08333vw 1fr;
    grid-template-columns: 21.875vw 1fr 1fr 1fr;
    grid-gap: 8.22917vw;
    padding-top: 3.48958vw;
    padding-bottom: 3.64583vw;
}

.header .left .logo .img,
.footer .l1 .logo .img {
    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;
    font-family: "Steppe", sans-serif;
    font-weight: 500;
    font-size: 1.25vw;
    line-height: 100%;
    letter-spacing: -0.04em;
    color: #fff;
    grid-gap: 1.04167vw;
}

.header .left .logo .img img,
.footer .l1 .logo .img img {
    height: 2.5vw;
    width: auto;
}

.header .left .logo .desc,
.footer .l1 .logo .desc {
    margin-top: 2.08333vw;
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 1.14583vw;
    line-height: 120%;
    color: #fafafa;
}

.footer .l1 .list {
    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;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.footer .l1 .list .head {
    margin-bottom: 2.34375vw;
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 1.25vw;
    color: #5c5c5c;
}

.footer .l1 .list a {
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 0.83333vw;
    line-height: 100%;
    color: #8b8b8b;
    margin-bottom: 0.52083vw;
}

.footer .l1 .list .time {
    margin-top: 0;
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 0.83333vw;
    line-height: 140%;
    color: #666;
    margin-bottom: 1.5625vw;
}

.footer .l1 .list .soc {
    margin-top: 2.29167vw;
    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.35417vw;
}

.footer .l1 .list .soc img {
    width: 1.5625vw;
    height: 1.5625vw;
}

.footer .l2 {
    padding: 1.5625vw 0;
    border-top: 0.05208vw solid #414141;
}

.footer .l2 p:nth-child(1) {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 2;
    grid-column-end: 3;
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 0.72917vw;
    line-height: 100%;
    color: #878787;
}

.footer .l2 a {
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 0.72917vw;
    line-height: 100%;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: #878787;
}

.footer .l2 p:last-child {
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 0.72917vw;
    line-height: 100%;
    color: #878787;
}

.footer a.soon {
    position: relative;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.footer a.soon:before {
    content: "Will be soon";
    position: absolute;
    top: 50%;
    left: -0.26042vw;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    white-space: nowrap;
    font-size: 0.72917vw;
    background: #3a3a3a;
    border-radius: 2.60417vw;
    padding: 0vw 0.36458vw;
    z-index: 10;
    opacity: 0;
    color: #fff;
    line-height: 150%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.footer a.soon:hover {
    color: #000;
}

.footer a.soon:hover:before {
    opacity: 1;
}

.footer .footer_img {
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: -1;
}

.footer {}

.footer .l1 .list a {
    position: relative;
}

.footer .l1 .list a {}

.footer .l1 .list a.phone {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    line-height: 140%;
    font-size: 1.14583vw;
    color: #ccc;
}

.footer .l1 .list a.mail {
    margin: 0;
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 0.9375vw;
    line-height: 133%;
    color: #fafafa;
}

.footer .l1 .list a.mail.mobile {
    display: none;
}

.footer .l1 .list .soc {
    margin-top: 1.45833vw;
}

.footer .soc.mob {
    display: none;
}

.footer .l1 .list .l {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.footer .l1 .list a:before {
    display: none;
}

.footer .l1 .list a span {
    position: absolute;
    top: 50%;
    left: -0.26042vw;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    white-space: nowrap;
    font-size: 0.72917vw;
    background: #3a3a3a;
    border-radius: 2.60417vw;
    padding: 0vw 0.36458vw;
    z-index: 10;
    opacity: 0;
    color: #fff;
    line-height: 150%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.footer .l1 .list a.soon:hover {
    color: rgba(255, 255, 255, 0);
}

.footer .l1 .list a.soon:hover span {
    opacity: 1;
}

.footer .footer_img {
    left: 50%;
    width: 100vw;
    height: auto;
    transform: translate(-50%, 0);
}

.b18 .container {
    align-items: center;
    justify-content: center;
}

.b20 .plug,
.b18 .plug,
.b25 .plug {
    margin-top: 10.98958vw;
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 0.83333vw;
    line-height: 188%;
    text-align: center;
    color: #9b9aa6;
    padding: 0.3125vw 0.88542vw 0.20833vw;
    position: relative;
    background: rgba(26, 26, 26, 0.5);
    border-radius: 3.125vw;
}

.b20 .plug:before,
.b18 .plug:before,
.b25 .plug:before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 0.05208vw;
    border-radius: inherit;
    background: linear-gradient(90deg, #a8ff6e 0%, #9fcced 27%, #be97f7 63%, #ffb166 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
    transition: 0.3s;
    z-index: 9;
}

.b18 {
    position: relative;
    ;
}

.b18 h1 {
    font-family: "Geologica", sans-serif;
    font-weight: 600;
    font-size: 5vw;
    line-height: 110%;
    letter-spacing: -0.03em;
    text-align: center;
    color: #fff;
    margin-top: 2.03125vw;
}

.b18 h1 span {
    background: linear-gradient(90deg, #fff 0%, #a1a1aa 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 0 0.52083vw;
}

.b18 .desc {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 1.04167vw;
    line-height: 150%;
    text-align: center;
    color: #9b9aa6;
    margin-top: 2.03125vw;
    max-width: 39.32292vw;
}

.b18 .desc br {
    display: none;
}

.b18 .btns,
.b27 .btns {
    margin-top: 4.6875vw;
    grid-gap: 2.08333vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.b18 .btns a:first-child,
.b27 .btns a:first-child {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 1.04167vw;
    line-height: 110%;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    background: linear-gradient(90deg, #a8ff6e 0%, #9fcced 27.12%, #be97f7 62.98%, #ffb166 95.67%);
    width: 20.88542vw;
    height: 5.20833vw;
    border: 0.20833vw solid rgba(255, 255, 255, 0.4);
    border-radius: 3.125vw;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.b18 .btns a:last-child,
.b27 .btns a:last-child {
    width: 20.88542vw;
    height: 5.20833vw;
    border-radius: 3.125vw;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 1.04167vw;
    line-height: 110%;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    border: 0.05208vw solid rgba(255, 255, 255, 0.4);
    box-shadow: inset 0 0 2.60417vw 0 rgba(255, 255, 255, 0.25);
    background: rgba(0, 0, 0, 0.01);
}

.b18 .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 55.88542vw;
    background: url(../img/history/b18-bg.png) center center no-repeat;
    background-size: cover;
    ;
}

.b18:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 61.19792vw;
    background: url(../img/history/b18-bg-1.svg) center center no-repeat;
    background-size: cover;
    filter: blur(5.20833vw);
}

.b19 {
    margin-top: 12.60417vw;
}

.b19 .container {
    display: grid;
    grid-template-columns: 44.42708vw 1fr;
}

.b19 h2 {
    font-family: "Geologica", sans-serif;
    font-weight: 600;
    font-size: 3.54167vw;
    line-height: 100%;
    letter-spacing: -0.04em;
    background: linear-gradient(90deg, #a8ff6e 0%, #9fcced 27.12%, #be97f7 62.98%, #ffb166 95.67%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 0.52083vw 0;
}

.b19 .desc {
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 1.45833vw;
    line-height: 120%;
    letter-spacing: -0.03em;
    color: #595959;
    margin-top: 3.48958vw;
    max-width: 41.66667vw;
}

.b19 .nums {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 4.73958vw;
}

.b19 .nums .item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.83333vw;
}

.b19 .nums .item .head {
    font-family: "Geologica", sans-serif;
    font-weight: 600;
    font-size: 3.54167vw;
    line-height: 100%;
    letter-spacing: -0.04em;
    color: #d9d9d9;
}

.b19 .nums .item .d {
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 1.45833vw;
    line-height: 120%;
    letter-spacing: -0.03em;
    color: #595959;
}

.b19 .right {
    position: relative;
}

.b19 .right img {
    position: absolute;
    top: 1.45833vw;
    left: 5.20833vw;
    width: 31.875vw;
    height: 28.48958vw;
    z-index: 9;
    z-index: 10;
    animation: 3s linear 0.1s infinite alternate move-around;
}

.b19 .right:before {
    content: '';
    position: absolute;
    top: -1.61458vw;
    left: -1.40625vw;
    width: 48.59375vw;
    height: 36.35417vw;
    background: url(../img/history/b19-2.svg) center center no-repeat;
    background-size: cover;
}

@keyframes move-around {
    0% {
        transform: translate(-2%, 2%) scale(1.03);
    }

    100% {
        transform: translate(2%, -2%) scale(1.02);
    }
}

.b20 .plug {
    margin-top: 0 !important;
}

.b20 {
    margin-top: 11.97917vw;
}

.b20 .container,
.b21 .container,
.b25 .container {
    align-items: center;
    justify-content: center;
}

.b20 h2 {
    font-family: "Geologica", sans-serif;
    font-weight: 600;
    font-size: 3.33333vw;
    line-height: 110%;
    letter-spacing: -0.04em;
    text-align: center;
    color: #fff;
    margin-top: 2.03125vw;
}

.b20 .desc {
    margin-top: 2.13542vw;
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 1.04167vw;
    line-height: 150%;
    text-align: center;
    color: #9b9aa6;
    max-width: 38.54167vw;
}

.b20 .list-1 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 2.08333vw;
    margin-top: 4.47917vw;
    width: 100%;
}

.b20 .list-1 .item {
    padding: 1.5625vw 1.5625vw 2.29167vw 1.5625vw;
    background: #000;
    border: 0.05208vw solid rgba(255, 255, 255, 0.25);
    border-radius: 1.5625vw;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1.25vw;
    opacity: 1;
    transition: 0.3s;
}
.b20 .list-1 .item.animate-played{
    box-shadow: inset 0 0 2.08333vw 0 rgba(255, 255, 255, 0.25);
}
.b20 .list-1 .item:nth-child(2){
    transition-delay: 0.2s;
}
.b20 .list-1 .item:nth-child(3){
    transition-delay: 0.4s;
}
.b20 .list-1 .item:nth-child(4){
    transition-delay: 0.6s;
}

.b20 .list-1 .item img {
    margin: 0.625vw 1.04167vw 1.04167vw 0.625vw;
    width: 1.25vw;
    height: auto;
}

.b20 .list-1 .item h3 {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 1.66667vw;
    line-height: 120%;
    color: #fafafa;
}

.b20 .list-1 .item p {
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 0.9375vw;
    line-height: 120%;
    color: #909090;
    max-width: 16.66667vw;
}

.b20 .h3-2 {
    margin-top: 3.95833vw;
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 1.66667vw;
    line-height: 120%;
    text-align: center;
    color: #fafafa;
}

.b20 .p-2,
.b20 .p-3 {
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 0.9375vw;
    line-height: 120%;
    text-align: center;
    color: #909090;
    margin-top: 0.625vw;
    max-width: 24.47917vw;
}

.b20 .p-3 {
    max-width: 32.96875vw;
    margin-top: 6.19792vw;
}

.b20 .list-2 {
    display: flex;
    margin-top: 6.61458vw;
    gap: 1.04167vw;
    position: relative;
}

.b20 .list-2:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 46.40625vw;
    height: 12.76042vw;
    background: url(../img/history/b2-list-2.svg) center center no-repeat;
    background-size: cover;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.b20 .list-2 p {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 0.83333vw;
    text-align: center;
    color: #000;
    border: 0.05208vw solid rgba(255, 255, 255, 0.25);
    border-radius: 2.60417vw;
    padding: 0.625vw 1.04167vw;
    background: #686868;
    transition: 0.3s;
    height: 3.125vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.b20 .list-2 p.active {
    background: #fff;
}

.b21 {
    margin-top: 8.95833vw;
}

.b21 h2 {
    font-family: "Geologica", sans-serif;
    font-weight: 600;
    font-size: 3.33333vw;
    line-height: 110%;
    letter-spacing: -0.04em;
    text-align: center;
    color: #fff;
}

.b21 .desc {
    margin-top: 1.09375vw;
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 1.04167vw;
    line-height: 150%;
    text-align: center;
    color: #9b9aa6;
}

.b21 .list {
    margin-top: 3.4375vw;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 2.08333vw;
    width: 100%;
}

.b21 .list .item {
    background: #000;
    border-radius: 1.5625vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.5625vw 1.5625vw 1.875vw;
    opacity: 1;
    transition: 0.3s;
}

.b21 .list .item:nth-child(1) {
    box-shadow: inset 0 0 2.08333vw 0 #4479ff;
}
.b21 .list .item:nth-child(2) {
    border: 0.05208vw solid rgba(255, 255, 255, 0.5);
    transition-delay: 0.15s;
}

.b21 .list .item:nth-child(3) {
    border: 0.05208vw solid #f87171;
    transition-delay: 0.3s;
}

.b21 .list .item:nth-child(4) {
    border: 0.05208vw solid #44cd76;
    transition-delay: 0.45s;
}

.b21 .list .item:nth-child(5) {
    border: 0.05208vw solid rgba(255, 255, 255, 0.25);
    grid-column-start: 1;
    grid-column-end: 5;
    padding-top: 4.27083vw;
    padding-bottom: 4.27083vw;
    position: relative;
    background: none;
    transition-delay: 0.6s;
}


.b21 .list .item:nth-child(1).animate-played {
    box-shadow: inset 0 0 2.08333vw 0 #4479ff;
}
.b21 .list .item:nth-child(2).animate-played {
    box-shadow: inset 0 0 2.08333vw 0 rgba(255, 255, 255, 0.6);
}

.b21 .list .item:nth-child(3).animate-played {
    box-shadow: inset 0 0 2.08333vw 0 #844b4b;
}

.b21 .list .item:nth-child(4).animate-played {
    box-shadow: inset 0 0 2.08333vw 0 #60be82;
}

.b21 .list .item:nth-child(5).animate-played {
    box-shadow: inset 0 0 2.08333vw 0 rgba(255, 188, 150, 0.5);
}

.b21 .list .item:nth-child(5):before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/history/b21-item-1.svg) center center no-repeat;
    background-size: cover;
    z-index: -1;
}

.b21 .list .item img {
    width: 3.33333vw;
    height: auto;
}

.b21 .list .item h3 {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 1.66667vw;
    line-height: 120%;
    text-align: center;
    color: #fafafa;
    margin-top: 1.25vw;
}

.b21 .list .item p {
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 0.9375vw;
    line-height: 120%;
    text-align: center;
    color: #909090;
    margin-top: 1.25vw;
}

.b22 {
    margin-top: 5.83333vw;
    position: relative;
}

.b22:before {
    content: '';
    position: absolute;
    top: -34.42708vw;
    left: 0;
    width: 100%;
    height: 104.0625vw;
    background: url(../img/history/b22-bg.png) center center no-repeat;
    background-size: cover;
}

.b22 .container {
    max-width: 30.20833vw;
}

.b22 h2 {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 3.33333vw;
    line-height: 110%;
    letter-spacing: -0.04em;
    color: #fff;
}

.b22 .decs {
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 0.9375vw;
    line-height: 120%;
    color: rgba(255, 255, 255, 0.75);
    margin-top: 2.96875vw;
}

.b22 .decs.mob {
    display: none;
}

.b22 .decs span {
    color: #fff;
}

.b22 .decs .accent {
    font-weight: 400;
    background: linear-gradient(90deg, #a8ff6e 0%, #9fcced 27.12%, #be97f7 62.98%, #ffb166 95.67%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.b23 {
    margin-top: 12.29167vw;
}

.b23 h2 {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 3.33333vw;
    line-height: 110%;
    letter-spacing: -0.04em;
    color: #fff;
}

.b23 .list {
    margin-top: 4.16667vw;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    width: 100%;
    grid-column-gap: 1.875vw;
    grid-row-gap: 1.5625vw;
}

.b23 .list .item {
    padding: 1.5625vw;
    height: 12.60417vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    border: 0.05208vw solid #4d4d4d;
    border-radius: 1.5625vw;
    transition: 0.3s;
}

.b23 .list .item:hover {
    border-color: #fff;
}

.b23 .list .item .head {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 3.33333vw;
    line-height: 100%;
    letter-spacing: -0.04em;
    color: #fafafa;
}

.b23 .list .item .desc {
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 0.9375vw;
    line-height: 110%;
    color: #bababa;
}

.b23 .list .item:nth-child(1),
.b23 .list .item:nth-child(5) {
    grid-column-start: 1;
    grid-column-end: 3;
}

.b23 .list .item:nth-child(2) {
    grid-column-start: 4;
    grid-column-end: 7;
}

.b23 .list .item:nth-child(3) {
    grid-column-start: 8;
    grid-column-end: 11;
}

.b23 .list .item:nth-child(4),
.b23 .list .item:nth-child(8) {
    grid-column-start: 11;
    grid-column-end: 13;
}

.b23 .list .item:nth-child(6) {
    grid-column-start: 3;
    grid-column-end: 6;
}

.b23 .list .item:nth-child(7) {
    grid-column-start: 7;
    grid-column-end: 10;
}

.b24 {
    margin-top: 9.375vw;
    margin-bottom: 4.16667vw;
}

.b24 h2 {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 3.33333vw;
    line-height: 110%;
    letter-spacing: -0.04em;
    color: #fff;
}

.b25 {
    margin-top: 8.33333vw;
}

.b25 h2 {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 3.33333vw;
    line-height: 110%;
    letter-spacing: -0.04em;
    text-align: center;
    color: #fff;
    margin-top: 2.34375vw;
}

.b25 .plug {
    margin-top: 0 !important;
}

.b25 .list {
    margin-top: 3.48958vw;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 2.08333vw;
    grid-row-gap: 3.125vw;
    width: 100%;
}

.b25 .list .item {
    padding: 2.60417vw 3.4375vw 3.02083vw 2.29167vw;
    border: 0.05208vw solid rgba(255, 255, 255, 0.25);
    border-radius: 1.5625vw;
    background: #000;
    opacity: 1;
    transition: 0.3s;
}

.b25 .list .item.animate-played{
    box-shadow: inset 0 0 2.08333vw 0 rgba(255, 255, 255, 0.25);
}

.b25 .list .item .h {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 1.66667vw;
    line-height: 120%;
    color: #fafafa;
}

.b25 .list .item .p {
    margin-top: 2.60417vw;
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 0.9375vw;
    line-height: 120%;
    color: #909090;
    max-width: 39.0625vw;
}

.b25 .list .item:nth-child(2){
    transition-delay: 0.2s;
}
.b25 .list .item:nth-child(3){
    transition-delay: 0.4s;
}
.b25 .list .item:nth-child(4){
    transition-delay: 0.6s;
}


.b26 {
    margin-top: 9.11458vw;
}

.b26 .cont {
    padding: 7.29167vw 7.70833vw;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 1.5625vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.b26 .cont h2 {
    font-family: "Geologica", sans-serif;
    font-weight: 600;
    font-size: 3.33333vw;
    line-height: 110%;
    letter-spacing: -0.04em;
    text-align: center;
    color: #fff;
}

.b26 .cont .desc {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 1.04167vw;
    line-height: 150%;
    text-align: center;
    color: #9b9aa6;
    margin-top: 1.09375vw;
}

.b26 .cont .list {
    /* padding-left: 7.8125vw; */
    margin-top: 6.45833vw;
    display: flex;
    flex-direction: column;
    gap: 4.16667vw;
    position: relative;
}

.b26 .cont .list .line {
    content: '';
    position: absolute;
    top: 0;
    left: 0.72917vw;
    width: 0.05208vw;
    height: calc(100% - 5.83333vw);
    background: rgba(255, 255, 255, 0.25);
    overflow: hidden;
}

.b26 .cont .list .line span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2.60417vw;
    background: #C3E2D9;
    border-radius: 0.52083vw;
    transition: 0.1s;
}

.b26 .cont .list .item {
    position: relative;
    padding-left: 7.8125vw;
}

.b26 .cont .list .item:before {
    content: '';
    border-radius: 100%;
    background: #0d0d0d;
    border: 0.05208vw solid rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5625vw;
    height: 1.5625vw;
    transition: 0.3s;
}

.b26 .cont .list .item.active:before {
    background: #C3E2D9;
    border-color: #C3E2D9;
}

.b26 .cont .list .item:nth-child(2):before,
.b26 .cont .list .item.active:nth-child(2):before {
    background: radial-gradient(78.11% 113.37% at 50.89% 0%, rgb(255, 123, 102) 4.326921701431274%, rgb(179, 134, 245) 37.0192289352417%, rgb(189, 217, 237) 72.87963628768921%, rgb(207, 245, 182) 100%);
    border-color: transparent;
    border-width: 0;
}

.b26 .cont .list .head {
    font-family: "Geologica", sans-serif;
    font-weight: 700;
    font-size: 1.25vw;
    color: #5b5b5b;
    transition: 0.3s;
}

.b26 .cont .list .item:nth-child(2) .head,
.b26 .cont .list .item.active .head {
    color: #fff;
}

.b26 .cont .list .head span {
    font-weight: 400;
}

.b26 .cont .list .c {
    border-radius: 1.5625vw;
    background: #fff;
    width: 36.97917vw;
    display: flex;
    flex-direction: column;
    padding: 0.9375vw 1.5625vw 1.30208vw;
    margin-top: 1.71875vw;
}

.b26 .cont .list .c .up {
    display: flex;
}

.b26 .cont .list .c .up .h {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 0.72917vw;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.5);
}

.b26 .cont .list .c .up .d {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 1.25vw;
    color: #000;
}

.b26 .cont .list .c .up .i:nth-child(2) {
    margin-left: 7.60417vw;
}

.b26 .cont .list .c .up .i:nth-child(3) {
    margin-left: 7.60417vw;
}

.b26 .cont .list .c .b {
    margin-top: 0.78125vw;
    padding-top: 0.78125vw;
    border-top: 0.05208vw solid rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    grid-gap: 0.52083vw;
}

.b26 .cont .list .c .b p {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 0.83333vw;
    color: #000;
    position: relative;
    padding-left: 1.40625vw;
}

.b26 .cont .list .c .b p:before {
    content: '';
    position: absolute;
    top: 0.4vw;
    left: 0.15625vw;
    width: 0.3125vw;
    height: 0.3125vw;
    background: #be97f7;
    border-radius: 50%;
    transform: translate(0%, -50%);
}

.b26 .cont .big-btn {
    width: 36.97917vw;
    height: 4.16667vw;
    gap: 0.52083vw;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0.05208vw solid rgba(255, 255, 255, 0.4);
    border-radius: 3.125vw;
    box-shadow: inset 0 0 2.60417vw 0 rgba(255, 255, 255, 0.25);
    background: rgba(0, 0, 0, 0.01);
    margin-left: 7.8125vw;
    position: relative;
}

.b26 .cont .big-btn p {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 1.04167vw;
    line-height: 110%;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
}

.b26 .cont .big-btn svg {
    width: 1.25vw;
    height: auto;
}

.b26 .cont .big-btn:before,
.b26 .cont .big-btn:after {
    content: '';
    position: absolute;
    top: -3.125vw;
    left: -7.13542vw;
    width: 7.03125vw;
    height: 5.36458vw;
    background: url(../img/history/b26-before.svg) center center no-repeat;
    background-size: cover;
    transition: 0.3s;
}

.b26 .cont .big-btn:after {
    background: url(../img/history/b26-before-active.svg) center center no-repeat;
    background-size: cover;
    opacity: 0;
}

.b26 .cont .big-btn.active:after {
    opacity: 1;
}

.b27 {
    margin-top: 7.8125vw;
}

.b27 .container {
    align-items: center;
    justify-content: center;
}

.b27 .plug {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.41667vw;
}

.b27 .plug svg {
    width: 1.45833vw;
    height: auto
}

.b27 .plug p {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 0.83333vw;
    line-height: 188%;
    text-align: center;
    color: rgba(255, 255, 255, 0.5);
}

.b27 h2 {
    font-family: "Geologica", sans-serif;
    font-weight: 600;
    font-size: 3.33333vw;
    line-height: 110%;
    letter-spacing: -0.04em;
    text-align: center;
    color: #fff;
    margin-top: 1.14583vw;
}

.b27 .cont {
    margin-top: 3.85417vw;
    width: 60.41667vw;
    ;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 2.08333vw;
    grid-row-gap: 1.35417vw;
}

.b27 .cont h3 {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 1.66667vw;
    line-height: 120%;
    color: #fafafa;
}

.b27 .cont p {
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 0.9375vw;
    line-height: 120%;
    color: #909090;
    max-width: 26.30208vw;
    margin-top: 1.25vw;
}


.b28 {
    padding-top: 9.21875vw;
    position: relative;
}

.b28 .bg-1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 54.42708vw;
    background: url(../img/paid-traffic/b29-bg-1.png) center center no-repeat;
    background-size: cover;
    z-index: -1;
}

.b28 .bg-2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 62.76042vw;
    background: url(../img/paid-traffic/b29-bg-2.svg) center center no-repeat;
    background-size: cover;
    z-index: -2;
    filter: blur(5.20833vw);
}

.b28 .bg-3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 62.76042vw;
    background: url(../img/paid-traffic/b29-bg-3.svg) center center no-repeat;
    background-size: cover;
    z-index: -2;
    filter: blur(2.5vw);
}

.b28 .container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2.08333vw;
}

.b28 .left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.b28 h1 {
    font-family: "Geologica", sans-serif;
    font-size: 3.54167vw;
    line-height: 100%;
    letter-spacing: -0.04em;
    margin-top: 4.16667vw;
    font-weight: 400;
    color: #b7b7b7;
}

.b28 h1 span {
    color: #fff;
    font-weight: 600;
}

.b28 .p1,
.b28 .p2,
.b28 .p3 {
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 1.25vw;
    line-height: 120%;
    color: #bababa;
    margin-top: 1.09375vw;
}

.b28 .p1 span,
.b28 .p2 span,
.b28 .p3 span {
    color: #fafafa;
}

.b28 .p2 {
    margin-top: 1.71875vw;
}

.b28 .p3 {
    margin-top: 1.35417vw;
}

.b28 .big-btn,
.b35 .big-btn {
    margin-top: 4.6875vw;
    display: flex;
}

.b28 .big-btn p,
.b35 .big-btn p {
    cursor: pointer;
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 1.04167vw;
    line-height: 110%;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    border: 0.20833vw solid rgba(255, 255, 255, 0.4);
    background: linear-gradient(90deg, #a8ff6e 0%, #9fcced 27.12%, #be97f7 62.98%, #ffb166 95.67%);
    border-radius: 3.125vw;
    height: 5.20833vw;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 3.22917vw;
}

.b28 .big-btn .mob,
.b35 .big-btn .mob {
    display: none;
}

.b28 .big-btn .tg,
.b35 .big-btn .tg {
    width: 5.20833vw;
    height: 5.20833vw;
    background: url(../img/home/base-btn-tg-3.webp) center center no-repeat;
    background-size: cover;
    cursor: pointer;
    box-shadow: 0 1.25vw 1.77083vw -0.52083vw rgba(0, 0, 0, 0.21);
}

.b28 .btn-desc {
    margin-top: 1.77083vw;
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 1.04167vw;
    line-height: 120%;
    color: #8a8f98;
}

.b28 .right {
    /* background: red; */
    margin-left: 7.03125vw;
    position: relative;
}

.b28 .right p {
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 1.66667vw;
    line-height: 120%;
    text-align: center;
    color: #fafafa;
}

.b28 .right p strong {
    font-weight: 600;
}

.b28 .right p span {
    background: linear-gradient(90deg, #a8ff6e 0%, #9fcced 27.12%, #be97f7 62.98%, #ffb166 95.67%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
}

.b28 .right .main-img {
    /* position: absolute; */
    width: 37.03125vw;
    height: auto;
    animation: 3s linear 0.1s infinite alternate move-around;
}

/* Базовые стили остаются прежними */
.b28 .right .b28-0,
.b28 .right .b28-1,
.b28 .right .b28-2,
.b28 .right .b28-3,
.b28 .right .b28-4,
.b28 .right .b28-5,
.b28 .right .b28-6 {
    position: absolute;
    top: 0;
    left: 0;
    width: 37.03125vw;
    height: auto;
}

/* Статичный фон */
.b28 .right .b28-0 {
    opacity: 0.75;
    z-index: -1;
    /* position: relative; */
}

/* Настройка плавной анимации для 1-6 */
.b28 .right .b28-1,
.b28 .right .b28-2,
.b28 .right .b28-3,
.b28 .right .b28-4,
.b28 .right .b28-5,
.b28 .right .b28-6 {
    opacity: 0;
    /* Увеличили время до 12с и добавили плавный ease */
    animation: smooth-blink 12s infinite ease-in-out;
}

/* Рассчитанные задержки вразброс (от 0 до 12 сек) */
.b28 .right .b28-3 {
    animation-delay: 0.5s;
}

.b28 .right .b28-1 {
    animation-delay: 2.2s;
}

.b28 .right .b28-5 {
    animation-delay: 4.8s;
}

.b28 .right .b28-2 {
    animation-delay: 6.5s;
}

.b28 .right .b28-6 {
    animation-delay: 8.1s;
}

.b28 .right .b28-4 {
    animation-delay: 10.3s;
}

/* Ключевые кадры для мягкого появления и затухания */
@keyframes smooth-blink {

    0%,
    25%,
    100% {
        opacity: 0;
    }

    /* Элемент плавно проявляется к 10% и задерживается до 15% */
    10%,
    15% {
        opacity: 1;
    }
}

.b29 {
    margin-top: 8.07292vw;
}

.b29 h2 {
    font-family: "Geologica", sans-serif;
    font-size: 2.91667vw;
    line-height: 100%;
    letter-spacing: -0.04em;
    text-align: center;
    font-weight: 400;
    color: #fafafa;
}

.b29 h2 span {
    color: #fff;
    font-weight: 600;
}

.b29 .cont {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    width: 100%;
    margin-top: 4.16667vw;
    gap: 2.08333vw;
}

.b29 .cont .item {
    height: 12.5vw;
    border: 0.05208vw solid #4d4d4d;
    border-radius: 1.5625vw;
    padding: 1.5625vw 1.25vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: 0.3s;
}

.b29 .cont .item:nth-child(1),
.b29 .cont .item:nth-child(2),
.b29 .cont .item:nth-child(5),
.b29 .cont .item:nth-child(6) {
    grid-column: span 3;
}

.b29 .cont .item:nth-child(3),
.b29 .cont .item:nth-child(7) {
    grid-column: span 2;
}

.b29 .cont .item:nth-child(4),
.b29 .cont .item:nth-child(8) {
    grid-column: span 4;
}

.b29 .cont .item .head {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 2.1875vw;
    line-height: 100%;
    letter-spacing: -0.04em;
    color: #fafafa;
}

.b29 .cont .item .head span {
    font-size: 3.33333vw;
}

.b29 .cont .item .d {
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 0.9375vw;
    line-height: 110%;
    color: #bababa;
}

.b24.center h2,
.b24.center p {
    text-align: center;
}

.b24 p {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 1.45833vw;
    line-height: 120%;
    color: #909090;
    margin-top: 1.92708vw;
}

.b30 {
    margin-top: 9.58333vw;
}

.b30 .container {
    align-items: center;
}

.b30 h2 {
    font-family: "Geologica", sans-serif;
    font-size: 2.91667vw;
    line-height: 100%;
    letter-spacing: -0.04em;
    text-align: center;
    font-weight: 400;
    color: #fafafa;
}

.b30 h2 span {
    font-weight: 600;
}

.b30 .desc {
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 1.25vw;
    line-height: 120%;
    text-align: center;
    color: #a1a1a1;
    margin-top: 3.69792vw
}

.b30 .desc span {
    color: #fff;
}

.b30 .l1 {
    margin-top: 2.1875vw;
    padding: 1.09375vw 3.75vw;
    background: #0c0c0c;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2.34375vw;
    border-radius: 1.5625vw;
}

.b30 .l1 .item {
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 1.25vw;
    line-height: 120%;
    color: #bababa;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2.34375vw;
}

.b30 .l1 .item span {
    width: 2.1875vw;
    height: 2.1875vw;
    display: block;
    background: url(../img/paid-traffic/b30-1.svg) center center no-repeat;
    background-size: cover;
}

.b30 .p2 {
    margin-top: 2.1875vw;
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 1.25vw;
    line-height: 120%;
    color: #bababa;
    text-align: center;
    max-width: 48.4375vw;
    position: relative;
}

.b30 .p2 span {
    color: #ef4444;
}

.b30 .p2:before {
    content: '';
    position: absolute;
    top: calc(100% + 1.04167vw);
    left: 50%;
    width: 60.41667vw;
    height: 8.59375vw;
    background: url(../img/paid-traffic/b30-2.svg) center center no-repeat;
    background-size: cover;
    transform: translate(-50%, 0);
}

.b30 .l2 {
    margin-top: 9.63542vw;
    display: flex;
    gap: 2.08333vw;
    justify-content: center;
    align-items: stretch;
}

.b30 .l2 .left {
    box-shadow: inset 0 0.20833vw 1.5625vw 0 rgba(255, 255, 255, 0.2);
    background: #0c0c0c;
    border-radius: 1.5625vw;
    width: 44.79167vw;
    padding: 2.08333vw 2.08333vw 3.54167vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.b30 .l2 .left .plug {
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 0.72917vw;
    line-height: 110%;
    text-align: center;
    color: #fff;
    padding: 0.41667vw 0.83333vw;
    background: #1d1d1d;
    border-radius: 1.04167vw;
    position: relative;
}

.b30 .l2 .left .plug:before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 0.05208vw;
    border-radius: inherit;
    background: linear-gradient(90deg, #FFFFFF 0%, rgba(153, 153, 153, 0) 55%, #FFFFFF 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
    transition: 0.3s;
    z-index: 9;
}

.b30 .l2 .left h3 {
    font-family: "Geologica", sans-serif;
    font-weight: 500;
    font-size: 1.66667vw;
    line-height: 120%;
    color: #fafafa;
    margin-top: 1.82292vw;
}

.b30 .l2 .left .d {
    margin-top: 1.25vw;
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 0.9375vw;
    line-height: 120%;
    color: #909090;
    max-width: 32.29167vw;
}

.b30 .l2 .left .d span {
    color: #fafafa;
}

.b30 .l2 .right {
    background: #fff;
    border-radius: 1.5625vw;
    width: 29.21875vw;
    padding: 2.08333vw 2.60417vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    transition-duration: 0.2s;
}

.b30 .l2 .right .plug {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 0.72917vw;
    line-height: 110%;
    text-align: center;
    color: #0c0c0c;
    background: #a8ff6e;
    border-radius: 1.04167vw;
    padding: 0.41667vw 0.83333vw;
}

.b30 .l2 .right h3 {
    font-family: "Geologica", sans-serif;
    font-weight: 500;
    font-size: 1.66667vw;
    line-height: 120%;
    color: #0c0c0c;
    margin-top: 1.82292vw;
}

.b30 .l2 .right .d {
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 0.9375vw;
    line-height: 120%;
    color: #0c0c0c;
    margin-top: 0.83333vw;
}

.b30 .l2 .right .d span {
    font-weight: 600;
}

.b30 .l2 .right:before {
    content: '';
    position: absolute;
    top: 12.13542vw;
    left: 2.65625vw;
    width: 23.80208vw;
    height: 4.375vw;
    background: url(../img/paid-traffic/b30-3.svg) center center no-repeat;
    background-size: cover;
}

.b31 {
    margin-top: 15.625vw;
    border-radius: 2.08333vw;
    background: #0c0c0c;
    padding-top: 3.54167vw;
    padding-bottom: 5.83333vw;
    position: relative;
}

.b31:before {
    content: '';
    position: absolute;
    width: 64.84375vw;
    height: 10.41667vw;
    z-index: -1;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.29);
    filter: blur(7.8125vw);
}

.b31:after {
    content: '';
    position: absolute;
    width: 64.84375vw;
    height: 10.41667vw;
    z-index: -1;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.29);
    filter: blur(7.8125vw);
}

.b31 h2 {
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 5.20833vw;
    line-height: 110%;
    letter-spacing: -0.04em;
    color: #fff;
}

.head-animate.head-animate-past span.letter.active{
    color: rgba(255, 255, 255, 0.25);
}
.head-animate.head-animate-past span.accent span.letter.active{
    color: #fff;
}

.b31 h2 span {
    color: rgba(255, 255, 255, 0.25);
}

.b31 .list {
    margin-top: 5.88542vw;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 2.08333vw;
}

.b31 .list img {
    width: 2.91667vw;
    height: auto;
}

.b31 .list .head {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 1.66667vw;
    line-height: 120%;
    color: #fafafa;
    margin-top: 1.66667vw;
}

.b31 .list .desc {
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 0.9375vw;
    line-height: 120%;
    color: #909090;
    margin-top: 0.83333vw;
}

.b31 .list .desc span {
    font-weight: 400;
    color: #fafafa;
}

.b31 .list .item:nth-child(1) .desc {
    max-width: 18.38542vw;
}

.b31 .list .item:nth-child(2) .desc {
    max-width: 16.45833vw;
}

.b31 .list .item:nth-child(4) .desc {
    max-width: 20.83333vw;
}

.b32 {
    margin-top: 8.59375vw;
    position: relative;
}

.b32:before {
    content: '';
    position: absolute;
    bottom: -9.79167vw;
    left: 50%;
    width: 98.64583vw;
    height: 73.125vw;
    background: red;
    transform: translate(-50%, 0);
    background: url(../img/paid-traffic/b32-bg.svg) center center no-repeat;
    background-size: cover;
}

.b32 .container {
    align-items: center;
}

.b32 h2 {
    font-family: "Geologica", sans-serif;
    font-weight: 600;
    font-size: 2.91667vw;
    line-height: 100%;
    letter-spacing: -0.04em;
    text-align: center;
    color: #fafafa;
    font-weight: 400;
}

.b32 h2 span {
    font-weight: 600;
}

.b32 .dd {
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 1.25vw;
    line-height: 120%;
    text-align: center;
    color: #bababa;
    max-width: 40.10417vw;
    margin-top: 2.08333vw;
}

.b32 .dd span {
    color: #ef4444;
}

.b32 .cont {
    margin-top: 4.63542vw;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.08333vw;
    position: relative;
}

.b32 .cont.mob {
    display: none;
}

.b32 .cont:before {
    content: '';
    position: absolute;
    top: 10.41667vw;
    left: 50%;
    transform: translate(-50%, 0);
    width: 23.48958vw;
    height: 62.8125vw;
    background: red;
    z-index: -1;
    background: url(../img/paid-traffic/b32-before.svg) center center no-repeat;
    background-size: cover;
}

.b32 .cont .item {
    box-shadow: inset 0 0 0.78125vw 0 rgba(255, 255, 255, 0.3);
    border: 0.05208vw solid rgba(255, 255, 255, 0.25);
    border-radius: 1.5625vw;
    width: 21.35417vw;
    height: 20.46875vw;
    padding: 1.5625vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    justify-content: space-between;
    background: #000;
}

.b32 .cont .item .i {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.b32 .cont .item .head {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 1.04167vw;
    line-height: 120%;
    color: #fafafa;
    margin-top: 1.04167vw;
}

.b32 .cont .item .desc {
    margin-top: 1.04167vw;
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 0.72917vw;
    line-height: 120%;
    color: #909090;
}

.b32 .cont .item .desc ul {
    margin-top: 0.78125vw;
    list-style: disc;
    padding-left: 1.04167vw;
}

.b32 .cont .item .error {
    background: #282828;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.67708vw;
    padding: 0.41667vw 1.04167vw 0.41667vw 0.72917vw;
    border-radius: 1.04167vw;
    position: relative;
    animation: b32-pulse-bg-error 3s infinite ease-in-out;
}

@keyframes b32-pulse-bg-error {

    0%,
    100% {
        background: #282828;
    }

    50% {
        background: #251618;
    }
}

.b32 .cont .item .error svg {
    width: 0.625vw;
    height: 0.625vw;
}

.b32 .cont .item .error p {
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 0.72917vw;
    line-height: 110%;
    text-align: center;
    color: #ef4444;
}

.b32 .cont .item .error img {
    width: 0.625vw;
    height: auto
}

.b32 .cont .item .error:before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 0.05208vw;
    border-radius: inherit;
    background: linear-gradient(135deg, #923636 0%, #251618 16%, #922f2f 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
    z-index: 9;
    animation: b32-pulse-before 3s infinite ease-in-out;
}

@keyframes b32-pulse-before {

    0%,
    100% {
        opacity: 0
    }

    50% {
        opacity: 1;
    }
}

.b32 .cont .item .problem {
    background: #282828;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.67708vw;
    padding: 0.41667vw 1.04167vw 0.41667vw 0.72917vw;
    border-radius: 1.04167vw;
    position: relative;
    animation: b32-pulse-bg-problem 3s infinite ease-in-out;
}

@keyframes b32-pulse-bg-problem {

    0%,
    100% {
        background: #282828;
    }

    50% {
        background: rgba(150, 129, 66, 0.4);
    }
}

.b32 .cont .item .problem svg {
    width: 0.78125vw;
    height: 0.78125vw;
}

.b32 .cont .item .problem img {
    width: 0.78125vw;
    height: auto;
}

.b32 .cont .item .problem p {
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 0.72917vw;
    line-height: 110%;
    text-align: center;
    color: #fbbc05;
}

.b32 .cont .item .problem:before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 0.05208vw;
    border-radius: inherit;
    background: linear-gradient(135deg, #FBBC05 0%, rgba(251, 188, 5, 0.1) 16%, #FBBC05 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
    z-index: 9;
    animation: b32-pulse-before 3s infinite ease-in-out;
}

.b32 .cont .item.big {
    grid-column-start: 1;
    grid-column-end: 3;
    width: 100%;
    height: 19.32292vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding-top: 2.08333vw;
}

.b32 .cont .item.big .u {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    gap: 5.20833vw;
}

.b32 .cont .item.big .bot {
    width: 100%;
    margin-top: 1.77083vw;
    padding-top: 1.5625vw;
    border-top: 0.05208vw solid #434343;
}

.b32 .cont .item.big .bot .h {
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 0.9375vw;
    line-height: 120%;
    color: #fafafa;
}

.b32 .cont .item.big .bot .l {
    display: flex;
    width: 100%;
    gap: 3.95833vw;
    margin-top: 1.82292vw;
}

.b32 .cont .item.big .bot .l p {
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 0.9375vw;
    line-height: 120%;
    color: #909090;
    padding-left: 1.77083vw;
    position: relative;
}

.b32 .cont .item.big .bot .l p:before {
    content: '';
    position: absolute;
    top: -0.15625vw;
    left: 0;
    width: 1.25vw;
    height: 1.25vw;
    background: url(../img/paid-traffic/b32-q.svg) center center no-repeat;
    background-size: cover;
    ;
}

.b32 .big-text {
    margin-top: 9.84375vw;
    max-width: 61.09375vw;
}

.b32 .big-text p {
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 2.91667vw;
    line-height: 100%;
    letter-spacing: -0.04em;
    text-align: center;
    color: #7a7a7a;
}

.b32 .big-text p:nth-child(1) {
    margin-bottom: 3.125vw;
}

.b32 .active {
    color: #fafafa;
}

.b32 .word {
    display: inline-block;
    transition: color 0.3s ease;
}

.b33 {
    margin-top: 9.79167vw;
    border-radius: 2.08333vw;
    padding-top: 4.16667vw;
    padding-bottom: 7.29167vw;
    background: #0c0c0c;
}

.b33 h2 {
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 5.20833vw;
    line-height: 110%;
    letter-spacing: -0.04em;
    color: #fff;
}

.b33 h2 span {
    color: rgba(255, 255, 255, 0.25);
}

.b33 img {
    position: absolute;
    right: 0.625vw;
    top: 0.10417vw;
    width: 32.08333vw;
    height: auto;
}

.b33 .cont {
    margin-top: 6.25vw;
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 2.08333vw;
}

.b33 .cont .item .up {
    display: flex;
    gap: 0.20833vw;
}

.b33 .cont .item .up span {
    width: 0.72917vw;
    height: 0.72917vw;
    background: #292929;
    display: block;
    border-radius: 50%;
    transition: 0.3s;
}

.b33 .cont .item.animate-played:nth-child(1) .up span:nth-child(1),
.b33 .cont .item.animate-played:nth-child(2) .up span:nth-child(1),
.b33 .cont .item.animate-played:nth-child(2) .up span:nth-child(2),
.b33 .cont .item.animate-played:nth-child(3) .up span:nth-child(1),
.b33 .cont .item.animate-played:nth-child(3) .up span:nth-child(2),
.b33 .cont .item.animate-played:nth-child(3) .up span:nth-child(3),
.b33 .cont .item.animate-played:nth-child(4) .up span:nth-child(1),
.b33 .cont .item.animate-played:nth-child(4) .up span:nth-child(2),
.b33 .cont .item.animate-played:nth-child(4) .up span:nth-child(3),
.b33 .cont .item.animate-played:nth-child(4) .up span:nth-child(4) {
    background: #A8FF6E;
}

.b33 .cont .item:nth-child(1) .up span:nth-child(2),
.b33 .cont .item:nth-child(2) .up span:nth-child(2),
.b33 .cont .item:nth-child(3) .up span:nth-child(2),
.b33 .cont .item:nth-child(4) .up span:nth-child(2) {
    transition-delay: 0.2s;
}

.b33 .cont .item:nth-child(1) .up span:nth-child(3),
.b33 .cont .item:nth-child(2) .up span:nth-child(3),
.b33 .cont .item:nth-child(3) .up span:nth-child(3),
.b33 .cont .item:nth-child(4) .up span:nth-child(3) {
    transition-delay: 0.4s;
}

.b33 .cont .item:nth-child(1) .up span:nth-child(4),
.b33 .cont .item:nth-child(2) .up span:nth-child(4),
.b33 .cont .item:nth-child(3) .up span:nth-child(4),
.b33 .cont .item:nth-child(4) .up span:nth-child(4) {
    transition-delay: 0.6s;
}

.b33 .cont .item h3 {
    margin-top: 1.66667vw;
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 1.66667vw;
    line-height: 120%;
    color: #fafafa;
}

.b33 .cont .item p {
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 0.9375vw;
    line-height: 120%;
    color: #909090;
    margin-top: 0.83333vw;
}

.b33 .cont .item p span {
    font-weight: 400;
    color: #fafafa;
}

.b34 {
    margin-top: 12.1875vw;
    position: relative;
    z-index: 11;
}

.b34 .container {
    align-items: center;
}

.b34 h2 {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 3.54167vw;
    line-height: 100%;
    text-align: center;
    /* background: linear-gradient(180deg, #e6e5e6 0%, #b9b9ba 100%); */
    /* background-clip: text; */
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
}

.b34 h2 span{
    color: rgba(255, 255, 255, 00);
}
.b34 h2.head-animate.head-animate-past span.letter.active{
    color: rgba(255, 255, 255, 0.25);
}
.b34 h2.head-animate.head-animate-past span.accent span.letter.active{
    color: #fff;
}

.b34 h2 span {
    /* font-weight: 600; */
    /* color: #fafafa; */
}

.b34 .desc {
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 1.25vw;
    line-height: 120%;
    text-align: center;
    color: #bababa;
    margin-top: 3.22917vw;
}

.b34 .cont {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 4.47917vw;
    gap: 2.08333vw;
    width: 60.41667vw;
}

.b34 .cont .item {
    border-radius: 1.5625vw;
    background: #0c0c0c;
    padding: 2.08333vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
}

.b34 .cont .item:before,
.b34 .cont .item:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 21.71875vw;
    height: 6.45833vw;
    background: rgba(59, 130, 246, 0.62);
    filter: blur(7.8125vw);
    z-index: -1;
    transform: translate(-50%, -50%);
}

.b34 .cont .item:after {
    top: 100%;
}

.b34 .cont .item .plug {
    background: #2d2d2d;
    width: 100%;
    border-radius: 5.15625vw;
    padding: 0.20833vw 0.625vw;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.b34 .cont .item .plug p {
    font-family: "Geologica", sans-serif;
    font-weight: 500;
    font-size: 0.625vw;
    line-height: 150%;
    color: #000;
    position: relative;
    z-index: 99;
    white-space: nowrap;
}

.b34 .cont .item .plug:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 5.20833vw;
    background: red;
    border-radius: 5.15625vw;
    transition: 0.6s;
    transition-delay: 0.6s;
}

.b34 .cont .item.context .btn,
.b34 .cont .item.context .plug:before {
    background: #00e3f4;
}

.b34 .cont .item.context .btn:hover {
    background: #00c0cf;
}

.b34 .cont .item.context .big-plug .h {
    color: #00c0cf;
}

.b34 .cont .item.context:before,
.b34 .cont .item.context:after {
    background: rgba(59, 130, 246, 0.62);
}

.b34 .cont .item.animate-played.context .plug:before {
    width: 16.82292vw;
}

.b34 .cont .item.target .btn,
.b34 .cont .item.target .plug:before {
    background: #7cffb2;
}

.b34 .cont .item.target .btn:hover {
    background: #52f595;
}

.b34 .cont .item.target:before,
.b34 .cont .item.target:after {
    background: rgba(168, 255, 110, 0.52);
}

.b34 .cont .item.target .big-plug .h {
    color: #7cffb2;
}

.b34 .cont .item.animate-played.target .plug:before {
    width: 19.27083vw;
    transition-delay: 0.9s;
}

.b34 .cont .item h3 {
    margin-top: 2.34375vw;
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 2.08333vw;
    line-height: 100%;
    letter-spacing: -0.04em;
    color: #fff;
}

.b34 .cont .item .subhead {
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 0.9375vw;
    line-height: 120%;
    color: #909090;
    margin-top: 2.08333vw;
}

.b34 .cont .item ul {
    margin-top: 1.04167vw;
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 0.9375vw;
    line-height: 120%;
    color: #fff;
    list-style: disc;
    padding-left: 1.30208vw;
    flex-grow: 1;
}

.b34 .cont .item .big-plug {
    width: 100%;
    padding: 1.09375vw;
    background: #1c1c1c;
    margin-top: 2.44792vw;
    border-radius: 1.5625vw;
}

.b34 .cont .item .big-plug .h {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 0.9375vw;
    line-height: 120%;
    color: #7cffb2;
}

.b34 .cont .item .big-plug .d {
    margin-top: 1.04167vw;
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 0.9375vw;
    line-height: 120%;
    color: #fff;
    max-width: 17.1875vw;
}

.b34 .cont .item .btn {
    margin-top: 2.08333vw;
    padding: 1.09375vw;
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 0.83333vw;
    line-height: 110%;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    border-radius: 3.125vw;
    width: 100%;
    cursor: pointer;
    transition: 0.3s;
}

.b35 {
    margin-top: 15.20833vw;
    position: relative;
}

.b35:before {
    content: '';
    position: absolute;
    top: -22.60417vw;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100vw;
    height: 106.82292vw;
    background: url(../img/paid-traffic/b35-before-3-1.png) center center no-repeat;
    background-size: cover;
}

.b35 h2 {
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 5.20833vw;
    line-height: 110%;
    letter-spacing: -0.04em;
    text-align: center;
    color: rgba(255, 255, 255, 0.25);
}

.b35 h2 span {
    color: #fff;
}

.b35 .roll-lines {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 7.1875vw;
    position: relative;
    /* position: absolute; */
    margin-top: 6.30208vw;
    border-top: 0.05208vw solid rgba(255, 255, 255, 0.25);
    border-bottom: 0.05208vw solid rgba(255, 255, 255, 0.25);
    overflow: hidden;
    -webkit-mask-image: url(../img/paid-traffic/b35-mask.svg);
    mask-image: url(../img/paid-traffic/b35-mask.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-size: cover;
}

.b35 .roll-lines .line {
    margin: 0;
    width: auto;
    position: absolute;
    top: 2.96875vw;
    left: 0;
    -webkit-animation: 60s linear infinite sbs-anim;
    animation: 60s linear infinite sbs-anim;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    will-change: transform;
    grid-gap: 6.45833vw;
    padding-right: 0.05423vw167vw;
}

@-webkit-keyframes sbs-anim {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }
}

@keyframes sbs-anim {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }
}

.b35 .roll-lines .line .p {}

.b35 .roll-lines .line p {
    font-family: "Steppe", sans-serif;
    font-weight: 500;
    font-size: 1.77083vw;
    line-height: 71%;
    letter-spacing: -0.06em;
    text-align: center;
    color: #f8f8f8;
    white-space: nowrap;
}

.b35 .cont {
    margin-top: 8.07292vw;
    font-family: "Geologica", sans-serif;
    font-size: 2.08333vw;
    line-height: 120%;
    text-align: center;
    font-weight: 300;
    color: #86868b;
}

.b35 .cont .desc-hide {
    display: none;
}

.b35 .cont span {
    color: #fafafa;
    font-weight: 400;
}

.b35 .head {
    margin-top: 9.0625vw;
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 3.54167vw;
    line-height: 100%;
    text-align: center;
    /* background: linear-gradient(180deg, #e6e5e6 0%, #b9b9ba 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
}

.b35 .head span {
    font-weight: 600;
    color: #fff;
}

.b35 .desc {
    margin: auto;
    margin-top: 3.125vw;
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 1.25vw;
    line-height: 120%;
    text-align: center;
    color: #bababa;
    max-width: 33.33333vw;
}

.b35 .list {
    margin: auto;
    margin-top: 4.16667vw;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    width: 68.22917vw;
    gap: 2.08333vw;
    position: relative;
}

.b35 .list:before {
    content: '';
    position: absolute;
    top: 8.59375vw;
    left: 50%;
    transform: translate(-50%, 0);
    width: 70.46875vw;
    height: 32.08333vw;
    background: url(../img/paid-traffic/b35-before.svg) center center no-repeat;
    background-size: cover;
    z-index: -1;
}

.b35 .list .item {
    padding: 2.08333vw;
    background: #0c0c0c;
    border-radius: 1.5625vw;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: flex-start;
}

.b35 .list .item h3 {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 1.14583vw;
    line-height: 120%;
    color: #fafafa;
}

.b35 .list .item p {
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 0.83333vw;
    line-height: 120%;
    color: #909090;
    margin-top: 1.09375vw;
}

.b35 .list .item .btn {
    margin-top: 1.09375vw;
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 0.83333vw;
    line-height: 110%;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    width: 100%;
    padding: 1.09375vw 0;
    border-radius: 3.125vw;
    background: #1c1c1c;
    cursor: pointer;
    transition: 0.3s;
}

.b35 .list .item .btn:hover {
    background: var(--bg-color);
    color: var(--text-color);
}

.b35 .head-2 {
    margin: auto;
    margin-top: 10.36458vw;
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 2.91667vw;
    line-height: 120%;
    letter-spacing: -0.04em;
    text-align: center;
    color: #7a7a7a;
}

.b35 .head-2 span {
    color: #fafafa;
}

.b35 .head-3 {
    margin: auto;
    margin-top: 10.98958vw;
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 3.54167vw;
    line-height: 100%;
    letter-spacing: -0.04em;
    text-align: center;
    color: #fafafa;
    max-width: 48.4375vw;
}

.b35 .head-3 span {
    font-weight: 600;
    background: linear-gradient(90deg, #a8ff6e 0%, #9fcced 27.12%, #be97f7 62.98%, #ffb166 95.67%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.b35 .desc-2 {
    margin: auto;
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 1.77083vw;
    line-height: 120%;
    text-align: center;
    color: #fff;
    margin-top: 2.8125vw;
    max-width: 44.79167vw;
    position: relative;
}

.b35 .desc-2:before {
    content: '';
    position: absolute;
    top: -47.39583vw;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100vw;
    height: 115.9375vw;
    z-index: -2;
    ;
    background: red;
    background: url(../img/paid-traffic/b35-before-2.webp) center center no-repeat;
    background-size: cover;
}

.b35 .big-btn {
    margin: auto;
    margin-top: 3.54167vw;
}

.b36 {
    padding: 14.01042vw 0 12.60417vw;
    margin-bottom: -9.58333vw;
    position: relative;
}

.b36 .container {
    align-items: center;
}

.b36 img {
    width: 14.58333vw;
    height: auto;
}

.b36 h1 {
    font-family: "Geologica", sans-serif;
    font-weight: 600;
    font-size: 3.75vw;
    line-height: 120%;
    letter-spacing: -0.04em;
    text-align: center;
    color: #fafafa;
    margin-top: 2.60417vw;
}

.b36 p {
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 1.5625vw;
    line-height: 120%;
    letter-spacing: -0.04em;
    text-align: center;
    color: #fafafa;
    max-width: 60vw;
    margin-top: 2.08333vw;
}

.b36 a {
    margin-top: 5.20833vw;
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 1.04167vw;
    line-height: 110%;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    border-radius: 3.125vw;
    width: 20.57292vw;
    height: 5.26042vw;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background: linear-gradient(90deg, #a8ff6e 0%, #9fcced 27.12%, #be97f7 62.98%, #ffb166 95.67%);
}

.b36 a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0.20833vw solid rgba(255, 255, 255, 0.4);
    border-radius: 3.125vw;
}

.b36 .bg {
    position: absolute;
    width: 100vw;
    bottom: -4.16667vw;
    height: auto;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: -1;
}


.b37{
    position: relative;
    overflow: hidden;
}
.b37:before{
    content: '';
    position: absolute;
    bottom: 100px;
    left: 50%;
    width: 2060px;
    height: 403px;
    transform: translate(-50%, 0);
    background: url(https://wafe.partners/wp-content/themes/morris_new/img/thank-svg-1.svg) center center no-repeat;
    background-size: cover;
}
.b37:after{
    content: '';
    position: absolute;
    bottom: 104px;
    right: -324px;
    width: 682px;
    height: 370px;
    border-radius: 50%;
    background: rgba(52, 48, 135, 0.5);
    filter: blur(200px);
}
.b37 .container{
    padding-top: 200px;
    position: relative;
    align-items: center;
    justify-content: flex-start;
    /* background: red; */
}
.b37 .i1{
    height: 160px;
    width: auto;
}
.b37 h1{
    margin-top: 24px;
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 3.54167vw;
    line-height: 110%;
    letter-spacing: -0.04em;
    background: linear-gradient(180deg, #e6e5e6 0%, #b9b9ba 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.b37 .p {
    margin-top: 24px;
    margin-bottom: 104px;
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 1.5625vw;
    line-height: 120%;
    text-align: center;
    color: #6a6a6a;
}

.b37 .list {
    width: 46.875vw;
    max-width: 54.6875vw;
    background: #0C0C0C;
    border: 0.0520833333vw solid #262626;
    border-radius: 0.5208333333vw;
    overflow: hidden;
    padding: 3.125vw;
    margin-bottom: 5.2083333333vw;
}

.b37 .list .item {
    display: none;
    flex-direction: column;
    grid-gap: 2.6041666667vw;
}

.b37 .list .item.active {
    display: flex;
}

.b37 .list h2 {
    letter-spacing: inherit;
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 1.5625vw;
    line-height: 100%;
    color: #fafafa;
    margin-bottom: 1.0416666667vw;
}

.b37 .list .q {
    display: flex;
    grid-gap: 0.5208333333vw;
    width: 100%;
}

.b37 .list .q p,
.b37 .list .error-mess {
    font-family: "Geologica", sans-serif;
    letter-spacing: normal;
    color: #bababa;
    font-size: 0.8333333333vw;
    max-width: none;
    line-height: 130%;
}

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

.b37 .list input {
    border: none;
    border-bottom: 0.0520833333vw solid #484848;
    border-radius: 0 !important;
    background: none;
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 0.7291666667vw;
    line-height: 100%;
    color: #fff;
    letter-spacing: inherit;
    padding: 0;
    height: 2.8125vw;
    outline: none;
    width: 100%;
}

.b37 .field-error input {
    /* border-color: red; */
}

.b37 .list input.hide {
    display: none;
}

.b37 .list .btns {
    display: flex;
    justify-content: center;
    align-items: center;
}

.b37 .list .btns .btn {
    border-radius: 3.125vw;
    padding: 0.52083vw;
    width: 100%;
    height: 3.125vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #d7ffb7;
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 0.83333vw;
    line-height: 110%;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    cursor: pointer;
    transition: 0.3s;
}

.b37 .list .input {
    position: relative;
}

.b37 .list .input .vars {
    display: flex;
    position: relative;
    width: auto;
    height: auto;
    background: none !important;
    flex-wrap: wrap;
    grid-gap: 0.5208333333vw;
    margin-top: 1.0416666667vw;
}

.b37 .list .input .vars div {
    position: relative;
    width: auto;
    height: auto;
    background: none;
    border-radius: 2.6041666667vw;
    border: 0.0520833333vw solid rgba(255, 255, 255, 0.3);
    padding: 0.3125vw 0.9375vw 0.3645833333vw;
    white-space: nowrap;
    font-family: "Geologica", sans-serif;
    letter-spacing: normal;
    color: #bababa;
    font-size: 0.8333333333vw;
    max-width: none;
    line-height: 130%;
    cursor: pointer;
    transition: 0.3s;
}

.b37 .list .input .vars div:hover {
    border: 0.0520833333vw solid rgba(255, 255, 255, 1);
}

.b37 .list .input .vars div.active {
    border: 0.0520833333vw solid rgba(255, 255, 255, 1);
    background: #fff;
    color: #010101;
}

.b37 .list .field-error .vars div {
    border-color: red;
}

.b37 .list .input div {
    width: 0;
    height: 0.0520833333vw;
    background: linear-gradient(90deg, #ceffa6 0%, #a7f4ff 29.19%, #abaaff 65.98%, #ffb762 100%);
    background: #fff;
    display: block;
    position: absolute;
    bottom: 0;
    transition: 0.3s;
}

.b37 .list .input input:not(:-moz-placeholder-shown) ~ div {
    width: 100%;
}

.b37 .list .input input:not(:-ms-input-placeholder) ~ div {
    width: 100%;
}

.b37 .list .input input:focus ~ div,
.b37 .list .input input:not(:placeholder-shown) ~ div {
    width: 100%;
}

.b37 .list .field-error input ~ div,
.b37 .list .input input.error ~ div {
    width: 100%;
    background: red;
}

.b37 .list .field-error input ~ div div,
.b37 .list .input input.error ~ div div {
    border: 0.0520833333vw solid red;
}



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

    .b1 {
        padding-top: 25.27778vw
    }

   .b1 .b1-el-1 {
        width: 85.8974358974vw;
        top: 166.9230769231vw;
        left: 3.3333333333vw;
    }
    
    .b1 .b1-el-2 {
        width: 18.4615384615vw;
        top: 153.8461538462vw;
        left: 3.5897435897vw;
    }
    
    .b1 .b1-el-3 {
        width: 11.0256410256vw;
        top: 163.5897435897vw;
        left: 74.6153846154vw;
    }
    
    .b1 .b1-el-4 {
        width: 12.0512820513vw;
        top: 238.9743589744vw;
        left: 73.0769230769vw;
    }
    
    .b1 .b1-el-5 {
        width: 7.1794871795vw;
        top: 218.9743589744vw;
        left: 2.5641025641vw;
    }

    @keyframes floatAndPulse {
        0% {
            transform: translate(0, 0) scale(1);
        }
    
        50% {
            transform: translate(0.2604166667vw, -0.78125vw) scale(1.03);
        }
    
        100% {
            transform: translate(0, 0) scale(1);
        }
    }


    .b1 .left h1 {
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 8.33333vw;
        line-height: 110%;
        letter-spacing: -0.04em;
        color: #fafafa;
        max-width: none;
    }

    .b1 .container {
        flex-direction: column;
    }

    .b1 .left .desc br {
        display: block;
    }

    .b1 .left .desc {
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 4.44444vw;
        line-height: 120%;
        color: #bababa;
        max-width: 83.33333vw;
        margin-top: 9.16667vw;
    }

    .b1 .left .desc .hide-mobile {
        display: none;
    }

    .b1 .base-btn {
        width: 100%;
        margin-top: 11.11111vw;
    }

    .base-btn p {
        width: fit-content;
        flex-grow: 1;
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 3.88889vw;
        line-height: 110%;
        text-transform: uppercase;
        text-align: center;
        color: #000;
        padding: 6.66667vw 0;
        height: 16.66667vw;
        border-radius: 138.88889vw;
    }

    .b1 .base-btn .tg {
        width: 16.66667vw;
        height: 16.66667vw;
    }

    .b1 .base-btn p:before {
        display: none;
    }

    .b1 .right .logos {
        flex-direction: row;
        justify-content: space-between;
        grid-gap: 0;
        width: 100%;
        margin-top: 121.38889vw;
    }

    .b1 .right .clutch{
        margin-top: 12vw;
    }

    .b1 .right .logos div {
        flex-direction: column;
        grid-gap: 3.05556vw;
    }

    .b1 .right .logos img {
        width: 11.11111vw;
        height: auto;
    }

    .b1 .right .logos p {
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        font-size: 4.44444vw;
        line-height: 110%;
        text-align: center;
        color: #8c8c8c;
    }

    .b1 .right .clutch .clutch-logo {
        width: 9.72222vw;
    }

    .b1 .right .clutch .clutch-text {
        margin-left: 2.77778vw;
        height: 8.61111vw;
    }

    .b1 .right .clutch .text {
        padding-left: 5.27778vw;
        margin-left: 5.27778vw;
    }

    .b1 .right .clutch .text p {
        font-size: 3.88889vw;
        margin-left: 2.22222vw;
    }

    .b1 .right .clutch .text .clutch-num {
        height: 7.22222vw;
    }

    .b1 .mobile-head {
        display: block;
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 4.44444vw;
        line-height: 120%;
        color: #fff;
        margin-top: 12.22222vw;
        max-width: 88.88889vw;
    }

    .b1 .right .list {
        max-width: 83.33333vw;
        grid-gap: 2.22222vw;
        margin-top: 12.22222vw;
    }

    .b1 .right .list p {
        border: none;
        font-family: "Geologica", sans-serif;
        font-weight: 200;
        font-size: 3.88889vw;
        line-height: 120%;
        color: #fff;
        padding: 3.05556vw 5vw;
        height: fit-content;
        border-radius: 13.88889vw;
    }

    .b1 .right .list p:nth-child(1){
        order: -8;
    }
    .b1 .right .list p:nth-child(2){
        order: -7;
    }
    .b1 .right .list p:nth-child(6){
        order: -6;
    }
    .b1 .right .list p:nth-child(7){
        order: -5;
    }
    .b1 .right .list p:nth-child(4){
        order: -4;
    }
    .b1 .right .list p:nth-child(3){
        order: -3;
    }
    .b1 .right .list p:nth-child(8){
        order: -2;
    }

    .b1 .right {
        width: 100%;
    }

    .b2 {
        margin-top: 22.22222vw;
    }

    .b2 h2,
    .b3 h2 {
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 8.33333vw;
        line-height: 100%;
        letter-spacing: -0.04em;
        text-align: center;
        background: linear-gradient(180deg, #e6e5e6 0%, #b9b9ba 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        padding-bottom: 0.55556vw;
    }

    .b2 .list {
        display: none;
    }

    .b2 .b2-mob {
        margin-top: 11.11111vw;
        width: 100%;
        height: auto;
        display: block;
    }

    .b3 {
        margin-top: 22.22222vw;
        overflow: hidden;
    }

    .b3 .nav {
        overflow: auto;
        padding: 0 5.55556vw;
    }

    .b3 .nav {
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
        gap: 2.77778vw;
        max-width: none;
    }

    /* === Стили скроллбара (Chrome, Edge, Opera, Safari) === */
    .b3 .nav::-webkit-scrollbar,
    .b8 .list::-webkit-scrollbar,
    .b9 .right::-webkit-scrollbar,
    .b10 .persons-block::-webkit-scrollbar {
        display: block;
        height: 0.55556vw !important;
        width: 0.27778vw;
        background: transparent;
    }

    /* Трек (фон) - Зеленый */
    .b3 .nav::-webkit-scrollbar-track,
    .b8 .list::-webkit-scrollbar-track,
    .b9 .right::-webkit-scrollbar-track,
    .b10 .persons-block::-webkit-scrollbar-track {
        background: transparent !important;
    }

    /* Ползунок - Красный */
    .b3 .nav::-webkit-scrollbar-thumb,
    .b8 .list::-webkit-scrollbar-thumb,
    .b9 .right::-webkit-scrollbar-thumb,
    .b10 .persons-block::-webkit-scrollbar-thumb {
        background-color: transparent !important;
        border-radius: 0;
    }

    /* Скрываем кнопки (стрелки) */
    .b3 .nav::-webkit-scrollbar-button,
    .b8 .list::-webkit-scrollbar-button,
    .b9 .right::-webkit-scrollbar-button,
    .b10 .persons-block::-webkit-scrollbar-button {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }

    /* Скрываем уголок */
    .b3 .nav::-webkit-scrollbar-corner,
    .b8 .list::-webkit-scrollbar-corner,
    .b9 .right::-webkit-scrollbar-corner,
    .b10 .persons-block::-webkit-scrollbar-corner {
        background: transparent !important;
    }

    .b3 .container {
        max-width: none;
    }

    .b3 .nav p {
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 3.88889vw;
        line-height: 110%;
        text-align: center;
        color: #646464;
        padding: 3.33333vw 9.16667vw;
        height: 11.11111vw;
        border-radius: 13.88889vw;
    }

    .b3 .nav p:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        border: 1.11111vw solid rgba(255, 255, 255, 0.4);
        border-radius: 16.66667vw;
        transition: 0.3s;
        opacity: 0;
    }

    .b3 .nav p:before {
        content: "";
        position: absolute;
        inset: 0;
        padding: 0.27778vw;
        border-radius: inherit;
        background: linear-gradient(135deg, #949494 0%, #272727 25%, #272727 75%, #949494 100%);
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        z-index: -1;
        transition: 0.3s;
    }

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

    .b3 .list .item {
        max-width: 90.27778vw;
        grid-gap: 5.55556vw;
        /* Включаем ограничение */
        /* Число строк */
        /* Высота одной строки */
        /* max-height: 55.88889vw; */
        overflow: hidden;
        margin-top: 13.88889vw;
    }

    .b3 .list .item img {
        height: 8vw;
    }

    .b5 {
        margin-top: 22.22222vw;
    }

    .b5 .list .item:before {
        background: url(../img/home/b5-border-mob.svg) center center no-repeat;
        background-size: cover;
    }

    .b5 .list {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 2.77778vw;
        margin-top: 11.11111vw;
    }

    .b5 .list .item {
        width: 27.77778vw;
        height: 27.77778vw;
        font-size: 3.88889vw;
        gap: 3.88889vw;
    }

    .b5 .list .item img {
        width: 6.66667vw;
        height: auto;
    }

    .b4 h2,
    .b5 h2,
    .b6 h2,
    .b7 h2,
    .b8 h2,
    .b9 h2,
    .b10 h2 {
        font-size: 8.33333vw;
        text-align: center;
        margin: auto;
    }

    .b5 h2 span {
        display: block;
    }

    .b6 {
        padding-top: 25.27778vw;
    }

    .b6 .b6-text-1{
        position: absolute;
        height: calc(100vw*(38*100/360)/100);
        top: calc(100vw*(209*100/360)/100);
        left: calc(100vw*(20*100/360)/100);
    }
    
    .b6 .b6-text-2{
        position: absolute;
        height: calc(100vw*(57*100/360)/100);
        top: calc(100vw*(272*100/360)/100);
        left: calc(100vw*(49*100/360)/100);
    }
    .b6 .b6-text-3{
        position: absolute;
        height: calc(100vw*(38*100/360)/100);
        top: calc(100vw*(354*100/360)/100);
        left: calc(100vw*(20*100/360)/100);
    }
    .b6 .b6-text-4{
        position: absolute;
        height: calc(100vw*(38*100/360)/100);
        top: calc(100vw*(417*100/360)/100);
        left: calc(100vw*(49*100/360)/100);
    }
    
    .b6 .b6-text-5{
        position: absolute;
        height: calc(100vw*(38*100/360)/100);
        top: calc(100vw*(480*100/360)/100);
        left: calc(100vw*(20*100/360)/100);
    }
    
    .b6 .b6-text-6{
        position: absolute;
        height: calc(100vw*(57*100/360)/100);
        top: calc(100vw*(543*100/360)/100);
        left: calc(100vw*(49*100/360)/100);
    }
    
    .b6 .b6-text-7{
        position: absolute;
        height: calc(100vw*(38*100/360)/100);
        top: calc(100vw*(620*100/360)/100);
        left: calc(100vw*(20*100/360)/100);
    }
    
    .b6 .b6-text-8{
        position: absolute;
        height: calc(100vw*(38*100/360)/100);
        top: calc(100vw*(686*100/360)/100);
        left: calc(100vw*(171*100/360)/100);
    }
    
    @keyframes side-drift {
        0% {
            transform: scale(1);
        }
        50% {
            transform: scale(1.05);
        }
        100% {
            transform: scale(1);
        }
    }

    .b6 .b6-text-1 { animation-delay: 0s; }
    .b6 .b6-text-2 { animation-delay: 0.5s; }
    .b6 .b6-text-3 { animation-delay: 1s; }
    .b6 .b6-text-4 { animation-delay: 1.5s; }
    .b6 .b6-text-5 { animation-delay: 2s; }
    .b6 .b6-text-6 { animation-delay: 2.5s; }
    .b6 .b6-text-7 { animation-delay: 3s; }
    .b6 .b6-text-8 { animation-delay: 3.5s; }


    

    .b6 .h3 {
        margin-top: 204.16667vw;
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 5.55556vw;
        line-height: 100%;
        letter-spacing: -0.04em;
        text-align: center;
        background: linear-gradient(180deg, #e6e5e6 0%, #b9b9ba 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .b6 .base-btn p:before {
        display: none;
    }

    .b6 .base-btn {
        margin-top: 6.94444vw;
        width: 100%;
    }

    .b6 .base-btn p {
        width: 100%;
    }

    .b7 {
        margin-top: 27.77778vw;
    }

    .b7 .container {
        max-width: none;
    }

    .b7 .cont {
        grid-template-columns: 1fr;
        background: url(../img/home/b7-bg-mob.svg) center center no-repeat;
        background-size: contain;
        position: relative;
        width: 98vw;
        height: 277.05556vw;
        padding: 5.55556vw;
        gap: 0;
        margin: auto;
    }

    .b7 .cont .left {
        background: none;
        width: 100%;
        height: auto;
    }

    .b7 .white-btn {
        display: none;
    }

    .b7 .cont .left img {
        height: 26.66667vw;
        margin-top: 8.33333vw;
    }

    .b7 h2 {
        margin-top: 8.33333vw;
    }

    .b7 .desc {
        margin-top: 13.88889vw;
        font-family: "Geologica", sans-serif;
        font-weight: 200;
        font-size: 4.44444vw;
        line-height: 120%;
        color: #86868b;
        max-width: none;
    }

    .b7 .right img {
        height: 32.5vw;
        margin-top: 12.22222vw;
    }

    .b7 .desc-2 {
        margin-top: 13.33333vw;
        font-family: "Geologica", sans-serif;
        font-weight: 200;
        font-size: 4.44444vw;
        line-height: 120%;
        color: #fafafa;
        letter-spacing: -0.02em;
        max-width: none;
    }

    .b7 .desc-3 {
        margin-top: 11.11111vw;
        font-family: "Geologica", sans-serif;
        font-weight: 200;
        font-size: 4.44444vw;
        line-height: 120%;
        color: #bababa;
        letter-spacing: -0.02em;
    }

    .b7 .bottom {
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 4.44444vw;
        letter-spacing: -0.04em;
        text-transform: uppercase;
        text-align: center;
        background: linear-gradient(90deg, #a8ff6e 0%, #9fcced 27.12%, #be97f7 62.98%, #ffb166 95.67%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin: auto;
        margin-top: 5.55556vw;
    }

    .b7 .right .white-btn {
        display: flex;
        margin: auto;
        margin-top: 8.33333vw;
        max-width: 66.66667vw;
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 3.88889vw;
        line-height: 110%;
        text-transform: uppercase;
        text-align: center;
        color: #000;
        border-radius: 8.33333vw;
        width: 66.66667vw;
        height: 13.88889vw;
    }

    .b8 {
        padding-top: 31.94444vw;
    }

    .b8:before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        width: 99.44444vw;
        height: 82.77778vw;
        background: url(../img/home/b8-1-mob.svg) center center no-repeat;
        background-size: cover;
        transform: translate(-50%, 0);
    }

    .b8 .container {
        max-width: none;
    }

    .b8 .list {
        overflow: auto;
        grid-gap: 8.33333vw;
        padding: 0 5.55556vw !important;
        margin-top: 31.38889vw;
        width: 100%;
    }

    .b8 .list .item {
        width: 77.22222vw;
    }

    .b8 .list .head {
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 4.44444vw;
        line-height: 120%;
        color: #fff;
        padding: 2.77778vw 8.33333vw;
        border-radius: 2.77778vw;
    }

    .b8 .list h3 {
        margin-top: 7.77778vw;
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 6.66667vw;
        line-height: 100%;
        letter-spacing: -0.04em;
        color: #fff;
    }

    .b8 .list .desc {
        font-family: "Geologica", sans-serif;
        font-weight: 200;
        font-size: 4.44444vw;
        line-height: 120%;
        color: #fff;
        margin-top: 8.33333vw;
        text-align: left;
    }

    .b8 .list-2,
    .b8 .list-3{
        display: flex;
        flex-direction: column;
        grid-gap: 5vw;
        width: 100%;
        padding: 45.1282vw 4vw 0;
    }

    .b8 .list-3{
        position: relative;
        padding-top: 5vw;
    }

    .b8 .list-2:before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        width: 89.44444vw;
        height: 304.1282vw;
        background: url(../img/home/b8-2mob-1.svg) center center no-repeat;
        background-size: cover;
        z-index: -1;
        transform: translate(-50%, 0);
    }

    .b8 .list-2 .item,
    .b8 .list-3 .item{
        flex-direction: row;
        grid-gap: 5.55556vw;
    }

    .b8 .list-2 .item:nth-child(2n),
    .b8 .list-3 .item:nth-child(2n){
        flex-direction: row-reverse;
    }

    .b8 .list-2 .item img,
    .b8 .list-3 .item img{
        width: 13.88889vw;
        height: 13.88889vw;
    }

    .b8 .list-2 .item p,
    .b8 .list-3 .item p{
        font-family: "Geologica", sans-serif;
        font-weight: 200;
        font-size: 4.44444vw;
        line-height: 120%;
        color: #fff;
        text-align: left;
        max-width: 55.55556vw;
    }

    .b8 .list-2 .item:nth-child(2n) p ,
    .b8 .list-3 .item:nth-child(2n) p {
        text-align: right;
    }

    .b8 .list-2 .item p br {
        /* display: none; */
    }

    .b8 .list-2 .item:nth-child(3) p br{
        display: none;
    }

    .b9 .container {
        max-width: none;
    }

    .b9{
        padding-top: 22vw;
    }

    .b9 h2 {
        text-align: left;
        font-family: "Geologica", sans-serif;
        font-size: 8.33333vw;
        line-height: 100%;
        font-weight: 300;
        background: linear-gradient(180deg, #e6e5e6 0%, #b9b9ba 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        padding: 0 5.55556vw;
    }

    .b9 .subhead {
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 4.44444vw;
        line-height: 120%;
        color: #6a6a6a;
        max-width: 73.61111vw;
        text-align: left;
        margin: 5.55556vw 5.55556vw 0;
    }

    .b9 .left .cont .item.active {
        display: flex;
    }

    .b9 .big-cont {
        grid-template-columns: 1fr;
        gap: 2.77778vw;
        margin-top: 13.88889vw;
    }

    .b9 .right {
        grid-template-columns: 1fr;
    }

    .b9 .right .more {
        max-width: 89.74vw;
        margin: auto;
        padding: 3.8461538462vw 5.1282051282vw;
        border-radius: 3.07692307692vw;
        height: fit-content;
        margin-top: 5.1282051282vw;
    }
    .b9 .right .more p{

        display: none;
    }
    .b9 .right .more .nav{
        width: 100%;
        justify-content: space-between;
    }

    .b9 .right .more .nav svg{
        height: 7.6923076923vw;
        width: 7.6923076923vw;
        min-width: 7.6923076923vw;
    }

    .b9 .right .more .nav .slider-cases-1-pagination{
        height: 2.05128205128vw;
        transform: none;
        transition: 0.3s;
        display: block;
    }
    .b9 .right .more .nav .slider-cases-1-pagination .swiper-pagination-bullet{
        width: 2.05128205128vw;
        height: 2.05128205128vw;
        transform: none;
        margin: 0 0.76923076923vw;
        background: #1D1D1E;
        opacity: 1;
        transition: 0.3s;
    }
    .b9 .right .more .nav .slider-cases-1-pagination .swiper-pagination-bullet-active{
        background: #D9D9D9;
    }

    .b9 .left {
        padding: 2.77778vw;
        border-radius: 8.33333vw;
        margin: 0 5.55556vw;
        position: relative;
    }

    .b9 .select-wrapper {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 99;
    }

    .b9 .my-select {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
        font-size: 3.9801vw;
        appearance: none;
    }

    .b9 .left .cont {
        border: none;
        padding: 0;
        border-radius: 0;
    }

    .b9 .left .cont .item {
        padding: 2.77778vw 8.33333vw;
        flex-direction: row-reverse;
        justify-content: space-between;
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 5vw;
        line-height: 120%;
        color: #ff6b00;
        display: none;
        border-radius: 5.55556vw;
    }

    .b9 .left .cont .item svg {
        width: 11.11111vw;
        height: 11.11111vw;
        transform: scale(1, -1);
    }

    .b9 .right .slider {
        flex-direction: row;
        display: flex;
        gap: 11.11111vw;
        max-width: 100vw;
        width: 100vw;
        /* overflow: auto; */
        padding: 0;
    }

    .b9 .right .slider .slide-cont{
        width: 100vw;
        padding: 0 5.282051282vw;
    }

    .b9 .right .item {
        min-width: 88.88889vw;
        grid-gap: 0.55556vw;
        width: 89.7435897436vw;
        margin: auto;
    }

    .b9 .right .item .up {
        border-radius: 8.33333vw;
    }

    .b9 .right .item .up .u {
        padding: 6.66667vw 5.55556vw;
        min-height: 61.66667vw;
    }

    .b9 .right .item .up .u .plug {
        font-family: "Geologica", sans-serif;
        font-weight: 100;
        font-size: 3.88889vw;
        line-height: 100%;
        color: #fafafa;
        max-width: none;
    }

    .b9 .right .item .up .u .name {
        font-family: "Geologica", sans-serif;
        font-weight: 500;
        font-size: 8.88889vw;
        line-height: 100%;
        color: #fafafa;
        margin-top: 5.55556vw;
    }

    .b9 .right .item .up .u .desc {
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 5.55556vw;
        line-height: 100%;
        color: #fafafa;
        margin-top: 5.55556vw;
    }

    .b9 .right .item .up .d {
        padding: 6.66667vw 5.55556vw;
    }

    .b9 .right .item .up .d .head {
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 3.88889vw;
        line-height: 100%;
        color: #fafafa;
    }

    .b9 .right .item .up .d .list {
        margin-top: 6.66667vw;
        gap: 2.22222vw;
    }

    .b9 .right .item .up .d .list p {
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 4.44444vw;
        line-height: 100%;
        text-align: center;
        color: #b5b5b5;
        border: 0.27778vw solid #444;
        border-radius: 8.33333vw;
        padding: 3.33333vw 5vw;
    }

    .b9 .right .item .down {
        gap: 0.55556vw;
    }

    .b9 .right .item .down .i {
        height: 25.55556vw;
        border-radius: 8.33333vw;
        gap: 3.33333vw;
    }

    .b9 .right .item .down .i .head {
        font-size: 5vw;
    }

    .b9 .right .item .down .i .desc {
        font-size: 3.88889vw;
    }

    .b10 {
        margin-top: 22.22222vw;
    }

    .b10 h2 {
        margin-top: 0;
    }

    .b10 .main-person .head {
        grid-column-start: 1;
        display: none;
    }

    .b10 .container {
        max-width: none;
    }

    .b10 .cont {
        background: none;
        border-radius: 5.55556vw;
        overflow: hidden;
    }

    .b10 .main-person {
        width: 100%;
        height: auto;
        padding: 0;
        border: none;
        background: #0C0C0C;
        margin-top: 11.94444vw;
        grid-template-columns: 1fr;
        gap: 9.72222vw;
    }

    .b10 .last-head {
        font-family: "Geologica", sans-serif;
        font-weight: 700;
        font-size: 5.55556vw;
        line-height: 100%;
        text-align: center;
        background: linear-gradient(90deg, #a8ff6e 0%, #9fcced 27.12%, #be97f7 62.98%, #ffb166 95.67%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        max-width: 69.44444vw;
        margin: 10.55556vw auto 35.83333vw;
        ;
        position: relative;
    }

    .b10 .last-head:before {
        content: '';
        position: absolute;
        top: 30.55556vw;
        left: 50%;
        transform: translate(-50%, 0);
        width: 40vw;
        height: 21.66667vw;
        background: url(../img/home/b10-logo.webp) center center no-repeat;
        background-size: cover;
    }

    .b10 .last-head br {
        display: none;
    }

    .b10 .qoute {
        display: none;
    }

    .b10 .persons-block:before {
        display: none;
    }

    .b10 .persons-block .persons {
        display: flex;
        flex-direction: row;
        gap: 3.33333vw;
    }

    .b10 .persons-block {
        display: flex;
        gap: 3.33333vw;
        overflow: auto;
        padding: 0 5.55556vw;
        margin-top: 29.16667vw;
    }

    .b10 .persons-block .persons .item {
        border: 0.27778vw solid #4d4d4d;
        border-radius: 6.11111vw;
        padding: 4.16667vw;
        width: 42.22222vw;
        height: fit-content;
    }

    .b10 .persons-block .persons .item img {
        border-radius: 6.11111vw;
        width: 33.88889vw;
        height: 28.61111vw;
        height: auto;
    }

    .b10 .persons-block .persons .item .name {
        margin-top: 3.61111vw;
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 4.44444vw;
        line-height: 110%;
        text-align: center;
        color: #fafafa;
    }

    .b10 .persons-block .persons .item .desc {
        margin-top: 1.94444vw;
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 3.88889vw;
        line-height: 120%;
        text-align: center;
        color: #666;
    }

    .b10 .main-person .left {
        display: grid;
        grid-template-columns: 20vw 1fr;
        grid-gap: 6.66667vw;
        grid-row-gap: 8.88889vw;
    }

    .b10 .main-person .left img {
        border-radius: 5.55556vw;
        width: 20vw;
        height: 20vw;
    }

    .b10 .main-person .left .inf {
        align-items: flex-start;
    }

    .b10 .main-person .left .name {
        margin-top: 0;
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 5.55556vw;
        line-height: 110%;
        color: #fafafa;
    }

    .b10 .main-person .left .desc {
        margin-top: 3.05556vw;
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 3.88889vw;
        line-height: 120%;
        color: #666;
    }

    .b10 .main-person .left .mob {
        display: flex;
        flex-direction: column;
        grid-column-start: 1;
        grid-column-end: 3;
        grid-gap: 8.88889vw;
    }

    .b10 .main-person .left .mob p {
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 3.88889vw;
        line-height: 120%;
        color: #fff;
    }

    .b10 .main-person .left .mob .bot {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .b10 .main-person .left {
        padding: 5.55556vw;
        border: 0.27778vw solid #262626;
        border-radius: 5.55556vw;
        background: #111;
        width: 98vw;
        margin: auto;
    }

    .b10 .main-person .left .mob .bot svg:nth-child(1) {
        height: 4.16667vw;
    }

    .b10 .main-person .left .mob .bot svg:nth-child(2) {
        height: 4.72222vw;
    }

    .b10 .main-person .list {
        padding: 0 5.55556vw 5.55556vw;
        grid-gap: 4.16667vw;
        position: relative;
    }

    .b10 .main-person .list .mob-head {
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 6.66667vw;
        line-height: 120%;
        color: #b6b6b6;
        margin-bottom: 5.55556vw;
        padding: 0;
    }

    .b10 .main-person .list .mob-head span {
        font-weight: 400;
        color: #fff;
    }

    .b10 .main-person .list .mob-head:before {
        display: none;
    }

    .b10 .main-person .list p {
        font-family: "Geologica", sans-serif;
        font-weight: 200;
        font-size: 3.88889vw;
        line-height: 130%;
        color: #d9d9d9;
        padding-left: 16.94444vw;
    }

    .b10 .main-person .list p:before {
        left: 0;
        width: 11.11111vw;
        height: 11.11111vw;
    }

    .b10 .main-person .list:before {
        content: '';
        position: absolute;
        bottom: 23.61111vw;
        left: 50%;
        width: 100vw;
        height: 51.38889vw;
        background: url(../img/home/b10-list-mob.svg) center center no-repeat;
        background-size: cover;
        transform: translate(-50%, 100%);
    }

    .b10 .cont:before {
        width: 100%;
        height: 222.22222vw;
        top: inherit;
        bottom: 0;
        background: url(../img/home/b10-bg-mob.webp) center center no-repeat;
        background-size: cover;
    }

    .b11 {
        margin-top: 21.66667vw;
    }

    .b11 h2 {
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 8.33333vw;
        line-height: 110%;
        letter-spacing: -0.04em;
    }

    .b11 .list {
        grid-template-columns: 1fr;
        margin-top: 11.11111vw;
        grid-gap: 11.11111vw;
    }

    .b11 .list .item svg {
        width: 11.11111vw;
        height: 11.11111vw;
    }

    .b11 .list .item h3 {
        margin-top: 5.55556vw;
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 6.66667vw;
        line-height: 120%;
        color: #fafafa;
    }

    .b11 .list .item p {
        max-width: none !important;
        margin-top: 4.44444vw;
        font-family: "Geologica", sans-serif;
        font-weight: 200;
        font-size: 4.44444vw;
        line-height: 120%;
        color: #909090;
    }

    .b12 .cont .left h2 {
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 6.66667vw;
        line-height: 100%;
        color: #fafafa;
    }

    .b12.paid-traffic .cont .left h2{
        font-size: 6.15vw;
    }
    .b12 .cont .left .h1 {
        margin-top: 5.12821vw;
        font-size: 4.10256vw;
    }
    
    .b12 .cont .left .l p {
        margin-top: 0;
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 3.58974vw;
        line-height: 110%;
        text-transform: uppercase;
        text-align: center;
        color: #fafafa;
        padding: 3.07692vw 7.69231vw;
        border-width: 0.2564vw;
        border-radius: 50vw;
    }
    
    .b12 .cont .left .l {
        margin-top: 3.84615vw;
        gap: 2.05128vw;
    }
    
    .b12 .cont .left .h2 {
        margin-top: 10.25641vw;
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 3.84615vw;
        line-height: 110%;
        letter-spacing: -0.02em;
        color: #fff;
    }
    
    .b12 .cont .left .d {
        margin-top: 3.84615vw;
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 3.58974vw;
        line-height: 120%;
        color: #8a8f98;
    }


    .b12 .cont .left p {
        display: block;
        font-family: "Geologica", sans-serif;
        font-weight: 200;
        font-size: 3.88889vw;
        line-height: 120%;
        color: #909090;
        margin-top: 7.5vw;
    }

    .b12 .cont {
        grid-template-columns: 1fr;
        backdrop-filter: none;
        background: none;
        z-index: 10;
    }

    .b12 .cont .left {
        padding: 8.33333vw;
        backdrop-filter: blur(13.88889vw);
        background: rgba(255, 255, 255, 0.1);
        border-radius: 4.16667vw 4.16667vw 0 0;
    }

    .b12 .cont .right {
        padding: 8.33333vw;
        border-radius: 0 0 8.33333vw 8.33333vw;
        grid-template-columns: 1fr
    }

    .b12 .cont .right .r {
        display: none;
    }

    .b12 .cont .right .form .input:before {
        display: none;
    }

    .b12 .cont .right .head {
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 5vw;
        line-height: 100%;
        color: #fafafa;
    }

    .b12 .cont .right .form input {
        height: 15vw;
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 3.88889vw;
        line-height: 100%;
    }

    .b12 .cont .right .form {
        gap: 3.33333vw;
        margin-top: 5.83333vw;
    }

    .b12 .cont .right .form .btn {
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 3.88889vw;
        line-height: 110%;
        text-transform: uppercase;
        text-align: center;
        color: #000;
        height: 13.88889vw;
        margin-top: 10.55556vw;
        border-radius: 50vw;
    }

    .b12 .cont .right .form .btn-desc {
        margin-top: 0;
        font-size: 3.33333vw;
    }

    .b12 .cont:before {
        display: none;
    }

    .b12:before {
        content: '';
        position: absolute;
        top: -94.44444vw;
        left: 50%;
        transform: translate(-50%, 0%);
        width: 100vw;
        height: 436.94444vw;
        background: url(../img/home/b12-bg-mob.webp) center center no-repeat;
        z-index: -1;
        background-size: cover;
    }

    .b12 {
        position: relative;
        margin-top: 21.66667vw;
        z-index: 2;
    }

    .b13 {
        padding-top: 21.66667vw;
        z-index: 1;
        position: relative;
        z-index: 10;
    }

    .b13:before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        width: 100vw;
        height: 378.05556vw;
        filter: blur(13.88889vw);
        /* filter: none; */
        background: url(../img/home/b13-bg-mob-1.png) center center no-repeat;
        transform: translate(-50%, 0);
        background-size: cover;
        z-index: -2;
        /* background: red; */
        user-select: none;
    }

    .b13 .h2-1 {
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 8.33333vw;
        line-height: 100%;
        background: linear-gradient(180deg, #e6e5e6 0%, #b9b9ba 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .b13 .h2-1 br {
        display: none;
    }

    .b13 .container {
        max-width: 88.88889vw;
    }

    .b13 .h2-desc {
        margin-top: 11.11111vw;
        font-family: "Geologica", sans-serif;
        font-weight: 200;
        font-size: 3.88889vw;
        line-height: 120%;
        color: #86868b;
    }

    .b13 .h3-1,
    .b13 .h3-2 {
        margin-top: 22.22222vw;
        font-family: "Geologica", sans-serif;
        font-weight: 200;
        font-size: 6.66667vw;
        line-height: 120%;
        color: #fafafa;
    }

    .b13 .list-1 {
        margin-top: 11.11111vw;
        grid-template-columns: 1fr 1fr;
        gap: 2.77778vw;
    }

    .b13 .list-1 p {
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 3.88889vw;
        line-height: 120%;
        color: #fafafa;
        border-radius: 5.55556vw;
        height: 13.88889vw;
    }

    .b13 .h2-2 {
        margin-top: 22.22222vw;
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 8.33333vw;
        line-height: 110%;
        background: linear-gradient(180deg, #e6e5e6 0%, #b9b9ba 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .b13 .list-2 {
        margin-top: 12.22222vw;
        grid-gap: 13.88889vw;
    }

    .b13 .list-2 .item {
        flex-direction: column !important;
        gap: 8.33333vw;
    }

    .b13 .list-2 .item img {
        width: 100%;
        height: auto;
    }

    .b13 .list-2 .item h3 {
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 6.66667vw;
        line-height: 120%;
        color: #fafafa;
    }

    .b13 .list-2 .item p {
        font-family: "Geologica", sans-serif;
        font-weight: 200;
        font-size: 4.44444vw;
        line-height: 120%;
        color: #909090;
        margin-top: 4.44444vw;
        max-width: none;
    }

    .b14 {
        margin-top: 22.22222vw;
    }

    .b14 .roll-lines {
        height: 25.55556vw;
    }

    .b14 .roll-lines .line .p {
        height: 8.88889vw;
    }

    .b14 .roll-lines .line {
        top: 8.33333vw;
        gap: 7.77778vw;
        padding-right: 7.77778vw;
    }

    .b14 .roll-lines:before,
    .b14 .roll-lines:after {
        left: 5.55556vw;
        right: 5.55556vw;
    }

    .b14 .roll-lines:after {
        bottom: 0.6vw;
    }

    .b15 {
        padding-top: 22.22222vw;
        padding-bottom: 21.38889vw;
    }

    .b15 p {
        font-family: "Geologica", sans-serif;
        font-size: 4.44444vw;
        line-height: 120%;
        font-weight: 400;
        color: #86868b;
        max-width: none;
    }

    .b15 p br {
        display: none;
    }

    .b15:before {
        top: -25.55556vw;
        width: 100vw;
        height: 122.77778vw;
        background: url(../img/home/b15-bg-mob.svg) center center no-repeat;
        background-size: cover;
    }

    .b16 .container {
        max-width: none;
    }

    .b16 .cont {
        padding: 5.55556vw;
        border-radius: 8.33333vw;
    }

    .b16 .up h2 {
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 8.33333vw;
        line-height: 100%;
        color: #fafafa;
    }

    .b16 .up .right {
        display: none;
    }

    .b16 .up .left {
        margin-top: 5.55556vw;
    }

    .b16 .up .left p {
        font-family: "Geologica", sans-serif;
        font-weight: 200;
        font-size: 5vw;
        line-height: 120%;
        color: #6a6a6a;
    }

    .b16 .list {
        grid-template-columns: 1fr;
        grid-gap: 16.66667vw;
        margin-top: 11.11111vw;
    }

    .b16 .list .item img {
        width: 100%;
        height: 50vw;
    }

    .b16 .list .item .img p {
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 3.88889vw;
        line-height: 110%;
        color: #fafafa;
        position: absolute;
        padding: 3.33333vw 6.66667vw;
        backdrop-filter: blur(5.55556vw);
        border-radius: 27.77778vw;
        background: rgba(24, 24, 24, 0.13);
        overflow: hidden;
        bottom: 5.55556vw;
        left: 5.55556vw;
    }

    .b16 .list .item .img p:before {
        content: "";
        position: absolute;
        inset: 0;
        padding: 0.27778vw;
        border-radius: inherit;
        background: linear-gradient(45deg, #FAFAFA 0%, #1B1B1B 25%, #1B1B1B 75%, #FAFAFA 100%);
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        z-index: -1;
    }

    .b16 .list .item .head {
        margin-top: 3.33333vw;
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 5vw;
        line-height: 110%;
        color: #fafafa;
    }

    .b16 .list .item .bottom {
        gap: 6.66667vw;
        margin-top: 6.66667vw;
    }

    .b16 .list .item .bottom a {
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 4.44444vw;
        line-height: 110%;
        text-transform: uppercase;
        text-align: center;
        color: #0c0c0c;
        border-radius: 8.33333vw;
        width: 50vw;
        height: 13.33333vw;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .b16 .list .item .bottom .tag {
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 4.44444vw;
        line-height: 120%;
        color: #909090;
    }

    .b16 .list .item .bottom .date {
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 4.44444vw;
        line-height: 120%;
        color: #3e3e3e;
    }

    .b16 .list .more {
        display: flex;
        justify-content: flex-end;
    }

    .b16 .list .more .right {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 3.33333vw;
    }

    .b16 .list .more .right p {
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 5vw;
        line-height: 100%;
        text-align: right;
        color: #fafafa;
    }

    .b16 .list .more .right svg {
        width: 5vw;
        height: 5vw;
    }

    .b17 .container {
        margin-top: 21.66667vw;
        max-width: 88.88889vw;
    }

    .b17 h2 {
        font-size: 8.33333vw;
        line-height: 100%;
        max-width: 83.33333vw;
    }

    .b17 h2 br{
        display: none;
    }
    .b17 h2 .mob{
        display: block;
    }

    .b17 .box {
        margin-top: 11.11111vw;
    }

    .b17 .head h3 {
        margin: 6.66667vw 0;
        font-family: "Geologica", sans-serif;
        font-weight: 200;
        font-size: 4.44444vw;
        line-height: 110%;
        color: #fafafa;
    }

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

    .b17 .line {
        padding: 0;
        border-top: 0.27778vw solid #414141;
    }

    .b17 .box .line:last-child {
        border-bottom: 0.27778vw solid #414141;
    }

    .b17 .text .p {
        font-family: "Geologica", sans-serif;
        font-weight: 200;
        font-size: 3.88889vw;
        line-height: 130%;
        letter-spacing: -0.04em;
        color: #86868b;
        margin-top: 2.77778vw;
        padding-top: 2.77778vw;
        padding-bottom: 2.77778vw;
        max-width: none;
    }

    .b17 .text .p p,
    .b17 .text .p ul{
        margin-top: 5vw;
    }

    .b17 .text .p ul{
        margin-left: 5vw;
    }

    .b17 .text .p li{
        margin-top: 2vw;
    }
    
    .b17 .bottom {
        margin-top: 16.11111vw;
        flex-direction: column;
        align-items: flex-start;
        gap: 5.55556vw;
        border-radius: 5.55556vw;
        padding: 5.55556vw;
        min-height: 0;
    }

    .b17 .bottom .main {
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 5vw;
        line-height: 110%;
        color: #fafafa;
    }

    .b17 .bottom .btn .text {
        width: auto;
        flex-grow: 1;
        border-radius: 16.66667vw;
        height: 13.88889vw;
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 3.88889vw;
        line-height: 110%;
        text-transform: uppercase;
        text-align: center;
        color: #000;
    }

    .b17 .bottom .btn {
        width: 100%;
    }

    .b17 .bottom .plus,
    .b17 .bottom .plus svg {
        height: 13.88889vw;
        width: 13.88889vw;
    }

    .footer {
        margin-top: 30vw;
        border-radius: 0;
    }

    .footer .l1,
    .footer .l2 {
        grid-template-columns: 1fr;
        padding-top: 13.33333vw;
        grid-gap: 11.11111vw;
        padding-bottom: 11.11111vw;
    }

    .footer .l1 .logo .img img {
        height: 6.66667vw;
    }

    .footer .l1 .logo {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: space-between;
    }

    .footer .l1 .logo .desc {
        margin: 0;
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 3.88889vw;
        line-height: 120%;
        color: #fafafa;
        max-width: 44.44444vw;
    }

    .footer .l1 .logo .desc br {
        display: none;
    }

    .footer .l1 .list .head {
        margin-bottom: 4.44444vw;
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 6.66667vw;
        color: #5c5c5c;
    }

    .footer .l1 .list .time {
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 4.44444vw;
        line-height: 140%;
        color: #666;
        margin-bottom: 0.55556vw;
    }

    .footer .l1 .list a.phone,
    .footer .l1 .list a.mail {
        margin-bottom: 0.55556vw;
        font-size: 5.55556vw;
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        line-height: 140%;
    }

    .footer .soc,
    .footer .l1 .list .l {
        width: 100%;
    }

    .footer .soc img {
        width: 8.33333vw;
        height: 8.33333vw;
    }

    .footer .l1 .list .soc {
        margin-top: 11.11111vw;
        justify-content: space-between;
        display: none;
    }

    .footer .l1 .list a {
        font-family: "Geologica", sans-serif;
        font-weight: 200;
        font-size: 5vw;
        line-height: 100%;
        color: #8b8b8b;
        margin-bottom: 4.44444vw;
    }

    .footer .l2 p:nth-child(1) {
        grid-column-start: 1;
        grid-column-end: 2;
    }

    .footer .l2 {
        grid-gap: 3.33333vw;
    }

    .footer .l2 a,
    .footer .l2 p:nth-child(1),
    .footer .l2 p:last-child{
        font-family: "Geologica", sans-serif;
        font-weight: 200;
        font-size: 3.5897vw;
        line-height: 100%;
        color: #878787;
    }

    .footer .footer_img {
        width: 100vw;
    }

    .footer .soc.mob {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .b4 .container.desc {
        display: none;
    }

    .b4 .container.mob {
        display: flex;
    }

    .b4 {
        background: radial-gradient(50% 50% at 50% 50%, #0e0816 0%, #161616 100%);
        margin-top: 22.22222vw;
        padding: 5.55556vw;
        border-radius: 8.33333vw;
    }

    .b4 .box {
        margin-top: 16.66667vw;
        display: flex;
        flex-direction: column;
        gap: 2.77778vw;
    }

    .b4 .line {
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        overflow: hidden
    }

    .b4 .head {
        min-height: 9.72222vw;
        font-size: 5vw;
        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;
        background: rgba(255, 255, 255, 0.05);
        padding-left: 5.55556vw;
        padding-right: 5.55556vw;
        border-radius: 5.55556vw;
    }

    .b4 .head h3 {
        margin-top: 5.55556vw;
        margin-bottom: 5.55556vw;
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 4.44444vw;
        line-height: 120%;
        color: rgba(255, 255, 255, 0.75);
        transition: 0.3s;
    }

    .b4 .active .head h3 {
        color: var(--color, #fff);
    }

    .b4 .close {
        min-width: 11.11111vw;
        min-height: 11.11111vw;
        cursor: pointer;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        opacity: .6;
        border-radius: 5.55556vw;
    }

    .b4 .line .close path {
        fill: rgba(255, 255, 255, 0.75);
        transition: 0.3s;
    }

    .b4 .line.active .close path {
        fill: var(--color, #fff);
    }

    .b4 .text {
        position: relative
    }

    .b4 .text .p {
        border: 0.27778vw solid rgba(255, 255, 255, 0.1);
        border-radius: 8.33333vw;
        position: absolute;
        margin-top: 2.77778vw;
        padding: 5.55556vw;
    }

    .b4 .text .p .head {
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 6.66667vw;
        line-height: 100%;
        letter-spacing: -0.04em;
        background: linear-gradient(180deg, #e6e5e6 0%, #b9b9ba 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        padding: 0;
        margin-bottom: 5.55556vw;
        border-radius: 0;
    }

    .b4 .text .p p {
        font-family: "Geologica", sans-serif;
        font-weight: 200;
        font-size: 3.88889vw;
        line-height: 120%;
        color: #909090;
    }

    .b4 .text .p .result{
        margin-top: 6vw;
    }

    .b4 .text .p .result span{
        font-weight: 600;
        color: #fff;
        font-size: 5.5vw;
        font-family: "Geologica", sans-serif;
        line-height: 120%;
        background: linear-gradient(180deg, #e6e5e6 0%, #b9b9ba 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .b4 .text .p .down {
        display: flex;
        flex-direction: column;
        width: 100%;
        grid-gap: 2.77778vw;
        margin-top: 8.33333vw;
    }

    .b4 .text .p .down a {
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 3.88889vw;
        line-height: 110%;
        text-transform: uppercase;
        text-align: center;
        color: #fafafa;
        border: 0.27778vw solid #fafafa;
        height: 13.88889vw;
        border-radius: 13.88889vw;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .b4 .text .p .down .btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    .b4 .text .p .down .btn p {
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 3.88889vw;
        line-height: 110%;
        text-transform: uppercase;
        text-align: center;
        color: #0c0c0c;
        border-radius: 8.33333vw;
        flex-grow: 1;
        height: 13.88889vw;
        background: #fafafa;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .b4 .text .p .down .btn svg {
        width: 13.88889vw;
        height: 13.88889vw;
    }

    .b4 .text p .list {
        margin: 5.55556vw 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        grid-gap: 2.77778vw;
    }

    .b4 .text p .list span {
        position: relative;
        padding-left: 4.16667vw;
    }

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

        .b18 .container {
        align-items: flex-start;
    }

    .b20 .plug,
    .b18 .plug,
    .b25 .plug {
        margin-top: 25.38462vw;
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 3.58974vw;
        line-height: 214%;
        text-align: center;
        color: #9b9aa6;
        padding: 1.28205vw 9.23077vw;
        border-radius: 25.64103vw;
    }

    .b20 .plug:before,
    .b18 .plug:before,
    .b25 .plug:before {
        content: "";
        position: absolute;
        inset: 0;
        padding: 0.25641vw;
        border-radius: inherit;
        background: linear-gradient(90deg, #a8ff6e 0%, #9fcced 27%, #be97f7 63%, #ffb166 100%);
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        z-index: -1;
        transition: 0.3s;
        z-index: 9;
    }

    .b18 h1 {
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 7.69231vw;
        line-height: 110%;
        letter-spacing: -0.04em;
        background: linear-gradient(90deg, #fff 0%, #a1a1aa 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-top: 6.66667vw;
        text-align: left;
    }

    .b18 h1 br {
        display: none;
    }

    .b18 .desc {
        margin-top: 9.74359vw;
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 4.10256vw;
        line-height: 120%;
        color: #9b9aa6;
        text-align: left;
        max-width: 69.23077vw;
    }

    .b18 .desc br {
        display: block;
    }

    .b18 .btns,
    .b27 .btns {
        margin-top: 8.46154vw;
        flex-direction: column;
        grid-gap: 3.07692vw;
        width: 100%;
    }

    .b18 .btns a:first-child,
    .b27 .btns a:first-child {
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 3.58974vw;
        line-height: 110%;
        text-transform: uppercase;
        color: #000;
        border: none;
        height: 15.38462vw;
        width: 100%;
        border-radius: 25.64103vw;
    }

    .b18 .btns a:last-child,
    .b27 .btns a:last-child {
        width: 100%;
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 3.58974vw;
        line-height: 110%;
        text-transform: uppercase;
        color: #fff;
        border: 0.25641vw solid rgba(255, 255, 255, 0.4);
        box-shadow: inset 0 0 12.82051vw 0 rgba(255, 255, 255, 0.25);
        height: 15.38462vw;
        border-radius: 25.64103vw;
    }

    .b18 .bg {
        height: 184.35897vw;
        width: 100%;
        background: url(../img/history/b18-bg-mob.png) center center no-repeat;
        background-size: cover;
    }

    .b18:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 301.28205vw;
        background: url(../img/history/b18-bg-1.svg) center center no-repeat;
        background-size: cover;
        filter: blur(25.64103vw);
    }

    .b19 {
        margin-top: 10.76923vw;
    }

    .b19 h2 {
        font-family: "Geologica", sans-serif;
        font-weight: 600;
        font-size: 7.69231vw;
        line-height: 110%;
        letter-spacing: -0.04em;
        background: linear-gradient(90deg, #a8ff6e 0%, #9fcced 27.12%, #be97f7 62.98%, #ffb166 95.67%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .b19 .desc {
        margin-top: 6.92308vw;
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 4.10256vw;
        line-height: 120%;
        letter-spacing: -0.03em;
        color: #595959;
        max-width: none;
    }

    .b19 .container {
        grid-template-columns: 1fr;
        gap: 13.07692vw;
    }

    .b19 .nums {
        margin-top: 7.69231vw;
    }

    .b19 .nums .item .head {
        font-family: "Geologica", sans-serif;
        font-weight: 600;
        font-size: 9.23077vw;
        line-height: 100%;
        letter-spacing: -0.04em;
        color: #d9d9d9;
    }

    .b19 .nums .item {
        gap: 3.07692vw;
    }

    .b19 .nums .item .d {
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 3.58974vw;
        line-height: 120%;
        letter-spacing: -0.03em;
        color: #595959;
    }

    .b19 .right {
        width: 100%;
        height: 68.46154vw;
    }

    .b19 .right img {
        width: 60vw;
        height: 53.58974vw;
        top: 5.64103vw;
        left: 12.30769vw;
    }

    .b19 .right:before {
        top: 0;
        left: 0;
        width: 91.28205vw;
        height: 68.46154vw;
    }

    .b20 {
        margin-top: 13.58974vw;
    }

    .b20 .container,
    .b21 .container,
    .b25 .container {
        align-items: flex-start;
    }

    .b20 h2 {
        margin-top: 7.69231vw;
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 7.69231vw;
        line-height: 110%;
        letter-spacing: -0.04em;
        background: linear-gradient(90deg, #fff 0%, #a1a1aa 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-align: left;
    }

    .b20 .desc {
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 4.10256vw;
        line-height: 120%;
        color: #9b9aa6;
        margin-top: 5.12821vw;
        text-align: left;
        max-width: none;
    }

    .b20 .list-1 {
        grid-template-columns: 1fr;
        margin-top: 8.46154vw;
        gap: 2.5641vw;
    }

    .b20 .list-1 .item {
        padding: 7.69231vw;
        gap: 0;
        border: 0.25641vw solid rgba(255, 255, 255, 0.25);
        border-radius: 5.12821vw;
    }

    .b20 .list-1 .item.animate-played {
        box-shadow: inset 0 0 10.25641vw 0 rgba(255, 255, 255, 0.25);
    }

    .b20 .list-1 .item img {
        margin: 0;
        width: 6.15385vw;
    }

    .b20 .list-1 .item h3 {
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 6.15385vw;
        line-height: 120%;
        color: #fafafa;
        margin-top: 6.15385vw;
    }

    .b20 .list-1 .item p {
        margin-top: 5.12821vw;
        font-family: "Geologica", sans-serif;
        font-weight: 200;
        font-size: 4.10256vw;
        line-height: 120%;
        color: #909090;
        max-width: none;
    }

    .b20 .h3-2 {
        margin-top: 10.76923vw;
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 7.69231vw;
        line-height: 110%;
        letter-spacing: -0.04em;
        color: #fafafa;
        width: 100%;
    }

    .b20 .p-2,
    .b20 .p-3 {
        font-family: "Geologica", sans-serif;
        font-weight: 200;
        font-size: 4.10256vw;
        line-height: 120%;
        text-align: center;
        color: #909090;
        max-width: none;
    }

    .b20 .p-3 {
        text-align: left;
        margin-top: 10.25641vw;
    }

    .b20 .list-2 {
        margin: auto;
        margin-top: 10.25641vw;
        flex-wrap: wrap;
        gap: 2.5641vw;
        align-items: center;
        justify-content: center;
        max-width: 76.92308vw;
    }

    .b20 .list-2 p {
        font-family: "Geologica", sans-serif;
        font-weight: 500;
        font-size: 3.58974vw;
        text-align: center;
        color: #000;
        height: 10.25641vw;
        padding: 2.5641vw 4.61538vw;
    }

    .b20 .list-2:after {
        content: '';
        position: absolute;
        width: 0.25641vw;
        height: 5.12821vw;
        top: -5.12821vw;
        transform: none;
        background: linear-gradient(180deg, #fff 20%, #000 100%);
    }

    .b20 .list-2:before {
        width: 0.25641vw;
        height: 5.12821vw;
        bottom: -5.12821vw;
        top: inherit;
        transform: none;
        background: linear-gradient(180deg, #000 20%, #fff 100%);
    }

    .b21 {
        margin-top: 20.51282vw;
    }

    .b21 h2 {
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 7.69231vw;
        line-height: 110%;
        letter-spacing: -0.04em;
        background: linear-gradient(90deg, #fff 0%, #a1a1aa 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-align: left;
        max-width: 76.92308vw;
    }

    .b21 .desc {
        margin-top: 5.89744vw;
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 4.10256vw;
        line-height: 120%;
        color: #9b9aa6;
        text-align: left;
    }

    .b21 .list {
        grid-template-columns: 1fr;
        margin-top: 10.25641vw;
        gap: 3.58974vw;
    }

    .b21 .list .item:nth-child(5) {
        grid-column-start: 1;
        grid-column-end: 2;
        order: -1;
    }

    .b21 .list .item:nth-child(1) {
        order: -3;
    }

    .b21 .list .item:nth-child(2) {
        order: -2;
    }

    .b21 .list .item {
        padding: 7.69231vw;
        border: 0.25641vw solid #60a5fa;
        border-radius: 7.69231vw;
        transition-delay: 0.2s !important;
    }

    .b21 .list .item:nth-child(2) {
        border: 0.25641vw solid rgba(255, 255, 255, 0.5);
    }

    .b21 .list .item:nth-child(3) {
        border: 0.25641vw solid #f87171;
    }

    .b21 .list .item:nth-child(4) {
        border: 0.25641vw solid #44cd76;
    }

    .b21 .list .item:nth-child(5) {
        border: 0.25641vw solid rgba(255, 255, 255, 0.25);
        padding: 7.69231vw 7.69231vw 10.25641vw;
    }


    .b21 .list .item:nth-child(1).animate-played {
        box-shadow: inset 0 0 10.25641vw 0 #4479ff;
    }
    .b21 .list .item:nth-child(2).animate-played {
        box-shadow: inset 0 0 10.25641vw 0 rgba(255, 255, 255, 0.6);
    }

    .b21 .list .item:nth-child(3).animate-played {
        box-shadow: inset 0 0 10.25641vw 0 #844b4b;
    }

    .b21 .list .item:nth-child(4).animate-played {
        box-shadow: inset 0 0 10.25641vw 0 #60be82;
    }

    .b21 .list .item:nth-child(5).animate-played {
        box-shadow: inset 0 0 10.25641vw 0 rgba(255, 188, 150, 0.5);
    }

    .b21 .list .item img {
        width: 10.25641vw;
    }

    .b21 .list .item h3 {
        margin-top: 5.12821vw;
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 6.15385vw;
        line-height: 120%;
        text-align: center;
        color: #fafafa;
    }

    .b21 .list .item p {
        margin-top: 5.12821vw;
        font-family: "Geologica", sans-serif;
        font-weight: 200;
        font-size: 3.58974vw;
        line-height: 120%;
        text-align: center;
        color: #909090;
    }

    .b21 .list .item:nth-child(5):before {
        background: url(../img/history/b21-item-1-mob.svg) center center no-repeat;
        background-size: cover;
    }

    .b21 .list .item p br {
        display: none;
    }

    .b22 {
        margin-top: 20.51282vw;
    }

    .b22 .container {
        max-width: 89.74359vw
    }

    .b22 h2 {
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 7.69231vw;
        line-height: 110%;
        letter-spacing: -0.04em;
        background: linear-gradient(90deg, #fff 0%, #a1a1aa 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .b22 .decs {
        margin-top: 11.53846vw;
        display: none;
    }

    .b22 .decs.mob {
        display: block;
        font-family: "Geologica", sans-serif;
        font-weight: 200;
        font-size: 4.10256vw;
        line-height: 120%;
        color: rgba(255, 255, 255, 0.75);
    }

    .b23 {
        margin-top: 30vw;
    }

    .b23 h2 {
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 7.69231vw;
        line-height: 110%;
        letter-spacing: -0.04em;
        background: linear-gradient(90deg, #fff 0%, #a1a1aa 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .b23 .list {
        display: flex;
        flex-wrap: wrap;
        margin-top: 10.25641vw;
    }

    .b23 .list .item {
        height: 28.46154vw;
        border: 0.25641vw solid #4d4d4d;
        border-radius: 5.12821vw;
        padding: 5.12821vw;
    }

    .b23 .list .item .head {
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 7.17949vw;
        line-height: 100%;
        letter-spacing: -0.04em;
        color: #fafafa;
    }

    .b23 .list .item .desc {
        font-family: "Geologica", sans-serif;
        font-weight: 200;
        font-size: 3.58974vw;
        line-height: 110%;
        color: #bababa;
    }

    .b23 .list .item:nth-child(2) {
        width: 100%;
        order: -10;
    }

    .b23 .list .item:nth-child(1) {
        width: 32.05128vw;
        order: -9;
    }

    .b23 .list .item:nth-child(5) {
        width: 54.61538vw;
        order: -8;
    }

    .b23 .list .item:nth-child(4) {
        order: -7;
        width: 46.92308vw;
    }

    .b23 .list .item:nth-child(4) .desc,
    .b23 .list .item:nth-child(7) .desc,
    .b23 .list .item:nth-child(3) .desc {
        font-size: 3.07692vw;
    }

    .b23 .list .item:nth-child(4) .desc br,
    .b23 .list .item:nth-child(7) .desc br {
        display: none;
    }

    .b23 .list .item:nth-child(8) {
        order: -6;
        width: 39.74359vw;
    }

    .b23 .list .item:nth-child(6) {
        order: -5;
        width: 100%;
    }

    .b23 .list .item:nth-child(7) {
        width: 50.25641vw;
        order: -4;
    }

    .b23 .list .item:nth-child(3) {
        order: -3;
        width: 36.41026vw;
    }

    .b24 {
        margin-top: 20.51282vw;
        margin-bottom: 9.74359vw;
    }

    .b24 h2 {
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 7.69231vw;
        line-height: 110%;
        letter-spacing: -0.04em;
        background: linear-gradient(90deg, #fff 0%, #a1a1aa 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .b24 p{
        margin-top: 3.5897vw;
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 4.1025vw;
        line-height: 100%;
        letter-spacing: -0.04em;
        text-align: center;
        color: #787878;
    }

    .b25 {
        margin-top: 25.64103vw;
    }

    .b25 h2 {
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 7.69231vw;
        line-height: 110%;
        letter-spacing: -0.04em;
        background: linear-gradient(90deg, #fff 0%, #a1a1aa 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-align: left;
        margin-top: 10.25641vw;
    }

    .b25 h2 br {
        display: none;
    }

    .b25 .list {
        grid-template-columns: 1fr;
        margin-top: 10.25641vw;
        gap: 3.58974vw;
    }

    .b25 .list .item {
        padding: 6.41026vw;
        border: 0.25641vw solid rgba(255, 255, 255, 0.25);
        border-radius: 7.69231vw;
        transition-delay: 0.2s !important;
    }
    .b25 .list .item.animate-played {
        box-shadow: inset 0 0 10.25vw 0 rgba(255, 255, 255, 0.25);

    }

    .b25 .list .item .h {
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 6.15385vw;
        line-height: 120%;
        color: #fafafa;
    }

    .b25 .list .item .p {
        font-family: "Geologica", sans-serif;
        font-weight: 200;
        font-size: 3.58974vw;
        line-height: 120%;
        color: #909090;
        margin-top: 6.41026vw;
        max-width: none;
    }

    .b26 {
        margin-top: 32.82051vw;
    }

    .b26 .container {
        max-width: none;
    }

    .b26 .cont {
        padding: 0;
        background: none;
    }

    .b26 .cont h2 {
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 7.69231vw;
        line-height: 110%;
        letter-spacing: -0.04em;
        background: linear-gradient(90deg, #fff 0%, #a1a1aa 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-align: left;
        width: 100%;
        max-width: 89.74359vw;
    }

    .b26 .cont .desc {
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 4.10256vw;
        line-height: 120%;
        color: #9b9aa6;
        margin-top: 6.15385vw;
        text-align: left;
        width: 100%;
        max-width: 89.74359vw;
    }

    .b26 .cont .list .item {
        padding-left: 9.23077vw;
    }

    .b26 .cont .list .c {
        width: 100%;
        border-radius: 7.69231vw;
        padding: 5.12821vw;
        width: fit-content;
        margin-top: 7.69231vw;
    }

    .b26 .cont .list .c .up .i:nth-child(2),
    .b26 .cont .list .c .up .i:nth-child(3) {
        margin-left: 0;
    }

    .b26 .cont .list {
        margin-top: 5.12821vw;
        gap: 10.25641vw;
        max-width: 100vw;
        background: rgba(255, 255, 255, 0.05);
        border-radius: 7.69231vw;
        padding: 5.12821vw 5.12821vw 7.17949vw;
    }

    .b26 .cont .list .head {
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 5.12821vw;
    }

    .b26 .cont .list .item:before {
        width: 4.10256vw;
        height: 4.10256vw;
    }

    .b26 .cont .list .line {
        left: 6.92308vw;
        height: calc(100% - 28.97436vw);
        top: 5.12821vw;
        width: 0.2564vw;
    }

    .b26 .cont .list .c .up {
        justify-content: space-between;
    }

    .b26 .cont .list .c .up .h {
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 3.58974vw;
        text-transform: uppercase;
        color: rgba(0, 0, 0, 0.5);
    }

    .b26 .cont .list .c .up .d {
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 4.61538vw;
        color: #000;
        margin-top: 1.28205vw;
    }

    .b26 .cont .list .c .b {
        margin-top: 3.84615vw;
        padding-top: 3.84615vw;
        border-top: 0.25641vw solid rgba(0, 0, 0, 0.1);
        gap: 2.56vw;
    }

    .b26 .cont .list .c .b p {
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 3.58974vw;
        line-height: 120%;
        color: #000;
        padding-left: 4.10256vw;
    }

    .b26 .cont .list .c .b p:before {
        left: 0;
        width: 1.53846vw;
        height: 1.53846vw;
        top: 2vw;
    }

    .b26 .cont .big-btn {
        width: 79.48718vw;
        margin-left: 9.23077vw;
        border: 0.25641vw solid rgba(255, 255, 255, 0.4);
        border-radius: 15.38462vw;
        box-shadow: inset 0 0 12.82051vw 0 rgba(255, 255, 255, 0.25);
        gap: 2.5641vw;
        padding: 0;
        height: 15.38462vw;
        margin-top: -2.05128vw;
    }

    .b26 .cont .big-btn p {
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 3.58974vw;
        line-height: 110%;
        text-transform: uppercase;
        text-align: center;
        color: #fff;
    }

    .b26 .cont .big-btn p span {
        display: none;
    }

    .b26 .cont .big-btn svg {
        width: 6.15385vw;
        height: auto;
    }

    .b26 .cont .big-btn:before,
    .b26 .cont .big-btn:after {
        content: '';
        position: absolute;
        top: -4.87179vw;
        left: -7.5641vw;
        width: 7.4359vw;
        height: 13.33333vw;
        background: url(../img/history/b26-before-mob.svg) center center no-repeat;
        background-size: cover;
        transition: 0.3s;
    }

    .b26 .cont .big-btn:after {
        background: url(../img/history/b26-before-mob-active.svg) center center no-repeat;
        background-size: cover;
        opacity: 0;
    }

    .b27 {
        margin-top: 20.51282vw;
    }

    .b27 .container {
        align-items: flex-start;
    }

    .b27 h2 {
        order: -1;
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 7.69231vw;
        line-height: 110%;
        letter-spacing: -0.04em;
        background: linear-gradient(90deg, #fff 0%, #a1a1aa 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-align: left;
    }

    .b27 .plug {
        margin-top: 5.12821vw;
        gap: 2.05128vw;
    }

    .b27 .plug p {
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 4.10256vw;
        line-height: 188%;
        text-align: center;
        color: rgba(255, 255, 255, 0.5);
    }

    .b27 .plug svg {
        width: 7.17949vw;
        height: auto;
    }

    .b27 .cont {
        grid-template-columns: 1fr;
        margin-top: 10.25641vw;
        grid-row-gap: 7.69231vw;
        width: 100%;
    }

    .b27 .cont h3 {
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 6.15385vw;
        line-height: 120%;
        color: #fafafa;
    }

    .b27 .cont p {
        font-family: "Geologica", sans-serif;
        font-weight: 200;
        font-size: 3.58974vw;
        line-height: 120%;
        color: #909090;
        margin-top: 2.5641vw;
        max-width: none;
    }

        .b28 {
        padding-top: 24.10256vw;
        /* overflow: hidden; */
        width: 100vw;
    }

    .b28 h1 {
        margin-top: 0;
        font-family: "Geologica", sans-serif;
        font-weight: 600;
        font-size: 7.69231vw;
        line-height: 110%;
        letter-spacing: -0.04em;
        color: #fff;
        margin-left: 5.12821vw;
    }

    .b28 .p1,
    .b28 .p2,
    .b28 .p3 {
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 4.10256vw;
        line-height: 120%;
        color: #9b9aa6;
        max-width: 82.05128vw;
        margin-left: 5.12821vw;
    }

    .b28 .p2 {
        font-weight: 400;
    }

    .b28 .p1 br,
    .b28 .p2 br,
    .b28 .p3 br {
        display: none;
    }

    .b28 .p2 {
        max-width: 71.79487vw;
    }

    .b28 .p1 .mob {
        display: block;
    }

    .b28 .big-btn,
    .b35 .big-btn {
        margin-top: 10.25641vw;
        width: 100%;
        max-width: 89.74359vw;
        margin-left: auto;
        margin-right: auto;
    }

    .b28 .big-btn p,
    .b35 .big-btn p {
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 3.07692vw;
        line-height: 110%;
        text-transform: uppercase;
        color: #000;
        padding: 0;
        flex-grow: 1;
        height: 15.38462vw;
        border: none;
        justify-content: center;
        align-items: center;
        padding: 0;
        gap: 1.53846vw;
        border-radius: 12.82051vw;
    }

    .b28 .big-btn .mob,
    .b35 .big-btn .mob {
        display: block;
    }

    .b28 .big-btn .desc,
    .b35 .big-btn .desc {
        display: none;
    }

    .b28 .btn-desc {
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 3.58974vw;
        line-height: 120%;
        color: #8a8f98;
        margin-top: 5.12821vw;
        margin-left: 5.12821vw;
        max-width: 57.69231vw;
    }

    .b28 .big-btn .tg,
    .b35 .big-btn .tg {
        width: 15.38462vw;
        height: 15.38462vw;
    }

    .b28 .container {
        grid-template-columns: 1fr;
        max-width: none;
    }

    .b28 .right {
        margin: 0;
        overflow: hidden;
        margin-top: 48.97436vw;
        display: flex;
        flex-direction: column;
        height: 189.74359vw;
    }

    .b28 .right p {
        border-radius: 5.12821vw;
        padding: 5.12821vw 10.25641vw;
        font-family: "Geologica", sans-serif;
        font-size: 6.15385vw;
        line-height: 120%;
        text-align: center;
        color: #fafafa;
        position: relative;
        order: -1;
        max-width: 89.74359vw;
        margin-left: auto;
        margin-right: auto;
    }

    .b28 .right p:before {
        content: "";
        position: absolute;
        inset: 0;
        padding: 0.25641vw;
        border-radius: inherit;
        background: linear-gradient(180deg, rgba(124, 255, 178, 0.8) 20%, #585858 50%, rgba(7, 196, 210, 0.8) 80%);
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        z-index: -1;
        z-index: 9;
        order: -1;
    }

    .b28 .right p span {
        background: linear-gradient(90deg, rgba(7, 196, 210, 0.9) 0%, #00ffcd 50%, rgba(124, 255, 178, 0.9) 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .b28 .right .main-img {
        width: 129.48718vw;
        margin-left: -20vw;
        margin-top: -10.76923vw;
    }

    .b28 .right .b28-0,
    .b28 .right .b28-1,
    .b28 .right .b28-2,
    .b28 .right .b28-3,
    .b28 .right .b28-4,
    .b28 .right .b28-5,
    .b28 .right .b28-6 {
        width: 100vw;
        top: 133.33333vw;
        left: 50%;
        transform: translate(-50%, 0);
    }

    .b28 .bg-1 {
        height: 399.48718vw;
        background: url(../img/paid-traffic/b28-bg-2-mob.svg) center center no-repeat;
        background-size: cover;
    }

    .b28 .bg-2,
    .b28 .bg-3 {
        display: none;
    }

    .b29 {
        margin-top: 36.92308vw;
    }

    .b29 h2 {
        font-family: "Geologica", sans-serif;
        font-size: 7.69231vw;
        line-height: 100%;
        letter-spacing: -0.04em;
        text-align: center;
        color: #fff;
    }

    .b29 .cont {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin-top: 10.25641vw;
        gap: 3.07692vw;
        align-items: stretch;
    }

    .b29 .cont .item .head {
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 6.15385vw;
        line-height: 100%;
        letter-spacing: -0.04em;
        color: #fafafa;
    }

    .b29 .cont .item .head span {
        font-size: 6.15385vw;
    }

    .b29 .cont .item .d {
        font-family: "Geologica", sans-serif;
        font-weight: 200;
        font-size: 3.58974vw;
        line-height: 110%;
        color: #bababa;
    }

    .b29 .cont .item {
        min-height: 27.4359vw;
        border: 0.25641vw solid #4d4d4d;
        border-radius: 5.12821vw;
        padding: 5.12821vw;
        width: 100%;
        height: fit-content;
    }

    .b29 .cont .item:nth-child(4) {
        order: -8;
    }

    .b29 .cont .item:nth-child(7) {
        order: -7;
        width: 31.28205vw;
        height: 27.4359vw;
    }

    .b29 .cont .item:nth-child(8) {
        order: -6;
        width: 53.61538vw;
        height: 27.4359vw;
    }

    .b29 .cont .item:nth-child(3) {
        order: -5;
        width: 41.79487vw;
        height: 31.28205vw;
    }

    .b29 .cont .item:nth-child(1) {
        order: -4;
        width: 43.58974vw;
        height: 31.28205vw;
    }

    .b29 .cont .item:nth-child(5) {
        order: -3;
    }

    .b29 .cont .item:nth-child(6) {
        order: -2;
    }

    .b30 {
        margin-top: 30.76923vw;
    }

    .b30 h2 {
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 7.69231vw;
        line-height: 110%;
        letter-spacing: -0.04em;
        text-align: center;
        color: #fafafa;
    }

    .b30 h2 span:nth-child(1) {
        font-weight: 600;
        background: linear-gradient(90deg, #a8ff6e 0%, #9fcced 27.12%, #be97f7 62.98%, #ffb166 95.67%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .b30 .desc {
        margin-top: 5.12821vw;
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 4.10256vw;
        line-height: 100%;
        letter-spacing: -0.04em;
        text-align: center;
        max-width: 53.07692vw;
    }

    .b30 .l1 {
        flex-direction: column;
        gap: 7.69231vw;
        width: 69.23077vw;
        box-shadow: inset 0 1.02564vw 7.69231vw 0 rgba(255, 255, 255, 0.2);
        background: #0c0c0c;
        padding: 7.69231vw 5.12821vw 12.30769vw;
        position: relative;
        border-radius: 5.12821vw;
        margin-top: 7.69231vw;
    }

    .b30 .l1:before {
        content: '';
        position: absolute;
        top: 100%;
        left: 7.69231vw;
        width: 4.10256vw;
        height: 10.25641vw;
        background: url(../img/paid-traffic/b30-before-mob.svg) center center no-repeat;
        background-size: cover;
    }

    .b30 .l1:after {
        content: '';
        position: absolute;
        top: 100%;
        right: 7.69231vw;
        width: 4.10256vw;
        height: 10.25641vw;
        background: url(../img/paid-traffic/b30-before-mob.svg) center center no-repeat;
        background-size: cover;
    }

    .b30 .l1 .item {
        flex-direction: column;
        gap: 7.69231vw;
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 4.10256vw;
        line-height: 120%;
        color: #bababa;
    }

    .b30 .l1 .item span {
        width: 7.69231vw;
        height: 7.69231vw;
        background: url(../img/paid-traffic/b30-1-mob.svg) center center no-repeat;
        background-size: cover;
    }

    .b30 .l1 .item br {
        display: none;
    }

    .b30 .l1 .item:nth-child(1) span {
        display: none;
    }

    .b30 .p2 {
        padding: 7.69231vw 8.46154vw;
        backdrop-filter: blur(1.02564vw);
        background: rgba(239, 68, 68, 0.15);
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 4.10256vw;
        line-height: 120%;
        text-align: center;
        border-radius: 5.12821vw;
        margin-top: 10.25641vw;
        position: relative;
        max-width: none;
    }

    .b30 .p2:before {
        position: absolute;
        top: 50%;
        left: 50%;
        height: 21.28205vw;
        width: 46.15385vw;
        background: rgba(124, 255, 178, 0.3);
        z-index: -1;
        transform: translate(-50%, -50%);
        border-radius: 100%;
        filter: blur(11.53846vw);
    }

    .b30 .l2 {
        flex-direction: column;
        margin-top: 10.25641vw;
        gap: 10.25641vw;
    }

    .b30 .l2 .left {
        width: 100%;
        box-shadow: inset 0 1.02564vw 7.69231vw 0 rgba(255, 255, 255, 0.2);
        border-radius: 7.69231vw;
        padding: 7.69231vw 12.82051vw 7.69231vw 7.69231vw;
        position: relative;
    }

    .b30 .l2 .right {
        width: 100%;
        padding: 7.69231vw 7.69231vw 21.53846vw;
        border-radius: 7.69231vw;
    }

    .b30 .l2 .left .plug:before {
        padding: 0.25641vw;
    }

    .b30 .l2 .left .plug {
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 3.58974vw;
        line-height: 110%;
        text-align: center;
        color: #fff;
        padding: 2.05128vw 4.10256vw;
        border-radius: 50vw;
    }

    .b30 .l2 .left h3 {
        margin-top: 7.69231vw;
        font-family: "Geologica", sans-serif;
        font-weight: 500;
        font-size: 6.15385vw;
        line-height: 120%;
        color: #fafafa;
    }

    .b30 .l2 .left h3 br {
        display: none;
    }

    .b30 .l2 .left .d {
        font-size: 5.12821vw;
        line-height: 120%;
        max-width: none;
        margin-top: 7.69231vw;
    }

    .b30 .l2 .left .d strong {
        font-size: 3.58974vw;
        display: block;
        line-height: 120%;
        margin-top: 5.12821vw;
    }

    .b30 .l2 .right .plug {
        font-size: 3.58974vw;
        padding: 2.05128vw 4.10256vw;
        border-radius: 50vw;
    }

    .b30 .l2 .right h3 {
        margin-top: 7.69231vw;
        font-family: "Geologica", sans-serif;
        font-weight: 500;
        font-size: 6.15385vw;
        line-height: 120%;
        color: #0c0c0c;
    }

    .b30 .l2 .right .d {
        margin-top: 4.10256vw;
        font-family: "Geologica", sans-serif;
        font-size: 3.58974vw;
        line-height: 120%;
        color: #0c0c0c;
        max-width: 69.23077vw;
    }

    .b30 .l2 .right:before {
        width: 74.61538vw;
        height: 13.58974vw;
        left: 50%;
        transform: translate(-50%, 0);
        top: 56.41026vw;
    }

    .b30 .l2 .left:before {
        content: '';
        position: absolute;
        top: -10.25641vw;
        left: 50%;
        transform: translate(-50%, 0);
        width: 4.10256vw;
        height: 10.25641vw;
        background: url(../img/paid-traffic/b30-before-mob.svg) center center no-repeat;
        background-size: cover;
    }

    .b30 .l2 .left:after {
        content: '';
        position: absolute;
        top: 100%;
        left: 7.69231vw;
        width: 4.10256vw;
        height: 10.25641vw;
        background: url(../img/paid-traffic/b30-before-mob.svg) center center no-repeat;
        background-size: cover;
    }

    .b30 .l2 .right:after {
        content: '';
        position: absolute;
        top: -10.25641vw;
        right: 7.69231vw;
        width: 4.10256vw;
        height: 10.25641vw;
        background: url(../img/paid-traffic/b30-before-mob.svg) center center no-repeat;
        background-size: cover;
    }

    .b31 {
        margin-top: 35.89744vw;
        padding-top: 10.25641vw;
        padding-bottom: 10.25641vw;
        border-radius: 5.12821vw;
    }

    .b31 h2 {
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 7.69231vw;
        line-height: 110%;
        letter-spacing: -0.04em;
        color: #fff;
    }

    .b31 .list {
        grid-template-columns: 1fr;
        gap: 10.25641vw;
        margin-top: 10.25641vw;
    }

    .b31 .list img {
        width: 10.25641vw;
    }

    .b31 .list .head {
        margin-top: 5.12821vw;
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 6.15385vw;
        line-height: 120%;
        color: #fafafa;
    }

    .b31 .list .desc {
        margin-top: 4.10256vw;
        font-family: "Geologica", sans-serif;
        font-weight: 200;
        font-size: 4.10256vw;
        line-height: 120%;
        color: #909090;
    }

    .b31 .list .item:nth-child(2) .desc {
        max-width: 81.02564vw;
    }

    .b31 .list .item:nth-child(4) .desc {
        max-width: 102.5641vw;
    }

    .b31 .list .item:nth-child(1) .desc {
        max-width: 80.25641vw;
    }

    .b31:before,
    .b31:after {
        width: 179.48718vw;
        height: 30.76923vw;
        background: rgba(255, 255, 255, 0.29);
        filter: blur(19.23077vw);
    }

    .b32 {
        margin-top: 30.76923vw;
    }

    .b32 .container {
        max-width: 100vw;
    }

    .b32 h2 {
        font-family: "Geologica", sans-serif;
        font-size: 7.69231vw;
        line-height: 110%;
        letter-spacing: -0.04em;
        text-align: center;
        color: #fafafa;
        max-width: 82.05128vw;
    }

    .b32 .dd {
        margin-top: 5.12821vw;
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 4.10256vw;
        line-height: 120%;
        text-align: center;
        color: #bababa;
        max-width: 69.23077vw;
    }

    .b32 .cont {
        grid-template-columns: 1fr;
    }

    .b32 .cont .item.big {
        grid-column-start: 1;
        grid-column-end: 2;
    }

    .b32 .cont.desc {
        display: none;
    }

    .b32 .cont.mob {
        display: flex;
        flex-direction: column;
        width: 100vw;
        margin-top: 10.25641vw;
        gap: 0;
    }

    .b32 .cont.mob .item {
        width: 89.74359vw;
        margin: auto;
        height: fit-content;
        border: 0.25641vw solid rgba(255, 255, 255, 0.25);
        border-radius: 7.69231vw;
        padding: 7.69231vw;
    }

    .b32 .cont .item .problem p,
    .b32 .cont .item .error p {
        font-size: 3.58974vw;
    }

    .b32 .cont .item .problem:before,
    .b32 .cont .item .error:before {
        padding: 0.25641vw;
    }

    .b32 .cont .item .error img {
        width: 3.07692vw;
        height: auto
    }

    .b32 .cont .item .problem img {
        width: 3.84615vw;
        height: auto;
    }

    .b32 .cont .item .head {
        margin-top: 5.12821vw;
        font-size: 5.12821vw;
    }

    .b32 .cont .item .head br {
        display: none;
    }

    .b32 .cont .item .desc {
        margin-top: 5.12821vw;
        font-size: 3.58974vw;
    }

    .b32 .cont .item .desc br {
        display: none;
    }

    .b32 .cont .item .desc ul {
        margin-top: 3.84615vw;
        padding-left: 5.12821vw;
    }

    .b32 .cont .item .problem {
        margin-top: 7.69231vw;
    }

    .b32 .cont .item .problem,
    .b32 .cont .item .error {
        padding: 2.05128vw 5.12821vw 2.05128vw 4.10256vw;
        border-radius: 12.82051vw;
    }

    .b32 .cont .item .i:last-child .head {
        font-size: 4.10256vw;
    }

    .b32 .cont .item.big .u {
        gap: 0;
        flex-direction: column;
        display: flex;
    }

    .b32 .cont .item.big .bot {
        width: 100%;
        margin-top: 5.12821vw;
        padding-top: 5.12821vw;
        border-top: 0.25641vw solid #434343;
    }

    .b32 .cont .item.big .bot .h {
        font-size: 4.10256vw;
    }

    .b32 .cont .item.big .bot .l {
        flex-direction: column;
        gap: 2.5641vw;
        margin-top: 5.12821vw;
    }

    .b32 .cont .item.big .bot .l p {
        font-size: 3.58974vw;
        padding-left: 4.10256vw;
    }

    .b32 .cont .item.big .bot .l p br {
        display: none;
    }

    .b32 .cont .item.big .bot .l p:before {
        content: '';
        position: absolute;
        top: 57%;
        left: 0;
        transform: translate(0, -50%);
        width: 3.07692vw;
        height: 3.07692vw;
    }

    .b32 .pagination {
        width: 89.74359vw;
        margin: auto;
        /* margin-top: 10.25641vw; */
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 3.07692vw;
        background: #0c0c0c;
        height: 15.38462vw;
        padding: 0 5.12821vw;
    }

    .b32 .swiper-b32-before,
    .b32 .swiper-b32-next {
        width: 7.69231vw;
        height: 7.69231vw;
        min-width: 7.69231vw;
        background: url(../img/paid-traffic/b32-slider.svg) center center no-repeat;
        background-size: cover;
        cursor: pointer;
    }

    .b32 .swiper-b32-before {
        transform: scale(-1, 1)
    }

    .b32 .swiper-button-disabled {
        opacity: 0.5;
    }

    .b32 .swiper-b32-pagination {
        /* background: green; */
        width: fit-content;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1.28205vw;
    }

    .b32 .swiper-b32-pagination span {
        width: 2.05128vw;
        height: 2.05128vw;
        background: #1D1D1E;
        opacity: 1;
        margin: 0 !important;
        transition: 0.3s;
    }

    .b32 .swiper-b32-pagination .swiper-pagination-bullet-active {
        background: #d9d9d9 !important;
    }

    .b32 .cont:before {
        display: none;
    }

    .b32 .big-text {
        margin-top: 15.38462vw;
        max-width: 84.61538vw;
    }

    .b32 .big-text p {
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 6.15385vw;
        line-height: 100%;
        letter-spacing: -0.04em;
        text-align: center;
    }

    .b32 .big-text p:nth-child(1) {
        margin-bottom: 5.12821vw;
    }

    .b32:before {
        display: none;
    }

    .b33 {
        margin-top: 37.4359vw;
        border-radius: 7.69231vw;
        padding-top: 10.25641vw;
        padding-bottom: 10.25641vw;
        position: relative;
    }

    .b33 img {
        margin: auto;
        width: 64.10256vw;
        position: relative;
        margin-top: 10.25641vw;
    }

    .b33 h2 {
        font-size: 7.69231vw;
    }

    .b33 .cont {
        grid-template-columns: 1fr;
        margin-top: 10.25641vw;
        gap: 12vw;
    }

    .b33 .cont .item h3 {
        margin-top: 6.15385vw;
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 6.15385vw;
        line-height: 120%;
        color: #fafafa;
    }

    .b33 .cont .item p {
        margin-top: 4.10256vw;
        font-size: 4.10256vw;
    }

    .b33 .cont .item .up {
        gap: 1.02564vw;
    }

    .b33 .cont .item .up span {
        width: 3.07692vw;
        height: 3.07692vw;
    }

    .b33:before {
        content: '';
        position: absolute;
        top: -6.66667vw;
        left: 50%;
        transform: translate(-50%, 0);
        width: 106.92308vw;
        height: 31.79487vw;
        background: rgba(124, 255, 178, 0.52);
        z-index: -1;
        border-radius: 50%;
        filter: blur(38.46154vw);
    }

    .b33:after {
        content: '';
        position: absolute;
        bottom: -6.66667vw;
        left: 50%;
        transform: translate(-50%, 0);
        width: 106.92308vw;
        height: 31.79487vw;
        background: rgba(59, 130, 246, 0.62);
        z-index: -1;
        border-radius: 50%;
        filter: blur(38.46154vw);
    }

    .b8 .desc {
        margin: auto;
        margin-top: 5.12821vw;
        font-size: 4.10256vw;
        max-width: 89.74359vw;
    }

    .b8.paid-traffic:before {
        background-position: bottom;
        height: 30.76923vw;
        top: 74.35897vw;
    }

    .b34 {
        margin-top: 30.76923vw;
    }

    .b34 h2 {
        font-size: 7.69231vw;
        max-width: 65.66667vw;
    }

    .b34 .desc {
        margin-top: 5.12821vw;
        font-size: 4.10256vw;
    }

    .b34 .cont {
        grid-template-columns: 1fr;
        margin-top: 20.51282vw;
        width: 100%;
        gap: 15.38462vw;
    }

    .b34 .cont .item {
        border-radius: 7.69231vw;
        padding: 10.25641vw 5.12821vw;
    }

    .b34 .cont .item.target {
        order: -1;
    }

    .b34 .cont .item .plug p {
        font-size: 3.07692vw;
    }

    .b34 .cont .item .plug {
        height: 6.66667vw;
        padding-left: 3.07692vw;
    }

    .b34 .cont .item .plug:before {
        width: 25.64103vw;
        border-radius: 25.38462vw;
    }

    .b34 .cont .item.animate-played.target .plug:before,
    .b34 .cont .item.animate-played.context .plug:before {
        width: 60.76923vw;
    }

    .b34 .cont .item h3 {
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 6.15385vw;
        line-height: 100%;
        letter-spacing: -0.04em;
        color: #fff;
        margin-top: 10.25641vw;
    }

    .b34 .cont .item h3 br {
        display: none;
    }

    .b34 .cont .item .subhead {
        margin-top: 7.69231vw;
        font-size: 4.61538vw;
    }

    .b34 .cont .item ul {
        font-size: 3.58974vw;
        margin-top: 5.12821vw;
        max-width: 64.10256vw;
        padding-left: 6.41026vw;
    }

    .b34 .cont .item .big-plug {
        padding: 5.12821vw;
        margin-top: 12.05128vw;
        border-radius: 7.69231vw;
    }

    .b34 .cont .item .big-plug .h {
        font-size: 4.61538vw;
    }

    .b34 .cont .item .big-plug .d {
        margin-top: 5.12821vw;
        font-size: 3.58974vw;
        max-width: 56.41026vw;
    }

    .b34 .cont .item:before,
    .b34 .cont .item:after {
        width: 74.35897vw;
        height: 21.79487vw;
        border-radius: 50%;
        transform: translate(-50%, -5.89744vw);
        filter: blur(23.07692vw);
    }

    .b34 .cont .item:after {
        top: 100%;
        transform: translate(-50%, calc(-50% - 5.89744vw));
    }

    .b34 .cont .item .btn span {
        display: none;
    }

    .b34 .cont .item .btn {
        margin-top: 10.25641vw;
        padding: 5.38462vw;
        font-size: 4.10256vw;
        border-radius: 15.38462vw;
    }

    .b35 {
        margin-top: 37.4359vw;
        z-index: 10;
    }

    .b35 h2 {
        max-width: 69.23077vw;
        font-size: 7.69231vw;
        margin: auto;
    }

    .b35 .line {}

    .b35 .cont {
        margin-top: 10.25641vw;
        font-size: 4.10256vw;
        font-weight: 400;
        letter-spacing: -0.01rem;
    }

    .b35 .cont strong {
        font-weight: 600;
        color: #fafafa;
        font-size: 5.12821vw;
        width: 100%;
        display: block;
    }

    .b35 .cont .desc-hide {
        display: block
    }

    .b35 .cont span.accent:nth-child(1) {
        font-size: 5.12821vw;
    }

    .b35 .roll-lines .line p {
        font-family: "Steppe", sans-serif;
        font-weight: 500;
        font-size: 5.12821vw;
        line-height: 120%;
        letter-spacing: -0.06em;
        text-align: center;
        color: #f8f8f8;
    }

    .b35 .roll-lines .line {
        gap: 10.25641vw;
        padding-right: 10.25641vw;
        top: 5.12821vw;
    }

    .b35 .roll-lines {
        margin-top: 10.25641vw;
        height: 16.41026vw;
        -webkit-mask-image: url(../img/paid-traffic/b35-mask.svg);
        mask-image: url(../img/paid-traffic/b35-mask.svg);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        mask-size: cover;
    }

    .b35:before {
        top: -33.33333vw;
        width: 100vw;
        height: 170vw;
        background: url(../img/paid-traffic/b35-before-3-1-mob.webp) center center no-repeat;
        background-size: cover;
        z-index: 1;
    }

    .b35 .head {
        margin-top: 30.76923vw;
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 7.69231vw;
        line-height: 110%;
        text-align: center;
        background: linear-gradient(180deg, #e6e5e6 0%, #b9b9ba 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .b35 .desc {
        margin-top: 5.12821vw;
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 4.10256vw;
        line-height: 120%;
        text-align: center;
        color: #bababa;
        max-width: none;
    }

    .b35 .list {
        grid-template-columns: 1fr;
        gap: 7.69231vw;
        width: 100%;
        margin-top: 6.92308vw;
        border-top: 0.25641vw solid rgba(255, 255, 255, 0.25);
        padding-top: 5.12821vw;
    }

    .b35 .list:before {
        display: none;
    }

    .b35 .list .item {
        border-radius: 7.69231vw;
        padding: 7.69231vw;
        position: relative;
    }

    .b35 .list .item h3 {
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 5.64103vw;
        line-height: 120%;
        color: #fafafa;
    }

    .b35 .list .item p {
        font-family: "Geologica", sans-serif;
        font-weight: 200;
        font-size: 4.10256vw;
        line-height: 120%;
        color: #909090;
        margin-top: 5.12821vw;
    }

    .b35 .list .item p br {
        display: none;
    }

    .b35 .list .item .btn {
        margin-top: 5.38462vw;
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 4.10256vw;
        line-height: 110%;
        text-transform: uppercase;
        text-align: center;
        color: #fff;
        width: 100%;
        padding: 5.38462vw 0;
        border-radius: 15.38462vw;
        background: #1c1c1c;
        cursor: pointer;
        transition: 0.3s;
    }

    .b35 .head-2 {
        margin-top: 19.48718vw;
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 4.61538vw;
        line-height: 120%;
        letter-spacing: -0.04em;
        text-align: center;
        color: #fff;
        box-shadow: 0 6.41026vw 11.53846vw 0 rgba(0, 0, 0, 0.05), inset -3.07692vw 0.51282vw 5.89744vw 0 rgba(7, 196, 210, 0.25);
        background: rgba(0, 0, 0, 0.2);
        padding: 8.97436vw 7.69231vw;
        border-radius: 5.12821vw;
        position: relative;
        overflow: hidden;
        z-index: 10;
    }

    .b35 .head-2:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 71.02564vw;
        height: 41.02564vw;
        background: url(../img/paid-traffic/b35-bg-mob.svg) center center no-repeat;
        background-size: cover;
        filter: blur(6.41026vw);
        z-index: -1;
    }

    .b35 .head-2 span {
        font-weight: 600;
    }

    .b35 .head-2 br {
        display: none;
    }

    .b35 .list .item:last-child:after,
    .b35 .list .item:last-child:before {
        content: '';
        position: absolute;
        top: 100%;
        right: 12.82051vw;
        background: url(../img/paid-traffic/b35-before-mob.svg) center center no-repeat;
        background-size: cover;
        width: 4.10256vw;
        height: 19.48718vw;
    }

    .b35 .list .item:last-child:after {
        right: inherit;
        left: 12.82051vw;
    }

    .b35 .head-3 {
        margin-top: 30.76923vw;
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 7.69231vw;
        line-height: 100%;
        letter-spacing: -0.04em;
        text-align: center;
        color: #fafafa;
        max-width: none;
        position: relative;
        z-index: 10;
    }

    .b35 .desc-2 {
        margin-top: 10.25641vw;
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 4.10256vw;
        line-height: 120%;
        text-align: center;
        color: #fff;
        max-width: 82.05128vw;
    }

    .b17 .h2-desc {
        font-size: 4.10256vw;
        margin-top: 5.12821vw;
    }

    .b35 .desc-2:before {
        top: -91.28205vw;
        left: 50%;
        width: 100vw;
        height: 278.46154vw;
        z-index: -2;
        background: url(../img/paid-traffic/b35-before-2-mob.webp) center center no-repeat;
        background-size: cover;
    }



   .header {
        top: 3.61111vw;
        height: 8.88889vw;
    }
    
    .header:before {
        top: -3.61111vw;
        height: 20vw;
    }
    
    .header .container .center {
        display: none;
    }
    
    .header .menu-btn:before {
        top: 0vw;
        height: 16.66667vw;
    }
    
    .header .menu-btn {
        width: 16.11111vw;
        height: 8.88889vw;
        border: 0.27778vw solid #0b0e28;
        border-radius: 12.22222vw;
        transition: 0.3s;
    }
    
    .header .logo img {
        height: 5.55556vw;
        width: auto;
    }
    
    .header .menu-cont-2 {
        position: absolute;
        top: 16.66667vw;
        right: 0;
        border: 0.27778vw solid #333;
        border-radius: 8.33333vw;
        width: 88.88889vw;
        backdrop-filter: blur(5.55556vw);
        background: rgba(1, 3, 19, 0.8);
        padding: 2.77778vw 2.77778vw 6.11111vw;
        opacity: 0;
        visibility: hidden;
        transition: 0.3s;
    }

    .header .menu-cont-2 .cont{
        display: flex;
        flex-direction: column;
        gap: 2.77778vw;
    }
    
    .header .menu-btn:hover .menu-cont-2 {
        opacity: 1;
        visibility: visible;
    }
    
    .header .menu-cont-2 .item {
        display: flex;
        padding: 4.44444vw 5.55556vw;
        border: 0.27778vw solid rgba(117, 117, 117, 0.8);
        border-radius: 5.55556vw;
        gap: 5.83333vw;
    }
    
    .header .menu-cont-2 .item:nth-child(1),
    .header .menu-cont-2 .item:nth-child(2) {
        display: flex;
    }
    
    .header .menu-cont-2 .cont .item.has-sub {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
    }
    
    .header .menu-cont-2 .item.has-sub svg {
        margin-left: 6.11111vw;
    }
    
    .header .menu-cont-2 .item.has-sub p {
        margin-right: 6.11111vw;
    }
    
    .header .menu-cont-2 .item .sub {
        width: 100%;
        height: 69.44444vw;
        display: flex;
        flex-direction: column;
        gap: 0;
        overflow: auto;
        border-top: 0.27778vw solid #4e4c4e;
    }
    
    .header .menu-cont-2 .item .sub a {
        padding: 3.88889vw 6.11111vw;
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 4.44444vw;
        letter-spacing: -0.03em;
        color: #cbcbcb;
        border-bottom: 0.27778vw solid #4e4c4e;
        position: relative;
        transition: 0.3s;
    }
    .header .menu-cont-2 .item .sub a p{
        left: 6.11111vw;
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 4.44444vw;
        letter-spacing: -0.03em;
        color: #fff;
        transition: 0.3s;
        opacity: 0;
        text-transform: none;
    }
    
    .header .menu-cont-2 .item .sub a br {
        display: none;
    }
    
    .header .menu-cont-2 .item p {
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 4.44444vw;
        letter-spacing: -0.03em;
        text-transform: uppercase;
        text-align: center;
        color: #8d8d8d;
        transition: 0.3s;
    }
    
    .header .menu-cont-2 .item:hover p {
        color: #fff;
    }
    
    .header .menu-cont-2 .item svg {
        width: 6.66667vw;
        height: 6.66667vw;
    }
    
    .header .menu-cont-2 .item svg path {
        fill: #8d8d8d;
        transition: 0.3s;
    }
    
    .header .menu-cont-2 .item:hover svg path {
        fill: #fff;
    }
    
    .header .menu-cont-2 .bottom {
        margin-top: 5vw;
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }
    
    .header .menu-cont-2 .bottom img {
        height: 7.22222vw;
    }

    .b36 {
        padding: 41.66667vw 0 27.77778vw;
        margin-bottom: -30vw;
        overflow: hidden;
    }
    
    .b36 img {
        width: 41.66667vw;
        ;
        height: auto;
    }
    
    .b36 h1 {
        font-size: 9.44444vw;
        margin-top: 13.88889vw;
    }
    
    .b36 p {
        font-size: 3.66667vw;
        margin-top: 5.55556vw;
        max-width: none;
    }
    
    .b36 a {
        margin-top: 22.22222vw;
        font-size: 3.07692vw;
        height: 15.38462vw;
        gap: 1.53846vw;
        border-radius: 12.82051vw;
        width: 100%;
    }
    
    .b36 a:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 1.11111vw solid rgba(255, 255, 255, 0.4);
        border-radius: 16.66667vw;
    }
    
    .b36 .bg {
        position: absolute;
        width: 333.33333vw;
        bottom: 0;
        height: auto;
        left: 50%;
        transform: translate(-50%, 0);
    }

    .b37 .i1 {
        height: 20.5128205128vw;
    }
    
    .b37 h1 {
        margin-top: 3.0769230769vw;
        font-size: 8.2051282051vw;
        text-align: center;
        max-width: 90%;
    }
    
    .b37 .p {
        margin-bottom: 14.358974359vw;
        margin-top: 3.0769230769vw;
        text-align: center;
        font-family: "Geologica", sans-serif;
        font-weight: 400;
        font-size: 3.5vw;
        line-height: 120%;
        color: #6a6a6a;
        text-align: center;
    }
    
    .b37:before {
        bottom: 22.8205128205vw;
        width: 102.0512820513vw;
        height: 39.2307692308vw;
        background: url(https://wafe.partners/wp-content/themes/morris_new/img/thank-svg-5.svg) center center no-repeat;
        background-size: cover;
    }
    
    .b37:after {
        bottom: 18.9743589744vw;
        right: -36.4102564103vw;
        width: 88.2051282051vw;
        height: 47.9487179487vw;
        filter: blur(25.641025641vw);
    }
    
    .b37 .list .item {
        gap: 12.8205128205vw;
    }
    
    .b37 .list .input .vars div {
        font-size: 3.5897435897vw;
        padding: 1.5384615385vw 3.0769230769vw 1.7948717949vw;
    }
    
    .b37 .list {
        margin-bottom: 25.641025641vw;
        width: 100%;
        padding: 7.6923076923vw 7.6923076923vw 7.6923076923vw 5.1282051282vw;
        border: 0.2564102564vw solid #262626;
        border-radius: 2.5641025641vw;
        max-width: none;
    }
    
    .b37 .list h2 {
        font-size: 6.1538461538vw;
        margin-bottom: 0;
    }
    
    .b37 .list .input .vars div {
        font-size: 3.5897435897vw;
        padding: 1.5384615385vw 3.0769230769vw 1.7948717949vw;
        border-radius: 12.8205128205vw;
    }
    
    .b37 .list .input .vars {
        grid-gap: 1.2820512821vw;
        margin-top: 5.1282051282vw;
    }
    
    .b37 .list .btns .btn.off {
        display: none;
    }
    
    .b37 .list .btns {
        grid-gap: 5.1282051282vw;
        flex-direction: column;
    }
    
    .b37 .list .btns .btn {
        width: 100%;
        font-size: 3.58974vw;
        height: 12.82051vw;
        border-radius: 12.82051vw;
    }
    
    .b37 .before-1 {
        top: 86.9230769231vw;
        width: 102.0512820513vw;
        height: 39.2307692308vw;
        background: url(https://wafe.partners/wp-content/themes/morris_new/img/thank-svg-5.svg) center center no-repeat;
        background-size: cover;
    }
    
    .b37 .list .input #result {
        flex-direction: column;
        align-items: flex-start;
        grid-gap: 2.5641025641vw;
    }
    .b37 .list .input div{
        height: 0.2564102564vw;
    }
    .b37 .list input {
        border: none;
        border-bottom: 0.2564102564vw solid #484848;
        border-radius: 0 !important;
        background: none;
        font-family: "Geologica", sans-serif;
        font-weight: 300;
        font-size: 3.5897435897vw;
        line-height: 100%;
        color: #fff;
        letter-spacing: inherit;
        padding: 0;
        height: 13.8461538462vw;
        outline: none;
        width: 100%;
    }
    
    .b37 .list .q p {
        font-family: "Geologica", sans-serif;
        letter-spacing: normal;
        color: #bababa;
        font-size: 4.1025641026vw;
        max-width: none;
        line-height: 130%;
    }


}