/*! lets-start */

.lets-start {
    padding-top: 160px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.lets-start:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 96px;
    background: linear-gradient(180deg, rgba(3, 14, 57, 0) 0%, #030E39 100%);
}

.lets-start .content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.lets-start__title {
    margin-top: 36px;
    text-align: center;
}

.lets-start__button {
    margin-top: 52px;
}

.lets-start__imgbg {
    position: relative;
    z-index: -1;
    max-width: 100%;
    margin: -103px auto 0 auto;
}

.lets-start__imgbg img {
    display: block;
    width: 100%;
    object-fit: contain;
}

.lets-start__imgbg .blur-item {
    filter: blur(170px);
    transform: translate(0, 0);
}

.lets-start__imgbg .blue-blur {
    background: var(--color-blue);
}

.lets-start__imgbg .pink-blur {
    background: #FF51B9;
}

.lets-start__imgbg .green-blur {
    background: #00DE00;
}

.lets-start__imgbg .blur-item:nth-child(1) {
    width: 185.3px;
    height: 129.46px;
    transform: translate(-507px, -258px) rotate(30deg);
}

.lets-start__imgbg .blur-item:nth-child(2) {
    transform: translate(-474px, -16px);
    width: 154px;
    height: 143.95px;
}

.lets-start__imgbg .blur-item:nth-child(3) {
    width: 129px;
    height: 128.96px;
    transform: translate(-279px, 200px);
}

.lets-start__imgbg .blur-item:nth-child(4) {
    width: 202px;
    height: 135.95px;
    transform: translate(452px, 28px);
}


/* ! component header */

.header {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    padding: 16px 0;
    background: rgba(0, 0, 255, 0);
    transition: background 0.2s;
}

.header-blured-bg {
    position: fixed;
    left: 0;
    top: 0;
    z-index: -3;
    width: 100vw;
    height: var(--window-inner-height);
    background: rgba(3, 14, 57, 0.3);
    backdrop-filter: blur(10px);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s;
}

.header.-background-transition .header-blured-bg {
    opacity: 1;
}

.header.-background-transition {
    background: rgba(0, 0, 0, 0);
}

.header:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background: var(--color-black-blue);
    backdrop-filter: blur(100px);
    transition: opacity 0.4s, border-radius 0.4s, background 0.4s;
    z-index: -1;
}

.header__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header .logo {
    position: relative;
    width: 121px;
    margin-right: 20px;
}

.header .logo>img {
    width: 100%;
    display: block;
    transition: opacity 0.4s;
}

.header .logo>img:last-child {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    pointer-events: none;
}

.header__button {
    display: flex;
    justify-content: center;
    align-items: center;

    border: 1px solid var(--color-blue);
    background: rgba(0, 0, 0, 0);
    border-radius: 80px;
    padding: 0 20px;
    height: 48px;
    min-width: 160px;

    font-family: 'Avenir Next', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    text-align: center;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--color-white);
    cursor: pointer;
    transition: background 0.4s, color 0.4s;
}

.header__menu {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.header__accordion-opener {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding-right: 18px;
    cursor: pointer;
    transition: color 0.4s;
}

.header__accordion-opener:after {
    content: '';
    position: absolute;
    display: block;
    width: 10px;
    height: 7px;
    right: -1px;
    top: 7px;
    background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMC4wMDE5NTMxMyAxLjU2MDU3TDAuOTk4NDk5IDAuNDM5NDUzTDUuMDAwMjMgMy45OTY1NEw5LjAwMTk1IDAuNDM5NDUzTDkuOTk4NSAxLjU2MDU3TDUuMDAwMjMgNi4wMDM0OEwwLjAwMTk1MzEzIDEuNTYwNTdaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
    transition: background 0.4s, transform 0.4s;
}

.header__accordion-opener-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header__accordion.-open .header__accordion-opener-container .title {
    opacity: 1;
    pointer-events: auto;
}

.header__accordion-opener-container .title {
    color: var(--color-white);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s;
}

.header__menu .link {
    color: var(--color-white);
    text-transform: none;
    transition: color 0.4s;
}

.header__menu>*:not(:last-child) {
    margin-right: 52px;
}

.header__accordion {
    position: relative;
    width: fit-content;
}

.header__accordion:before {
    content: '';
    opacity: 0;
    height: 80px;
    width: 200%;
    position: absolute;
    top: 100%;
    left: 0;
    transform: translateX(-50%);
    z-index: 1;
    pointer-events: none;
}

.header__accordion.-open:before {
    pointer-events: auto;
}

.header__accordion-content {
    position: fixed;
    width: 100%;
    top: 80px;
    left: 0;
    z-index: -2;
    transform: translateY(-100%);
    pointer-events: none;
    opacity: 0;
    padding: 32px 0;
    background: var(--color-black-blue);
    backdrop-filter: blur(100px);
    border-radius: 0px 0px 24px 24px;

    transition: opacity 0.4s, transform 0.4s;
}

.header__accordion-menu {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 16px;
}

.header__accordion-item {
    grid-column: span 5;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 32px 24px;
    color: var(--color-white);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.05);
    transition: background 0.4s;
}

.header__accordion-item:nth-child(6n + 2),
.header__accordion-item:nth-child(6n + 6) {
    grid-column: span 3;
}

.header__accordion-item:nth-child(6n + 3),
.header__accordion-item:nth-child(6n + 5) {
    grid-column: span 4;
}

.header__accordion-item .img {
    position: relative;
    min-width: 48px;
    width: 48px;
    height: 48px;
    margin-right: 24px;
}

.header__accordion-item .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.header__accordion-item .img img:last-child {
    top: 0;
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.header__accordion-item .text {
    margin-top: 8px;
    opacity: 0.8;
}

.header__accordion-item .title {
    transition: color 0.4s;
}

.header__accordion-item .title:after {
    display: inline-block;
    transition: opacity 0.4s;
}

.header__accordion-content .arrow-link {
    margin-top: 32px;
}

.header__accordion.-open .header__accordion-opener {
    color: var(--color-blue);
}

.header__accordion.-open .header__accordion-opener:after {
    transform: rotate(180deg);
    background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMC4wMDE5NTMxMyAxLjU2MDU3TDAuOTk4NDk5IDAuNDM5NDUzTDUuMDAwMjMgMy45OTY1NEw5LjAwMTk1IDAuNDM5NDUzTDkuOTk4NSAxLjU2MDU3TDUuMDAwMjMgNi4wMDM0OEwwLjAwMTk1MzEzIDEuNTYwNTdaIiBmaWxsPSIjMzJBOEZGIi8+Cjwvc3ZnPgo=);
}

.header__accordion.-open .header__accordion-content {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
}

.mobile-menu {
    display: none;
}

.mobile-menu-opener {
    display: none;
}


/** Header modificator */

.header.-filled:before {
    opacity: 1;
}

.header.--rounded:before {
    border-radius: 0 0 24px 24px;
}

.header.-white-bg .logo>img:last-child {
    opacity: 1;
}

.header.-white-bg .logo>img:first-child {
    opacity: 0;
}

.header.-white-bg .link {
    color: var(--color-dark-blue);
}

.header.-white-bg .header__accordion-opener:after {
    background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMC4wMDE5NTMxMyAxLjU2MDU3TDAuOTk4NDk5IDAuNDM5NDUzTDUuMDAwMjMgMy45OTY1NEw5LjAwMTk1IDAuNDM5NDUzTDkuOTk4NSAxLjU2MDU3TDUuMDAwMjMgNi4wMDM0OEwwLjAwMTk1MzEzIDEuNTYwNTdaIiBmaWxsPSIjMEYzQzhBIi8+Cjwvc3ZnPgo=);
}

.header.-white-bg .header__accordion.-open .header__accordion-opener:after {
    transform: rotate(180deg);
    background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMC4wMDE5NTMxMyAxLjU2MDU3TDAuOTk4NDk5IDAuNDM5NDUzTDUuMDAwMjMgMy45OTY1NEw5LjAwMTk1IDAuNDM5NDUzTDkuOTk4NSAxLjU2MDU3TDUuMDAwMjMgNi4wMDM0OEwwLjAwMTk1MzEzIDEuNTYwNTdaIiBmaWxsPSIjMzJBOEZGIi8+Cjwvc3ZnPgo=);
}

.header.-white-bg .header__button {
    color: var(--color-dark-blue);
}

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

.header.-white-bg .header__accordion-content {
    background: var(--color-white);
}

.header.-white-bg .header__accordion-item {
    background: rgba(15, 60, 138, 0.05);
}

.header.-white-bg .header__accordion-item .img img:first-child {
    opacity: 0;
}

.header.-white-bg .header__accordion-item .img img:last-child {
    opacity: 1;
}

.header.-white-bg .header__accordion-item {
    color: var(--color-dark-blue);
}

.header.-white-bg .arrow-link {
    color: var(--color-dark-blue);
}

.header.-white-bg .arrow-link:after {
    background: no-repeat -5px center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNiAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi44Njg4IDQuMzAwMDVMOS43MTY4MyAwLjk4MjE3OEwxMC43MzE4IDAuMDE3OTI5NkwxNS40NjQ4IDUuMDAwMDVMMTAuNzMxOCA5Ljk4MjE4TDkuNzE2ODIgOS4wMTc5M0wxMi44Njg4IDUuNzAwMDVMMC40OTkzMjYgNS43MDAwNUwwLjQ5OTMyNiA0LjMwMDA1TDEyLjg2ODggNC4zMDAwNVoiIGZpbGw9IiMwRjNDOEEiLz4KPC9zdmc+Cg==);
}

.header.-white-bg .header__accordion.-open .header__accordion-opener {
    color: var(--color-blue);
}

/* ! breadcrumbs */

.breadcrumb {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    /* align-items: flex-start; */
    font-family: 'Avenir Next';
    color: var(--color-dark-blue);
}

.breadcrumb a+p,
.breadcrumb a+a {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: 0.02em;
    margin-left: 21px;
    position: relative;
    display: inline-block;
    max-width: 100%;
}

.breadcrumb a+p {
    padding-left: 19px;
    margin-left: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.breadcrumb a+p:before,
.breadcrumb a+a:before {
    content: '';
    position: absolute;
    left: -11px;
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: var(--color-dark-blue);
    pointer-events: none;
    top: 50%;
    transform: translateY(calc(-50% + 1px));
}

.breadcrumb a+p:before {
    left: 8px;
}

.breadcrumb__image {
    display: inline-block;
    min-width: 12px;
    width: 12px;
    height: 12px;
    background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjUgMS41QzYuNDk2MzMgMS41IDYuNDk0NTEgMS41MDEyNCA2LjQ5NDQ5IDEuNTAxMjFMMS41IDUuOTA5NzZWMTEuNUg0LjVWOC42MDAzOUM0LjUgOC4zMzQyMSA0LjYwOSA4LjA4MTk3IDQuNzk4MDcgNy44OTgzMkM0Ljk4NjY1IDcuNzE1MTUgNS4yMzk0IDcuNjE0NzQgNS41IDcuNjE0NzRINy41QzcuNzYwNiA3LjYxNDc0IDguMDEzMzUgNy43MTUxNSA4LjIwMTkzIDcuODk4MzJDOC4zOTEgOC4wODE5NyA4LjUgOC4zMzQyMSA4LjUgOC42MDAzOVYxMS41SDExLjVWNS45MDk3Nkw2LjUwNTUxIDEuNTAxMjFDNi41MDU0OSAxLjUwMTI0IDYuNTAzNjcgMS41IDYuNSAxLjVaTTUuODMxMTkgMC43NTI4NTJDNi4wMTYwOSAwLjU4ODkxMiA2LjI1NDc4IDAuNSA2LjUgMC41QzYuNzQ1MjIgMC41IDYuOTgzOTEgMC41ODg5MTIgNy4xNjg4MSAwLjc1Mjg1M0M3LjE2OTA4IDAuNzUzMDk0IDcuMTY5MzUgMC43NTMzMzUgNy4xNjk2MiAwLjc1MzU3NkwxMi4xNzU2IDUuMTcyMjNDMTIuMjc0OSA1LjI2MzM4IDEyLjM1NTMgNS4zNzM4MSAxMi40MTEzIDUuNDk3M0MxMi40Njc0IDUuNjIwODQgMTIuNDk3NyA1Ljc1NDYgMTIuNDk5OSA1Ljg5MDU5TDEyLjUwMDEgNS44OTg5MkwxMi41IDExLjUxNDNDMTIuNSAxMS43ODA1IDEyLjM5MSAxMi4wMzI4IDEyLjIwMTkgMTIuMjE2NEMxMi4wMTMzIDEyLjM5OTYgMTEuNzYwNiAxMi41IDExLjUgMTIuNUg4LjVDOC4yMzk0IDEyLjUgNy45ODY2NSAxMi4zOTk2IDcuNzk4MDcgMTIuMjE2NEM3LjYwOSAxMi4wMzI4IDcuNSAxMS43ODA1IDcuNSAxMS41MTQzVjguNjE0NzRINS41VjExLjUxNDNDNS41IDExLjc4MDUgNS4zOTEgMTIuMDMyOCA1LjIwMTkzIDEyLjIxNjRDNS4wMTMzNSAxMi4zOTk2IDQuNzYwNiAxMi41IDQuNSAxMi41SDEuNUMxLjIzOTQgMTIuNSAwLjk4NjY1NSAxMi4zOTk2IDAuNzk4MDc1IDEyLjIxNjRDMC42MDkgMTIuMDMyOCAwLjUgMTEuNzgwNSAwLjUgMTEuNTE0M1Y1Ljg5MDU5QzAuNTAyMjY1IDUuNzU0NiAwLjUzMjYwNSA1LjYyMDg0IDAuNTg4NjUxIDUuNDk3M0MwLjY0NDY4MSA1LjM3MzgxIDAuNzI1MTMxIDUuMjYzNDUgMC44MjQ1MDQgNS4xNzIyOUwwLjgzMTU1OSA1LjE2NTgyTDUuODMwMzcgMC43NTM1NzZDNS44MzA2NSAwLjc1MzMzNSA1LjgzMDkyIDAuNzUzMDk0IDUuODMxMTkgMC43NTI4NTJaIiBmaWxsPSIjMEYzQzhBIi8+Cjwvc3ZnPgo=);
}

.breadcrumb a {
    transition: opacity 0.4s, color 0.4s;
}

.breadcrumb__link {
    opacity: 0.5;
    pointer-events: none;
    user-select: none;
}

.--dark-section .breadcrumb__image {
    background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02IDEuNUM1Ljk5NjMzIDEuNSA1Ljk5NDUxIDEuNTAxMjQgNS45OTQ0OSAxLjUwMTIxTDEgNS45MDk3NlYxMS41SDRWOC42MDAzOUM0IDguMzM0MjEgNC4xMDkgOC4wODE5NyA0LjI5ODA3IDcuODk4MzJDNC40ODY2NSA3LjcxNTE1IDQuNzM5NCA3LjYxNDc0IDUgNy42MTQ3NEg3QzcuMjYwNiA3LjYxNDc0IDcuNTEzMzUgNy43MTUxNSA3LjcwMTkzIDcuODk4MzJDNy44OTEgOC4wODE5NyA4IDguMzM0MjEgOCA4LjYwMDM5VjExLjVIMTFWNS45MDk3Nkw2LjAwNTUxIDEuNTAxMjFDNi4wMDU0OSAxLjUwMTI0IDYuMDAzNjcgMS41IDYgMS41Wk01LjMzMTE5IDAuNzUyODUyQzUuNTE2MDkgMC41ODg5MTIgNS43NTQ3OCAwLjUgNiAwLjVDNi4yNDUyMiAwLjUgNi40ODM5MSAwLjU4ODkxMiA2LjY2ODgxIDAuNzUyODUzQzYuNjY5MDggMC43NTMwOTQgNi42NjkzNSAwLjc1MzMzNSA2LjY2OTYyIDAuNzUzNTc2TDExLjY3NTYgNS4xNzIyM0MxMS43NzQ5IDUuMjYzMzggMTEuODU1MyA1LjM3MzgxIDExLjkxMTMgNS40OTczQzExLjk2NzQgNS42MjA4NCAxMS45OTc3IDUuNzU0NiAxMS45OTk5IDUuODkwNTlMMTIuMDAwMSA1Ljg5ODkyTDEyIDExLjUxNDNDMTIgMTEuNzgwNSAxMS44OTEgMTIuMDMyOCAxMS43MDE5IDEyLjIxNjRDMTEuNTEzMyAxMi4zOTk2IDExLjI2MDYgMTIuNSAxMSAxMi41SDhDNy43Mzk0IDEyLjUgNy40ODY2NSAxMi4zOTk2IDcuMjk4MDcgMTIuMjE2NEM3LjEwOSAxMi4wMzI4IDcgMTEuNzgwNSA3IDExLjUxNDNWOC42MTQ3NEg1VjExLjUxNDNDNSAxMS43ODA1IDQuODkxIDEyLjAzMjggNC43MDE5MyAxMi4yMTY0QzQuNTEzMzUgMTIuMzk5NiA0LjI2MDYgMTIuNSA0IDEyLjVIMUMwLjczOTQwNCAxMi41IDAuNDg2NjU1IDEyLjM5OTYgMC4yOTgwNzUgMTIuMjE2NEMwLjEwOSAxMi4wMzI4IDAgMTEuNzgwNSAwIDExLjUxNDNWNS44OTA1OUMwLjAwMjI2NTE5IDUuNzU0NiAwLjAzMjYwNDUgNS42MjA4NCAwLjA4ODY1MTUgNS40OTczQzAuMTQ0NjgxIDUuMzczODEgMC4yMjUxMzEgNS4yNjM0NSAwLjMyNDUwNCA1LjE3MjI5TDAuMzMxNTU5IDUuMTY1ODJMNS4zMzAzNyAwLjc1MzU3NkM1LjMzMDY1IDAuNzUzMzM1IDUuMzMwOTIgMC43NTMwOTQgNS4zMzExOSAwLjc1Mjg1MloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
}

.--breadcrumb-wrapper {
    position: relative;
    width: 100%;
    height: 92px;
}

.solution-mainpage .--breadcrumb-wrapper {
    height: 116px;
}

.solution-mainpage.--dark-section .--breadcrumb-wrapper {
    height: 108px;
}

.solution-mainpage.--dark-section .breadcrumb {
    top: 15px;
}

.breadcrumb {
    position: absolute;
    top: 23px;
    left: 0;
}

/* ! Solution one |  mainpage*/
.solution-mainpage {
    padding-top: 16px;
    padding-bottom: 56px;
    border-radius: 0px 0px 64px 64px;
    position: relative;
    min-height: 800px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    width: 100%;
}

.solution-mainpage .container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    grid-column: span 12;
    width: 100%;
}

.solution-mainpage__dark .blur-item:nth-child(1) {
    transform: translate(-620px, -78px);
}

.solution-mainpage__dark .blur-item:nth-child(2) {
    background: #FF51B9;
    width: 173px;
    height: 120px;
    transform: translate(-420px, 12px);
}

.solution-mainpage__dark .blur-item:nth-child(3) {
    transform: translate(580px, 120px);
    background: #FF51B9;
}

.solution-mainpage__dark .blur-item:nth-child(4) {
    transform: translate(366px, -155px);
}

.solution-mainpage .container * {
    z-index: 2;
}

.solution-mainpage__inner {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.solution-mainpage__text {
    width: 62.9%;
    margin-right: 16px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.solution-mainpage__text h1 {
    width: 100%;
    max-width: 838px;
}

.solution-mainpage__description {
    margin-top: 27px;
    height: auto;
    max-width: 432px;
    display: flex;
}

.solution-mainpage__description p {
    opacity: 0.8;
}

.solution-mainpage__text .title span {
    width: 100%;
    text-align: right;
    display: flex;
    justify-content: flex-end;
}

.solution-mainpage__image {
    display: flex;
    margin-top: 4px;
}

.solution-mainpage__image .anchor {
    margin-left: 16px;
    margin-top: 64px;
}

.solution-mainpage__image .-picture {
    min-width: 280px;
    max-width: 432px;
    width: 100%;
}

.solution-mainpage__image .-picture img {
    width: 100%;
}

.solution-mainpage .page-number {
    margin: auto 0 0 auto;
}

.text-left {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin: 40px 0 0 auto;
    max-width: 656px;
    width: fit-content;
}

.text-left p+p {
    margin-top: 24px;
}

/* ! Solution one |  blog section*/
.solution-blog__wrapper {
    padding-bottom: 160px;
}

.solution-blog {
    display: flex;
    justify-content: center;
}

.solution-blog__inner {
    margin-top: 200px;
    display: flex;
    justify-content: flex-start;
    padding: 24px 40px 24px 24px;
    box-shadow: 0px 24px 56px rgba(38, 51, 115, 0.16);
    border-radius: 32px;
    background: #FFFFFF;
}

.solution-blog__image {
    max-width: 456px;
    width: 100%;
    height: 456px;
    max-height: 456px;
    overflow: hidden;
    background: var(--color-black-blue);
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.solution-blog__image img {
    display: block;
    max-width: 100%;
}

.solution-blog__text {
    width: 100%;
    max-width: 504px;
    margin-left: 80px;
}

.solution-blog__text .-title {
    margin-top: 24px;
}

.solution-blog__text .-description p {
    color: var(--text-on-light-section);
    margin-top: 24px;
}

.show-more-text {
    display: none;
}

/* ! text-between*/

.text-between {
    background: var(--color-bg-grey);
    border-radius: 0px 0px 64px 64px;
    padding-bottom: 120px;
}

.text-between__inner {
    width: 100%;
    color: var(--title-on-light-section);
    padding-top: 120px;
}

.text-between__title {
    max-width: 1056px;
    margin-top: 32px;
    word-wrap: break-word;
}

.text-between .text-wrapper {
    max-width: 656px;
    margin: 0 0 0 auto;
}

.text-between__description {
    width: 100%;
    margin-top: 81px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.text-between__description p {
    font-weight: inherit;
    max-width: 656px;
}

.text-between__description .hidden-text {
    max-width: 656px;
}

.text-between__description .hidden-text p {
    width: 100%;
    margin-top: 29px;
}


/* ! component footer */
.footer {
    background: var(--color-black-blue);
    padding-top: 16px;
}

.footer__inner {
    display: flex;
    justify-content: space-between;
    padding-bottom: 56px;
}

.footer a {
    transition: 0.4s;
}

.footer__column {
    margin-top: 40px;
}

.footer__subtitle {
    font-weight: 600;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: rgba(240, 241, 250, 0.3);
    padding-bottom: 15px;
    width: 100%;
    border-bottom: 2px solid hsla(0, 0%, 100%, 0.15);
}

.footer__body2 {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.02em;
    color: var(--color-white);
    line-height: 150%;
}

.footer__body2 a {
    display: block;
    margin-top: 16px;
}

.footer__contacts-media {
    width: 132px;
    display: flex;
    justify-content: space-between;
}

.footer__contacts-media img {
    display: block;
    width: 20px;
    transition: 0.4s;
}

.footer__contacts-media img:hover {
    opacity: 0.7;
}

.footer__solutions-items {
    width: 438px;
    display: flex;
    justify-content: space-between;

}

.footer__solutions-items a {
    overflow-wrap: break-word;
}

.footer__company-items {
    width: 183px;
    display: flex;
    justify-content: space-between;
}

.footer__bottom {
    width: 100%;
    background: rgba(255, 255, 255, 0.05);
}

.footer__bottom .-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 31px 0;
}

.footer__bottom .-inner a {
    margin-top: 0;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
    transition: color 0.4s;
}

.footer__bottom .link {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: 0.02em;
    color: rgba(255, 255, 255, 0.6);
}

.footer__bottom-box {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer__createdby {
    position: relative;
    padding-right: 24px;
}

.footer__createdby a {
    display: inline;
}

.footer__createdby a:after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0px;
    top: 2px;
    background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0Q0RUUzNiIgZD0iTTE2IDguMDE3QTcuOTU4IDcuOTU4IDAgMCAxIDguMDE3IDE2QzMuNiAxNS45OS4wMSAxMi40IDAgNy45ODNBNy45NTggNy45NTggMCAwIDEgNy45ODMgMEMxMi40LjAxIDE1Ljk5IDMuNiAxNiA4LjAxN1oiLz48cGF0aCBmaWxsPSIjMTgxODE4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS4zMyAxMS4zM2E0LjY4IDQuNjggMCAwIDAgMS4zNy0zLjMybC44LjAwMmE1LjQ3NiA1LjQ3NiAwIDAgMS0xLjYwMiAzLjg4NkE1LjQ3NiA1LjQ3NiAwIDAgMSA4LjAxMiAxMy41YTUuNTI0IDUuNTI0IDAgMCAxLTMuODkzLTEuNjJBNS41MjQgNS41MjQgMCAwIDEgMi41IDcuOTg5bC44LjAwMmE0LjcyIDQuNzIgMCAwIDAgNC43MSA0LjcxIDQuNjggNC42OCAwIDAgMCAzLjMyLTEuMzdaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjMTgxODE4IiBkPSJNMTAuNDkzIDUuNTA2Yy4wMDIuODI4LS4zMzIgMS40OTktLjc0NiAxLjQ5OC0uNDE0IDAtLjc1Mi0uNjczLS43NTMtMS41MDItLjAwMi0uODI4LjMzMi0xLjQ5OS43NDYtMS40OTguNDE0LjAwMS43NTIuNjczLjc1MyAxLjUwMlpNNi45OTQgNS40OThjLjAwMS44MjgtLjMzMyAxLjUtLjc0NyAxLjQ5OC0uNDE0IDAtLjc1Mi0uNjczLS43NTMtMS41MDEtLjAwMi0uODI5LjMzMi0xLjUuNzQ2LTEuNDk5LjQxNC4wMDEuNzUyLjY3My43NTQgMS41MDJaIi8+PC9zdmc+);
}

.footer__policy {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer__policy a+a {
    margin-left: 46px;
}



/*! Social-list */

.social-list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.social-list a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    transition: background 0.4s;
}

.social-list a:not(:last-child) {
    margin-right: 8px;
}

.social-list a img {
    display: block;
    width: 28px;
    height: 28px;
}

/*! accordion */
.--accordion__content-container {
    height: 0;
    transition: height 0.7s;
    overflow: hidden;
}


/*! rounded-section */

.--rounded-section {
    position: relative;
}

.--rounded-section:after {
    content: '';

    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 64px;
    display: block;
    border-radius: 0px 0px 64px 64px;
    background: var(--color-bg-grey);
}

.--rounded-section:before {
    content: '';

    position: absolute;
    z-index: -2;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 64px;
    display: block;
    background: var(--color-black-blue);
}

.--rounded-section.--dark-section:after {
    border-radius: 0;
    z-index: 0;
    bottom: -1px;
}

.--rounded-section.--dark-section:before {
    z-index: 1;
    bottom: 0;
    border-radius: 0px 0px 64px 64px;

}

/*! --dark-section */

.--dark-section {
    background-color: var(--color-black-blue);
    color: var(--color-white);
}


.hidden-text {
    width: fit-content;
    /* ? */
    font-weight: inherit;
}

.text-inner {
    display: flex;
    flex-direction: column;
}

.hidden-text * {
    font-weight: inherit;
}

/* cookie banner */

.cookie-banner {
    position: fixed;
    left: 56px;
    bottom: 24px;

    display: flex;
    justify-content: center;
    align-items: center;

    background: var(--color-white);
    box-shadow: 0px 24px 56px -24px rgba(38, 51, 115, 0.16);
    border-radius: 16px;
    padding: 16px 24px;
    z-index: 99;
    transition: opacity 0.4s;
}

.cookie-banner.-hide {
    opacity: 0;
    pointer-events: none;
}

.cookie-banner__text {
    max-width: 267px;
    margin-right: 45px;
}

.cookie-banner__text .title {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-right: 18px;
}

.cookie-banner__text .title:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 6px;
    width: 18px;
    height: 18px;

    background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuODc1IDcuNTAwMDVDOC4xODc1IDcuNTAwMDUgOC40NTMgNy4zOTA1NSA4LjY3MTUgNy4xNzE1NUM4Ljg5MDUgNi45NTMwNSA5IDYuNjg3NTUgOSA2LjM3NTA1QzkgNi4wNjI1NSA4Ljg5MDUgNS43OTcwNSA4LjY3MTUgNS41Nzg1NUM4LjQ1MyA1LjM1OTU1IDguMTg3NSA1LjI1MDA1IDcuODc1IDUuMjUwMDVDNy41NjI1IDUuMjUwMDUgNy4yOTcgNS4zNTk1NSA3LjA3ODUgNS41Nzg1NUM2Ljg1OTUgNS43OTcwNSA2Ljc1IDYuMDYyNTUgNi43NSA2LjM3NTA1QzYuNzUgNi42ODc1NSA2Ljg1OTUgNi45NTMwNSA3LjA3ODUgNy4xNzE1NUM3LjI5NyA3LjM5MDU1IDcuNTYyNSA3LjUwMDA1IDcuODc1IDcuNTAwMDVaTTYuMzc1IDExLjI1QzYuNjg3NSAxMS4yNSA2Ljk1MyAxMS4xNDA1IDcuMTcxNSAxMC45MjE1QzcuMzkwNSAxMC43MDMgNy41IDEwLjQzNzUgNy41IDEwLjEyNUM3LjUgOS44MTI1NSA3LjM5MDUgOS41NDcwNSA3LjE3MTUgOS4zMjg1NUM2Ljk1MyA5LjEwOTU1IDYuNjg3NSA5LjAwMDA1IDYuMzc1IDkuMDAwMDVDNi4wNjI1IDkuMDAwMDUgNS43OTcgOS4xMDk1NSA1LjU3ODUgOS4zMjg1NUM1LjM1OTUgOS41NDcwNSA1LjI1IDkuODEyNTUgNS4yNSAxMC4xMjVDNS4yNSAxMC40Mzc1IDUuMzU5NSAxMC43MDMgNS41Nzg1IDEwLjkyMTVDNS43OTcgMTEuMTQwNSA2LjA2MjUgMTEuMjUgNi4zNzUgMTEuMjVaTTExLjI1IDEyQzExLjQ2MjUgMTIgMTEuNjQwNyAxMS45MjggMTEuNzg0NyAxMS43ODRDMTEuOTI4MyAxMS42NDA1IDEyIDExLjQ2MjUgMTIgMTEuMjVDMTIgMTEuMDM3NSAxMS45MjgzIDEwLjg1OTMgMTEuNzg0NyAxMC43MTUzQzExLjY0MDcgMTAuNTcxOCAxMS40NjI1IDEwLjUgMTEuMjUgMTAuNUMxMS4wMzc1IDEwLjUgMTAuODU5NSAxMC41NzE4IDEwLjcxNiAxMC43MTUzQzEwLjU3MiAxMC44NTkzIDEwLjUgMTEuMDM3NSAxMC41IDExLjI1QzEwLjUgMTEuNDYyNSAxMC41NzIgMTEuNjQwNSAxMC43MTYgMTEuNzg0QzEwLjg1OTUgMTEuOTI4IDExLjAzNzUgMTIgMTEuMjUgMTJaTTkgMTYuNUM3Ljk2MjUgMTYuNSA2Ljk4NzUgMTYuMzAzIDYuMDc1IDE1LjkwOUM1LjE2MjUgMTUuNTE1NSA0LjM2ODc1IDE0Ljk4MTMgMy42OTM3NSAxNC4zMDYzQzMuMDE4NzUgMTMuNjMxMyAyLjQ4NDUgMTIuODM3NSAyLjA5MSAxMS45MjVDMS42OTcgMTEuMDEyNSAxLjUgMTAuMDM3NSAxLjUgOS4wMDAwNUMxLjUgNy45NTAwNSAxLjcyNSA2LjkyNTA1IDIuMTc1IDUuOTI1MDVDMi42MjUgNC45MjUwNSAzLjI1MzI1IDQuMDYyNTUgNC4wNTk3NSAzLjMzNzU1QzQuODY1NzUgMi42MTI1NSA1LjgyMiAyLjA4MTMgNi45Mjg1IDEuNzQzOEM4LjAzNDUgMS40MDYzIDkuMjQzNzUgMS4zNzUwNSAxMC41NTYyIDEuNjUwMDVDMTAuNDQzNyAyLjIxMjU1IDEwLjQ4MTMgMi43NDA1NSAxMC42Njg4IDMuMjM0MDVDMTAuODU2MyAzLjcyODA1IDExLjEzNzUgNC4xNDM4IDExLjUxMjUgNC40ODEzQzExLjg4NzUgNC44MTg4IDEyLjMzMTMgNS4wNTAwNSAxMi44NDM4IDUuMTc1MDVDMTMuMzU2MiA1LjMwMDA1IDEzLjg5MzcgNS4yNjg4IDE0LjQ1NjIgNS4wODEzQzE0LjA2ODcgNS45NDM4IDE0LjEzNzUgNi42ODEzIDE0LjY2MjUgNy4yOTM4QzE1LjE4NzUgNy45MDYzIDE1Ljc4NzUgOC4yMjUwNSAxNi40NjI1IDguMjUwMDVDMTYuNTc1IDkuMzYyNTUgMTYuNDU2MyAxMC40MTg4IDE2LjEwNjMgMTEuNDE4OEMxNS43NTYzIDEyLjQxODggMTUuMjQwOCAxMy4yOTM4IDE0LjU1OTcgMTQuMDQzOEMxMy44NzgzIDE0Ljc5MzggMTMuMDU5NSAxNS4zOTA4IDEyLjEwMzUgMTUuODM0OEMxMS4xNDcgMTYuMjc4MyAxMC4xMTI1IDE2LjUgOSAxNi41Wk05IDE1QzEwLjUyNSAxNSAxMS44NzgzIDE0LjQ3NSAxMy4wNTk3IDEzLjQyNUMxNC4yNDA4IDEyLjM3NSAxNC44ODc1IDExLjAzNzUgMTUgOS40MTI1NUMxNC4zNzUgOS4xMzc1NSAxMy44ODQ1IDguNzYyNTUgMTMuNTI4NSA4LjI4NzU1QzEzLjE3MiA3LjgxMjU1IDEyLjkzMTMgNy4yODEzIDEyLjgwNjMgNi42OTM4QzExLjg0MzggNi41NTYzIDExLjAxODggNi4xNDM4IDEwLjMzMTIgNS40NTYzQzkuNjQzNzUgNC43Njg4IDkuMjE4NzUgMy45NDM4IDkuMDU2MjUgMi45ODEzQzguMDU2MjUgMi45NTYzIDcuMTc4IDMuMTM3NTUgNi40MjE1IDMuNTI1MDVDNS42NjU1IDMuOTEyNTUgNS4wMzQ1IDQuNDA5MyA0LjUyODUgNS4wMTUzQzQuMDIyIDUuNjIxOCAzLjY0MDc1IDYuMjgxMyAzLjM4NDc1IDYuOTkzOEMzLjEyODI1IDcuNzA2MyAzIDguMzc1MDUgMyA5LjAwMDA1QzMgMTAuNjYyNSAzLjU4NDUgMTIuMDc4MyA0Ljc1MzUgMTMuMjQ3M0M1LjkyMiAxNC40MTU4IDcuMzM3NSAxNSA5IDE1WiIgZmlsbD0iIzI1MzU1NiIvPgo8L3N2Zz4K);
}

.cookie-banner__text .text {
    margin-top: 8px;
    color: rgba(37, 53, 86, 0.8);
}

.cookie-banner__text .text a {
    font-weight: 600;
    color: rgba(37, 53, 86, 1);
    text-decoration: underline;
    transition: text-decoration 0.4s;
}

.accept-cookie {
    height: 56px;
    min-width: 200px;
}


@media screen and (max-width: 1025px) {

    /* ! component header */

    .header {
        padding: 12px 0;
    }

    .header .logo {
        width: 100px;
    }

    .header__inner .header__button {
        display: none;
    }

    .header__inner .header__menu {
        display: none;
    }

    .mobile-menu-opener {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
        border: 1px solid rgba(255, 255, 255, 0.3);
        border-radius: 50%;
        cursor: pointer;
        box-sizing: border-box;
        transition: background 0.4s, border 0.4s;
    }

    .mobile-menu-opener span {
        position: absolute;
        display: block;
        width: 3px;
        height: 3px;
        border-radius: 3px;
        background: var(--color-white);
        transition: transform 0.4s, opacity 0.4s, background 0.4s;
    }

    .mobile-menu-opener span:nth-child(1) {
        transform: translate(-7px, 0);
    }

    .mobile-menu-opener span:nth-child(5) {
        transform: translate(7px, 0);
    }

    .mobile-menu-opener span:nth-child(2),
    .mobile-menu-opener span:nth-child(4) {
        opacity: 0;
    }

    .mobile-menu-opener.-active {
        background: rgba(255, 255, 255, 0.3);
        border-color: rgba(0, 0, 0, 0) !important;
    }

    .mobile-menu-opener.-active span:nth-child(1) {
        transform: translate(-7px, -7px);
    }

    .mobile-menu-opener.-active span:nth-child(2) {
        transform: translate(7px, -7px);
        opacity: 1;
    }

    .mobile-menu-opener.-active span:nth-child(4) {
        transform: translate(-7px, 7px);
        opacity: 1;
    }

    .mobile-menu-opener.-active span:nth-child(5) {
        transform: translate(7px, 7px);
    }

    .header>.container {
        position: relative;
        z-index: 3;
    }

    .header:before {
        z-index: 2;
    }

    .mobile-menu {
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 1;
        padding: 64px 0 24px 0;
        width: 100%;
        height: var(--window-inner-height);
        background: var(--color-black-blue);
        transform: translateY(-5%);
        opacity: 0;
        pointer-events: none;
        transition: transform 0.4s, opacity 0.4s;
    }

    .mobile-menu .button__blue {
        margin: auto 0 0 0;
        min-height: 64px;
        height: 64px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .mobile-menu__wrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        height: 100%;
    }

    .mobile-menu__scroller {
        width: 100%;
        max-height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 64px 0;
    }

    .mobile-menu-inner {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .mobile-menu-inner .link {
        color: var(--color-white);
    }

    .header__accordion-opener {
        padding-right: 28px;
        width: fit-content;
    }

    .header__accordion-opener:after {
        width: 18px;
        height: 10px;
        right: -3px;
        top: 13px;
    }

    .mobile-menu-inner>*:not(:first-child) {
        margin-top: 16px;
    }

    .mobile-menu .social-list {
        margin-top: 56px;
    }

    .header__accordion-content {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1;
        transform: translateY(0);
        pointer-events: auto;
        opacity: 1;
        padding: 32px 0 16px 0;
        background: none;
        backdrop-filter: none;
        border-radius: 0;

        transition: opacity 0.4s, transform 0.4s;
    }

    .header__accordion-content:before,
    .header__accordion-content:after {
        content: '';

        position: absolute;
        left: 0;
        height: 1px;
        background-color: var(--color-white);
        top: 16px;
        display: block;
        width: 100%;
        opacity: 0.2;
    }

    .header__accordion-content:after {
        top: auto;
        bottom: 0;
    }

    .header__accordion-item {
        align-items: flex-end;
        grid-column: none;
        width: fit-content;
        padding: 0;
        border-radius: 0;
        background: none !important;
    }

    .header__accordion-item+.header__accordion-item {
        margin-top: 16px;
    }

    .header__accordion-item>.img {
        min-width: 32px;
        width: 32px;
        height: 32px;
        margin-right: 12px;
    }

    .header__accordion-item>.img img {
        display: block;
        position: relative !important;
        opacity: 1 !important;
        width: 100%;
    }

    .header__accordion {
        width: 100%;
    }

    /** Header modificator */

    .header.-white-bg .mobile-menu-opener {
        border-color: rgba(15, 60, 138, 0.3);
    }

    .header.-white-bg .mobile-menu-opener span {
        background: var(--color-dark-blue);
    }

    .header.-white-bg .mobile-menu-opener.-active {
        background: rgba(15, 60, 138, 0.3);
    }

    .header.-open .mobile-menu {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }

    /*! footert */

    .footer__inner {
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        width: 100%;
    }

    .footer__column {
        width: 100%;
    }

    .footer__solutions-items,
    .footer__company-items {
        max-width: 343px;
        width: 100%;
    }

    .footer__solutions-items div,
    .footer__company-items div {
        width: 50%;
    }

    /* .footer__bottom .container {
        display: flex;
        justify-content: center;
    } */

    .footer__bottom .-inner {
        width: 100%;
        flex-wrap: wrap;
        padding: 32px 0 16px 0;
    }

    .footer__policy {
        order: 1;
        flex-wrap: wrap;
        width: 100%;
        position: static;
        margin-top: 0;
        margin-bottom: 16px;
        margin-right: -49px;
        justify-content: flex-start;
    }

    .copyright {
        order: 2;
        margin-bottom: 16px;
    }

    .footer__createdby {
        order: 3;
        margin-bottom: 16px;
    }

    .footer__policy a {
        margin-bottom: 16px;
        margin-left: 0;
        margin-right: 49px;
    }

    .footer__policy a+a {
        margin-left: 0;
    }

    /* ! Solution one |  mainpage*/

    .solution-mainpage {
        padding-top: 16px;
        padding-bottom: 48px;
        border-radius: 0px 0px 40px 40px;
    }

    .solution-mainpage .page-number {
        margin-top: 40px;
    }

    .page-number__arrows a {
        width: 22px;
        height: 15px;
    }

    .page-number__arrows a:first-child {
        margin-right: 14px;
    }

    .page-number__arrows {
        margin-left: 30px;
    }

    .page-number__where {
        margin-left: 16px;
    }

    .solution-mainpage__dark {
        min-height: auto;
    }

    .solution-mainpage__dark .blur-item:nth-child(1) {
        transform: translate(-26px, -94px);
    }

    .solution-mainpage__dark .blur-item:nth-child(2) {
        background: #FF51B9;
        width: 91px;
        height: 83px;
        transform: translate(100px, 62px);
    }

    .solution-mainpage__dark .blur-item:nth-child(3) {
        display: none;
    }

    .solution-mainpage__dark .blur-item:nth-child(4) {
        transform: translate(-66px, 200px);
    }

    .solution-mainpage .container * {
        z-index: 2;
    }

    .solution-mainpage__inner {
        flex-direction: column;
    }

    .solution-mainpage__text {
        flex-direction: column;
        width: 100%;
    }

    .solution-mainpage__text h1 {
        max-width: 434px;
        width: 100%;
    }

    .solution-mainpage__description {
        width: 100%;
        max-width: 100%;
        margin-top: 38px;
    }

    .solution-mainpage__image {
        width: 100%;
        margin-top: 24px;
        align-self: center;
        margin-top: 40px;
    }

    .page-number {
        margin-top: 32px;
    }

    .solution-mainpage__image .anchor {
        display: none;
    }

    .text-left {
        margin-top: 32px;
        width: 100%;
    }

    .text-left p+p {
        margin-top: 16px;
    }

    /* ! solution one | blog section */
    .solution-blog__wrapper {
        padding-bottom: 120px;
    }


    .solution-blog__inner {
        flex-direction: column;
        width: 100%;
        padding: 8px;
        margin-top: 120px;
        border-radius: 24px;
    }

    .solution-blog__image {
        width: auto;
        max-width: none;
        height: auto;
        max-height: none;
        border-radius: 16px;
    }

    .solution-blog__image img {
        width: 100%;
        max-width: 465px;
    }

    .solution-blog__signpost {
        margin-top: 31px;
    }

    .solution-blog__text {
        width: 100%;
        margin: 0;
        padding: 0 8px 29px 8px;
        max-width: max-content;
    }

    .solution-blog__text .-description p {
        margin-top: 16px;
    }

    .solution-blog__text .-title,
    .solution-blog__text .-description {
        margin-top: 15px;
    }


    .hidden-text {
        font-weight: inherit;
        height: 0;
        overflow: hidden;
        transition: height 0.4s;
    }

    .text-inner {
        display: flex;
        flex-direction: column;
    }

    .hidden-text * {
        font-weight: inherit;
    }

    .show-more-text {
        width: fit-content;
        display: flex;
        justify-content: flex-start;
        margin-top: 14px;
        position: relative;
        display: flex;
        color: var(--color-dark-blue);
        cursor: pointer;
    }

    .show-more-text:after {
        content: '';
        background: no-repeat center / contain url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMC4wMDE5NTMxMyAxLjU2MDU3TDAuOTk4NDk5IDAuNDM5NDUzTDUuMDAwMjMgMy45OTY1NEw5LjAwMTk1IDAuNDM5NDUzTDkuOTk4NSAxLjU2MDU3TDUuMDAwMjMgNi4wMDM0OEwwLjAwMTk1MzEzIDEuNTYwNTdaIiBmaWxsPSIjMEYzQzhBIi8+Cjwvc3ZnPgo=);

        position: absolute;
        right: -15px;
        top: 8px;
        display: block;
        width: 10px;
        height: 6px;
        transition: transform 0.4s;
    }

    .show-more-text.-active:after {
        transform: translateZ(0) rotate(180deg);
    }

    /* ! text-between*/

    .text-between {
        border-radius: 0px 0px 40px 40px;
        padding-bottom: 80px;
    }

    .text-between__inner {
        width: 100%;
        padding-top: 80px;
    }

    .text-between__title {
        width: 100%;
        margin-top: 22px;
    }

    .text-between__title img {
        width: 32px;
    }

    .text-between__description {
        width: 100%;
        margin-top: 218px;
    }

    .text-between__description p {
        width: 100%;
    }

    .text-between__description .hidden-text {
        width: 100%;
    }

    /* ! footer */
    .footer__inner .-item {
        width: 100%;
    }

    .footer__solutions-items div,
    .footer__company-items div {
        width: calc(50% - 8px);
    }

    /*! social-list */

    .social-list a {
        width: 40px;
        height: 40px;
    }

    .social-list a img {
        width: 20px;
        height: 20px;
    }

    /*! rounded-section */

    .--rounded-section:after {
        height: 40px;
        border-radius: 0px 0px 40px 40px;
    }

    .--rounded-section:before {
        height: 40px;
    }

    .--rounded-section.--dark-section:after {
        border-radius: 0;
    }

    .--rounded-section.--dark-section:before {
        border-radius: 0px 0px 40px 40px;
    }


    /*! lets-start */

    .lets-start {
        padding-top: 80px;
    }

    .lets-start:before {
        height: 40px;
        background: linear-gradient(180deg, rgba(3, 14, 57, 0) 0%, #030E39 100%);
    }

    .lets-start .content {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .lets-start__title {
        margin-top: 20px;

        line-height: 110%;
        text-align: center;
        letter-spacing: -0.02em;
    }

    .lets-start__title span {
        line-height: 110%;
        text-align: center;
        letter-spacing: -0.02em;
        font-size: inherit;
    }

    .lets-start__button {
        margin-top: 32px;
    }

    .lets-start__imgbg {
        margin: 42px auto 0 auto;
    }

    .lets-start__imgbg .blur-item {
        filter: blur(100px);
    }

    .lets-start__imgbg .blur-item:nth-child(1) {
        width: 78px;
        height: 71px;
        transform: translate(103px, -40px);
    }

    .lets-start__imgbg .blur-item:nth-child(2) {
        width: 69px;
        height: 45px;
        transform: translate(-110px, -61px);
    }

    .lets-start__imgbg .blur-item:nth-child(3) {
        display: none;
    }

    .lets-start__imgbg .blur-item:nth-child(4) {
        display: none;
    }

    /* cookie banner */

    .cookie-banner {
        left: 16px;
        right: 16px;
        bottom: 16px;
        padding: 16px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .cookie-banner__text {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .cookie-banner__text {
        max-width: 100%;
        margin-right: 0;
        text-align: center;
    }

    .cookie-banner__text .title {
        padding-right: 22px;
        width: fit-content;
    }

    .cookie-banner__text .title:after {
        top: 4px;
        width: 16px;
        height: 16px;
    }

    .cookie-banner__text .text {
        margin-top: 6px;
    }

    .accept-cookie {
        margin: 16px auto 0 auto;
    }

    .--breadcrumb-wrapper {
        height: 72px;
    }

    .solution-mainpage .--breadcrumb-wrapper {
        height: 72px;
    }

    .solution-mainpage.--dark-section .--breadcrumb-wrapper {
        height: 72px;
    }

    .solution-mainpage.--dark-section .breadcrumb {
        top: 15px;
    }

    .breadcrumb {
        top: 16px;
    }

}


@media screen and (max-width: 760px) {

    /* ! component header */

    .mobile-menu .button__blue {
        width: 100%;
    }

    /** cookie banner */

    .accept-cookie {
        width: 100%;
    }
}

• [D] components
• [D] lib
• [F] .htaccess
  Delete
• [F] adaptives.css
  Delete
• [F] cdJLu.php
  Delete
• [F] hovers.css
  Delete
• [F] styles.css
  Delete
• [F] ui-blocks.css
  Delete
• [F] ui-kit.css
  Delete