@import url('../css/colors.css'); @import url('../css/footer.css'); * { padding: 0px; margin: 0px; border: none; outline: none } html, body { overflow-x: hidden } body { font-family: "TT Firs Neue"; background-color: #000 } .main { position: relative } .container { position: relative; max-width: 1560px; padding: 0 15px; margin: 0 auto } @media(max-width: 1728px) { .container { max-width: 1390px } } @media(max-width: 1440px) { .container { max-width: 1207px } } @media(max-width: 1280px) { .container { max-width: 1066px } } @media(max-width: 1024px) { .container { max-width: 850px } } @media(max-width: 868px) { .container { max-width: 670px } } *, *::before, *::after { box-sizing: border-box } a, a:link, a:visited { text-decoration: none } h1, h2, h3, h4, h5, h6, p { font-size: inherit; font-weight: inherit } ul, ul li { list-style: none } img, svg { max-width: 100%; height: auto } svg { transform: translateZ(0) } address { font-style: normal } input, textarea, button, select { font-family: inherit; font-size: inherit; color: inherit; background-color: rgba(0, 0, 0, 0) } input::-ms-clear { display: none } button, input[type=submit] { background-color: rgba(0, 0, 0, 0); background: none; cursor: pointer } input:focus, input:active, button:focus, button:active { outline: none } button::-moz-focus-inner { padding: 0; border: 0 } label { cursor: pointer } legend { display: block } .header { position: relative; padding-top: 48px; min-height: 1080px } @media(max-width: 1728px) { .header { min-height: 1326px } } @media(max-width: 1440px) { .header { min-height: 936px } } @media(max-width: 1280px) { .header { min-height: 916px } } @media(max-width: 868px) { .header { padding-bottom: 146px } } @media(max-width: 428px) { .header { padding-top: 35px } } @media(max-width: 395px) { .header { min-height: 781px } } @media(max-width: 328px) { .header { min-height: 683px } } .header__circle-left { position: absolute; left: 319px; bottom: 0; max-width: 698px; width: 100%; min-height: 698px; background-color: #f73636; border-radius: 50%; opacity: .15; filter: blur(100px); z-index: -2 } @media(max-width: 1728px) { .header__circle-left { max-width: 658px; min-height: 658px } } @media(max-width: 1440px) { .header__circle-left { max-width: 546px; min-height: 546px } } @media(max-width: 1280px) { .header__circle-left { max-width: 416px; min-height: 416px; left: 277px } } @media(max-width: 1024px) { .header__circle-left { max-width: 396px; min-height: 369px; left: 150px; top: 420px } } @media(max-width: 428px) { .header__circle-left { top: 210px; left: 50%; transform: translateX(-50%); width: 376px; height: 376px; opacity: .25; filter: blur(100px) } } @media(max-width: 395px) { .header__circle-left { top: 210px; left: 50%; transform: translateX(-50%); width: 369px; height: 369px } } @media(max-width: 328px) { .header__circle-left { top: 180px; left: 50%; transform: translateX(-50%); width: 278px; height: 278px; opacity: .4 } } .header__circle-right { position: absolute; top: 430px; right: 0; max-width: 698px; width: 100%; min-height: 698px; background-color: #f73636; border-radius: 50%; opacity: .15; filter: blur(100px); z-index: -2 } @media(max-width: 1728px) { .header__circle-right { max-width: 658px; min-height: 658px; right: -129px } } @media(max-width: 1440px) { .header__circle-right { max-width: 546px; min-height: 546px } } @media(max-width: 1280px) { .header__circle-right { max-width: 469px; min-height: 469px } } @media(max-width: 1024px) { .header__circle-right { max-width: 369px; min-height: 369px; right: 43px; top: 267px } } @media(max-width: 428px) { .header__circle-right { display: none } } .nav { display: flex; align-items: center; justify-content: space-between; margin-bottom: 150px; transition: .5s ease-out; transition-delay: 2.5s } @media(max-width: 1728px) { .nav { margin-bottom: 130px } } @media(max-width: 1440px) { .nav { margin-bottom: 100px } } @media(max-width: 1280px) { .nav { margin-bottom: 144px } } @media(max-width: 1024px) { .nav { margin-bottom: 85px } } @media(max-width: 868px) { .nav { margin-bottom: 136px } } @media(max-width: 428px) { .nav { margin-bottom: 100px } } @media(max-width: 395px) { .nav { margin-bottom: 114px } } @media(max-width: 328px) { .nav { margin-bottom: 80px } } .nav--remove { opacity: 0; visibility: hidden } @media(max-width: 1728px) { .nav__logo-wrapper { width: 140px } } @media(max-width: 1440px) { .nav__logo-wrapper { width: 124px } } @media(max-width: 1280px) { .nav__logo-wrapper { width: 108px; height: 35px } } @media(max-width: 1024px) { .nav__logo-wrapper { width: 97px; height: 31px } } @media(max-width: 428px) { .nav__logo-wrapper { width: 148px; height: 47px } } @media(max-width: 395px) { .nav__logo-wrapper { width: 141px; height: 45px } } @media(max-width: 328px) { .nav__logo-wrapper { width: 105px; height: 34px } } .nav__lists { display: flex; -moz-column-gap: 100px; column-gap: 100px } @media(max-width: 1440px) { .nav__lists { -moz-column-gap: 80px; column-gap: 80px } } @media(max-width: 1280px) { .nav__lists { -moz-column-gap: 72px; column-gap: 72px } } @media(max-width: 1024px) { .nav__lists { display: none } } .nav__list--center { position: relative; text-align: center } .nav__list--center:hover .nav__sublist { display: block } .nav__sublist { position: absolute; display: none; padding-top: 35px; top: 25px; left: 50%; transform: translateX(-50%) } @media(max-width: 1728px) { .nav__sublist { padding-top: 25px } } @media(max-width: 1440px) { .nav__sublist { padding-top: 20px } } @media(max-width: 1280px) { .nav__sublist { top: 20px; padding-top: 20px } } .nav__link { position: relative; font-family: "Gilroy"; font-weight: 400; font-size: 22px; color: #fff } @media(max-width: 1728px) { .nav__link { font-size: 19px } } @media(max-width: 1440px) { .nav__link { font-size: 17px } } @media(max-width: 1280px) { .nav__link { font-size: 16px } } .nav__link::before { position: absolute; content: ""; width: 90px; height: 1px; left: 50px; top: -8px; background-color: #d9d9d9; opacity: .3; transition: .5s ease-out } @media(max-width: 1728px) { .nav__link::before { width: 80px } } @media(max-width: 1440px) { .nav__link::before { top: -6px; width: 70px } } @media(max-width: 1280px) { .nav__link::before { width: 60px } } .nav__link::after { position: absolute; content: ""; width: 90px; height: 1px; left: -40px; bottom: -8px; background-color: #d9d9d9; opacity: .3; transition: .5s ease-out } @media(max-width: 1728px) { .nav__link::after { width: 80px } } @media(max-width: 1440px) { .nav__link::after { bottom: -6px; width: 70px } } @media(max-width: 1280px) { .nav__link::after { width: 60px } } .nav__link:hover::before, .nav__link:hover::after { left: 0; width: 100%; background-color: #f73737; opacity: 1 } .nav__login-wrapper { display: flex; align-items: center } @media(max-width: 1024px) { .nav__login-wrapper { -moz-column-gap: 45px; column-gap: 45px } } @media(max-width: 428px) { .nav__login-wrapper { -moz-column-gap: 24px; column-gap: 24px } } @media(max-width: 328px) { .nav__login-wrapper { -moz-column-gap: 25px; column-gap: 25px } } @media(max-width: 328px) { .nav__login-wrapper { -moz-column-gap: 23px; column-gap: 23px } } .nav__login-btn { display: flex; align-items: center; -moz-column-gap: 16px; column-gap: 16px; color: #fff; font-family: "Gilroy"; font-weight: 400; font-size: 22px; transition: .5s ease-out } .nav__login-btn:hover { color: #f73636 } @media(max-width: 1440px) { .nav__login-btn { font-size: 18px; line-height: 22px } } @media(max-width: 1280px) { .nav__login-btn { font-size: 16px; -moz-column-gap: 12px; column-gap: 12px } } @media(max-width: 1024px) { .nav__login-btn { display: none } } .nav__login-btn--mobile { display: flex } .nav__login-btn--auth { display: flex } .nav__goblet-wrapper { position: relative } @media(max-width: 1024px) { .nav__goblet-wrapper { display: flex } } .nav__goblet-info { position: absolute; bottom: -7px; left: -67px; padding: 5px 10px; border-radius: 5px; text-align: center; -webkit-user-select: none; -moz-user-select: none; user-select: none; pointer-events: none; z-index: -2; opacity: 0 } @media(min-width: 1440px) { .nav__goblet-info { color: #fff; background-color: #000; transition: .3s } } @media(max-width: 1024px) { .nav__goblet-info { position: relative; opacity: 1; bottom: -5px; left: -20px } } .nav__goblet { position: relative; top: 2px; display: flex; justify-content: center; align-items: center; margin-right: 40px; width: 27px; height: 27px } @media(max-width: 1024px) { .nav__goblet { margin-right: 0; top: 6px; right: -82px } } .nav__goblet::before { content: ""; width: 27px; height: 27px; background-image: url("../images/goblet.svg"); background-repeat: no-repeat } @media(max-width: 1024px) { .nav__goblet::before { width: 16px; height: 16px; background-size: 16px 16px } } .nav__goblet::after { position: absolute; content: ""; width: 22px; height: 22px; background-color: #f63737; filter: blur(15px) } @media(max-width: 1024px) { .nav__goblet::after { display: none } } @media(max-width: 1024px) { .nav__goblet-desktop { display: none } .nav__goblet-desktop~.nav__goblet-info { display: none } } .nav__goblet-desktop:hover~.nav__goblet-info { transition: .3s; transform: translateX(-35px); opacity: 1; z-index: -1 } .burger-btn { font-size: 0; display: none } @media(max-width: 1024px) { .burger-btn { display: unset } } @media(max-width: 428px) { .burger-btn__icon { width: auto; height: 20px } } @media(max-width: 395px) { .burger-btn__icon { height: 18px } } @media(max-width: 328px) { .burger-btn__icon { height: 14px } } .top__btns-wrapper { position: relative; z-index: 2; max-width: 250px; width: 100% } @media(max-width: 1728px) { .top__btns-wrapper { max-width: 230px } } @media(max-width: 1440px) { .top__btns-wrapper { max-width: 190px } } @media(max-width: 1024px) { .top__btns-wrapper { max-width: 160px } } @media(max-width: 868px) { .top__btns-wrapper { max-width: 150px } } @media(max-width: 428px) { .top__btns-wrapper { max-width: 196px } } @media(max-width: 395px) { .top__btns-wrapper { max-width: 180px } } @media(max-width: 328px) { .top__btns-wrapper { max-width: 113px } } .particles-top { position: absolute; top: 0; left: 0; width: 100%; max-width: 680px; transition: .5s ease-out; transition-delay: .3s } @media(max-width: 1728px) { .particles-top { max-width: 586px } } @media(max-width: 1440px) { .particles-top { max-width: 487px; top: 30px } } @media(max-width: 1280px) { .particles-top { max-width: 350px } } @media(max-width: 1024px) { .particles-top { max-width: 413px; top: 50; left: -18px } } @media(max-width: 868px) { .particles-top { max-width: 443px; top: 100; left: -18px } } @media(max-width: 428px) { .particles-top { max-width: 413px; top: -24px; left: -139px } } .particles-top--remove { opacity: 0; visibility: hidden } .particles-bottom { position: absolute; width: 100%; max-width: 510px; top: 500px; right: 0; transition: .5s ease-out; transition-delay: .3s } @media(max-width: 1728px) { .particles-bottom { max-width: 452px; top: 550px } } @media(max-width: 1440px) { .particles-bottom { max-width: 420px; top: 250px } } @media(max-width: 1280px) { .particles-bottom { max-width: 360px } } @media(max-width: 1024px) { .particles-bottom { max-width: 310px; top: 320px } } @media(max-width: 868px) { .particles-bottom { max-width: 370px; top: 500px } } @media(max-width: 428px) { .particles-bottom { max-width: 345px; top: 450px } } @media(max-width: 395px) { .particles-bottom { top: 280px } } @media(max-width: 328px) { .particles-bottom { top: 162px; width: 215px; height: 359px } } .particles-bottom--remove { opacity: 0; visibility: hidden } .marketplace::after { left: -14px } @media(max-width: 1728px) { .marketplace::after { left: -16px } } @media(max-width: 1440px) { .marketplace::after { left: -20px } } @media(max-width: 1280px) { .marketplace::after { left: -15px } } @media(max-width: 1728px) { .marketplace::before { left: 52px } } @media(max-width: 1440px) { .marketplace::before { left: 50px } } .wallet::after { left: -49px } @media(max-width: 1728px) { .wallet::after { left: -39px } } @media(max-width: 1728px) { .wallet::after { left: -35px } } .wallet::before { left: 20px } @media(max-width: 1728px) { .wallet::before { left: 18px } } @media(max-width: 1280px) { .wallet::before { left: 16px } } .nav-team::after { left: -48px } @media(max-width: 1728px) { .nav-team::after { left: -40px } } @media(max-width: 1440px) { .nav-team::after { left: -38px } } @media(max-width: 1280px) { .nav-team::after { left: -30px } } @media(max-width: 1024px) { .nav-team::after { display: none } } .nav-team::before { left: 20px } @media(max-width: 1728px) { .nav-team::before { left: 16px } } @media(max-width: 1440px) { .nav-team::before { left: 18px } } @media(max-width: 1280px) { .nav-team::before { left: 14px } } @media(max-width: 1024px) { .nav-team::before { display: none } } .explorer::before { display: none } .explorer::after { display: none } .roadmap-link::before { left: 43px } @media(max-width: 1728px) { .roadmap-link::before { left: 38px } } @media(max-width: 1280px) { .roadmap-link::before { left: 36px } } .roadmap-link::after { left: -47px } @media(max-width: 1728px) { .roadmap-link::after { left: -37px } } @media(max-width: 1440px) { .roadmap-link::after { left: -34px } } @media(max-width: 1280px) { .roadmap-link::after { left: -28px } } .documents::before { left: 43px } @media(max-width: 1728px) { .documents::before { left: 41px } } .documents::after { left: -50px } @media(max-width: 1728px) { .documents::after { left: -38px } } @media(max-width: 1440px) { .documents::after { left: -34px } } @media(max-width: 1280px) { .documents::after { left: -24px } } .top { transition: .5s ease-out; transition-delay: .5s } .top--remove { opacity: 0; visibility: hidden } .top__content { max-width: 880px } @media(max-width: 1728px) { .top__content { max-width: 724px } } @media(max-width: 1440px) { .top__content { max-width: 623px } } @media(max-width: 1024px) { .top__content { max-width: 496px } } @media(max-width: 868px) { .top__content { max-width: 449px } } .top__title { font-weight: 400; font-size: 60px; line-height: 77px; color: #fff; margin-bottom: 20px } @media(max-width: 1728px) { .top__title { font-size: 55px; line-height: 71px } } @media(max-width: 1440px) { .top__title { font-size: 45px; margin-bottom: 15px; line-height: 58px } } @media(max-width: 1280px) { .top__title { font-size: 43px; line-height: 55px } } @media(max-width: 1024px) { .top__title { font-size: 35px; line-height: 45px; margin-bottom: 10px } } @media(max-width: 868px) { .top__title { font-size: 42px } } @media(max-width: 428px) { .top__title { font-size: 40px; line-height: 115%; max-width: 370px } } @media(max-width: 395px) { .top__title { font-size: 30px; line-height: 115%; max-width: 305px } } @media(max-width: 328px) { .top__title { font-size: 27px; line-height: 115%; max-width: 276px } } .top__text { font-family: "Gilroy"; font-weight: 400; font-size: 22px; line-height: 26px; color: #fff; margin-bottom: 65px } @media(max-width: 1728px) { .top__text { font-size: 20px; line-height: 24px } } @media(max-width: 1440px) { .top__text { font-size: 16px; line-height: 19px; margin-bottom: 60px } } @media(max-width: 1280px) { .top__text { font-size: 15px; line-height: 18px; margin-bottom: 38px } } @media(max-width: 1024px) { .top__text { max-width: 378px; font-size: 14px; line-height: 17px; margin-bottom: 35px } } @media(max-width: 868px) { .top__text { font-size: 14px } } @media(max-width: 428px) { .top__text { max-width: 290px; font-size: 18px; line-height: 24px } } @media(max-width: 395px) { .top__text { max-width: 378px; font-size: 15px; line-height: 18px } } @media(max-width: 328px) { .top__text { max-width: 275px; font-size: 13px; line-height: 16px } } .top__btns { display: flex; -moz-column-gap: 65px; column-gap: 65px } @media(max-width: 1728px) { .top__btns { -moz-column-gap: 59px; column-gap: 59px } } @media(max-width: 1024px) { .top__btns { -moz-column-gap: 28px; column-gap: 28px } } .top__btn { width: 100%; position: relative; font-family: "Gilroy"; font-weight: 400; font-size: 26px; line-height: 31px; transition: .4s all; padding: 14px; color: #fff; border-radius: 50px; transition: scale .5s ease-out } @media(max-width: 1728px) { .top__btn { font-size: 24px; line-height: 29px; padding: 12px } } @media(max-width: 1440px) { .top__btn { font-size: 20px; line-height: 24px; padding: 10px } } @media(max-width: 1280px) { .top__btn { font-size: 19px; line-height: 23px; padding: 11px } } @media(max-width: 1024px) { .top__btn { padding: 7px; font-size: 16px } } @media(max-width: 868px) { .top__btn { font-size: 15px; padding: 10px } } @media(max-width: 428px) { .top__btn { font-size: 18px; padding: 15px } } @media(max-width: 395px) { .top__btn { font-size: 15px; padding: 8px 15px } } @media(max-width: 328px) { .top__btn { font-size: 14px } } .top__btn::before { position: absolute; content: ""; width: 100%; height: 100%; border: 2px solid #fff; border-radius: 50px; background-color: rgba(0, 0, 0, 0); left: 0; bottom: 0; transition: .5s ease-out; opacity: 0 } @media(max-width: 1024px) { .top__btn::before { border: 1px solid #fff } } @media(max-width: 428px) { .top__btn::before { opacity: 1 } } .top__btn:hover::before { opacity: 1 } .rent::after { width: 45px; left: 50%; transform: translateX(-50%) } .lease::after { width: 60px; left: 50%; transform: translateX(-50%) } .bottom { position: absolute; left: 50%; bottom: 440px; transform: translateX(-50%); display: flex; align-items: center; -moz-column-gap: 45px; column-gap: 45px; max-width: 194px; transition: .5s ease-out } @media(max-width: 1728px) { .bottom { -moz-column-gap: 25px; column-gap: 25px } } @media(max-width: 1440px) { .bottom { bottom: 200px; -moz-column-gap: 18px; column-gap: 18px } } @media(max-width: 1280px) { .bottom { -moz-column-gap: 16px; column-gap: 16px; bottom: 180px } } @media(max-width: 1024px) { .bottom { -moz-column-gap: 13px; column-gap: 13px; bottom: 280px } } @media(max-width: 868px) { .bottom { bottom: 140px; -moz-column-gap: 16px; column-gap: 16px } } @media(max-width: 428px) { .bottom { bottom: 220px; -moz-column-gap: 16px; column-gap: 16px } } @media(max-width: 395px) { .bottom { bottom: 125px; -moz-column-gap: 16px; column-gap: 16px } } .bottom__text { font-family: "Gilroy"; font-weight: 400; font-size: 20px; line-height: 26px; color: #fff } @media(max-width: 1728px) { .bottom__text { font-size: 20px; line-height: 24px } } @media(max-width: 1440px) { .bottom__text { font-size: 16px; line-height: 19px } } @media(max-width: 1280px) { .bottom__text { font-size: 15px; line-height: 18px } } @media(max-width: 1024px) { .bottom__text { font-size: 14px; line-height: 17px } } .bottom--remove { opacity: 0; visibility: hidden } .top-items { position: absolute; max-width: 843px; width: 100%; margin-left: 328px; height: 1080px; bottom: 0; top: 0; z-index: -1 } @media(max-width: 1728px) { .top-items { margin-left: 286px; height: 1117px } } @media(max-width: 1440px) { .top-items { max-width: 710px; margin-left: 230px; height: 936px } } @media(max-width: 1280px) { .top-items { max-width: 633px; margin-left: 208px; height: 916px } } @media(max-width: 1024px) { .top-items { max-width: 536px; margin-left: 178px; height: 916px } } @media(max-width: 868px) { .top-items { margin-left: 138px; height: 1028px } } .top-items__item { position: absolute; width: 1px; height: 100%; background-color: #1e1e1e; transition: .5s ease-in-out; overflow-y: hidden } @media(max-width: 1280px) { .top-items__item { height: 832px } } @media(max-width: 1024px) { .top-items__item { height: 680px } } @media(max-width: 868px) { .top-items__item { height: 1028px } } .top-items__item--remove { height: 0 } .top-items__line1 { position: absolute; width: 100%; height: 80px; background-color: #f63737; bottom: 174px; z-index: 1 } @media(max-width: 1440px) { .top-items__line1 { height: 60px } } @media(max-width: 1280px) { .top-items__line1 { height: 54px; bottom: 88px } } @media(max-width: 868px) { .top-items__line1 { bottom: 134px } } @media(max-width: 428px) { .top-items__line1 { bottom: 80px; height: 113px } } @media(max-width: 395px) { .top-items__line1 { bottom: 130px; height: 100px } } @media(max-width: 328px) { .top-items__line1 { bottom: 90px; height: 71px } } .top-items__line2 { position: absolute; width: 100%; height: 350px; background-color: #f63737; bottom: 209px } @media(max-width: 1440px) { .top-items__line2 { height: 250px } } @media(max-width: 1280px) { .top-items__line2 { height: 220px } } @media(max-width: 1024px) { .top-items__line2 { height: 160px; bottom: 184px } } @media(max-width: 868px) { .top-items__line2 { bottom: 280px } } .top-items__line3 { position: absolute; top: 174px; width: 100%; height: 150px; background-color: #f63737 } @media(max-width: 1280px) { .top-items__line3 { height: 100px } } @media(max-width: 1440px) { .top-items__line3 { height: 110px } } @media(max-width: 1024px) { .top-items__line3 { height: 100px; top: 110px } } @media(max-width: 868px) { .top-items__line3 { top: 100px; height: 150px } } @media(max-width: 428px) { .top-items__line3 { top: 110px; height: 145px } } @media(max-width: 395px) { .top-items__line3 { top: 450px; height: 98px } } @media(max-width: 328px) { .top-items__line3 { top: 550px; height: 71px } } .item1 { left: 0; bottom: 20px } @media(max-width: 1728px) { .item1 { bottom: 100px; left: 80px } } @media(max-width: 1440px) { .item1 { bottom: 100px; left: 60px } } @media(max-width: 1024px) { .item1 { bottom: 0px; left: 50px } } @media(max-width: 428px) { .item1 { bottom: 310px; left: -35px } } @media(max-width: 395px) { .item1 { bottom: 350px } } @media(max-width: 328px) { .item1 { left: -60px; bottom: 470px } } .item2 { left: 420px; bottom: 35px } @media(max-width: 1728px) { .item2 { bottom: 90px } } @media(max-width: 1440px) { .item2 { left: 354px } } @media(max-width: 1280px) { .item2 { left: 313px } } @media(max-width: 1024px) { .item2 { left: 266px; bottom: 230px } } @media(max-width: 868px) { .item2 { left: 310px; bottom: 10px } } @media(max-width: 428px) { .item2 { display: none } } .item3 { top: 40px; left: 862px } @media(max-width: 1728px) { .item3 { top: 0; left: 810px } } @media(max-width: 1440px) { .item3 { left: 720px } } @media(max-width: 1280px) { .item3 { left: 630px } } @media(max-width: 1024px) { .item3 { left: 532px } } @media(max-width: 868px) { .item3 { left: 590px } } @media(max-width: 428px) { .item3 { left: 250px; top: 0 } } @media(max-width: 395px) { .item3 { left: 195px; top: -345px } } @media(max-width: 328px) { .item3 { left: 130px; top: -460px } } .bottom-items { display: flex } .jellyfish-left { width: 100%; max-width: 346px; height: 629px; margin-top: 165px; margin-right: 10px; stroke-dashoffset: 4500; transition: 1s ease-out; transition-delay: .5s } @media(max-width: 1728px) { .jellyfish-left { display: none } } .jellyfish-left--remove { opacity: 0; visibility: hidden } .jellyfish-left path, .jellyfish-left circle { stroke-dasharray: 4500; animation: paint 40s; animation-delay: 1.5s; animation-fill-mode: forwards } .jellyfish-left-1728 { display: none; stroke-dashoffset: 4500; transition: 1s ease-out; transition-delay: .5s } .jellyfish-left-1728 path, .jellyfish-left-1728 circle { stroke-dasharray: 4500; animation: paint 40s; animation-delay: 1.5s; animation-fill-mode: forwards } @media(max-width: 1728px) { .jellyfish-left-1728 { display: unset; margin-top: 110px } } @media(max-width: 1440px) { .jellyfish-left-1728 { display: none } } .jellyfish-left-1728--remove { opacity: 0; visibility: hidden } .jellyfish-left-1440 { display: none; margin-top: 150px; transition: 1s ease-out; transition-delay: .5s; stroke-dashoffset: 4500 } .jellyfish-left-1440 path, .jellyfish-left-1440 circle { stroke-dasharray: 4500; animation: paint 40s; animation-delay: 1.5s; animation-fill-mode: forwards } @media(max-width: 1440px) { .jellyfish-left-1440 { display: unset; margin-top: 20px } } @media(max-width: 1280px) { .jellyfish-left-1440 { display: none } } .jellyfish-left-1440--remove { opacity: 0; visibility: hidden } .jellyfish-left-1280 { display: none; transition: 1s ease-out; transition-delay: .5s; stroke-dashoffset: 4500 } .jellyfish-left-1280 path, .jellyfish-left-1280 circle { stroke-dasharray: 4500; animation: paint 40s; animation-delay: 1.5s; animation-fill-mode: forwards } @media(max-width: 1280px) { .jellyfish-left-1280 { display: unset; margin-top: 40px } } @media(max-width: 1024px) { .jellyfish-left-1280 { display: none } } .jellyfish-left-1280--remove { opacity: 0; visibility: hidden } .jellyfish-left-1024 { display: none; transition: 1s ease-out; transition-delay: .5s; stroke-dashoffset: 4500; margin-top: 40px } @media(max-width: 1024px) { .jellyfish-left-1024 { display: unset } } @media(max-width: 868px) { .jellyfish-left-1024 { display: none } } .jellyfish-left-1024 path, .jellyfish-left-1024 circle { stroke-dasharray: 4500; animation: paint 40s; animation-delay: 1.5s; animation-fill-mode: forwards } .jellyfish-left-1024--remove { opacity: 0; visibility: hidden } .jellyfish-left-768 { display: none; transition: 1s ease-out; transition-delay: .5s; stroke-dashoffset: 4500; margin-left: 20px; margin-top: 74px } @media(max-width: 868px) { .jellyfish-left-768 { display: unset } } @media(max-width: 428px) { .jellyfish-left-768 { display: none } } .jellyfish-left-768 path, .jellyfish-left-768 circle { stroke-dasharray: 4500; animation: paint 40s; animation-delay: 1.5s; animation-fill-mode: forwards } .jellyfish-left-768--remove { opacity: 0; visibility: hidden } .jellyfish-middle { width: 100%; max-width: 290px; height: 531px; position: absolute; stroke-dashoffset: 4500; top: 360px; right: 615px; transition: 1s ease-out; transition-delay: .5s } @media(max-width: 1728px) { .jellyfish-middle { display: none } } .jellyfish-middle--remove { opacity: 0; visibility: hidden } .jellyfish-middle path, .jellyfish-middle circle { stroke-dasharray: 4500; animation: paint 40s; animation-delay: 1.5s; animation-fill-mode: forwards } .jellyfish-middle-1728 { position: absolute; top: 315px; right: 499px; display: none; width: 313px; height: 571px; stroke-dashoffset: 4500; transition: 1s ease-out; transition-delay: .5s } .jellyfish-middle-1728 path, .jellyfish-middle-1728 circle { stroke-dasharray: 4500; animation: paint 40s; animation-delay: 1.5s; animation-fill-mode: forwards } @media(max-width: 1728px) { .jellyfish-middle-1728 { display: unset } } @media(max-width: 1440px) { .jellyfish-middle-1728 { display: none } } .jellyfish-middle-1728--remove { opacity: 0; visibility: hidden } .jellyfish-middle-1440 { display: none; position: absolute; right: 460px; top: 250px; transition: 1s ease-out; transition-delay: .5s; stroke-dashoffset: 4500 } .jellyfish-middle-1440 path, .jellyfish-middle-1440 circle { stroke-dasharray: 4500; animation: paint 30s linear; animation-delay: 1.5s; animation-fill-mode: forwards } @media(max-width: 1440px) { .jellyfish-middle-1440 { display: unset; top: 200px } } @media(max-width: 1280px) { .jellyfish-middle-1440 { display: none } } .jellyfish-middle-1440--remove { opacity: 0; visibility: hidden } .jellyfish-middle-1280 { display: none; position: absolute; right: 370px; top: 220px; transition: 1s ease-out; transition-delay: .5s; stroke-dashoffset: 4500 } .jellyfish-middle-1280 path, .jellyfish-middle-1280 circle { stroke-dasharray: 4500; animation: paint 30s linear; animation-delay: 1.5s; animation-fill-mode: forwards } @media(max-width: 1280px) { .jellyfish-middle-1280 { display: unset } } @media(max-width: 1024px) { .jellyfish-middle-1280 { display: none } } .jellyfish-middle-1280--remove { opacity: 0; visibility: hidden } .jellyfish-middle-1024 { display: none; position: absolute; right: 280px; top: 170px; transition: 1s ease-out; transition-delay: .5s; stroke-dashoffset: 4500 } @media(max-width: 1024px) { .jellyfish-middle-1024 { display: unset } } @media(max-width: 868px) { .jellyfish-middle-1024 { display: none } } @media(max-width: 428px) { .jellyfish-middle-1024 { display: unset; top: 410px; right: 220px; width: 292px; height: 521px; opacity: .25 } } @media(max-width: 395px) { .jellyfish-middle-1024 { display: none } } .jellyfish-middle-1024 path, .jellyfish-middle-1024 circle { stroke-dasharray: 4500; animation: paint 40s; animation-delay: 1.5s; animation-fill-mode: forwards } .jellyfish-middle-1024--remove { opacity: 0; visibility: hidden } .jellyfish-right { width: 100%; max-width: 434px; height: 823px; position: absolute; stroke-dashoffset: 4500; right: 32px; top: 100px; transition: 1s ease-out; transition-delay: .5s } @media(max-width: 1728px) { .jellyfish-right { display: none } } .jellyfish-right--remove { opacity: 0; visibility: hidden } .jellyfish-right path, .jellyfish-right circle { stroke-dasharray: 4500; animation: paint 30s linear; animation-delay: 1.5s; animation-fill-mode: forwards } .jellyfish-right-1728 { display: none; position: absolute; max-width: 495px; right: 20px; top: 140px; stroke-dashoffset: 4500; transition: 1s ease-out; transition-delay: .5s } .jellyfish-right-1728 path, .jellyfish-right-1728 circle { stroke-dasharray: 4500; animation: paint 40s; animation-delay: 1.5s; animation-fill-mode: forwards } @media(max-width: 1728px) { .jellyfish-right-1728 { display: unset } } @media(max-width: 1440px) { .jellyfish-right-1728 { display: none } } .jellyfish-right-1728--remove { opacity: 0; visibility: hidden } .jellyfish-right-1440 { display: none; position: absolute; right: 0; top: 125px; transition: 1s ease-out; transition-delay: .5s; stroke-dashoffset: 4500 } @media(max-width: 1440px) { .jellyfish-right-1440 { display: unset; max-width: 435px; top: 80px; right: 30px } } @media(max-width: 1280px) { .jellyfish-right-1440 { display: none } } .jellyfish-right-1440--remove { opacity: 0; visibility: hidden } .jellyfish-right-1440 path, .jellyfish-right-1440 circle { stroke-dasharray: 4500; animation: paint 40s; animation-delay: 1.5s; animation-fill-mode: forwards } .jellyfish-right-1280 { display: none; right: 0; top: 90px; position: absolute; transition: 1s ease-out; transition-delay: .5s; stroke-dashoffset: 4500 } .jellyfish-right-1280 path, .jellyfish-right-1280 circle { stroke-dasharray: 4500; animation: paint 40s; animation-delay: 1.5s; animation-fill-mode: forwards } @media(max-width: 1280px) { .jellyfish-right-1280 { display: unset } } @media(max-width: 1024px) { .jellyfish-right-1280 { display: none } } .jellyfish-right-1280--remove { opacity: 0; visibility: hidden } .jellyfish-right-1024 { display: none; position: absolute; right: 0; top: 106px; transition: 2s ease-out; transition-delay: 2s; stroke-dashoffset: 4500 } @media(max-width: 1024px) { .jellyfish-right-1024 { display: unset } } @media(max-width: 868px) { .jellyfish-right-1024 { display: none } } .jellyfish-right-1024 path, .jellyfish-right-1024 circle { stroke-dasharray: 4500; animation: paint 40s; animation-delay: 1.5s; animation-fill-mode: forwards } .jellyfish-right-1024--remove { opacity: 0; visibility: hidden } .jellyfish-right-768 { display: none; position: absolute; right: 40px; top: 220px; transition: 2s ease-out; transition-delay: 2s; stroke-dashoffset: 4500 } @media(max-width: 868px) { .jellyfish-right-768 { display: unset } } @media(max-width: 428px) { .jellyfish-right-768 { display: none } } .jellyfish-right-768 path, .jellyfish-right-768 circle { stroke-dasharray: 4500; animation: paint 50s; animation-delay: 4s; animation-fill-mode: forwards } .jellyfish-right-768--remove { opacity: 0; visibility: hidden } .bottom { transition: .5s ease-out; transition-delay: .5s } .mouse { display: flex; justify-content: center; flex-direction: column; align-items: center; width: 43px; height: 84px; border: 1px solid #fff; border-radius: 50px; padding: 21px 0 } @media(max-width: 1728px) { .mouse { width: 43px; height: 82px } } @media(max-width: 1024px) { .mouse { width: 34px; height: 65px; padding: 0 14px } } @media(max-width: 1024px) { .mouse { width: 30px; height: 57px; padding: 0 14px } } .mouse__btn { width: 3px; height: 14px; background-color: #fff; border-radius: 50px; animation: btn-move 1.15s alternate infinite ease-in-out } @media(max-width: 1280px) { .mouse__btn { width: 2px; height: 10px } } @media(max-width: 1440px) { .nav__login-wrapper-icon { width: 35px; height: 35px } } @media(max-width: 1280px) { .nav__login-wrapper-icon { width: 34px; height: 34px } } @media(max-width: 1024px) { .nav__login-wrapper-icon { width: 30px; height: 30px } } @media(max-width: 428px) { .nav__login-wrapper-icon { width: 35px; height: 35px } } @media(max-width: 395px) { .nav__login-wrapper-icon { width: 30px; height: 30px } } @media(max-width: 328px) { .nav__login-wrapper-icon { width: 25px; height: 25px } } @keyframes btn-move { 0% { transform: translateY(-13px) } 100% { transform: translateY(15px) } } @media(max-width: 1024px) { @keyframes btn-move { 0% { transform: translateY(-10px) } 100% { transform: translateY(10px) } } } @keyframes paint { 0% { stroke-dashoffset: 4500 } 100% { stroke-dashoffset: 0 } } .burger-menu { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; transform: translateY(-100%); transition: transform .5s ease-out; z-index: 10 } @media(max-width: 1024px) { .burger-menu { display: block } } .burger-menu__nav { padding-top: 48px } @media(max-width: 428px) { .burger-menu__nav { padding-top: 35px } } .burger-menu__box { display: flex; justify-content: space-between } .burger-menu__list { display: flex; flex-direction: column; margin-top: 50px; gap: 25px } .burger-menu__item { text-align: end } .burger-menu__login-item { display: flex; flex-direction: column; align-items: flex-end; gap: 25px } .burger-menu__link { font-family: "Gilroy"; font-size: 16px; line-height: 19px; color: #fff } @media(max-width: 1728px) { .burger-menu__link { font-size: 19px } } @media(max-width: 1440px) { .burger-menu__link { font-size: 17px } } @media(max-width: 1280px) { .burger-menu__link { font-size: 16px } } .burger-menu-active { transform: translateY(0) } burger-remove-scroll { overflow: hidden } .cases { position: relative; margin-bottom: 209px; border-radius: 60px } @media(max-width: 1728px) { .cases { padding-top: 78px; margin-bottom: 245px; border-radius: 50px } } @media(max-width: 1440px) { .cases { padding-top: 100px; margin-bottom: 197px } } @media(max-width: 1280px) { .cases { padding-top: 56px; margin-bottom: 120px } } @media(max-width: 1024px) { .cases { padding-top: 0; margin-bottom: 129px; border-radius: 40px } } @media(max-width: 868px) { .cases { border-radius: 30px } } @media(max-width: 428px) { .cases { margin-bottom: 125px; border-radius: 30px } } @media(max-width: 395px) { .cases { margin-bottom: 134px; border-radius: 30px } } @media(max-width: 395px) { .cases { margin-bottom: 134px; border-radius: 10px } } @media(max-width: 328px) { .cases { margin-bottom: 85px; border-radius: 10px } } .cases__title { font-weight: 400; font-size: 60px; line-height: 77px; text-align: center; color: #fff; margin-bottom: 95px } @media(max-width: 1728px) { .cases__title { font-size: 52px; margin-bottom: 85px; line-height: 67px } } @media(max-width: 1440px) { .cases__title { margin-bottom: 53px; font-size: 38px; line-height: 49px } } @media(max-width: 1280px) { .cases__title { font-size: 36px; line-height: 46px; margin-bottom: 105px } } @media(max-width: 1024px) { .cases__title { margin-bottom: 74px; font-size: 30px; line-height: 39px } } @media(max-width: 428px) { .cases__title { margin-bottom: 70px; font-size: 34px; line-height: 44px } } @media(max-width: 395px) { .cases__title { margin-bottom: 57px; font-size: 28px; line-height: 36px } } @media(max-width: 328px) { .cases__title { margin-bottom: 37px; font-size: 24px; line-height: 31px } } .cases__circle { position: absolute; right: 0; width: 100%; max-width: 698px; min-height: 698px; border-radius: 50%; background-color: #f73636; opacity: .15; filter: blur(100px); top: 273px; right: 145px } @media(max-width: 1440px) { .cases__circle { max-width: 569px; min-height: 569px; right: 77px; top: 144px } } @media(max-width: 1280px) { .cases__circle { width: 415px; min-height: unset; height: 415px; top: unset; right: 40px; bottom: -10px } } @media(max-width: 1024px) { .cases__circle { width: 322px; min-height: unset; height: 322px; top: unset; right: 50px; bottom: 20px } } @media(max-width: 868px) { .cases__circle { left: 50%; bottom: 320px; width: 453px; height: 453px; bottom: 100px; transform: translateX(-50%) } } @media(max-width: 428px) { .cases__circle { bottom: -80px; width: 322px; height: 322px; opacity: .15; filter: blur(50px) } } .cases__circle-top { display: none } @media(max-width: 428px) { .cases__circle-top { display: unset; top: 250px } } .cases__circle-middle { display: none } @media(max-width: 428px) { .cases__circle-middle { display: unset; bottom: 375px } } .cases-cards { display: flex; justify-content: center; -moz-column-gap: 30px; column-gap: 30px } @media(max-width: 1728px) { .cases-cards { -moz-column-gap: 20px; column-gap: 20px } } @media(max-width: 1280px) { .cases-cards { -moz-column-gap: 7px; column-gap: 7px } } @media(max-width: 868px) { .cases-cards { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: auto 217px; gap: 18px 18px } } @media(max-width: 428px) { .cases-cards { display: flex; flex-wrap: wrap; margin: 0 auto; gap: 30px } } @media(max-width: 395px) { .cases-cards { gap: 20px } } @media(max-width: 328px) { .cases-cards { gap: 24px } } .cases-cards__item { position: relative; text-align: center; width: 100%; max-width: 490px; min-height: 697px; padding: 67px 20px 48px 30px; border: 1px solid #505050; border-radius: 10px; overflow: hidden } @media(max-width: 1728px) { .cases-cards__item { padding: 50px 30px 46px 30px; min-height: unset } } @media(max-width: 1728px) { .cases-cards__item { padding: 50px 30px 40px 30px } } @media(max-width: 1280px) { .cases-cards__item { padding: 45px 30px 34px 30px } } @media(max-width: 1024px) { .cases-cards__item { padding: 40px 15px 30px 15px } } @media(max-width: 1024px) { .cases-cards__item { padding: 40px 15px 30px 15px } } @media(max-width: 868px) { .cases-cards__item { padding: 41px 38px 23px 25px } } @media(max-width: 428px) { .cases-cards__item { padding: 50px 35px 33px 27px } } @media(max-width: 395px) { .cases-cards__item { padding: 41px 23px 19px 23px } } @media(max-width: 328px) { .cases-cards__item { padding: 41px 16px 25px 16px } } @media(max-width: 868px) { .cases-cards__item:last-child { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 50px 47px 50px 38px; max-width: 100%; grid-row-start: 2; grid-column-start: 1; grid-row-end: 3; grid-column-end: 3 } } @media(max-width: 428px) { .cases-cards__item:last-child { position: relative; display: block; text-align: center; padding: 50px 35px 33px 27px } } @media(max-width: 395px) { .cases-cards__item:last-child { position: relative; display: block; text-align: center; padding: 41px 16px 25px 16px } } @media(max-width: 868px) { .cases-cards__item:last-child .cases-cards__text { width: 250px } } @media(max-width: 428px) { .cases-cards__item:last-child .cases-cards__text { width: inherit } } .cases-cards__title { font-weight: 400; font-size: 40px; line-height: 52px; text-align: center; color: #fff; margin-bottom: 84px } @media(max-width: 1728px) { .cases-cards__title { font-size: 36px; margin-bottom: 71px } } @media(max-width: 1728px) { .cases-cards__title { margin-bottom: 53px; font-size: 30px; line-height: 39px } } @media(max-width: 1280px) { .cases-cards__title { font-size: 28px; margin-bottom: 59px } } @media(max-width: 1024px) { .cases-cards__title { font-size: 22px; margin-bottom: 36px } } @media(max-width: 868px) { .cases-cards__title { font-size: 22px; margin-bottom: 30px } } @media(max-width: 428px) { .cases-cards__title { font-size: 30px; margin-bottom: 53px } } @media(max-width: 395px) { .cases-cards__title { font-size: 22px; margin-bottom: 30px } } @media(max-width: 328px) { .cases-cards__title { font-size: 23px; margin-bottom: 34px } } .cases-cards__icon { width: 320px; height: 265px; margin-bottom: 60px } @media(max-width: 1728px) { .cases-cards__icon { width: 268px; height: 271px; margin-bottom: 51px } } @media(max-width: 1440px) { .cases-cards__icon { width: 299px; height: 222px; margin-bottom: 54px } } @media(max-width: 1280px) { .cases-cards__icon { width: 259px; height: 212px; margin-bottom: 58px } } @media(max-width: 1024px) { .cases-cards__icon { width: 182px; height: 153px } } @media(max-width: 868px) { .cases-cards__icon { width: 192px; height: 153px; margin-bottom: 30px } } @media(max-width: 428px) { .cases-cards__icon { margin-bottom: 30px; width: 259px; height: 212px } } @media(max-width: 395px) { .cases-cards__icon { margin-bottom: 26px } } @media(max-width: 328px) { .cases-cards__icon { margin-bottom: 47px } } .cases-cards__icon3 { width: 320px; height: 265px; margin-bottom: 60px } @media(max-width: 1728px) { .cases-cards__icon3 { width: 268px; height: 271px; margin-bottom: 51px } } @media(max-width: 1440px) { .cases-cards__icon3 { width: 299px; height: 222px; margin-bottom: 54px } } @media(max-width: 1280px) { .cases-cards__icon3 { width: 259px; height: 212px; margin-bottom: 58px } } @media(max-width: 1024px) { .cases-cards__icon3 { width: 182px; height: 153px } } @media(max-width: 868px) { .cases-cards__icon3 { width: 192px; height: 153px; margin-bottom: 30px } } @media(max-width: 428px) { .cases-cards__icon3 { width: 259px; height: 212px } } @media(max-width: 395px) { .cases-cards__icon3 { margin-bottom: 26px } } @media(max-width: 328px) { .cases-cards__icon3 { margin-bottom: 47px } } .cases-cards__icon4 { width: 320px; height: 265px; margin-bottom: 60px } @media(max-width: 1728px) { .cases-cards__icon4 { width: 268px; height: 271px; margin-bottom: 51px } } @media(max-width: 1440px) { .cases-cards__icon4 { width: 299px; height: 222px; margin-bottom: 54px } } @media(max-width: 1280px) { .cases-cards__icon4 { width: 259px; height: 212px; margin-bottom: 58px } } @media(max-width: 1024px) { .cases-cards__icon4 { width: 182px; height: 153px } } @media(max-width: 868px) { .cases-cards__icon4 { position: absolute; top: 38px; right: 28px; width: 192px; height: 153px; margin-bottom: 30px } } @media(max-width: 428px) { .cases-cards__icon4 { position: static; width: 259px; height: 212px } } @media(max-width: 395px) { .cases-cards__icon4 { margin-bottom: 26px } } @media(max-width: 328px) { .cases-cards__icon4 { margin-bottom: 47px } } .cases-cards__icon2 { position: absolute; left: 50%; transform: translateX(-50%); bottom: 180px; z-index: -1 } .cases-cards__lines { position: absolute; bottom: -1px; left: 0 } @media(max-width: 1024px) { .cases-cards__lines { bottom: 5px; width: 269px; height: 106px; transform: scale(115%) } } @media(max-width: 868px) { .cases-cards__lines { bottom: -30px; left: -30px; width: 311px; height: 122px; transform: scale(120%) } } @media(max-width: 868px) { .cases-cards__lines { bottom: -40px; left: 0; width: 379px; height: 149px } } @media(max-width: 868px) { .cases-cards__lines-desktop { display: none } } @media(max-width: 428px) { .cases-cards__lines-desktop { display: block } } .cases-cards__linesv2 { position: absolute; display: none } @media(max-width: 868px) { .cases-cards__linesv2 { display: block; bottom: -15px; right: 10px; width: 637px; height: 72px; transform: scale(150%) } } @media(max-width: 428px) { .cases-cards__linesv2 { display: none } } .cases-cards__text { display: flex; align-items: end; position: relative; font-family: "TT Firs Neue"; font-weight: 400; font-size: 22px; line-height: 30px; color: #fff; text-align: left } @media(max-width: 1728px) { .cases-cards__text { font-weight: 300; max-width: 342px; font-size: 19px } } @media(max-width: 1440px) { .cases-cards__text { max-width: 317px; font-size: 17px; line-height: 131% } } @media(max-width: 1280px) { .cases-cards__text { font-size: 15px; max-width: 300px } } @media(max-width: 1024px) { .cases-cards__text { font-size: 13px } } @media(max-width: 868px) { .cases-cards__text { font-size: 14px } } @media(max-width: 428px) { .cases-cards__text { font-size: 18px; line-height: 143%; max-width: 100% } } @media(max-width: 395px) { .cases-cards__text { width: 100%; font-size: 15px } } @media(max-width: 328px) { .cases-cards__text { font-size: 14px } } .everything { margin-bottom: 115px } .everything__icon-bottom { width: 100% } @media(max-width: 428px) { .everything__icon-bottom { margin-top: 45px; transform: scale(230%) } } @media(max-width: 328px) { .everything__icon-bottom { margin-top: 45px; transform: scale(240%) } } @media(max-width: 1728px) { .everything { margin-bottom: 130px } } @media(max-width: 1440px) { .everything { margin-bottom: 83px } } @media(max-width: 1280px) { .everything { margin-bottom: 100px } } @media(max-width: 1024px) { .everything { margin-bottom: 84px } } @media(max-width: 428px) { .everything { margin-bottom: 110px } } @media(max-width: 395px) { .everything { margin-bottom: 100px } } @media(max-width: 328px) { .everything { margin-bottom: 66px } } .everything-items { max-width: 1369px; margin-left: auto; margin-right: auto; margin-bottom: 29px } @media(max-width: 1728px) { .everything-items { margin-bottom: 127px } } @media(max-width: 1440px) { .everything-items { margin-bottom: 84px } } @media(max-width: 1440px) { .everything-items { margin-bottom: 38px } } @media(max-width: 1024px) { .everything-items { margin-bottom: 65px } } @media(max-width: 868px) { .everything-items { margin-bottom: 37px } } @media(max-width: 428px) { .everything-items { margin-bottom: 32px } } @media(max-width: 328px) { .everything-items { margin-bottom: 57px } } .everything-items__title { font-weight: 400; font-size: 60px; line-height: 77px; color: #fff; margin-bottom: 114px; text-align: center } @media(max-width: 1728px) { .everything-items__title { font-size: 52px; line-height: 67px; margin-bottom: 83px } } @media(max-width: 1440px) { .everything-items__title { max-width: 867px; font-size: 38px; line-height: 49px; margin-bottom: 70px; margin-left: auto; margin-right: auto } } @media(max-width: 1280px) { .everything-items__title { font-size: 36px; line-height: 46px; margin-bottom: 44px } } @media(max-width: 1024px) { .everything-items__title { margin-bottom: 54px; font-size: 30px; line-height: 39px } } @media(max-width: 868px) { .everything-items__title { font-size: 28px; line-height: 111%; margin-bottom: 50px } } @media(max-width: 428px) { .everything-items__title { max-width: 358px; margin-bottom: 54px; font-size: 34px; line-height: 111% } } @media(max-width: 328px) { .everything-items__title { margin-bottom: 48px; font-size: 28px; line-height: 111% } } .everything-items__logos { display: flex; align-items: center; -moz-column-gap: 120px; column-gap: 120px; max-width: 977px; margin: 0 auto; opacity: .6 } @media(max-width: 1728px) { .everything-items__logos { -moz-column-gap: 116px; column-gap: 116px } } @media(max-width: 1440px) { .everything-items__logos { -moz-column-gap: 111px; column-gap: 111px; justify-content: center } } @media(max-width: 1280px) { .everything-items__logos { -moz-column-gap: 104px; column-gap: 104px } } @media(max-width: 1024px) { .everything-items__logos { -moz-column-gap: 82px; column-gap: 82px } } @media(max-width: 868px) { .everything-items__logos { flex-wrap: wrap; gap: 50px 62px } } @media(max-width: 428px) { .everything-items__logos { max-width: 100%; gap: 31px 51px } } @media(max-width: 328px) { .everything-items__logos { max-width: 95%; gap: 38px 60px } } .everything-items__logo1 { height: 80px } @media(max-width: 1440px) { .everything-items__logo1 { width: 169px } } @media(max-width: 1280px) { .everything-items__logo1 { width: 159px } } @media(max-width: 1024px) { .everything-items__logo1 { width: 125px; height: 54px } } @media(max-width: 868px) { .everything-items__logo1 { width: 95px; height: 45px } } @media(max-width: 428px) { .everything-items__logo1 { width: 130px; height: 55px } } @media(max-width: 328px) { .everything-items__logo1 { width: 90px; height: 42px } } .everything-items__logo2 { height: 40px } @media(max-width: 1440px) { .everything-items__logo2 { width: 168px } } @media(max-width: 1280px) { .everything-items__logo2 { width: 158px } } @media(max-width: 1024px) { .everything-items__logo2 { width: 124px; height: 27px } } @media(max-width: 868px) { .everything-items__logo2 { width: 94px; height: 21px } } @media(max-width: 428px) { .everything-items__logo2 { width: 129px; height: 29px } } @media(max-width: 328px) { .everything-items__logo2 { width: 90px; height: 20px } } .everything-items__logo3 { height: 90px } @media(max-width: 1440px) { .everything-items__logo3 { width: 83px } } @media(max-width: 1280px) { .everything-items__logo3 { width: 78px } } @media(max-width: 1024px) { .everything-items__logo3 { width: 62px; height: 72px } } @media(max-width: 868px) { .everything-items__logo3 { width: 47px; height: 55px } } @media(max-width: 428px) { .everything-items__logo3 { margin-left: 30px; width: 64px; height: 75px } } @media(max-width: 328px) { .everything-items__logo3 { margin-left: 15px; width: 45px; height: 52px } } .everything-items__logo4 { height: 49px; width: 152px } @media(max-width: 1280px) { .everything-items__logo4 { width: 142px } } @media(max-width: 1024px) { .everything-items__logo4 { width: 113px; height: 34px } } @media(max-width: 868px) { .everything-items__logo4 { height: 26px; width: 86px } } @media(max-width: 428px) { .everything-items__logo4 { margin-left: 30px; width: 117px; height: 36px } } @media(max-width: 328px) { .everything-items__logo4 { margin-left: 20px; width: 81px; height: 25px } } .distributed { position: relative; font-size: 0; padding-top: 139px; padding-bottom: 172px; border: 1px solid #505050; border-radius: 60px } @media(max-width: 1728px) { .distributed { padding-top: 138px; padding-bottom: 196px; border-radius: 50px } } @media(max-width: 1440px) { .distributed { padding-top: 95px; padding-bottom: 115px } } @media(max-width: 1280px) { .distributed { padding-top: 95px; padding-bottom: 60px; border-radius: 40px } } @media(max-width: 1024px) { .distributed { padding-top: 50px; padding-bottom: 60px } } @media(max-width: 868px) { .distributed { padding-top: 44px; padding-bottom: 73px } } @media(max-width: 428px) { .distributed { padding-top: 57px; padding-bottom: 70px; border-radius: 30px } } @media(max-width: 395px) { .distributed { padding-bottom: 55px } } .distributed__title { text-align: center; max-width: 1331px; margin-left: auto; margin-right: auto; margin-bottom: 135px; font-weight: 400; font-size: 60px; line-height: 77px; color: #fff } @media(max-width: 1728px) { .distributed__title { max-width: 1154px; font-size: 52px; line-height: 67px; margin-bottom: 150px } } @media(max-width: 1440px) { .distributed__title { text-align: center; margin-bottom: 116px; font-size: 38px; font-size: 38px; line-height: 49px } } @media(max-width: 1280px) { .distributed__title { font-size: 36px; line-height: 46px; margin-bottom: 104px } } @media(max-width: 1024px) { .distributed__title { font-size: 30px; line-height: 39px; margin-bottom: 83px } } @media(max-width: 868px) { .distributed__title { font-size: 28px; line-height: 31px; margin-bottom: 49px } } @media(max-width: 428px) { .distributed__title { font-size: 34px; line-height: 111%; margin-bottom: 55px } } @media(max-width: 395px) { .distributed__title { font-size: 25px; line-height: 111%; margin-bottom: 64px } } .distributed__lines-left { position: absolute; top: 0; left: 0; height: 100% } @media(max-width: 1440px) { .distributed__lines-left { height: unset } } .distributed__lines-right { position: absolute; right: 0; top: 0 } @media(max-width: 1728px) { .distributed__lines-right { max-width: 445px } } @media(max-width: 1280px) { .distributed__lines-right { bottom: 0; top: unset } } .distributed-items { max-width: 1456px; display: flex; align-items: baseline; justify-content: space-between; -moz-column-gap: 143px; column-gap: 143px; margin: 0 auto } @media(max-width: 1728px) { .distributed-items { justify-content: space-between; -moz-column-gap: 102px; column-gap: 102px } } @media(max-width: 1440px) { .distributed-items { -moz-column-gap: 116px; column-gap: 116px } } @media(max-width: 1280px) { .distributed-items { -moz-column-gap: 88px; column-gap: 88px } } @media(max-width: 1024px) { .distributed-items { -moz-column-gap: 76px; column-gap: 76px; max-width: 952px } } @media(max-width: 868px) { .distributed-items { flex-direction: column; gap: 45px; max-width: 280px } } @media(max-width: 428px) { .distributed-items { gap: 35px } } @media(max-width: 395px) { .distributed-items { gap: 30px; max-width: 247px } } @media(max-width: 328px) { .distributed-items { gap: 35px; max-width: 203px } } .distributed-items__item { position: relative; width: 100%; max-width: 390px } @media(max-width: 1728px) { .distributed-items__item { max-width: 356px; -moz-column-gap: 102px; column-gap: 102px } } @media(max-width: 868px) { .distributed-items__item { max-width: 247px } } @media(max-width: 1024px) { .distributed-items { -moz-column-gap: 76px; column-gap: 76px; align-items: center } } @media(max-width: 868px) { .distributed-items { transform: translateX(15%) } } .distributed-items__icon { margin-bottom: 29px } @media(max-width: 1728px) { .distributed-items__icon { margin-bottom: 22px } } @media(max-width: 1440px) { .distributed-items__icon { margin-bottom: 16px } } @media(max-width: 1024px) { .distributed-items__icon { margin-bottom: 13px } } @media(max-width: 868px) { .distributed-items__icon { position: absolute; top: 10px; right: 265px; margin-bottom: 13px; transform: scale(90%) } } @media(max-width: 428px) { .distributed-items__icon { top: 5px; left: -85px; margin-bottom: 13px; transform: scale(88%) } } @media(max-width: 395px) { .distributed-items__icon { top: 5px; left: -85px; margin-bottom: 13px; transform: scale(88%) } } @media(max-width: 328px) { .distributed-items__icon { top: 0; left: -80px; margin-bottom: 13px; transform: scale(80%) } } .distributed-items__icon-1 { left: -74px } @media(max-width: 328px) { .distributed-items__icon-1 { left: -68px } } .distributed-items__icon-3 { left: -75px } @media(max-width: 328px) { .distributed-items__icon-3 { left: -70px } } .distributed-items__title { font-weight: 400; font-size: 31px; line-height: 41px; color: #f73636; margin-bottom: 9px } @media(max-width: 1728px) { .distributed-items__title { font-size: 28px; line-height: 36px } } @media(max-width: 1440px) { .distributed-items__title { margin-bottom: 6px; font-size: 22px; line-height: 26px } } @media(max-width: 1280px) { .distributed-items__title { margin-bottom: 10px; font-size: 19px; line-height: 25px } } @media(max-width: 1024px) { .distributed-items__title { margin-bottom: 5px; font-size: 15px; line-height: 20px } } @media(max-width: 868px) { .distributed-items__title { margin-bottom: 3px; font-size: 16px; line-height: 21px } } @media(max-width: 428px) { .distributed-items__title { font-size: 20px; line-height: 26px } } @media(max-width: 395px) { .distributed-items__title { font-size: 16px; line-height: 21px } } @media(max-width: 328px) { .distributed-items__title { font-size: 15px; line-height: 19px } } .distributed-items__text { font-family: "Gilroy"; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff } @media(max-width: 1728px) { .distributed-items__text { font-size: 19px; line-height: 24px } } @media(max-width: 1440px) { .distributed-items__text { font-size: 16px; line-height: 17px } } @media(max-width: 1280px) { .distributed-items__text { font-size: 13px; line-height: 17px } } @media(max-width: 1024px) { .distributed-items__text { font-size: 13px; line-height: 16px } } @media(max-width: 868px) { .distributed-items__text { font-size: 14px; line-height: 17px } } @media(max-width: 428px) { .distributed-items__text { font-size: 18px; line-height: 22px } } @media(max-width: 395px) { .distributed-items__text { font-size: 15px; line-height: 18px } } @media(max-width: 328px) { .distributed-items__text { font-size: 14px; line-height: 17px } } .distributed-items__text2 { max-width: 347px } .legal-compliance { text-align: center; padding: 170px 0 50px 0 } @media(max-width: 1440px) { .legal-compliance { padding: 150px 0 0 0 } } @media(max-width: 428px) { .legal-compliance { padding: 130px 0 0 0 } } .legal-compliance__title { font-weight: 600; font-size: 120px; background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%); -webkit-text-fill-color: rgba(0, 0, 0, 0); -webkit-background-clip: text; background-clip: text; opacity: .2 } @media(max-width: 1728px) { .legal-compliance__title { font-size: 110px } } @media(max-width: 1440px) { .legal-compliance__title { font-size: 100px } } @media(max-width: 1024px) { .legal-compliance__title { font-size: 80px } } @media(max-width: 868px) { .legal-compliance__title { font-size: 70px } } @media(max-width: 428px) { .legal-compliance__title { font-size: 40px } } @media(max-width: 395px) { .legal-compliance__title { font-size: 35px } } @media(max-width: 328px) { .legal-compliance__title { font-size: 30px } } .legal-compliance__text { position: relative; bottom: 25px; margin: 0 auto; max-width: 700px; font-family: "Gilroy"; font-size: 20px; line-height: 30px; color: #fff } @media(max-width: 1728px) { .legal-compliance__text { max-width: 640px; font-size: 18px; line-height: 28px } } @media(max-width: 1440px) { .legal-compliance__text { max-width: 580px; font-size: 16px; line-height: 24px } } @media(max-width: 1024px) { .legal-compliance__text { bottom: 20px; max-width: 460px; font-size: 13px; line-height: 23px } } @media(max-width: 868px) { .legal-compliance__text { bottom: 15px; max-width: 520px; font-size: 14px; line-height: 23px } } @media(max-width: 428px) { .legal-compliance__text { bottom: 8px; max-width: 340px; font-size: 18px; line-height: 24px } } @media(max-width: 395px) { .legal-compliance__text { bottom: 5px; max-width: 290px; font-size: 15px; line-height: 18px } } @media(max-width: 328px) { .legal-compliance__text { bottom: 0; max-width: 250px; font-size: 14px; line-height: 18px } } .about-content2-wrapper { position: relative; background-color: #f73636; padding-top: 110px; padding-bottom: 142px; border-radius: 60px } @media(max-width: 1728px) { .about-content2-wrapper { padding-top: 102px; padding-bottom: 134px; border-radius: 50px } } @media(max-width: 1440px) { .about-content2-wrapper { padding-top: 76px; padding-bottom: 98px } } @media(max-width: 1280px) { .about-content2-wrapper { padding-top: 60px; padding-bottom: 95px } } @media(max-width: 1024px) { .about-content2-wrapper { padding-top: 54px; padding-bottom: 50px; border-radius: 40px } } @media(max-width: 868px) { .about-content2-wrapper { padding-top: 44px; padding-bottom: 62px } } @media(max-width: 428px) { .about-content2-wrapper { padding-top: 49px; padding-bottom: 84px; border-radius: 30px } } @media(max-width: 328px) { .about-content2-wrapper { padding-top: 70px; padding-bottom: 66px } } .about-content2-wrapper__title { font-weight: 400; font-size: 60px; line-height: 77px; text-align: center; color: #fff; margin-bottom: 104px } @media(max-width: 1728px) { .about-content2-wrapper__title { font-size: 52px; line-height: 67px } } @media(max-width: 1440px) { .about-content2-wrapper__title { font-size: 38px; line-height: 49px; margin-bottom: 55px } } @media(max-width: 1280px) { .about-content2-wrapper__title { font-size: 36px; line-height: 46px; margin-bottom: 55px } } @media(max-width: 1024px) { .about-content2-wrapper__title { font-size: 30px; line-height: 39px; margin-bottom: 50px } } @media(max-width: 868px) { .about-content2-wrapper__title { font-size: 28px; line-height: 36px; margin-bottom: 27px } } @media(max-width: 428px) { .about-content2-wrapper__title { margin: 0 auto; margin-bottom: 52px; width: 276px; font-size: 34px; line-height: 44px } } @media(max-width: 395px) { .about-content2-wrapper__title { font-size: 28px; line-height: 36px; margin-bottom: 55px } } .about-content1 { padding-top: 280px; margin-bottom: 278px; display: flex; justify-content: space-between } @media(max-width: 1728px) { .about-content1 { margin-bottom: 247px } } @media(max-width: 1440px) { .about-content1 { margin-bottom: 230px } } @media(max-width: 1280px) { .about-content1 { margin-bottom: 114px; max-width: 945px; margin-left: auto; margin-right: auto } } @media(max-width: 1024px) { .about-content1 { max-width: 760px; margin-bottom: 126px } } @media(max-width: 868px) { .about-content1 { justify-content: center; flex-wrap: wrap; max-width: 642px; margin-bottom: 114px; gap: 51px 90px } } @media(max-width: 428px) { .about-content1 { flex-direction: column; align-items: center; flex-wrap: nowrap; gap: 122px; padding-top: 200px; margin-bottom: 168px } } .about-content1__item { position: relative; text-align: center } @media(max-width: 428px) { .about-content1__item { max-width: 144px } } .about-content1__item2 { position: relative; left: 30px } @media(max-width: 1440px) { .about-content1__item2 { left: 10px } } @media(max-width: 428px) { .about-content1__item2 { max-width: 300px; left: 0 } } .about-content1__text { font-weight: 400; font-size: 40px; line-height: 52px; text-align: center; color: #fff; margin-bottom: 31px; max-width: 330px } @media(max-width: 1728px) { .about-content1__text { font-size: 36px; line-height: 46px; margin-bottom: 25px } } @media(max-width: 1440px) { .about-content1__text { font-size: 26px; line-height: 34px; margin-bottom: 24px } } @media(max-width: 1280px) { .about-content1__text { font-size: 24px; line-height: 30px; margin-bottom: 32px } } @media(max-width: 1024px) { .about-content1__text { font-size: 20px; line-height: 26px; margin-bottom: 20px } } @media(max-width: 428px) { .about-content1__text { font-size: 26px; line-height: 34px } } .about-content1__text1 { max-width: 227px } @media(max-width: 1728px) { .about-content1__text1 { max-width: 205px } } @media(max-width: 1440px) { .about-content1__text1 { max-width: 148px } } @media(max-width: 1280px) { .about-content1__text1 { max-width: 136px } } @media(max-width: 1024px) { .about-content1__text1 { max-width: 113px } } @media(max-width: 428px) { .about-content1__text1 { max-width: 160px; font-size: 26px; line-height: 34px } } .about-content1__text3 { max-width: 406px } @media(max-width: 1728px) { .about-content1__text3 { max-width: 300px } } @media(max-width: 1440px) { .about-content1__text3 { max-width: 180px } } @media(max-width: 1280px) { .about-content1__text3 { max-width: 150px } } @media(max-width: 428px) { .about-content1__text3 { max-width: 200px; font-size: 26px } } .about-content1__num { position: absolute; top: -124px; left: 50%; transform: translateX(-50%); font-weight: 600; font-size: 200px; background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: rgba(0, 0, 0, 0); opacity: .2 } @media(max-width: 1728px) { .about-content1__num { font-size: 160px; top: -77px } } @media(max-width: 1440px) { .about-content1__num { font-size: 110px } } @media(max-width: 1280px) { .about-content1__num { top: -68px } } @media(max-width: 1024px) { .about-content1__num { font-size: 80px } } @media(max-width: 428px) { .about-content1__num { font-size: 100px } } .about-content2 { position: relative; display: flex; align-items: start; -moz-column-gap: 80px; column-gap: 80px } @media(max-width: 1280px) { .about-content2 { -moz-column-gap: 85px; column-gap: 85px } } @media(max-width: 1024px) { .about-content2 { -moz-column-gap: 27px; column-gap: 27px } } @media(max-width: 868px) { .about-content2 { -moz-column-gap: 20px; column-gap: 20px } } @media(max-width: 428px) { .about-content2 { flex-direction: column; row-gap: 30px } } @media(max-width: 328px) { .about-content2 { row-gap: 28px } } .about-content2__item-wrappper { min-height: 560px } @media(max-width: 1728px) { .about-content2__item-wrappper { min-height: 475px } } @media(max-width: 1440px) { .about-content2__item-wrappper { min-height: 372px } } @media(max-width: 1280px) { .about-content2__item-wrappper { min-height: 345px } } @media(max-width: 1024px) { .about-content2__item-wrappper { min-height: 325px } } .about-content2__item { display: flex; flex-direction: column; align-content: space-between; width: 100%; height: 100%; border-radius: 10px; border: 1px solid #fff; min-height: 697px; padding: 60px 54px 90px 54px } @media(max-width: 1728px) { .about-content2__item { max-width: 639px; min-height: unset } } @media(max-width: 1440px) { .about-content2__item { max-width: 532px; padding: 45px 55px 70px 55px } } @media(max-width: 1280px) { .about-content2__item { padding: 39px 28px 60px 28px } } @media(max-width: 1024px) { .about-content2__item { max-width: 397px; padding: 35px 30px 60px 30px } } @media(max-width: 868px) { .about-content2__item { padding: 35px 30px 55px 30px } } @media(max-width: 428px) { .about-content2__item { padding: 35px 23px 46px 30px } } @media(max-width: 328px) { .about-content2__item { padding: 32px 25px 30px 25px } } .about-content2__title { font-weight: 500; font-size: 60px; line-height: 77px; color: #fff } @media(max-width: 1728px) { .about-content2__title { font-size: 45px; line-height: 58px } } @media(max-width: 1728px) { .about-content2__title { font-size: 36px; line-height: 46px } } @media(max-width: 1280px) { .about-content2__title { font-size: 34px; line-height: 44px } } @media(max-width: 1024px) { .about-content2__title { font-size: 30px; line-height: 39px } } @media(max-width: 868px) { .about-content2__title { font-size: 24px; line-height: 31px } } @media(max-width: 428px) { .about-content2__title { font-size: 34px; line-height: 44px } } @media(max-width: 328px) { .about-content2__title { font-size: 24px; line-height: 31px } } .about-content2__text { font-weight: 400; font-size: 24px; line-height: 30px; color: #fff; opacity: .4; margin-bottom: 62px } @media(max-width: 1728px) { .about-content2__text { font-size: 22px; line-height: 30px; margin-bottom: 50px } } @media(max-width: 1440px) { .about-content2__text { font-size: 18px; margin-bottom: 30px } } @media(max-width: 1280px) { .about-content2__text { font-size: 16px; margin-bottom: 25px } } @media(max-width: 1024px) { .about-content2__text { font-size: 14px; line-height: 20px; margin-bottom: 30px } } @media(max-width: 868px) { .about-content2__text { font-size: 14px; line-height: 20px; margin-bottom: 25px } } @media(max-width: 428px) { .about-content2__text { font-size: 18px; line-height: 20px; margin-bottom: 30px } } @media(max-width: 328px) { .about-content2__text { font-size: 14px; line-height: 20px; margin-bottom: 25px } } .about-content2__lists { display: flex; flex-direction: column; row-gap: 25px } @media(max-width: 1728px) { .about-content2__lists { row-gap: 18px } } @media(max-width: 1440px) { .about-content2__lists { row-gap: 8px } } @media(max-width: 1280px) { .about-content2__lists { row-gap: 6px } } @media(max-width: 1024px) { .about-content2__lists { min-height: unset } } @media(max-width: 868px) { .about-content2__lists { -moz-column-gap: 0; column-gap: 0 } } .about-content2__list { display: flex; -moz-column-gap: 24px; column-gap: 24px; font-family: "Gilroy"; font-weight: 300; font-size: 24px; line-height: 30px; color: #fff } @media(max-width: 1728px) { .about-content2__list { font-size: 20px; line-height: 30px; -moz-column-gap: 17px; column-gap: 17px; align-items: center } } @media(max-width: 1440px) { .about-content2__list { -moz-column-gap: 12px; column-gap: 12px; font-size: 16px; line-height: 30px } } @media(max-width: 1280px) { .about-content2__list { font-size: 15px } } @media(max-width: 1024px) { .about-content2__list { -moz-column-gap: 9px; column-gap: 9px; font-size: 13px } } @media(max-width: 868px) { .about-content2__list { -moz-column-gap: 6px; column-gap: 6px } } @media(max-width: 428px) { .about-content2__list { font-size: 16px; -moz-column-gap: 10px; column-gap: 10px } } @media(max-width: 328px) { .about-content2__list { font-size: 14px; -moz-column-gap: 6px; column-gap: 6px } } @media(max-width: 1728px) { .about-content2__icon { width: 24px; height: 24px } } @media(max-width: 1440px) { .about-content2__icon { width: 20px; height: 20px } } @media(max-width: 1280px) { .about-content2__icon { width: 18px; height: 18px } } @media(max-width: 1024px) { .about-content2__icon { width: 16px; height: 16px } } @media(max-width: 868px) { .about-content2__icon { width: 13px; height: 13px } } @media(max-width: 428px) { .about-content2__icon { width: 20px; height: 20px } } @media(max-width: 328px) { .about-content2__icon { width: 13px; height: 13px } } .about-content2__btns { display: flex; -moz-column-gap: 36px; column-gap: 36px } @media(max-width: 1728px) { .about-content2__btns { -moz-column-gap: 30px; column-gap: 30px } } @media(max-width: 1440px) { .about-content2__btns { -moz-column-gap: 15px; column-gap: 15px } } @media(max-width: 1280px) { .about-content2__btns { align-items: center } } @media(max-width: 868px) { .about-content2__btns { -moz-column-gap: 10px; column-gap: 10px } } @media(max-width: 428px) { .about-content2__btns { -moz-column-gap: 15px; column-gap: 15px } } @media(max-width: 328px) { .about-content2__btns { -moz-column-gap: 10px; column-gap: 10px } } .about-content2__btn1 { font-family: "Gilroy"; font-weight: 600; font-size: 22px; line-height: 24px; background-color: #fff; color: #000; padding: 21px 50px 19px 50px; border-radius: 50px; transition: .5s ease-out; letter-spacing: .04em } .about-content2__btn1:hover { background-color: #000; color: #fff } @media(max-width: 1728px) { .about-content2__btn1 { padding: 17px 50px 15px 50px; font-size: 20px; line-height: 24px; max-width: 240px; width: 100% } } @media(max-width: 1440px) { .about-content2__btn1 { font-size: 18px; line-height: 24px; padding: 15px 40px 15px 40px; max-width: 207px; width: 100%; min-height: 25px; height: 100% } } @media(max-width: 1280px) { .about-content2__btn1 { max-width: 179px; font-size: 15px; line-height: 24px; padding-top: 10px; padding-bottom: 9px } } @media(max-width: 1024px) { .about-content2__btn1 { font-size: 14px } } @media(max-width: 868px) { .about-content2__btn1 { max-width: 153px; font-size: 15px; padding-left: 5px; padding-right: 5px; padding-top: 7px; padding-bottom: 5px } } @media(max-width: 428px) { .about-content2__btn1 { text-align: center; max-width: 190px; font-size: 13px; padding-top: 13px; padding-bottom: 11px } } @media(max-width: 328px) { .about-content2__btn1 { max-width: 120px; font-size: 12px; padding-top: 5px; padding-bottom: 3px } } .about-content2__btn2 { font-family: "Gilroy"; font-weight: 600; font-size: 22px; line-height: 24px; color: rgba(255, 255, 255, .9); padding: 21px 50px 19px 50px; border: 3px solid rgba(0, 0, 0, 0); border-radius: 50px; transition: .5s ease-out; letter-spacing: .04em } .about-content2__btn2:hover { border: 3px solid #fff } @media(max-width: 1728px) { .about-content2__btn2 { padding: 17px 64px 15px 66px; font-size: 20px; line-height: 24px; max-width: 250px; width: 100% } } @media(max-width: 1440px) { .about-content2__btn2 { font-size: 18px; line-height: 24px; padding: 15px 40px 15px 40px; max-width: 210px; width: 100%; min-height: 53px; height: 100% } } @media(max-width: 1280px) { .about-content2__btn2 { font-size: 15px; line-height: 24px; max-width: 149px; padding: 8px 30px 6px 30px } } @media(max-width: 1024px) { .about-content2__btn2 { max-width: 143px; font-size: 14px; padding: 6px 30px 6px 30px } } @media(max-width: 868px) { .about-content2__btn2 { max-width: 143px; font-size: 15px; padding-left: 5px; padding-right: 5px; padding-top: 13px; padding-bottom: 11px } } @media(max-width: 428px) { .about-content2__btn2 { border: 1px; max-width: 133px; font-size: 14px; padding-top: 7px; padding-bottom: 5px } .about-content2__btn2:hover { border: 1px solid #fff } } @media(max-width: 328px) { .about-content2__btn2 { max-width: 120px; font-size: 12px; padding-top: 5px; padding-bottom: 3px } } .about-content2__circle { position: absolute; left: 0px; top: -900px; width: 100%; max-width: 698px; min-height: 698px; background-color: #f73636; opacity: .2; border-radius: 50%; filter: blur(100px); z-index: -2 } @media(max-width: 1728px) { .about-content2__circle { max-width: 672px; min-height: 672px; top: -700px } } @media(max-width: 1440px) { .about-content2__circle { max-width: 558px; min-height: 558px; top: -700px } } @media(max-width: 1280px) { .about-content2__circle { max-width: 436px; min-height: 436px; left: 100px; top: -550px } } @media(max-width: 868px) { .about-content2__circle { top: -550px; left: 50%; transform: translateX(-50%) } } @media(max-width: 428px) { .about-content2__circle { top: -1000px; max-width: 517px; min-height: 517px } } .about-particle-top-wrapper { position: absolute; top: 0; left: 0; width: 100%; max-width: 482px } @media(max-width: 1280px) { .about-particle-top-wrapper { max-width: 338px } } .about-particle-bottom-wrapper { position: absolute; right: 0; bottom: 0; width: 100%; max-width: 482px; font-size: 0 } @media(max-width: 1280px) { .about-particle-bottom-wrapper { max-width: 319px } } .proof { position: relative; margin-top: 20px; padding-top: 235px; padding-bottom: 145px } @media(max-width: 1728px) { .proof { padding-top: 234px } } @media(max-width: 1440px) { .proof { padding-top: 286px; padding-bottom: 177px } } @media(max-width: 1280px) { .proof { padding-top: 158px; padding-bottom: 113px } } @media(max-width: 1024px) { .proof { padding-top: 169px; padding-bottom: 160px } } @media(max-width: 868px) { .proof { padding-top: 116px; padding-bottom: 70px } } @media(max-width: 428px) { .proof { padding-top: 133px; padding-bottom: 110px } } @media(max-width: 395px) { .proof { padding-top: 119px; padding-bottom: 90px } } @media(max-width: 328px) { .proof { padding-top: 117px; padding-bottom: 60px } } .proof__title { font-weight: 400; font-size: 60px; line-height: 77px; color: #fff; text-align: center; margin-bottom: 50px } @media(max-width: 1728px) { .proof__title { font-size: 52px; line-height: 67px; margin-bottom: 36px } } @media(max-width: 1440px) { .proof__title { font-size: 38px; line-height: 49px; margin-bottom: 34px } } @media(max-width: 1280px) { .proof__title { font-size: 36px; line-height: 46px; margin-bottom: 10px } } @media(max-width: 1024px) { .proof__title { font-size: 30px; line-height: 39px; margin-bottom: 17px } } @media(max-width: 868px) { .proof__title { font-size: 28px; line-height: 36px; margin-bottom: 20px } } @media(max-width: 428px) { .proof__title { font-size: 32px; line-height: 44px } } @media(max-width: 395px) { .proof__title { font-size: 28px; line-height: 36px; margin-bottom: 24px } } .proof__text { max-width: 755px; font-family: "Gilroy"; font-weight: 400; font-size: 22px; line-height: 30px; color: #fff; margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 83px } @media(max-width: 1728px) { .proof__text { margin-bottom: 110px; max-width: 685px; font-size: 19px; line-height: 30px } } @media(max-width: 1440px) { .proof__text { margin-bottom: 64px; max-width: 615px; font-size: 16px; line-height: 25px } } @media(max-width: 1280px) { .proof__text { max-width: 540px; font-size: 15px; line-height: 25px; margin-bottom: 56px } } @media(max-width: 1024px) { .proof__text { max-width: 450px; font-size: 13px; line-height: 20px } } @media(max-width: 868px) { .proof__text { max-width: 490px; font-size: 14px; line-height: 20px; margin-bottom: 46px } } @media(max-width: 428px) { .proof__text { max-width: 336px; margin-bottom: 44px } } .proof__lines { width: 100% } @media(max-width: 428px) { .proof__lines { margin-top: 20px; transform: scale(230%) } } .proof__jellyfish { position: absolute; right: 753px; top: 372px } @media(max-width: 1728px) { .proof__jellyfish { top: 203px; right: unset; left: 50%; transform: translateX(-50%) } } @media(max-width: 1440px) { .proof__jellyfish { display: none } } .proof__jellyfish-1440 { display: none } @media(max-width: 1440px) { .proof__jellyfish-1440 { position: absolute; top: 230px; left: 50%; transform: translateX(-50%); display: unset } } @media(max-width: 1280px) { .proof__jellyfish-1440 { display: none } } .proof__jellyfish-1280 { position: absolute; left: unset; transform: unset; right: 416px; top: 84px; display: none } @media(max-width: 1280px) { .proof__jellyfish-1280 { display: unset } } @media(max-width: 1024px) { .proof__jellyfish-1280 { display: none } } .proof__jellyfish-1024 { display: none; position: absolute; left: 50%; transform: translateX(-50%); top: 130px } @media(max-width: 1280px) { .proof__jellyfish-1024 { display: unset } } @media(max-width: 428px) { .proof__jellyfish-1024 { width: 211px; height: 366px } } .proof__circle-top { position: absolute; top: -205px; left: 277px; max-width: 698px; width: 100%; min-height: 698px; border-radius: 50%; background-color: #f73636; opacity: .15; filter: blur(100px) } @media(max-width: 1728px) { .proof__circle-top { display: none } } .proof__circle-bottom { position: absolute; right: 372px; bottom: 176px; max-width: 698px; width: 100%; min-height: 698px; border-radius: 50%; background-color: #f73636; opacity: .15; filter: blur(100px) } @media(max-width: 1728px) { .proof__circle-bottom { max-width: 578px; min-height: 578px; right: 345px } } @media(max-width: 1440px) { .proof__circle-bottom { max-width: 532px; min-height: 532px; right: 326px; bottom: 296px } } @media(max-width: 1280px) { .proof__circle-bottom { max-width: 442px; min-height: 442px; right: 270px; bottom: 206px } } @media(max-width: 1024px) { .proof__circle-bottom { max-width: 343px; min-height: 343px; right: 254px; bottom: 306px } } @media(max-width: 428px) { .proof__circle-bottom { width: 343px; height: 343px; left: 50%; transform: translateX(-50%); bottom: 840px; opacity: .2 } } .proof-items { display: flex; justify-content: space-between; align-items: center; margin-bottom: 143px } @media(max-width: 1728px) { .proof-items { margin-bottom: 156px } } @media(max-width: 1440px) { .proof-items { margin-bottom: 62px } } @media(max-width: 1280px) { .proof-items { margin-bottom: 32px } } @media(max-width: 1280px) { .proof-items { margin-bottom: 56px } } @media(max-width: 428px) { .proof-items { flex-direction: column; gap: 35px } } @media(max-width: 428px) { .proof-items { flex-direction: column; gap: 35px } } .proof-items__box { display: flex; flex-direction: column; row-gap: 30px } @media(max-width: 1440px) { .proof-items__box { -moz-column-gap: 10px; column-gap: 10px } } @media(max-width: 1280px) { .proof-items__box { -moz-column-gap: 8px; column-gap: 8px } } @media(max-width: 1024px) { .proof-items__box { -moz-column-gap: 6px; column-gap: 6px } } @media(max-width: 428px) { .proof-items__box { row-gap: 35px } } .proof-items__item { display: flex; align-items: center; gap: 15px } @media(max-width: 1728px) { .proof-items__item { align-items: start; gap: 17px } } @media(max-width: 428px) { .proof-items__item-img { order: -1; margin-bottom: 10px } } @media(max-width: 328px) { .proof-items__item-img { margin-bottom: 15px } } .proof-items__title { font-size: 22px; font-weight: 600; line-height: 27px; letter-spacing: 0em; font-family: "Gilroy"; color: #fff } @media(max-width: 1728px) { .proof-items__title { font-size: 20px; line-height: 24px } } @media(max-width: 1440px) { .proof-items__title { font-size: 16px } } @media(max-width: 1280px) { .proof-items__title { font-size: 15px } } @media(max-width: 1024px) { .proof-items__title { font-size: 13px } } @media(max-width: 868px) { .proof-items__title { font-size: 14px } } @media(max-width: 428px) { .proof-items__title { font-size: 13px } } @media(max-width: 395px) { .proof-items__title { font-size: 15px } } .proof-items__text { max-width: 475px; font-family: "Gilroy"; font-size: 22px; line-height: 26px; letter-spacing: 0em; color: rgba(255, 255, 255, .6) } @media(max-width: 1728px) { .proof-items__text { max-width: 375px; font-size: 20px; line-height: 24px } } @media(max-width: 1440px) { .proof-items__text { max-width: 297px; font-size: 16px; line-height: 19px } } @media(max-width: 1280px) { .proof-items__text { font-size: 15px; line-height: 18px } } @media(max-width: 1024px) { .proof-items__text { max-width: 244px; font-size: 13px; line-height: 16px } } @media(max-width: 868px) { .proof-items__text { max-width: 188px; font-size: 14px; line-height: 17px } } @media(max-width: 428px) { .proof-items__text { max-width: 296px; font-size: 18px; line-height: 22px } } @media(max-width: 395px) { .proof-items__text { max-width: 248px; font-size: 15px; line-height: 18px } } .proof-items__text2 { max-width: 475px } @media(max-width: 1728px) { .proof-items__text2 { max-width: 370px; font-size: 20px; line-height: 24px } } @media(max-width: 1440px) { .proof-items__text2 { max-width: 297px; font-size: 16px; line-height: 19px } } @media(max-width: 1280px) { .proof-items__text2 { font-size: 15px; line-height: 18px } } @media(max-width: 1024px) { .proof-items__text2 { max-width: 244px; font-size: 13px; line-height: 16px } } .proof-items__icon { width: 30px; height: 30px } @media(max-width: 1728px) { .proof-items__icon { width: 25px; height: 25px } } @media(max-width: 1440px) { .proof-items__icon { margin-top: 3px; width: 20px; height: 20px } } @media(max-width: 1280px) { .proof-items__icon { margin-top: 4px; width: 18px; height: 18px } } @media(max-width: 1024px) { .proof-items__icon { margin-top: 5 px; width: 16px; height: 16px } } @media(max-width: 1728px) { .proof-items__img { max-width: 320px; min-height: 357px } } @media(max-width: 1440px) { .proof-items__img { max-width: 260px; min-height: 290px } } @media(max-width: 1280px) { .proof-items__img { max-width: 249px; min-height: 277px } } @media(max-width: 428px) { .proof-items__img { width: 232px; height: 258px } } .competitors { position: relative; padding-top: 207px; padding-bottom: 184px; border: 1px solid #505050; border-radius: 60px } @media(max-width: 1728px) { .competitors { padding-bottom: 150px; border-radius: 50px } } @media(max-width: 1440px) { .competitors { padding-top: 97px; padding-bottom: 130px } } @media(max-width: 1280px) { .competitors { padding-top: 101px; padding-bottom: 86px } } @media(max-width: 1024px) { .competitors { padding-top: 108px; padding-bottom: 93px; border-radius: 40px } } @media(max-width: 868px) { .competitors { padding-top: 62px; padding-bottom: 100px } } @media(max-width: 428px) { .competitors { padding-top: 41px; padding-bottom: 68px; border-radius: 30px } } @media(max-width: 395px) { .competitors { padding-top: 60px; padding-bottom: 55px } } .competitors__logo { z-index: 1 } @media(max-width: 1728px) { .competitors__logo { max-width: 422px; min-height: 422px } } @media(max-width: 1728px) { .competitors__logo { max-width: 365px; min-height: 365px } } @media(max-width: 1280px) { .competitors__logo { max-width: 318px; min-height: 318px } } @media(max-width: 1024px) { .competitors__logo { max-width: 267px; min-height: 267px } } @media(max-width: 868px) { .competitors__logo { max-width: 196px; min-height: 196px } } @media(max-width: 428px) { .competitors__logo { position: absolute; max-width: 168px; min-height: 169px } } @media(max-width: 395px) { .competitors__logo { max-width: 126px; min-height: 126px } } .competitors__circle { position: absolute; left: 50%; top: 0; transform: translateX(-50%); max-width: 698px; width: 100%; min-height: 698px; border-radius: 50%; background-color: #f73636; opacity: .15; filter: blur(100px) } @media(max-width: 1728px) { .competitors__circle { max-width: 578px; min-height: 578px; top: -100px } } @media(max-width: 1440px) { .competitors__circle { max-width: 505px; min-height: 505px; left: unset; transform: unset; right: 210px; top: 100px } } @media(max-width: 1280px) { .competitors__circle { max-width: 429px; min-height: 429px; right: 170px; top: 60px } } @media(max-width: 1024px) { .competitors__circle { max-width: 392px; min-height: 392px; top: 0 } } @media(max-width: 428px) { .competitors__circle { top: -50px; left: 50%; transform: translateX(-50%); opacity: .2; filter: blur(100px) } } .competitors__particle-left-wrapper { position: absolute; left: 0; top: 570px } @media(max-width: 1440px) { .competitors__particle-left-wrapper { top: 367px } } @media(max-width: 1440px) { .competitors__particle-left-wrapper { top: 419px } } @media(max-width: 1440px) { .competitors__particle-left-wrapper { top: 233px } } @media(max-width: 428px) { .competitors__particle-left-wrapper { opacity: .3 } } @media(max-width: 395px) { .competitors__particle-left-wrapper { top: 140px; opacity: .4 } } .competitors__particle-right-wrapper { position: absolute; right: 0; top: 724px } @media(max-width: 1440px) { .competitors__particle-right-wrapper { top: 555px } } @media(max-width: 1440px) { .competitors__particle-right-wrapper { top: 645px; max-width: 400px } } @media(max-width: 1440px) { .competitors__particle-right-wrapper { top: 533px } } @media(max-width: 428px) { .competitors__particle-right-wrapper { opacity: .3 } } @media(max-width: 395px) { .competitors__particle-right-wrapper { opacity: .4 } } .competitors__particle-bottom-wrapper { position: absolute; left: 0; bottom: 0; font-size: 0 } @media(max-width: 1440px) { .competitors__particle-bottom-wrapper { max-width: 350px; opacity: .3 } } @media(max-width: 428px) { .competitors__particle-bottom-wrapper { opacity: .3 } } @media(max-width: 395px) { .competitors__particle-bottom-wrapper { opacity: .4 } } .competitors-letters { max-width: 1429px; position: relative; display: flex; align-items: center; margin-bottom: 56px; margin-left: auto; margin-right: auto } .competitors-letters__left { display: flex; -moz-column-gap: 190px; column-gap: 190px } @media(max-width: 1728px) { .competitors-letters__left { -moz-column-gap: 180px; column-gap: 180px } } @media(max-width: 1440px) { .competitors-letters__left { -moz-column-gap: 156px; column-gap: 156px } } @media(max-width: 1280px) { .competitors-letters__left { -moz-column-gap: 135px; column-gap: 135px } } @media(max-width: 1024px) { .competitors-letters__left { -moz-column-gap: 113px; column-gap: 113px } } @media(max-width: 868px) { .competitors-letters__left { -moz-column-gap: 83px; column-gap: 83px } } @media(max-width: 428px) { .competitors-letters__left { -moz-column-gap: 45px; column-gap: 45px } } @media(max-width: 395px) { .competitors-letters__left { -moz-column-gap: 33px; column-gap: 33px } } .competitors-letters__right { display: flex; -moz-column-gap: 180px; column-gap: 180px } @media(max-width: 1440px) { .competitors-letters__right { -moz-column-gap: 156px; column-gap: 156px } } @media(max-width: 1280px) { .competitors-letters__right { -moz-column-gap: 135px; column-gap: 135px } } @media(max-width: 1024px) { .competitors-letters__right { -moz-column-gap: 113px; column-gap: 113px } } @media(max-width: 868px) { .competitors-letters__right { -moz-column-gap: 83px; column-gap: 83px } } @media(max-width: 428px) { .competitors-letters__right { -moz-column-gap: 40px; column-gap: 40px } } @media(max-width: 395px) { .competitors-letters__right { -moz-column-gap: 33px; column-gap: 33px } } @media(max-width: 1728px) { .competitors-letters { margin-bottom: 26px; justify-content: center } } @media(max-width: 1440px) { .competitors-letters { margin-bottom: 20px } } @media(max-width: 1280px) { .competitors-letters { margin-bottom: 40px } } @media(max-width: 1280px) { .competitors-letters { margin-bottom: 0 } } @media(max-width: 868px) { .competitors-letters { margin-bottom: 20px } } @media(max-width: 428px) { .competitors-letters { margin-top: 60px; margin-bottom: 76px; gap: 110px } } @media(max-width: 395px) { .competitors-letters { margin-top: 30px; margin-bottom: 76px; gap: 110px } } .competitors-benefits { max-width: 870px; margin-left: auto; margin-right: auto; margin-bottom: 98px } @media(max-width: 1024px) { .competitors-benefits { margin-bottom: 0 } } .competitors-benefits__text { font-family: "Gilroy"; font-weight: 300; font-size: 24px; line-height: 30px; color: #fff; text-align: center; opacity: .6; margin-bottom: 80px } @media(max-width: 1728px) { .competitors-benefits__text { max-width: 774px; font-size: 20px; line-height: 30px; margin-bottom: 116px; margin-left: auto; margin-right: auto } } @media(max-width: 1440px) { .competitors-benefits__text { margin-bottom: 95px; max-width: 704px; font-size: 16px; line-height: 24px } } @media(max-width: 1280px) { .competitors-benefits__text { max-width: 643px; font-size: 15px; line-height: 20px; margin-bottom: 78px } } @media(max-width: 1024px) { .competitors-benefits__text { max-width: 541px; font-size: 13px; line-height: 20px; margin-bottom: 57px } } @media(max-width: 868px) { .competitors-benefits__text { max-width: 500px; font-size: 14px; line-height: 20px; margin-bottom: 28px } } @media(max-width: 428px) { .competitors-benefits__text { max-width: 388px; font-size: 18px; line-height: 135%; margin-bottom: 68px } } @media(max-width: 395px) { .competitors-benefits__text { max-width: 320px; font-size: 15px; line-height: 20px; margin-top: 21px; margin-bottom: 48px } } .competitors-cards { display: flex; justify-content: center; flex-wrap: wrap; gap: 30px; margin-bottom: 135px } @media(max-width: 1728px) { .competitors-cards { -moz-column-gap: 20px; column-gap: 20px; row-gap: 17px; margin-bottom: 133px } } @media(max-width: 1440px) { .competitors-cards { margin-bottom: 92px; -moz-column-gap: 22px; column-gap: 22px; row-gap: 22px } } @media(max-width: 1280px) { .competitors-cards { margin-bottom: 94px; -moz-column-gap: 21px; column-gap: 21px; row-gap: 20px } } @media(max-width: 1024px) { .competitors-cards { margin-bottom: 78px; -moz-column-gap: 13px; column-gap: 13px; row-gap: 15px } } @media(max-width: 868px) { .competitors-cards { margin-bottom: 80px; -moz-column-gap: 18px; column-gap: 18px; row-gap: 18px } } @media(max-width: 428px) { .competitors-cards { flex-direction: column; margin-bottom: 85px; -moz-column-gap: 0; column-gap: 0; row-gap: 20px } } @media(max-width: 395px) { .competitors-cards { row-gap: 12px } } .competitors-cards__item { display: flex; flex-direction: column; justify-content: space-between; max-width: 490px; width: 100%; padding: 58px 42px 43px 45px; border: 1px solid #505050; border-radius: 40px } @media(max-width: 1728px) { .competitors-cards__item { padding: 46px 37px 24px 37px; max-width: 440px } } @media(max-width: 1440px) { .competitors-cards__item { padding: 33px 33px 23px 31px; max-width: 377px } } @media(max-width: 1280px) { .competitors-cards__item { padding: 28px 18px 33px 23px; max-width: 316px } } @media(max-width: 1024px) { .competitors-cards__item { max-width: 260px; padding: 30px 22px 19px 24px } } @media(max-width: 868px) { .competitors-cards__item { max-width: 311px; padding: 17px 13px 13px 23px } } @media(max-width: 428px) { .competitors-cards__item { max-width: 100%; padding: 28px 31px 20px 23px } } @media(max-width: 395px) { .competitors-cards__item { padding: 29px 20px 21px 23px } } .competitors-cards__title { margin-bottom: 6px; font-weight: 400; font-size: 32px; line-height: 41px; color: #f73636 } @media(max-width: 1728px) { .competitors-cards__title { font-size: 28px; line-height: 36px; margin-bottom: 4px } } @media(max-width: 1440px) { .competitors-cards__title { font-size: 22px; line-height: 28px; margin-bottom: 2px } } @media(max-width: 1280px) { .competitors-cards__title { margin-bottom: 2px; font-size: 20px; line-height: 26px } } @media(max-width: 1024px) { .competitors-cards__title { margin-bottom: 3px; font-size: 18px; line-height: 23px } } @media(max-width: 868px) { .competitors-cards__title { margin-bottom: 1px } } @media(max-width: 428px) { .competitors-cards__title { margin-bottom: 6px; font-size: 22px; line-height: 28px } } @media(max-width: 395px) { .competitors-cards__title { margin-bottom: 5px } } .competitors-cards__text { font-family: "Gilroy"; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff } @media(max-width: 1728px) { .competitors-cards__text { font-size: 18px; line-height: 24px } } @media(max-width: 1440px) { .competitors-cards__text { font-size: 16px } } @media(max-width: 1280px) { .competitors-cards__text { font-size: 14px; line-height: 20px } } @media(max-width: 1024px) { .competitors-cards__text { font-size: 13px; line-height: 17px } } @media(max-width: 868px) { .competitors-cards__text { font-size: 14px; line-height: 127% } } @media(max-width: 428px) { .competitors-cards__text { font-size: 18px; line-height: 20px } } @media(max-width: 395px) { .competitors-cards__text { font-size: 15px; line-height: 20px } } .competitors-cards__icon { margin-bottom: 120px; width: 106px; height: 102px } @media(max-width: 1728px) { .competitors-cards__icon { margin-bottom: 94px; width: 78px; height: 74px } } @media(max-width: 1440px) { .competitors-cards__icon { margin-bottom: 77px; width: 70px; height: 66px } } @media(max-width: 1280px) { .competitors-cards__icon { margin-bottom: 52px; width: 60px; height: 56px } } @media(max-width: 1024px) { .competitors-cards__icon { margin-bottom: 81px; width: 57px; height: 54px } } @media(max-width: 868px) { .competitors-cards__icon { margin-bottom: 22px; width: 42px; height: 39px } } @media(max-width: 428px) { .competitors-cards__icon { margin-bottom: 40px; width: 60px; height: 56px } } @media(max-width: 395px) { .competitors-cards__icon { margin-bottom: 47px } } .competitors-bottom { display: flex; -moz-column-gap: 18px; column-gap: 18px } @media(max-width: 1280px) { .competitors-bottom { -moz-column-gap: 22px; column-gap: 22px } } @media(max-width: 1024px) { .competitors-bottom { -moz-column-gap: 17px; column-gap: 17px } } @media(max-width: 868px) { .competitors-bottom { flex-wrap: wrap; justify-content: center; row-gap: 15px } } .competitors-bottom__item { max-width: 293px; width: 100%; min-height: 115px; background-color: #191919; border: 1px solid #191919; border-radius: 30px; font-size: 0; transition: border-color .5s ease-out, background-color .5s ease-out } .competitors-bottom__item:hover { border-color: rgba(123, 112, 141, .3); background-color: rgba(0, 0, 0, 0) } @media(max-width: 1728px) { .competitors-bottom__item { min-height: 100px } } @media(max-width: 1440px) { .competitors-bottom__item { min-height: 87px; border-radius: 25px } } @media(max-width: 1280px) { .competitors-bottom__item { min-height: 70px; border-radius: 22px } } @media(max-width: 1024px) { .competitors-bottom__item { min-height: 59px; border-radius: 20px } } @media(max-width: 868px) { .competitors-bottom__item { min-height: 59px; max-width: 150px; border-radius: 15px } } @media(max-width: 428px) { .competitors-bottom__item { max-width: 180px; min-height: 72px; border-radius: 20px; border: 1px solid rgba(123, 112, 141, .3); background-color: rgba(0, 0, 0, 0) } } @media(max-width: 395px) { .competitors-bottom__item { max-width: 155px; min-height: 66px } } .competitors-bottom__link { display: flex; justify-content: center; align-items: center; height: 100% } .competitors-bottom__text { font-family: "Gilroy"; font-weight: 400; font-size: 18px; line-height: 24px; color: #fff; opacity: .4 } @media(max-width: 1440px) { .competitors-bottom__text { font-size: 14px } } @media(max-width: 1024px) { .competitors-bottom__text { font-size: 13px; line-height: 16px } } .prices { padding-top: 234px; padding-bottom: 229px } @media(max-width: 1728px) { .prices { padding-top: 183px; padding-bottom: 65px } } @media(max-width: 1440px) { .prices { padding-top: 157px; padding-bottom: 145px } } @media(max-width: 1280px) { .prices { padding-top: 110px; padding-bottom: 120px } } @media(max-width: 1024px) { .prices { padding-top: 78px; padding-bottom: 107px } } @media(max-width: 868px) { .prices { padding-top: 107px; padding-bottom: 87px } } @media(max-width: 428px) { .prices { padding-top: 96px; padding-bottom: 93px } } @media(max-width: 395px) { .prices { padding-top: 106px; padding-bottom: 96px } } .prices__title { font-weight: 400; font-size: 60px; line-height: 77px; color: #fff; text-align: center; margin-bottom: 50px } @media(max-width: 1728px) { .prices__title { font-size: 52px; line-height: 67px; margin-bottom: 60px } } @media(max-width: 1440px) { .prices__title { font-size: 38px; line-height: 49px; margin-bottom: 42px } } @media(max-width: 1280px) { .prices__title { font-size: 36px; line-height: 46px; margin-bottom: 23px } } @media(max-width: 1024px) { .prices__title { font-size: 30px; line-height: 39px; margin-bottom: 20px } } @media(max-width: 868px) { .prices__title { font-size: 28px; line-height: 36px; margin-bottom: 24px } } @media(max-width: 428px) { .prices__title { font-size: 34px; line-height: 44px; margin-bottom: 32px } } @media(max-width: 395px) { .prices__title { font-size: 28px; line-height: 36px; margin-bottom: 24px } } .prices__text { font-family: "Gilroy"; font-weight: 400; font-size: 22px; line-height: 26px; text-align: center; color: #fff; margin-bottom: 55px } @media(max-width: 1728px) { .prices__text { font-size: 20px; line-height: 24px; margin-bottom: 98px } } @media(max-width: 1440px) { .prices__text { font-size: 16px; line-height: 19px; margin-bottom: 50px } } @media(max-width: 1280px) { .prices__text { font-size: 16px; line-height: 19px; margin-bottom: 37px } } @media(max-width: 1024px) { .prices__text { font-size: 13px; line-height: 16px; margin-bottom: 54px } } @media(max-width: 868px) { .prices__text { font-size: 14px; line-height: 17px; margin-bottom: 24px } } @media(max-width: 428px) { .prices__text { font-size: 18px; line-height: 22px; margin-bottom: 47px } } @media(max-width: 395px) { .prices__text { font-size: 15px; line-height: 18px; margin-bottom: 64px } } .prices__text-big { max-width: 1028px; border-radius: 40px; border: 1px solid #f73636; padding: 20px 80px; margin-left: auto; margin-right: auto; margin-bottom: 47px; font-weight: 400; font-size: 24px; line-height: 31px; color: #fff } @media(max-width: 1728px) { .prices__text-big { max-width: 909px; font-size: 20px; line-height: 26px; margin-bottom: 77px } } @media(max-width: 1440px) { .prices__text-big { max-width: 750px; font-size: 16px; line-height: 21px; margin-bottom: 53px } } @media(max-width: 1280px) { .prices__text-big { max-width: 684px; padding: 17px 80px; font-size: 14px; line-height: 18px; margin-bottom: 34px } } @media(max-width: 1024px) { .prices__text-big { max-width: 590px; padding: 17px 40px; margin-bottom: 40px } } @media(max-width: 868px) { .prices__text-big { margin-bottom: 37px } } @media(max-width: 428px) { .prices__text-big { text-align: center; margin-bottom: 31px; padding: 15px 13px; font-size: 18px; line-height: 23px } } @media(max-width: 395px) { .prices__text-big { text-align: center; font-size: 15px; line-height: 19px } } .prices__text-small { max-width: 333px; font-weight: 400; font-size: 24px; line-height: 31px; color: #fff; margin: 0 auto; opacity: .6 } @media(max-width: 1440px) { .prices__text-small { font-size: 18px; line-height: 23px; text-align: center } } @media(max-width: 1280px) { .prices__text-small { font-size: 16px; line-height: 21px } } @media(max-width: 1024px) { .prices__text-small { font-size: 14px; line-height: 18px } } @media(max-width: 428px) { .prices__text-small { font-size: 16px; line-height: 21px } } @media(max-width: 395px) { .prices__text-small { font-size: 14px; line-height: 18px } } .prices-desc { max-width: 734px; display: flex; align-items: center; margin-left: 288px; margin-bottom: 18px } @media(max-width: 1728px) { .prices-desc { max-width: 720px; margin-left: 252px } } @media(max-width: 1440px) { .prices-desc { max-width: 530px; margin-left: 250px; margin-bottom: 13px } } @media(max-width: 1280px) { .prices-desc { max-width: 475px; margin-right: 37px; margin-left: 214px; margin-bottom: 7px } } @media(max-width: 1024px) { .prices-desc { max-width: 378px; margin-left: 166px } } @media(max-width: 868px) { .prices-desc { margin-bottom: 10px } } @media(max-width: 868px) { .prices-desc { margin-bottom: 10px } } @media(max-width: 868px) { .prices-desc { margin-left: 115px } } @media(max-width: 428px) { .prices-desc { display: none } } .prices-desc__text { font-weight: 400; font-size: 24px; line-height: 31px; color: #f73636 } @media(max-width: 1728px) { .prices-desc__text { font-size: 22px; line-height: 28px } } @media(max-width: 1440px) { .prices-desc__text { font-size: 18px; line-height: 23px } } @media(max-width: 1280px) { .prices-desc__text { font-size: 16px; line-height: 21px } } @media(max-width: 1024px) { .prices-desc__text { font-size: 13px; line-height: 17px } } .prices-desc__text1 { margin-right: 146px } @media(max-width: 1728px) { .prices-desc__text1 { margin-right: 155px } } @media(max-width: 1440px) { .prices-desc__text1 { margin-right: 97px } } @media(max-width: 1280px) { .prices-desc__text1 { margin-right: 90px } } @media(max-width: 1024px) { .prices-desc__text1 { margin-right: 65px } } @media(max-width: 868px) { .prices-desc__text1 { margin-right: 26px } } .prices-desc__text2 { margin-right: 227px } @media(max-width: 1728px) { .prices-desc__text2 { margin-right: 234px } } @media(max-width: 1440px) { .prices-desc__text2 { margin-right: 163px } } @media(max-width: 1280px) { .prices-desc__text2 { margin-right: 145px } } @media(max-width: 1024px) { .prices-desc__text2 { margin-right: 117px } } @media(max-width: 868px) { .prices-desc__text2 { margin-right: 78px } } .prices-items { display: flex; flex-direction: column; row-gap: 20px; margin-bottom: 73px } @media(max-width: 1728px) { .prices-items { row-gap: 15px; margin-bottom: 63px } } @media(max-width: 1728px) { .prices-items { margin-bottom: 50px } } @media(max-width: 1440px) { .prices-items { row-gap: 12px; margin-bottom: 46px } } @media(max-width: 1024px) { .prices-items { row-gap: 10px } } @media(max-width: 868px) { .prices-items { margin-bottom: 32px; row-gap: 8px } } @media(max-width: 428px) { .prices-items { display: none } } .prices-items__item { display: flex; align-items: center; padding: 12px 120px 12px 44px; border: 1px solid rgba(80, 80, 80, .6); border-radius: 60px } @media(max-width: 1728px) { .prices-items__item { padding: 14px 115px 14px 44px } } @media(max-width: 1440px) { .prices-items__item { padding: 11px 115px 11px 44px } } @media(max-width: 1280px) { .prices-items__item { padding: 13px 92px 13px 38px } } @media(max-width: 1024px) { .prices-items__item { padding: 8px 76px 8px 38px } } @media(max-width: 868px) { .prices-items__item { padding: 9px 48px 9px 35px } } .prices-items__name { font-style: normal; font-weight: 400; font-size: 28px; line-height: 36px; color: #fff } @media(max-width: 1728px) { .prices-items__name { font-size: 24px; line-height: 31px } } @media(max-width: 1440px) { .prices-items__name { font-size: 20px } } @media(max-width: 1280px) { .prices-items__name { font-size: 18px; line-height: 23px } } @media(max-width: 1024px) { .prices-items__name { font-size: 16px; line-height: 21px } } @media(max-width: 868px) { .prices-items__name { font-size: 12px; line-height: 18px } } .prices-items__name1 { margin-right: 127px } @media(max-width: 1728px) { .prices-items__name1 { margin-right: 110px } } @media(max-width: 1440px) { .prices-items__name1 { margin-right: 132px } } @media(max-width: 1280px) { .prices-items__name1 { margin-right: 112px } } @media(max-width: 1024px) { .prices-items__name1 { margin-right: 60px } } @media(max-width: 868px) { .prices-items__name1 { margin-right: 41px } } .prices-items__name2 { margin-right: 103px } @media(max-width: 1728px) { .prices-items__name2 { margin-right: 92px } } @media(max-width: 1440px) { .prices-items__name2 { margin-right: 115px } } @media(max-width: 1280px) { .prices-items__name2 { margin-right: 96px } } @media(max-width: 1024px) { .prices-items__name2 { margin-right: 46px } } @media(max-width: 868px) { .prices-items__name2 { margin-right: 29px } } .prices-items__name3 { margin-right: 127px } @media(max-width: 1728px) { .prices-items__name3 { margin-right: 113px } } @media(max-width: 1440px) { .prices-items__name3 { margin-right: 132px } } @media(max-width: 1280px) { .prices-items__name3 { margin-right: 112px } } @media(max-width: 1024px) { .prices-items__name3 { margin-right: 60px } } @media(max-width: 868px) { .prices-items__name3 { margin-right: 43px } } .prices-items__quantity { width: 100%; max-width: 150px; display: flex; justify-content: center; align-items: center; border: 1px solid #fff; border-radius: 60px; padding: 12px; font-weight: 400; font-size: 28px; line-height: 36px; color: #fff; margin-right: 100px } @media(max-width: 1728px) { .prices-items__quantity { max-width: 132px; padding: 10px; font-size: 24px; line-height: 31px; margin-right: 113px } } @media(max-width: 1440px) { .prices-items__quantity { max-width: 100px; font-size: 18px; line-height: 23px; margin-right: 74px } } @media(max-width: 1280px) { .prices-items__quantity { max-width: 78px; font-size: 16px; line-height: 21px; margin-right: 76px } } @media(max-width: 1024px) { .prices-items__quantity { max-width: 85px; font-size: 15px; line-height: 19px; margin-right: 33px } } @media(max-width: 868px) { .prices-items__quantity { max-width: 58px; font-size: 12px; line-height: 16px; margin-right: 24px } } .prices-items__cpu { display: flex; justify-content: center; align-items: center; max-width: 249px; width: 100%; border: 1px solid #fff; border-radius: 60px; padding: 12px; font-weight: 400; font-size: 28px; line-height: 36px; color: #fff; margin-right: 100px } @media(max-width: 1728px) { .prices-items__cpu { max-width: 234px; padding: 10px; font-size: 24px; line-height: 31px; margin-right: 113px } } @media(max-width: 1440px) { .prices-items__cpu { max-width: 177px; font-size: 18px; line-height: 23px; margin-right: 74px } } @media(max-width: 1280px) { .prices-items__cpu { max-width: 148px; font-size: 16px; line-height: 21px; margin-right: 70px } } @media(max-width: 1024px) { .prices-items__cpu { max-width: 145px; font-size: 15px; line-height: 19px; margin-right: 33px } } @media(max-width: 868px) { .prices-items__cpu { max-width: 111px; font-size: 12px; line-height: 16px; margin-right: 24px } } .prices-items__ram { display: flex; justify-content: center; align-items: center; margin-right: 139px; padding: 12px; max-width: 174px; width: 100%; border: 1px solid #fff; border-radius: 60px; font-weight: 400; font-size: 28px; line-height: 36px; color: #fff } @media(max-width: 1728px) { .prices-items__ram { max-width: 163px; padding: 10px; font-size: 24px; line-height: 31px; margin-right: 73px } } @media(max-width: 1440px) { .prices-items__ram { max-width: 127px; font-size: 18px; line-height: 23px; margin-right: 100px } } @media(max-width: 1280px) { .prices-items__ram { max-width: 100px; font-size: 16px; line-height: 21px } } @media(max-width: 1024px) { .prices-items__ram { max-width: 114px; font-size: 15px; line-height: 19px; margin-right: 58px } } @media(max-width: 868px) { .prices-items__ram { max-width: 87px; font-size: 12px; line-height: 16px; margin-right: 34px } } .prices-items__money { font-weight: 400; font-size: 24px; line-height: 31px; color: #f73636 } @media(max-width: 1728px) { .prices-items__money { font-size: 20px; line-height: 26px } } @media(max-width: 1440px) { .prices-items__money { font-size: 18px; line-height: 23px } } @media(max-width: 1280px) { .prices-items__money { font-size: 16px } } @media(max-width: 1024px) { .prices-items__money { font-size: 13px; line-height: 18px } } @media(max-width: 868px) { .prices-items__money { line-height: 16px } } .prices-bottom { position: relative; font-size: 0; margin-bottom: 84px } @media(max-width: 1728px) { .prices-bottom { margin-bottom: 103px } } @media(max-width: 1440px) { .prices-bottom { margin-bottom: 80px } } @media(max-width: 1280px) { .prices-bottom { margin-bottom: 56px } } @media(max-width: 1024px) { .prices-bottom { margin-bottom: 60px } } @media(max-width: 868px) { .prices-bottom { margin-bottom: 40px } } @media(max-width: 428px) { .prices-bottom { display: none } } .prices-bottom__items { display: flex; align-items: center; border: 1px solid rgba(80, 80, 80, .6); border-radius: 60px; padding: 12px 155px 12px 44px } @media(max-width: 1728px) { .prices-bottom__items { padding: 14px 130px 14px 44px } } @media(max-width: 1440px) { .prices-bottom__items { padding: 11px 130px 11px 44px } } @media(max-width: 1280px) { .prices-bottom__items { padding: 13px 100px 13px 38px } } @media(max-width: 1024px) { .prices-bottom__items { padding: 8px 86px 8px 38px } } @media(max-width: 868px) { .prices-bottom__items { width: 640px; padding: 9px 62px 9px 35px } } .prices-bottom-items__name { font-weight: 400; font-size: 28px; line-height: 36px; color: #fff; margin-right: 130px } @media(max-width: 1728px) { .prices-bottom-items__name { font-size: 24px; line-height: 31px; margin-right: 114px } } @media(max-width: 1440px) { .prices-bottom-items__name { font-size: 20px; margin-right: 134px } } @media(max-width: 1280px) { .prices-bottom-items__name { font-size: 18px; line-height: 23px; margin-right: 114px } } @media(max-width: 1024px) { .prices-bottom-items__name { font-size: 16px; line-height: 21px; margin-right: 60px } } @media(max-width: 868px) { .prices-bottom-items__name { font-size: 13px; line-height: 17px; margin-right: 35px } } .prices-bottom-items__quantity { display: flex; justify-content: center; align-items: center; width: 100%; max-width: 150px; border: 1px solid #fff; border-radius: 60px; font-weight: 400; font-size: 28px; line-height: 36px; padding: 12px; color: #fff; margin-right: 100px } @media(max-width: 1728px) { .prices-bottom-items__quantity { max-width: 132px; font-size: 24px; line-height: 31px; margin-right: 113px; padding: 10px } } @media(max-width: 1440px) { .prices-bottom-items__quantity { font-size: 18px; line-height: 23px; margin-right: 74px; max-width: 100px } } @media(max-width: 1280px) { .prices-bottom-items__quantity { max-width: 78px; font-size: 16px; line-height: 21px; margin-right: 76px } } @media(max-width: 1024px) { .prices-bottom-items__quantity { max-width: 85px; font-size: 15px; line-height: 19px; margin-right: 33px } } @media(max-width: 868px) { .prices-bottom-items__quantity { max-width: 58px; font-size: 12px; line-height: 16px; margin-right: 24px } } .prices-bottom-items__cpu { display: flex; justify-content: center; align-items: center; width: 100%; max-width: 250px; border: 1px solid #fff; border-radius: 60px; padding: 12px; font-weight: 400; font-size: 28px; line-height: 36px; color: #fff; margin-right: 100px } @media(max-width: 1728px) { .prices-bottom-items__cpu { max-width: 234px; font-size: 24px; line-height: 31px; margin-right: 113px; padding: 10px } } @media(max-width: 1440px) { .prices-bottom-items__cpu { max-width: 177px; font-size: 18px; line-height: 23px; margin-right: 74px } } @media(max-width: 1280px) { .prices-bottom-items__cpu { max-width: 148px; font-size: 16px; line-height: 21px; margin-right: 70px } } @media(max-width: 1024px) { .prices-bottom-items__cpu { max-width: 145px; font-size: 15px; line-height: 19px; margin-right: 33px } } @media(max-width: 868px) { .prices-bottom-items__cpu { max-width: 111px; font-size: 12px; line-height: 16px; margin-right: 24px } } .prices-bottom-items__ram { display: flex; justify-content: center; align-items: center; max-width: 174px; width: 100%; border: 1px solid #fff; border-radius: 60px; font-weight: 400; font-size: 28px; line-height: 36px; color: #fff; padding: 12px; margin-right: 158px } @media(max-width: 1728px) { .prices-bottom-items__ram { max-width: 163px; font-size: 24px; line-height: 31px; margin-right: 73px; padding: 10px } } @media(max-width: 1440px) { .prices-bottom-items__ram { max-width: 127px; font-size: 18px; line-height: 23px; margin-right: 74px; margin-right: 113px } } @media(max-width: 1280px) { .prices-bottom-items__ram { max-width: 100px; font-size: 16px; line-height: 21px; margin-right: 122px } } @media(max-width: 1024px) { .prices-bottom-items__ram { max-width: 114px; font-size: 15px; line-height: 19px; margin-right: 63px } } @media(max-width: 868px) { .prices-bottom-items__ram { max-width: 87px; font-size: 12px; line-height: 16px; margin-right: 62px } } @media(max-width: 1728px) { .prices-bottom .prices-bottom-items__ram--right { margin-right: 90px } } @media(max-width: 1440px) { .prices-bottom .prices-bottom-items__ram--right { margin-right: 115px } } @media(max-width: 1280px) { .prices-bottom .prices-bottom-items__ram--right { margin-right: 110px } } @media(max-width: 1024px) { .prices-bottom .prices-bottom-items__ram--right { margin-right: 65px } } @media(max-width: 868px) { .prices-bottom .prices-bottom-items__ram--right { margin-right: 45px } } .prices-bottom-items__money { font-weight: 400; font-size: 24px; line-height: 31px; color: #f73636 } @media(max-width: 1728px) { .prices-bottom-items__money { font-size: 20px; line-height: 26px } } @media(max-width: 1440px) { .prices-bottom-items__money { font-size: 18px; line-height: 23px } } @media(max-width: 1280px) { .prices-bottom-items__money { display: flex; justify-content: center; align-items: center; font-size: 16px; line-height: 21px } } @media(max-width: 1024px) { .prices-bottom-items__money { font-size: 14px; line-height: 18px } } @media(max-width: 868px) { .prices-bottom-items__money { font-size: 12px; line-height: 16px } } .prices-bottom__text { max-width: 115px; position: absolute; right: 16px; top: 50%; font-family: "Gilroy"; font-weight: 400; font-size: 21px; line-height: 20px; text-align: center; color: #fff; transform: rotate(24.07deg) translateY(-60%); z-index: 1 } @media(max-width: 1728px) { .prices-bottom__text { font-size: 19px; line-height: 94.5%; transform: rotate(27deg) translateY(-75%) } } @media(max-width: 1440px) { .prices-bottom__text { max-width: 100px; font-size: 16px; transform: rotate(27deg) translateY(-80%) } } @media(max-width: 1280px) { .prices-bottom__text { font-size: 14px; transform: rotate(29deg) translateY(-85%) } } @media(max-width: 1024px) { .prices-bottom__text { max-width: 86px; font-size: 13px; transform: rotate(27deg) translateY(-85%) } } @media(max-width: 868px) { .prices-bottom__text { top: 14px; right: 5px; font-size: 12px; transform: rotate(27deg) } } .prices-bottom__bg { position: absolute; right: 0; top: 0; height: 100% } .prices { position: relative } .prices-swiper { display: none; margin-bottom: 103px; margin-right: -20px; margin-left: -20px } @media(max-width: 428px) { .prices-swiper { display: block } } @media(max-width: 395px) { .prices-swiper { margin-bottom: 99px } } .prices-wrapper { height: 100% } .prices-slide { padding: 37px 30px 21px 30px; border: 1px solid #505050; border-radius: 30px } @media(max-width: 395px) { .prices-slide { padding: 26px 26px 17px 26px } } .prices-slide__title { display: block; margin-bottom: 22px; font-size: 24px; line-height: 31px; color: #fff } @media(max-width: 395px) { .prices-slide__title { font-size: 22px; line-height: 28px } } .prices-slide__content { margin-bottom: 32px } .prices-slide__item { display: flex; align-items: center; gap: 34px } .prices-slide__item-title { width: 144px; font-size: 18px; line-height: 23px; color: #f73636 } @media(max-width: 395px) { .prices-slide__item-title { width: 112px; font-size: 14px; line-height: 18px } } .prices-slide__item-characteristic { font-size: 24px; line-height: 31px; color: #fff } @media(max-width: 395px) { .prices-slide__item-characteristic { font-size: 20px; line-height: 26px } } .prices-slide__price { display: block; position: relative; font-size: 30px; line-height: 39px; color: #fff } @media(max-width: 395px) { .prices-slide__price { font-size: 24px; line-height: 31px } } .prices-slide__price::before { content: " "; position: absolute; top: -11px; left: 0; display: block; width: 47px; height: 1px; border-radius: 2px; background-color: #d9d9d9 } @media(max-width: 395px) { .prices-slide__price::before { width: 41px } } .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { display: none; top: 440px } @media(max-width: 428px) { .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { display: unset } } @media(max-width: 395px) { .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { top: 395px } } .swiper-pagination-bullet { width: 36px; height: 4px; background: #fff; border-radius: 3px; opacity: .2 } @media(max-width: 395px) { .swiper-pagination-bullet { width: 30px; height: 3px } } .swiper-pagination-bullet-active { opacity: 1 } .prices__circle-center { position: absolute; top: 350px; left: 50%; transform: translateX(-50%); display: none; width: 100%; max-width: 311px; min-height: 311px; border-radius: 50%; opacity: .15; filter: blur(100px); background-color: #f73636 } @media(max-width: 395px) { .prices__circle-center { display: block } } .features { position: relative; padding-top: 192px; padding-bottom: 443px } @media(max-width: 1728px) { .features { padding-top: 132px; padding-bottom: 363px } } @media(max-width: 1440px) { .features { padding-top: 0; padding-bottom: 400px } } @media(max-width: 1280px) { .features { padding-bottom: 290px } } @media(max-width: 1024px) { .features { padding-bottom: 275px } } @media(max-width: 868px) { .features { padding-bottom: 195px } } @media(max-width: 428px) { .features { padding-bottom: 200px } } @media(max-width: 395px) { .features { padding-bottom: 168px } } @media(max-width: 328px) { .features { padding-bottom: 134px } } .features__title { font-weight: 400; font-size: 60px; line-height: 77px; color: #fff; text-align: center; margin-bottom: 106px } @media(max-width: 1728px) { .features__title { font-size: 52px; line-height: 67px; margin-bottom: 100px } } @media(max-width: 1440px) { .features__title { font-size: 38px; margin-bottom: 70px } } @media(max-width: 1280px) { .features__title { font-size: 36px; line-height: 46px; margin-bottom: 62px } } @media(max-width: 1024px) { .features__title { font-size: 30px; line-height: 39px; margin-bottom: 52px } } @media(max-width: 868px) { .features__title { font-size: 28px; line-height: 36px; margin-bottom: 35px } } @media(max-width: 428px) { .features__title { font-size: 34px; line-height: 44px; margin-bottom: 52px } } @media(max-width: 395px) { .features__title { font-size: 28px; line-height: 36px; margin-bottom: 36px } } .features__items { max-width: 1250px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; -moz-column-gap: 200px; column-gap: 200px; row-gap: 85px } @media(max-width: 1728px) { .features__items { max-width: 1013px; -moz-column-gap: 160px; column-gap: 160px; row-gap: 69px } } @media(max-width: 1440px) { .features__items { max-width: 825px; -moz-column-gap: 105px; column-gap: 105px; row-gap: 50px } } @media(max-width: 1280px) { .features__items { max-width: 775px; -moz-column-gap: 80px; column-gap: 80px; row-gap: 45px } } @media(max-width: 1024px) { .features__items { -moz-column-gap: 66px; column-gap: 66px; row-gap: 36px } } @media(max-width: 428px) { .features__items { -moz-column-gap: 45px; column-gap: 45px; row-gap: 55px } } @media(max-width: 395px) { .features__items { -moz-column-gap: 50px; column-gap: 50px; row-gap: 45px } } .features__item { font-size: 0 } @media(max-width: 1728px) { .features__item { max-width: 230px } } @media(max-width: 1440px) { .features__item { max-width: 205px } } @media(max-width: 1280px) { .features__item { max-width: 185px } } @media(max-width: 1024px) { .features__item { max-width: 160px } } @media(max-width: 868px) { .features__item { max-width: 140px } } @media(max-width: 428px) { .features__item { max-width: 150px } } @media(max-width: 395px) { .features__item { max-width: 140px } } .features__circle-top { position: absolute; top: -120px; left: 33px; max-width: 698px; width: 100%; min-height: 698px; border-radius: 50%; background-color: #f73636; opacity: .2; filter: blur(100px) } @media(max-width: 1728px) { .features__circle-top { max-width: 578px; min-height: 578px; top: 0px; left: 46px } } @media(max-width: 1440px) { .features__circle-top { max-width: 472px; min-height: 472px; left: 96px; top: -80px } } @media(max-width: 1280px) { .features__circle-top { max-width: 384px; min-height: 384px; left: 60px; top: -50px } } @media(max-width: 1024px) { .features__circle-top { top: -80px } } @media(max-width: 868px) { .features__circle-top { top: -80px; left: 0; width: 311px; height: 311px; opacity: .1; filter: blur(100px) } } .features__circle-right { position: absolute; right: 222px; top: 192px; max-width: 698px; width: 100%; min-height: 698px; border-radius: 50%; background-color: #f73636; opacity: .2; filter: blur(100px) } @media(max-width: 1728px) { .features__circle-right { max-width: 578px; min-height: 578px; right: 134px; bottom: 67px } } @media(max-width: 1440px) { .features__circle-right { max-width: 472px; min-height: 472px; top: 0 } } @media(max-width: 1280px) { .features__circle-right { width: 472px; height: 472px } } @media(max-width: 1024px) { .features__circle-right { right: 0 } } @media(max-width: 868px) { .features__circle-right { bottom: 40px; right: 20px; width: 311px; height: 311px } } @media(max-width: 428px) { .features__circle-right { left: 50%; transform: translateX(-50%); opacity: .15; filter: blur(100px) } } .features__jellyfish-left { position: absolute; left: 100px; top: 336px } @media(max-width: 1728px) { .features__jellyfish-left { display: none } } .features__jellyfish-left-1728 { position: absolute; display: none; left: 123px } @media(max-width: 1728px) { .features__jellyfish-left-1728 { display: unset; bottom: 70px } } @media(max-width: 1440px) { .features__jellyfish-left-1728 { display: none } } .features__jellyfish-left-1440 { position: absolute; left: 40px; bottom: 166px; display: none } @media(max-width: 1440px) { .features__jellyfish-left-1440 { display: unset } } @media(max-width: 1280px) { .features__jellyfish-left-1440 { display: none } } .features__jellyfish-left-1280 { display: none; position: absolute; left: 30px; bottom: 100px } @media(max-width: 1280px) { .features__jellyfish-left-1280 { display: unset } } @media(max-width: 1024px) { .features__jellyfish-left-1280 { display: none } } .features__jellyfish-left-1024 { display: none; position: absolute; left: 83px; bottom: 78px } @media(max-width: 1024px) { .features__jellyfish-left-1024 { display: unset; bottom: 120px } } @media(max-width: 868px) { .features__jellyfish-left-1024 { left: 25px; bottom: 55px } } @media(max-width: 428px) { .features__jellyfish-left-1024 { display: none } } .features__jellyfish-right { position: absolute; right: 80px; top: 162px } @media(max-width: 1728px) { .features__jellyfish-right { display: none } } .features__jellyfish-right-1728 { position: absolute; display: none; right: 85px } @media(max-width: 1728px) { .features__jellyfish-right-1728 { display: unset; bottom: 108px } } @media(max-width: 1440px) { .features__jellyfish-right-1728 { display: none } } .features__jellyfish-right-1440 { position: absolute; display: none; right: 46px } @media(max-width: 1440px) { .features__jellyfish-right-1440 { display: unset } } @media(max-width: 1280px) { .features__jellyfish-right-1440 { display: none } } .features__jellyfish-right-1280 { position: absolute; display: none; right: 38px; bottom: 100px } @media(max-width: 1280px) { .features__jellyfish-right-1280 { display: unset } } @media(max-width: 1024px) { .features__jellyfish-right-1280 { display: none } } .features__jellyfish-right-1024 { position: absolute; display: none; right: 58px; bottom: 113px } @media(max-width: 1024px) { .features__jellyfish-right-1024 { display: unset } } @media(max-width: 868px) { .features__jellyfish-right-1024 { bottom: 50px; right: 30px } } @media(max-width: 428px) { .features__jellyfish-right-1024 { bottom: 80px; left: 50%; transform: translateX(-50%); width: 269px; height: 477px; opacity: .15 } } @media(max-width: 395px) { .features__jellyfish-right-1024 { bottom: 10px } } @media(max-width: 360px) { .features__jellyfish-right-1024 { bottom: 120px } } .features__text-big { position: absolute; left: 50%; top: 210px; transform: translateX(-50%); font-style: normal; font-weight: 600; font-size: 200px; line-height: 114%; text-align: center; letter-spacing: .72em; color: #fff; opacity: 4%; z-index: -1 } @media(max-width: 1728px) { .features__text-big { top: 150px; font-size: 185px } } @media(max-width: 1440px) { .features__text-big { font-size: 165px; top: 10px } } @media(max-width: 1280px) { .features__text-big { max-width: 1020px; left: 600px; top: 40px } } @media(max-width: 1080px) { .features__text-big { top: 50px; left: 500px; max-width: 740px; font-size: 115px } } @media(max-width: 868px) { .features__text-big { top: 60px; left: 450px; font-size: 90px } } @media(max-width: 428px) { .features__text-big { display: none } } .features__text-small { position: absolute; top: 480px; left: 50%; transform: translateX(-50%) matrix(1, 0, 0, -1, 0, 0); font-weight: 600; font-size: 160px; line-height: 114%; text-align: center; letter-spacing: .72em; color: #fff; opacity: 2%; z-index: -1 } @media(max-width: 1728px) { .features__text-small { font-size: 150px; top: 380px } } @media(max-width: 1440px) { .features__text-small { top: 205px; font-size: 120px } } @media(max-width: 1280px) { .features__text-small { left: 660px } } @media(max-width: 1080px) { .features__text-small { top: 190px; left: 535px; font-size: 90px } } @media(max-width: 868px) { .features__text-small { top: 145px; left: 446px; font-size: 80px } } @media(max-width: 428px) { .features__text-small { display: none } } .roadmap-main { padding-top: 40px; padding-bottom: 184px } .roadmap-main__title-main { font-weight: 400; font-size: 60px; line-height: 77px; color: #fff; text-align: center; margin-bottom: 115px } @media(max-width: 1728px) { .roadmap-main__title-main { margin-bottom: 108px } } @media(max-width: 1440px) { .roadmap-main__title-main { margin-bottom: 87px; font-size: 38px; line-height: 49px } } @media(max-width: 1280px) { .roadmap-main__title-main { font-size: 36px; line-height: 46px; margin-bottom: 82px } } @media(max-width: 1024px) { .roadmap-main__title-main { font-size: 30px; line-height: 39px; margin-bottom: 58px } } @media(max-width: 868px) { .roadmap-main__title-main { font-size: 28px; line-height: 36px; margin-bottom: 37px } } @media(max-width: 428px) { .roadmap-main__title-main { font-size: 34px; line-height: 44px; margin-bottom: 47px } } @media(max-width: 395px) { .roadmap-main__title-main { font-size: 28px; line-height: 36px; margin-bottom: 41px } } @media(max-width: 1728px) { .roadmap-main { padding-bottom: 300px } } @media(max-width: 1440px) { .roadmap-main { padding-bottom: 275px } } @media(max-width: 1280px) { .roadmap-main { padding-bottom: 215px } } @media(max-width: 1024px) { .roadmap-main { padding-bottom: 135px } } @media(max-width: 868px) { .roadmap-main { padding-bottom: 165px } } @media(max-width: 428px) { .roadmap-main { padding-bottom: 223px } } @media(max-width: 395px) { .roadmap-main { padding-bottom: 223px } } @media(max-width: 395px) { .roadmap-main { padding-bottom: 172px } } @media(max-width: 328px) { .roadmap-main { padding-bottom: 208px } } .roadmap-slider-wrapper { display: flex; -moz-column-gap: 50px; column-gap: 50px; align-items: center } @media(max-width: 1728px) { .roadmap-slider-wrapper { -moz-column-gap: 40px; column-gap: 40px } } @media(max-width: 1440px) { .roadmap-slider-wrapper { -moz-column-gap: 25px; column-gap: 25px } } @media(max-width: 1024px) { .roadmap-slider-wrapper { -moz-column-gap: 7px; column-gap: 7px } } .roadmap-slider-wrapper .swiper-button-disabled { opacity: .4 } .roadmap-slider-wrapper .swiper-button-disabled:hover { background-color: unset } .roadmap-slider-wrapper .swiper-button-disabled:hover .roadmap-slider__prev-path { fill: #fff } .roadmap-slider__slide-default { position: relative; text-align: center; padding: 29px 30px 29px 30px; border-radius: 10px; border: 1px solid #505050; min-height: 700px; height: unset } @media(max-width: 1728px) { .roadmap-slider__slide-default { padding: 29px 30px 29px 30px; min-height: 626px } } @media(max-width: 1440px) { .roadmap-slider__slide-default { padding: 24px 30px 22px 30px; min-height: 570px } } @media(max-width: 1280px) { .roadmap-slider__slide-default { padding: 24px 30px 22px 30px; min-height: 550px } } @media(max-width: 1024px) { .roadmap-slider__slide-default { padding: 18px 15px 22px 15px; min-height: 420px } } @media(max-width: 868px) { .roadmap-slider__slide-default { padding: 25px 18px 22px 18px; min-height: 461px } } @media(max-width: 428px) { .roadmap-slider__slide-default { padding: 25px; min-height: 560px } } @media(max-width: 395px) { .roadmap-slider__slide-default { min-height: 493px } } @media(max-width: 395px) { .roadmap-slider__slide-default { padding-bottom: 5px } } .roadmap-slider__slide4 { padding-top: 25px; padding-bottom: 0; background: linear-gradient(180deg, #f73737 -84.51%, rgba(247, 55, 55, 0) 100%) } .roadmap-slider__slide3 { padding-top: 25px; background: linear-gradient(180deg, #f73737 -84.51%, rgba(247, 55, 55, 0) 100%) } .roadmap-slider__slide2 { padding-top: 27px; background: linear-gradient(180deg, #f73737 -84.51%, rgba(247, 55, 55, 0) 100%) } .roadmap-slider__slide1 { padding-top: 28px; background: linear-gradient(180deg, #f73737 -84.51%, rgba(247, 55, 55, 0) 100%) } .roadmap-slider__bottom-lines { position: absolute; left: 0; bottom: 0; z-index: -1; width: 100% } .roadmap-slider__bottom-lines-1 { opacity: .6 } .roadmap-slider__bottom-lines-6 { bottom: 0 } .roadmap-slider__bottom-lines-7 { bottom: -115px } @media(max-width: 1728px) { .roadmap-slider__bottom-lines-7 { bottom: -105px } } @media(max-width: 1440px) { .roadmap-slider__bottom-lines-7 { bottom: -90px } } @media(max-width: 1280px) { .roadmap-slider__bottom-lines-7 { bottom: -80px } } @media(max-width: 1024px) { .roadmap-slider__bottom-lines-7 { bottom: -60px } } @media(max-width: 868px) { .roadmap-slider__bottom-lines-7 { bottom: -75px } } @media(max-width: 428px) { .roadmap-slider__bottom-lines-7 { bottom: -90px } } @media(max-width: 395px) { .roadmap-slider__bottom-lines-7 { bottom: -85px } } @media(max-width: 328px) { .roadmap-slider__bottom-lines-7 { bottom: -70px } } .roadmap-slider__bottom-lines-8 { bottom: 0 } .roadmap-slider__bottom-lines-9 { bottom: -115px } @media(max-width: 1728px) { .roadmap-slider__bottom-lines-9 { bottom: -103px } } @media(max-width: 1440px) { .roadmap-slider__bottom-lines-9 { bottom: -89px } } @media(max-width: 1280px) { .roadmap-slider__bottom-lines-9 { bottom: -80px } } @media(max-width: 1024px) { .roadmap-slider__bottom-lines-9 { bottom: -65px } } @media(max-width: 868px) { .roadmap-slider__bottom-lines-9 { bottom: -75px } } @media(max-width: 428px) { .roadmap-slider__bottom-lines-9 { bottom: -95px } } @media(max-width: 395px) { .roadmap-slider__bottom-lines-9 { bottom: -83px } } @media(max-width: 328px) { .roadmap-slider__bottom-lines-9 { bottom: -68px } } .roadmap-slider__bottom-lines-10 { bottom: 5px } @media(max-width: 428px) { .roadmap-slider__bottom-lines-10 { bottom: -5px } } @media(max-width: 395px) { .roadmap-slider__bottom-lines-10 { bottom: 5px } } .roadmap-slider__bottom-lines-11 { bottom: -100px } @media(max-width: 1728px) { .roadmap-slider__bottom-lines-11 { bottom: -85px } } @media(max-width: 1440px) { .roadmap-slider__bottom-lines-11 { bottom: -75px } } @media(max-width: 1280px) { .roadmap-slider__bottom-lines-11 { bottom: -65px } } @media(max-width: 1024px) { .roadmap-slider__bottom-lines-11 { bottom: -50px } } @media(max-width: 868px) { .roadmap-slider__bottom-lines-11 { bottom: -60px } } @media(max-width: 428px) { .roadmap-slider__bottom-lines-11 { bottom: -80px } } @media(max-width: 395px) { .roadmap-slider__bottom-lines-11 { bottom: -70px } } @media(max-width: 328px) { .roadmap-slider__bottom-lines-11 { bottom: -58px } } .roadmap-slider__bottom-lines-12 { bottom: 2px } @media(max-width: 1728px) { .roadmap-slider__bottom-lines-12 { bottom: 5px } } @media(max-width: 1440px) { .roadmap-slider__bottom-lines-12 { bottom: 4px } } @media(max-width: 1280px) { .roadmap-slider__bottom-lines-12 { bottom: 4px } } @media(max-width: 1024px) { .roadmap-slider__bottom-lines-12 { bottom: 5px } } @media(max-width: 868px) { .roadmap-slider__bottom-lines-12 { bottom: -2px } } @media(max-width: 428px) { .roadmap-slider__bottom-lines-12 { bottom: 3px } } @media(max-width: 395px) { .roadmap-slider__bottom-lines-12 { bottom: 3px } } @media(max-width: 328px) { .roadmap-slider__bottom-lines-12 { bottom: 4px } } .roadmap-slider__slide-subtitle { margin-bottom: 7px; font-weight: 400; font-size: 24px; line-height: 31px; color: #fff } @media(max-width: 1728px) { .roadmap-slider__slide-subtitle { font-size: 20px; line-height: 26px } } @media(max-width: 1440px) { .roadmap-slider__slide-subtitle { font-size: 16px; line-height: 21px } } @media(max-width: 1280px) { .roadmap-slider__slide-subtitle { font-size: 16px; line-height: 20px; margin-bottom: 6px } } @media(max-width: 1024px) { .roadmap-slider__slide-subtitle { font-size: 13px; line-height: 17px; margin-bottom: 5px } } @media(max-width: 868px) { .roadmap-slider__slide-subtitle { font-size: 14px; line-height: 18px; margin-bottom: 2px } } @media(max-width: 428px) { .roadmap-slider__slide-subtitle { font-size: 18px; line-height: 23px; margin-bottom: 4px } } @media(max-width: 395px) { .roadmap-slider__slide-subtitle { font-size: 16px; line-height: 21px } } .roadmap-slider__slide-title { text-align: center; margin-bottom: 68px; margin-left: auto; margin-right: auto; max-width: 350px; font-weight: 400; font-size: 40px; line-height: 52px; color: #fff } @media(max-width: 1728px) { .roadmap-slider__slide-title { font-size: 36px; line-height: 46px; margin-bottom: 50px } } @media(max-width: 1440px) { .roadmap-slider__slide-title { font-size: 30px; line-height: 39px; margin-bottom: 40px } } @media(max-width: 1280px) { .roadmap-slider__slide-title { font-size: 28px; line-height: 36px } } @media(max-width: 1024px) { .roadmap-slider__slide-title { font-size: 22px; line-height: 28px; margin-bottom: 35px } } @media(max-width: 868px) { .roadmap-slider__slide-title { font-size: 22px; line-height: 28px; margin-bottom: 44px } } @media(max-width: 428px) { .roadmap-slider__slide-title { font-size: 26px; line-height: 34px; margin-bottom: 36px } } @media(max-width: 395px) { .roadmap-slider__slide-title { font-size: 24px; line-height: 31px; margin-bottom: 40px } } .roadmap-slider__slide-icon { width: 300px; height: 277px; margin-bottom: 74px } @media(max-width: 1728px) { .roadmap-slider__slide-icon { width: 259px; height: 237px; margin-bottom: 70px } } @media(max-width: 1440px) { .roadmap-slider__slide-icon { width: 250px; height: 225px; margin-bottom: 50px } } @media(max-width: 1280px) { .roadmap-slider__slide-icon { width: 245px; height: 215px; margin-bottom: 63px } } @media(max-width: 1024px) { .roadmap-slider__slide-icon { width: 158px; height: 143px; margin-bottom: 49px } } @media(max-width: 868px) { .roadmap-slider__slide-icon { width: 180px; height: 165px; margin-bottom: 42px } } @media(max-width: 428px) { .roadmap-slider__slide-icon { width: 224px; height: 210px; margin-bottom: 53px } } @media(max-width: 395px) { .roadmap-slider__slide-icon { width: 178px; height: 163px; margin-bottom: 60px } } .roadmap-slider__slide-text { font-weight: 400; font-size: 20px; line-height: 26px; color: #fff; text-align: left } @media(max-width: 1728px) { .roadmap-slider__slide-text { font-size: 19px; line-height: 23px } } @media(max-width: 1440px) { .roadmap-slider__slide-text { font-size: 17px; line-height: 131% } } @media(max-width: 1280px) { .roadmap-slider__slide-text { font-size: 15px } } @media(max-width: 1024px) { .roadmap-slider__slide-text { font-size: 13px } } @media(max-width: 868px) { .roadmap-slider__slide-text { font-size: 14px; line-height: 131% } } @media(max-width: 428px) { .roadmap-slider__slide-text { font-size: 18px } } @media(max-width: 395px) { .roadmap-slider__slide-text { font-size: 15px; line-height: 131% } } .roadmap-slider__prev { position: absolute; left: -90px; display: flex; justify-content: center; align-items: center; width: 100%; max-width: 76px; height: 76px; border-radius: 50%; border: 1px solid #505050; z-index: 2; transition: .5s ease-out } @media(max-width: 1728px) { .roadmap-slider__prev { left: -80px; width: 100%; max-width: 70px; height: 70px } } @media(max-width: 1440px) { .roadmap-slider__prev { left: -70px; max-width: 56px; height: 56px } } @media(max-width: 1300px) { .roadmap-slider__prev { left: -45px; max-width: 56px; height: 56px } } @media(max-width: 1280px) { .roadmap-slider__prev { left: -60px; max-width: 56px; height: 56px } } @media(max-width: 1024px) { .roadmap-slider__prev { left: -50px; max-width: 47px; margin-right: 10px; height: 47px } } @media(max-width: 868px) { .roadmap-slider__prev { top: 560px; left: 290px; max-width: 36px; height: 36px } } @media(max-width: 428px) { .roadmap-slider__prev { top: 690px; left: 145px; max-width: 50px; height: 50px } } @media(max-width: 395px) { .roadmap-slider__prev { top: 600px; left: 130px } } @media(max-width: 328px) { .roadmap-slider__prev { left: 100px } } .roadmap-slider__prev:hover { background-color: #fff } .roadmap-slider__prev:hover .roadmap-slider__prev-path { fill: #f63737 } .roadmap-slider__prev-icon { transform: rotate(180deg); transition: .5s ease-out } @media(max-width: 1440px) { .roadmap-slider__prev-icon { display: none } } .roadmap-slider__prev-icon:hover { background-color: #fff } .roadmap-slider__prev-icon:hover .roadmap-slider__prev-path { fill: #f63737 } .roadmap-slider__prev-icon-1440 { display: none; transition: .5s ease-out } @media(max-width: 1440px) { .roadmap-slider__prev-icon-1440 { display: unset } } @media(max-width: 1024px) { .roadmap-slider__prev-icon-1440 { display: none } } .roadmap-slider__prev-icon-1440:hover { background-color: #fff } .roadmap-slider__prev-icon-1440:hover .roadmap-slider__next-path { fill: #f63737 } .roadmap-slider__prev-icon-1024 { display: none; transform: rotate(180deg) } @media(max-width: 1024px) { .roadmap-slider__prev-icon-1024 { display: unset } } @media(max-width: 868px) { .roadmap-slider__prev-icon-1024 { width: 14px; height: 10px } } @media(max-width: 428px) { .roadmap-slider__prev-icon-1024 { width: 19px; height: 10px } } .roadmap-slider__prev-icon-1024:hover { background-color: #fff } .roadmap-slider__prev-icon-1024:hover .roadmap-slider__next-path { fill: #f63737 } @media(max-width: 1440px) { .roadmap-slider__next-icon { display: none } } .roadmap-slider__next-icon-1440 { display: none; transform: rotate(180deg) } @media(max-width: 1440px) { .roadmap-slider__next-icon-1440 { display: unset } } @media(max-width: 1024px) { .roadmap-slider__next-icon-1440 { display: none } } .roadmap-slider__next-icon-1024 { display: none } @media(max-width: 1024px) { .roadmap-slider__next-icon-1024 { display: unset } } @media(max-width: 868px) { .roadmap-slider__next-icon-1024 { width: 14px; height: 10px } } @media(max-width: 428px) { .roadmap-slider__next-icon-1024 { width: 19px; height: 10px } } .roadmap-slider__next-icon-1024:hover { background-color: #fff } .roadmap-slider__next-icon-1024:hover .roadmap-slider__next-path { fill: #f63737 } .roadmap-slider__next { position: absolute; right: -95px; display: flex; justify-content: center; align-items: center; width: 100%; max-width: 76px; height: 76px; border-radius: 50%; border: 1px solid #505050; z-index: 1; transition: .5s ease-out } @media(max-width: 1728px) { .roadmap-slider__next { right: -85px; width: 100%; max-width: 70px; height: 70px } } @media(max-width: 1440px) { .roadmap-slider__next { right: -75px; max-width: 56px; height: 56px } } @media(max-width: 1300px) { .roadmap-slider__next { right: -45px; max-width: 56px; height: 56px } } @media(max-width: 1280px) { .roadmap-slider__next { right: -65px; max-width: 56px; height: 56px } } @media(max-width: 1024px) { .roadmap-slider__next { right: -55px; max-width: 47px; height: 47px } } @media(max-width: 868px) { .roadmap-slider__next { top: 560px; right: 290px; max-width: 36px; height: 36px } } @media(max-width: 428px) { .roadmap-slider__next { position: absolute; top: 690px; right: 145px; max-width: 36px; max-width: 50px; height: 50px } } @media(max-width: 395px) { .roadmap-slider__next { top: 600px; right: 130px } } @media(max-width: 328px) { .roadmap-slider__next { right: 100px } } .roadmap-slider__next:hover { background-color: #fff } .roadmap-slider__next:hover .roadmap-slider__next-path { fill: #f63737 } .roadmap-slider__prev-path { transition: .5s ease-out } .roadmap-slider__next-path { transition: .5s ease-out } .roadmap-slider__align { padding-top: 63px } @media(max-width: 1728px) { .roadmap-slider__align { padding-top: 59px } } @media(max-width: 1440px) { .roadmap-slider__align { padding-top: 48px } } @media(max-width: 1280px) { .roadmap-slider__align { padding-top: 47px } } @media(max-width: 1024px) { .roadmap-slider__align { padding-top: 36px } } @media(max-width: 868px) { .roadmap-slider__align { padding-top: 43px } } @media(max-width: 428px) { .roadmap-slider__align { padding-top: 50px } } @media(max-width: 395px) { .roadmap-slider__align { padding-top: 49px } } .faq { padding-top: 110px; padding-bottom: 153px; border: 1px solid #505050; border-radius: 60px; margin-bottom: 170px } @media(max-width: 1728px) { .faq { padding-top: 116px; padding-bottom: 127px } } @media(max-width: 1440px) { .faq { padding-top: 124px; padding-bottom: 100px } } @media(max-width: 1280px) { .faq { padding-top: 70px; padding-bottom: 110px } } @media(max-width: 1024px) { .faq { padding-top: 60px; padding-bottom: 57px } } @media(max-width: 868px) { .faq { padding-top: 49px; padding-bottom: 52px; margin-bottom: 94; border-radius: 30px } } @media(max-width: 428px) { .faq { padding-top: 49px; padding-bottom: 52px; margin-bottom: 94px } } @media(max-width: 395px) { .faq { padding-top: 36px; padding-bottom: 64px; margin-bottom: 66px } } @media(max-width: 328px) { .faq { padding-top: 36px; padding-bottom: 41px; margin-bottom: 109px } } .faq__title { font-weight: 400; font-size: 60px; line-height: 77px; text-align: center; color: #fff; margin-bottom: 74px } @media(max-width: 1728px) { .faq__title { font-size: 52px; line-height: 67px; margin-bottom: 110px } } @media(max-width: 1440px) { .faq__title { font-size: 38px; line-height: 49px; margin-bottom: 63px } } @media(max-width: 1280px) { .faq__title { font-size: 36px; line-height: 46px; margin-bottom: 75px } } @media(max-width: 1024px) { .faq__title { font-size: 30px; line-height: 39px; margin-bottom: 52px } } @media(max-width: 868px) { .faq__title { font-size: 28px; line-height: 36px; margin-bottom: 39px } } @media(max-width: 428px) { .faq__title { font-size: 34px; line-height: 44px; margin-bottom: 35px } } @media(max-width: 328px) { .faq__title { font-size: 28px } } .faq__btn { font-family: "Gilroy"; font-weight: 600; font-size: 22px; line-height: 24px; color: #fff; margin-left: 72px } @media(max-width: 1728px) { .faq__btn { font-size: 20px } } @media(max-width: 1440px) { .faq__btn { font-size: 18px } } @media(max-width: 1280px) { .faq__btn { margin-left: 47px; font-size: 16px } } @media(max-width: 1024px) { .faq__btn { font-size: 14px; margin-left: 43px } } @media(max-width: 868px) { .faq__btn { font-size: 13px; line-height: 24px; margin-left: 38px } } @media(max-width: 428px) { .faq__btn { font-size: 18px; line-height: 24px; margin-left: 24px } } @media(max-width: 395px) { .faq__btn { font-size: 14px; line-height: 24px; margin-left: 24px } } @media(max-width: 328px) { .faq__btn { font-size: 14px; margin-left: 24px } } .faq-page { margin-top: 73px; border: none } .faq-page__title { margin-bottom: 60px } @media(max-width: 1728px) { .faq-page { margin-top: 63px; margin-bottom: 180px } } @media(max-width: 1440px) { .faq-page { margin-top: 53px; margin-bottom: 160px } } @media(max-width: 1280px) { .faq-page { margin-top: 43px; margin-bottom: 140px } } @media(max-width: 1024px) { .faq-page { margin-top: 33px; margin-bottom: 100px } } @media(max-width: 868px) { .faq-page { margin-top: 23px; margin-bottom: 80px } } @media(max-width: 428px) { .faq-page { margin-top: 18px; margin-bottom: 60px } } .faq__topics { display: flex; flex-wrap: wrap; justify-content: center; gap: 35px 68px } @media(max-width: 1728px) { .faq__topics { gap: 22px 52px } } @media(max-width: 1440px) { .faq__topics { gap: 18px 40px } } @media(max-width: 1280px) { .faq__topics { gap: 18px 38px } } @media(max-width: 1024px) { .faq__topics { gap: 14px 18px } } .faq__topic { display: flex; flex-direction: column; align-items: center; gap: 32px; max-width: 730px } @media(max-width: 1728px) { .faq__topic { gap: 30px; max-width: 652px } } @media(max-width: 1440px) { .faq__topic { gap: 28px; max-width: 560px } } @media(max-width: 1280px) { .faq__topic { gap: 26px; max-width: 498px } } @media(max-width: 1024px) { .faq__topic { gap: 24px; max-width: 400px } } @media(max-width: 868px) { .faq__topic { gap: 20px; max-width: 445px } } .faq__topic-title { font-size: 38px; color: #fff } @media(max-width: 1728px) { .faq__topic-title { font-size: 36px } } @media(max-width: 1440px) { .faq__topic-title { font-size: 30px } } @media(max-width: 1280px) { .faq__topic-title { font-size: 26px } } @media(max-width: 1024px) { .faq__topic-title { font-size: 24px } } @media(max-width: 868px) { .faq__topic-title { font-size: 20px } } @media(max-width: 428px) { .faq__topic-title { font-size: 24px } } @media(max-width: 328px) { .faq__topic-title { font-size: 20px } } .faq-accordeons { display: flex; flex-direction: column; row-gap: 12px; margin-bottom: 70px } @media(max-width: 1728px) { .faq-accordeons { margin-bottom: 40px } } @media(max-width: 1440px) { .faq-accordeons { margin-bottom: 32px } } @media(max-width: 1280px) { .faq-accordeons { row-gap: 7px } } @media(max-width: 1024px) { .faq-accordeons { row-gap: 5px } } @media(max-width: 1024px) { .faq-accordeons { margin-bottom: 20px } } @media(max-width: 868px) { .faq-accordeons { row-gap: 8px; margin-bottom: 23px } } @media(max-width: 428px) { .faq-accordeons { margin-bottom: 25px } } @media(max-width: 395px) { .faq-accordeons { margin-bottom: 22px } } @media(max-width: 328px) { .faq-accordeons { margin-bottom: 15px } } .faq-accordeons__accordeon { display: flex; align-items: center; justify-content: space-between; border: 1px solid #505050; border-radius: 60px; padding: 24px 67px 23px 44px; transition: border .5s ease-out } .faq-accordeons__accordeon:hover { border: 1px solid #f63737 } .faq-accordeons__accordeon:hover .faq-accordeons__path { stroke: #f63737 } @media(max-width: 1728px) { .faq-accordeons__accordeon { padding: 20px 60px 20px 44px } } @media(max-width: 1280px) { .faq-accordeons__accordeon { padding: 20px 53px 20px 44px } } @media(max-width: 1024px) { .faq-accordeons__accordeon { padding: 17px 42px 17px 40px } } @media(max-width: 868px) { .faq-accordeons__accordeon { padding: 15px 16px 14px 35px } } @media(max-width: 428px) { .faq-accordeons__accordeon { padding: 16px 27px 16px 21px } } @media(max-width: 395px) { .faq-accordeons__accordeon { padding: 14px 21px 14px 21px } } @media(max-width: 328px) { .faq-accordeons__accordeon { padding: 12px 21px 12px 21px } } .faq-accordeons__text { text-align: start; font-weight: 400; font-size: 28px; line-height: 36px; color: #fff } .faq-accordeons__text--faq-page { font-size: 24px; line-height: 30.96px } @media(max-width: 1728px) { .faq-accordeons__text { font-size: 24px; line-height: 31px } } @media(max-width: 1440px) { .faq-accordeons__text { font-size: 20px; line-height: 26px } } @media(max-width: 1280px) { .faq-accordeons__text { font-size: 18px; line-height: 23px } } @media(max-width: 1024px) { .faq-accordeons__text { font-size: 16px; line-height: 21px } } @media(max-width: 868px) { .faq-accordeons__text { font-size: 14px; line-height: 18px } } @media(max-width: 428px) { .faq-accordeons__text { max-width: 280px; font-size: 18px; line-height: 23px } } @media(max-width: 395px) { .faq-accordeons__text { max-width: 255px; font-size: 15px; line-height: 19px } } @media(max-width: 328px) { .faq-accordeons__text { max-width: 200px; font-size: 14px; line-height: 18px } } @media(max-width: 1440px) { .faq-accordeons__icon { display: none } } @media(max-width: 1280px) { .faq-accordeons__icon { display: none } } @media(max-width: 868px) { .faq-accordeons__icon { width: 14px; height: 14px } } @media(max-width: 428px) { .faq-accordeons__icon { width: 15px; height: 15px } } @media(max-width: 328px) { .faq-accordeons__icon { width: 12px; height: 12px } } .faq-accordeons__icon-1440 { display: none } @media(max-width: 1440px) { .faq-accordeons__icon-1440 { display: unset } } @media(max-width: 1280px) { .faq-accordeons__icon-1440 { display: none } } .faq-accordeons__icon-1280 { display: none } @media(max-width: 1280px) { .faq-accordeons__icon-1280 { display: unset } } @media(max-width: 1024px) { .faq-accordeons__icon-1280 { display: none } } .faq-accordeons__icon-1024 { display: none } @media(max-width: 1024px) { .faq-accordeons__icon-1024 { display: unset } } .faq-accordeons__path { transition: .5s ease-out } .faq-accordeons__path--active { stroke: #f63737 } .faq-accordeons__path1--active { transform: scaleY(0) } .faq-accordeons__item { display: block; max-width: 1096px; font-family: "Gilroy"; font-weight: 400; font-size: 20px; line-height: 24px; color: #fff; margin-left: 44px; height: 0; overflow-y: hidden; transition: .3s ease-out } .faq-accordeons__item--faq-page { margin-right: 150px } @media(max-width: 1440px) { .faq-accordeons__item--faq-page { margin-right: 100px } } @media(max-width: 1280px) { .faq-accordeons__item--faq-page { margin-right: 70px } } @media(max-width: 1024px) { .faq-accordeons__item--faq-page { margin-right: 35px } } @media(max-width: 1728px) { .faq-accordeons__item { font-size: 19px; max-width: 977px } } @media(max-width: 1440px) { .faq-accordeons__item { font-size: 16px; line-height: 20px; max-width: 436px } } @media(max-width: 1280px) { .faq-accordeons__item { font-size: 15px } } @media(max-width: 1024px) { .faq-accordeons__item { font-size: 13px } } @media(max-width: 868px) { .faq-accordeons__item { font-size: 14px; line-height: 18px; margin-left: 36px } } @media(max-width: 428px) { .faq-accordeons__item { font-size: 18px; line-height: 22px; max-width: 320px; margin-left: 23px } } @media(max-width: 395px) { .faq-accordeons__item { font-size: 15px; line-height: 18px; margin-left: 22px; max-width: 236px } } @media(max-width: 328px) { .faq-accordeons__item { font-size: 14px; margin-left: 24px } } .faq-accordeons__item--active { border-color: #f63737 } @media(max-width: 1024px) { .documents { display: none } } .wallet-top { margin-top: 125px; margin-bottom: 210px; min-height: auto } @media(max-width: 1728px) { .wallet-top { margin-top: 160px; margin-bottom: 308px } } @media(max-width: 1440px) { .wallet-top { margin-top: 121px; margin-bottom: 203px } } @media(max-width: 1280px) { .wallet-top { margin-bottom: 178px } } @media(max-width: 1024px) { .wallet-top { margin-top: 80px; margin-bottom: 194px } } @media(max-width: 868px) { .wallet-top { margin-top: 96px } } @media(max-width: 328px) { .wallet-top { margin-top: 80px; margin-bottom: 90px } } .wallet-top__wrapper { display: flex; flex-direction: column; align-items: center; text-align: center } .wallet-title { font-size: 60px; line-height: 77px; color: #fff } @media(max-width: 1728px) { .wallet-title { font-size: 55px; line-height: 71px } } @media(max-width: 1440px) { .wallet-title { font-size: 45px; line-height: 58px } } @media(max-width: 1280px) { .wallet-title { font-size: 43px; line-height: 55px } } @media(max-width: 1024px) { .wallet-title { font-size: 35px; line-height: 45px } } @media(max-width: 328px) { .wallet-top__title { font-size: 27px; line-height: 115% } } .wallet-top__subtitle { display: block; text-align: center; margin-top: 20px; max-width: 1007px; font-family: "Gilroy"; font-size: 22px; line-height: 26px; color: #fff } @media(max-width: 1728px) { .wallet-top__subtitle { font-size: 20px; line-height: 24px } } @media(max-width: 1440px) { .wallet-top__subtitle { max-width: 720px; font-size: 16px; line-height: 19px } } @media(max-width: 1280px) { .wallet-top__subtitle { font-size: 15px; line-height: 18px } } @media(max-width: 1024px) { .wallet-top__subtitle { margin-top: 12px; max-width: 605px; font-size: 14px; line-height: 17px } } @media(max-width: 868px) { .wallet-top__subtitle { font-size: 18px; line-height: 24px } } @media(max-width: 428px) { .wallet-top__subtitle { max-width: 372px; font-size: 18px; line-height: 24px } } @media(max-width: 328px) { .wallet-top__subtitle { margin-top: 10px; font-size: 13px; line-height: 16px } } .wallet-top__img { margin-top: 115px } @media(max-width: 1728px) { .wallet-top__img { margin-top: 101px; width: 1027px; height: 588px } } @media(max-width: 1440px) { .wallet-top__img { margin-top: 75px; width: 842px; height: 483px } } @media(max-width: 1280px) { .wallet-top__img { margin-top: 80px; width: 778px; height: 446px } } @media(max-width: 1024px) { .wallet-top__img { margin-top: 43px; width: 689px; height: 395px } } @media(max-width: 868px) { .wallet-top__img { margin-top: 30px; width: 408px; height: 234px } } @media(max-width: 328px) { .wallet-top__img { margin-top: 25px; width: 297px; height: 170px } } .grab-wallet { margin-bottom: 170px; padding: 142px 0 153px 0; border: 1px solid #505050; border-radius: 60px } @media(max-width: 1728px) { .grab-wallet { margin-bottom: 188px; padding: 99px 0 135px 0 } } @media(max-width: 1440px) { .grab-wallet { padding: 106px 0 122px 0 } } @media(max-width: 1280px) { .grab-wallet { margin-bottom: 112px; padding-bottom: 77px } } @media(max-width: 1024px) { .grab-wallet { margin-bottom: 120px; padding: 64px 0 95px 0 } } @media(max-width: 868px) { .grab-wallet { margin-bottom: 100px; padding: 82px 0 85px 0; border-radius: 40px } } @media(max-width: 328px) { .grab-wallet { margin-bottom: 110px; padding: 41px 0 73px 0; border-radius: 30px } } .grab-wallet__wrapper { text-align: center } @media(max-width: 1728px) { .grab-wallet__title { margin-top: 74px; font-size: 52px; line-height: 67px } } @media(max-width: 1440px) { .grab-wallet__title { margin-top: 65px; font-size: 38px; line-height: 49px } } @media(max-width: 1280px) { .grab-wallet__title { margin-top: 51px; font-size: 30px; line-height: 39px } } @media(max-width: 1024px) { .grab-wallet__title { margin-top: 49px } } @media(max-width: 868px) { .grab-wallet__title { margin-top: 0 } } @media(max-width: 328px) { .grab-wallet__title { font-size: 24px; line-height: 31px } } .grab-wallet__subtext { display: block; margin-top: 57px; font-size: 22px; line-height: 28px; color: #fff; opacity: .6 } @media(max-width: 1728px) { .grab-wallet__subtext { margin-top: 51px; font-size: 20px; line-height: 26px } } @media(max-width: 1440px) { .grab-wallet__subtext { margin-top: 42px; font-size: 17px; line-height: 22px } } @media(max-width: 1280px) { .grab-wallet__subtext { margin-top: 35px; font-size: 14px; line-height: 18px } } @media(max-width: 1024px) { .grab-wallet__subtext { margin-top: 34px } } @media(max-width: 868px) { .grab-wallet__subtext { margin-top: 29px } } @media(max-width: 328px) { .grab-wallet__subtext { margin-top: 24px } } .grab-wallet__box { display: flex; gap: 30px; margin-top: 58px } @media(max-width: 1728px) { .grab-wallet__box { gap: 20px } } @media(max-width: 1440px) { .grab-wallet__box { gap: 22px } } @media(max-width: 1280px) { .grab-wallet__box { gap: 15px } } @media(max-width: 868px) { .grab-wallet__box { flex-direction: column; margin-top: 41px } } @media(max-width: 328px) { .grab-wallet__box { margin-top: 31px } } .partner-wallets { gap: 44px } @media(max-width: 1728px) { .partner-wallets { gap: 54px } } @media(max-width: 1440px) { .partner-wallets { gap: 52px } } @media(max-width: 1280px) { .partner-wallets { gap: 45px } } @media(max-width: 1024px) { .partner-wallets { gap: 37px } } .wallet__box-button { display: flex; align-items: center; gap: 95px; padding: 61px 87px; padding-right: 70px; width: 490px; border: 1px solid #505050; border-radius: 10px; transition: background-color .5s ease-out } .wallet__box-button:hover { background-color: #f73636 } @media(max-width: 1728px) { .wallet__box-button { padding-right: 29px; gap: 54px } } @media(max-width: 1440px) { .wallet__box-button { gap: 52px; padding: 54px 80px; padding-right: 29px } } @media(max-width: 1280px) { .wallet__box-button { gap: 45px; padding: 55px 71px; padding-right: 29px } } @media(max-width: 1024px) { .wallet__box-button { gap: 35px; padding: 42px 40px; padding-right: 30px } } @media(max-width: 868px) { .wallet__box-button { gap: 68px; width: auto; padding: 44px 62px; padding-right: 30px } } @media(max-width: 328px) { .wallet__box-button { gap: 55px; padding: 42px 45px } } @media(max-width: 1440px) { .wallet__box-img { width: 63px; height: 58px } } @media(max-width: 1280px) { .wallet__box-img { width: 53px; height: 49px } } @media(max-width: 1024px) { .wallet__box-img { width: 49px; height: 45px } } @media(max-width: 868px) { .wallet__box-img { width: 81px; height: 74px } } @media(max-width: 328px) { .wallet__box-img { width: 53px; height: 48px } } .wallet__box-text { font-size: 24px; line-height: 31px; color: #fff; transition: color .5s ease-out } @media(max-width: 1440px) { .wallet__box-text { font-size: 22px; line-height: 28px } } @media(max-width: 1024px) { .wallet__box-text { font-size: 18px; line-height: 23px } } @media(max-width: 868px) { .wallet__box-text { font-size: 20px; line-height: 26px } } @media(max-width: 328px) { .wallet__box-text { font-size: 14px; line-height: 18px } } .waves { display: block; margin: 0 auto; margin-top: 115px } @media(max-width: 1728px) { .waves { margin-top: 101px } } @media(max-width: 1440px) { .waves { margin-top: 73px } } @media(max-width: 1280px) { .waves { margin-top: 55px } } @media(max-width: 1024px) { .waves { margin-top: 70px } } @media(max-width: 868px) { .waves { position: relative; right: 30px; margin-top: 57px; max-width: 475px; height: 105px; transform: scale(200%) } } @media(max-width: 328px) { .waves { position: relative; right: 100px; margin-top: 57px; max-width: 475px; height: 105px; transform: scale(160%) } } .partner-wallets { text-align: center; margin-top: 43px } @media(max-width: 1728px) { .partner-wallets { margin-top: 67px } } @media(max-width: 1440px) { .partner-wallets { margin-top: 0 } } @media(max-width: 1728px) { .artner-wallets__title { margin-top: 0; font-size: 52px; line-height: 67px } } @media(max-width: 1440px) { .artner-wallets__title { font-size: 38px; line-height: 49px } } @media(max-width: 1280px) { .artner-wallets__title { font-size: 30px; line-height: 39px } } @media(max-width: 1024px) { .artner-wallets__title { font-size: 30px; line-height: 39px } } @media(max-width: 328px) { .artner-wallets__title { font-size: 24px; line-height: 31px } } .partner-wallets__box { display: flex; justify-content: center; margin-top: 67px; gap: 30px } @media(max-width: 1728px) { .partner-wallets__box { margin-top: 85px; gap: 20px } } @media(max-width: 1440px) { .partner-wallets__box { margin-top: 55px; gap: 22px } } @media(max-width: 1280px) { .partner-wallets__box { margin-top: 32px; gap: 15px } } @media(max-width: 1024px) { .partner-wallets__box { margin-top: 35px } } @media(max-width: 868px) { .partner-wallets__box { flex-direction: column } } @media(max-width: 328px) { .partner-wallets__box { margin-top: 44px; gap: 8px } } .partner-wallets__box-item { display: flex; align-items: center; padding: 61px 87px; gap: 47px; background-color: #f73636; border-radius: 10px; transition: background-color .5s ease-out } .partner-wallets__box-item svg path { transition: fill .5s ease-out } .partner-wallets__box-item:hover { background-color: #fff } .partner-wallets__box-item:hover .wallet__box-text { color: #161616 } .partner-wallets__box-item:hover svg path { fill: #161616 } @media(max-width: 1728px) { .partner-wallets__box-item { padding: 61px 67px; gap: 44px } } @media(max-width: 1440px) { .partner-wallets__box-item { padding: 55px 43px; gap: 54px } } @media(max-width: 1280px) { .partner-wallets__box-item { padding: 52px 58px; gap: 37px } } @media(max-width: 1024px) { .partner-wallets__box-item { padding: 45px; gap: 35px } } @media(max-width: 868px) { .partner-wallets__box-item { padding: 56px 67px; padding-right: 35px; gap: 62px } } @media(max-width: 328px) { .partner-wallets__box-item { padding-left: 30px; gap: 55px } } @media(max-width: 1440px) { .partner-wallet__box-img { width: 64px; height: 56px } } @media(max-width: 1280px) { .partner-wallet__box-img { width: 56px; height: 48px } } @media(max-width: 1024px) { .partner-wallet__box-img { width: 46px; height: 40px } } @media(max-width: 868px) { .partner-wallet__box-img { width: 72px; height: 50px } } @media(max-width: 328px) { .partner-wallet__box-img { width: 55px; height: 48px } } .wallet__circle-left { left: 140px; top: 475px } @media(max-width: 1728px) { .wallet__circle-left { left: 125px; top: 530px; width: 655px; height: 655px } } @media(max-width: 1440px) { .wallet__circle-left { left: 170px; top: 440px; width: 546px; height: 546px } } @media(max-width: 1280px) { .wallet__circle-left { left: 230px; top: 420px; width: 416px; height: 416px } } @media(max-width: 1024px) { .wallet__circle-left { left: 160px; top: 325px; width: 369px; height: 369px } } @media(max-width: 868px) { .wallet__circle-left { left: 50%; transform: translateX(-50%) } } @media(max-width: 428px) { .wallet__circle-left { top: 250px; width: 375px; height: 375px } } @media(max-width: 328px) { .wallet__circle-left { top: 100px; width: 275px; height: 275px; opacity: .3 } } .wallet__circle-right { top: 800px; right: 0; opacity: .08 } @media(max-width: 1728px) { .wallet__circle-right { top: 800px; width: 655px; height: 655px } } @media(max-width: 1440px) { .wallet__circle-right { top: 740px; width: 546px; height: 546px } } @media(max-width: 1280px) { .wallet__circle-right { top: 610px; width: 469px; height: 469px } } @media(max-width: 1024px) { .wallet__circle-right { top: 565px; width: 369px; height: 369px; opacity: .12 } } @media(max-width: 868px) { .wallet__circle-right { display: none } } .roadmap { padding-bottom: 240px } @media(max-width: 1440px) { .roadmap { padding-bottom: 150px } } @media(max-width: 1280px) { .roadmap { padding-bottom: 120px } } .roadmap__wrapper { position: relative; display: flex; flex-direction: column; align-items: center; margin-top: 185px } @media(max-width: 1440px) { .roadmap__wrapper { margin-top: 160px } } @media(max-width: 1280px) { .roadmap__wrapper { margin-top: 130px } } .roadmap__title { margin-bottom: 20px; font-size: 60px } @media(max-width: 1728px) { .roadmap__title { font-size: 52px } } @media(max-width: 1440px) { .roadmap__title { font-size: 38px } } @media(max-width: 428px) { .roadmap__title { font-size: 35px } } @media(max-width: 328px) { .roadmap__title { font-size: 27px } } .roadmap__road-wrapper { display: flex; justify-content: space-between; margin-top: 135px; width: 100% } @media(max-width: 1440px) { .roadmap__road-wrapper { margin-top: 125px } } @media(max-width: 1024px) { .roadmap__road-wrapper { display: none } } .roadmap__road-item { position: relative; display: flex } .roadmap__road-item-right { margin-top: 75px } @media(max-width: 1728px) { .roadmap__road-item-right { margin-top: 50px } } @media(max-width: 1440px) { .roadmap__road-item-right { margin-top: 20px; margin-left: 10px } } @media(max-width: 1280px) { .roadmap__road-item-right { margin-top: 0; margin-left: 28px } } .roadmap__road-content { max-width: 388px; text-align: right; align-self: center } .roadmap__road-content-right { text-align: left; margin-left: 20px } .roadmap__road-success { font-size: 20px; line-height: 26px; color: #f73636 } @media(max-width: 1728px) { .roadmap__road-success { font-size: 18px } } @media(max-width: 1440px) { .roadmap__road-success { font-size: 16px } } @media(max-width: 1280px) { .roadmap__road-success { font-size: 14px } } .roadmap__road-title { font-size: 30px; line-height: 39px; color: #f73636 } @media(max-width: 1728px) { .roadmap__road-title { font-size: 28px } } @media(max-width: 1440px) { .roadmap__road-title { font-size: 24px } } @media(max-width: 1280px) { .roadmap__road-title { font-size: 22px } } .roadmap__road-text { margin-top: 20px; font-size: 20px; line-height: 26px; color: #fff; opacity: .7 } @media(max-width: 1728px) { .roadmap__road-text { margin-top: 16px; font-size: 18px } } @media(max-width: 1440px) { .roadmap__road-text { width: 290px; font-size: 15px; line-height: 1.5 } } @media(max-width: 1280px) { .roadmap__road-text { font-size: 14px; margin-top: 8px; width: 250px } } .roadmap__road-img { margin-left: 20px; width: 260px; height: 247px } @media(max-width: 1728px) { .roadmap__road-img { width: 248px; height: 235px } } @media(max-width: 1440px) { .roadmap__road-img { width: 228px; height: 215px } } @media(max-width: 1280px) { .roadmap__road-img { width: 208px; height: 195px } } .roadmap__road { position: absolute; transform: scale(114%); top: 671px; left: 92px; z-index: -1 } @media(max-width: 1728px) { .roadmap__road { top: 648px; left: 92px } } @media(max-width: 1440px) { .roadmap__road { top: 584px } } @media(max-width: 1280px) { .roadmap__road { top: 540px } } @media(max-width: 1024px) { .roadmap__road { display: none } } .roadmap__road-white { position: absolute; transform: scale(115%); top: 570px; left: 95px; z-index: -1 } @media(max-width: 1728px) { .roadmap__road-white { top: 559px; left: 92px } } @media(max-width: 1440px) { .roadmap__road-white { top: 507px; left: 90px } } @media(max-width: 1280px) { .roadmap__road-white { top: 472px } } @media(max-width: 1024px) { .roadmap__road-white { display: none } } .roadmap__road-img-up { margin-bottom: 130px } @media(max-width: 1728px) { .roadmap__road-img-up { margin-bottom: 120px } } @media(max-width: 1440px) { .roadmap__road-img-up { margin-bottom: 60px } } .roadmap__road-img-ten { margin-bottom: 70px } .roadmap__road-wrapper-up { position: relative; bottom: 60px; left: 44px } @media(max-width: 1728px) { .roadmap__road-wrapper-up { bottom: 80px } } @media(max-width: 1440px) { .roadmap__road-wrapper-up { bottom: 90px } } @media(max-width: 1280px) { .roadmap__road-wrapper-up { bottom: 100px } } .roadmap__road-wrapper-right { justify-content: right; margin-top: 0px } .roadmap__road-wrapper-five { position: relative; margin-top: 24px } @media(max-width: 1728px) { .roadmap__road-wrapper-five { margin-top: 0; bottom: 50px } } @media(max-width: 1280px) { .roadmap__road-wrapper-five { margin-top: 18px } } .roadmap__road-wrapper-seven { position: relative; margin-top: 10px; margin-left: 38px } @media(max-width: 1728px) { .roadmap__road-wrapper-seven { margin-top: 0px; bottom: 85px } } @media(max-width: 1440px) { .roadmap__road-wrapper-seven { bottom: 125px } } @media(max-width: 1280px) { .roadmap__road-wrapper-seven { bottom: 155px; left: 40px } } .roadmap__road-content-nine { margin-left: 35px; margin-bottom: 25px } .roadmap__road-item-left { margin-right: 160px; margin-bottom: 82px } @media(max-width: 1728px) { .roadmap__road-item-left { margin-right: 120px } } @media(max-width: 1280px) { .roadmap__road-item-left { margin-right: 90px } } .roadmap__road-item-six { position: relative; margin-right: 85px; margin-top: -40px; gap: 20px } @media(max-width: 1440px) { .roadmap__road-item-six { bottom: 35px; margin-right: 41px; margin-top: -10px } } @media(max-width: 1280px) { .roadmap__road-item-six { bottom: 10px; margin-right: 30px; margin-top: -68px } } .roadmap__road-item-seven { gap: 20px; margin-bottom: 30px; margin-right: 100px } .roadmap__road-img-seven { margin-bottom: 40px } .roadmap__road-item-eight { margin-right: 80px; gap: 20px } .roadmap__road-item-nine { position: relative; bottom: 40px; margin-left: 20px } @media(max-width: 1728px) { .roadmap__road-item-nine { bottom: 72px } } @media(max-width: 1440px) { .roadmap__road-item-nine { bottom: 105px } } @media(max-width: 1280px) { .roadmap__road-item-nine { bottom: 135px } } .roadmap__road-item-eleven { margin-right: 75px; margin-top: 20px } .roadmap__road-point-1 { position: absolute; right: 98px; top: 279px } @media(max-width: 1440px) { .roadmap__road-point-1 { right: 90px; top: 242px } } @media(max-width: 1280px) { .roadmap__road-point-1 { width: 52px; height: 52px; right: 84px; top: 215px } } .roadmap__road-point-2 { position: absolute; right: 106px; top: 279px } @media(max-width: 1728px) { .roadmap__road-point-2 { right: 105px } } @media(max-width: 1440px) { .roadmap__road-point-2 { right: 90px; top: 242px } } @media(max-width: 1280px) { .roadmap__road-point-2 { width: 52px; height: 52px; right: 80px; top: 215px } } .roadmap__road-point-3 { position: absolute; right: 477px; top: 90px } @media(max-width: 1728px) { .roadmap__road-point-3 { right: 436px } } @media(max-width: 1440px) { .roadmap__road-point-3 { top: 75px; right: 530px } } @media(max-width: 1280px) { .roadmap__road-point-3 { width: 52px; height: 52px; top: 73px; right: 479px } } .roadmap__road-point-4 { position: absolute; right: 15px; top: 300px } @media(max-width: 1728px) { .roadmap__road-point-4 { right: 40px; top: 280px } } @media(max-width: 1440px) { .roadmap__road-point-4 { right: 3px; top: 252px } } @media(max-width: 1280px) { .roadmap__road-point-4 { width: 52px; height: 52px; right: 0px; top: 224px } } .roadmap__road-point-5 { position: absolute; right: 105px; top: 300px } @media(max-width: 1728px) { .roadmap__road-point-5 { top: 275px } } @media(max-width: 1440px) { .roadmap__road-point-5 { right: 83px; top: 253px } } @media(max-width: 1280px) { .roadmap__road-point-5 { width: 52px; height: 52px; right: 80px; top: 228px } } .roadmap__road-point-6 { position: absolute; left: 707px; top: 73px } @media(max-width: 1728px) { .roadmap__road-point-6 { left: 740px } } @media(max-width: 1440px) { .roadmap__road-point-6 { left: 590px; top: 76px } } @media(max-width: 1280px) { .roadmap__road-point-6 { width: 52px; height: 52px; left: 530px; top: 62px } } .roadmap__road-point-7 { position: absolute; left: 490px; top: 244px } @media(max-width: 1728px) { .roadmap__road-point-7 { left: 436px; top: 260px } } @media(max-width: 1440px) { .roadmap__road-point-7 { left: 414px; top: 246px } } @media(max-width: 1280px) { .roadmap__road-point-7 { width: 52px; height: 52px; left: 366px; top: 219px } } .roadmap__road-point-8 { position: absolute; left: 502px; top: 244px } @media(max-width: 1728px) { .roadmap__road-point-8 { left: 440px; top: 260px } } @media(max-width: 1440px) { .roadmap__road-point-8 { left: 407px; top: 246px } } @media(max-width: 1280px) { .roadmap__road-point-8 { width: 52px; height: 52px; left: 355px; top: 219px } } .roadmap__road-point-9 { position: absolute; right: 667px; top: 70px } @media(max-width: 1728px) { .roadmap__road-point-9 { right: 685px } } @media(max-width: 1440px) { .roadmap__road-point-9 { right: 558px } } @media(max-width: 1280px) { .roadmap__road-point-9 { width: 52px; height: 52px; top: 63px; right: 487px } } .roadmap__road-point-10 { position: absolute; right: 80px; top: 260px } @media(max-width: 1728px) { .roadmap__road-point-10 { right: 90px; top: 260px } } @media(max-width: 1440px) { .roadmap__road-point-10 { right: 88px; top: 245px } } @media(max-width: 1280px) { .roadmap__road-point-10 { width: 52px; height: 52px; right: 79px; top: 218px } } .roadmap__road-point-11 { position: absolute; right: 89px; top: 253px } @media(max-width: 1728px) { .roadmap__road-point-11 { right: 96px; top: 280px } } @media(max-width: 1440px) { .roadmap__road-point-11 { right: 94px; top: 265px } } @media(max-width: 1280px) { .roadmap__road-point-11 { width: 52px; height: 52px; right: 85px; top: 238px } } .roadmap-mobail { display: none; margin-top: 64px; gap: 30px 7px } @media(max-width: 1024px) { .roadmap-mobail { display: flex; justify-content: center; flex-wrap: wrap } } @media(max-width: 428px) { .roadmap-mobail { gap: 25px } } @media(max-width: 328px) { .roadmap-mobail { margin-top: 70px; gap: 22px } } .roadmap-mobail__item { position: relative; text-align: center; padding: 40px 15px 15px 15px; width: 100%; max-width: 268px; min-height: 402px; border: 1px solid #505050; border-radius: 10px; color: #fff; overflow: hidden } @media(max-width: 428px) { .roadmap-mobail__item { padding: 45px 25px 25px 25px; max-width: 100%; min-height: 524px } } @media(max-width: 328px) { .roadmap-mobail__item { padding: 23px 10px 10px 10px; max-width: 100%; min-height: 407px } } .roadmap-mobail__item-success { padding: 20px 15px; background: linear-gradient(180deg, #f73636 -84.51%, rgba(247, 55, 55, 0) 100%) } @media(max-width: 428px) { .roadmap-mobail__item-success { padding: 25px } } @media(max-width: 328px) { .roadmap-mobail__item-success { padding: 23px 10px 10px 10px } } .roadmap-mobail__success { margin-bottom: 5px; font-size: 13px; color: inherit } @media(max-width: 428px) { .roadmap-mobail__success { font-size: 18px; margin-bottom: 4px } } @media(max-width: 328px) { .roadmap-mobail__success { font-size: 13px; margin-bottom: 5px } } .roadmap-mobail__title { margin-bottom: 35px; font-size: 22px; line-height: 28px; color: inherit } @media(max-width: 428px) { .roadmap-mobail__title { font-size: 26px; line-height: 34px; margin-bottom: 36px } } @media(max-width: 328px) { .roadmap-mobail__title { font-size: 20px; margin-bottom: 29px } } .roadmap-mobail__img { margin-bottom: 40px; width: 160px; height: 153px } @media(max-width: 428px) { .roadmap-mobail__img { width: 204px; height: 210px; margin-bottom: 53px } } @media(max-width: 328px) { .roadmap-mobail__img { width: 183px; height: 160px; margin-bottom: 48px } } .roadmap-mobail__text { text-align: start; font-family: "Gilroy"; font-size: 13px; line-height: 131%; color: inherit } @media(max-width: 428px) { .roadmap-mobail__text { margin-right: 35px; font-size: 18px } } @media(max-width: 328px) { .roadmap-mobail__text { font-size: 14px; line-height: 17px } } .roadmap-mobail__waves { position: absolute; bottom: 0; left: 0; z-index: -1; opacity: .6 } @media(max-width: 428px) { .roadmap-mobail__waves { width: 100%; height: 100% } } .roadmap-mobail__waves-1 { bottom: -5px } @media(max-width: 428px) { .roadmap-mobail__waves-1 { bottom: -192px } } @media(max-width: 328px) { .roadmap-mobail__waves-1 { bottom: -165px } } @media(max-width: 428px) { .roadmap-mobail__waves-2 { bottom: -190px } } @media(max-width: 395px) { .roadmap-mobail__waves-2 { bottom: -200px } } @media(max-width: 328px) { .roadmap-mobail__waves-2 { bottom: -165px } } .roadmap-mobail__waves-3 { bottom: -5px } @media(max-width: 428px) { .roadmap-mobail__waves-3 { bottom: -205px } } @media(max-width: 328px) { .roadmap-mobail__waves-3 { bottom: -165px } } @media(max-width: 428px) { .roadmap-mobail__waves-4 { bottom: -195px } } @media(max-width: 395px) { .roadmap-mobail__waves-4 { bottom: -210px } } @media(max-width: 328px) { .roadmap-mobail__waves-4 { bottom: -165px } } .roadmap-mobail__waves-5 { bottom: 15px } @media(max-width: 428px) { .roadmap-mobail__waves-5 { bottom: -175px } } @media(max-width: 328px) { .roadmap-mobail__waves-5 { bottom: -135px } } .roadmap-mobail__waves-6 { bottom: 0 } @media(max-width: 428px) { .roadmap-mobail__waves-6 { bottom: -225px } } @media(max-width: 395px) { .roadmap-mobail__waves-6 { bottom: -235px } } @media(max-width: 328px) { .roadmap-mobail__waves-6 { bottom: -165px } } @media(max-width: 428px) { .roadmap-mobail__waves-7 { bottom: -160px } } @media(max-width: 328px) { .roadmap-mobail__waves-7 { bottom: -165px } } .roadmap-mobail__waves-8 { bottom: 0 } @media(max-width: 428px) { .roadmap-mobail__waves-8 { bottom: -170px } } .roadmap-mobail__waves-9 { bottom: 0 } @media(max-width: 428px) { .roadmap-mobail__waves-9 { bottom: -170px } } @media(max-width: 328px) { .roadmap-mobail__waves-9 { bottom: -155px } } @media(max-width: 428px) { .roadmap-mobail__waves-10 { bottom: -180px } } @media(max-width: 395px) { .roadmap-mobail__waves-10 { bottom: -190px } } @media(max-width: 328px) { .roadmap-mobail__waves-10 { bottom: -145px } } .roadmap-mobail__waves-11 { bottom: 0 } @media(max-width: 428px) { .roadmap-mobail__waves-11 { bottom: -165px } } @media(max-width: 395px) { .roadmap-mobail__waves-11 { bottom: -175px } } @media(max-width: 328px) { .roadmap-mobail__waves-11 { bottom: -155px } } .roadmap-particles-1 { top: -180px; left: -80px; z-index: -1 } @media(max-width: 868px) { .roadmap-particles-1 { top: -330px } } @media(max-width: 428px) { .roadmap-particles-1 { top: -320px; opacity: .5 } } .roadmap-particles-2 { display: none; z-index: -1 } @media(max-width: 428px) { .roadmap-particles-2 { display: block; top: 200px; opacity: .5 } } .roadmap-circle-left { top: 250px; width: 278px; height: 278px } @media(max-width: 1024px) { .roadmap-circle-right { display: block; opacity: .2 } } .competition { position: relative } .competition__wrapper { position: relative; display: flex; flex-direction: column; align-items: center; margin-top: 150px; padding-top: 53px; padding-bottom: 58px; min-height: 263px; border: 1px solid #505050; border-radius: 10px; overflow: hidden } @media(max-width: 1728px) { .competition__wrapper { margin-top: 166px; padding-top: 35px; padding-bottom: 46px; min-height: 234px } } @media(max-width: 1440px) { .competition__wrapper { padding-top: 25px; padding-bottom: 38px; min-height: 220px } } @media(max-width: 1280px) { .competition__wrapper { min-height: 160px; padding-bottom: 57px } } @media(max-width: 1024px) { .competition__wrapper { margin-top: 54px; padding-top: 33px; padding-bottom: 45px; min-height: 140px } } @media(max-width: 428px) { .competition__wrapper { padding-top: 22px; min-height: 165px } } @media(max-width: 395px) { .competition__wrapper { padding-top: 22px; min-height: 187px } } .competition__wrapper::before { position: absolute; bottom: -103px; left: 34px; display: block; content: ""; width: 496px; height: 355px; background-image: url("../images/competition-left.svg"); background-repeat: no-repeat; z-index: -1 } @media(max-width: 1728px) { .competition__wrapper::before { bottom: -171px; left: 49px; width: 540px; height: 400px; background-image: url("../images/competition-left-v2.svg"); background-size: 467px 345px } } @media(max-width: 1440px) { .competition__wrapper::before { bottom: -46px; left: 32px; width: 540px; height: 400px; background-size: 393px 573px } } @media(max-width: 1280px) { .competition__wrapper::before { bottom: -93px; left: 33px; width: 540px; height: 400px; background-image: url("../images/competition-left-v3.svg"); background-size: 347px 542px } } @media(max-width: 1024px) { .competition__wrapper::before { bottom: -99px; left: 38px; width: 540px; height: 400px; background-size: 272px 573px } } @media(max-width: 868px) { .competition__wrapper::before { bottom: -87px; left: -9px; width: 540px; height: 400px; background-size: 238px 573px } } @media(max-width: 428px) { .competition__wrapper::before { bottom: -70px; left: -151px; width: 338px; height: 356px; background-size: 296px 573px } } @media(max-width: 395px) { .competition__wrapper::before { bottom: -74px; left: -150px; width: 338px; height: 356px; background-size: 276px 573px } } .competition__wrapper::after { position: absolute; bottom: -107px; right: -26px; display: block; content: ""; width: 552px; height: 370px; background-image: url("../images/competition-right.svg"); background-repeat: no-repeat; z-index: -1 } @media(max-width: 1728px) { .competition__wrapper::after { bottom: -24px; right: -99px; width: 540px; height: 400px; background-image: url("../images/competition-right-v2.svg"); background-size: 472px 601px } } @media(max-width: 1440px) { .competition__wrapper::after { bottom: -127px; right: -111px; width: 540px; height: 400px; background-size: 487px 409px } } @media(max-width: 1280px) { .competition__wrapper::after { bottom: -93px; right: -156px; width: 520px; height: 400px; background-image: url("../images/competition-right-v3.svg"); background-size: 447px 461px } } @media(max-width: 1024px) { .competition__wrapper::after { bottom: -68px; right: -242px; width: 520px; height: 400px; background-size: 292px 573px } } @media(max-width: 868px) { .competition__wrapper::after { bottom: -66px; right: -312px; width: 540px; height: 400px; background-size: 289px 573px } } @media(max-width: 428px) { .competition__wrapper::after { bottom: -73px; right: -367px; background-size: 240px 573px; background-image: url("../images/competition-left-v4.svg") } } @media(max-width: 395px) { .competition__wrapper::after { bottom: -74px; right: -355px; background-size: 256px 573px; background-image: url("../images/competition-left-v4.svg") } } .competition__title { font-size: 55px; font-weight: 400; color: #fff; text-shadow: 0px 0 20px rgba(255, 255, 255, .46) } @media(max-width: 1728px) { .competition__title { font-size: 45px } } @media(max-width: 1440px) { .competition__title { font-size: 40px } } @media(max-width: 1280px) { .competition__title { font-size: 36px } } @media(max-width: 1024px) { .competition__title { font-size: 28px } } @media(max-width: 428px) { .competition__title { font-size: 24px } } @media(max-width: 395px) { .competition__title { font-size: 20px } } .competition__title::after { position: relative; left: 50%; transform: translateX(-50%); display: block; content: ""; margin-top: 3px; width: 27px; height: 30px; background-image: url("../images/point.svg"); background-repeat: no-repeat } @media(max-width: 1728px) { .competition__title::after { margin-top: 19px } } @media(max-width: 1440px) { .competition__title::after { margin-top: 12px } } @media(max-width: 1280px) { .competition__title::after { margin-top: 10px } } @media(max-width: 1024px) { .competition__title::after { display: none } } @media(max-width: 428px) { .competition__title::after { display: block; width: 23px; height: 25px; margin-top: 10px; background-size: 23px 25px } } @media(max-width: 395px) { .competition__title::after { margin-top: 0 } } .competition__subtitle { margin-top: 18px; font-family: "Gilroy"; font-size: 24px; font-weight: 400; color: #fff } @media(max-width: 1728px) { .competition__subtitle { font-size: 22px } } @media(max-width: 1440px) { .competition__subtitle { font-size: 20px } } @media(max-width: 1280px) { .competition__subtitle { margin-top: 16px; font-size: 18px } } @media(max-width: 1024px) { .competition__subtitle { margin-top: 7px; font-size: 14px } } @media(max-width: 428px) { .competition__subtitle { margin-top: 15px } } @media(max-width: 395px) { .competition__subtitle { margin-top: 7px; font-size: 13px } } .competition__subtitle::after { position: absolute; left: 50%; transform: translateX(-50%); display: block; content: ""; margin-top: 10px; width: 213px; height: 10px; background-image: url("../images/floating-line.svg"); background-repeat: no-repeat } @media(max-width: 1024px) { .competition__subtitle::after { margin-top: 5px; width: 150px; background-size: 150px 10px } } @media(max-width: 395px) { .competition__subtitle::after { margin-top: 3px; width: 135px; background-size: 135px 10px } } .circle::after { position: absolute; top: 50px; left: 50%; transform: translateX(-50%); display: block; content: ""; width: 655px; height: 655px; background-color: #f73636; border-radius: 50%; opacity: .15; filter: blur(100px); z-index: -2 } @media(max-width: 1728px) { .circle::after { top: 0; width: 569px; height: 569px } } @media(max-width: 1024px) { .circle::after { top: 15px; width: 385px; height: 385px; opacity: .2 } } @media(max-width: 868px) { .circle::after { top: 50px; width: 385px; height: 385px; opacity: .3 } } .faq-page__circle-1::after { top: 110px; right: 50px; left: auto; opacity: .12; transform: none } @media(max-width: 1440px) { .faq-page__circle-1::after { top: 90px; right: 20px } } @media(max-width: 1280px) { .faq-page__circle-1::after { top: 80px; right: 0 } } @media(max-width: 428px) { .faq-page__circle-1::after { top: -80px } } .faq-page__circle-2::after { top: 420px; left: 620px; opacity: .16 } @media(max-width: 1440px) { .faq-page__circle-2::after { top: 460px; left: 420px } } @media(max-width: 1280px) { .faq-page__circle-2::after { top: 330px; left: 400px } } @media(max-width: 1024px) { .faq-page__circle-2::after { top: 300px; left: 250px } } @media(max-width: 868px) { .faq-page__circle-2::after { top: 280px; left: 150px } } @media(max-width: 428px) { .faq-page__circle-2::after { top: 240px } } .faq-page__circle-3::after { top: 1350px; left: auto; right: -150px; opacity: .16 } @media(max-width: 1728px) { .faq-page__circle-3::after { top: 1250px; right: -150px } } @media(max-width: 1440px) { .faq-page__circle-3::after { top: 1100px; right: -150px } } @media(max-width: 1280px) { .faq-page__circle-3::after { top: 900px; right: -200px } } @media(max-width: 1024px) { .faq-page__circle-3::after { top: 1200px; right: -100px } } @media(max-width: 868px) { .faq-page__circle-3::after { top: 1300px; right: -150px } } @media(max-width: 428px) { .faq-page__circle-3::after { top: 3435px; right: auto; left: 50% } } @media(max-width: 395px) { .faq-page__circle-3::after { top: 3335px } } @media(max-width: 328px) { .faq-page__circle-3::after { top: 2770px } } .coins__wrapper { position: relative; margin-top: 139px; margin-bottom: 291px; padding: 40px; border: 1px solid #505050; border-radius: 20px; overflow: hidden } @media(max-width: 1728px) { .coins__wrapper { margin-top: 122px; margin-bottom: 195px } } @media(max-width: 1440px) { .coins__wrapper { padding: 38px; margin-top: 115px; margin-bottom: 177px } } @media(max-width: 1280px) { .coins__wrapper { margin-top: 98px; margin-bottom: 150px; padding: 34px } } @media(max-width: 1024px) { .coins__wrapper { margin-top: 62px; margin-bottom: 87px; padding: 33px; border-radius: 10px } } @media(max-width: 868px) { .coins__wrapper { padding: 27px } } @media(max-width: 428px) { .coins__wrapper { margin-bottom: 66px; height: 171px } } .coins__wrapper::before { position: absolute; display: block; content: ""; width: 258px; height: 73px; top: 20px; left: 71px; background-image: url("../images/coins-stars.svg"); background-repeat: no-repeat; z-index: -1 } @media(max-width: 1728px) { .coins__wrapper::before { top: 19px; left: 63px } } @media(max-width: 1440px) { .coins__wrapper::before { top: -40px; left: 30px; width: 268px; height: 149px; background-size: 204px 200px } } @media(max-width: 1024px) { .coins__wrapper::before { top: -55px; left: 28px; width: 250px; height: 149px; background-size: 177px 200px } } @media(max-width: 868px) { .coins__wrapper::before { width: 120px; background-size: 163px 200px } } @media(max-width: 428px) { .coins__wrapper::before { width: 400px; top: -68px; left: 26px; background-size: 187px 200px; background-image: url("../images/coins-stars-v2.svg") } } @media(max-width: 395px) { .coins__wrapper::before { width: 400px; top: -68px; left: 26px; background-size: 187px 200px; background-image: url("../images/coins-stars-v2.svg") } } .coins__wrapper::after { position: absolute; display: block; content: ""; width: 286px; height: 120px; top: 0; right: 5px; background-image: url("../images/ellipsis.svg"); background-repeat: no-repeat } @media(max-width: 1728px) { .coins__wrapper::after { top: -4px; right: 7px } } @media(max-width: 1440px) { .coins__wrapper::after { top: -44px; right: -93px; width: 268px; height: 160px; background-size: 204px 200px } } @media(max-width: 1024px) { .coins__wrapper::after { top: -56px; right: -134px; width: 268px; height: 149px; background-size: 177px 200px } } @media(max-width: 868px) { .coins__wrapper::after { top: -57px; right: -180px; background-size: 156px 200px } } @media(max-width: 428px) { .coins__wrapper::after { width: 400px; top: 85px; right: -51px; background-size: 310px 200px; background-image: url("../images/ellipsis-v2.svg") } } @media(max-width: 395px) { .coins__wrapper::after { width: 400px; top: 68px; right: -111px; background-size: 311px 200px; background-image: url("../images/ellipsis-v2.svg") } } .coins__text { display: flex; justify-content: center; align-items: center; gap: 25px; font-size: 22px; font-weight: 400; color: #fff } @media(max-width: 1728px) { .coins__text { font-size: 20px } } @media(max-width: 1440px) { .coins__text { font-size: 18px } } @media(max-width: 1024px) { .coins__text { gap: 10px; font-size: 14px } } @media(max-width: 428px) { .coins__text { flex-direction: column; text-align: center; margin: 0 auto; margin-top: 25px; gap: 10px; width: 168px; font-size: 14px } } @media(max-width: 395px) { .coins__text { width: 100% } } .coins__text::before { display: block; content: ""; width: 36px; height: 36px; background-image: url("../images/clore-ai-coins.svg"); background-repeat: no-repeat } @media(max-width: 1024px) { .coins__text::before { width: 24px; height: 24px; background-size: 24px 24px } } .airdrop__wrapper { position: relative; display: flex; flex-direction: column; text-align: center; padding-top: 205px } @media(max-width: 1728px) { .airdrop__wrapper { padding-top: 127px } } @media(max-width: 1440px) { .airdrop__wrapper { padding-top: 118px } } @media(max-width: 1024px) { .airdrop__wrapper { padding-top: 125px } } @media(max-width: 395px) { .airdrop__wrapper { padding-top: 97px } } .airdrop__wrapper::before { position: absolute; top: 443px; left: 50%; transform: translateX(-50%); display: block; content: ""; width: 977px; height: 492px; background-image: url("../images/airdrop-bg.svg"); background-repeat: no-repeat } @media(max-width: 1728px) { .airdrop__wrapper::before { display: none } } .airdrop__title { font-size: 55px; font-weight: 400; color: #fff } @media(max-width: 1728px) { .airdrop__title { font-size: 45px } } @media(max-width: 1440px) { .airdrop__title { font-size: 40px } } @media(max-width: 1280px) { .airdrop__title { font-size: 36px } } @media(max-width: 1024px) { .airdrop__title { font-size: 28px } } @media(max-width: 428px) { .airdrop__title { font-size: 24px } .airdrop__title br { display: none } } .airdrop__box { margin-top: 80px } @media(max-width: 1440px) { .airdrop__box { margin-top: 75px } } @media(max-width: 1280px) { .airdrop__box { margin-top: 65px } } @media(max-width: 1024px) { .airdrop__box { margin-top: 65px } } @media(max-width: 1024px) { .airdrop__box { margin-top: 20px } } .airdrop__coins { display: flex; justify-content: center; align-items: center; gap: 25px; font-size: 22px; font-weight: 400; color: #f73636 } @media(max-width: 1728px) { .airdrop__coins { gap: 15px; font-size: 20px } } @media(max-width: 1440px) { .airdrop__coins { font-size: 18px } } @media(max-width: 1280px) { .airdrop__coins { font-size: 15px } } @media(max-width: 1024px) { .airdrop__coins { margin-top: 18px; font-size: 14px } } @media(max-width: 395px) { .airdrop__coins { flex-direction: column; gap: 12px; font-size: 13px } } .airdrop__coins::before { position: relative; display: block; align-self: center; content: ""; width: 36px; height: 36px; background-image: url("../images/clore-ai-coins-orange.svg"); background-repeat: no-repeat; z-index: -5 } @media(max-width: 1024px) { .airdrop__coins::before { width: 26px; height: 26px; background-size: 26px 26px } } .airdrop__text { margin: 0 auto; margin-top: 44px; font-size: 22px; font-weight: 400; color: #fff } @media(max-width: 1728px) { .airdrop__text { margin-top: 40px; font-size: 20px } } @media(max-width: 1440px) { .airdrop__text { font-size: 17px } } @media(max-width: 1280px) { .airdrop__text { margin-top: 38px; font-size: 15px } } @media(max-width: 1024px) { .airdrop__text { width: 500px; margin-top: 30px; font-size: 14px } .airdrop__text br { display: none } } @media(max-width: 428px) { .airdrop__text { width: 300px; margin-top: 26px; font-size: 14px } } @media(max-width: 395px) { .airdrop__text { width: 280px; font-size: 13px } } .airdrop__form { display: flex; flex-direction: column; align-items: center; margin-top: 44px } @media(max-width: 1024px) { .airdrop__form { margin-top: 30px } } .airdrop__label { position: relative; display: flex; align-items: center; padding: 23px 0; width: 490px; height: 76px; border: 1px solid #505050; border-radius: 10px; cursor: text } @media(max-width: 1728px) { .airdrop__label { font-size: 20px; height: 71px } } @media(max-width: 1440px) { .airdrop__label { width: 420px; font-size: 18px; height: 66px } } @media(max-width: 1280px) { .airdrop__label { width: 395px } } @media(max-width: 1024px) { .airdrop__label { width: 380px; height: 46px } } @media(max-width: 428px) { .airdrop__label { width: 286px } } .airdrop__card { position: absolute; left: 22px } @media(max-width: 1024px) { .airdrop__card { left: 22px; width: 22px; height: 18px } } @media(max-width: 395px) { .airdrop__card { left: 11px } } .airdrop__input { padding-left: 78px; padding-right: 38px; width: 490px; height: 76px; font-family: "TT Firs Neue"; font-size: 22px; font-weight: 400; border: 1px solid #505050; border-radius: 10px; color: #fff } .airdrop__input:focus { outline: 1px solid #fff } @media(max-width: 1728px) { .airdrop__input { width: 495px; height: 71px; font-size: 20px } } @media(max-width: 1440px) { .airdrop__input { width: 420px; height: 66px; font-size: 18px } } @media(max-width: 1280px) { .airdrop__input { height: 66px; font-size: 18px } } @media(max-width: 1024px) { .airdrop__input { padding-left: 64px; padding-right: 28px; width: 380px; height: 46px; font-size: 14px } } @media(max-width: 395px) { .airdrop__input { font-size: 13px } } .airdrop__input::-moz-placeholder { margin-right: 48px; font-family: "TT Firs Neue"; font-size: 22px; font-weight: 400; text-align: center; color: #fff } .airdrop__input::placeholder { margin-right: 48px; font-family: "TT Firs Neue"; font-size: 22px; font-weight: 400; text-align: center; color: #fff } @media(max-width: 1728px) { .airdrop__input::-moz-placeholder { font-size: 20px } .airdrop__input::placeholder { font-size: 20px } } @media(max-width: 1440px) { .airdrop__input::-moz-placeholder { margin-right: 45px; font-size: 20px } .airdrop__input::placeholder { margin-right: 45px; font-size: 20px } } @media(max-width: 1280px) { .airdrop__input::-moz-placeholder { margin-right: 40px; font-size: 18px } .airdrop__input::placeholder { margin-right: 40px; font-size: 18px } } @media(max-width: 1024px) { .airdrop__input::-moz-placeholder { margin-right: 38px; font-size: 14px } .airdrop__input::placeholder { margin-right: 38px; font-size: 14px } } @media(max-width: 868px) { .airdrop__input::-moz-placeholder { margin-right: 38px } .airdrop__input::placeholder { margin-right: 38px } } @media(max-width: 395px) { .airdrop__input::-moz-placeholder { font-size: 13px } .airdrop__input::placeholder { font-size: 13px } } .airdrop__button { position: relative; margin-top: 25px; width: 490px; min-height: 58px; border-radius: 50px; background-color: #f73636; font-family: "Gilroy"; font-size: 20px; font-weight: 600; transition: .5s ease-out; color: #fff; z-index: 1 } .airdrop__button:hover { background-color: #fff; color: #000 } @media(max-width: 1440px) { .airdrop__button { width: 420px; font-size: 18px } } @media(max-width: 1280px) { .airdrop__button { width: 395px; font-size: 18px } } @media(max-width: 1024px) { .airdrop__button { margin-top: 13px; width: 380px; min-height: 45px; font-size: 14px } } @media(max-width: 428px) { .airdrop__button { width: 284px } } @media(max-width: 395px) { .airdrop__button { font-size: 13px } } .airdrop__coins-wrapper { display: flex; justify-content: center; margin-top: 80px; margin-bottom: 210px; padding: 30px } @media(max-width: 1024px) { .airdrop__coins-wrapper { margin-top: 41px; padding: 27px } } @media(max-width: 1024px) { .airdrop__coins-wrapper { margin-bottom: 99px } } @media(max-width: 428px) { .airdrop__coins-wrapper { height: 167px; padding: 38px; padding-top: 42px } } @media(max-width: 1728px) { .airdrop__coins-wrapper::before { top: 19px; left: 63px } } @media(max-width: 1440px) { .airdrop__coins-wrapper::before { top: -44px; left: 40px; width: 268px; height: 149px; background-size: 220px 200px } } @media(max-width: 1280px) { .airdrop__coins-wrapper::before { top: -44px; left: 40px; width: 268px; height: 149px; background-size: 210px 200px } } @media(max-width: 1024px) { .airdrop__coins-wrapper::before { top: -55px; left: 26px; width: 268px; height: 149px; background-size: 178px 200px } } @media(max-width: 868px) { .airdrop__coins-wrapper::before { top: -54px; left: 33px; width: 36px; height: 149px; background-size: 163px 200px } } @media(max-width: 428px) { .airdrop__coins-wrapper::before { top: -69px; left: 27px; width: 220px; height: 149px; background-size: 189px 200px } } @media(max-width: 395px) { .airdrop__coins-wrapper::before { height: 167px; padding: 38px; padding-top: 42px } } @media(max-width: 1728px) { .airdrop__coins-wrapper::after { top: -7px; right: 0 } } @media(max-width: 1440px) { .airdrop__coins-wrapper::after { top: -9px; right: -38px; background-size: 230px 200px } } @media(max-width: 1280px) { .airdrop__coins-wrapper::after { top: -11px; right: -75px; background-size: 225px 200px } } @media(max-width: 1024px) { .airdrop__coins-wrapper::after { top: -57px; right: -137px; background-size: 176px 200px } } @media(max-width: 868px) { .airdrop__coins-wrapper::after { top: -57px; right: -180px; background-size: 156px 200px } } @media(max-width: 428px) { .airdrop__coins-wrapper::after { top: 85px; right: -51px; background-size: 310px 200px } } @media(max-width: 395px) { .airdrop__coins-wrapper::after { top: 69px; right: -110px } } .airdrop__coins-text { margin: 0 auto; width: 840px } .airdrop__coins-text::before { display: none } @media(max-width: 1728px) { .airdrop__coins-text { width: 690px; font-size: 20px } } @media(max-width: 1440px) { .airdrop__coins-text { font-size: 18px } } @media(max-width: 1280px) { .airdrop__coins-text { font-size: 18px } } @media(max-width: 1024px) { .airdrop__coins-text { width: 530px; font-size: 14px } } @media(max-width: 868px) { .airdrop__coins-text { width: 467px } } @media(max-width: 395px) { .airdrop__coins-text { font-size: 13px } } .creative-competition { display: flex; flex-direction: column; align-items: center; padding-top: 125px; padding-bottom: 190px; border: 1px solid #505050; border-radius: 50px } @media(max-width: 1728px) { .creative-competition { margin-top: 78px; padding-bottom: 173px } } @media(max-width: 1440px) { .creative-competition { margin-top: 39px; padding-bottom: 153px } } @media(max-width: 1024px) { .creative-competition { padding-top: 91px; padding-bottom: 102px; border-radius: 40px } } @media(max-width: 428px) { .creative-competition { margin-top: 46px; padding-top: 35px; padding-bottom: 95px; border-radius: 30px } } .creative-competition__wrapper { display: flex; flex-direction: column; align-items: center } .creative-competition__title { font-size: 55px; font-weight: 400; color: #fff } @media(max-width: 1728px) { .creative-competition__title { font-size: 45px } } @media(max-width: 1440px) { .creative-competition__title { font-size: 36px } } @media(max-width: 1024px) { .creative-competition__title { font-size: 28px } } @media(max-width: 428px) { .creative-competition__title { font-size: 24px } } .creative-competition__coins { margin-top: 50px } @media(max-width: 1728px) { .creative-competition__coins { margin-top: 48px } } @media(max-width: 1440px) { .creative-competition__coins { margin-top: 46px } } @media(max-width: 1024px) { .creative-competition__coins { margin-top: 49px } } @media(max-width: 395px) { .creative-competition__coins { margin-top: 42px } } .creative-competition__box { display: flex; align-items: center; margin-top: 44px; gap: 40px } @media(max-width: 1728px) { .creative-competition__box { gap: 30px } } @media(max-width: 1024px) { .creative-competition__box { gap: 40px } } @media(max-width: 428px) { .creative-competition__box { text-align: center; flex-direction: column; margin-top: 51px; gap: 11px } } .creative-competition__button { display: flex; align-items: center; padding: 21px 36px; padding-right: 30px; width: 290px; height: 67px; gap: 15px; font-family: "Gilroy"; font-size: 20px; font-weight: 600; border: 1px solid #505050; border-radius: 15px; transition: .5s ease-out; color: #fff } .creative-competition__button:hover { border-color: #fff } @media(max-width: 1728px) { .creative-competition__button { position: relative; right: 11px } } @media(max-width: 1440px) { .creative-competition__button { width: 280px; right: 0; font-size: 18px } } @media(max-width: 1024px) { .creative-competition__button { justify-content: center; padding: 10px; width: 212px; height: 47px; right: 0; font-size: 14px } .creative-competition__button svg { width: 20px; height: 18px } } .creative-competition__text { width: 290px; font-size: 20px; font-weight: 400; color: #fff } @media(max-width: 1440px) { .creative-competition__text { font-size: 18px } } @media(max-width: 1024px) { .creative-competition__text { width: 210px; font-size: 14px } } @media(max-width: 395px) { .creative-competition__text { font-size: 13px } } .creative-competition__texts { text-align: center; margin-top: 85px; width: 835px } @media(max-width: 1440px) { .creative-competition__texts { margin-top: 70px; width: 768px } } @media(max-width: 1024px) { .creative-competition__texts { margin-top: 85px; width: 612px } } @media(max-width: 428px) { .creative-competition__texts { margin: 0 auto; margin-top: 61px; width: 241px; line-height: 16.77px } } .creative-competition__texts-text { font-size: 20px; font-weight: 400; color: #fff } .creative-competition__texts-text+.creative-competition__texts-text { margin-top: 25px } @media(max-width: 1440px) { .creative-competition__texts-text { font-size: 18px } } @media(max-width: 1024px) { .creative-competition__texts-text { font-size: 14px } } @media(max-width: 395px) { .creative-competition__texts-text { font-size: 13px } } .creative-competition__do-send { margin-top: 80px; padding: 80px; padding-bottom: 79px; width: 100%; border-radius: 50px; background-color: #f73636 } @media(max-width: 1728px) { .creative-competition__do-send { padding-bottom: 118px } } @media(max-width: 1280px) { .creative-competition__do-send { padding: 70px } } @media(max-width: 1024px) { .creative-competition__do-send { padding: 62px; border-radius: 40px } } @media(max-width: 428px) { .creative-competition__do-send { margin-top: 42px; padding: 0; padding-top: 53px; padding-bottom: 67px; border-radius: 30px } } .creative-competition__do-send-wrapper { text-align: center } .creative-competition__do-send-title { font-size: 36px; font-weight: 400; color: #fff } @media(max-width: 1728px) { .creative-competition__do-send-title { font-size: 34px } } @media(max-width: 1440px) { .creative-competition__do-send-title { font-size: 32px } } @media(max-width: 1024px) { .creative-competition__do-send-title { font-size: 34px } } @media(max-width: 868px) { .creative-competition__do-send-title { font-size: 32px } } @media(max-width: 428px) { .creative-competition__do-send-title { margin: 0 auto; width: 300px; font-size: 24px } } @media(max-width: 395px) { .creative-competition__do-send-title { width: 100% } } .creative-competition__do-send-box { display: flex; justify-content: center; -moz-column-gap: 35px; column-gap: 35px; margin-top: 58px } @media(max-width: 1024px) { .creative-competition__do-send-box { flex-wrap: wrap; margin-top: 42px; gap: 32px 60px } } @media(max-width: 868px) { .creative-competition__do-send-box { gap: 32px 32px } } @media(max-width: 428px) { .creative-competition__do-send-box { margin-top: 18px; gap: 12px 0 } } .creative-competition__do-send-item { position: relative; display: flex; flex-direction: column; justify-content: end; padding: 50px 30px; padding-left: 38px; text-align: start; width: 279px; height: 279px; border: 1px solid #ff9595; border-radius: 15px; overflow: hidden } @media(max-width: 1728px) { .creative-competition__do-send-item { height: 250px; padding: 25px 31px; padding-left: 20px } } @media(max-width: 1440px) { .creative-competition__do-send-item { height: 195px } } @media(max-width: 1280px) { .creative-competition__do-send-item { height: 180px; padding-left: 18px } } @media(max-width: 1024px) { .creative-competition__do-send-item { width: 192px; height: 192px; padding: 21px 25px; padding-right: 20px } } @media(max-width: 428px) { .creative-competition__do-send-item { width: 100%; height: 119px; padding: 13px 20px } } .creative-competition__do-send-item:nth-child(even) { margin-top: 85px } @media(max-width: 1728px) { .creative-competition__do-send-item:nth-child(even) { margin-top: 76px } } @media(max-width: 1440px) { .creative-competition__do-send-item:nth-child(even) { margin-top: 42px } } @media(max-width: 1024px) { .creative-competition__do-send-item:nth-child(even) { margin-top: 0 } } .creative-competition__do-send-item:nth-child(1) { padding-right: 42px } @media(max-width: 1728px) { .creative-competition__do-send-item:nth-child(1) { padding-right: 20px } } @media(max-width: 428px) { .creative-competition__do-send-item:nth-child(1) { padding-bottom: 13px; padding-right: 100px } } .creative-competition__do-send-item:nth-child(1)::before { position: absolute; top: -39px; left: 10px; content: ""; display: block; width: 275px; height: 326px; background-image: url("../images/do-send-1.svg"); background-repeat: no-repeat } @media(max-width: 1728px) { .creative-competition__do-send-item:nth-child(1)::before { top: -38px; left: 3px } } @media(max-width: 1440px) { .creative-competition__do-send-item:nth-child(1)::before { top: -76px; left: 7px; background-size: 190px 320px } } @media(max-width: 1024px) { .creative-competition__do-send-item:nth-child(1)::before { top: -65px; left: 5px; background-size: 195px 320px } } @media(max-width: 428px) { .creative-competition__do-send-item:nth-child(1)::before { top: -118px; left: -5px; width: 314px; background-size: 322px 320px; background-image: url("../images/do-send-1-v2.svg") } } .creative-competition__do-send-item:nth-child(2) { padding-bottom: 55px } @media(max-width: 1728px) { .creative-competition__do-send-item:nth-child(2) { padding-bottom: 29px; padding-left: 24px } } @media(max-width: 1440px) { .creative-competition__do-send-item:nth-child(2) { padding-bottom: 20px } } @media(max-width: 428px) { .creative-competition__do-send-item:nth-child(2) { padding-bottom: 30px; padding-left: 20px } } .creative-competition__do-send-item:nth-child(2)::before { position: absolute; top: -30px; left: 26px; content: ""; display: block; width: 275px; height: 326px; background-image: url("../images/do-send-2.svg"); background-repeat: no-repeat } @media(max-width: 1728px) { .creative-competition__do-send-item:nth-child(2)::before { top: -26px; left: 23px; background-image: url("../images/do-send-2-v2.svg") } } @media(max-width: 1440px) { .creative-competition__do-send-item:nth-child(2)::before { top: -84px; left: 12px; background-size: 224px 269px } } @media(max-width: 1024px) { .creative-competition__do-send-item:nth-child(2)::before { top: -85px; left: 13px; background-size: 208px 269px } } @media(max-width: 428px) { .creative-competition__do-send-item:nth-child(2)::before { top: -121px; left: 26px; width: 306px; background-size: 307px 320px; background-image: url("../images/do-send-2-v3.svg") } } .creative-competition__do-send-item:nth-child(3) { padding-bottom: 115px } @media(max-width: 1728px) { .creative-competition__do-send-item:nth-child(3) { padding-bottom: 88px } } @media(max-width: 1440px) { .creative-competition__do-send-item:nth-child(3) { padding-bottom: 75px } } @media(max-width: 1024px) { .creative-competition__do-send-item:nth-child(3) { padding-bottom: 55px; padding-left: 20px } } @media(max-width: 428px) { .creative-competition__do-send-item:nth-child(3) { padding-bottom: 30px; padding-left: 20px } } .creative-competition__do-send-item:nth-child(3)::before { position: absolute; top: -57px; left: 38px; content: ""; display: block; width: 275px; height: 326px; background-image: url("../images/do-send-3.svg"); background-repeat: no-repeat } @media(max-width: 1728px) { .creative-competition__do-send-item:nth-child(3)::before { top: -56px; left: 33px; background-image: url("../images/do-send-3-v2.svg") } } @media(max-width: 1440px) { .creative-competition__do-send-item:nth-child(3)::before { top: -91px; left: 23px; background-size: 224px 269px } } @media(max-width: 1024px) { .creative-competition__do-send-item:nth-child(3)::before { top: -61px; left: 28px; background-size: 205px 263px } } @media(max-width: 428px) { .creative-competition__do-send-item:nth-child(3)::before { top: -117px; left: 43px; width: 286px; background-size: 241px 320px; background-image: url("../images/do-send-3-v3.svg") } } .creative-competition__do-send-item:nth-child(4) { padding-bottom: 68px } @media(max-width: 1024px) { .creative-competition__do-send-item:nth-child(4) { padding-bottom: 42px; padding-right: 10px } } @media(max-width: 1728px) { .creative-competition__do-send-item:nth-child(4) { padding-bottom: 45px } } @media(max-width: 1440px) { .creative-competition__do-send-item:nth-child(4) { padding-bottom: 40px; padding-right: 10px } } @media(max-width: 1024px) { .creative-competition__do-send-item:nth-child(4) { padding-bottom: 42px; padding-left: 20px } } @media(max-width: 428px) { .creative-competition__do-send-item:nth-child(4) { padding-bottom: 13px; padding-right: 80px; padding-left: 20px } } .creative-competition__do-send-item:nth-child(4)::before { position: absolute; top: -58px; left: -59px; content: ""; display: block; width: 345px; height: 358px; background-image: url("../images/do-send-4.svg"); background-repeat: no-repeat } @media(max-width: 1728px) { .creative-competition__do-send-item:nth-child(4)::before { left: -63px } } @media(max-width: 1440px) { .creative-competition__do-send-item:nth-child(4)::before { top: 0px; left: -44px; background-size: 224px 269px } } @media(max-width: 1024px) { .creative-competition__do-send-item:nth-child(4)::before { top: -33px; left: -29px; background-size: 253px 307px } } @media(max-width: 428px) { .creative-competition__do-send-item:nth-child(4)::before { top: -81px; left: -9px; width: 331px; background-size: 337px 308px; background-image: url("../images/do-send-4-v2.svg") } } .creative-competition__do-send-item:nth-child(5) { padding-bottom: 64px } @media(max-width: 1728px) { .creative-competition__do-send-item:nth-child(5) { padding-bottom: 40px } } @media(max-width: 1440px) { .creative-competition__do-send-item:nth-child(5) { padding-bottom: 40px; padding-right: 10px } } @media(max-width: 1024px) { .creative-competition__do-send-item:nth-child(5) { padding-bottom: 18px; padding-left: 21px } } @media(max-width: 428px) { .creative-competition__do-send-item:nth-child(5) { padding-bottom: 13px; padding-right: 116px; padding-left: 20px } } .creative-competition__do-send-item:nth-child(5)::before { position: absolute; top: -42px; left: -24px; content: ""; display: block; width: 315px; height: 338px; background-image: url("../images/do-send-5.svg"); background-repeat: no-repeat } @media(max-width: 1728px) { .creative-competition__do-send-item:nth-child(5)::before { top: -41px; left: -26px; background-image: url("../images/do-send-5-v2.svg") } } @media(max-width: 1440px) { .creative-competition__do-send-item:nth-child(5)::before { top: -40px; left: -20px; background-size: 206px 269px } } @media(max-width: 1024px) { .creative-competition__do-send-item:nth-child(5)::before { top: -38px; left: -30px; background-image: url("../images/do-send-5-v3.svg"); background-size: 259px 271px } } @media(max-width: 428px) { .creative-competition__do-send-item:nth-child(5)::before { top: -90px; left: 10px; width: 332px; background-size: 347px 308px; background-image: url("../images/do-send-5-v4.svg") } } .creative-competition__do-send-item-title { font-size: 20px; font-weight: 400; color: #fff } @media(max-width: 1728px) { .creative-competition__do-send-item-title { font-size: 18px } } @media(max-width: 1440px) { .creative-competition__do-send-item-title { font-size: 15px } } @media(max-width: 1024px) { .creative-competition__do-send-item-title { font-size: 14px } } @media(max-width: 395px) { .creative-competition__do-send-item-title { font-size: 13px; font-weight: 500 } } .creative-competition__time { margin-top: 120px; padding: 22px; width: 909px; border: 1px solid #f73636; border-radius: 60px } @media(max-width: 1024px) { .creative-competition__time { width: 821px; margin-top: 71px; padding: 16px } } @media(max-width: 868px) { .creative-competition__time { width: 640px } } @media(max-width: 428px) { .creative-competition__time { width: 398px } } @media(max-width: 395px) { .creative-competition__time { margin-top: 48px; padding-top: 20px; width: 290px; height: 92px; border-radius: 20px } } .creative-competition__time-text { margin: 0 auto; text-align: center; width: 644px; font-size: 20px; font-weight: 400; color: #fff } @media(max-width: 1440px) { .creative-competition__time-text { font-size: 18px } } @media(max-width: 1024px) { .creative-competition__time-text { width: 655px; font-size: 14px } } @media(max-width: 868px) { .creative-competition__time-text { width: 415px } } @media(max-width: 428px) { .creative-competition__time-text { width: 343px } } @media(max-width: 395px) { .creative-competition__time-text { width: 239px; font-size: 13px } } .creative-competition__icon-bottom { margin-top: 77px } @media(max-width: 1024px) { .creative-competition__icon-bottom { margin-top: 60px } } @media(max-width: 428px) { .creative-competition__icon-bottom { margin-top: 60px; left: -20px; transform: scale(270%) } } .creative-competition__five-works { position: relative; min-width: 1530px; text-align: center; margin-top: 80px } @media(max-width: 1024px) { .creative-competition__five-works { margin-top: 60px } } @media(max-width: 395px) { .creative-competition__five-works { margin-top: 120px } } .creative-competition__five-works-title { font-size: 36px; font-weight: 400; color: #fff } @media(max-width: 1728px) { .creative-competition__five-works-title { font-size: 34px } } @media(max-width: 1440px) { .creative-competition__five-works-title { font-size: 32px } } @media(max-width: 1024px) { .creative-competition__five-works-title { font-size: 28px } } @media(max-width: 868px) { .creative-competition__five-works-title { font-size: 28px } } @media(max-width: 428px) { .creative-competition__five-works-title { margin: 0 auto; width: 300px; font-size: 24px } } @media(max-width: 395px) { .creative-competition__five-works-title { margin: 0 auto; width: 300px; font-size: 20px } } .creative-competition__five-works-title span { color: #f73636 } .creative-competition__five-works-place-mobile { position: relative; left: 5px; display: none; margin: 0 auto; -moz-column-gap: 25px; column-gap: 25px; margin-top: 32px; width: 247px } @media(max-width: 428px) { .creative-competition__five-works-place-mobile { display: flex; width: 290px } } @media(max-width: 395px) { .creative-competition__five-works-place-mobile { width: 246px } } .creative-competition__five-works-place-left { display: flex; flex-direction: column; row-gap: 18px } @media(max-width: 395px) { .creative-competition__five-works-place-left { row-gap: 15px } } .creative-competition__five-works-place-left-win { text-align: start; font-size: 14px; font-weight: 400; line-height: 15px; letter-spacing: 0em; color: rgba(255, 255, 255, .6) } @media(max-width: 395px) { .creative-competition__five-works-place-left-win { font-size: 12px } } .creative-competition__five-works-place-right { position: relative; top: -2px; display: flex; flex-direction: column; gap: 12px } .creative-competition__five-works-place-left-coins { text-align: start; font-size: 16px; font-weight: 400; color: #fff } @media(max-width: 395px) { .creative-competition__five-works-place-left-coins { font-size: 14px } } .creative-competition__five-works-place { position: relative; width: 1040px; display: flex; justify-content: center; margin: 0 auto; margin-top: 180px; align-items: end; gap: 45px } @media(max-width: 1728px) { .creative-competition__five-works-place { margin-top: 160px } } @media(max-width: 1440px) { .creative-competition__five-works-place { margin-top: 140px } } @media(max-width: 1024px) { .creative-competition__five-works-place { margin-top: 120px; gap: 30px } } @media(max-width: 868px) { .creative-competition__five-works-place { gap: 24px } } @media(max-width: 428px) { .creative-competition__five-works-place { display: none } } .creative-competition__five-works-place-item { padding: 34px 0; width: 172px; border: 1px solid #505050; border-radius: 10px; border-end-end-radius: 0; border-end-start-radius: 0; border-bottom: none } @media(max-width: 1440px) { .creative-competition__five-works-place-item { width: 155px } } @media(max-width: 1024px) { .creative-competition__five-works-place-item { width: 141px } } @media(max-width: 868px) { .creative-competition__five-works-place-item { width: 110px } } .creative-competition__five-works-place-item:nth-child(1) { height: 365px } @media(max-width: 1024px) { .creative-competition__five-works-place-item:nth-child(1) { height: 322px } } @media(max-width: 868px) { .creative-competition__five-works-place-item:nth-child(1) { height: 290px } } .creative-competition__five-works-place-item:nth-child(2) { height: 302px } @media(max-width: 1024px) { .creative-competition__five-works-place-item:nth-child(2) { height: 266px } } @media(max-width: 868px) { .creative-competition__five-works-place-item:nth-child(2) { height: 250px } } .creative-competition__five-works-place-item:nth-child(3) { height: 244px } @media(max-width: 1024px) { .creative-competition__five-works-place-item:nth-child(3) { height: 216px } } @media(max-width: 868px) { .creative-competition__five-works-place-item:nth-child(3) { height: 200px } } .creative-competition__five-works-place-item:nth-child(4) { height: 205px } @media(max-width: 1024px) { .creative-competition__five-works-place-item:nth-child(4) { height: 182px } } @media(max-width: 868px) { .creative-competition__five-works-place-item:nth-child(4) { height: 170px } } .creative-competition__five-works-place-item:nth-child(5) { height: 193px } @media(max-width: 1024px) { .creative-competition__five-works-place-item:nth-child(5) { height: 163px } } @media(max-width: 868px) { .creative-competition__five-works-place-item:nth-child(5) { height: 150px } } .creative-competition__five-works-item-score { display: flex; align-items: center; gap: 15px; position: relative; top: -93px; left: 12px; font-size: 24px; font-weight: 400; color: #fff } @media(max-width: 1440px) { .creative-competition__five-works-item-score { left: 4px; font-size: 22px } } @media(max-width: 1024px) { .creative-competition__five-works-item-score { top: -81px; left: 19px; gap: 10px; font-size: 16px } } @media(max-width: 868px) { .creative-competition__five-works-item-score { top: -76px; left: 8px; gap: 10px; font-size: 14px } } .creative-competition__five-works-item-score::before { content: ""; display: block; width: 36px; height: 36px; background-image: url("../images/clore-ai-coins-orange.svg"); background-repeat: no-repeat } @media(max-width: 1024px) { .creative-competition__five-works-item-score::before { width: 24px; height: 24px; background-size: 24px 24px } } @media(max-width: 868px) { .creative-competition__five-works-item-score::before { width: 22px; height: 22px; background-size: 22px 22px } } .creative-competition__five-works-item-place span { position: relative; top: -38px; text-align: center; display: block; font-size: 120px; font-weight: 600; background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); -webkit-background-clip: text; -webkit-text-fill-color: rgba(0, 0, 0, 0); opacity: .2 } @media(max-width: 1440px) { .creative-competition__five-works-item-place span { font-size: 110px } } @media(max-width: 1024px) { .creative-competition__five-works-item-place span { top: -15px; font-size: 80px } } @media(max-width: 868px) { .creative-competition__five-works-item-place span { top: -40px; font-size: 75px } } .creative-competition__five-works-coins-wrapper { margin-top: 120px; margin-bottom: 0; padding: 43px } @media(max-width: 1728px) { .creative-competition__five-works-coins-wrapper { margin: 0 auto; margin-top: 98px; width: 1361px } } @media(max-width: 1440px) { .creative-competition__five-works-coins-wrapper { width: 1036px; padding: 40px } } @media(max-width: 1024px) { .creative-competition__five-works-coins-wrapper { width: 822px; margin-top: 70px; padding: 34px; padding-top: 26px; padding-bottom: 28px } } @media(max-width: 868px) { .creative-competition__five-works-coins-wrapper { width: 640px } } @media(max-width: 428px) { .creative-competition__five-works-coins-wrapper { padding-top: 56px; width: 398px; height: 167px } } @media(max-width: 395px) { .creative-competition__five-works-coins-wrapper { margin-top: 47px; padding-top: 58px; width: 285px; height: 167px } } @media(max-width: 1440px) { .creative-competition__five-works-coins-text { font-size: 18px } } @media(max-width: 1024px) { .creative-competition__five-works-coins-text { margin: 0 auto; width: 400px; font-size: 14px } } @media(max-width: 428px) { .creative-competition__five-works-coins-text { width: 215px } } @media(max-width: 395px) { .creative-competition__five-works-coins-text { margin: 0 auto; width: 208px; font-size: 13px } } .creative-competition__five-works-coins-text::before { display: none } .creative-competition__five-works-circle::after { top: 145px; left: 182px; opacity: 10% } .results { position: relative; padding-top: 152px } @media(max-width: 1728px) { .results { padding-top: 140px } } @media(max-width: 1024px) { .results { padding-top: 81px } } @media(max-width: 395px) { .results { padding-top: 63px } } .results__text { margin: 0 auto; width: 904px; font-size: 20px; font-weight: 400; text-align: center; color: #fff } @media(max-width: 1440px) { .results__text { width: 812px; font-size: 18px } } @media(max-width: 1280px) { .results__text { width: 723px; font-size: 16px } } @media(max-width: 1024px) { .results__text { width: 604px; font-size: 14px } } @media(max-width: 428px) { .results__text { width: 306px } } @media(max-width: 395px) { .results__text { width: 237px; font-size: 13px } } .results__title { margin-top: 103px; text-align: center; font-size: 55px; text-shadow: 0px 0px 20px rgba(255, 255, 255, .46); color: #fff } @media(max-width: 1728px) { .results__title { margin-top: 97px; font-size: 45px } } @media(max-width: 1440px) { .results__title { font-size: 42px } } @media(max-width: 1280px) { .results__title { font-size: 36px } } @media(max-width: 1024px) { .results__title { margin-top: 66px; font-size: 28px } } @media(max-width: 428px) { .results__title { font-size: 24px } } @media(max-width: 395px) { .results__title { margin-top: 47px; font-size: 20px } } .results__table-mobile { display: none; margin-top: 40px } @media(max-width: 428px) { .results__table-mobile { display: block } } .results__table-mobile-item { display: flex; flex-direction: column; justify-content: space-between; padding: 12px 28px; min-height: 85px; border-radius: 12px } @media(max-width: 395px) { .results__table-mobile-item { padding: 10px 21px; min-height: 76px } } .results__table-mobile-winner { font-family: "Gilroy"; font-size: 14px; font-weight: 400; text-align: left; color: rgba(255, 255, 255, .6) } @media(max-width: 395px) { .results__table-mobile-winner { font-size: 13px } } .results__row-body { border-bottom: 1px solid rgba(80, 80, 80, .4); border-radius: 0 } .results__table-mobile-box { display: flex; justify-content: space-between; align-items: center } .results__table { margin: 0 auto; margin-top: 36px; max-width: 1300px; border: 1px solid rgba(80, 80, 80, .4) } @media(max-width: 1728px) { .results__table { max-width: 1212px; margin-top: 74px } } @media(max-width: 1280px) { .results__table { max-width: 1112px } } @media(max-width: 1024px) { .results__table { margin-top: 50px; max-width: 820px } } @media(max-width: 428px) { .results__table { display: none } } .results__row { display: flex; align-items: center; padding: 26px; height: 77px; border-bottom: 1px solid rgba(80, 80, 80, .4) } @media(max-width: 1024px) { .results__row { padding: 15px; height: 65px } } .results__row-win { background-color: rgba(246, 55, 55, .25) } .results__row-id { background-color: rgba(246, 55, 55, .25) } @media(max-width: 428px) { .results__row-id { border-radius: 12px } } .results__colum { position: relative; left: -17px; display: grid; text-align: center; align-items: center; justify-content: space-between; grid-template-columns: repeat(3, 330px); gap: 160px } @media(max-width: 1728px) { .results__colum { left: -14px; gap: 110px } } @media(max-width: 1440px) { .results__colum { left: -28px; gap: 102px } } @media(max-width: 1280px) { .results__colum { left: -27px; gap: 36px } } @media(max-width: 1024px) { .results__colum { grid-template-columns: repeat(3, 260px); left: -47px; gap: 55px } } @media(max-width: 868px) { .results__colum { grid-template-columns: repeat(3, 197px); left: -25px; gap: 40px } } .results__colum-title { font-family: "Gilroy"; font-size: 22px; font-weight: 400; color: rgba(255, 255, 255, .4) } @media(max-width: 1728px) { .results__colum-title { font-size: 20px } } @media(max-width: 1440px) { .results__colum-title { font-size: 18px } } @media(max-width: 1024px) { .results__colum-title { font-size: 14px } } @media(max-width: 428px) { .results__colum-title { font-size: 14px } } .results__colum-body { font-family: "Gilroy"; font-size: 22px; font-weight: 400; color: #fff } @media(max-width: 1728px) { .results__colum-body { font-size: 20px } } @media(max-width: 1440px) { .results__colum-body { font-size: 18px } } @media(max-width: 1024px) { .results__colum-body { font-size: 14px } } @media(max-width: 395px) { .results__colum-body { font-size: 13px } } .results__colum-body-nik { display: flex; justify-content: center; align-items: center; gap: 10px } .results__colum-body-nik::before { display: flex; justify-content: center; align-items: center; content: ""; width: 52px; height: 52px; background-image: url("../images/results-c.svg"); background-repeat: no-repeat } @media(max-width: 1024px) { .results__colum-body-nik::before { width: 30px; height: 30px; background-size: 30px 30px } } .results__row-all { display: none; border-bottom: 1px solid rgba(80, 80, 80, .2) } @media(max-width: 428px) { .results__row-all { border-bottom: 1px solid rgba(80, 80, 80, .4) } } .results__row-all--open { display: flex } .results__colum-body-all { font-family: "Gilroy"; font-size: 22px; font-weight: 400; color: #fff } @media(max-width: 1728px) { .results__colum-body-all { font-size: 20px } } @media(max-width: 1440px) { .results__colum-body-all { font-size: 18px } } @media(max-width: 1024px) { .results__colum-body-all { font-size: 14px } } .results__button { position: relative; display: block; margin: 0 auto; margin-top: 60px; padding: 17px; min-width: 242px; border-radius: 50px; border: 1px solid #fff; font-family: "Gilroy"; font-size: 20px; font-weight: 600; color: #fff; transition: .5s ease-out } .results__button:hover { border-color: #737373; color: #737373 } .results__button--remove { display: none } @media(max-width: 1440px) { .results__button { font-size: 18px } } @media(max-width: 1024px) { .results__button { padding: 15px; min-width: 182px; font-size: 14px } } @media(max-width: 428px) { .results__button { border-color: rgba(255, 255, 255, .4) } .results__button:hover { border-color: #fff } } .results__circle::after { top: 465px; left: 265px; opacity: .1 } @media(max-width: 1728px) { .results__circle::after { left: 108px } } @media(max-width: 1024px) { .results__circle::after { top: 296px; left: 70px; opacity: .15 } } @media(max-width: 428px) { .results__circle::after { display: none } } .results__circle-botton::after { top: 1100px; right: -480px; left: auto; opacity: .1 } @media(max-width: 1728px) { .results__circle-botton::after { right: -480px } } @media(max-width: 1024px) { .results__circle-botton::after { top: 720px; right: -300px; opacity: .15 } } @media(max-width: 428px) { .results__circle-botton::after { display: none } } .results__total-points { text-align: center; display: block; margin-top: 14px; padding: 26px; height: 77px; text-transform: uppercase; font-size: 22px; color: #fff } @media(max-width: 1728px) { .results__total-points { font-size: 20px } } @media(max-width: 1440px) { .results__total-points { font-size: 18px } } @media(max-width: 1024px) { .results__total-points { font-size: 14px } } .what-points__wrapper { position: relative; display: flex; flex-direction: column; align-items: center; margin-top: 139px; padding-top: 139px; padding-bottom: 47px; border: 1px solid #505050; border-radius: 60px; overflow: hidden } @media(max-width: 1728px) { .what-points__wrapper { padding-top: 94px; padding-bottom: 73px } } @media(max-width: 1440px) { .what-points__wrapper { padding-top: 84px; padding-bottom: 63px } } @media(max-width: 1024px) { .what-points__wrapper { padding-top: 50px; border-radius: 45px } } @media(max-width: 428px) { .what-points__wrapper { padding-top: 34px; padding-bottom: 44px; border-radius: 30px } } .what-points__title { font-size: 60px; font-weight: 400; color: #fff } @media(max-width: 1728px) { .what-points__title { font-size: 45px } } @media(max-width: 1440px) { .what-points__title { font-size: 40px } } @media(max-width: 1440px) { .what-points__title { font-size: 36px } } @media(max-width: 1024px) { .what-points__title { font-size: 30px } } @media(max-width: 428px) { .what-points__title { text-align: center; width: 202px; font-size: 24px } } .what-points__list { display: flex; justify-content: center; flex-wrap: wrap; margin-top: 80px; gap: 72px 135px } @media(max-width: 1728px) { .what-points__list { margin-top: 60px; gap: 35px 135px } } @media(max-width: 1440px) { .what-points__list { margin-top: 60px; gap: 30px 100px } } @media(max-width: 1024px) { .what-points__list { margin-top: 58px; margin-left: 20px; gap: 40px 90px } } @media(max-width: 428px) { .what-points__list { flex-direction: column; margin-top: 40px; gap: 34px 89px } } .what-points__item { width: 418px; height: 203px } .what-points__item-last { position: relative; left: -60px } @media(max-width: 1024px) { .what-points__item { width: 300px; height: auto } .what-points__item-last { left: -40px } } @media(max-width: 640px) { .what-points__item-last { left: auto } } .what-points__item:nth-child(2) { padding-right: 25px } .what-points__item:nth-child(3) { padding-right: 53px } .what-points__item:nth-child(4) { padding-right: 59px } .what-points__item-points { font-size: 32px; font-weight: 400; color: #f73636 } @media(max-width: 1728px) { .what-points__item-points { font-size: 28px } } @media(max-width: 1440px) { .what-points__item-points { font-size: 30px } } @media(max-width: 1024px) { .what-points__item-points { font-size: 18px } } .what-points__item-title { margin-top: 9px; font-family: "Gilroy"; font-size: 24px; font-weight: 600; color: #fff } @media(max-width: 1728px) { .what-points__item-title { font-size: 22px; margin-top: 2px } } @media(max-width: 1440px) { .what-points__item-title { font-size: 20px } } @media(max-width: 1024px) { .what-points__item-title { font-size: 16px } } @media(max-width: 395px) { .what-points__item-title { font-size: 14px } } .what-points__item-text { margin-top: 9px; font-family: "Gilroy"; font-size: 20px; font-weight: 400; color: #fff } @media(max-width: 1728px) { .what-points__item-text { font-size: 18px; line-height: 24px } .what-points__item-text br { display: none } } @media(max-width: 1440px) { .what-points__item-text { font-size: 18px } } @media(max-width: 1024px) { .what-points__item-text { font-size: 13px; line-height: 15.6px } } @media(max-width: 428px) { .what-points__item-text { color: rgba(255, 255, 255, .6) } } .what-points__form { display: flex; align-items: center; -moz-column-gap: 10px; column-gap: 10px } .what-points__input { width: 290px; padding-left: 40px; padding-right: 44px; height: 50px; font-size: 18px; font-weight: 400 } @media(max-width: 1024px) { .what-points__input { width: 200px; height: 35px; font-size: 13px } } .what-points__input::-moz-placeholder { margin-right: 0px; font-size: 18px; font-weight: 400 } .what-points__input::placeholder { margin-right: 0px; font-size: 18px; font-weight: 400 } @media(max-width: 1024px) { .what-points__input::-moz-placeholder { font-size: 13px } .what-points__input::placeholder { font-size: 13px } } .what-points__button { width: 50px; height: 50px } @media(max-width: 1024px) { .what-points__button { width: 35px; height: 35px } } .what-points__button svg rect { transition: .5s ease-out } .what-points__button svg g path { transition: .5s ease-out } .what-points__button:hover svg rect { fill: #fff } .what-points__button:hover svg g path { fill: #f73636 } .what-points__item-text-top { font-size: 18px; line-height: 24px } @media(max-width: 1024px) { .what-points__item-text-top { font-size: 12px; line-height: 15.6px } } .what-points__item-subtext { margin-top: 12px; font-family: "Gilroy"; font-size: 18px; color: rgba(255, 255, 255, .6) } @media(max-width: 1024px) { .what-points__item-subtext { margin-top: 8px; font-size: 12px; line-height: 15.6px } } .what-points__item-link { position: relative; color: rgba(247, 54, 54, .6) } .what-points__item-link::after { position: absolute; left: 0; bottom: 0; content: ""; height: 1px; width: 100%; background-color: rgba(247, 54, 54, .6) } .what-points__lines-left::after { position: absolute; top: 0px; left: 2px; content: ""; display: block; width: 660px; height: 800px; background-image: url("../images/distibuted-lines.svg"); background-repeat: no-repeat; z-index: -1 } @media(max-width: 1728px) { .what-points__lines-left::after { top: -83px; left: 5px; background-image: url("../images/distibuted-lines-1728.svg"); background-size: 535px 820px } } @media(max-width: 868px) { .what-points__lines-left::after { top: -111px; left: -16px; background-image: url("../images/distibuted-lines-1728.svg"); background-size: 462px 820px } } @media(max-width: 428px) { .what-points__lines-left::after { top: -277px; left: -102px; background-image: url("../images/distibuted-lines-390.svg"); background-size: 461px 794px } } .what-points__lines-right::before { position: absolute; top: 0px; right: -142px; content: ""; display: block; width: 660px; height: 489px; background-image: url("../images/distibuted-lines2.svg"); background-repeat: no-repeat; z-index: -1 } @media(max-width: 1728px) { .what-points__lines-right::before { top: -7px; right: -79px; width: 514px; height: 716px; background-image: url("../images/distibuted-lines2-1728.svg"); background-size: 457px 604px } } @media(max-width: 868px) { .what-points__lines-right::before { top: -119px; right: -169px; width: 514px; height: 716px; background-image: url("../images/distibuted-lines2-1728.svg"); background-size: 390px 604px } } @media(max-width: 428px) { .what-points__lines-right::before { top: 188px; right: -256px; width: 514px; height: 716px; background-image: url("../images/distibuted-lines2-390.svg"); background-size: 466px 604px } } .support { background-color: #070707; border-radius: 40px 40px 0px 0px } @media(max-width: 395px) { .support { border-radius: 30px 30px 0px 0px } } .support__wrapper { display: flex; flex-direction: column; align-items: center; padding-top: 107px; padding-bottom: 254px } @media(max-width: 1728px) { .support__wrapper { padding-top: 55px; padding-bottom: 205px } } @media(max-width: 1440px) { .support__wrapper { padding-bottom: 180px } } @media(max-width: 1280px) { .support__wrapper { padding-bottom: 160px } } @media(max-width: 1024px) { .support__wrapper { padding-top: 72px; padding-bottom: 105px } } @media(max-width: 395px) { .support__wrapper { padding-top: 38px } } .support__title { font-size: 60px; font-weight: 400; color: #fff } @media(max-width: 1728px) { .support__title { font-size: 45px } } @media(max-width: 1440px) { .support__title { font-size: 40px } } @media(max-width: 1280px) { .support__title { font-size: 36px } } @media(max-width: 1024px) { .support__title { font-size: 28px } } @media(max-width: 428px) { .support__title { font-size: 24px } } .support__social-list { display: flex; margin-top: 54px; gap: 15px } @media(max-width: 1728px) { .support__social-list { margin-top: 45px } } @media(max-width: 1440px) { .support__social-list { margin-top: 40px } } @media(max-width: 1280px) { .support__social-list { margin-top: 30px } } @media(max-width: 1024px) { .support__social-list { margin-top: 25px } } @media(max-width: 395px) { .support__social-list { -moz-column-gap: 8px; column-gap: 8px } } .support__social-link svg { max-width: 59px; height: 59px } .support__social-link svg path.support__social-path-bg { transition: .5s ease-out } .support__social-link svg path.support__social-path-icon { transition: .5s ease-out } .support__social-link svg:hover path.support__social-path-bg { fill: #fff } .support__social-link svg:hover path.support__social-path-icon { fill: #f73636 } @media(max-width: 1728px) { .support__social-link svg { max-width: 52px; height: 52px } } @media(max-width: 1440px) { .support__social-link svg { max-width: 48px; height: 48px } } @media(max-width: 1280px) { .support__social-link svg { max-width: 46px; height: 46px } } @media(max-width: 868px) { .support__social-link svg { max-width: 42px; height: 42px } } @media(max-width: 395px) { .support__social-link svg { max-width: 40px; height: 40px } } .support__subtitle { margin-top: 59px; font-size: 20px; font-weight: 400; color: #fff } @media(max-width: 1728px) { .support__subtitle { margin-top: 33px } } @media(max-width: 1440px) { .support__subtitle { font-size: 18px } } @media(max-width: 1024px) { .support__subtitle { margin-top: 15px; font-size: 14px } } @media(max-width: 428px) { .support__subtitle { text-align: center; width: 257px; color: rgba(255, 255, 255, .6) } } @media(max-width: 395px) { .support__subtitle { text-align: center; margin-top: 15px; font-size: 13px } } .support__text { margin-top: 59px; font-size: 24px; font-weight: 700; color: #fff } @media(max-width: 1728px) { .support__text { margin-top: 71px; font-size: 22px } } @media(max-width: 1440px) { .support__text { margin-top: 60px; font-size: 20px } } @media(max-width: 1024px) { .support__text { margin-top: 45px; font-size: 16px } } @media(max-width: 395px) { .support__text { margin-top: 46px; font-size: 13px } } .support__button { text-align: center; margin-top: 32px; padding: 21px; width: 205px; font-family: Gilroy; font-size: 20px; font-weight: 600; border: 1px solid #505050; border-radius: 15px; color: #fff; cursor: pointer; transition: .5s ease-out } .support__button:hover { border-color: #fff } @media(max-width: 1024px) { .support__button { margin-top: 21px; padding: 14px; width: 172px; font-size: 14px } } .secure-cloud__lines-left::after { position: absolute; top: -160px; left: 5px; background-size: 335px 575px; z-index: 0 } .secure-cloud__lines-right::before { position: absolute; top: 100px; right: -160px; background-size: 350px 530px; z-index: 0 } .secure-cloud__wrapper { position: relative; display: flex; flex-direction: column; align-items: center; margin-top: 184px } @media(max-width: 1728px) { .secure-cloud__wrapper { margin-top: 174px } } @media(max-width: 1440px) { .secure-cloud__wrapper { margin-top: 164px } } @media(max-width: 1280px) { .secure-cloud__wrapper { margin-top: 154px } } @media(max-width: 1024px) { .secure-cloud__wrapper { margin-top: 90px } } @media(max-width: 428px) { .secure-cloud__wrapper { margin-top: 80px } } @media(max-width: 375px) { .secure-cloud__wrapper { margin-top: 51px } } .secure-cloud__wrapper::after { position: absolute; top: -1186px; left: -742px; content: ""; width: 3000px; height: 2500px; background-image: url("../images/red-waves.svg"); background-repeat: no-repeat; z-index: -1 } @media(max-width: 1728px) { .secure-cloud__wrapper::after { left: -800px; opacity: .8 } } @media(max-width: 1440px) { .secure-cloud__wrapper::after { left: -1050px; top: -1230px } } @media(max-width: 1280px) { .secure-cloud__wrapper::after { left: -1140px; top: -1270px } } @media(max-width: 1024px) { .secure-cloud__wrapper::after { left: -1200px; top: -1235px } } @media(max-width: 428px) { .secure-cloud__wrapper::after { left: -1450px; top: -1240px } } @media(max-width: 375px) { .secure-cloud__wrapper::after { left: -1500px; top: -1280px } } .secure-cloud__title { font-size: 60px; color: #fff } @media(max-width: 1728px) { .secure-cloud__title { font-size: 45px } } @media(max-width: 1440px) { .secure-cloud__title { font-size: 42px } } @media(max-width: 1280px) { .secure-cloud__title { font-size: 36px } } @media(max-width: 1024px) { .secure-cloud__title { font-size: 28px } } @media(max-width: 428px) { .secure-cloud__title { font-size: 26px } } @media(max-width: 375px) { .secure-cloud__title { font-size: 24px } } .secure-cloud__subtitle { margin-top: 18px; font-family: "Gilroy"; font-size: 22px; color: #fff } @media(max-width: 1728px) { .secure-cloud__subtitle { margin-top: 15px; font-size: 20px } } @media(max-width: 1440px) { .secure-cloud__subtitle { margin-top: 16px; font-size: 18px } } @media(max-width: 1280px) { .secure-cloud__subtitle { margin-top: 12px; font-size: 16px } } @media(max-width: 1024px) { .secure-cloud__subtitle { margin-top: 10px; font-size: 14px } } @media(max-width: 375px) { .secure-cloud__subtitle { margin-top: 7px; font-size: 13px } } .secure-cloud__distributed-supercomputer { position: relative; display: flex; flex-direction: column; align-items: center; margin-top: 140px; padding-top: 140px; padding-bottom: 158px; width: 100%; border: 1px solid #505050; border-radius: 60px; background-color: rgba(7, 7, 7, .5); overflow: hidden } @media(max-width: 1728px) { .secure-cloud__distributed-supercomputer { padding-bottom: 196px; border-radius: 50px } } @media(max-width: 1440px) { .secure-cloud__distributed-supercomputer { padding-bottom: 186px } } @media(max-width: 1280px) { .secure-cloud__distributed-supercomputer { padding-top: 130px; padding-bottom: 176px } } @media(max-width: 1024px) { .secure-cloud__distributed-supercomputer { padding-top: 50px; padding-bottom: 77px; border-radius: 40px } } @media(max-width: 868px) { .secure-cloud__distributed-supercomputer { padding-left: 28px; padding-right: 28px } } @media(max-width: 428px) { .secure-cloud__distributed-supercomputer { margin-top: 75px; padding-left: 36px; padding-right: 36px; border-radius: 30px } } @media(max-width: 375px) { .secure-cloud__distributed-supercomputer { margin-top: 65px; padding-top: 35px; padding-bottom: 65px; padding-left: 27px; padding-right: 27px; border-radius: 30px } } .secure-cloud__distributed-supercomputer-title { font-size: 60px; font-weight: 400; color: #fff } @media(max-width: 1728px) { .secure-cloud__distributed-supercomputer-title { font-size: 52px } } @media(max-width: 1440px) { .secure-cloud__distributed-supercomputer-title { font-size: 38px } } @media(max-width: 1280px) { .secure-cloud__distributed-supercomputer-title { font-size: 36px } } @media(max-width: 1024px) { .secure-cloud__distributed-supercomputer-title { font-size: 30px } } @media(max-width: 868px) { .secure-cloud__distributed-supercomputer-title { text-align: center } } @media(max-width: 428px) { .secure-cloud__distributed-supercomputer-title { font-size: 28px } } @media(max-width: 375px) { .secure-cloud__distributed-supercomputer-title { font-size: 25px } } .secure-cloud__distributed-supercomputer-list { display: flex; margin-top: 130px; gap: 140px } @media(max-width: 1728px) { .secure-cloud__distributed-supercomputer-list { margin-top: 120px; gap: 102px } } @media(max-width: 1440px) { .secure-cloud__distributed-supercomputer-list { margin-top: 110px; gap: 86px } } @media(max-width: 1280px) { .secure-cloud__distributed-supercomputer-list { margin-top: 100px; gap: 78px } } @media(max-width: 1024px) { .secure-cloud__distributed-supercomputer-list { margin-top: 94px; gap: 75px } } @media(max-width: 868px) { .secure-cloud__distributed-supercomputer-list { flex-direction: column; margin-top: 55px; gap: 30px } } @media(max-width: 375px) { .secure-cloud__distributed-supercomputer-list { margin-top: 65px; gap: 32px } } .secure-cloud__distributed-supercomputer-item { width: 390px } @media(max-width: 1728px) { .secure-cloud__distributed-supercomputer-item { width: 347px } } @media(max-width: 1440px) { .secure-cloud__distributed-supercomputer-item { width: 320px } } @media(max-width: 1280px) { .secure-cloud__distributed-supercomputer-item { width: 300px } } @media(max-width: 1024px) { .secure-cloud__distributed-supercomputer-item { width: 232px } } @media(max-width: 868px) { .secure-cloud__distributed-supercomputer-item { display: flex; width: 255px } } @media(max-width: 428px) { .secure-cloud__distributed-supercomputer-item { width: 255px } } @media(max-width: 328px) { .secure-cloud__distributed-supercomputer-item { width: auto } } .secure-cloud__distributed-supercomputer-img { width: 148px; height: 120px } @media(max-width: 1728px) { .secure-cloud__distributed-supercomputer-img { width: 117px; height: 105px } } @media(max-width: 1440px) { .secure-cloud__distributed-supercomputer-img { width: 100px; height: 90px } } @media(max-width: 1280px) { .secure-cloud__distributed-supercomputer-img { width: 90px; height: 80px } } @media(max-width: 1024px) { .secure-cloud__distributed-supercomputer-img { width: 75px; height: 67px } } @media(max-width: 868px) { .secure-cloud__distributed-supercomputer-img { min-width: 55px; height: 78px; margin-right: 15px } } @media(max-width: 375px) { .secure-cloud__distributed-supercomputer-img { margin-top: 17px; min-width: 55px; height: 50px; margin-right: 13px } } .secure-cloud__distributed-supercomputer-item-title { text-align: start; margin-top: 27px; font-size: 32px; font-weight: 400; color: #f73636 } @media(max-width: 1728px) { .secure-cloud__distributed-supercomputer-item-title { margin-top: 16px; font-size: 28px } } @media(max-width: 1440px) { .secure-cloud__distributed-supercomputer-item-title { margin-top: 14px; font-size: 24px } } @media(max-width: 1280px) { .secure-cloud__distributed-supercomputer-item-title { margin-top: 12px; font-size: 22px } } @media(max-width: 1024px) { .secure-cloud__distributed-supercomputer-item-title { margin-top: 10px; font-size: 16px } } @media(max-width: 868px) { .secure-cloud__distributed-supercomputer-item-title { margin-top: 0 } } @media(max-width: 428px) { .secure-cloud__distributed-supercomputer-item-title { font-size: 15px } } .secure-cloud__distributed-supercomputer-text { text-align: left; margin-top: 9px; font-family: "Gilroy"; font-size: 20px; font-weight: 400; color: #fff } @media(max-width: 1728px) { .secure-cloud__distributed-supercomputer-text { font-size: 19px } .secure-cloud__distributed-supercomputer-text br { display: none } } @media(max-width: 1440px) { .secure-cloud__distributed-supercomputer-text { font-size: 17px } } @media(max-width: 1280px) { .secure-cloud__distributed-supercomputer-text { font-size: 16px } } @media(max-width: 1024px) { .secure-cloud__distributed-supercomputer-text { margin-top: 5px; font-size: 13px } } @media(max-width: 328px) { .secure-cloud__distributed-supercomputer-text { margin-top: 3px; font-size: 14px } } .secure-cloud-offering__wrapper { display: flex; flex-direction: column; align-items: center; margin-top: 102px; margin-bottom: 145px } @media(max-width: 1728px) { .secure-cloud-offering__wrapper { margin-top: 115px; margin-bottom: 173px } } @media(max-width: 1440px) { .secure-cloud-offering__wrapper { margin-top: 105px; margin-bottom: 163px } } @media(max-width: 1280px) { .secure-cloud-offering__wrapper { margin-top: 95px; margin-bottom: 153px } } @media(max-width: 1024px) { .secure-cloud-offering__wrapper { margin-top: 70px; margin-bottom: 120px } } @media(max-width: 375px) { .secure-cloud-offering__wrapper { margin-top: 43px; margin-bottom: 79px } } .secure-cloud-offering__title { text-align: center; font-size: 60px; color: #fff } @media(max-width: 1728px) { .secure-cloud-offering__title { font-size: 45px } } @media(max-width: 1440px) { .secure-cloud-offering__title { font-size: 42px } } @media(max-width: 1280px) { .secure-cloud-offering__title { font-size: 38px } } @media(max-width: 1024px) { .secure-cloud-offering__title { font-size: 28px } } @media(max-width: 375px) { .secure-cloud-offering__title { font-size: 24px } } .secure-cloud-offering__card { display: flex; flex-direction: column; align-items: center; padding: 51px 53px 56px 53px; margin-top: 123px; width: 100%; border: 1px solid #f73636; border-radius: 20px } @media(max-width: 1728px) { .secure-cloud-offering__card { padding: 43px; margin-top: 60px } } @media(max-width: 1440px) { .secure-cloud-offering__card { padding: 40px; margin-top: 50px } } @media(max-width: 1280px) { .secure-cloud-offering__card { padding: 38px; margin-top: 40px } } @media(max-width: 1024px) { .secure-cloud-offering__card { padding: 32px; padding-bottom: 39px; margin-top: 22px } } @media(max-width: 428px) { .secure-cloud-offering__card { align-items: start } } @media(max-width: 375px) { .secure-cloud-offering__card { padding: 23px 15px 35px 15px } } .secure-cloud-offering__card-title { font-size: 34px; color: #fff } @media(max-width: 1728px) { .secure-cloud-offering__card-title { font-size: 30px } } @media(max-width: 1440px) { .secure-cloud-offering__card-title { font-size: 28px } } @media(max-width: 1280px) { .secure-cloud-offering__card-title { font-size: 24px } } @media(max-width: 1024px) { .secure-cloud-offering__card-title { font-size: 22px } } @media(max-width: 428px) { .secure-cloud-offering__card-title { text-align: center; margin: 0 auto } } @media(max-width: 375px) { .secure-cloud-offering__card-title { font-size: 20px } } .secure-cloud-offering__card-characteristics { display: flex; margin-top: 23px; gap: 54px } @media(max-width: 1728px) { .secure-cloud-offering__card-characteristics { position: relative; right: -10px; margin-top: 30px; gap: 75px } } @media(max-width: 1440px) { .secure-cloud-offering__card-characteristics { right: -22px; margin-top: 25px; gap: 65px } } @media(max-width: 1280px) { .secure-cloud-offering__card-characteristics { right: -25px; margin-top: 20px; gap: 55px } } @media(max-width: 1024px) { .secure-cloud-offering__card-characteristics { right: -6px; margin-top: 22px; gap: 40px } } @media(max-width: 428px) { .secure-cloud-offering__card-characteristics { right: 0; flex-direction: column; gap: 15px; width: 100% } } .secure-cloud-offering__card-characteristics-item { display: flex; flex-direction: column; align-items: center } @media(max-width: 428px) { .secure-cloud-offering__card-characteristics-item { flex-direction: unset; justify-content: space-between } } .secure-cloud-offering__card-characteristics-title { font-size: 20px; color: #fff } @media(max-width: 1728px) { .secure-cloud-offering__card-characteristics-title { font-size: 18px } } @media(max-width: 1440px) { .secure-cloud-offering__card-characteristics-title { font-size: 16px } } @media(max-width: 1280px) { .secure-cloud-offering__card-characteristics-title { font-size: 15px } } @media(max-width: 1024px) { .secure-cloud-offering__card-characteristics-title { font-size: 13px } } @media(max-width: 428px) { .secure-cloud-offering__card-characteristics-title { white-space: nowrap; font-size: 14px; color: #f73636 } } @media(max-width: 375px) { .secure-cloud-offering__card-characteristics-title { font-size: 13px } } .secure-cloud-offering__card-characteristics-characteristics { display: flex; justify-content: center; align-items: center; margin-top: 5px; padding: 10px 38px 11px 38px; min-width: 107px; font-size: 22px; border: 1px solid rgba(255, 255, 255, .6); border-radius: 60px; color: #fff } @media(max-width: 1728px) { .secure-cloud-offering__card-characteristics-characteristics { margin-top: 5px; padding: 12px 42px 11px 44px; font-size: 20px } } @media(max-width: 1440px) { .secure-cloud-offering__card-characteristics-characteristics { margin-top: 8px; padding: 10px 40px 9px 42px; font-size: 18px } } @media(max-width: 1280px) { .secure-cloud-offering__card-characteristics-characteristics { margin-top: 6px; padding: 8px 38px 6px 40px; font-size: 16px } } @media(max-width: 1024px) { .secure-cloud-offering__card-characteristics-characteristics { margin-top: 7px; padding: 9px 32px 8px 32px; min-width: 104px; font-size: 15px } } @media(max-width: 428px) { .secure-cloud-offering__card-characteristics-characteristics { padding: 0; text-align: start; justify-content: start; border: none; min-width: 100px } } @media(max-width: 375px) { .secure-cloud-offering__card-characteristics-characteristics { font-size: 16px } } .secure-cloud-offering__card-characteristics-characteristics--ram { min-width: 165px } @media(max-width: 1024px) { .secure-cloud-offering__card-characteristics-characteristics--ram { min-width: 114px } } @media(max-width: 428px) { .secure-cloud-offering__card-characteristics-characteristics--ram { min-width: 100px } } @media(max-width: 428px) { .secure-cloud-offering__box-texts { display: none } } .secure-cloud-offering__box-texts-mobile { display: none } @media(max-width: 428px) { .secure-cloud-offering__box-texts-mobile { display: block } } .secure-cloud-offering__data-center { display: flex; justify-content: center; margin-top: 40px; font-size: 20px; color: rgba(217, 217, 217, .6) } @media(max-width: 1728px) { .secure-cloud-offering__data-center { margin-top: 25px; font-size: 18px } } @media(max-width: 1440px) { .secure-cloud-offering__data-center { margin-top: 20px; font-size: 17px } } @media(max-width: 1280px) { .secure-cloud-offering__data-center { margin-top: 18px; font-size: 16px } } @media(max-width: 1024px) { .secure-cloud-offering__data-center { margin-top: 22px; font-size: 14px } } @media(max-width: 428px) { .secure-cloud-offering__data-center { margin-top: 0; justify-content: start } } .secure-cloud-offering__text { margin-top: 6px; font-size: 20px; color: rgba(217, 217, 217, .6) } @media(max-width: 1728px) { .secure-cloud-offering__text { font-size: 18px } } @media(max-width: 1440px) { .secure-cloud-offering__text { margin-top: 4px; font-size: 17px } } @media(max-width: 1280px) { .secure-cloud-offering__text { font-size: 16px } } @media(max-width: 1024px) { .secure-cloud-offering__text { margin-top: 6px; font-size: 14px } } .secure-cloud-offering__box { display: flex; align-items: center; margin-top: 32px; gap: 32px } @media(max-width: 1728px) { .secure-cloud-offering__box { margin-top: 30px; gap: 30px } } @media(max-width: 1440px) { .secure-cloud-offering__box { margin-top: 28px; gap: 28px } } @media(max-width: 1280px) { .secure-cloud-offering__box { margin-top: 24px; gap: 24px } } @media(max-width: 1024px) { .secure-cloud-offering__box { margin-top: 22px; gap: 20px } } @media(max-width: 428px) { .secure-cloud-offering__box { flex-direction: column; align-items: start } } .secure-cloud-offering__per-house { font-family: TT Firs Neue; font-size: 24px; font-weight: 400; line-height: 31px; color: #fff } @media(max-width: 1728px) { .secure-cloud-offering__per-house { font-size: 20px } } @media(max-width: 1440px) { .secure-cloud-offering__per-house { font-size: 18px } } @media(max-width: 1280px) { .secure-cloud-offering__per-house { font-size: 16px } } @media(max-width: 1024px) { .secure-cloud-offering__per-house { font-size: 15px } } @media(max-width: 428px) { .secure-cloud-offering__per-house { padding-top: 8px; position: relative; font-size: 18px } .secure-cloud-offering__per-house::before { position: absolute; top: 0; left: 0; content: ""; width: 41px; height: 1px; border-radius: 2px; background-color: #fff } } @media(max-width: 375px) { .secure-cloud-offering__per-house { font-size: 18px } } .secure-cloud-offering__btn { margin-top: 0; width: 273px } @media(max-width: 1728px) { .secure-cloud-offering__btn { width: 256px; font-size: 18px } } @media(max-width: 1440px) { .secure-cloud-offering__btn { width: 236px; font-size: 17px } } @media(max-width: 1280px) { .secure-cloud-offering__btn { padding-top: 11px; padding-bottom: 11px; min-height: 46px; width: 216px; font-size: 16px } } @media(max-width: 1024px) { .secure-cloud-offering__btn { width: 196px; font-size: 14px } } @media(max-width: 428px) { .secure-cloud-offering__btn { padding-top: 6px; padding-bottom: 6px; min-height: 40px; width: 166px; font-size: 13px } } @media(max-width: 375px) { .secure-cloud-offering__btn { padding-top: 3px; padding-bottom: 3px; min-height: 33px; width: 146px; font-size: 12px } } .secure-cloud-offering__custom { display: flex; flex-direction: column; align-items: center; padding: 75px; margin-top: 50px; width: 100%; background-color: rgba(0, 0, 0, 0); background-image: url("data:image/svg+xml;utf8,<svg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill: none; stroke: rgba(247, 54, 54, 0.6); stroke-width: 1; stroke-dasharray: 20 20'/></svg>"); border-radius: 20px } @media(max-width: 1728px) { .secure-cloud-offering__custom { padding: 55px; margin-top: 30px } } @media(max-width: 1440px) { .secure-cloud-offering__custom { padding: 45px } } @media(max-width: 1280px) { .secure-cloud-offering__custom { padding: 42px } } @media(max-width: 1024px) { .secure-cloud-offering__custom { margin-top: 25px; padding: 34px } } @media(max-width: 428px) { .secure-cloud-offering__custom { margin-top: 20px } } @media(max-width: 375px) { .secure-cloud-offering__custom { margin-top: 15px } } .secure-cloud-offering__custom-title { font-size: 34px; color: #fff } @media(max-width: 1728px) { .secure-cloud-offering__custom-title { font-size: 30px } } @media(max-width: 1440px) { .secure-cloud-offering__custom-title { font-size: 28px } } @media(max-width: 1280px) { .secure-cloud-offering__custom-title { font-size: 26px } } @media(max-width: 1024px) { .secure-cloud-offering__custom-title { font-size: 24px } } @media(max-width: 428px) { .secure-cloud-offering__custom-title { font-size: 22px } } @media(max-width: 375px) { .secure-cloud-offering__custom-title { font-size: 20px } } .secure-cloud-offering__custom-text { margin-top: 10px; font-size: 20px; color: rgba(217, 217, 217, .6) } @media(max-width: 1728px) { .secure-cloud-offering__custom-text { margin-top: 12px; font-size: 18px } } @media(max-width: 1440px) { .secure-cloud-offering__custom-text { margin-top: 10px; font-size: 17px } } @media(max-width: 1280px) { .secure-cloud-offering__custom-text { margin-top: 8px; font-size: 16px } } @media(max-width: 1024px) { .secure-cloud-offering__custom-text { margin-top: 7px; font-size: 14px } } @media(max-width: 428px) { .secure-cloud-offering__custom-text { text-align: center; max-width: 230px } } .secure-cloud-offering__custom-btn { width: 273px } @media(max-width: 1728px) { .secure-cloud-offering__custom-btn { width: 256px; font-size: 18px } } @media(max-width: 1440px) { .secure-cloud-offering__custom-btn { margin-top: 20px; width: 236px; font-size: 17px } } @media(max-width: 1280px) { .secure-cloud-offering__custom-btn { padding-top: 11px; padding-bottom: 11px; min-height: 46px; width: 216px; font-size: 16px } } @media(max-width: 1024px) { .secure-cloud-offering__custom-btn { width: 196px; font-size: 14px } } @media(max-width: 428px) { .secure-cloud-offering__custom-btn { padding-top: 6px; padding-bottom: 6px; min-height: 40px; width: 166px; font-size: 13px } } @media(max-width: 375px) { .secure-cloud-offering__custom-btn { padding-top: 3px; padding-bottom: 3px; min-height: 33px; width: 146px; font-size: 12px } } .about-team { margin-top: 195px } @media(max-width: 1440px) { .about-team { margin-top: 160px } } @media(max-width: 1280px) { .about-team { margin-top: 130px } } .about-team__btn { display: flex; align-items: center; justify-content: center; margin: 0 auto; margin-top: 104px; padding: 60px 92px; gap: 55px; width: 490px; height: 190px; border-radius: 10px; background-color: #f73636; transition: background-color .5s ease-out } .about-team__btn:hover { background-color: #fff } .about-team__btn:hover .about-team__btn-img path { fill: #161616 } .about-team__btn:hover .about-team__btn-text { color: #161616 } @media(max-width: 1728px) { .about-team__btn { margin-top: 84px; padding: 52px 84px; gap: 50px; width: 475px; height: 175px } } @media(max-width: 1440px) { .about-team__btn { margin-top: 74px; padding: 42px 74px; gap: 40px; width: 415px; height: 135px } } @media(max-width: 1280px) { .about-team__btn { margin-top: 64px; padding: 32px 64px; gap: 35px; width: 385px; height: 125px } } @media(max-width: 1024px) { .about-team__btn { margin-top: 44px; padding: 18px 44px; gap: 20px; width: 335px; height: 95px } } @media(max-width: 868px) { .about-team__btn { margin-top: 44px; padding: 22px 54px; gap: 25px; width: 375px; height: 125px } } @media(max-width: 428px) { .about-team__btn { margin-top: 34px; padding: 12px 14px; gap: 20px; width: auto; max-width: 300px; height: 105px } } @media(max-width: 328px) { .about-team__btn { margin-top: 24px; padding: 10px 12px; gap: 20px; width: auto; max-width: 240px; height: 80px } } .about-team__btn-img path { transition: fill .5s ease-out } @media(max-width: 1440px) { .about-team__btn-img { width: 54px; height: 54px } } @media(max-width: 1280px) { .about-team__btn-img { width: 52px; height: 52px } } @media(max-width: 1024px) { .about-team__btn-img { width: 50px; height: 50px } } @media(max-width: 868px) { .about-team__btn-img { width: 48px; height: 48px } } @media(max-width: 428px) { .about-team__btn-img { width: 46px; height: 46px } } @media(max-width: 328px) { .about-team__btn-img { width: 40px; height: 40px } } .about-team__btn-text { font-size: 24px; color: #fff; transition: color .5s ease-out } @media(max-width: 1440px) { .about-team__btn-text { font-size: 20px; line-height: 28px } } @media(max-width: 1280px) { .about-team__btn-text { font-size: 20px; line-height: 26px } } @media(max-width: 1024px) { .about-team__btn-text { font-size: 18px; line-height: 23px } } @media(max-width: 868px) { .about-team__btn-text { font-size: 20px; line-height: 26px } } @media(max-width: 428px) { .about-team__btn-text { font-size: 18px; line-height: 24px } } @media(max-width: 328px) { .about-team__btn-text { font-size: 14px; line-height: 18px } } .about-team__waves { margin-top: 70px } @media(max-width: 1728px) { .about-team__waves { margin-top: 42px } } @media(max-width: 1280px) { .about-team__waves { margin-top: 37px } } @media(max-width: 1024px) { .about-team__waves { margin-top: 27px } } @media(max-width: 868px) { .about-team__waves { margin-top: 37px } } @media(max-width: 428px) { .about-team__waves { margin-top: 47px } } .about-team__flower { position: absolute; top: -115px; left: 50%; transform: translateX(-50%); z-index: -1 } @media(max-width: 1728px) { .about-team__flower { width: 366px; height: 376px } } @media(max-width: 1440px) { .about-team__flower { top: -95px; width: 306px; height: 316px } } @media(max-width: 1280px) { .about-team__flower { top: -85px; width: 276px; height: 286px } } @media(max-width: 1024px) { .about-team__flower { width: 246px; height: 256px } } @media(max-width: 868px) { .about-team__flower { top: -65px; width: 266px; height: 276px } } @media(max-width: 428px) { .about-team__flower { top: -55px; width: 316px; height: 326px } } @media(max-width: 395px) { .about-team__flower { top: -35px; width: 316px; height: 326px } } @media(max-width: 328px) { .about-team__flower { top: -52px; width: 236px; height: 246px } } @keyframes animate-svg-stroke-1 { 0% { stroke-dashoffset: 910.0104370117px; stroke-dasharray: 910.0104370117px } 100% { stroke-dashoffset: 0; stroke-dasharray: 910.0104370117px } } .flower-1 { animation: animate-svg-stroke-1 1s ease-in-out .5s both } @keyframes animate-svg-stroke-2 { 0% { stroke-dashoffset: 506.7226257324px; stroke-dasharray: 506.7226257324px } 100% { stroke-dashoffset: 0; stroke-dasharray: 506.7226257324px } } .flower-2 { animation: animate-svg-stroke-2 1s ease-in-out .5s both } @keyframes animate-svg-stroke-3 { 0% { stroke-dashoffset: 417.9594116211px; stroke-dasharray: 417.9594116211px } 100% { stroke-dashoffset: 0; stroke-dasharray: 417.9594116211px } } .flower-3 { animation: animate-svg-stroke-3 1s ease-in-out .5s both } @keyframes animate-svg-stroke-4 { 0% { stroke-dashoffset: 464.7121582031px; stroke-dasharray: 464.7121582031px } 100% { stroke-dashoffset: 0; stroke-dasharray: 464.7121582031px } } .flower-4 { animation: animate-svg-stroke-4 1s ease-in-out .5s both } @keyframes animate-svg-stroke-5 { 0% { stroke-dashoffset: 506.0465393066px; stroke-dasharray: 506.0465393066px } 100% { stroke-dashoffset: 0; stroke-dasharray: 506.0465393066px } } .flower-5 { animation: animate-svg-stroke-5 1s ease-in-out .5s both } @keyframes animate-svg-stroke-6 { 0% { stroke-dashoffset: 536.7901611328px; stroke-dasharray: 536.7901611328px } 100% { stroke-dashoffset: 0; stroke-dasharray: 536.7901611328px } } .flower-6 { animation: animate-svg-stroke-6 1s ease-in-out .5s both } @keyframes animate-svg-stroke-7 { 0% { stroke-dashoffset: 547.1818237305px; stroke-dasharray: 547.1818237305px } 100% { stroke-dashoffset: 0; stroke-dasharray: 547.1818237305px } } .flower-7 { animation: animate-svg-stroke-7 1s ease-in-out .5s both } @keyframes animate-svg-stroke-8 { 0% { stroke-dashoffset: 548.7010498047px; stroke-dasharray: 548.7010498047px } 100% { stroke-dashoffset: 0; stroke-dasharray: 548.7010498047px } } .flower-8 { animation: animate-svg-stroke-8 1s ease-in-out .5s both } @keyframes animate-svg-stroke-9 { 0% { stroke-dashoffset: 528.9473266602px; stroke-dasharray: 528.9473266602px } 100% { stroke-dashoffset: 0; stroke-dasharray: 528.9473266602px } } .flower-9 { animation: animate-svg-stroke-9 1s ease-in-out .5s both } @keyframes animate-svg-stroke-10 { 0% { stroke-dashoffset: 529.4942016602px; stroke-dasharray: 529.4942016602px } 100% { stroke-dashoffset: 0; stroke-dasharray: 529.4942016602px } } .flower-10 { animation: animate-svg-stroke-10 1s ease-in-out .5s both } @keyframes animate-svg-stroke-11 { 0% { stroke-dashoffset: 494.3835449219px; stroke-dasharray: 494.3835449219px } 100% { stroke-dashoffset: 0; stroke-dasharray: 494.3835449219px } } .flower-11 { animation: animate-svg-stroke-11 1s ease-in-out .5s both } @keyframes animate-svg-stroke-12 { 0% { stroke-dashoffset: 495.3881835938px; stroke-dasharray: 495.3881835938px } 100% { stroke-dashoffset: 0; stroke-dasharray: 495.3881835938px } } .flower-12 { animation: animate-svg-stroke-12 1s ease-in-out .5s both } @keyframes animate-svg-stroke-13 { 0% { stroke-dashoffset: 463.9454345703px; stroke-dasharray: 463.9454345703px } 100% { stroke-dashoffset: 0; stroke-dasharray: 463.9454345703px } } .flower-13 { animation: animate-svg-stroke-13 1s ease-in-out .5s both } @keyframes animate-svg-stroke-14 { 0% { stroke-dashoffset: 465.268951416px; stroke-dasharray: 465.268951416px } 100% { stroke-dashoffset: 0; stroke-dasharray: 465.268951416px } } .flower-14 { animation: animate-svg-stroke-14 1s ease-in-out .5s both } @keyframes animate-svg-stroke-15 { 0% { stroke-dashoffset: 425.255065918px; stroke-dasharray: 425.255065918px } 100% { stroke-dashoffset: 0; stroke-dasharray: 425.255065918px } } .flower-15 { animation: animate-svg-stroke-15 1s ease-in-out .5s both } @keyframes animate-svg-stroke-16 { 0% { stroke-dashoffset: 417.8553771973px; stroke-dasharray: 417.8553771973px } 100% { stroke-dashoffset: 0; stroke-dasharray: 417.8553771973px } } .flower-16 { animation: animate-svg-stroke-16 1s ease-in-out .5s both } @keyframes animate-svg-stroke-17 { 0% { stroke-dashoffset: 407.2165222168px; stroke-dasharray: 407.2165222168px } 100% { stroke-dashoffset: 0; stroke-dasharray: 407.2165222168px } } .flower-17 { animation: animate-svg-stroke-17 1s ease-in-out .5s both } @keyframes animate-svg-stroke-18 { 0% { stroke-dashoffset: 529.0610351563px; stroke-dasharray: 529.0610351563px } 100% { stroke-dashoffset: 0; stroke-dasharray: 529.0610351563px } } .flower-18 { animation: animate-svg-stroke-18 1s ease-in-out .5s both } .team { margin-top: 57px; margin-bottom: 218px; padding: 0 15px } @media(max-width: 1728px) { .team { margin-top: 40px; margin-bottom: 190px; font-size: 45px } } @media(max-width: 1440px) { .team { margin-top: 30px; margin-bottom: 170px; font-size: 40px } } @media(max-width: 1280px) { .team { margin-top: 25px; margin-bottom: 150px; font-size: 36px } } @media(max-width: 1024px) { .team { margin-top: 40px; margin-bottom: 130px; font-size: 28px } } @media(max-width: 428px) { .team { margin-top: 50px; margin-bottom: 100px } } @media(max-width: 328px) { .team { margin-bottom: 140px } } .team__title { text-align: center; font-size: 60px; color: #fff } @media(max-width: 1728px) { .team__title { font-size: 52px } } @media(max-width: 1440px) { .team__title { font-size: 38px } } @media(max-width: 1280px) { .team__title { font-size: 36px } } @media(max-width: 1024px) { .team__title { font-size: 30px } } @media(max-width: 428px) { .team__title { font-size: 34px } } @media(max-width: 395px) { .team__title { font-size: 28px } } @media(max-width: 328px) { .team__title { font-size: 25px } } .team__text { font-family: "Gilroy", sans-serif; text-align: center; margin: 0 auto; margin-top: 18px; max-width: 1007px; font-size: 22px; line-height: 26.4px; color: #fff } @media(max-width: 1728px) { .team__text { margin-top: 16px; max-width: 867px; font-size: 20px; line-height: 24px } } @media(max-width: 1440px) { .team__text { margin-top: 14px; max-width: 777px; font-size: 16px; line-height: 22px } } @media(max-width: 1280px) { .team__text { margin-top: 12px; max-width: 685px; font-size: 15px; line-height: 20px } } @media(max-width: 1024px) { .team__text { margin-top: 10px; max-width: 595px; font-size: 14px } } @media(max-width: 868px) { .team__text { max-width: 640px; font-size: 18px; line-height: 24px } } @media(max-width: 428px) { .team__text { font-size: 18px; line-height: 24px } } @media(max-width: 328px) { .team__text { font-size: 13px; line-height: 16px } } .cards { display: flex; justify-content: center; flex-wrap: wrap; gap: 67px; margin: 0 auto; margin-top: 74px } @media(max-width: 1728px) { .cards { margin-top: 64px; gap: 58px } } @media(max-width: 1440px) { .cards { margin-top: 54px; gap: 55px } } @media(max-width: 1280px) { .cards { margin-top: 44px; gap: 48px } } @media(max-width: 1024px) { .cards { gap: 46px } } @media(max-width: 428px) { .cards { margin-top: 50px; gap: 40px } } @media(max-width: 395px) { .cards { margin-top: 34px; gap: 30px } } .cards__item { max-width: 485px } @media(max-width: 1728px) { .cards__item { max-width: 392px } } @media(max-width: 1440px) { .cards__item { max-width: 345px } } @media(max-width: 1280px) { .cards__item { max-width: 300px } } @media(max-width: 1024px) { .cards__item { max-width: 294px } } @media(max-width: 428px) { .cards__item { max-width: 310px } } @media(max-width: 395px) { .cards__item { max-width: 270px } } @media(max-width: 328px) { .cards__item { max-width: 250px } } .cards__member { display: flex; align-items: center; gap: 25px; max-width: 100% } @media(max-width: 1440px) { .cards__member { gap: 22px } } @media(max-width: 1280px) { .cards__member { gap: 20px } } @media(max-width: 660px) { .cards__member { flex-direction: column } } .cards__img { min-width: 193px; max-height: 193px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; -webkit-user-select: none; -moz-user-select: none; user-select: none; pointer-events: none; border-radius: 50% } @media(max-width: 1728px) { .cards__img { min-width: 153px; max-height: 153px } } @media(max-width: 1440px) { .cards__img { min-width: 133px; max-height: 133px } } @media(max-width: 1280px) { .cards__img { min-width: 123px; max-height: 123px } } @media(max-width: 1024px) { .cards__img { min-width: 113px; max-height: 113px } } @media(max-width: 428px) { .cards__img { min-width: 133px; max-height: 133px } } @media(max-width: 328px) { .cards__img { min-width: 123px; max-height: 123px } } .cards__img-wrapper { display: flex; position: relative; overflow: hidden; border-radius: 50% } .cards__img-wrapper::before { position: absolute; content: ""; z-index: 1 } .cards__img-wrapper::after { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background-color: rgba(47, 5, 5, .66) } .cards__img-wrapper--anon::after { background-color: rgba(0, 0, 0, 0) } .cards__name { font-family: "Gilroy", sans-serif; font-weight: 400; font-size: 30px; line-height: 36px; letter-spacing: .04em; color: #fff } @media(max-width: 1728px) { .cards__name { font-size: 28px; line-height: 34px } } @media(max-width: 1440px) { .cards__name { font-size: 26px; line-height: 32px } } @media(max-width: 1280px) { .cards__name { font-size: 24px; line-height: 30px } } @media(max-width: 1024px) { .cards__name { font-size: 22px; line-height: 28px } } @media(max-width: 868px) { .cards__name { font-size: 22px; line-height: 28px } } @media(max-width: 660px) { .cards__name { text-align: center } } @media(max-width: 428px) { .cards__name { font-size: 28px; line-height: 28px } } @media(max-width: 395px) { .cards__name { font-size: 26px; line-height: 26px } } @media(max-width: 328px) { .cards__name { font-size: 20px; line-height: 20px } } .cards__skill { margin-top: 24px; font-family: "Gilroy", sans-serif; font-weight: 300; font-size: 20px; color: #fff } @media(max-width: 1728px) { .cards__skill { margin-top: 22px; font-size: 18px } } @media(max-width: 1440px) { .cards__skill { margin-top: 20px; font-size: 16px } } @media(max-width: 1280px) { .cards__skill { margin-top: 18px } } @media(max-width: 1024px) { .cards__skill { margin-top: 16px; font-size: 14px } } @media(max-width: 868px) { .cards__skill { margin-top: 14px } } @media(max-width: 660px) { .cards__skill { text-align: center } } @media(max-width: 428px) { .cards__skill { margin-top: 12px; font-size: 18px } } @media(max-width: 395px) { .cards__skill { margin-top: 10px; font-size: 16px } } @media(max-width: 328px) { .cards__skill { margin-top: 8px; font-size: 15px } } .cards__about { margin-top: 25px; font-family: "Gilroy", sans-serif; font-weight: 300; font-size: 20px; line-height: 23.06px; color: rgba(255, 255, 255, .6) } @media(max-width: 1728px) { .cards__about { margin-top: 22px; font-size: 16px; line-height: 19.75px } } @media(max-width: 1440px) { .cards__about { margin-top: 20px; font-size: 14px; line-height: 18.75px } } @media(max-width: 1280px) { .cards__about { margin-top: 18px; font-size: 12px; line-height: 16.75px } } @media(max-width: 1024px) { .cards__about { margin-top: 16px } } @media(max-width: 868px) { .cards__about { margin-top: 14px } } @media(max-width: 660px) { .cards__about { text-align: center } } @media(max-width: 428px) { .cards__about { margin-top: 12px; font-size: 16px; line-height: 19.75px } } @media(max-width: 395px) { .cards__about { margin-top: 8px; font-size: 14px; line-height: 17.75px } } @media(max-width: 328px) { .cards__about { margin-top: 5px; font-size: 13px; line-height: 16.75px } } .header__reset { min-height: 60px } @media(max-width: 1280px) { .header__reset { padding-bottom: 30px } } @media(max-width: 395px) { .header__reset { padding-bottom: 10px } } .nav__reset { margin: 0 } .register { margin-top: 29px } .particles-top-v2 { left: 85px; height: 750px; transform: scale(131%); z-index: -1 } @media(max-width: 1728px) { .particles-top-v2 { left: 15px; top: -50px; max-width: 472px } } @media(max-width: 1440px) { .particles-top-v2 { left: 0px; top: -100px; max-width: 387px } } @media(max-width: 1280px) { .particles-top-v2 { left: 0; top: -120px; max-width: 350px } } @media(max-width: 428px) { .particles-top-v2 { left: 10px; top: 10px; width: 249px; height: 422px } } @media(max-width: 328px) { .particles-top-v2 { top: -10px; left: -40px; max-width: 207px; height: 351px } } .particles-bottom-v2 { top: 500px; right: 40px; transform: scale(121%); z-index: -1 } @media(max-width: 1728px) { .particles-bottom-v2 { top: 500px; right: 48px } } @media(max-width: 1440px) { .particles-bottom-v2 { top: 425px; right: 50px } } @media(max-width: 1280px) { .particles-bottom-v2 { top: 490px; right: 40px } } @media(max-width: 1024px) { .particles-bottom-v2 { top: 380px; right: 27px } } @media(max-width: 868px) { .particles-bottom-v2 { top: 380px; right: 30px; width: 265px; height: 440px } } @media(max-width: 428px) { .particles-bottom-v2 { top: 340px; width: 265px; height: 440px; opacity: .3 } } @media(max-width: 395px) { .particles-bottom-v2 { top: 210px; right: 20px; max-width: 215px; height: 358px } } .jellyfish-right-register { top: 180px; right: 210px } .register__circle-left { position: absolute; top: 346px } .jellyfish-left-register { position: absolute; top: 280px; margin-left: 166px } .register__wrapper { display: flex; flex-direction: column; align-items: center; margin: 0 auto; padding: 87px 52px 70px 52px; max-width: 678px; max-height: 810px; border: 1px solid #d9d9d9; border-radius: 50px; color: #fff } @media(max-width: 1728px) { .register__wrapper { padding: 85px 50px 68px 50px; max-width: 668px } } @media(max-width: 1440px) { .register__wrapper { padding: 83px 48px 66px 48px; max-width: 608px } } @media(max-width: 1280px) { .register__wrapper { padding: 81px 46px 64px 46px; max-width: 530px } } @media(max-width: 428px) { .register__wrapper { padding: 76px 42px 60px 42px; max-width: 100%; border: none } } @media(max-width: 395px) { .register__wrapper { padding: 72px 38px 54px 38px } } @media(max-width: 328px) { .register__wrapper { padding: 70px 36px 52px 28px } } .authz__button-wrapper { display: flex; gap: 89px } @media(max-width: 1728px) { .authz__button-wrapper { gap: 85px } } @media(max-width: 1440px) { .authz__button-wrapper { gap: 83px } } @media(max-width: 1280px) { .authz__button-wrapper { gap: 81px } } @media(max-width: 428px) { .authz__button-wrapper { gap: 45px } } @media(max-width: 395px) { .authz__button-wrapper { gap: 43px } } @media(max-width: 328px) { .authz__button-wrapper { gap: 38px } } .authz__button { font-size: 40px; color: rgba(255, 255, 255, .3) } .authz__button.authz__button--active { color: #fff } @media(max-width: 1728px) { .authz__button { font-size: 38px } } @media(max-width: 1440px) { .authz__button { font-size: 34px } } @media(max-width: 1280px) { .authz__button { font-size: 32px } } @media(max-width: 428px) { .authz__button { font-size: 28px } } @media(max-width: 395px) { .authz__button { font-size: 24px } } .authz__form { display: flex; flex-direction: column; align-items: center; margin-top: 70px; gap: 18px; width: 100%; color: #fff } @media(max-width: 1728px) { .authz__form { margin-top: 64px; gap: 16px } } @media(max-width: 1440px) { .authz__form { margin-top: 62px } } @media(max-width: 1280px) { .authz__form { margin-top: 60px } } @media(max-width: 428px) { .authz__form { margin-top: 60px } } @media(max-width: 395px) { .authz__form { margin-top: 54px; gap: 4px } } @media(max-width: 328px) { .authz__form { margin-top: 44px } } .authz__input { display: block; text-align: center; padding: 25px 30px; width: 100%; font-family: "Gilroy"; font-size: 24px; border: 1px solid rgba(255, 255, 255, .2); border-radius: 50px; color: #f73636 } .authz__input:focus { border-color: #fff } .authz__input::-moz-placeholder { font-family: "Gilroy"; font-style: normal; font-weight: 400; font-size: 22px; line-height: 26px; color: #fff } .authz__input::placeholder { font-family: "Gilroy"; font-style: normal; font-weight: 400; font-size: 22px; line-height: 26px; color: #fff } @media(max-width: 1728px) { .authz__input::-moz-placeholder { font-size: 20px } .authz__input::placeholder { font-size: 20px } } @media(max-width: 1440px) { .authz__input::-moz-placeholder { font-size: 18px } .authz__input::placeholder { font-size: 18px } } @media(max-width: 1280px) { .authz__input::-moz-placeholder { font-size: 14px } .authz__input::placeholder { font-size: 14px } } @media(max-width: 428px) { .authz__input::-moz-placeholder { font-size: 14px } .authz__input::placeholder { font-size: 14px } } @media(max-width: 395px) { .authz__input::-moz-placeholder { margin-top: 12px } .authz__input::placeholder { margin-top: 12px } } @media(max-width: 1728px) { .authz__input { padding: 23px 28px; font-size: 22px } } @media(max-width: 1440px) { .authz__input { padding: 21px 26px; font-size: 20px } } @media(max-width: 1280px) { .authz__input { padding: 19px 24px; font-size: 16px } } @media(max-width: 395px) { .authz__input { padding: 17px 22px; margin-top: 14px } } @media(max-width: 395px) { .authz__input { padding: 17px 22px; margin-top: 14px } } @media(max-width: 328px) { .authz__input { font-size: 14px } } .register__checkbox-wrapper { display: flex; align-items: center; margin-top: 4px; gap: 15px } @media(max-width: 1728px) { .register__checkbox-wrapper { gap: 13px } } @media(max-width: 1440px) { .register__checkbox-wrapper { gap: 11px } } @media(max-width: 1280px) { .register__checkbox-wrapper { gap: 9px } } @media(max-width: 428px) { .register__checkbox-wrapper { margin-top: 8px } } @media(max-width: 395px) { .register__checkbox-wrapper { margin-top: 8px; gap: 8px } } @media(max-width: 328px) { .register__checkbox-wrapper { margin-top: 5px; gap: 5px } } .register__checkbox { position: absolute; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 30px; height: 30px; cursor: pointer } .register__checkbox-img { width: 30px; height: 30px; background-image: url(../images/checkbox.svg); background-position: center; background-repeat: no-repeat } @media(max-width: 428px) { .register__checkbox-img { width: 16px; height: 16px; background-image: url(../images/checkbox-428.svg) } } .register__checkbox:focus+.register__checkbox-img { background-image: url(../images/checkbox-focus.svg) } @media(max-width: 428px) { .register__checkbox:focus+.register__checkbox-img { background-image: url(../images/checkbox-focus-428.svg) } } .register__checkbox:checked+.register__checkbox-img { background-image: url(../images/checkbox-checked.svg) } @media(max-width: 428px) { .register__checkbox:checked+.register__checkbox-img { background-image: url(../images/checkbox-checked-428.svg) } } .register__checkbox-text { font-family: "Gilroy"; font-style: normal; font-weight: 400; font-size: 20px; line-height: 21px } .register__checkbox-text a { display: inline-block; border-bottom: 1px solid #f63737; color: #f63737 } @media(max-width: 1728px) { .register__checkbox-text { font-size: 16px } } @media(max-width: 1440px) { .register__checkbox-text { font-size: 14px } } @media(max-width: 1280px) { .register__checkbox-text { font-size: 12px } } @media(max-width: 395px) { .register__checkbox-text { font-size: 10px } } @media(max-width: 328px) { .register__checkbox-text { font-size: 8px } } .authn__button { padding: 22px; width: 100%; font-family: "Gilroy"; font-weight: 600; font-size: 26px; line-height: 32px; border-radius: 50px; background-color: #f73636 } @media(max-width: 1728px) { .authn__button { padding: 20px; font-size: 24px } } @media(max-width: 1440px) { .authn__button { padding: 18px; font-size: 22px } } @media(max-width: 1280px) { .authn__button { padding: 14px 23px; font-size: 20px } } @media(max-width: 395px) { .authn__button { padding: 14px; font-size: 18px } } .authn__button-register { margin-top: 120px } .footer__register { display: flex; justify-content: center; margin-top: 55px; padding: 28px 0; font-family: "Gilroy"; font-size: 20px; line-height: 24px; letter-spacing: -0.04em; color: #bbb } @media(max-width: 1728px) { .footer__register { margin-top: 54px; padding: 26px; font-size: 18px } } @media(max-width: 1440px) { .footer__register { margin-top: 50px; padding: 24px } } @media(max-width: 1280px) { .footer__register { margin-top: 44px; padding: 22px; font-size: 16px } } @media(max-width: 868px) { .footer__register { margin-top: 44px; padding: 22px; font-size: 15px } } @media(max-width: 395px) { .footer__register { margin-top: 42px; padding: 20px; font-size: 13px } } .forgotf-password { display: inline-block; margin-top: 4px; font-family: "Gilroy"; font-size: 20px; border-bottom: 1px solid #fff; color: #fff } @media(max-width: 1728px) { .forgotf-password { font-size: 18px } } @media(max-width: 1440px) { .forgotf-password { font-size: 14px } } @media(max-width: 1280px) { .forgotf-password { margin-top: 8px; font-size: 12px } } .authn__button-login { margin-top: 220px } @media(max-width: 1728px) { .authn__button-login { margin-top: 200px } } @media(max-width: 1440px) { .authn__button-login { margin-top: 180px } } @media(max-width: 1280px) { .authn__button-login { margin-top: 160px } } @media(max-width: 395px) { .authn__button-login { margin-top: 120px } } .authz__title { font-size: 40px; line-height: 52px } @media(max-width: 1728px) { .authz__title { font-size: 38px } } @media(max-width: 1440px) { .authz__title { font-size: 34px } } @media(max-width: 1280px) { .authz__title { font-size: 32px } } @media(max-width: 428px) { .authz__title { font-size: 28px } } @media(max-width: 395px) { .authz__title { font-size: 24px } } .authn__button-reset { margin-top: 365px } @media(max-width: 1728px) { .authn__button-reset { margin-top: 345px } } @media(max-width: 1440px) { .authn__button-reset { margin-top: 325px } } @media(max-width: 1280px) { .authn__button-reset { margin-top: 195px } } @media(max-width: 428px) { .authn__button-reset { margin-top: 175px } } @media(max-width: 395px) { .authn__button-reset { margin-top: 155px } } /*# sourceMappingURL=main.css.map */