@charset "UTF-8";
:root{ --data-primary: #fff;--data-dark100: #1C1C1C;--data-orange100: #FFE9B7;--data-orange200: #F3BF3C;--data-orange200-hover: #E8B431;--data-orange300: #FFF9EA;--data-gray100: #5A5A5A;--data-gray200: #404040;--data-gray300: #DEDEDE;--data-gray400: #ECECEC;--data-gray500: #232323;--data-gray600: #C6C6C6;--data-gray700: #E3E3E3;--data-black100: #000000;--data-green100: #54AE55; }
body{ margin: 0;padding: 0;-webkit-font-smoothing: antialiased;font-style: normal;background-color: var(--data-primary);font-family: "Raleway";font-weight: 500; }
*{ -webkit-box-sizing: border-box;box-sizing: border-box;outline: none; }
input,button,input:active,button:active{ outline: none; }
input{ -webkit-appearance: none; }
ul{ list-style-type: none;padding: 0;margin: 0; }
a:focus{ outline: none; }
.hidden-item{ display: none; }
.visible-item{ display: block; }
h1,h2,h3,h4{ margin-top: 0;margin-bottom: 0; }
p{ margin-top: 0;margin-bottom: 0; }
a{ text-decoration: none; }
img{ display: block;max-width: 100%; }
.container{ padding: 0 15px; }
.lowercase{ text-transform: lowercase; }
.b-btn{ display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;height: 48px;background-color: var(--data-dark100);border: 1px solid var(--data-black100);border-radius: 100px;padding: 0 24px;cursor: pointer;font-weight: 500;font-size: 16px;line-height: 24px;color: var(--data-primary);-webkit-transition: .3s all ease;transition: .3s all ease; }
.b-btn:hover,.b-btn:active{ background-color: var(--data-primary);color: var(--data-dark100); }
.b-btn.orange{ background-color: var(--data-orange200);border-color: var(--data-orange200);color: var(--data-dark100); }
.b-btn.orange:hover{ background-color: var(--data-orange200-hover); }
.b-btn.height{ height: 56px; }
.b-btn.transparent{ background-color: transparent;color: var(--data-dark100); }
.b-btn.transparent:hover,.b-btn.transparent:active{ background-color: var(--data-dark100);color: var(--data-primary); }
.wrapper{ overflow: hidden; }
.s-header{ padding: 12px 0;display: block;width: 100%;height: auto;z-index: 100;background-color: var(--data-primary);-webkit-transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1);transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1);position: absolute;left: 0;top: 0;display: block;z-index: 2; }
.s-header.header1{ position: fixed;top: 20px;left: 80px;right: 80px;margin: 0 auto;z-index: 100;-webkit-box-shadow: 0px 6px 40px 0px rgba(28, 28, 28, 0.06);box-shadow: 0px 6px 40px 0px rgba(28, 28, 28, 0.06);border-radius: 100px;-webkit-backdrop-filter: blur(21px);backdrop-filter: blur(21px);width: calc(100% - 160px);opacity: 0;pointer-events: none;will-change: none;-webkit-transform: perspective(1200px) translateY(-110px);transform: perspective(1200px) translateY(-110px); }
.s-header.header1.active{ opacity: 1;-webkit-transform: perspective(1200px);transform: perspective(1200px);pointer-events: auto; }
.s-header .container{ display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 22px; }
.s-header-toggle{ cursor: pointer;background-color: var(--data-orange100);width: 48px;height: 48px;border-radius: 50%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-transition: .3s all ease;transition: .3s all ease; }
.s-header-toggle:hover{ background-color: var(--data-orange200); }
.s-header-toggle img{ pointer-events: none; }
.s-header-menu{ display: none; }
.s-header-menu li a{ font-size: 16px;line-height: 24px;color: var(--data-dark100); }
.s-header-menu li a.active{ font-weight: 700; }
.s-header-button{ margin-left: auto; }
.s-header-button .b-btn{ white-space: nowrap; }
.s-header-order{ position: relative;display: none; }
.s-header-order-list{ position: absolute;background-color: var(--data-primary);padding: 4px;border-radius: 20px;-webkit-box-shadow: 0px 7px 29px 0px rgba(128, 128, 128, 0.2);box-shadow: 0px 7px 29px 0px rgba(128, 128, 128, 0.2);display: block;width: 100%;top: 52px;opacity: 0;visibility: hidden;-webkit-transition: .3s all;transition: .3s all;pointer-events: none; }
.s-header-order-list.active{ opacity: 1;visibility: visible;pointer-events: auto; }
.s-header-order-button{ font-size: 16px;line-height: 19px;color: var(--data-black100);height: 35px;padding: 0 12px;border-radius: 200px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background-color: transparent;-webkit-transition: .3s all ease;transition: .3s all ease; }
.s-header-order-button:hover{ color: var(--data-black100);background-color: var(--data-gray400); }
.s-header-order-btn{ height: 40px;border-radius: 100px;padding: 0 16px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;gap: 6px;-webkit-transition: .3s all ease;transition: .3s all ease;background-color: var(--data-orange200);font-size: 16px;line-height: 24px;color: var(--data-dark100);cursor: pointer; }
.s-header-order-btn span{ pointer-events: none; }
.s-header-order-btn svg{ -webkit-transition: .3s all;transition: .3s all;pointer-events: none; }
.s-header-order-btn.active svg{ -webkit-transform: rotateX(180deg);transform: rotateX(180deg); }
.s-header-order-btn.active:hover{ color: var(--data-primary); }
.s-header-order-btn.active{ background-color: var(--data-dark100);color: var(--data-primary); }
.s-header-order-btn:hover{ color: var(--data-dark100); }
.s-header-order-btn:active{ background-color: var(--data-dark100);color: var(--data-primary); }
.s-bg{ position: fixed;left: 0;top: 0;width: 100%;height: 100%;display: block;background-color: rgba(28, 28, 28, 0.3);z-index: 109;-webkit-transition: .3s all linear;transition: .3s all linear;opacity: 0;visibility: hidden;pointer-events: none; }
.s-bg.active{ opacity: 1;visibility: visible;pointer-events: auto;cursor: pointer; }
.s-menu{ position: fixed;right: -100%;top: 0;width: 316px;background-color: var(--data-primary);z-index: 110;height: 100%;overflow-y: auto;-webkit-transition: .3s all linear;transition: .3s all linear; }
.s-menu .s-header-menu{ display: block;border-top: 1px solid var(--data-gray700);margin-top: 23px; }
.s-menu-close-btn{ cursor: pointer; }
.s-menu-close-btn img{ pointer-events: none; }
.s-menu .s-header-menu li{ border-bottom: 1px solid var(--data-gray700); }
.s-menu .s-header-menu li a{ font-size: 24px;line-height: 32px;padding: 24px 23px;display: block;color: var(--data-gray500); }
.s-menu-inner{ padding: 24px; }
.s-menu.active{ right: 0; }
.s-menu .s-hero-buttons{ padding-top: 25px; }
.s-menu .s-hero-button{ display: block;width: 100%;padding-top: 0; }
.s-menu .s-hero-button .b-btn{ height: 56px;max-width: 100%; }
@media only screen and (max-width: 768px) {.s-header.header1{ left: 15px;right: 15px;width: calc(100% - 15px - 15px); }}
.s-hero{ padding-top: 80px;padding-bottom: 66px; }
.s-hero-block{ padding-bottom: 20px; }
.s-hero-line{ margin-bottom: -20px; }
.s-hero-title{ font-weight: 600;font-size: 56px;line-height: 80px;color: var(--data-dark100); }
.s-hero-title-logo{ height: 82px;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;line-height: 82px;color: var(--data-orange200);background-color: var(--data-dark100);padding: 0 26px;gap: 13px;border-radius: 500px; }
.s-hero-title-logo-img{ width: 80px; }
.s-hero-title-logo picture{ -webkit-transition: .3s all;transition: .3s all; }
.s-hero-title-logo img{ max-width: inherit; }
.s-hero-info{ margin: 0 -15px;padding: 0 15px;padding-top: 32px;padding-bottom: 30px; }
.s-hero-descr{ font-size: 18px;line-height: 27px;color: var(--data-gray100);padding-top: 15px; }
.s-hero-button{ padding-bottom: 15px; }
.s-hero-buttons{ margin-bottom: -15px;padding-top: 32px; }
.s-hero-img{ width: 380px;height: 380px;background-color: var(--data-orange100);border-radius: 50%;padding: 28px;position: relative; }
.s-hero-img-wrap{ display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; }
.s-hero-img-content{ position: relative; }
.s-hero-img picture{ margin-left: -17px;margin-right: -2px; }
.s-hero-img-inner{ background-color: var(--data-orange200);border-radius: 50%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;height: 328px;position: relative; }
.s-hero-img-icon1{ background-color: var(--data-orange300);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 47px;height: 47px;border-radius: 50%;-webkit-box-shadow: 0px 7.87px 26.24px 0px rgba(28, 28, 28, 0.1);box-shadow: 0px 7.87px 26.24px 0px rgba(28, 28, 28, 0.1);position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);right: 3px; }
.s-hero-img-icon2{ background-color: var(--data-orange300);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;font-weight: 700;font-size: 21px;line-height: 25px;color: var(--data-green100);height: 48px;padding: 0 10.5px;gap: 5.25px;-webkit-box-shadow: 0px 7.87px 26.24px 0px rgba(28, 28, 28, 0.1);box-shadow: 0px 7.87px 26.24px 0px rgba(28, 28, 28, 0.1);border-radius: 66px;position: absolute;left: 0;bottom: 37px; }
.s-hero-img-icon3{ background-color: var(--data-dark100);height: 48px;border-radius: 66px;position: absolute;top: -9px;left: 229px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-shadow: 0px 7.87px 26.24px 0px rgba(28, 28, 28, 0.1);box-shadow: 0px 7.87px 26.24px 0px rgba(28, 28, 28, 0.1);padding: 0 17px; }
.s-hero-img-icon3:after{ content: "";position: absolute;left: 8px;bottom: -5px;display: block;background-image: url("../img/hero-icon3-arrow.svg");-webkit-transform: rotate(6.36deg);transform: rotate(6.36deg);width: 23px;height: 10px; }
.s-why{ padding-top: 66px;padding-bottom: 50px; }
.s-why-title{ font-weight: 600;font-size: 32px;line-height: 40px;color: var(--data-dark100); }
.s-why-line{ padding-top: 34px;margin-bottom: -33px;-webkit-transition: .1s all linear;transition: .1s all linear;-webkit-transform: translateY(150px);transform: translateY(150px);opacity: 0; }
.s-why-block{ padding-bottom: 33px; }
.s-why-item{ border-radius: 16px;padding: 24px;background-color: var(--data-primary);-webkit-box-shadow: 0px 7px 29px 0px rgba(128, 128, 128, 0.2);box-shadow: 0px 7px 29px 0px rgba(128, 128, 128, 0.2);padding-right: 96px;position: relative;padding-top: 21px; }
.s-why-item-title{ font-weight: 600;font-size: 20px;line-height: 28px;color: var(--data-dark100); }
.s-why-item-descr{ font-size: 16px;line-height: 24px;color: var(--data-gray200);padding-top: 11px; }
.s-why-item-list{ font-size: 16px;line-height: 32px;color: var(--data-gray200);padding-top: 11px;padding-left: 8px;margin-right: -40px; }
.s-why-item-list li{ display: -webkit-box;display: -ms-flexbox;display: flex; }
.s-why-item-list li:before{ content: "•";padding-right: 9px; }
.s-why-item-icon{ background-color: var(--data-orange200);width: 56px;height: 56px;border-radius: 50%;border-radius: 100px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position: absolute;top: 24px;right: 25px; }
.s-how{ padding-top: 50px;padding-bottom: 49px; }
.s-how-line{ padding-top: 32px; }
.s-how-block{ position: relative; }
.s-how-block.item{ padding-bottom: 225px; }
.s-how-block.item2{ padding-bottom: 287px; }
.s-how-item{ background-color: var(--data-dark100);border-radius: 67px;padding: 16px;position: relative;padding-left: 140px;min-height: 142px; }
.s-how-item-num{ display: none; }
.s-how-item-icon{ width: 110px;height: 110px;position: absolute;left: 16px;top: 16px;background-color: var(--data-orange200);border-radius: 50%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; }
.s-how-item-icon.icon2 img{ position: absolute;right: -7px;bottom: 0;max-width: inherit; }
.s-how-item-title{ font-weight: 600;font-size: 18px;line-height: 24px;color: var(--data-primary); }
.s-how-item-list{ font-size: 16px;line-height: 24px;color: var(--data-gray300);padding-top: 13px;padding-left: 9px; }
.s-how-item-list.style1{ line-height: 32px; }
.s-how-item-list li{ display: -webkit-box;display: -ms-flexbox;display: flex; }
.s-how-item-list li:before{ content: "•";padding-right: 9px; }
.s-how-progress{ position: absolute;left: 0;display: block;width: 100%;bottom: 24px; }
.s-how-progress img{ margin: 0 auto; }
.s-faq{ padding-top: 49px;padding-bottom: 166px; }
.s-faq-title{ text-align: center; }
.s-faq-descr{ font-size: 16px;line-height: 24px;font-weight: 400;color: var(--data-gray100);text-align: center;padding-top: 16px; }
.s-faq-contant{ display: none; }
.s-faq-contant.active{ display: block; }
.s-faq-list{ display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding-top: 32px;gap: 25px; }
.s-faq-list-wrap{ display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;border-bottom: 0;-ms-overflow-style: none;undefined: undefined;scrollbar-width: none;margin-right: -28px;width: calc(100% + 28px); }
.s-faq-list-wrap ::-webkit-scrollbar{ width: 0;background-color: transparent;display: none; }
.s-faq-list-wrap ::-webkit-scrollbar-thumb{ background-color: transparent; }
.s-faq-list li.active a{ background-color: var(--data-dark100);color: var(--data-primary); }
.s-faq-list li a{ background-color: var(--data-gray400);-webkit-transition: .3s all ease;transition: .3s all ease;height: 60px;border-radius: 100px;padding: 0 32px;font-size: 16px;line-height: 28px;color: var(--data-gray100);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;white-space: nowrap; }
.s-faq-items{ padding-top: 32px; }
.s-faq-item{ border-top: 1px solid var(--data-gray300);padding-bottom: 11px; }
.s-faq-item-title{ font-size: 18px;font-weight: 600;line-height: 28px;color: var(--data-gray500);padding: 24px 45px 24px 10px;position: relative;cursor: pointer; }
.s-faq-item-title.active:after{ -webkit-transform: translateY(-50%) rotateX(180deg);transform: translateY(-50%) rotateX(180deg); }
.s-faq-item-title:after{ content: "";position: absolute;right: 13px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);background-image: url("../img/arrow-down.svg");width: 32px;height: 32px;display: block;-webkit-transition: .3s all ease;transition: .3s all ease; }
.s-faq-item-descr{ font-size: 18px;line-height: 32px;text-align: left;color: var(--data-gray100);padding-left: 10px;-webkit-transition: padding 0.5s, max-height 0.5s;transition: padding 0.5s, max-height 0.5s;overflow: hidden;height: 100%;max-height: 0;max-width: 1070px; }
.s-faq-item-descr.style1{ max-width: 1016px; }
.s-faq-item-descr.style2{ max-width: 1028px; }
.s-faq-item-descr ul{ padding-top: 6px;padding-left: 13px; }
.s-faq-item-descr ul.style2{ padding-left: 0;margin-bottom: -9px;padding-bottom: 7px; }
.s-faq-item-descr ul.style2 li{ padding-bottom: 9px; }
.s-faq-item-descr ul.style2 li:before{ content: "-";padding-right: 33px; }
.s-faq-item-descr ul.style3 li{ counter-increment: step-counter;display: -webkit-box;display: -ms-flexbox;display: flex; }
.s-faq-item-descr ul.style3 li:before{ content: counter(step-counter) ".";padding-right: 6px; }
.s-faq-item-descr ul li:before{ content: "•";padding-right: 8px; }
.s-footer{ background-color: var(--data-dark100);padding-top: 24px;padding-bottom: 34px; }
.s-footer-menu{ padding-top: 40px;margin-bottom: -48px; }
.s-footer-menu li{ padding-bottom: 48px; }
.s-footer-menu li a{ font-size: 16px;line-height: 24px;color: var(--data-gray600);font-family: "Poppins";font-weight: 500; }
.s-footer-copy{ font-size: 16px;line-height: 24px;text-align: center;color: var(--data-gray600);padding-top: 2px; }
.s-footer-top{ padding-bottom: 30px; }
.s-footer-soc{ display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding-top: 40px;gap: 24px; }