@font-face {
    font-family: 'Inter 18pt';
    src: url('../fonts/Inter18pt-Light.woff2') format('woff2'),
        url('../fonts/Inter18pt-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('../fonts/Inter18pt-Bold.woff2') format('woff2'),
        url('../fonts/Inter18pt-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('../fonts/Inter18pt-Black.woff2') format('woff2'),
        url('../fonts/Inter18pt-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('../fonts/Inter18pt-SemiBold.woff2') format('woff2'),
        url('../fonts/Inter18pt-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('../fonts/Inter18pt-Regular.woff2') format('woff2'),
        url('../fonts/Inter18pt-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('../fonts/Inter18pt-Medium.woff2') format('woff2'),
        url('../fonts/Inter18pt-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

*,*::before,*::after {
    padding: 0;
    margin: 0;
    border: 0;
    box-sizing: border-box;
}
::-webkit-scrollbar { 
    width: 8px;
    height: 12px;
    background-color: #161517;
}
::-webkit-scrollbar-thumb { 
    background: #6E41EE;
}
a {
    text-decoration: none;
}
ul, ol, li {
    list-style: none;
}
img {
    vertical-align: top;
    max-width: 100%;
}
h1,h2,h3,h4,h5,h6 {
    font-weight: inherit;
    font-size: inherit;
}
input {
    outline:none;
}
html{
    background-color: #F4F4F4;
    scroll-behavior: smooth;
}
body{
    position: relative;
    font-family: 'Inter 18pt', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 160%;
    color: #161517;
    scroll-behavior: smooth;
    z-index: 1;
}
section{
    position: relative;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    margin-bottom: 60px;
}
.wrapper{
    position: relative;
    width: 100%;
    max-width: 1280px;
    padding: 0 15px;
    margin: 0 auto;
}
.header {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    border-radius: 0px 0px 22px 22px;
    background: #EEEEEE;
    z-index: 10;
}
.header__box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}
.logo {
    opacity: 0;
    /*transition: opacity 0.1s ease-out;*/
}
.logo--policy {
    opacity: 1;
}
.menu__list {
    display: flex;
    gap: clamp(0.9375rem, -0.9913rem + 3.1142vw, 1.5rem);
}
.menu__list__items {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 20px 0;
}
.menu__list__items__link {
    color: #161517;
    font-weight: 500;
    line-height: 110%;
    transition: 0.3s all;
}
.menu__list__items__btn {
    padding: 7px 16px;
    color: #fff;
    font-weight: 600;
    line-height: 110%;
    border-radius: 26px;
    background-color: #161517;
    transition: 0.3s all;
}
.menu__inside {
    display: none;
    flex-direction: column;
    background-color: #fff;
    border-radius: 12px;
    width: 248px;
    position: absolute;
    top: 72px;
    left: 0;
    box-shadow: 0px 10px 55px 0px rgb(0 0 0 / 15%);
    opacity: 1;
}
.menu__inside__link {
    color: #161517;
    font-weight: 500;
    line-height: 110%;
    transition: 0.3s all;
    padding: 10px;
}
.menu__inside__link--first {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.menu__inside__link--last{
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}
.menu__list__items__svg {
    transition: 0.3s all;
}
.mobile-logo {
    display: none;
    position: absolute;
    left: -9999999px;
}
.menu__list__items--mobile {
    display: none;
}
.mobile-logo--bottom {
    display: none;
}
.menu__list__items--img {
    justify-content: center;
}
.hero {
    position: relative;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}
.hero__box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    height: clamp(18.75rem, -22.9167rem + 83.3333vw, 43.75rem);
    height: clamp(12.5rem, -4.1667rem + 33.3333vw, 22.5rem);
}
.hero__box img {
    position: relative;
    width: 100%;
    max-width: 360px;
    z-index: 11;
    opacity: 1;
    /*transition: opacity 0.1s ease-out;*/
}
.intro {
    padding-top: clamp(2.5rem, 0.625rem + 8.3333vw, 6.875rem);
    margin-bottom: 0;
}
.intro__box {
    width: 100%;
    max-width: 530px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.intro__box h1 {
    font-size: clamp(1.875rem, 1.5rem + 1.6667vw, 2.75rem);
    font-weight: 700;
    line-height: 110%;
}
.intro__box p {
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    padding-bottom: clamp(1.25rem, 1.5179rem + -1.1905vw, 0.625rem);
}
.intro__box a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 22px 12px 22px;
    width: fit-content;
    border-radius: 26px;
    background: #6E41EE;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    transition: 0.3s all;
}
.intro__img {
    position: absolute;
    top: 40px;
    right: 0;
    width: 54%;
}
.intro__img__01 {
    position: absolute;
    top: clamp(1.875rem, 3.9696rem + -3.3784vw, 0rem);
    left: 10px;
    width: clamp(15.9375rem, 3.3438rem + 20.3125vw, 21.625rem);
}
.intro__img__02 {
    position: absolute;
    right: clamp(0rem, -21.3333rem + 26.6667vw, 10rem);
    top: clamp(9.375rem, 11.8187rem + -3.9414vw, 7.1875rem);
    width: clamp(25rem, 11.9437rem + 21.0586vw, 36.6875rem);
}
.intro__img__03 {
    position: absolute;
    top: 80px;
    right: clamp(7.8125rem, -22.21rem + 48.4234vw, 34.6875rem);
}
.intro__img__04 {
    position: absolute;
    top: clamp(24.375rem, 14.2511rem + 16.3288vw, 33.4375rem);
    left: clamp(4.375rem, -15rem + 31.25vw, 13.125rem);
}
.about {
    margin-top: clamp(10rem, 0.9234rem + 14.6396vw, 18.125rem);
}
.about__content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 850px;
    margin: 0 auto;
    gap: clamp(1.875rem, 1.3859rem + 2.1739vw, 3.125rem);
    padding-top: 50px;
    z-index: 2;
}
.about__content p {
    font-size: clamp(1.25rem, 0.8587rem + 1.7391vw, 2.25rem);
    font-weight: 300;
    line-height: 130%;
}
.about__content p span {
    text-transform: uppercase;
    font-style: italic;
    font-weight: 900;
}
.about__logo {
    position: absolute;
    top: 285px;
    width: clamp(13.625rem, 0.2196rem + 21.6216vw, 25.625rem);
    right: 0;
}
.about__idea {
    position: relative;
    max-width: 850px;
    width: 100%;
    margin: 0 auto;
    padding-top: clamp(2.5rem, 2.3125rem + 0.8333vw, 2.9375rem);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.about__idea__content {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 0 0 72%;
    max-width: 72%;
    padding: clamp(1.25rem, 0.4464rem + 3.5714vw, 3.125rem) 0 50px clamp(1.25rem, 0.4464rem + 3.5714vw, 3.125rem);
    border-radius: clamp(1rem, 0.8393rem + 0.7143vw, 1.375rem);
    background: #161517;
}
.about__idea__content h2 {
    position: relative;
    color: #fff;
    font-size: 36px;
    font-style: italic;
    font-weight: 900;
    line-height: 130%;
    text-transform: uppercase;
    z-index: 3;
}
.about__idea__content p {
    position: relative;
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    line-height: 130%;
    opacity: 0.8;
    max-width: 60%;
    z-index: 3;
}
.about__idea__circle {
    position: relative;
    width: clamp(12.0625rem, 2.3043rem + 20.3297vw, 14.375rem);
    height: clamp(12.0625rem, 2.3043rem + 20.3297vw, 14.375rem);
    display: flex;
    justify-content: center;
    align-items: center;
}
.about__idea__circle__inner {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #6E41EE;
    border-radius: 50%;
    background-image: url(../img/about__circle.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
    animation: 8s linear infinite spin;
    z-index: 2;
    transition: 0.3s all;
    left: -20px;
}
.about__idea__circle__svg {
    width: clamp(2.75rem, 2.4286rem + 1.4286vw, 3.5rem);
    height: clamp(2.75rem, 2.4286rem + 1.4286vw, 3.5rem);
    fill: #fff;
    transition: 0.3s all;
}
.about__idea__content::after {
    position: absolute;
    content: '';
    width: 239px;
    height: 242px;
    right: -200px;
    top: -17px;
    background-color: #F4F4F4;
    border-radius: 50%;
    z-index: 1;
}
@keyframes spin {
    from {
      transform: rotate(0deg);
    }
  
    to {
      transform: rotate(360deg);
    }
}
.services {
    margin-bottom: 0;
}
.services__title {
    display: flex;
    justify-content: center;
    align-items: center;
}
.services__title h2 {
    font-size: clamp(2rem, 1.6786rem + 1.4286vw, 2.75rem);
    font-weight: 700;
    line-height: 110%;
    padding-bottom: clamp(2.5rem, 2.7679rem + -1.1905vw, 1.875rem);
}
.services__subtitle {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: clamp(1.25rem, 0.9821rem + 1.1905vw, 1.875rem);
}
.services__subtitle h3 {
    color: rgb(0, 0, 0);
    font-size: clamp(1.625rem, 1.1964rem + 1.9048vw, 2.625rem);
    font-weight: 600;
    line-height: 121%;
}
.services__box {
    position: relative;
    border-radius: clamp(1rem, 0.8393rem + 0.7143vw, 1.375rem);
    padding: clamp(1.25rem, 0.7143rem + 2.381vw, 2.5rem) 0 55px clamp(1.25rem, 0.7143rem + 2.381vw, 2.5rem);
    margin-bottom: clamp(1.875rem, 1.3393rem + 2.381vw, 3.125rem);
    overflow: hidden;
}
.services__box--black {
    background-color: #161517;
}
.services__box--white {
    background-color: #fff;
}
.services__row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    gap: 35px 0;
}
.services__row__items {
    display: flex;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 15px;
}
.services__row__content {
    display: flex;
    flex-direction: column;
    gap: clamp(1.875rem, 1.6875rem + 0.8333vw, 2.3125rem);
}
.services__row__content__head {
    display: flex;
    gap: 10px;
    align-items: center;
    background-color: #6E41EE;
    padding: clamp(0.25rem, 0.1964rem + 0.2381vw, 0.375rem) clamp(0.625rem, 0.5714rem + 0.2381vw, 0.75rem);
    border-radius: 26px;
    max-width: fit-content;
}
.services__row__content span {
    padding: clamp(0.25rem, 0.1964rem + 0.2381vw, 0.375rem) clamp(0.625rem, 0.5714rem + 0.2381vw, 0.75rem);
    border-radius: 26px;
    font-size: clamp(0.875rem, 0.7679rem + 0.4762vw, 1.125rem);
    color: #fff;
    font-weight: 600;
    line-height: 122%;
    max-width: fit-content;
}
.services__row__content__head span {
    padding: 0;
}
.services__row__content--black span {
    background: rgb(255, 153, 0);
}
.services__row__content--blue span {
    background-color: #0090D1;
}
.services__row__content--red span {
    background-color: #F64343;
}
.services__row__content__title {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.services__row__content__title h4 {
    font-size: clamp(2rem, 1.4643rem + 2.381vw, 3.15rem);
    font-weight: 600;
    line-height: 121%;
}
.services__row__content__title p {
    font-size: clamp(1rem, 0.8929rem + 0.4762vw, 1.25rem);
    font-weight: 400;
    line-height: 130%;
    max-width: 75%;
}
.services__row__content__title--white {
    color: #fff;
    transition: 0.3s all;
}
.services__row__content__link {
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid rgb(22, 21, 23);
    border-radius: 33px;
    padding: clamp(0.4375rem, 0.3036rem + 0.5952vw, 0.75rem) clamp(0.75rem, 0.5357rem + 0.9524vw, 1.25rem);
    max-width: fit-content;
    transition: 0.3s all;
}
.services__row__content__link span {
    background-color: transparent;
    padding: 0;
    color: #161517;
    transition: 0.3s all;
}
.services__row__content__link svg {
    fill: #161517;
    transition: 0.3s all;
}
.services__row__content__link--white {
    border: 1px solid #fff;
    transition: 0.3s all;
}
.services__row__content__link--white span {
    color: #fff;
    transition: 0.3s all;
}
.services__row__content__link--white svg {
    fill: #fff;
    transition: 0.3s all;
}
.services__row__content__link--yellow {
    border: 1px solid #FFE485;
    background: #FFE485;
}
.services__row__content__link--yellow span {
    font-weight: 600;
    line-height: 122%;
    max-width: fit-content;
}
.services__row__items__app {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.services__row__items__app__head {
    display: flex;
    gap: 5px;
    align-items: center;
}
.services__row__items__app__head h4 {
    font-size: clamp(1.5rem, 1.3393rem + 0.7143vw, 1.875rem);
    font-weight: 600;
    line-height: 121%;
}
.services__row__items__app p {
    font-size: clamp(1rem, 0.8929rem + 0.4762vw, 1.25rem);
    font-weight: 300;
    line-height: 130%;
    padding-bottom: 10px;
}
.services__row__items__app__box {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    gap: 20px 0;
    max-width: 480px;
}
.services__row__items__app__box__col {
    display: flex;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 10px;
}
.services__row__items__app__box__col--full {
    flex: 0 0 100%;
    max-width: 100%;
}
.services__row__items__app__box__col__inner {
    display: flex;
    flex-direction: column;
    border-radius: clamp(1rem, 0.8393rem + 0.7143vw, 1.375rem);
    background-color: #F1F1F1;
    padding: 20px clamp(0.75rem, 0.5357rem + 0.9524vw, 1.25rem);
    width: 100%;
}
.services__row__items__app__box__col__inner--two {
    gap: clamp(4.0625rem, 4.1964rem + -0.5952vw, 3.75rem);
}
.services__row__items__app__box__col__inner--one {
    gap: clamp(2.8125rem, 3.0804rem + -1.1905vw, 2.1875rem);
}
.services__row__items__app__box__col__inner p {
    font-size: clamp(1rem, 0.8393rem + 0.7143vw, 1.375rem);
    font-weight: 600;
    line-height: 121%;
    padding-bottom: 0;
}
.services__row__items__inner {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: 790px;
    height: 100%;
    overflow: hidden;
    z-index: 2;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.services__row__items__inner__ellipse {
    position: absolute;
    z-index: -3;
    width: 254px;
    height: 213px;
    top: 25%;
    right: 7%;
    background: #ed4824;
    filter: blur(70px);
    transition: 0.3s all;
}
.services__row__items__inner__img {
    position: absolute;
    width: 100%;
    max-width: 530px;    
    height: 100%;
    max-height: 367px;
    transition: 0.3s all;
    margin-right: clamp(2.5rem, -25.625rem + 37.5vw, 4.375rem);
    z-index: 4;
}
.services__row__items__inner__ellipse--corporate {
    position: absolute;
    z-index: -1;
    width: 39%;
    height: 50%;
    top: 60%;
    right: 22%;
    background: #0090d1;
    filter: blur(150px);
    transition: 0.3s all;
}
.services__row__items__inner__ellipse--catalog {
    position: absolute;
    z-index: -1;
    width: 39%;
    height: 50%;
    top: 60%;
    right: 22%;
    background: #1c1c1c;
    filter: blur(125px);
    transition: 0.3s all;
}
.support {
    margin-bottom: clamp(3.75rem, 2.6786rem + 4.7619vw, 6.25rem);
    padding-top: 100px;
    z-index: 2;
    background-color: #f4f4f2;
}
.support__box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 50px;
}
.support__box__items {
    position: relative;
}
.support__box__items::before {
    position: absolute;
    content: '';
    top: 0px;
    left: 20px;
    right: 20px;
    width: calc(100% - 40px);
    height: 40px;
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
    background: #161517;
    opacity: 0.5;
    transition: 0.5s all;
}
.support__box__items--active::before {
    top: -20px;
}
.support__box__items__inner {
    border-radius: 32px;
    background: #161517;
    padding: clamp(1.25rem, 0.7143rem + 2.381vw, 2.5rem);
    display: flex;
    flex-direction: column;
    gap: clamp(1.875rem, 1.6071rem + 1.1905vw, 2.5rem);
    height: 100%;
}
.support__box__items__inner img {
    max-width: 80px;
}
.support__content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    color: #fff;
}
.support__content h2 {
    font-size: clamp(1.5rem, 1.2857rem + 0.9524vw, 2rem);
    font-weight: 600;
    line-height: 121%;
}
.support__content p {
    font-size: clamp(1rem, 0.8929rem + 0.4762vw, 1.25rem);
    font-weight: 300;
    line-height: 130%;
}
.support__link {
    padding: 14px 22px;
    border-radius: 26px;
    background: #BAFF28;
    max-width: fit-content;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    color: #161517;
    transition: 0.3s all;
    border: 3px solid #BAFF28;
}
.contacts {
    margin-bottom: clamp(13.125rem, 14.0625rem + -4.1667vw, 10.9375rem);
}
.contacts__box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 50px;
    align-items: center;
}
.contacts__box__info {
    display: flex;
    flex-direction: column;
    gap: 30px;
    max-width: 526px;
}
.contacts__box__info__items {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.contacts__box__info__items__row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.contacts__box__info h2 {
    font-size: clamp(2rem, 1.6786rem + 1.4286vw, 2.75rem);
    font-weight: 700;
    line-height: 100%;
}
.contacts__box__info p {
    color: #000;
    font-size: clamp(1rem, 0.9464rem + 0.2381vw, 1.125rem);
    line-height: 120%;
}
.contacts__box__info__items a {
    color: #6E41EE;
    font-size: clamp(1.75rem, 1.6429rem + 0.4762vw, 2rem);
    font-weight: 400;
    line-height: 120%;
    transition: 0.3s all;
}
.contacts__box__info__items__row__col p {
    font-size: clamp(0.875rem, 0.8214rem + 0.2381vw, 1rem);
    font-weight: 300;
    line-height: 120%;
    color: #A7A7A7;
}
.contacts__box__info__items__row__col p span {
    color: #161517;
}
.contacts__box__items__form {
    padding: clamp(1.25rem, 0.9821rem + 1.1905vw, 1.875rem);
    border-radius: clamp(1.5rem, 1.2857rem + 0.9524vw, 2rem);
    box-shadow: 0px 10px 100px 0px rgba(0, 0, 0, 0.08);
    background: rgb(255, 255, 255);
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.contacts__box__items__form h3 {
    font-size: clamp(1.125rem, 0.75rem + 1.6667vw, 2rem);
    font-weight: 600;
    line-height: 121%;
}
.contacts__box__items__form h3 span {
    color: #BDBDBD;
}
.contacts__form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.contacts__form__items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}
.contacts__form__items__input {
    font-family: 'Inter', sans-serif;
    width: 100%;
    border-radius: clamp(0.5rem, 0.3661rem + 0.5952vw, 0.8125rem);
    background-color: #F4F4F4;
    padding: clamp(0.6875rem, 0.5rem + 0.8333vw, 1.125rem);
    font-size: clamp(1rem, 0.9464rem + 0.2381vw, 1.125rem);
    font-weight: 400;
    line-height: 121%;
    color: #161517;
}
.contacts__form__items__input::placeholder {
    font-family: 'Inter', sans-serif;
    font-size: clamp(1rem, 0.9464rem + 0.2381vw, 1.125rem);
    font-weight: 400;
    line-height: 121%;
    color: #A7A7A7;
}
.contacts__form__items--full {
    display: grid;
    grid-template-columns: auto;
}
.contacts__form__items__textarea {
    font-family: 'Inter', sans-serif;
    width: 100%;
    border-radius: clamp(0.5rem, 0.3661rem + 0.5952vw, 0.8125rem);
    background-color: #F4F4F4;
    padding: clamp(0.6875rem, 0.5rem + 0.8333vw, 1.125rem);
    font-size: clamp(1rem, 0.9464rem + 0.2381vw, 1.125rem);
    font-weight: 400;
    line-height: 121%;
    color: #161517;
    min-height: 127px;
}
.contacts__form__items__textarea::placeholder {
    font-family: 'Inter', sans-serif;
    font-size: clamp(1rem, 0.9464rem + 0.2381vw, 1.125rem);
    font-weight: 400;
    line-height: 121%;
    color: #A7A7A7;
}
.contacts__form__items__btn {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: clamp(0.875rem, 0.7679rem + 0.4762vw, 1.125rem) 0;
    border-radius: 13px;
    background: #6E41EE;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    cursor: pointer;
    transition: 0.3s all;
}
.contacts__form__items__check {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.contacts__form__items__checkbox {
    position: absolute;
    left: -9999999999999px;
}
.contacts__form__items__label--checkbox {
    font-size: 14px;
    line-height: 120%;
    padding-left: 30px;
    cursor: pointer;
}
.contacts__form__items__label--checkbox::before {
    position: absolute;
    top: 0px;
    left: 0;
    content: '';
    width: 20px;
    height: 20px;
    border: 1px solid rgba(22, 21, 23, 0.2);
    border-radius: 6px;
    transition: transform 0.3s linear, opacity 0.3s linear;
}
.contacts__form__items__label--checkbox::after {
    content: '';
    border-style: solid;
    border-width: 0 0 2px 2px;
    border-color: transparent transparent #fff #fff;
    width: 10px;
    height: 6px;
    position: absolute;
    top: 5px;
    left: 5px;
    opacity: 0;
    transform: scale(2) rotate(-45deg);
    transition: transform 0.3s linear, opacity 0.3s linear
}
.contacts__form__items__checkbox:checked+label:after {
    opacity: 1;
    transform: scale(1) rotate(-45deg);
}
.contacts__form__items__checkbox:checked+label::before {
    background: #6E41EE;
}
.contacts__form__status {
    display: flex;
    justify-content: flex-start;
    font-size: 14px;
    line-height: 120%;
    color: #008000;
    transition: 0.3s all;
}
.contacts__form__items__label--checkbox a {
    color: #6E41EE;
    transition: 0.3s all;
}
.error {
    color: #e3201b;
}
.footer {
    position: relative;
    padding: clamp(2.5rem, 1.8304rem + 2.9762vw, 4.0625rem) 0 clamp(2.5rem, 2.0982rem + 1.7857vw, 3.4375rem);
    background-color: #161517;
}
.footer::before {
    position: absolute;
    content: '';
    top: -81px;
    left: 0;
    width: 100%;
    max-width: 861px;
    height: 88px;
    background-image: url(../img/footer__img__desctop.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.footer--policy::before {
    display: none;
}
.footer__box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 20px;
}
.footer__box__items__inner {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.footer__box__items__inner img {
    max-width: 155px;
}
.footer__box__items__inner__info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.footer__box__items__inner__info p, .footer__box__items__inner__info address {
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 110%;
    color: #737374;
}
.footer__box__items__menu {
    display: grid;
    grid-template-columns: 48.59% auto;
    gap: 40px 18.75%;
}
.footer__menu__list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.footer__menu__list__link {
    font-size: 16px;
    font-weight: 500;
    line-height: 110%;
    color: #fff;
    opacity: 0.8;
    transition: 0.3s all;
}
.copy {
    background: #161517;
    padding: 20px 0;
}
.copy__box {
    display: flex;
    justify-content: flex-start;
}
.copy__box p {
    font-size: clamp(0.875rem, 0.76rem + 0.32vw, 1rem);
    font-weight: 400;
    line-height: 110%;
    color: #737374;
}
.services__row__items__inner__ellipse--shop {
    position: absolute;
    z-index: -3;
    width: 286px;
    height: 250px;
    top: 37%;
    right: 32%;
    background: rgb(164, 49, 188);
    filter: blur(81.15px);
    transition: 0.3s all;
}
.services__row__items__inner__ellipse--shop--two {
    position: absolute;
    z-index: -3;
    width: 286px;
    height: 304px;
    top: 22%;
    right: 25%;
    background: rgb(238, 190, 151);
    filter: blur(81.15px);
    transition: 0.3s all;
}
.services__box--app {
    overflow: unset;
    margin-bottom: 0;
}
.services__box--app::before {
    position: absolute;
    content: '';
    bottom: -20px;
    left: 0;
    right: 0;
    width: 100%;
    height: 20px;
    background-color: #f4f4f4;
    z-index: 5;
}
.services__row__items__inner__app {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    max-width: 620px;
    height: 100%;
    z-index: 2;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.services__row__items__inner__app__img {
    position: absolute;
    width: 100%;
    max-width: 338px;
    height: 100%;
    max-height: 622px;
    transition: 0.3s all;
    transform: rotate(5deg);
    left: 45px;
    z-index: 4;
}
.services__row__items__inner__app__img--two {
    position: absolute;
    bottom: -10px;
    right: 0;
    width: 100%;
    max-width: 485px;
    height: 100%;
    max-height: 521px;
    transition: 0.3s all;
    z-index: 4;
}
.services__row__items__inner__ellipse--app {
    position: absolute;
    z-index: -3;
    width: 293px;
    height: 418px;
    left: 22%;
    bottom: 79px;
    filter: blur(200px);
    background: rgba(255, 230, 144, 0.5);
    transition: 0.3s all;
}
.services__row__items__inner__ellipse--app--two {
    position: absolute;
    z-index: -3;
    width: 293px;
    height: 303px;
    bottom: 0;
    left: 0;
    filter: blur(200px);
    background: rgba(253, 165, 13, 0.3);
    transition: 0.3s all;
}
.policy__box {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-top: 60px;
    border-radius: clamp(1rem, 0.8393rem + 0.7143vw, 1.375rem);
    padding: clamp(1.25rem, 0.7143rem + 2.381vw, 2.5rem) clamp(1.25rem, 0.7143rem + 2.381vw, 2.5rem);
    background-color: #fff;
}
.policy__box h1 {
    font-size: clamp(2rem, 0.7727rem + 3.4091vw, 3.5rem);
    font-weight: 700;
    line-height: 120%;
    padding-bottom: clamp(0.625rem, 0.1136rem + 1.4205vw, 1.25rem);
}
.policy__box h2 {
    font-size: clamp(1.5rem, 0.6818rem + 2.2727vw, 2.5rem);
    font-weight: 700;
    line-height: 120%;
}
.policy__box p {
    font-size: clamp(1rem, 0.8977rem + 0.2841vw, 1.125rem);
    line-height: 160%;
}
.policy__box a {
    color: #6E41EE;
    font-weight: 700;
    transition: 0.3s all;
}
.contacts__box__items__finish {
    padding: clamp(1.25rem, 0.9821rem + 1.1905vw, 1.875rem);
    border-radius: clamp(1.5rem, 1.2857rem + 0.9524vw, 2rem);
    box-shadow: 0px 10px 100px 0px rgba(0, 0, 0, 0.08);
    background: rgb(255, 255, 255);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    display: none;
}
.contacts__box__items__finish--send {
    display: flex;
}
.contacts__box__items__finish__text {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 380px;
    gap: clamp(1.25rem, -2.5852rem + 10.6534vw, 5.9375rem);
}
.contacts__box__items__finish__img {
    display: flex;
    flex: 0 0 200px;
    max-width: 200px;
}
.contacts__box__items__finish__text h3 {
    font-size: clamp(1.125rem, 0.75rem + 1.6667vw, 2rem);
    font-weight: 600;
    line-height: 121%;
}
.contacts__box__items__finish__text h3 span {
    color: #BDBDBD;
}
.contacts__box__items__finish__text__info {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.contacts__box__items__finish__text__info p, .contacts__box__items__finish__text__info b {
    font-size: 16px;
    line-height: 130%;
}
.contacts__box__items__finish__text__info b {
    font-weight: bold;
}
.services__row__items__inner__app__img--two--mobile {
    display: none;
}
@media(min-width: 1200px) {
    .menu__list__items__link:hover {
        color: #6E41EE;
    }
    .menu__list__items__btn:hover {
        background-color: #6E41EE;
        color: #fff;
    }
    .menu__list__items--inside:hover .menu__inside {
        display: flex;
    }
    .menu__inside__link:hover {
        background-color: #6E41EE;
        color: #fff;
    }
    .menu__list__items--inside:hover .menu__list__items__svg {
        transform: rotate(180deg);
    }
    .intro__box a:hover {
        background: #161517;
    }
    .about__idea__circle:hover .about__idea__circle__inner{
        background-color: #161517;
    }
    .contacts__box__info__items a:hover {
        color: #161517;
    }
    .contacts__form__items__btn:hover {
        background-color: #161517;
    }
    .support__link:hover {
        background-color: #161517;
        color: #BAFF28;
        border: 3px solid #BAFF28;
    }
    .services__row__content__link:hover {
        background-color: #6E41EE;
        border: 1px solid #6E41EE;
    }
    .services__row__content__link:hover span {
        color: #fff;
    }
    .services__row__content__link:hover svg {
        fill: #fff;
    }
    .services__row__content__link--white:hover {
        background-color: rgb(255, 153, 0);
        border: 1px solid rgb(255, 153, 0);
    }
    .services__row__content__link--blue:hover {
        background-color: #0090D1;
        border: 1px solid #0090D1;
    }
    .services__row__content__link--red:hover {
        background-color: #F64343;
        border: 1px solid #F64343;
    }
    .services__row__content__link--yellow:hover {
        background-color: #161517;
        border: 1px solid #161517;
    }
    .footer__menu__list__link:hover {
        opacity: 1;
    }
    .services__box--black:hover .services__row__items__inner__img, 
    .services__box--corporate:hover .services__row__items__inner__img, 
    .services__box--catalog:hover .services__row__items__inner__img, 
    .services__box--shop:hover .services__row__items__inner__img {
        transform: translate(-20px, 80px) scale(1.1, 1.1);
    }
    .services__box--black:hover .services__row__items__inner__ellipse {
        transform: translate(-350px, 190px);
    }
    .services__box--corporate:hover .services__row__items__inner__ellipse--corporate {
        transform: translate(-135px, 0px);
        filter: blur(75px);
    }
    .services__box--catalog:hover .services__row__items__inner__ellipse--catalog {
        transform: translate(-135px, 0px);
        filter: blur(75px);
    }
    .services__box--shop:hover .services__row__items__inner__ellipse--shop {
        transform: translate(-80px, 40px);
    }
    .services__box--shop:hover .services__row__items__inner__ellipse--shop--two{
        transform: translate(-100px, 0px);
    }
    .services__box--app:hover .services__row__items__inner__app__img {
        transform: translate(-20px, 0) rotate(0);
    }
    .services__box--app:hover .services__row__items__inner__app__img--two {
        transform: translate(80px, 15px) rotate(6deg);
    }
    .services__box--app:hover .services__row__items__inner__ellipse--app {
        transform: translate(20px, -150px);
    }
    .services__box--app:hover .services__row__items__inner__ellipse--app--two {
        transform: translate(245px, -210px);
    }
    .policy__box a:hover {
        color: #161517;
    }
    .contacts__form__items__label--checkbox a:hover {
        color: #161517;
    }
}
@media(max-width: 1199px) {
    .menu__inside--active {
        transform: translate3d(0px, 0px, 0px);
        opacity: 1;
        z-index: 1;
    }
    .menu__list__items__svg--active {
        transform: rotate(180deg);
    }
    .about__logo {
        top: 45px;
        width: 228px;
    }
    .services__row {
        position: relative;
        z-index: 5;
    }
}
@media(max-width: 991px) {
    .header {
        padding: 20px 0;
    }
    .header--zindex {
        z-index: 12;
    }
    .menu__btn {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 30px;
        height: 30px;
        background-color: transparent;
        cursor: pointer;
        padding-right: 15px;
        z-index: 9999;
    }

    .menu__btn__element,
    .menu__btn__element:before,
    .menu__btn__element:after {
        position: absolute;
        top: 50%;
        margin-top: -1px;
        left: 50%;
        margin-left: -5px;
        width: 15px;
        height: 2px;
        background-color: #6E41EE;
    }

    .menu__btn__element:before,
    .menu__btn__element:after {
        content: '';
        display: block;
        transition: 0.5s;
    }

    .menu__btn__element:before {
        transform: translateY(-8px);
        width: 20px;
        margin-left: -8px;
    }

    .menu__btn__element:after {
        transform: translateY(8px);
        width: 10px;
        margin-left: -8px;
    }

    .menu__list {
        flex-direction: column;
        justify-content: flex-start;
        align-items: baseline;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: auto;
        z-index: 999;
        width: 100%;
        max-width: 420px;
        height: 100vh;
        padding: 95px 30px 0 30px;
        writing-mode: horizontal-tb;
        background-color: #fff;
        transform: translate3d(420px, 0px, 0px);
        transition: transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms;
        gap: 0;
    }

    .menu__list--active {
        transform: translate3d(0px, 0px, 0px);
    }
    .menu__inside__link {
        color: #fff;
    }
    .menu__list__items {
        width: 100%;
        border-top: 1px solid #000;
        gap: 0;
    }
    .menu__list__items__btn {
        border-radius: 0;
        background-color: transparent;
        padding: 0;
        color: #161517;
        font-weight: 500;
        transition: 0.3s all;
        font-size: 22px;
    }
    .menu__list__items--inside {
        flex-direction: column;
        align-items: flex-start;
    }
    .menu__list__items__svg {
        position: absolute;
        left: 80px;
        top: 30px;
    }
    .menu__inside {
        position: relative;
        top: 0;
        left: 0;
        box-shadow: none;
        height: 0;
    }
    .menu__inside--active {
        padding-top: 10px;
        height: auto;
        display: flex;
    }
    .menu__list__items__link {
        font-size: 22px;
    }
    .menu__inside__link {
        padding: 10px 0;
        color: #161517;
    }
    .mobile-logo {
        display: block;
        left: 29px;
        top: 24px;
    }
    .menu__list__items--mobile {
        display: flex;
        align-items: center;
        gap: 8px;
    }
    .mobile-logo--bottom {
        display: flex;
        align-self: center;
        padding-top: 10px;
    }
    .intro__img {
        position: relative;
        top: 0;
        right: 0;
        width: 100%;
        max-width: 1280px;
    }
    .intro__img__01 {
        width: 50%;
    }
    .intro__img__02 {
        width: 65%;
    }
    .intro__img__04 {
        top: clamp(17.1875rem, 6.3082rem + 54.3964vw, 40rem);
        left: clamp(0.9375rem, -8.7495rem + 48.4352vw, 21.25rem);
    }
    .about {
        margin-top: clamp(37.1875rem, 9.2054rem + 58.296vw, 45.3125rem);
    }
    .about__img {
        position: relative;
        z-index: 2;
    }
    .about__logo {
        top: clamp(5.3125rem, 13.9224rem + -17.9372vw, 2.8125rem);
        z-index: 1;
    }
    .services__row__content__title p {
        max-width: 100%;
    }
    .support__box, .contacts__box{
        gap: 40px 20px;
    }
    .contacts__form__items {
        grid-template-columns: repeat(1, 1fr);
    }
    .footer__box {
        grid-template-columns: auto auto;
    }
    .footer__box__items__menu {
        gap: 40px 20px;
    }
    .services__row {
        margin: 0;
    }
    .services__box {
        padding-bottom: 0;
        padding-right: clamp(1.25rem, 0.7143rem + 2.381vw, 2.5rem);
    }
    .services__row__items {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
        z-index: 3;
    }
    .services__row__items__inner {
        position: relative;
        overflow: hidden;
        z-index: 3;
    }
    .services__row__items__inner__ellipse--desctop, 
    .services__row__items__inner__ellipse--corporate--desctop, 
    .services__row__items__inner__ellipse--catalog--desctop, 
    .services__row__items__inner__ellipse--shop--desctop, 
    .services__row__items__inner__ellipse--shop--two--desctop {
        display: none;
    }
    .services__row__items__inner__img {
        position: relative;
        margin-right: 0;
    }
    .services__row__items__inner__ellipse--mobile {
        z-index: 2;
        top: 65%;
        left: 75%;
    }
    .services__row__items__inner__ellipse--corporate--mobile {
        z-index: 2;
        width: 35%;
        height: 20%;
        top: 65%;
        right: 35%;
    }
    .services__row__items__inner__ellipse--catalog--mobile {
        z-index: 2;
        width: 30%;
        top: 80%;
        right: 15px;
        height: 25%;
    }
    .services__row__items__inner__ellipse--shop--mobile {
        z-index: 2;
        width: 75%;
        top: 80%;
        right: 15px;
        height: 10%;
    }
    .services__row__items__inner__app {
        position: relative;
        z-index: 3;
        width: 100%;
        max-width: 991px;
        height: 100%;
        left: clamp(-1.1875rem, -0.6964rem + -2.4554vw, -1.875rem);
        overflow-y: unset;
        justify-content: flex-start;
        align-items: flex-end;
    }
    .services__row__items__inner__app__img {
        position: relative;
        transform: rotate(0deg);
        max-width: clamp(10.625rem, 3.8393rem + 33.9286vw, 20.125rem);
        left: 0;
    }
    .services__row__items__inner__app__img--two {
        position: relative;
        bottom: 0;
        right: 117px;
        max-width: clamp(15.625rem, 8.6205rem + 35.0224vw, 30.3125rem);
    }
    .services__box--app {
        overflow: hidden;
    }
    .services__row__items__app__box {
        max-width: 991px;
    }
    .services__row__items__inner__ellipse--app--descto {
        display: none;
    }
    .services__row__items__inner__ellipse--app--mobile {
        display: block;
        z-index: 2;
        width: 75%;
        top: 80%;
        right: 15px;
    }
    .hero__box img {
        width: 200px;
    }
    .contacts__box__items__finish {
        flex-direction: column;
    }
    .contacts__box__items__finish__text {
        max-width: 100%;
    }
    .contacts__box__items__finish__img {
        display: flex;
        justify-content: center;
        width: 100%;
        max-width: 100%;
    }
}
@media (max-width: 767px) {
    .about {
        margin-top: clamp(22.1875rem, 11.4492rem + 53.6913vw, 37.1875rem);
        margin-bottom: 0;
    }
    .about__logo {
        top: clamp(8rem, 16.1047rem + -22.5131vw, 5.3125rem);
    }
    .about__content {
        padding-top: clamp(7.5rem, 10.632rem + -15.66vw, 3.125rem);
    }
    .about__idea {
        justify-content: center;
    }
    .about__idea__content {
        flex: 0 0 100%;
        max-width: 100%;
        padding-bottom: 115px;
    }
    .about__idea__circle {
        width: 180px;
        height: 180px;
        left: 0;
        top: -30px;
    }
    .about__idea__circle__inner {
        left: 0;
        top: -60px;
    }
    .about__idea__content::after {
        display: none;
    }
    .about__idea__circle::before {
        position: absolute;
        content: '';
        width: 198px;
        height: 198px;
        background-color: #F4F4F4;
        border-radius: 50%;
        z-index: 1;
        top: -70px;
    }
    .services__box {
        padding-right: clamp(1.25rem, 0.7143rem + 2.381vw, 2.5rem);
    }
    .services__row {
        margin: 0;
    }
    .support__box, .contacts__box {
        grid-template-columns: repeat(1, 1fr);
    }
    .services__row__items__app__head svg {
        display: none;
    }
    .footer__box {
        grid-template-columns: repeat(1, 1fr);
    }
    .footer__box__items__menu {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media(max-width: 575px) {
    .intro__img__03 {
        right: clamp(3.4375rem, -7.935rem + 56.8627vw, 12.5rem);
        top: clamp(3.75rem, 2.1814rem + 7.8431vw, 5rem);
        max-width: 120px;
    }
    .about__logo {
        /*top: clamp(3.125rem, -2.9926rem + 30.5882vw, 8rem);*/
        display: none;
    }
    .support__link {
        font-size: clamp(0.875rem, 0.1131rem + 3.8095vw, 1.125rem);
    }
    .footer__box__items__menu {
        grid-template-columns: repeat(1, 1fr);
    }
    .about__content {
        padding-top: 45px;
    }
    .intro__img__04 {
        max-width: 120px;
    }
    .about__idea__content p {
        max-width: 95%;
    }
    .services__row__items__inner__app__img--two--desctop {
        display: none;
    }
    .services__row__items__inner__app__img--two--mobile {
        position: absolute;
        display: block;
        max-width: clamp(13.75rem, 3.6324rem + 50.5882vw, 21.8125rem);
        height: auto;       
        right: clamp(0rem, -5.098rem + 25.4902vw, 4.0625rem);
        bottom: -50px;
    }
}
@media(max-width: 424px) {
    .footer::before {
        top: -215px;
        max-width: 427px;
        height: 225px;
        background-image: url(../img/footer__img__mobile.svg);
    }
    .contacts {
        margin-bottom: 240px;
    }
}