.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}
.ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.blog-feed .cards {
    display: flex;
    flex-wrap: wrap;
}
.blog-feed .blog-main .date {
    display: flex;
    justify-content: space-between;
}
.blog .blog-navbar .JS-blog-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.blog-feed .blog-text, .contact-form .contact-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}
html {
    box-sizing: border-box;
}
*, :after, :before {
    box-sizing: inherit;
}
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #18191f;
    background: #fff;
    font: 14px/1.5 Inter, sans-serif;
    font-weight: 400;
}
img {
    max-width: 100%;
    height: auto;
}
.gm-style img {
    max-width: none;
}
article, aside, audio, b, body, canvas, dd, details, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, img, label, li, mark, menu, nav, ol, p, section, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, u, ul, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
}
button {
    transition: all .3s ease;
    background-color: transparent;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    padding: 0;
    cursor: pointer;
}
ul {
    list-style: none;
}
.h, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
}
.h1 strong, .h2 strong, .h3 strong, .h4 strong, .h5 strong, .h6 strong, .h strong, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
    color: #009ccc;
}
.h, .h2, .h3, .h5, h2, h3, h5 {
    line-height: 1.16;
    font-weight: 800;
}
.h1, h1 {
    font-size: 40px;
    font-weight: 800;
    line-height: 1.35;
}
.h2, h2 {
    font-size: 26.6666666667px;
}
.h3, h3 {
    font-size: 22.2222222222px;
}
.h4, h4 {
    font-size: 18.4615384615px;
}
.h5, h5 {
    font-size: 16.6666666667px;
}
.h6, h6 {
    font-size: 15px;
    font-weight: 400;
}
a {
    transition: all .3s ease;
    text-decoration: none;
    display: inline-block;
}
html {
    font-size: 10px;
}
body {
    font-feature-settings: "salt" on, "liga" off;
}
body.overflow {
    overflow: hidden;
}
.swiper-container-initialized {
    height: 100%}
.swiper-slide {
    height: auto;
}
.swiper-slide>* {
    height: 100%}
.wrapper {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.container {
    margin: 0 auto;
    padding: 0 15px;
    width: 100%}
.container.container-sm {
    max-width: 1140px;
}
.container.container-welcome-section {
    max-width: 1150px;
}
.container.container-md {
    max-width: 1250px;
}
.section-gap-md {
    padding: 4rem 0;
}
fieldset, form {
    margin: 0;
    padding: 0;
    border-style: none;
}
input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], textarea {
    -webkit-appearance: none;
    border-radius: 0;
    outline: none;
    appearance: none;
    box-sizing: border-box;
    border: 1px solid #e9ebf1;
    border-radius: 8px;
    padding: 1.5rem 2.5rem;
    font-family: Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
    background-color: #fff;
    font-size: 16px;
}
input[type=email]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: rgba(24, 25, 31, .8);
}
input[type=email]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=text]::-moz-placeholder, textarea::-moz-placeholder {
    opacity: 1;
    color: rgba(24, 25, 31, .8);
}
input[type=email]:-moz-placeholder, input[type=number]:-moz-placeholder, input[type=password]:-moz-placeholder, input[type=search]:-moz-placeholder, input[type=tel]:-moz-placeholder, input[type=text]:-moz-placeholder, textarea:-moz-placeholder {
    color: rgba(24, 25, 31, .8);
}
input[type=email]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: rgba(24, 25, 31, .8);
}
input[type=email].placeholder, input[type=number].placeholder, input[type=password].placeholder, input[type=search].placeholder, input[type=tel].placeholder, input[type=text].placeholder, textarea.placeholder {
    color: rgba(24, 25, 31, .8);
}
select {
    border-radius: 0;
}
textarea {
    resize: vertical;
    vertical-align: top;
}
button, input[type=button], input[type=file], input[type=reset], input[type=submit] {
    font-family: Inter, Arial, Helvetica Neue, Helvetica, sans-serif;
    -webkit-appearance: none;
    border-radius: 0;
    cursor: pointer;
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
    appearance: none;
}
input[type=number] input::-webkit-inner-spin-button, input[type=number] input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] input[type=number] {
    -moz-appearance: textfield;
}
input:focus::placeholder {
    color: transparent;
}
.form__group {
    display: flex;
    flex-direction: column;
}
.form__group.hidden {
    height: 0;
    opacity: 0;
    overflow: hidden;
    min-height: 0;
    margin-bottom: 0;
}
.form__group .form__input {
    box-shadow: 0 0 80px rgba(0, 0, 51, .15);
}
.form__group.has-error .form__error-text {
    opacity: 1;
    margin-top: 0;
}
.form__group.has-error .form__input {
    border: 2px solid;
}
.form__group .form__error-text {
    opacity: 0;
    margin-top: 0;
}
@font-face {
    font-family: Inter;
    src: url(../woff2/inter-medium.woff2) format("woff2"), url(../woff/inter-medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Inter;
    src: url(../woff2/inter-semibold.woff2) format("woff2"), url(../woff/inter-semibold.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Inter;
    src: url(../woff2/inter-regular.woff2) format("woff2"), url(../woff/inter-regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Inter;
    src: url(../woff2/inter-extrabold.woff2) format("woff2"), url(../woff/inter-extrabold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Inter;
    src: url(../woff2/inter-bold.woff2) format("woff2"), url(../woff/inter-bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Inter;
    src: url(../woff2/inter-black.woff2) format("woff2"), url(../woff/inter-black.woff) format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
.scroll-animations>* {
    opacity: 0;
    transform: translateY(60px);
    transition: opacity 1s cubic-bezier(.215, .61, .355, 1), transform 1s cubic-bezier(.215, .61, .355, 1);
}
.scroll-animations.is-inview>* {
    opacity: 1;
    transform: none;
    transition-delay: .12s;
}
.scroll-animations.is-inview>:first-child {
    transition-delay: .06s;
}
.scroll-animations.is-inview>:nth-child(2) {
    transition-delay: .12s;
}
.scroll-animations.is-inview>:nth-child(3) {
    transition-delay: .18s;
}
.header {
    width: 100%;
    position: fixed;
    z-index: 5;
    transition: all .3s ease;
}
.header.header-transparent, .header.header-transparent.header-down, .header.header-white {
    background-color: #fff;
    box-shadow: 0 4px 50px hsla(0, 0%, 68%, .25);
}
.header-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 0;
}
.header-logo {
    z-index: 5;
    width: 15rem;
    min-width: 15rem;
    height: 2.4rem;
    min-height: 2.4rem;
}
.header-logo img {
    display: block;
    width: 100%;
    height: 100%}
.header-menu {
    display: flex;
}
.header-menu a {
    color: #18191f;
}
.header-menu .buttons {
    display: flex;
    flex-direction: column-reverse;
    gap: 1rem;
}
.menu-wrap {
    display: flex;
    flex-direction: column;
    position: fixed;
    z-index: 1;
    transform: translateX(100%);
    left: 100%;
    top: 0;
    width: 100%;
    transition: all .3s ease;
    padding: 4rem 2rem 3rem;
    max-height: 100%}
.menu-wrap.active {
    transform: translateX(0);
    z-index: 4;
    transition: all .3s ease;
    overflow: hidden;
    background-color: #fff;
    left: 0;
}
.menu-body {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    height: -moz-fit-content;
    height: fit-content;
    padding: 1rem 0;
    overflow: auto;
}
.menu-list {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    text-align: left;
}
.menu-list li {
    margin-bottom: 1rem;
}
.menu-list li:last-child {
    margin-bottom: 0;
}
.menu-list .menu-item {
    position: relative;
    font-weight: 500;
    list-style: none;
    transition: all .3s ease;
    cursor: pointer;
    font-size: 18px;
}
.menu-list .menu-item:hover .drop-menu {
    opacity: 1;
    visibility: visible;
}
.menu-list .menu-item .active, .menu-list .menu-item a:hover{
    color: #009ccc;
}
.menu-list .menu-item .active>span .icon, .menu-list .menu-item:hover>span .icon {
    fill: #009ccc;
}
.menu-list .menu-item .active.menu-item-has-children:hover:before, .menu-list .menu-item:hover.menu-item-has-children:hover:before {
    opacity: 1;
}
.menu-list .menu-item span {
    display: flex !important;
    align-items: center;
}
.menu-list .icon {
    width: 1.5rem;
    height: .8rem;
    margin-left: 1rem;
    fill: #18191f;
    transition: all .3s ease;
}
.menu-list .icon.active {
    transform: rotate(180deg);
}
.menu-list .drop-menu {
    padding: 1rem 0 0 1rem;
    display: none;
}
.menu-list .drop-menu a {
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 1.2rem;
}
.menu-list .drop-menu a:after{
    display: none;
}
.menu-list .drop-menu a.active:after{
    display: none;
}
.menu-list .drop-menu a.active, .menu-list .drop-menu a:hover {
    color: #009ccc;
}
.menu-list .drop-menu a.active>.icon, .menu-list .drop-menu a:hover>.icon {
    fill: #009ccc;
}
.menu-list .drop-menu .icon {
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    min-height: 2rem;
}
.burger {
    z-index: 5;
    display: block;
    position: relative;
    width: 2.5rem;
    height: 1.5rem;
    cursor: pointer;
}
.burger:after, .burger:before, .burger span {
    left: 0;
    position: absolute;
    height: .2rem;
    width: 100%;
    transition: all .3s ease;
    background-color: #000;
}
.burger:after, .burger:before {
    content: ""}
.burger:before {
    top: 0;
}
.burger:after {
    bottom: 0;
}
.burger span {
    top: 50%;
    transform: scale(1) translateY(-50%);
}
.burger.active span {
    transform: scale(0);
}
.burger.active:before {
    top: 45%;
    transform: rotate(-45deg) translateY(-45%);
}
.burger.active:after {
    bottom: 50%;
    transform: rotate(45deg) translateY(50%);
}
.footer {
    font-size: 14px;
    font-weight: 400;
    z-index: 3;
    position: relative;
    color: #d9dbe1;
    padding: 4rem 0 2rem;
}
.footer, .footer:before {
    width: 100%;
    background-color: #18191f;
}
.footer:before {
    position: absolute;
    content: "";
    top: -14.8rem;
    height: 15rem;
    clip-path: polygon(0 60%, 100% 1%, 100% 100%, 0 100%);
}
.footer h5 {
    font-weight: 500;
    margin-bottom: 1.5rem;
}
.footer a {
    color: #d9dbe1;
}
.footer a.active, .footer a:hover {
    color: #009ccc;
}
.footer .footer-bg-wrapper {
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0;
    right: 0;
    z-index: -1;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.footer .container>* {
    margin-bottom: 3rem;
}
.footer .container>:last-child {
    margin-bottom: 0;
}
.footer .footer-socials {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1.8rem;
}
.footer .footer-socials a {
    width: 2.5rem;
    min-width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
}
.footer .footer-socials a:hover .icon {
    background-color: #009ccc;
}
.footer .footer-socials .icon {
    background-color: #fff;
    border-radius: 50%;
    width: inherit;
    height: inherit;
    transition: all .3s ease;
}
.footer .footer-socials .icon path {
    fill: #fff;
}
.footer .footer-socials .icon:hover {
    fill: #009ccc;
}
.footer__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}
.footer__top>* {
    margin-bottom: 3rem;
}
.footer__top>:last-child {
    margin-bottom: 0;
}
.footer__top>:nth-child(n+2) {
    width: 100%}
.footer__top .footer__top-info {
    margin-right: auto;
}
.footer__top .footer__top-info>* {
    margin-bottom: 2.4rem;
}
.footer__top .footer__top-info>:last-child {
    margin-bottom: 0;
}
.footer__top .footer__top-info .footer-logo {
    width: 15rem;
    min-width: 15rem;
    height: 2.4rem;
    min-height: 2.4rem;
}
.footer__top .footer__top-info .icon-wrapper {
    width: 15rem;
    min-width: 15rem;
    height: 2.5rem;
    min-height: 2.5rem;
}
.footer__top .footer__top-info .icon-wrapper img {
    width: 100%;
    height: 100%}
.footer__top .footer__top-nav ul li {
    margin-bottom: 1.2rem;
}
.footer__top .footer__top-nav ul li:last-child {
    margin-bottom: 0;
}
.footer__top .footer-top__contact ul li {
    margin-bottom: 1.2rem;
}
.footer__top .footer-top__contact ul li:last-child {
    margin-bottom: 0;
}
.footer__top .footer-top__contact a {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: .8rem;
    transform: all .3s ease;
}
.footer__top .footer-top__contact a:hover .icon {
    fill: #009ccc;
}
.footer__top .footer-top__contact .icon-wrapper {
    width: 2.4rem;
    min-width: 2.4rem;
    height: 2.4rem;
    min-height: 2.4rem;
}
.footer__top .footer-top__contact .icon-wrapper .icon {
    width: inherit;
    height: inherit;
    fill: #fff;
}
.footer__bottom {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: space-between;
}
.footer__bottom>:last-child {
    margin-bottom: 2rem;
}
.footer__bottom ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 2rem;
}
.footer__bottom ul li:first-child {
    position: relative;
}
.footer__bottom ul li:first-child:before {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    right: -10px;
    height: 80%;
    width: .1rem;
    background-color: #d9dbe1;
}
.footer__bottom p {
    text-align: center;
}
.home-section-main {
    background-color: #d9f6ff;
    position: relative;
}
.home-section-main.home-section-primary {
    background-image: url("../png/section-welcome-main-pattern.png");
    background-repeat: no-repeat;
    padding: 10rem 0;
    background-position: 0 20%}
.home-section-main.home-section-primary .home-section-main-bg:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(359.66deg, rgba(8, 17, 44, .4) .22%, rgba(8, 17, 44, .9) 99.64%);
}
.home-section-main.home-section-primary .home-section-main-bg:after {
    position: absolute;
    content: "";
    left: 0;
    top: -2px;
    height: 120px;
    width: 100%;
    background-color: #d9f6ff;
    clip-path: polygon(0 0, 0 90%, 105% 0);
    z-index: 1;
}
.home-section-main.home-section-primary .home-section-main-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-section-main.home-section-secondary {
    padding: 10rem 0;
}
.home-section-main.home-section-secondary .home-section-secondary-bg {
    background-image: none;
    display: none;
}
.home-section-main.home-section-secondary .home-section-secondary-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-section-main h1 {
    margin-bottom: 1.6rem;
    text-align: center;
}
.home-section-main h6 {
    margin-bottom: 3.2rem;
    max-width: 42.2rem;
    text-align: center;
}
.home-section-main .home-section-main-bg {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 33%}
.home-section-main .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.home-section-main .item {
    z-index: 2;
    position: relative;
}
.home-section-main .item:first-child {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.home-section-main .item-image img {
    margin-bottom: -100px;
}
.home-section-main .button-wrapper {
    width: 100%}
.home-section-main .button-wrapper>:first-child {
    margin-bottom: 1.5rem;
}
.home-section-main .card-blue {
    position: absolute;
}
.home-section-main .card-blue.card-blue--first {
    right: 0;
    top: 20%}
.home-section-main .card-blue.card-blue--second {
    top: 50%;
    left: -40px;
}
.home-section-main .card-blue.card-blue--third {
    top: calc(75% + 70px);
    left: 30%}
.home-brand {
    text-align: center;
    position: relative;
    padding-top: 4rem;
}
.home-brand, .home-brand:before {
    background-color: #fff;
    z-index: 1;
}
.home-brand:before {
    position: absolute;
    content: "";
    left: 0;
    top: -118px;
    height: 120px;
    width: 100%;
    clip-path: polygon(100% 0, -3% 100%, 100% 100%);
}
.home-brand .home-brand-bg {
    position: absolute;
    top: 0;
    right: 0;
    width: 10rem;
    z-index: 2;
}
.home-brand h2 {
    max-width: 54rem;
    margin: 0 auto .5rem;
}
.home-brand h6 {
    max-width: 54rem;
    margin: 0 auto 2rem;
}
.home-brand ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2rem;
    position: relative;
    justify-content: space-between;
}
.home-brand ul li {
    text-align: center;
    width: calc(50% - 20px);
    height: 8rem;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    justify-content: center;
}
.home-brand ul li img {
    width: fit-content;
    object-fit: contain;
}
.home-advantages {
    padding: 4rem 0;
    background-color: #fff;
    z-index: 1;
    position: relative;
    margin-top: -.1rem;
}
.home-advantages .home-advantages-image-wrapper {
    position: absolute;
    left: 10%;
    z-index: -1;
}
.home-advantages ul {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: space-between;
    max-width: 144rem;
    margin: 0 auto;
}
.home-advantages ul li:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
}
.home-advantages ul li:last-child {
    box-shadow: 0 0 80px rgba(0, 0, 51, .15);
    border-radius: 20px;
    padding: 3rem 2rem;
    background-color: #fff;
}
.home-advantages ul li:last-child>* {
    margin-bottom: 2.2rem;
}
.home-advantages ul li:last-child>:last-child {
    margin-bottom: 0;
}
.potentials-customers-section h2, .potentials-customers-section h6 {
    text-align: center;
}
.potentials-customers-section .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
}
.potentials-customers-section .image-wrapper {
    width: 8rem;
    height: 5.2rem;
}
.potentials-customers-section .item:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    max-width: 73rem;
    gap: 1rem;
}
.potentials-customers-section ul {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    align-items: center;
}
.potentials-customers-section ul p {
    margin-top: auto;
}
.home-true-supply {
    color: #fff;
    padding: 5rem 0;
    z-index: 1;
    position: relative;
}
.home-true-supply h3 {
    max-width: 27rem;
    text-align: center;
    margin: 0 auto;
}
.home-true-supply h6 {
    line-height: 1.71;
    text-align: center;
}
.home-true-supply .item {
    background-color: #009ccc;
    border-radius: 20px;
    position: relative;
    padding: 30rem 2rem 3rem;
}
.home-true-supply .item .item-image-wrapper {
    position: absolute;
    width: 100%;
    height: 35rem;
    top: -10%;
    left: 0;
}
.home-true-supply .item .item-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.home-true-supply .item-description>* {
    margin-bottom: 3.2rem;
}
.home-true-supply .item-description>:last-child {
    margin-bottom: 0;
}
.home-benefit {
    background-color: #e8faff;
    position: relative;
}
.home-benefit:before {
    position: absolute;
    height: 25%;
    content: "";
    background-color: #e8faff;
    top: calc(-25% + 1px);
    width: 100%;
    z-index: -1;
    clip-path: polygon(0 50%, 100% 8%, 100% 100%, 0 100%);
}
.home-benefit h3 {
    max-width: 45rem;
}
.home-benefit h3, .home-benefit h6 {
    margin: 0 auto;
    text-align: center;
}
.home-benefit .item {
    z-index: 1;
    width: 100%}
.home-benefit .item .item-description>* {
    margin-bottom: 3.2rem;
}
.home-benefit .item .item-description>:last-child {
    margin-bottom: 0;
}
.home-benefit ul {
    display: flex;
    flex-direction: column;
}
.home-benefit li {
    display: flex;
    position: relative;
}
.home-benefit li:first-child:before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -1rem;
    width: 100vw;
    height: 100%;
    content: "";
    background-color: #fff;
    border-radius: 0 20px 20px 0;
    z-index: 0;
}
.home-benefit li:first-child .item {
    padding: 35rem 0 2rem;
    z-index: 1;
}
.home-benefit li:first-child .item-image-wrapper {
    top: 5%;
    transform: translateX(-50%);
    height: 30rem;
    left: 50%;
    width: 100%;
    max-width: 36rem;
}
.home-benefit li:first-child .item-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.home-benefit li:nth-child(2) .item-image-wrapper {
    top: 5%;
    height: 30rem;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 36rem;
}
.home-benefit li:nth-child(2) .item-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.home-benefit li:nth-child(2) .item {
    padding: 35rem 0 2rem;
    z-index: 1;
}
.home-benefit li:nth-child(3) .item-image-wrapper {
    top: 5%;
    transform: translateX(-50%);
    height: 30rem;
    left: 50%;
    width: 100%;
    max-width: 36rem;
}
.home-benefit li:nth-child(3) .item-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.home-benefit li:nth-child(3) .item {
    padding: 35rem 0 2rem;
    z-index: 1;
}
.home-benefit .item-image-wrapper {
    position: absolute;
}
.home-benefit .card-blue {
    position: absolute;
    left: 20%}
.why-glosku {
    background-color: #fff;
    position: relative;
    padding: 5rem 0 4rem;
}
.why-glosku:before {
    position: absolute;
    content: "";
    height: 5%;
    top: calc(-5% + 2px);
    width: 100%;
    z-index: 1;
    clip-path: polygon(0 98%, 100% 28%, 100% 100%, 0 100%);
    background-color: #fff;
}
.why-glosku h2 {
    margin-bottom: 1.6rem;
}
.why-glosku .why-glosku-image-wrapper {
    position: absolute;
    right: 0;
    z-index: 1;
    opacity: .1;
    top: 20%}
.why-glosku .why-glosku-image-wrapper img {
    width: 100%;
    max-height: 100%;
    max-height: 80rem;
    object-fit: contain;
}
.why-glosku .about {
    margin-bottom: 5rem;
    text-align: center;
}
.why-glosku .ideals {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 3rem;
    flex-direction: column-reverse;
    position: relative;
    z-index: 3;
}
.why-glosku .ideals>* {
    width: 100%}
.why-glosku .ideals ul {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}
.why-glosku .ideals ul li {
    border-radius: 8px;
    box-shadow: 0 4px 50px hsla(0, 0%, 68%, .25);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    background-color: #fff;
}
.why-glosku .ideals ul .image-wrapper {
    width: 4.8rem;
    min-width: 4.8rem;
    height: 4.8rem;
    min-height: 4.8rem;
}
.why-glosku .ideals .ideals-about h4 {
    line-height: 1;
}
.why-glosku .ideals .ideals-about>* {
    margin-bottom: 1rem;
}
.why-glosku .ideals .ideals-about>:last-child {
    margin-bottom: 0;
}
.what-we-do-section h2 {
    margin-bottom: 1.6rem;
}
.what-we-do-section h6 span {
    font-weight: 700;
}
.what-we-do-section .about>* {
    margin-bottom: 1.6rem;
}
.what-we-do-section .about>:last-child {
    margin-bottom: 0;
}
.what-we-do-section .icon {
    width: 2.1rem;
    min-width: 2.1rem;
    height: 2.1rem;
    min-height: 2.1rem;
}
.what-we-do-section .what-we-do-list {
    display: flex;
    flex-direction: column;
    gap: 4rem;
}
.what-we-do-section .what-we-do-list>:first-child {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.what-we-do-section .what-we-do-list>:first-child>* {
    margin-bottom: 3.2rem;
}
.what-we-do-section .what-we-do-list>:first-child>:last-child {
    margin-bottom: 0;
}
.what-we-do-section .what-we-do-list>:last-child li {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    margin-bottom: 1rem;
}
.what-we-do-section .what-we-do-list>:last-child li:last-child {
    margin-bottom: 0;
}
.let-us-section {
    background-color: #e8faff;
    padding: 24rem 0 4rem;
    position: relative;
    margin-bottom: -4rem;
}
.let-us-section:before {
    position: absolute;
    content: "";
    height: 100%;
    top: -2px;
    width: 100%;
    z-index: 1;
    clip-path: polygon(0 32%, 120% 0, 0 0);
    background-color: #fff;
}
.let-us-section h2 {
    text-align: center;
}
.let-us-section h6 {
    font-weight: 600;
    text-align: center;
}
.let-us-section .let-us-section-image-wrapper {
    position: absolute;
    width: 20rem;
    height: 28rem;
    top: -5%;
    right: 50%;
    transform: translateX(50%);
    z-index: 1;
}
.let-us-section .let-us-section-image-wrapper img {
    width: 100%;
    height: 100%}
.let-us-section .about>* {
    margin-bottom: 3.2rem;
}
.let-us-section .about>:last-child {
    margin-bottom: 0;
}
.let-us-section .about .btn {
    margin: 0 auto;
    display: block;
}
.plus-section {
    padding: 10rem 0;
}
.plus-block {
    margin-bottom: 10rem;
}
.plus-block:last-child {
    margin-bottom: 0;
}
.plus-block-wrap {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    margin-bottom: 5rem;
    position: relative;
}
.plus-block-image {
    width: 100%;
    max-width: 60rem;
    margin-bottom: 4rem;
    position: relative;
}
.plus-block-image img {
    display: block;
    width: 100%}
.plus-block-image .card-blue {
    position: absolute;
}
.plus-block-text h2, .plus-block-text h6 {
    margin-bottom: 3.2rem;
}
.plus-block .item ul {
    display: flex;
    flex-direction: column;
    gap: 3rem;
}
.plus-block .item ul li {
    width: 100%}
.plus-block.glosku .card-blue--first {
    top: 2rem;
    left: 0;
    max-width: 190px;
}
.plus-block.glosku .card-blue--second {
    bottom: 2rem;
    max-width: 145px;
    left: 15%}
.plus-block.glosku .card-blue--third {
    bottom: 2rem;
    max-width: 190px;
    left: 60%}
.plus-block.brand .card-blue--first {
    top: 0;
    left: 40%}
.plus-block.brand .card-blue--second {
    bottom: 5rem;
    left: 60%}
.plus-block.campaign .card-blue--first {
    top: 7.5rem;
    left: 10%}
.unrivaled-industry {
    background-color: #fff;
    z-index: 1;
    position: relative;
    padding-bottom: 2.4rem;
}
.unrivaled-industry:before {
    position: absolute;
    content: "";
    height: 10rem;
    top: -98px;
    width: 100%;
    z-index: 1;
    clip-path: polygon(0 100%, 100% 10%, 100% 100%, 0 100%);
    background-color: #fff;
}
.unrivaled-industry h2, .unrivaled-industry h6 {
    text-align: center;
}
.unrivaled-industry .unrivaled-industry-image-wrapper {
    width: 8rem;
    min-width: 8rem;
    height: 5.2rem;
    min-height: 5.2rem;
}
.unrivaled-industry .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 3rem;
}
.unrivaled-industry .item>* {
    margin-bottom: 1.5rem;
}
.unrivaled-industry .item>:last-child {
    margin-bottom: 0;
}
.unrivaled-industry .btn {
    display: block;
    margin: 0 auto;
    width: -moz-fit-content;
    width: fit-content;
}
.section-impact {
    background-color: #e8faff;
    position: relative;
}
.section-impact h2 {
    margin-bottom: 1.5rem;
    text-align: center;
}
.section-impact h6 {
    text-align: center;
}
.section-impact .container {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.section-impact .container>* {
    margin-bottom: 4.8rem;
}
.section-impact .container>:last-child {
    margin-bottom: 0;
}
.section-impact .about {
    max-width: 63rem;
}
.section-impact ul {
    gap: 3rem;
}
.section-impact ul, .section-impact ul li {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.section-impact ul li {
    align-items: center;
}
.section-impact ul h4 {
    text-align: center;
    font-weight: 600;
}
.section-impact ul .number {
    font-size: 48px;
    font-weight: 700;
    color: #009ccc;
    line-height: 1;
    margin-bottom: 2rem;
}
.section-impact .actions {
    width: 100%}
.page-not-found, .section-impact .actions {
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-not-found {
    text-align: center;
    height: 50vh;
    position: relative;
    z-index: 1;
    min-height: 800px;
    margin-bottom: 10%}
.page-not-found svg {
    max-width: 50.4rem;
    max-height: 26.6rem;
}
.page-not-found h1 {
    margin-top: .5rem;
}
.page-not-found .h6 {
    margin: 2rem auto 3.1rem;
    line-height: 3.2rem;
}
.section-error-page {
    height: 70vh;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 700px;
}
.section-error-page.section-error-page-md {
    color: #fff;
}
.section-error-page h1 {
    line-height: 5.7rem;
    text-align: center;
}
.section-error-page .h6 {
    line-height: 3.2rem;
    max-width: 59rem;
    margin: 1.7rem 0 3.2rem;
    font-weight: 600;
    text-align: center;
}
.section-error-page .error-page-bg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: -1;
}
.section-error-page .error-page-bg:after {
    content: url("../png/bird.png");
    position: absolute;
    top: 13%;
    left: 50.8%;
    opacity: .1;
}
.section-error-page .error-page-bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(359.66deg, rgba(8, 17, 44, .4) .22%, rgba(8, 17, 44, .9) 99.64%);
}
.section-error-page .error-page-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.container-extra-sm {
    max-width: 75.9rem;
}
.terms-condition-text {
    padding-top: 5.9rem;
    position: relative;
    z-index: 1;
    background-color: #fff;
}
.terms-condition-text .date-updated {
    text-align: right;
    font-weight: 700;
    font-size: 1.4rem;
    color: #000;
    opacity: 1%}
.terms-condition-text .date-updated time {
    font-weight: 400;
    text-transform: capitalize;
}
.terms-condition-text h2 {
    margin: 1.5rem 0 2.1rem;
}
.terms-condition-text p {
    margin-bottom: 2.4rem;
    line-height: 2.4rem;
}
.terms-condition-text p span {
    font-weight: 600;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}
.terms-condition-text a {
    text-decoration: underline;
    color: #18191f;
}
.terms-condition-text ul {
    margin: -2rem 0 3.6rem;
}
.terms-condition-text ul li {
    padding-left: 20px;
    font-weight: 600;
    line-height: 3.2rem;
}
.terms-condition-text ul li a {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    position: relative;
}
.terms-condition-text ul li a:before {
    position: absolute;
    top: 1.6rem;
    transform: translate(-50%, -50%);
    left: -1rem;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    content: "";
    background-color: #000;
}
.form-user-action {
    width: 100%}
.form-user-action h2 {
    text-align: center;
}
.form-user-action h2.forgot {
    margin-bottom: 3rem;
}
.form-user-action p {
    text-align: center;
    font-size: 18px;
    padding: 1rem 0 3.3rem;
    line-height: 3.2rem;
}
.form-user-action p:last-child {
    padding: 0;
}
.form-user-action .form__group {
    padding-bottom: 1.4rem;
}
.form-user-action .form__group:last-child {
    padding-bottom: 0;
}
.form-user-action button {
    width: 100%;
    height: 5.4rem;
    margin: 2.2rem 0;
}
.form-user-action a {
    text-decoration: underline;
    color: #000;
}
.wrapper-login .footer-wrapper {
    margin-top: -10rem;
}
.wrapper-login .scroll-container {
    background-color: #d9f6ff;
}
.contact-form {
    padding: 3rem 0 7rem;
}
.contact-form .contact-content {
    gap: 3rem;
}
.contact-form .text {
    width: 100%}
.contact-form .text h2 {
    text-align: center;
}
.contact-form .text ul {
    margin: 3.2rem 0 1.5rem 2rem;
    font-size: 18px;
}
.contact-form .text ul li {
    list-style-type: disc;
    line-height: 3.2rem;
    margin-bottom: 1.5rem;
}
.contact-form .text ul li:last-child {
    margin-bottom: 0;
}
.contact-form .text p:not(:first-of-type) {
    line-height: 3.2rem;
    font-size: 18px;
}
.contact-form form {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    gap: 1rem;
}
.contact-form form:before {
    content: url("../png/bird-2.png");
    display: none;
    position: absolute;
    width: 31.3rem;
    height: 20rem;
    top: -31.8%;
    right: -32%;
    z-index: 3;
}
.contact-form .btn.btn-secondary{
    border-radius: 6px;
    width: 100%;
    border: 0;
    padding: 1.4rem 4rem;
}
.contact-form .form .captcha-block span input{
    width: auto;
}
.captcha-block span img{
    width: 170px;
}
.contact-form .form .form__group input, .contact-form form p, .contact-form form span{
    width: 100%;
}
.contact-form .form .form__group br{
    display: none;
}
.contact-form .form .form__group {
    z-index: 1;
    position: relative;
    width: 100%}
.contact-form .form .form__group.form__group-text {
    width: 100%}
.contact-form .form .form__group.form__group-text textarea {
    height: 11.8rem;
    min-height: 11.8rem;
    resize: none;
}
.contact-form .form .captcha-block {
    margin: 1rem 0;
}
.contact-form .form button {
    width: 100%}
.btn {
    border-radius: 6px;
    font-weight: 700;
    font-size: 18px;
    box-sizing: border-box;
    border: 2px solid transparent;
    height: -moz-fit-content;
    height: fit-content;
    line-height: 1;
    transition: all .3s ease;
    cursor: pointer;
}
.btn:hover {
    opacity: .7;
}
.btn.btn-mobile-full-size {
    width: 100%;
    text-align: center;
}
.btn.btn-sm {
    padding: .8rem 2.4rem;
}
.btn.btn-md {
    padding: 1.05rem 2.4rem;
}
.btn.btn-lg {
    padding: 1.2rem 1rem;
}
.btn.btn-font-size-sm {
    font-size: 16px;
}
.btn.btn-primary {
    background-color: #009ccc;
    color: #fff;
}
.btn.btn-primary:hover {
    opacity: 1;
    background-color: #3dc5f0;
}
.btn.btn-light {
    background-color: #fff;
    color: #000;
}
.btn.btn-secondary {
    background-color: #ff9519;
    color: #fff;
}
.btn.btn-secondary:hover {
    opacity: 1;
    background-color: #ff7a00;
}
.btn.btn-blue {
    background-color: #3dc5f0;
    color: #fff;
}
.btn.btn-outline-primary {
    background-color: transparent;
    color: #009ccc;
    border: 2px solid #009ccc;
}
.btn.btn-outline-light {
    background-color: transparent;
    color: #fff;
    border: 2px solid #fff;
}
.btn.btn-outline-light:hover {
    opacity: 1;
    color: #009ccc;
    border: 2px solid #009ccc;
}
.btn.btn-outline-dark {
    background-color: transparent;
    color: #18191f;
    border: 2px solid #18191f;
}
.btn.btn-outline-dark:hover {
    opacity: 1;
    color: #009ccc;
    border: 2px solid #009ccc;
}
.btn.btn-video {
    color: #18191f;
    display: inline-flex;
    gap: 1.5rem;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    font-weight: 500;
}
.btn.btn-video .icon {
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    min-height: 2rem;
    stroke: #18191f;
    transition: all .3s ease;
}
.btn.btn-video:hover {
    opacity: 1;
    color: #009ccc;
}
.btn.btn-video:hover .icon, .btn.btn-video:hover path {
    stroke: #009ccc;
}
.shadow-sm {
    box-shadow: 0 0 30px rgba(41, 41, 42, .15);
}
.shadow-md {
    box-shadow: 0 4px 50px hsla(0, 0%, 68%, .25);
}
.shadow-lg {
    box-shadow: 0 0 80px rgba(0, 0, 51, .15);
}
.overlay {
    opacity: 0;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-color: rgba(0, 0, 0, .4);
    transition: all .3s ease;
}
.overlay.active {
    z-index: 4;
    opacity: 1;
    transition: all .3s ease;
}
[data-scroll-container] {
    perspective: 1px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.c-scrollbar {
    background-color: #fff;
    z-index: 100;
}
.card-blue {
    background-color: #3dc5f0;
    border-radius: 5px;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 10rem;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 50px rgba(0, 0, 51, .25);
    padding: .7rem;
    overflow: hidden;
}
.card-blue .title {
    font-weight: 800;
    line-height: 1;
    font-size: 1.8rem;
}
.card-blue .description {
    text-align: center;
    line-height: 1.2;
    font-weight: 700;
    font-size: 1rem;
}
.card-with-icon h4 {
    font-weight: 600;
}
.card-with-icon .card-with-icon-image {
    width: 3.2rem;
    min-width: 3.2rem;
    height: 3.2rem;
    min-height: 3.2rem;
    margin-bottom: .5rem;
}
.card-with-icon .card-with-icon-image img {
    width: 100%;
    height: 100%}
.link-with-arrow {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    font-size: 18px;
    color: #009ccc;
    font-weight: 500;
}
.link-with-arrow:hover {
    opacity: .7;
}
.link-with-arrow:hover .icon {
    transform: translateX(10px);
}
.link-with-arrow .icon {
    margin-left: 1rem;
    width: 3rem;
    min-width: 3rem;
    height: 2rem;
    min-height: 2rem;
    transition: all .3s ease;
}
.integration-section.integration-section-dark {
    background-color: #e8faff;
}
.integration-section.integration-section-sm {
    padding: 2rem 0;
}
.integration-section.integration-section-md {
    padding: 2rem 0 0;
}
.integration-section.integration-section-lg {
    padding: 2rem 0 6rem;
}
.integration-section.integration-section-curve-line {
    position: relative;
}
.integration-section.integration-section-curve-line:before {
    position: absolute;
    content: "";
    height: 10rem;
    top: -98px;
    width: 100%;
    z-index: 1;
    clip-path: polygon(0 85%, 100% 10%, 100% 100%, 0 100%);
    background-color: #e8faff;
}
.integration-section h4 {
    margin-bottom: 3rem;
}
.integration-section .container {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.integration-section ul {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
    grid-template-rows: repeat(5, 1fr);
    gap: 1rem;
    width: 100%}
.integration-section ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 30px rgba(41, 41, 42, .15);
    background-color: #fff;
    border-radius: 8px;
    padding: 1rem 1.5rem 1.3rem;
    z-index: 1;
    position: relative;
}
.integration-section ul li.md, .integration-section ul li.sm {
    padding: 1rem 1.5rem 1.3rem;
}
.start-selling-section {
    padding: 4rem 0;
}
.start-selling-section.start-selling-section-bg-light {
    background-color: #fff;
}
.start-selling-section.start-selling-section-bg-dark {
    background-color: #e8faff;
}
.start-selling-section.start-selling-section-light .item {
    background-color: #fff;
}
.start-selling-section.start-selling-section-light .item:before {
    background-image: url("../png/start-selling-bg-light.png");
    opacity: .5;
}
.start-selling-section.start-selling-section-dark .item {
    background-color: #009ccc;
    color: #fff;
}
.start-selling-section.start-selling-section-dark .item:before {
    opacity: .3;
    background-image: url("../png/start-selling-bg-dark.png");
}
.start-selling-section.start-selling-section-login {
    background: #d9f6ff;
}
.start-selling-section h6 {
    max-width: 40rem;
    margin: 0 auto;
}
.start-selling-section .item {
    border-radius: 20px;
    z-index: 4;
    position: relative;
    box-shadow: 0 0 80px rgba(0, 0, 51, .15);
    padding: 2rem;
    text-align: center;
    overflow: hidden;
}
.start-selling-section .item:before {
    background-repeat: no-repeat;
    background-position: 100% 100%;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.start-selling-section .item .item-about>* {
    margin-bottom: 3.2rem;
}
.start-selling-section .item .item-about>:last-child {
    margin-bottom: 0;
}
.welcome-section-md {
    position: relative;
    color: #fff;
    padding: 10rem 0;
}
.welcome-section-md h2 {
    text-align: center;
}
.welcome-section-md h6 {
    line-height: 1.71;
    font-weight: 600;
    text-align: center;
}
.welcome-section-md .breadcrumbs {
    margin-bottom: 1rem;
    text-transform: uppercase;
    font-size: 14px;
    text-align: center;
}
.welcome-section-md .welcome-section-md-image-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.welcome-section-md .welcome-section-md-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.welcome-section-md .welcome-section-md-image-wrapper:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(359.66deg, rgba(8, 17, 44, .4) .22%, rgba(8, 17, 44, .9) 99.64%);
}
.welcome-section-md .about>* {
    margin-bottom: 1.6rem;
}
.welcome-section-md .about>:last-child {
    margin-bottom: 0;
}
.welcome-section-md.welcome-section-md-about .item {
    max-width: 59rem;
}
.welcome-section-md.welcome-section-md-products .item h6 {
    max-width: 45rem;
    margin: 0 auto;
}
.welcome-section-sm {
    position: relative;
    color: #fff;
    padding: 10rem 0;
}
.welcome-section-sm h2 {
    text-align: center;
}
.welcome-section-sm .breadcrumbs {
    margin-bottom: 1rem;
    text-transform: uppercase;
    font-size: 14px;
    text-align: center;
}
.welcome-section-sm .breadcrumbs span {
    font-weight: 600;
}
.welcome-section-sm .welcome-section-sm-image-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.welcome-section-sm .welcome-section-sm-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.welcome-section-sm .welcome-section-sm-image-wrapper:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(359.66deg, rgba(8, 17, 44, .4) .22%, rgba(8, 17, 44, .9) 99.64%);
}
.about-section {
    background-color: #fff;
    z-index: 1;
    position: relative;
}
.about-section ul {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;
}
.about-section .card-with-icon h4 {
    line-height: 1.35;
}
.banner {
    background-color: #fff;
    position: relative;
    z-index: 2;
}
.banner .item {
    position: relative;
    box-shadow: 0 0 80px rgba(0, 0, 51, .15);
    overflow: hidden;
    height: 12rem;
    margin: 0 -2rem;
}
.banner .banner-image-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.banner .banner-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.benefit-section {
    padding: 5rem 0 8rem;
    position: relative;
    background-color: #fff;
}
.benefit-section:before {
    position: absolute;
    content: "";
    height: 10rem;
    top: -98px;
    width: 100%;
    z-index: 1;
    clip-path: polygon(0 100%, 100% 10%, 100% 100%, 0 100%);
    background-color: #fff;
}
.benefit-section .benefit-image-wrapper {
    position: absolute;
    z-index: 2;
}
.benefit-section .benefit-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.benefit-section h2 {
    margin-bottom: 3rem;
    text-align: center;
    z-index: 3;
    position: relative;
}
.benefit-section .benefit-item-icon-image {
    width: 4rem;
    min-width: 4rem;
    height: 4rem;
    min-height: 4rem;
}
.benefit-section .benefit-item-icon-image img {
    width: 100%;
    height: 100%}
.benefit-section ul {
    display: grid;
    gap: 1rem;
    z-index: 3;
    position: relative;
}
.benefit-section ul.list-first-left {
    grid-template-columns: repeat(1, 1fr);
}
.benefit-section ul.list-first-left li:first-child, .benefit-section ul.list-first-left li:nth-child(2) {
    grid-column: 1/2;
}
.benefit-section ul.list-first-center {
    max-width: 54rem;
}
.benefit-section ul.list-first-right, .benefit-section ul.list-one-column {
    grid-template-columns: repeat(1, 1fr);
}
.benefit-section ul li {
    padding: 2rem;
    box-shadow: 0 0 80px rgba(0, 0, 51, .15);
    background-color: #fff;
    border-radius: 8px;
}
.benefit-section ul li .top {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1rem;
}
.benefit-section ul h4 {
    text-align: center;
}
.benefit-section.benefit-section-brand-loyalty-insights .benefit-image-wrapper, .benefit-section.benefit-section-omni .benefit-image-wrapper, .benefit-section.benefit-section-social-media .benefit-image-wrapper {
    height: 70%;
    width: 50%;
    right: -5%;
    top: -28%;
    max-height: 74.7rem;
    opacity: .5;
}
.benefit-section.benefit-section-social-media h2 {
    max-width: 69rem;
}
.benefit-section.benefit-section-social-media .benefit-image-wrapper {
    height: auto;
    right: 0;
    top: 0;
}
.benefit-section.benefit-section-social-media .benefit-image-wrapper img {
    max-width: 64.2rem;
}
.benefit-section.benefit-section-brand-loyalty-insights .benefit-image-wrapper {
    position: absolute;
}
.benefit-section.benefit-section-global-superapps .benefit-image-wrapper, .benefit-section.benefit-section-influencer-campaigns .benefit-image-wrapper {
    opacity: 0;
}
.benefit-section.benefit-section-global-superapps .benefit-image-wrapper img, .benefit-section.benefit-section-influencer-campaigns .benefit-image-wrapper img {
    width: -moz-fit-content;
    width: fit-content;
}
.blog {
    background-color: #fff;
    z-index: 1;
    position: relative;
}
.blog .blog-navbar {
    transform: translateY(-50%);
    margin-bottom: 2rem;
}
.blog .blog-navbar .JS-blog-nav {
    background: #fff;
    border-radius: .8rem;
    box-shadow: 0 0 80px rgba(0, 0, 51, .15);
}
.blog .blog-navbar .JS-blog-nav {
    padding: 1rem;
    gap: 1rem;
    min-height: 4.7rem;
}
.blog .blog-navbar .JS-blog-nav button {
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
}
.blog .blog-navbar .JS-blog-nav button.active, .blog .blog-navbar .JS-blog-nav button:hover {
    color: #009ccc;
}

.blog .blog-section .blog-cards {
    margin-bottom: 3.5rem;
    display: grid;
    gap: 3.5rem;
}
.blog .blog-section a {
    float: right;
}
.blog .resent-resources-section {
    padding: 8rem 0 4rem;
}
.blog .resent-resources-section .resent-resources-cards {
    padding: 3.5rem 0;
    display: grid;
    gap: 3.5rem;
}
.blog .resent-resources-section a {
    float: right;
}
.blog-feed {
    padding-top: 2rem;
    position: relative;
    z-index: 2;
    background: #fff;
}
.blog-feed .blog-text {
    gap: 3%}
.blog-feed .blog-main .hero-bg {
    display: flex;
    border-radius: .8rem;
    overflow: hidden;
}
.blog-feed .blog-main .hero-bg img {
    object-fit: cover;
    width: 100%;
    height: 100%}
.blog-feed .blog-main .date {
    font-size: 14px;
    margin: 2.9rem 0 1.5rem;
}
.blog-feed .blog-main .date strong {
    text-transform: uppercase;
}
.blog-feed .blog-main .date time {
    opacity: 1%}
.blog-feed .blog-main h2 {
    margin-bottom: 2rem;
}
.blog-feed .blog-main p {
    margin-bottom: 2.7rem;
}
.blog-feed .blog-main .blog-descr p:last-child {
    margin-bottom: 0;
}
.blog-feed .blog-aside {
    margin-top: 4rem;
}
.blog-feed .blog-aside a {
    float: right;
}
.blog-feed .cards {
    padding: 4rem 0 3.5rem;
    gap: 3.2rem;
}
.blog-feed .cards .card-news:not(:first-child) {
    display: none;
}
.card-news {
    box-shadow: 0 0 80px rgba(0, 0, 51, .15);
    border-radius: .8rem;
    position: relative;
    overflow: hidden;
}
.card-news-with-image {
    padding: 16rem 2rem 2rem;
}
.card-news-without-image {
    padding: 2rem;
}
.card-news .card-image {
    display: flex;
    height: 14rem;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.blog-main .post-thumbnail{
    width: 100%;
}
.card-news .post-thumbnail{
    width: 100%;
}
.card-news .card-image img {
    object-fit: cover;
    width: 100%;
    height: 100%}
.card-news .card-text .date {
    display: flex;
    justify-content: space-between;
    font-size: 1.4rem;
    margin-bottom: 1.3rem;
}
.card-news .card-text .date strong {
    text-transform: uppercase;
}
.card-news .card-text .date time {
    opacity: 1%}
.card-news .card-text h4 {
    line-height: 2.905rem;
}
.card-news .card-text p {
    margin: 1.1rem 0 1.06rem;
    line-height: 2.4rem;
}
.card-news .card-text .link-with-arrow {
    justify-content: flex-end;
    font-size: 16px;
}
@media (min-width:350px) {
    .header-menu .buttons {
    gap: 2rem;
    flex-direction: row;
}
.menu-list li {
    margin-bottom: 2rem;
}
}@media (min-width:400px) {
    .home-section-main .home-section-main-bg {
    height: 40%}
}@media (min-width:576px) {
    .h2, h2 {
    font-size: 32px;
}
.h3, h3 {
    font-size: 26.6666666667px;
}
.section-gap-md {
    padding: 5rem 0;
}
.header-menu .buttons {
    justify-content: center;
}
.menu-wrap {
    padding: 4rem 4rem 3rem;
}
.menu-body {
    padding: 2rem 0;
}
.menu-list .menu-item {
    font-size: 24px;
}
.menu-list .drop-menu {
    padding: 3.5rem 0 0 4rem;
}
.footer {
    padding: 6rem 0 2rem;
}
.home-section-main.home-section-primary {
    background-position: 40% 50%;
    background-position: 0 20%}
.home-section-main .item-image img {
    margin-bottom: -150px;
}
.home-section-main .button-wrapper>:first-child {
    margin-bottom: 0;
}
.home-brand .home-brand-bg {
    width: 15rem;
}
.home-brand ul li {
    width: calc(33% - 20px);
}
.home-advantages {
    padding: 6rem 0;
}
.home-advantages ul li:last-child {
    padding: 4rem;
}
.potentials-customers-section .container {
    gap: 3rem;
}
.potentials-customers-section .item:first-child {
    gap: 1.5rem;
}
.home-benefit ul {
    gap: 2rem;
}
.unrivaled-industry {
    padding-bottom: 4.4rem;
}
.section-error-page .h6, .section-error-page h1 {
    text-align: left;
}
.form-user-action {
    width: 39rem;
}
.contact-form .form .form__group {
    width: 48%}
.btn.btn-mobile-full-size {
    width: -moz-fit-content;
    width: fit-content;
}
.btn.btn-lg {
    padding: 1.2rem 4rem;
}
.card-blue .title {
    margin-bottom: .7rem;
    font-size: 3rem;
}
.card-blue .description {
    font-size: 1.4rem;
}
.card-with-icon .card-with-icon-image {
    margin-bottom: 1rem;
}
.integration-section.integration-section-sm {
    padding: 3rem 0;
}
.integration-section.integration-section-md {
    padding: 3rem 0 0;
}
.integration-section.integration-section-lg {
    padding: 3rem 0 10rem;
}
.integration-section ul {
    grid-template-columns: repeat(auto-fill, minmax(calc(50% - 10px), 1fr));
    grid-template-rows: repeat(3, 1fr);
}
.start-selling-section {
    padding: 6rem 0;
}
.welcome-section-md {
    padding: 12.6rem 0 13.6rem;
}
.welcome-section-md .breadcrumbs, .welcome-section-md h2, .welcome-section-md h6 {
    text-align: left;
}
.welcome-section-md.welcome-section-md-products .item h6 {
    margin: 0;
}
.welcome-section-sm {
    padding: 10rem 0 6.4rem;
}
.welcome-section-sm .breadcrumbs, .welcome-section-sm h2 {
    text-align: left;
}
.banner .item {
    border-radius: 20px;
    margin: auto;
    height: 16rem;
}
.benefit-section h2 {
    margin-bottom: 5rem;
    text-align: left;
}
.benefit-section ul li {
    padding: 3rem;
}
.benefit-section ul li .top {
    margin-bottom: 1.7rem;
    gap: 2rem;
    flex-direction: row;
}
.benefit-section ul h4 {
    text-align: left;
}
.benefit-section.benefit-section-brand-loyalty-insights .benefit-image-wrapper, .benefit-section.benefit-section-omni .benefit-image-wrapper, .benefit-section.benefit-section-social-media .benefit-image-wrapper {
    top: -20%}
.blog .blog-section .blog-cards, .blog .resent-resources-section .resent-resources-cards {
    grid-template-columns: 1fr 1fr;
}
}@media (min-width:768px) {
    body {
    font: 16px/1.625 Inter, sans-serif;
}
.h2, h2 {
    font-size: 48px;
}
.h3, h3 {
    font-size: 40px;
}
.h4, h4 {
    font-size: 24px;
}
.h5, h5 {
    font-size: 20px;
}
.h6, h6 {
    font-size: 18px;
}
.header-wrap {
    padding: 1.5rem 0;
}
.menu-body {
    padding: 4rem 0;
}
.footer {
    padding: 9.6rem 0 2.3rem;
}
.footer:before {
    top: -64%;
    height: 65%}
.footer h5 {
    margin-bottom: 2.4rem;
}
.footer .footer-bg-wrapper {
    width: 40%}
.footer .container>:first-child {
    margin-bottom: 3rem;
}
.footer__top {
    flex-direction: row;
}
.footer__top>:nth-child(n+2) {
    width: 20.5rem;
}
.footer__top .footer-top__contact ul li {
    margin-bottom: 2.4rem;
}
.footer__bottom {
    flex-direction: row;
}
.footer__bottom>:last-child {
    margin-bottom: 0;
}
.footer__bottom p {
    text-align: left;
}
.home-section-main.home-section-primary {
    padding: 10rem 0 14rem;
}
.home-section-main.home-section-primary .home-section-main-bg:after {
    top: -2px;
    height: 150px;
}
.home-section-main.home-section-secondary {
    padding: 10rem 0 14rem;
}
.home-section-main .item-image img {
    margin-bottom: -250px;
}
.home-section-main .card-blue.card-blue--third {
    top: calc(75% + 150px);
}
.home-brand {
    padding-top: 10rem;
}
.home-brand:before {
    top: -148px;
    height: 150px;
}
.home-brand .home-brand-bg {
    top: -10%;
    width: 20rem;
}
.home-brand h6 {
    margin: 0 auto 4.8rem;
}
.home-brand ul li {
    width: calc(25% - 20px);
}
.home-advantages {
    padding: 8rem 0;
}
.home-advantages .home-advantages-image-wrapper {
    top: 20%;
    left: 0;
}
.home-advantages ul li:last-child {
    padding: 9rem 4rem;
}
.home-advantages ul li:last-child>* {
    margin-bottom: 3.2rem;
}
.potentials-customers-section .container {
    gap: 4.8rem;
}
.potentials-customers-section ul li {
    max-width: 73rem;
}
.home-true-supply {
    padding: 7rem 0;
}
.home-true-supply h3 {
    text-align: left;
    margin: 0;
}
.home-true-supply h6 {
    text-align: left;
}
.home-true-supply .item {
    padding: 3rem;
}
.home-true-supply .item .item-image-wrapper {
    right: 0;
    left: auto;
    width: 50%;
    height: 45rem;
}
.home-true-supply .item-description {
    width: 50%}
.home-benefit {
    padding: 0 0 10rem;
}
.home-benefit h3, .home-benefit h6 {
    text-align: left;
    margin: 0;
}
.home-benefit .item {
    width: 50%}
.home-benefit ul {
    gap: 10rem;
}
.home-benefit li:nth-child(odd) {
    flex-direction: row-reverse;
}
.home-benefit li:nth-child(2n) {
    flex-direction: row;
}
.home-benefit li:first-child:before {
    right: 0;
}
.home-benefit li:first-child .item {
    padding: 8rem 4.8rem;
    width: 50%}
.home-benefit li:first-child .item-image-wrapper {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 50%;
    height: 65rem;
    max-width: -moz-fit-content;
    max-width: fit-content;
}
.home-benefit li:nth-child(2) h6 {
    max-width: 45rem;
}
.home-benefit li:nth-child(2) .item-image-wrapper {
    top: 65%;
    transform: translateY(-50%);
    width: 50%;
    height: 75rem;
    max-width: -moz-fit-content;
    max-width: fit-content;
    right: 0;
}
.home-benefit li:nth-child(2) .item {
    padding: 0;
    width: 50%}
.home-benefit li:nth-child(3) h6 {
    max-width: 45rem;
}
.home-benefit li:nth-child(3) .item-image-wrapper {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 50%;
    height: 54.5rem;
    max-width: -moz-fit-content;
    max-width: fit-content;
    left: -5%}
.home-benefit li:nth-child(3) .item {
    padding: 0;
    width: 50%}
.home-benefit .card-blue {
    bottom: 10%}
.why-glosku {
    padding: 5rem 0 8rem;
}
.why-glosku:before {
    height: 20%;
    top: calc(-20% + 2px);
}
.why-glosku h2 {
    margin-bottom: 3.2rem;
}
.why-glosku .why-glosku-image-wrapper {
    top: 0;
    opacity: 1;
    width: 50%}
.why-glosku .about {
    text-align: left;
    max-width: 42rem;
}
.why-glosku .ideals ul li {
    gap: 3rem;
    padding: 3rem;
    flex-direction: row;
}
.what-we-do-section .what-we-do-list>:last-child li {
    gap: 2.45rem;
    margin-bottom: 2.5rem;
}
.let-us-section {
    margin-bottom: -1rem;
}
.let-us-section h2, .let-us-section h6 {
    text-align: left;
}
.let-us-section .let-us-section-image-wrapper {
    top: 14%;
    right: auto;
    left: 50%;
    transform: translateX(-95%);
    width: 60rem;
    height: 80rem;
}
.let-us-section .about {
    padding-left: 4.8rem;
    margin-left: auto;
    width: 50%}
.let-us-section .about .btn {
    margin: 0 auto 0 0;
}
.unrivaled-industry:before {
    height: 18.5rem;
    top: -183px;
}
.section-impact ul {
    flex-direction: row;
}
.section-impact ul li {
    width: 33.33%}
.section-impact ul .number {
    font-size: 96px;
}
.page-not-found {
    margin-bottom: 200px;
}
.page-not-found .h6 {
    max-width: 61rem;
}
.section-error-page {
    margin-bottom: 120px;
    height: 100vh;
}
.card-blue {
    padding: 1.25rem 1.85rem;
}
.card-blue .title {
    font-size: 3.2rem;
}
.card-with-icon .card-with-icon-image {
    margin-bottom: 2rem;
}
.integration-section.integration-section-curve-line:before {
    height: 13rem;
    top: -128px;
}
.start-selling-section .item {
    padding: 4rem 2rem;
}
.about-section ul {
    gap: 6rem 3rem;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
}
.about-section .card-with-icon {
    padding: 0 2rem;
}
.banner .item {
    height: 24rem;
}
.benefit-section:before {
    height: 18.5rem;
    top: -183px;
}
.benefit-section .benefit-item-icon-image {
    width: 8rem;
    min-width: 8rem;
    height: 8rem;
    min-height: 8rem;
}
.benefit-section ul {
    gap: 2rem;
}
.blog .blog-navbar {
    margin-bottom: 4rem;
}
.blog .blog-navbar .JS-blog-nav {
    gap: 2rem 4rem;
    
}
.menu-list .drop-menu .menu-item .menu-image-hover-wrapper{
    padding-bottom: 0;
    padding-right: 0;
}
}@media (min-width:992px) {
    .h1, h1 {
    font-size: 48px;
    font-size: 72px;
}
.section-gap-md {
    padding: 8rem 0;
}
.scroll-animations-card {
    opacity: 0;
    transform: translateY(60px);
    transition: opacity 2s cubic-bezier(.215, .61, .355, 1), transform 1.5s cubic-bezier(.215, .61, .355, 1);
    transition-delay: .12s;
}
.scroll-animations-card.is-inview {
    opacity: 1;
    transform: none;
}
.header.header-transparent {
    background-color: transparent;
    box-shadow: none;
}
.header-wrap {
    align-items: center;
    flex-direction: row;
    height: 7.2rem;
    padding: 0;
}
.header-logo {
    margin-bottom: 0;
    margin-right: 3.2rem;
}
.header-menu {
    width: 100%;
    height: 100%}
.header-menu .buttons {
    gap: 1.4rem;
}
.menu-wrap {
    transform: none;
    position: static;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    width: 100%}
.menu-body, .menu-wrap {
    padding: 0;
    align-items: center;
    height: 100%}
.menu-body {
    overflow: visible;
}
.menu-list {
    height: auto;
    flex-direction: row;
    gap: 2.2rem;
    margin: 0;
    height: 100%}
.menu-list, .menu-list li {
    display: flex;
    align-items: center;
}
.menu-list li {
    margin-bottom: 0;
    height: 100%;
    justify-content: center;
}
.menu-list .menu-item a{
    font-weight: 500;
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 14px;
}
.menu-list .menu-item a:after {
    content: "";
    display: block;
    position: absolute;
    background-color: #009ccc;
    width: 0;
    height: 4px;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    transition: all .5s;
    opacity: 0;
}
.menu-list .drop-menu .menu-item  a:hover:after {
    opacity: 0;}
.menu-list .menu-item .active:after, .menu-list .menu-item a:hover:after {
    opacity: 1;
    width: 100%}
    .menu-list .menu-item.menu-item-has-children:after {
        position: absolute;
        content: url("../svg/nav-stripe.svg");
        right: -0.7rem;
        top: 12px;
    }
    .menu-list .menu-item.menu-item-has-children:hover:after {
        content: url("../svg/stripe-blue.svg");
    }
    .menu-list .menu-item.menu-item-has-children{
        padding-right: 15px;
    }
.menu-list .menu-item.menu-item-has-children:before {
    opacity: 0;
    position: absolute;
    width: 2rem;
    height: 2rem;
    content: "";
    background: #fff;
    left: 1rem;
    top: 100%;
    transform: rotate(45deg) translate(-50%);
    z-index: 3;
}
.menu-list .drop-menu .menu-item .menu-image-hover-wrapper{
    padding-bottom: 0;
    padding-right: 0;
}
.menu-list .drop-menu {
    position: absolute;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    top: 100%;
    left: -70px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 30px rgba(41, 41, 42, .15);
    padding: 3rem 6rem 3rem 4rem;
    gap: 2.8rem;
    opacity: 0;
    visibility: hidden;
}
.burger {
    display: none;
}
.footer .container>:first-child {
    margin-bottom: 8.5rem;
}
.home-section-main.home-section-primary {
    min-height: 80rem;
    display: flex;
    flex-direction: row;
    padding: 0;
}
.home-section-main.home-section-primary .home-section-main-bg:after {
    display: none;
}
.home-section-main.home-section-secondary {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    height: 100vh;
}
.home-section-main.home-section-secondary .home-section-secondary-bg {
    display: block;
    top: 0;
    height: 150vh;
}
.home-section-main.login-home-section-main {
    min-height: 75rem;
}
.home-section-main.sign-up-home-section {
    min-height: 85rem;
}
.home-section-main.forgot-password-home-section {
    min-height: 60rem;
}
.home-section-main h1, .home-section-main h6 {
    text-align: left;
}
.home-section-main .home-section-main-bg {
    width: 30%;
    height: 100%}
.home-section-main .container {
    flex-direction: row;
}
.home-section-main .item:first-child {
    width: 45%;
    align-items: flex-start;
}
.home-section-main .item:last-child {
    width: 55%}
.home-section-main .item-image img {
    margin-bottom: 0;
}
.home-section-main .card-blue.card-blue--third {
    top: 75%}
.item-scroll-animations {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 1.5s cubic-bezier(.215, .61, .355, 1), transform 1.5s cubic-bezier(.215, .61, .355, 1);
}
.item-scroll-animations.is-inview {
    opacity: 1;
    transform: none;
}
.home-brand {
    padding: 0 0 8rem;
}
.home-brand ul li {
    height: 10rem;
    width: auto;
    min-width: 110px;
    max-width: 191px;
}

.home-advantages .home-advantages-image-wrapper {
    top: auto;
    bottom: 0;
    left: 0;
}
.home-advantages ul {
    flex-direction: row;
}
.home-advantages ul li:first-child, .home-advantages ul li:last-child {
    width: 50%}
.potentials-customers-section ul {
    flex-direction: row;
    flex-wrap: nowrap;
}
.potentials-customers-section ul li {
    width: 100%}
.home-true-supply {
    padding: 10rem 0 14rem;
}
.home-true-supply .item .item-image-wrapper {
    top: 50%;
    right: -10%;
    transform: translateY(-50%);
}
.home-benefit {
    padding: 8rem 0 20rem;
}
.home-benefit ul {
    gap: 22rem;
}
.home-benefit .card-blue {
    bottom: 0;
}
.why-glosku .about {
    margin-bottom: 21.8rem;
}
.why-glosku .ideals {
    gap: 7rem;
    flex-direction: row;
}
.why-glosku .ideals>* {
    max-width: 54rem;
}
.what-we-do-section .what-we-do-list {
    gap: 3rem;
    flex-direction: row;
}
.what-we-do-section .what-we-do-list>* {
    width: calc(50% - 30px);
}
.what-we-do-section .what-we-do-list>:first-child {
    padding: 0 2rem;
}
.let-us-section .let-us-section-image-wrapper {
    transform: translateX(-100%);
}
.let-us-section .about {
    padding: 0 4.8rem;
}
.unrivaled-industry {
    padding-bottom: 6.4rem;
}
.section-error-page h1 {
    line-height: 9.8rem;
}
.form-user-action {
    margin-left: 20%}
.wrapper-login .footer-wrapper {
    margin-top: -20rem;
}
.contact-form .contact-content {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}
.contact-form .text h2 {
    text-align: left;
}
.contact-form form {
    gap: 1rem 1.7rem;
}
.contact-form .form:before {
    display: block;
}
.contact-form .form {
    padding-top: 2rem;
}
.card-blue {
    padding: 1.25rem 1.85rem;
}
.scroll-animations-card-blue {
    opacity: 0;
    transform: translateY(60px);
    transition: opacity 2s cubic-bezier(.215, .61, .355, 1), transform 1.5s cubic-bezier(.215, .61, .355, 1);
}
.scroll-animations-card-blue.is-inview {
    opacity: 1;
    transform: none;
    transition-delay: .12s;
}
.integration-section.integration-section-sm {
    padding: 6.2rem 0;
}
.integration-section.integration-section-md {
    padding: 6.2rem 0 0;
}
.integration-section h4 {
    margin-bottom: 0;
}
.integration-section .container {
    flex-direction: row;
    align-items: center;
    gap: 6rem;
}
.integration-section ul {
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: 1fr;
    gap: 2rem;
}
.integration-section ul li {
    padding: 1rem 1.5rem 1.3rem;
}
.integration-section ul li.md {
    padding: 2.4rem 1.3rem;
}
.start-selling-section {
    padding: 8rem 0;
}
.start-selling-section h6 {
    margin: 0;
}
.start-selling-section .item {
    text-align: left;
    padding: 5.8rem 5.5rem;
}
.start-selling-section .item:before {
    opacity: 1;
}
.start-selling-section .item .item-about {
    max-width: 50%}
.welcome-section-md {
    padding: 15rem 0 13.6rem;
}
.welcome-section-md.welcome-section-md-omni .item {
    max-width: 60%}
.welcome-section-md.welcome-section-md-brand-loyalty-insights .item, .welcome-section-md.welcome-section-md-global-superapps .item {
    max-width: 55%}
.welcome-section-sm {
    padding: 12.2rem 0 6.4rem;
}
.about-section .card-with-icon {
    padding: 0 4rem;
}
.about-section .card-with-icon h4 {
    max-width: 80%}
.benefit-section ul {
    gap: 3rem;
}
.benefit-section ul.list-first-left, .benefit-section ul.list-first-right {
    grid-template-columns: repeat(2, 1fr);
}
.benefit-section ul.list-first-right li:first-child {
    grid-column: 2/2;
}
.benefit-section ul.list-first-right li:nth-child(2) {
    grid-column: 1/2;
}
.benefit-section ul.list-one-column {
    width: 50%}
.benefit-section ul li {
    padding: 4rem;
}
.benefit-section ul li .top {
    align-items: flex-start;
}
.benefit-section.benefit-section-brand-loyalty-insights h2, .benefit-section.benefit-section-omni h2, .benefit-section.benefit-section-social-media h2 {
    max-width: 67.5rem;
}
.benefit-section.benefit-section-brand-loyalty-insights .benefit-image-wrapper, .benefit-section.benefit-section-omni .benefit-image-wrapper, .benefit-section.benefit-section-social-media .benefit-image-wrapper {
    opacity: 1;
    top: -10%}
.benefit-section.benefit-section-global-superapps h4, .benefit-section.benefit-section-influencer-campaigns h4 {
    max-width: 20rem;
}
.benefit-section.benefit-section-global-superapps .title-right, .benefit-section.benefit-section-influencer-campaigns .title-right {
    margin-left: calc(50% + 15px);
    max-width: 50rem;
}
.benefit-section.benefit-section-global-superapps .benefit-image-wrapper, .benefit-section.benefit-section-influencer-campaigns .benefit-image-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    opacity: 1;
    top: -10%;
    left: 0;
    max-height: 74.7rem;
    height: 70%;
    width: 50%}
.benefit-section.benefit-section-influencer-campaigns h4 {
    max-width: 100%}
.blog-feed {
    padding-top: 6.3rem;
}
.blog-feed .blog-text {
    justify-content: flex-end;
    flex-direction: row;
    align-items: start;
}
.blog-feed .blog-main {
    width: 68.5%}
.blog-feed .blog-aside {
    margin-top: 0;
    width: 32.8%}
.blog-feed .cards .card-news:nth-child(-n+3) {
    display: block;
}
}@media (min-width:1024px) {
    .home-true-supply .item {
    padding: 6rem 4.8rem;
}
.home-true-supply .item .item-image-wrapper {
    height: 82.3rem;
    width: 60%}
.page-not-found {
    margin-bottom: 120px;
}
.section-error-page {
    margin-bottom: 100px;
}
.card-blue .title {
    font-size: 5.2rem;
    text-align: center;
}
.card-blue .description {
    font-size: 1.6rem;
}
.integration-section.integration-section-lg {
    padding: 0 0 17rem;
}
.integration-section.integration-section-curve-line:before {
    height: 20rem;
    top: -198px;
}
.benefit-section.benefit-section-brand-loyalty-insights .benefit-image-wrapper img {
    position: absolute;
    width: 65rem;
    height: auto;
    left: -4.3rem;
}
.blog .blog-section .blog-cards, .blog .resent-resources-section .resent-resources-cards {
    grid-template-columns: 1fr 1fr 1fr;
}
}@media (min-width:1025px) {
    .footer__top>* {
    margin-bottom: 0;
}
.footer__top>:first-child {
    width: 30rem;
}
.plus-section {
    padding: 20rem 0;
}
.plus-block {
    margin-bottom: 20rem;
}
.plus-block-wrap {
    flex-direction: row;
    justify-content: space-between;
    gap: 5rem;
    margin-bottom: 12.5rem;
}
.plus-block-image {
    position: absolute;
    right: -5rem;
    max-width: 60rem;
}
.plus-block-text {
    width: 50%;
    max-width: 46rem;
}
.plus-block.reversed .plus-block-wrap {
    flex-direction: row-reverse;
}
.plus-block.reversed .plus-block-image {
    left: -15rem;
}
.plus-block .item ul {
    flex-direction: row;
}
.plus-block.brand .card-blue--second {
    bottom: 7.5rem;
}
}@media (min-width:1200px) {
    .footer__top>: nth-child(n+2) {
    width: 22.5rem;
}
.home-section-main .home-section-main-bg {
    width: 43.5%}
.home-brand .home-brand-bg {
    top: -20%;
    right: 0;
    width: 40rem;
}
.home-advantages ul li:first-child {
    margin-left: -5%;
    width: 60%}
.home-benefit li:first-child .item-image-wrapper {
    left: -10%}
.home-benefit li:nth-child(3) .item-image-wrapper {
    left: -10%;
    width: 60%;
    height: 74.5rem;
}
.why-glosku .why-glosku-image-wrapper {
    top: -2%;
    width: 60%;
    right: -5%}
.what-we-do-section .what-we-do-list>:first-child {
    padding: 0 4.8rem;
}
.plus-block-image {
    max-width: 65rem;
}
.form-user-action {
    margin-left: 0;
}
.benefit-section.benefit-section-influencer-campaigns .benefit-image-wrapper img {
    width: 92%}
}@media (min-width:1360px) {
    .home-brand .home-brand-bg {
    right: 5%}
.contact-form .text {
    width: 41%}
.contact-form .form {
    width: 43.5%}
}@media (min-width:1440px) {
    .home-section-main .item: last-child {
    width: 72%;
    margin-right: -13%}
.home-section-main .card-blue.card-blue--first {
    right: 5%}
.home-advantages .home-advantages-image-wrapper {
    left: 5%}
.let-us-section .let-us-section-image-wrapper {
    transform: translateX(-110%);
}
.section-error-page .error-page-bg:after {
    top: 15.3%}
.benefit-section.benefit-section-influencer-campaigns .benefit-image-wrapper img {
    width: 82%}
}@media (min-width:1920px) {
    .home-section-main.home-section-primary {
    background-position: 20% 20%}
.home-advantages .home-advantages-image-wrapper {
    left: 15%}
.benefit-section.benefit-section-brand-loyalty-insights .benefit-image-wrapper, .benefit-section.benefit-section-global-superapps .benefit-image-wrapper, .benefit-section.benefit-section-influencer-campaigns .benefit-image-wrapper, .benefit-section.benefit-section-omni .benefit-image-wrapper, .benefit-section.benefit-section-social-media .benefit-image-wrapper {
    right: 0;
}
.benefit-section.benefit-section-influencer-campaigns .benefit-image-wrapper img {
    width: -moz-fit-content;
    width: fit-content;
}
}@media (max-width:767px) {
    .accordion {
    border-bottom: 1px solid #d9dbe1;
}
.accordion__title {
    position: relative;
    cursor: pointer;
    padding: 10px 0;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
}
.accordion__title:after {
    right: 0;
    width: 1.4rem;
    height: .2rem;
}
.accordion__title:after, .accordion__title:before {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
}
.accordion__title:before {
    right: .55rem;
    width: .2rem;
    height: 1.4rem;
    opacity: 1;
    transition: all .3s ease;
}
.accordion__title.active+.accordion__content {
    max-height: 1000px;
}
.accordion__title.active:before {
    opacity: 0;
}
.accordion__content {
    max-height: 0;
    padding: 0 20px;
    overflow: hidden;
    transition: max-height .5s;
}
.accordion__content li:last-child {
    padding-bottom: 20px;
}
.accordion__content.active {
    transition: max-height 1s;
}
}
@media (max-width:768px) {
    .home-section-main .card-blue.card-blue--second{
        left: 0;
    }
}