html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0}
h1{font-size:2em;margin:.67em 0}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
*,*::before,*::after{box-sizing:border-box}

:root {
    --color-blue-100: 187 222 251;      /* #BBDEFB */
    --color-blue-300: 100 181 246;      /* #64B5F6 */
    --color-blue-600: 30 136 229;       /* #1E88E5 */
    --color-blue-800: 21 101 192;       /* #1565C0 */
    --color-black-50: 251 250 255;      /* #FBFAFF */
    --color-black-200: 241 241 245;     /* #F1F1F5 */
    --color-black-300: 228 229 233;     /* #E4E5E9 */
    --color-black-500: 163 164 168;     /* #A3A4A8 */
    --color-black-700: 101 102 106;     /* #65666A */
    --color-black-900: 37 37 40;        /* #252528 */
    --color-white: 255 255 255;         /* #FFFFFF */
    --color-black: 0 0 0;               /* #000000 */

    --color-main: var(--color-blue-800);
    --color-title: var(--color-black-900);
    --color-text: var(--color-black-700);
    --color-bg: var(--color-white);

    --font-main: 'Roboto', sans-serif;
}

::placeholder {
    color: rgb(var(--color-text));
}

html {
    font-size: 62.5%;
}

body {
    font-family: var(--font-main);
    color: rgb(var(--color-text));
    background: rgb(var(--color-bg));
    font-size: 1.6rem;
}

#page {
    position: relative;
    overflow: hidden;
    background: url(../img/bg.svg) repeat top 2rem left 2rem / 2.4rem 2.4rem;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.hidden {
    display: none !important;
}

.wrap {
    width: 1110px;
    margin: 0 auto;
}

a,
button {
    transition: .3s;
}

a:not([class]) {
    color: rgb(var(--color-main));
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

a:not([class]):hover {
    text-decoration-color: transparent;
}

.btn {
    display: inline-block;
    padding: 1.2rem 2.4rem;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.4rem;
    text-decoration: none;
    background: rgb(var(--color-main));
    box-shadow: 0 .4rem .8rem .3rem rgb(var(--color-black) / .15);
    border-radius: 4.8rem;
    color: rgb(var(--color-white));
    border: none;
    cursor: pointer;
}

.btn--white {
    background: rgb(var(--color-white));
    color: rgb(var(--color-main));
}

.btn:hover {
    box-shadow: none;
}

.header {
    padding: 2.4rem 12.8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 4;
}

.header__left {
    display: flex;
    align-items: center;
}

.header__logo {
    text-decoration: none;
    font-size: 2.8rem;
    line-height: 1;
    font-weight: 700;
    color: rgb(var(--color-main));
}

.header__logo span {
    color: #FF9400;
}

.header__language {
    margin-left: 1.6rem;
}

.language {
    display: flex;
    align-items: center;
    font-size: 2rem;
    line-height: 1.2;
    --language-color: var(--color-black-500);
}

.language__item {
    color: rgb(var(--language-color));
    text-decoration: none;
}

.language__item:hover,
.language__item.active {
    color: rgb(var(--color-main));
}

.language__separator {
    margin: 0 .8rem;
    color: rgb(var(--language-color));
}

.nav-button {
    display: none;
}

.nav__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
}

.nav__item {
    position: relative;
}

.nav__link {
    line-height: 1.5;
    color: rgb(var(--color-black-700));
    fill: rgb(var(--color-black-700));
    text-decoration: none;
    padding: 0 1.6rem 1.6rem;
    border-bottom: 2px solid transparent;
    display: flex;
    align-items: center;
}

.nav__link:hover {
    color: rgb(var(--color-main));
    fill: rgb(var(--color-main));
    border-color: #0EA5E9;
}

.nav__link-icon {
    width: 1.6rem;
    height: 1.6rem;
    fill: inherit;
    margin-left: .8rem;
}

.nav__sub-list {
    position: absolute;
    top: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 18.6rem;
    background: rgb(var(--color-bg));
    box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15);
    border-radius: .8rem;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}

.nav__item:hover .nav__sub-list {
    opacity: 1;
    visibility: visible;
}

.nav__sub-link {
    font-size: 1.4rem;
    line-height: 1.6rem;
    color: rgb(var(--color-black-700));
    text-decoration: none;
    padding: 1.2rem;
    display: block;
}

.nav__sub-link:hover {
    background: rgb(var(--color-black-50));
    color: rgb(var(--color-black-900));
}

.header__btns {
    display: flex;
    align-items: center;
}

.header__btn {
    border-radius: .8rem;
}

.header__btn:not(:last-child) {
    margin-right: 1.6rem;
}

.logo {
    color: rgb(var(--color-black-900));
}

.logo span {
    color: #FF9400;
}

.section {
    padding: 12rem 0;
}

.section-header {
    text-align: center;
    max-width: 64rem;
    margin: 0 auto 4.8rem;
}

.section-header--left {
    text-align: left;
    margin-left: 0;
}

.section-header--full-width {
    max-width: 100%;
}

.section-header__title {
    font-size: 3.2rem;
    line-height: 1;
    font-weight: 700;
    color: rgb(var(--color-main));
    margin: 0;
}

.section-header__description {
    margin: 1.6rem 0 0;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: rgb(var(--color-black-700));
}

.section-header__btn {
    margin-top: 1.6rem;
}

.bg-white {
    background: rgb(var(--color-white));
}

.bg-light {
    background: rgb(var(--color-black-50));
}

.bg-main {
    background: rgb(var(--color-main));
    color: rgb(var(--color-white));
}

.bg-main .section-header__title {
    color: rgb(var(--color-white));
}

.main {
    padding: 6.4rem 0;
    position: relative;
    z-index: 2;
}

.main__inner {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.main__img {
    width: 48rem;
    max-width: calc(100% - 60rem);
}

.main__info {
    width: 60rem;
    max-width: 100%;
}

.main__title {
    font-size: 4.8rem;
    line-height: 5.4rem;
    color: rgb(var(--color-title));
    margin: 0 0 2.4rem;
}

.main__description {
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: rgb(var(--color-black-500));
    margin: 0 0 2.4rem;
}

.form {
    position: relative;
}

.form__inner {
    padding: .7rem .7rem .7rem 2.3rem;
    background: rgb(var(--color-black-50));
    border: 1px solid rgb(var(--color-black-200));
    border-radius: var(--form-border-radius);
    display: inline-flex;
    position: relative;
    overflow: hidden;
    --form-border-radius: 6.4rem;
}

.form__label {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    z-index: 1;
    border-radius: var(--form-border-radius);
}

.form__input {
    font-size: 1.6rem;
    line-height: 1;
    flex-grow: 1;
    background: none;
    border: none;
    margin-right: .8rem;
    padding: 0;
    width: 24rem;
    outline: none;
    color: rgb(var(--color-black-900));
    z-index: 2;
}

.form__btn {
    flex-shrink: 0;
    z-index: 2;
}

.form__error {
    color: red;
    padding: .8rem 2.4rem;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
}

.form.error .form__inner {
    box-shadow: 0 0 5px red inset;
}

.form.error .form__error {
    display: block;
}

.main-decoration {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
}

.main-decoration__item {
    position: absolute;
}

.main-decoration__item:nth-child(1) {
    top: -49rem;
    left: -14rem;
    transform: rotate(60deg);
    background: rgb(var(--color-black-50));
    width: 60rem;
    height: 60rem;
    border-radius: 6.4rem;
}

.main-decoration__item:nth-child(2) {
    top: 30.2rem;
    left: -55rem;
    transform: rotate(60deg);
    background: rgb(var(--color-blue-300));
    width: 60rem;
    height: 60rem;
    border-radius: 6.4rem;
}

.main-decoration__item:nth-child(3) {
    top: -44.4rem;
    right: -14.3rem;
    transform: rotate(60deg);
    background: rgb(var(--color-black-50));
    width: 80rem;
    height: 80rem;
    border-radius: 6.4rem;
}

.main-decoration__item:nth-child(4) {
    top: -5.5rem;
    right: -22.8rem;
    transform: rotate(40deg);
    background: rgb(var(--color-blue-600));
    width: 40rem;
    height: 40rem;
    border-radius: 6.4rem;
}

.main-decoration__item:nth-child(5) {
    top: 21.2rem;
    right: -9rem;
    transform: rotate(20deg);
    background: rgb(var(--color-blue-800));
    width: 20rem;
    height: 20rem;
    border-radius: 3.2rem;
}

.section-edge {
    padding: 7.1rem 0 11.2rem;
    position: relative;
    z-index: 2;
}

.edge-list {
    display: flex;
    justify-content: space-between;
    margin: 0 -2.4rem -2.4rem;
}

.edge {
    flex: 1;
    margin: 0 2.4rem 2.4rem;
    display: flex;
    align-items: center;
}

.edge__icon {
    width: 8rem;
    height: 8rem;
    margin-right: 1.6rem;
    flex-shrink: 0;
}

.edge__info {
    flex-grow: 1;
}

.edge__title {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1;
    color: rgb(var(--color-title));
}

.edge__description {
    line-height: 1.5;
    margin: .8rem 0 0;
}

.section-decoration::before {
    content: '';
    position: absolute;
    left: -25.5rem;
    bottom: -6.7rem;
    transform: rotate(40deg);
    background: rgb(var(--color-blue-600));
    width: 40rem;
    height: 40rem;
    border-radius: 6.4rem;
    z-index: 2;
}

.section-decoration--v2::before {
    left: auto;
    right: -49.2rem;
    bottom: -41.3rem;
    transform: rotate(60deg);
    background: rgb(var(--color-blue-100));
    width: 60rem;
    height: 60rem;
}

.section-work {
    position: relative;
}

.work {
    position: relative;
    z-index: 2;
}

.work__nav {
    display: flex;
    align-items: flex-end;
    list-style: none;
    margin: 0 0 4.8rem;
    padding: 0;
    border-bottom: 1px solid #CBD5E1;
}

.work__nav-item {
    margin-bottom: -1px;
}

.work__nav-btn {
    --btn-color: rgb(var(--color-text));
    color: var(--btn-color);
    fill: var(--btn-color);
    line-height: 2.4rem;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    background: none;
    padding: 0 1.6rem 1.6rem;
    border: none;
    width: 100%;
    cursor: pointer;
    border-bottom: 2px solid transparent;
}

.work__nav-btn:hover {
    --btn-color: rgb(var(--color-main));
}

.work__nav-btn.active {
    --btn-color: rgb(var(--color-main));
    border-color: #0EA5E9;
}

.work__nav-btn-icon {
    width: 2rem;
    height: 2rem;
    margin-right: .8rem;
    flex-shrink: 0;
}

.work__content {
    display: none;
}

.work__content.active {
    display: block;
}

.work-card {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.work-card--reverse {
    flex-direction: row-reverse;
}

.work-slider {
    width: 553px;
    max-width: 100%;
    overflow: visible;
    margin: 0;
}

.work-card__content {
    width: 47.5rem;
}

.content {
    max-width: 100%;
    line-height: 2.4rem;
}

.content > *:not(:last-child) {
    margin: 0 0 3.2rem;
}

.content ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.content li {
    padding-left: 4.8rem;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.4802 6.42385C20.7984 6.68903 20.8414 7.16195 20.5762 7.48016L15.1469 13.9953C14.1116 15.2376 13.2826 16.2326 12.5332 16.9092C11.7591 17.6082 10.9679 18.0639 10 18.0639C9.03216 18.0639 8.24089 17.6082 7.46684 16.9092C6.71748 16.2326 5.88839 15.2376 4.85312 13.9953L3.42385 12.2802C3.15868 11.9619 3.20167 11.489 3.51988 11.2239C3.83809 10.9587 4.31101 11.0017 4.57618 11.3199L5.96686 12.9887C7.04969 14.2881 7.81143 15.1994 8.47213 15.796C9.11742 16.3787 9.56276 16.5639 10 16.5639C10.4373 16.5639 10.8826 16.3787 11.5279 15.796C12.1886 15.1994 12.9503 14.2881 14.0332 12.9887L19.4239 6.51988C19.689 6.20167 20.1619 6.15868 20.4802 6.42385Z' fill='%231E88E5'/%3E%3C/svg%3E");
    background-position: top left;
    background-size: 2.4rem 2.4rem;
    background-repeat: no-repeat;
}

.content li:not(:last-child) {
    margin-bottom: 1.6rem;
}

.work-slider__slide {
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}

.work-slider__slide.swiper-slide-active {
    opacity: 1;
    visibility: visible;
}

.work-slider__slide::before {
    content: '';
    position: absolute;
    top: -1.2rem;
    left: -1.2rem;
    width: calc(100% + 2.4rem);
    height: calc(100% + 2.4rem);
    background: linear-gradient(180deg, rgba(205, 205, 205, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(270.84deg, #B7B7B9 1.44%, #E2E2E2 49.78%, #B8B8B9 99.13%);
    border-radius: 2.8rem;
}

.work-slider__img {
    border-radius: 1.6rem;
    max-width: 100%;
    display: block;
    position: relative;
    z-index: 2;
}

.work-slider__btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 3.2rem;
}

.work-slider__btn {
    display: flex;
    align-items: flex-end;
    line-height: 2.4rem;
    color: rgb(var(--color-black-900));
    fill: rgb(var(--color-black-700));
    cursor: pointer;
    transition: .3s;
}

.work-slider__btn:hover {
    color: rgb(var(--color-main));
    fill: rgb(var(--color-main));
}

.work__card-btn-icon {
    width: 2rem;
    height: 2rem;
    margin-right: 1.2rem;
}

.work-slider__btn.swiper-button-disabled {
    color: rgb(var(--color-black-700));
    fill: rgb(var(--color-black-500));
    cursor: default;
}

.work-slider__btn--next .work__card-btn-icon {
    transform: rotate(180deg);
    margin: 0 .4rem 0 1.2rem;
}

.section-detail__header {
    max-width: 76rem;
}

.detail-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2.4rem -6.4rem;
}

.detail-list > * {
    margin: 0 2.4rem 6.4rem;
    width: calc(50% - 4.8rem);
}

.detail {
    display: flex;
    align-items: center;
}

.detail__info {
    margin-left: 2.4rem;
    width: calc(100% - 20rem - 2.4rem);
}

.detail__title {
    font-size: 2.4rem;
    line-height: 1;
    color: rgb(var(--color-title));
    margin: 0;
}

.detail__description {
    line-height: 2.4rem;
    margin: .8rem 0 0;
}

.notice {
    display: flex;
    align-items: center;
    padding: 1.6rem 8rem;
    background: linear-gradient(105.98deg, #FFC700 14.62%, #FFAF37 79.16%);
    box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15);
    border-radius: 1.6rem;
    color: rgb(var(--color-white));
}

.notice__info {
    width: 72rem;
    flex-shrink: 1;
}

.notice__info > *:not(:last-child) {
    margin-bottom: .8rem;
}

.notice__title {
    font-size: 3.2rem;
    line-height: 1;
    font-weight: 700;
    margin: 0;
}

.notice__title span {
    color: #EF4434;
}

.notice__description {
    line-height: 2.4rem;
    font-weight: 600;
    margin: 0;
}

.notice__btn {
    color: #EF4434;
}

.notice__img {
    flex-shrink: 0;
    margin-left: 2.4rem;
}

.section-detail__notice {
    margin-top: 4.8rem;
}

.section-roadmap {
    position: relative;
    z-index: 2;
}

.section-roadmap::before {
    content: '';
    position: absolute;
    top: calc(50% - 22.6rem);
    left: calc(50% + 62.2rem);
    background: url(../img/robot.svg) no-repeat center;
    width: 48rem;
    height: 48rem;
}

.roadmap-list {
    display: flex;
    align-items: flex-start;
    margin: 0 -1.2rem;
}

.roadmap-list > * {
    width: calc(25% - 2.4rem);
    margin: 0 1.2rem;
}

.roadmap__img-container {
    width: 26rem;
    height: 26rem;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .8rem;
}

.roadmap__img {
    max-width: 100%;
    max-height: 100%;
}

.roadmap__info {
    display: flex;
    align-items: center;
}

.roadmap__step {
    flex-shrink: 0;
    color: #BBDEFB;
    font-size: 9.6rem;
    line-height: 1;
    font-weight: 900;
}

.roadmap__title {
    flex-grow: 1;
    font-size: 2rem;
    line-height: 2.4rem;
    margin-left: 1.4rem;
    color: rgb(var(--color-black-900));
}

.section-referal {
    position: relative;
    z-index: 2;
}

.section-referal__header {
    margin: 0;
}

.referal-container {
    display: flex;
}

.referal-content {
    flex-grow: 1;
}

.referal-list {
    flex-grow: 1;
    padding-top: 2.4rem;
}

.referal-list > *:not(:last-child) {
    padding-bottom: 2.4rem;
    border-bottom: 1px solid rgb(var(--color-black-300));
    margin-bottom: 2.4rem;
}

.referal-question__title {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 600;
    color: rgb(var(--color-title));
}

.referal-question__title-icon {
    stroke: #9CA3AF;
    transform: rotate(180deg);
    transition: .3s;
    width: 2.4rem;
    height: 2.8rem;
    margin-left: 1.2rem;
    flex-shrink: 0;
}

.referal-question__title.active .referal-question__title-icon {
    transform: none;
}

.referal-question__answer {
    margin-top: .8rem;
    line-height: 2.4rem;
    display: none;
}

.referal-question__answer.active {
    display: block;
}

.feedback {
    text-align: center;
    background: rgb(var(--color-main));
    color: rgb(var(--color-white));
    border-radius: 1.6rem;
    padding: 2.4rem;
    position: relative;
    overflow: hidden;
}

.referal__feedback {
    width: 29.4rem;
    flex-shrink: 0;
    margin-left: 4.8rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.feedback::before {
    content: '';
    position: absolute;
    top: -116px;
    right: -55px;
    background: rgb(var(--color-blue-600));
    width: 20rem;
    height: 20rem;
    border-radius: 30px;
    transform: rotate(60deg);
}

.feedback > *:not(:last-child) {
    margin-bottom: 1.6rem;
}

.feedback__title {
    font-size: 3.6rem;
    line-height: 1;
    margin: 0;
    font-weight: 700;
    position: relative;
    z-index: 2;
}

.feedback__description {
    font-size: 1.4rem;
    line-height: 1.6rem;
    font-weight: 600;
    margin: 0;
    position: relative;
    z-index: 2;
}

.feedback__btn {
    position: relative;
    z-index: 2;
}

.faq-container {
    display: flex;
}

.section-faq__header {
    width: 40rem;
    max-width: 100%;
    flex-shrink: 0;
    margin-right: 3.2rem;
}

.faq-list > *:not(:first-child) {
    margin-top: 2.4rem;
}

.faq {
    border-bottom: 1px solid #E4E5E9;
    padding-bottom: .8rem;
}

.faq__title {
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.4802 6.42385C20.7984 6.68903 20.8414 7.16195 20.5762 7.48016L15.1469 13.9953C14.1116 15.2376 13.2826 16.2326 12.5332 16.9092C11.7591 17.6082 10.9679 18.0639 10 18.0639C9.03216 18.0639 8.24089 17.6082 7.46684 16.9092C6.71748 16.2326 5.88839 15.2376 4.85312 13.9953L3.42385 12.2802C3.15868 11.9619 3.20167 11.489 3.51988 11.2239C3.83809 10.9587 4.31101 11.0017 4.57618 11.3199L5.96686 12.9887C7.04969 14.2881 7.81143 15.1994 8.47213 15.796C9.11742 16.3787 9.56276 16.5639 10 16.5639C10.4373 16.5639 10.8826 16.3787 11.5279 15.796C12.1886 15.1994 12.9503 14.2881 14.0332 12.9887L19.4239 6.51988C19.689 6.20167 20.1619 6.15868 20.4802 6.42385Z' fill='%234CAF50'/%3E%3C/svg%3E") no-repeat left center / 2.4rem 2.4rem;
    padding-left: 4.8rem;
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: rgb(var(--color-black-900));
    font-weight: 600;
}

.faq__answer {
    color: rgb(var(--color-black-700));
    line-height: 2.4rem;
    margin: .8rem 0 0;
}

.faq__more {
    width: 100%;
    padding: 1.2rem;
    background: none;
    border: none;
    line-height: 2.4rem;
    font-weight: 500;
    color: rgb(var(--color-main));
    cursor: pointer;
}

.section-partner {
    position: relative;
    padding: 0;
}

.section-partner::before {
    content: '';
    position: absolute;
    top: -12.2rem;
    left: 0;
    background: url(../img/cubes.svg) no-repeat center;
    width: 27.9rem;
    height: 35.4rem;
}

.section-partner__inner {
    position: relative;
    overflow: hidden;
    padding: 12rem 0;
}

.section-partner__inner::after {
    content: '';
    position: absolute;
    top: 3rem;
    right: -85rem;
    background: url(../img/bg.svg) repeat top 2rem left 2rem / 2.4rem 2.4rem;
    width: 150rem;
    height: 95.4rem;
    transform: rotate(-60deg);
    transform-origin: center;
}

.partner {
    display: flex;
    align-items: flex-start;
    position: relative;
    z-index: 3;
}

.partner__nav {
    width: 23.4rem;
    padding: 1.6rem;
    flex-shrink: 0;
    margin: 0 3.2rem 0 0;
    list-style: none;
}

.partner__nav-item:not(:last-child) {
    margin-bottom: 1.6rem;
}

.partner__nav-btn {
    width: 100%;
    padding: 1.6rem;
    display: flex;
    justify-content: flex-start;
    border: none;
    border-radius: .6rem;
    background: rgb(var(--color-white) / .3);
    color: rgb(var(--color-white));
    fill: rgb(var(--color-white));
    line-height: 2.4rem;
    cursor: pointer;
}

.partner__nav-btn:hover {
    background: rgb(var(--color-white) / .1);
}

.partner__nav-btn-icon {
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    margin-right: .8rem;
}

.partner__nav-btn.active {
    background: rgb(var(--color-white));
    color: rgb(var(--color-main));
    fill: rgb(var(--color-main));
    cursor: default;
}

.partner__content-list {
    width: calc(100% - 26.6rem);
}

.partner__content {
    color: rgb(var(--color-white));
    display: none;
    width: 72rem;
    max-width: 100%;
}

.partner__content.active {
    display: block;
}

.partner__content li {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.4802 6.42385C20.7984 6.68903 20.8414 7.16195 20.5762 7.48016L15.1469 13.9953C14.1116 15.2376 13.2826 16.2326 12.5332 16.9092C11.7591 17.6082 10.9679 18.0639 10 18.0639C9.03216 18.0639 8.24089 17.6082 7.46684 16.9092C6.71748 16.2326 5.88839 15.2376 4.85312 13.9953L3.42385 12.2802C3.15868 11.9619 3.20167 11.489 3.51988 11.2239C3.83809 10.9587 4.31101 11.0017 4.57618 11.3199L5.96686 12.9887C7.04969 14.2881 7.81143 15.1994 8.47213 15.796C9.11742 16.3787 9.56276 16.5639 10 16.5639C10.4373 16.5639 10.8826 16.3787 11.5279 15.796C12.1886 15.1994 12.9503 14.2881 14.0332 12.9887L19.4239 6.51988C19.689 6.20167 20.1619 6.15868 20.4802 6.42385Z' fill='%23fff'/%3E%3C/svg%3E");
}

.footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgb(var(--color-black-900));
    padding: 2.4rem;
}

.footer__left {
    display: flex;
    align-items: center;
}

.footer__logo {
    font-size: 2.8rem;
    line-height: 1;
    color: rgb(var(--color-main));
    text-decoration: none;
    font-weight: 700;
}

.footer__logo span {
    color: #FF9400;
}

.footer__list {
    margin: 0 0 0 2.4rem;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
}

.footer__list-item:not(:first-child) {
    border-left: 1px solid rgb(var(--color-black-500));
    padding-left: 2.4rem;
    margin-left: 2.4rem;
}

.footer__list-link,
.footer__list-item {
    font-size: 1.2rem;
    line-height: 1.6rem;
    color: rgb(var(--color-black-500));
    text-decoration: none;
}

.footer__list-link:hover {
    color: rgb(var(--color-white));
}

.social {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
}

.social__item:not(:last-child) {
    margin-right: 2.4rem;
}

.social__btn {
    display: flex;
    align-items: center;
    padding: 1.2rem 2.4rem;
    background: rgb(var(--color-white) / .3);
    box-shadow: 0 4px 8px 3px rgb(0 0 0 / .15);
    border-radius: .8rem;
    color: rgb(var(--color-white));
    text-decoration: none;
    line-height: 2.4rem;
    font-weight: 500;
}

.social__btn:hover {
    background: rgb(var(--color-white) / .1);
}

.social__btn-text {
    margin-left: .8rem;
}

.section-compare {
    text-align: center;
}

.compare-container {
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    margin: 0 -15px;
    padding: 0 15px;
}

.compare-container::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.compare {
    text-align: left;
    min-width: 580px;
}

.compare__header {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.compare__column {
    flex: 1 0 0;
}

.compare__column:nth-child(1) {
    color: rgb(var(--color-black-900));
}

.compare__column:nth-child(n+2) {
    text-align: center;
}

.compare__title {
    font-size: 3.2rem;
    line-height: 1;
    font-weight: 700;
    color: rgb(var(--color-main));
    margin: 0;
    padding: 0 .8rem;
}

.compare__name {
    text-align: center;
    font-size: 2.8rem;
    line-height: 1;
    font-weight: 700;
    color: #4CAF50;
    fill: #4CAF50;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.compare__name--accent {
    color: #FF9400;
    fill: #FF9400;
}

.compare__description {
    font-size: 1.4rem;
    line-height: 1.6rem;
    margin-top: .8rem;
}

.compare__name-icon {
    width: 2.4rem;
    height: 2.4rem;
    margin-right: .8rem;
    flex-shrink: 0;
}

.compare__group {
    border-top: 1px solid rgb(var(--color-black-300));
    margin-top: 1.6rem;
    padding-top: 1.6rem;
}

.compare__group-name {
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 700;
    color: rgb(var(--color-black-900));
}

.compare__line {
    font-size: 1.6rem;
    line-height: 1.5;
    margin-top: 1.2rem;
    display: flex;
    align-items: center;
    gap: .8rem;
}

.section-compare__btn {
    margin-top: 4.8rem;
}

.section-request__header {
    max-width: 100%;
    margin-bottom: 2.4rem;
}

.section-request__description {
    margin-top: 2.4rem;
    color: rgb(var(--color-black-900));
}

.request__input,
.request__textarea {
    display: block;
    width: 100%;
    border-radius: .8rem;
    border: 1px solid rgb(var(--color-black-500));
    color: rgb(var(--color-black-900));
    background: none;
    height: 4.8rem;
    padding: 1.6rem;
    margin-bottom: 1.6rem;
    font-size: 1.6rem;
    line-height: 1;
    outline: none;
}

.request__input::placeholder,
.request__textarea::placeholder {
    color: rgb(var(--color-black-700));
}

.request__textarea {
    height: 27.2rem;
    resize: none;
}

.request__input.error {
    border-color: red;
}

.request__btn {
    min-width: 24rem;
    margin-top: .8rem;
}

.request__note {
    font-size: 1.2rem;
    line-height: 1.6rem;
    margin: .8rem 0 0;
}

.request__result {
    display: none;
    color: green;
    margin: 1.2rem 0 0;
}

@media screen and (max-width: 1600px) {
    .social__btn-text {
        display: none;
    }
    
    .social__btn {
        padding: 1.2rem;
    }

    .section-partner::before {
        left: -18rem;
    }
    
    .section-partner__inner::after {
        right: -105rem;
    }
    
    .section-roadmap::before {
        display: none;
    }
    
    .section-decoration::before {
        left: -40rem;
    }

    .section-decoration--v2::before {
        left: auto;
        right: -60rem;
    }
}

@media screen and (max-width: 1240px) {
    .wrap {
        padding: 0 15px;
        width: auto;
    }
    
    .main-decoration__item:nth-child(1) {
        left: -25rem;
    }
    
    .main-decoration__item:nth-child(2) {
        left: -62rem;
    }
    
    .main-decoration__item:nth-child(3) {
        right: -44rem;
    }
    
    .main-decoration__item:nth-child(4) {
        right: -32rem;
    }
    
    .main-decoration__item:nth-child(5) {
        right: -13rem;
    }
    
    .header {
        padding: 2.4rem 1.5rem;
    }
    
    .main {
        padding: 4.8rem 0;
    }
    
    .edge-list {
        margin: 0 -1.6rem -1.6rem;
    }
    
    .edge {
        margin: 0 1.6rem 1.6rem;
    }
    
    .section-edge {
        padding: 4.8rem 0;
    }

    .section {
        padding: 8rem 0;
    }
    
    .section-decoration::before {
        left: -40rem;
        bottom: -16rem;
    }
    
    .work-slider {
        max-width: calc(50% - 15px);
    }
    
    .work-card__content {
        width: calc(50% - 15px);
    }
    
    .roadmap__title {
        font-size: 1.8rem;
        line-height: 2.1rem;
    }
    
    .section-partner__inner::after {
        display: none;
    }
    
    .social__item:not(:last-child) {
        margin-right: 1.6rem;
    }
    
    .footer__list-item:not(:first-child) {
        margin-left: 1.6rem;
        padding-left: 1.6rem;
    }

    .section-decoration::before {
        display: none;
    }
    
    .section-partner__inner {
        padding: 0;
    }
}

@media screen and (max-width: 1024px) {
    .nav-button {
        display: flex;
        align-items: center;
        background: none;
        border: none;
        padding: 1.2rem;
        --color: rgb(var(--color-black-700));
        color: var(--color);
        cursor: pointer;
    }
    
    .nav-button:hover {
        --color: rgb(var(--color-main));
    }
    
    .nav__list {
        position: absolute;
        top: 100%;
        left: 0;
        display: block;
        width: 18.6rem;
        background: rgb(var(--color-bg));
        box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15);
        border-radius: 0.8rem;
        overflow: hidden;
        opacity: 0;
        visibility: hidden;
        transition: .3s;
    }
    
    .nav__list.active {
        opacity: 1;
        visibility: visible;
    }
    
    .nav {
        position: relative;
    }
    
    .header__nav {
        margin-right: auto;
        margin-left: 1.6rem;
    }
    
    .nav-button__line {
        display: block;
        width: 26px;
        height: 2px;
        background: var(--color);
        margin: 5px 0;
    }
    
    .nav-button__icon {
        margin-right: .8rem;
    }
    
    .nav__link {
        border: none;
        padding: 1.2rem;
    }
    
    .nav__sub-list {
        position: relative;
        opacity: 1;
        visibility: visible;
        top: auto;
        width: auto;
        background: none;
        box-shadow: none;
        border-radius: 0;
        transition: none;
        display: none;
    }
    
    .nav__sub-link {
        padding-left: 2.4rem;
    }

    .main__inner {
        display: block;
    }
    
    .main__img {
        display: none;
    }
    
    .main__info {
        margin: 0 auto;
        text-align: center;
    }
    
    .edge-list {
        flex-wrap: wrap;
        width: 38rem;
        max-width: 100%;
        margin: 0 auto;
    }
    
    .edge {
        flex-basis: 100%;
        margin: 0 0 3.6rem;
    }
    
    .edge:last-child {
        margin-bottom: 0;
    }
    
    .work__nav {
        flex-wrap: wrap;
    }
    
    .work__nav-item {
        margin: 0;
        flex: 0 0 33.33333%;
        width: 33.33333%;
    }
    
    .work__nav-btn {
        padding: 1.6rem;
    }
    
    .work-card {
        display: block;
    }
    
    .work-slider {
        max-width: 100%;
        margin: 0 auto 4rem;
    }
    
    .work-card__content {
        width: 553px;
        max-width: 100%;
        margin: 0 auto;
    }
    
    .detail-list {
        margin: 0 -1.2rem -3.2rem;
    }
    
    .detail-list > * {
        margin: 0 1.2rem 3.2rem;
        width: calc(50% - 2.4rem);
    }
    
    .detail__img {
        width: 12rem;
    }
    
    .detail__info {
        margin-left: 1.2rem;
        width: calc(100% - 12rem - 1.2rem);
    }
    
    .detail__title {
        font-size: 2.1rem;
    }
    
    .detail__description {
        font-size: 1.4rem;
        line-height: 2.1rem;
    }
    
    .notice {
        padding: 1.6rem 2.4rem;
    }
    
    .roadmap__img-container {
        height: 20rem;
    }
    
    .roadmap__step {
        font-size: 8rem;
    }
    
    .roadmap__title {
        font-size: 1.6rem;
    }

    .footer {
        flex-direction: column;
    }
    
    .footer__left {
        flex-direction: column;
        margin-bottom: 1.6rem;
    }
    
    .footer__list {
        margin: 1.6rem 0 0;
    }

    .section-faq__header {
        width: 30rem;
    }
}

@media screen and (max-width: 768px) {
    .main__title {
        font-size: 4rem;
        line-height: 4.8rem;
    }
    
    .work__nav-item {
        flex: 0 0 50%;
        width: 50%;
    }
    
    .detail-list {
        display: block;
        margin: 0;
    }
    
    .detail-list > * {
        width: 100%;
        margin: 0 0 3.2rem;
    }
    
    .notice__img {
        display: none;
    }
    
    .notice {
        text-align: center;
    }
    
    .notice__info > *:not(:last-child) {
        margin-bottom: 1.2rem;
    }
    
    .roadmap-list {
        flex-wrap: wrap;
        margin-bottom: -2.4rem;
    }
    
    .roadmap-list > * {
        width: calc(50% - 2.4rem);
        margin-bottom: 2.4rem;
    }
    
    .referal-container {
        display: block;
    }
    
    .referal__feedback {
        margin: 4rem auto 0;
    }
    
    .partner {
        display: block;
    }
    
    .partner__nav {
        width: calc(100% + 1.6rem);
        flex-wrap: wrap;
        display: flex;
        padding: 0;
        margin: 0 -.8rem;
    }
    
    .partner__nav-item {
        width: calc(50% - 1.6rem);
        margin: 0 .8rem 1.6rem;
    }
    
    .partner__content-list {
        width: 100%;
    }
    
    .content > *:not(:last-child) {
        margin-bottom: 2.4rem;
    }
    
    .footer__list {
        flex-direction: column;
    }
    
    .footer__list-item:not(:first-child) {
        border: none;
        padding: 0;
        margin: .8rem 0 0;
    }
    
    .social__btn {
        padding: .6rem;
    }

    .faq-container {
        display: block;
    }
    
    .section-faq__header {
        width: 100%;
        margin-right: 0;
    }
}

@media screen and (max-width: 580px) {
    .header {
        flex-wrap: wrap;
        padding: 1.6rem 1.5rem;
    }
    
    .header__btns {
        margin-top: 1.2rem;
        width: 100%;
        justify-content: center;
    }
    
    .header__nav {
        margin-right: 0;
        margin-left: auto;
    }
    
    .nav__list {
        left: auto;
        right: 0;
    }
}

@media screen and (max-width: 480px) {
    .main-decoration__item:nth-child(4) {
        right: -37rem;
    }
    
    .main-decoration__item:nth-child(5) {
        right: -16rem;
    }
    
    .main {
        padding: 4rem 0;
    }
    
    .main__title {
        font-size: 2.8rem;
        line-height: 3.2rem;
    }
    
    .form__inner {
        width: 30rem;
        max-width: 100%;
        flex-direction: column;
        border-radius: 2.4rem;
        padding: 1.5rem;
    }
    
    .form__input {
        height: 4.8rem;
        margin: 0 0 .8rem;
        width: 100%;
        text-align: center;
    }

    .form__error {
        width: 30rem;
        left: calc(50% - 15rem);
    }
    
    .edge__icon {
        width: 6rem;
        height: 6rem;
    }
    
    .edge__title {
        font-size: 2rem;
    }
    
    .edge__description {
        font-size: 1.4rem;
    }

    .section {
        padding: 4rem 0;
    }
    
    .section-header__title {
        font-size: 2.8rem;
        line-height: 3.2rem;
    }
    
    .section-header__description {
        font-size: 1.4rem;
        line-height: 2.1rem;
    }
    
    .work-slider__slide::before {
        top: -.6rem;
        left: -.6rem;
        width: calc(100% + 1.2rem);
        height: calc(100% + 1.2rem);
        border-radius: 2rem;
    }
    
    .work-slider__btns {
        margin-top: 1.6rem;
    }
    
    .work-slider {
        margin-bottom: 3.2rem;
    }
    
    .content {
        font-size: 1.4rem;
        line-height: 2.1rem;
    }
    
    .content li {
        padding-left: 3.2rem;
    }
    
    .detail__img {
        width: 8rem;
    }
    
    .detail__info {
        width: calc(100% - 8rem - 1.2rem);
    }
    
    .roadmap-list {
        margin: 0;
        display: block;
    }
    
    .roadmap-list > * {
        width: 100%;
        margin: 0 0 2.4rem;
    }
    
    .roadmap__img-container {
        width: 100%;
    }
    
    .roadmap__info {
        max-width: 27rem;
        margin: 0 auto;
    }
    
    .section-partner::before {
        left: -20rem;
    }
    
    .partner__nav {
        margin: 0;
        width: 100%;
    }
    
    .partner__nav-item {
        width: 100%;
        margin: 0 0 1.6rem;
    }

    .notice__title {
        font-size: 2.8rem;
        line-height: 3.2rem;
    }
    
    .notice__description {
        font-size: 1.4rem;
        line-height: 2.1rem;
    }

    .faq__title {
        padding-left: 3.2rem;
    }

    .compare__title {
        font-size: 2.8rem;
        line-height: 3.2rem;
        padding: 0 .4rem;
    }
    
    .compare__name {
        font-size: 2.4rem;
    }

    .compare__name-icon {
        width: 2.2rem;
        height: 2.2rem;
    }

    .compare__group-name {
        font-size: 1.6rem;
        line-height: 1.33;
    }
    
    .compare__line {
        font-size: 1.4rem;
    }
    
    .request__textarea {
        height: 18rem;
    }
}