@font-face { font-family: Mariupol; font-weight: 400; font-style: normal; src: local("Mariupol Regular"), url("/landing/fonts/Mariupol-Regular.woff2") format("woff2"); }
@font-face { font-family: Mariupol; font-weight: 500; font-style: normal; src: local("Mariupol Medium"), url("/landing/fonts/Mariupol-Medium.woff2") format("woff2"); }
@font-face { font-family: Mariupol; font-weight: 700; font-style: normal; src: local("Mariupol Bold"), url("/landing/fonts/Mariupol-Bold.woff2") format("woff2"); }
:root { --dark: #031714; --green: #2db266; --grey: rgba(3, 23, 20, .6); }
html { font-size: 10px; box-sizing: border-box; scroll-behavior: smooth; }
body { font-family: Mariupol; font-size: 1.6rem; font-weight: 400; line-height: 2.2rem; color: var(--dark); background: rgb(248, 248, 248); }
body, p { margin: 0px; }
a { transition: 0.2s ease-out; text-decoration: none; color: rgb(0, 0, 0); outline: 0px; }
img { display: inline-block; vertical-align: middle; }
body, h1, h2 { padding: 0px; }
.scroll { overflow-y: scroll; }
.scroll::-webkit-scrollbar-track { width: 0px; height: 0px; background-color: transparent; }
.scroll::-webkit-scrollbar { width: 0px; height: 0px; background-color: transparent; }
.scroll::-webkit-scrollbar-thumb { width: 0px; height: 0px; background-color: transparent; }
.main__container { max-width: 1440px; margin: 0px auto; }
.header, .header__logo, .header .main__container { position: relative; }
.header::before, .third::before { position: absolute; top: 0px; right: 0px; left: 0px; content: ""; background: radial-gradient(240.29% 178.9% at 29.43% 0px, rgba(177, 218, 242, 0.3) 18.59%, rgba(180, 238, 205, 0.3) 58.15%, rgba(97, 220, 149, 0.3) 100%), rgb(255, 255, 255); }
.header::before { z-index: 2; bottom: 32px; border-radius: 0px 0px 32px 32px; }
.header__login { position: absolute; top: 16px; right: 10px; z-index: 3; display: flex; align-items: center; gap: 10px; padding: 8px 16px 8px 12px; font-weight: 500; border-radius: 8px; background: rgba(255, 255, 255, 0.7); cursor: pointer; }
.header__login:hover { background: rgba(255, 255, 255, 1); }
.header__logo { z-index: 2; height: 72px; padding-bottom: 64px; justify-content: flex-start; }
.header__logo img { width: 150px; height: 30px; margin: 0px auto 0px 10px; }
.header h1 { font-size: 3.2rem; font-weight: 700; line-height: 3.6rem; z-index: 2; margin-top: 0px; margin-bottom: 16px; letter-spacing: -0.64px; }
.header h1 span { display: block; }
.header h2, .header__img img { z-index: 2; box-sizing: border-box; }
.header h1, .header h2 { position: relative; padding: 0px 14px; text-align: center; }
.header h2 { font-size: 1.8rem; font-weight: 400; line-height: 2.4rem; max-width: 720px; margin: 0px auto 18px; }
.header__img, .header__logo { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; }
.header__img { justify-content: center; }
.header__img img { max-width: 362px; height: auto; }
.container { padding: 0px 10px; }
.first { padding: 24px 0px 48px; }
.first__title { font-size: 2rem; font-weight: 500; line-height: 2.8rem; margin-bottom: 20px; }
.first__list { display: flex; padding: 0px 0px 0px 10px; gap: 16px; }
.first__item { display: grid; box-sizing: border-box; min-width: 200px; padding: 32px; border-radius: 16px; background: rgb(255, 255, 255); gap: 32px; text-align: center; }
.first__item img { padding: 11px; border: 1px solid rgba(3, 23, 20, 0.1); border-radius: 8px; margin: 0px auto; }
.first__item p, .second__item p { font-size: 1.6rem; line-height: 2.2rem; }
.first__item p { font-weight: 500; }
.second { position: relative; margin-bottom: 48px; padding: 24px 0px; border-radius: 12px; background: rgb(255, 255, 255); }
.second__slider .slider__list, .second__title { display: flex; }
.second__title { font-size: 1.8rem; line-height: 2.4rem; margin-bottom: 40px; -webkit-box-align: center; align-items: center; gap: 16px; }
.second__title img { padding: 12px; border-radius: 12px; background: rgba(39, 174, 96, 0.1); }
.second__slider { overflow: hidden; padding: 0px 0px 24px 10px; }
.second__slider img { box-sizing: border-box; width: 100%; max-width: 100%; height: auto; padding-right: 10px; }
.second__slider .slider__list { margin-bottom: 24px; transition: transform 0.5s, transform 0.5s; }
.second__slider .slider__item { min-width: 100%; }
.second__slider .slider__arr { gap: 8px; }
.fourth__arr div, .second__item img, .second__slider .slider__arr div { box-sizing: border-box; border: 1px solid rgba(3, 23, 20, 0.1); }
.fourth__arr div, .second__slider .slider__arr, .second__slider .slider__arr div { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.fourth__arr div, .second__slider .slider__arr div { width: 40px; height: 40px; cursor: pointer; transition: 0.2s ease-out; border-radius: 50px; }
.fourth__arr div.disable, .second__slider .slider__arr div.disable { cursor: no-drop; border: 1px solid rgba(3, 23, 20, 0.1); }
.fourth__arr div.disable svg, .second__slider .slider__arr div.disable svg { opacity: 0.2; }
.second__text { font-size: 1.8rem; font-weight: 500; line-height: 2.2rem; padding-bottom: 24px; }
.header h1 span, .second__text span, .third__text span { color: var(--green); }
.second__list { display: grid; gap: 24px; }
.second__item img { margin-bottom: 16px; padding: 8px; border-radius: 12px; }
.second__item_title { font-size: 1.8rem; font-weight: 700; line-height: 2.4rem; margin-bottom: 8px; }
.second__item p { color: var(--grey); }
.third { position: relative; overflow: hidden; width: calc(100% + 20px); margin-bottom: 24px; margin-left: -10px; border-radius: 12px; }
.third::before { bottom: 0px; }
.third__container { position: relative; z-index: 2; display: grid; padding: 24px 10px; background-image: url("/landing/images/third-img2.webp"); background-repeat: no-repeat; background-position: right center; background-size: contain; gap: 90px; }
.third__title { z-index: 2; display: flex; -webkit-box-align: center; align-items: center; gap: 16px; }
.third__title img { font-size: 1.8rem; line-height: 2.2rem; padding: 12px; border-radius: 12px; background: rgba(39, 174, 96, 0.1); }
.third__text, .third__title p { font-size: 1.8rem; line-height: 2.4rem; max-width: 100px; }
.third__text { font-size: 2rem; font-weight: 500; z-index: 2; max-width: 190px; }
.fourth { overflow: hidden; margin-bottom: 48px; padding: 0px 0px 0px 10px; }
.fourth__slider { position: relative; overflow: hidden; }
.fourth__list { display: flex; margin-bottom: 24px; transition: transform 0.5s, transform 0.5s; gap: 8px; }
.fourth__item { display: grid; box-sizing: border-box; width: 312px; padding: 24px 16px; text-align: center; border-radius: 32px; background: rgb(255, 255, 255); grid-template-rows: 40px 1fr 560px; -webkit-box-flex: 0; flex: 0 0 312px; }
.fourth__item_title { font-size: 1.8rem; font-weight: 500; line-height: 2.4rem; margin-bottom: 16px; text-align: left; text-transform: capitalize; }
.fourth__item_text { font-size: 1.4rem; line-height: 1.8rem; margin-bottom: 16px; text-align: left; color: var(--grey); }
.fourth__item img { max-width: 270px; margin: 0px auto; }
.fourth__arr { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 8px; }
.fifth { position: relative; margin-bottom: 48px; padding: 24px 10px 500px; border-radius: 12px; background: radial-gradient(240.29% 178.9% at 29.43% 0px, rgba(177, 218, 242, 0.3) 18.59%, rgba(180, 238, 205, 0.3) 58.15%, rgba(97, 220, 149, 0.3) 100%), rgb(255, 255, 255); }
.fifth__head, .footer .container { display: flex; -webkit-box-align: center; align-items: center; }
.fifth__head, .fifth__row p { font-size: 1.8rem; line-height: 2.4rem; }
.fifth__head { margin-bottom: 40px; gap: 16px; }
.fifth__head img, .sixth__row img { padding: 12px; border-radius: 12px; background: rgba(39, 174, 96, 0.1); }
.fifth__title { font-size: 2.4rem; font-weight: 500; line-height: 2.8rem; max-width: 280px; margin-bottom: 2.4rem; letter-spacing: -0.24px; }
.fifth__title span { color: rgb(39, 174, 96); }
.fifth__row { margin-bottom: 20px; }
.fifth__row p { font-weight: 500; margin-bottom: 8px; }
.fifth__img { position: absolute; left: 50%; width: 320px; height: auto; transform: translateX(-50%); }
.sixth { display: grid; margin-bottom: 48px; padding: 24px 16px; border-radius: 32px; background: rgb(255, 255, 255); gap: 24px; }
.sixth__row img { margin-bottom: 16px; padding: 8px; }
.sixth__row_title { font-size: 1.8rem; font-weight: 500; line-height: 2.2rem; margin-bottom: 8px; }
.sixth__row_text { color: var(--grey); }
.sixth__row_first p { font-size: 2.4rem; font-weight: 500; line-height: 2.8rem; max-width: 270px; letter-spacing: -0.24px; }
.seventh__title span, .sixth__row_first span, .sixth__row_head { color: var(--green); }
.sixth__row_head { font-size: 1.8rem; line-height: 2.2rem; display: inline-flex; box-sizing: border-box; width: 90px; margin-bottom: 40px; padding: 13px 12px; border-radius: 12px; background: rgba(39, 174, 96, 0.1); }
.seventh { margin-bottom: 48px; }
.seventh__title { font-size: 3.2rem; font-weight: 700; line-height: 3.2rem; text-align: center; letter-spacing: -0.64px; text-transform: uppercase; }
.seventh__title p { margin-bottom: 4px; }
.seventh__title span { display: inline-block; margin-bottom: 4px; }
.seventh__text { max-width: 670px; margin: 0px auto 24px; padding: 0px 20px; text-align: center; color: var(--grey); }
.footer { padding: 40px 0px; background: rgb(255, 255, 255); }
.footer .container { flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; }
.footer img { width: 150px; margin-bottom: 40px; }
.footer__copy { color: var(--grey); }
@media (min-width: 480px) {
  .header__logo { justify-content: center; }
  .header__logo img { margin: 0 auto; }
}
@media (min-width: 768px) {
  .header__login { top: 30px; }
  .header__logo { height: 100px; }
  .header__logo img { width: 200px; height: 40px; }
  .first__title { font-size: 4rem; line-height: 4.4rem; margin-bottom: 32px; padding: 54px 0px 0px; letter-spacing: -0.4px; }
  .second { margin-bottom: 74px; padding: 40px 0px; }
  .second__slider .slider__list { margin-bottom: 0px; }
  .second__slider .slider__item { min-width: calc(100% - 110px); margin-right: 50px; }
  .second__item { display: flex; gap: 16px; }
  .fifth__head img, .third__title img { padding: 20px; }
  .third__title p { max-width: inherit; }
  .fourth__item { padding: 40px; -webkit-box-flex: 0; flex: 0 0 570px; }
  .fifth__row p, .fourth__item_title { font-size: 2.4rem; letter-spacing: -0.24px; }
  .fourth__item_title { line-height: 2.6rem; text-transform: capitalize; }
  .fourth__item_text { font-size: 1.6rem; line-height: 2.2rem; }
  .fifth__row { max-width: 540px; margin-bottom: 24px; }
  .fifth__row p { line-height: 2.8rem; margin-bottom: 12px; }
  .seventh__text { font-size: 1.8rem; line-height: 2.4rem; }
}
@media (min-width: 1024px) {
  .fourth::after, .second__slider::after { position: absolute; top: 100px; right: 0px; bottom: 0px; width: 105px; content: ""; background: linear-gradient(85deg, rgba(255, 249, 249, 0) 34.98%, rgb(255, 255, 255) 128.09%); }
}
@media (min-width: 1440px) {
  .header::before { bottom: 94px; }
  .header__login { right: 48px; }
  .header__logo { padding-bottom: 64px; }
  .header h1 { font-size: 8.8rem; line-height: 8.4rem; margin-bottom: 24px; letter-spacing: -1.76px; }
  .header h2 { font-size: 2.4rem; line-height: 2.8rem; max-width: 890px; margin: 0px auto; padding: 0px 16px 8px; }
  .header__img img { max-width: 1034px; margin-top: -16px; }
  .container { margin: 0px auto; padding: 0px 48px; }
  .first { padding: 64px 0px 116px; }
  .first__list { display: grid; padding: 0px 48px; grid-template-columns: repeat(6, 1fr); }
  .second__slider { padding: 0px 0px 72px 48px; }
  .second__slider .slider__arr { position: absolute; top: 40px; right: 48px; }
  .fourth__arr div:not(.disable):hover, .second__slider .slider__arr div:not(.disable):hover { border: 1px solid rgba(3, 23, 20, 0.1); background: rgb(239, 239, 239); }
  .second__text { font-size: 3.2rem; line-height: 3.8rem; max-width: 1010px; padding-bottom: 48px; letter-spacing: -0.32px; }
  .second__list { grid-template-columns: 1fr 1fr; gap: 40px; }
  .second__item img { padding: 14px; }
  .second__item_title { font-size: 2.4rem; line-height: 2.8rem; margin-bottom: 12px; letter-spacing: -0.24px; }
  .third { width: 100%; margin-bottom: 74px; margin-left: 0px; }
  .third__container { padding: 40px; background-image: url("/landing/images/third-img1.webp"); gap: 282px; }
  .third__text { font-size: 6.4rem; line-height: 6.4rem; max-width: 620px; letter-spacing: -1px; }
  .fourth { margin-bottom: 120px; padding: 0px 0px 0px 48px; }
  .fourth__list { margin-bottom: 32px; gap: 24px; }
  .fifth { margin-bottom: 200px; padding: 40px 48px; }
  .fifth__head { margin-bottom: 88px; }
  .fifth__title, .sixth__row_first p { font-size: 4.8rem; letter-spacing: -0.48px; }
  .fifth__title { line-height: 5rem; max-width: 540px; margin-bottom: 3.2rem; }
  .fifth__img { right: 120px; bottom: -116px; left: inherit; width: 520px; transform: inherit; }
  .sixth { margin-bottom: 120px; padding: 40px; grid-template-columns: 1fr 1fr 1fr; }
  .sixth__row { padding: 24px; border-radius: 12px; background: rgba(248, 248, 248, 0.4); }
  .sixth__row img { margin-bottom: 40px; }
  .sixth__row_title { font-size: 2.4rem; line-height: 2.8rem; }
  .sixth__row_first { display: flex; flex-direction: column; background: rgb(255, 255, 255); -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: justify; justify-content: space-between; grid-row-start: 1; grid-row-end: span 2; }
  .sixth__row_first p { line-height: 4.8rem; max-width: inherit; }
  .seventh { margin-bottom: 120px; padding: 55px 0px; }
  .seventh__title { font-size: 7.2rem; line-height: 6.4rem; letter-spacing: -1.44px; }
  .footer { padding: 48px 0px; }
  .footer img { width: 240px; }
}
@media (min-width: 768px) and (max-width: 1439px) {
  .header::before { bottom: 68px; }
  .header__login { right: 40px; }
  .header__logo { padding-bottom: 168px; }
  .header h1 { font-size: 6.4rem; line-height: 6.8rem; margin-bottom: 24px; letter-spacing: -1.28px; }
  .header h2 { font-size: 2.4rem; line-height: 2.8rem; margin: 0px auto 100px; }
  .header__img img { max-width: 740px; }
  .container { margin: 0px auto; padding: 0px 40px; }
  .first { padding: 40px 0px 80px; }
  .first__list { padding: 0px 0px 0px 40px; }
  .second__slider { padding: 0px 0px 48px 40px; }
  .second__slider .slider__arr { position: absolute; top: 40px; right: 40px; }
  .second__text { font-size: 2.4rem; line-height: 2.8rem; padding-bottom: 40px; letter-spacing: -0.24px; }
  .second__list { grid-template-columns: 1fr 1fr; gap: 32px 24px; }
  .third { width: calc(100% + 80px); margin-bottom: 48px; margin-left: -40px; }
  .third__container { padding: 40px 32px; background-image: url("/landing/images/third-img3.webp"); gap: 348px; }
  .third__text { font-size: 3.2rem; line-height: 3.8rem; max-width: 320px; letter-spacing: -1px; }
  .fourth { margin-bottom: 80px; padding: 0px 0px 0px 40px; }
  .fourth__list { margin-bottom: 32px; gap: 16px; }
  .fifth { margin-bottom: 180px; padding: 40px 32px 658px; }
  .fifth__head { margin-bottom: 64px; }
  .fifth__title, .sixth__row_first p { font-size: 4rem; line-height: 4.4rem; max-width: 540px; margin-bottom: 32px; letter-spacing: -0.4px; }
  .fifth__img { width: 520px; }
  .sixth { margin-bottom: 80px; padding: 40px 32px; grid-template-columns: 1fr 1fr; }
  .sixth__row_first { display: flex; flex-direction: column; padding: 0px; background: rgb(255, 255, 255); -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: justify; justify-content: space-between; grid-column-start: 1; grid-column-end: span 2; }
  .sixth__row_first p { max-width: 520px; margin-bottom: 24px; }
  .seventh { margin-bottom: 80px; }
  .seventh__title { font-size: 4.8rem; line-height: 4.8rem; letter-spacing: -0.96px; }
}