.start-page {
    font-family: var(--font_family);
}

.wrap {
    position: relative;

    display: flex;
    overflow: clip;
    flex-direction: column;

    min-height: 100%;

    z-index: 9;

    background: var(--bg);
}

.start-page.wrap {
    background-color: #ffffff;
}

.wrap>.main {
    position: relative;

    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
}

/*----------------
    Block head
----------------*/
.block_head {
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;

    margin-bottom: var(--block_head_offset);

    gap: var(--inner_gap);
}


.block_head.center {
    justify-content: center;

    text-align: center;
}


.block_head .title {
    font-size: var(--font_size_title);
    font-weight: 500;
    line-height: var(--line_height_s);

    letter-spacing: -.64px;
}


.block_head .title.small {
    font-size: var(--font_size_title_s);
}


.block_head.row .title {
    width: calc(100% - 200px);
}


.block_head .desc {
    font-weight: 300;
    line-height: var(--line_height_l);

    letter-spacing: var(--letter_spacing_l);

    color: var(--grey_strong_color);
}



/*-----------------
    Main slider
-----------------*/
.main_slider {
    margin-bottom: var(--outside_gap_s);
}


.main_slider .swiper {
    border-radius: var(--border_radius);
}


.main_slider .swiper-slide {
    overflow: clip;
}


.main_slider .data {
    position: relative;

    display: flex;
    overflow: hidden;
    flex-direction: column;
    justify-content: center;

    min-height: 400px;
    padding-block: var(--block_padding);
    padding-inline: 109px;

    color: var(--light_color);

    font-feature-settings: 'liga' off, 'clig' off;
}


.main_slider .info {
    position: relative;

    display: flex;
    flex-direction: column;

    width: 369px;
    max-width: 100%;

    z-index: 3;

    gap: var(--inner_gap_xs);
}


.main_slider .title {
    font-size: var(--font_size_title_l);
    font-weight: 500;
    line-height: 110%;

    letter-spacing: -1px;
}


.main_slider .title br {
    display: none;
}


.main_slider .desc {
    font-size: var(--font_size_l);
    font-weight: 300;
    line-height: var(--line_height_l);

    letter-spacing: var(--letter_spacing_m);

    opacity: .9;
}



.main_slider .image {
    position: absolute;
    inset: 0;

    display: block;

    z-index: 1;

    background: rgb(var(--blue_color) / .07);
}


.main_slider .image:before {
    position: absolute;
    inset: 0;

    display: block;

    content: '';

    background: linear-gradient(82deg, rgb(var(--blue_color) / .5) 7.73%, rgb(var(--blue_color) / 0) 90.68%);
}


.main_slider .image a {
    position: relative;
    z-index: 10;
}


.main_slider .logo {
    position: absolute;
    right: var(--block_padding);
    bottom: var(--block_padding);

    z-index: 3;
}


.main_slider .logo img {
    display: block;

    width: 96px;
    height: 40px;
}



/*-------------------
    Quike actions
-------------------*/
.quike_actions .grid_row {
    --items_per_line: 4;
}


.quike_actions .item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    padding: var(--inner_gap_s);

    font-size: var(--font_size_s);
    font-weight: 500;
    line-height: var(--line_height_s);

    transition: background .2s linear;
    text-decoration: none;
    letter-spacing: var(--letter_spacing_s);

    color: currentColor;
    border-radius: var(--border_radius);
    background: rgb(var(--blue_color) / .07);

    gap: var(--inner_gap_m);
}


.quike_actions .item .icon {
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 32px;

    color: var(--primary_color);

    aspect-ratio: 1 / 1;
}


.quike_actions .item .icon svg {
    display: block;

    width: 100%;

    aspect-ratio: 1 / 1;
}


.quike_actions .item:hover {
    background: rgb(var(--blue_color) / .1);
}


.quike_actions .item:active {
    background: rgb(var(--blue_color) / .15);
}



/*----------------
    Researches
----------------*/
.researches {
    padding-bottom: var(--outside_gap_s);
}


.researches .swiper {
    overflow: visible;
}


.researches .swiper-slide {
    visibility: hidden;

    transition: opacity .2s linear, visibility .2s linear;
    pointer-events: none;

    opacity: 0;
}


.researches .swiper-slide.visible {
    visibility: visible;

    pointer-events: auto;

    opacity: 1;
}


.researches .research {
    display: flex;
    flex-direction: column;

    padding-block: 20px;
    padding-inline: var(--inner_gap_m);

    border: 1px solid rgb(var(--blue_color) / .07);
    border-radius: var(--border_radius);
    background: var(--light_color);

    gap: var(--inner_gap_xs);
}


.researches .research .name {
    display: -webkit-box;
    overflow: hidden;
    flex: 1 0 auto;
    -webkit-box-orient: vertical;

    font-size: var(--font_size_s);
    font-weight: 300;
    line-height: var(--line_height);

    letter-spacing: var(--letter_spacing);
    text-overflow: ellipsis;

    -webkit-line-clamp: 3;
}

.researches .research .name a {
    color: inherit;
    transition: 0.3s;
}

.researches .research .name a:hover {
    color: var(--primary_color);
}


.researches .research .info {
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    gap: var(--inner_gap_xs);
}


.researches .research .price {
    font-weight: 700;
    line-height: var(--line_height);

    letter-spacing: -.16px;

    color: var(--primary_color);
}


.researches .research .sep {
    width: 2px;

    border-radius: 50%;
    background: var(--grey_strong_color);

    aspect-ratio: 1 / 1;
}


.researches .research .duration {
    font-size: var(--font_size_xs);
    font-weight: 300;
    line-height: var(--line_height_s);

    letter-spacing: var(--letter_spacing_s);

    color: var(--grey_strong_color);
}


.researches .research .buy_btn {
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    height: 40px;
    margin-top: 4px;
    padding-inline: var(--inner_gap_m);

    font-size: var(--font_size_xs);
    font-weight: 600;
    line-height: var(--line_height_s);

    transition: .2s linear;
    letter-spacing: var(--letter_spacing_s);

    color: var(--primary_color);
    border: 1px solid var(--primary_color);
    border-radius: var(--border_radius_l);

    gap: 4px;
}


.researches .research .buy_btn .icon {
    display: block;

    width: 20px;

    aspect-ratio: 1 / 1;
}


.researches .research .buy_btn:hover {
    background: rgb(var(--blue_strong_color) / .1);
}


.researches .research .buy_btn:active {
    background: rgb(var(--blue_strong_color) / .15);
}


/* .researches .research .buy_btn .icon+.icon,
.researches .research .buy_btn span+span,
.researches .research .buy_btn.active .icon,
.researches .research .buy_btn.active span {
    display: none;
} */


.researches .research .buy_btn.active {
    border-color: transparent;
    background: rgb(var(--blue_color) / .07);
}


/* .researches .research .buy_btn.active .icon+.icon,
.researches .research .buy_btn.active span+span {
    display: block;
} */


.researches .research .buy_btn.active:hover {
    background: rgb(var(--blue_color) / .1);
}


.researches .research .buy_btn.active:active {
    background: rgb(var(--blue_color) / .15);
}



/*-------------------
    Opportunities
-------------------*/
.opportunities .cont {
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}


.opportunities .block_head {
    align-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;

    width: 436px;
    max-width: 100%;
    margin-bottom: 0;
}


.opportunities .data {
    width: 736px;
    max-width: 100%;
}


.opportunities .grid_row {
    --items_per_line: 2;
}


.opportunities .item {
    position: relative;

    display: flex;
    overflow: hidden;
    flex-direction: column;

    padding-block: 20px;
    padding-inline: var(--inner_gap_m);

    color: var(--light_color);
    border-radius: var(--border_radius);
    background: var(--primary_color);

    text-decoration: none;

    gap: var(--inner_gap_xs);
}


.opportunities .item>* {
    position: relative;

    z-index: 3;
}


.opportunities .item .icon {
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 48px;
    margin-bottom: var(--inner_gap_xs);

    aspect-ratio: 1 / 1;
}


.opportunities .item .icon svg {
    display: block;

    width: 100%;

    aspect-ratio: 1 / 1;
}


.opportunities .item .name {
    font-size: var(--font_size_l);
    font-weight: 700;
    line-height: 1.2;

    letter-spacing: var(--letter_spacing_m);
}


.opportunities .item .desc {
    font-size: var(--font_size_s);
    font-weight: 300;
    line-height: var(--line_height_l);

    letter-spacing: var(--letter_spacing);

    color: var(--light_soft_color);
}


.opportunities .item .bg {
    position: absolute;
    top: 0;
    right: 0;

    max-width: 100%;

    z-index: 1;
    pointer-events: none;
}


.opportunities .item .bg img {
    display: block;

    max-width: 100%;
}



/*-----------
    Steps
-----------*/
.steps .grid_row {
    --items_per_line: 4;
}


.steps .step {
    display: flex;
    flex-direction: column;

    padding-block: calc(var(--inner_gap_m) * 2);
    padding-inline: var(--inner_gap_m);

    text-align: center;

    border: 1px solid rgb(var(--blue_color) / .07);
    border-radius: var(--border_radius_xs);
    background: rgba(255, 255, 255, .10);

    gap: var(--inner_gap_s);
}


.steps .step .icon {
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 117px;
    margin-inline: auto;
    margin-bottom: var(--inner_gap_xs);

    background: url(../theme-files/images/bg_step_icon.png) 50%/ 100% 100% no-repeat;

    aspect-ratio: 1 / 1;
}


.steps .step .icon img {
    display: block;

    width: 84px;
    max-width: 100%;
    max-height: 100%;

    aspect-ratio: 1 / 1;
}


.steps .step .name {
    margin-top: auto;

    font-size: var(--font_size_l);
    font-weight: 700;
    line-height: var(--line_height_s);

    letter-spacing: var(--letter_spacing_m);
}


.steps .step .desc {
    font-weight: 300;
    line-height: var(--line_height_l);

    letter-spacing: var(--letter_spacing_l);

    color: var(--grey_strong_color);
}



/*--------------
    Dila app
--------------*/
.dila_app .data {
    position: relative;

    display: flex;
    overflow: hidden;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;

    padding-block: 20px;
    padding-inline: var(--block_padding_l);

    color: var(--light_color);
    border-radius: var(--border_radius);
    background: var(--primary_color);
}


.dila_app .data>* {
    position: relative;

    z-index: 3;
}


.dila_app .block_head {
    width: 471px;
    max-width: 100%;
    margin-bottom: 0;
}


.dila_app .qr_code {
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    gap: var(--inner_gap_m);
}


.dila_app .qr_code .label {
    width: 169px;
    max-width: 100%;

    font-weight: 700;
    line-height: var(--line_height);
    letter-spacing: -.16px;

    text-align: center;
}


.dila_app .qr_code .code {
    display: block;

    width: 120px;
    max-width: 100%;
}


.dila_app .qr_code .code img {
    display: block;

    width: 100%;
}



.dila_app .links {
    display: none;
    align-content: center;
    align-items: center;
    flex-direction: column;

    width: 100%;
    margin-top: 80px;

    gap: var(--inner_gap_xs);
}


.dila_app .links .label {
    font-size: var(--font_size_xs);
    font-weight: 500;
    line-height: var(--line_height_s);

    text-align: center;
    letter-spacing: var(--letter_spacing_s);
}


.dila_app .links .btns {
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    gap: var(--inner_gap_xs);
}


.dila_app .links .btns a {
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 155px;
    height: 48px;
    padding: var(--inner_gap_xs);

    text-decoration: none;

    color: currentColor;
    border-radius: var(--border_radius_xs);
    background: var(--black_color);
}


.dila_app .links .btns img {
    display: block;

    max-width: 100%;
    max-height: 100%;
}



.dila_app .bg {
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    width: 322px;
    max-width: 100%;
    margin-left: -128px;

    z-index: 1;
    transform: translateY(-50%);
    pointer-events: none;
}


.dila_app .bg img {
    display: block;

    width: 100%;
}



/*-----------
    Stats
-----------*/
.stats:not(.block) {
    margin-bottom: var(--cont_padding_double);
}


.stats .grid_row {
    --items_per_line: 4;
}


.stats .item {
    display: flex;
    flex-direction: column;

    padding-block: var(--inner_gap);
    padding-inline: var(--inner_gap_m);

    text-align: center;

    gap: 4px;
}


.stats .item .val {
    margin-bottom: var(--inner_gap_xs);

    font-size: calc(var(--font_size_title_l) + 8px);
    font-weight: 500;
    line-height: calc(100% + 2px);

    letter-spacing: -1.5px;

    color: var(--primary_color);
}


.stats .item .val+* {
    display: flex;
    flex-direction: column;

    gap: 4px;
}


.stats .item .name {
    font-weight: 500;
    line-height: var(--line_height_l);

    letter-spacing: var(--letter_spacing_l);
}


.stats .item .desc {
    font-size: var(--font_size_s);
    font-weight: 300;
    line-height: var(--line_height_l);

    letter-spacing: var(--letter_spacing);

    color: var(--grey_strong_color);
}



/*------------
    Why we
------------*/
.why_we .cont {
    display: flex;
    flex-direction: column;

    gap: var(--inner_gap_m);
}



.why_we .data {
    position: relative;

    display: flex;
    overflow: hidden;
    flex-direction: column;
    justify-content: center;

    min-height: 528px;
    padding: var(--cont_padding_double);

    border-radius: var(--border_radius);
    background: rgb(var(--blue_color) / .07);
}


.why_we .data .info {
    position: relative;

    display: flex;
    flex-direction: column;

    width: 588px;
    max-width: 100%;

    z-index: 3;

    gap: var(--inner_gap_xs);
}


.why_we .data .title {
    margin-bottom: var(--inner_gap_m);

    font-size: var(--font_size_title);
    font-weight: 500;
    line-height: var(--line_height_s);

    letter-spacing: -1px;

    font-feature-settings: 'liga' off, 'clig' off;
}


.why_we .data .sub_title {
    font-size: var(--font_size_l);
    font-weight: 700;
    line-height: var(--line_height_l);

    letter-spacing: var(--letter_spacing_m);

    font-feature-settings: 'liga' off, 'clig' off;
}


.why_we .data .desc {
    display: flex;
    flex-direction: column;

    font-size: var(--font_size_s);
    font-weight: 300;
    line-height: var(--line_height_l);

    letter-spacing: var(--letter_spacing_m);

    color: var(--grey_strong_color);

    gap: var(--inner_gap_m);
}


.why_we .data .bg {
    position: absolute;
    inset: 0;

    display: block;

    z-index: 1;
    pointer-events: none;
}


.why_we .data .bg img {
    min-height: 230px;
}



.why_we .grid_row {
    --items_per_line: 4;
}


.why_we .item {
    display: flex;
    flex-direction: column;

    padding: var(--inner_gap_m);

    gap: var(--inner_gap_xs);
}

.why_we .item_body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
}


.why_we .item .icon {
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;

    width: 48px;

    color: var(--primary_color);

    aspect-ratio: 1 / 1;
}


.why_we .item .icon svg {
    display: block;

    width: 100%;

    aspect-ratio: 1 / 1;
}


.why_we .item .name {
    font-weight: 700;
    line-height: var(--line_height);

    letter-spacing: -.16px;
}


.why_we .item .desc {
    margin-top: var(--inner_gap_xs);

    font-size: var(--font_size_s);
    font-weight: 300;
    line-height: var(--line_height_l);

    letter-spacing: var(--letter_spacing);

    color: var(--grey_strong_color);
}



/*--------------
    Articles
--------------*/
.articles {
    padding-bottom: var(--inner_gap_xs);
}


.articles .swiper {
    overflow: visible;
}


.articles .swiper-slide {
    visibility: hidden;

    transition: opacity .2s linear, visibility .2s linear;
    pointer-events: none;

    opacity: 0;
}


.articles .swiper-slide.visible {
    visibility: visible;

    pointer-events: auto;

    opacity: 1;
}



.articles .article {
    display: flex;
    flex-direction: column;

    border: 1px solid rgb(var(--blue_color) / .07);
    border-radius: var(--border_radius);
    background: var(--bg);

    gap: 20px;
}


.articles .article .thumb {
    display: block;

    margin: -1px;

    border-radius: var(--border_radius);

    aspect-ratio: 1 / 1;
}


.articles .article .data {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;

    padding-block: 0 var(--inner_gap);
    padding-inline: var(--inner_gap_m);

    gap: var(--inner_gap_s);
}


.articles .article .info {
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;

    gap: var(--inner_gap_xs);
}


.articles .article .info .sep {
    width: 2px;

    border-radius: 50%;
    background: var(--grey_strong_color);

    aspect-ratio: 1 / 1;
}


.articles .article .category {
    font-size: var(--font_size_xs);
    font-weight: 300;
    line-height: var(--line_height);

    letter-spacing: var(--letter_spacing_s);

    color: var(--primary_color);
}


.articles .article .category a {
    text-decoration: none;

    color: currentColor;
}


.articles .article .date {
    font-size: var(--font_size_xs);
    font-weight: 300;
    line-height: var(--line_height);

    white-space: nowrap;
    letter-spacing: var(--letter_spacing_s);

    color: var(--grey_strong_color);
}


.articles .article .name {
    margin-top: auto;

    font-size: var(--font_size_l);
    font-weight: 700;
    line-height: var(--line_height_s);

    letter-spacing: var(--letter_spacing_m);
}


.articles .article .name a {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;

    font-size: var(--font_size_l);

    transition: .2s linear;
    text-decoration: none;
    text-overflow: ellipsis;

    color: currentColor;
    color: currentColor;

    -webkit-line-clamp: 3;
}


.articles .article .desc {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;

    font-size: var(--font_size_s);
    font-weight: 300;
    line-height: var(--line_height);

    letter-spacing: var(--letter_spacing);
    text-overflow: ellipsis;

    color: var(--grey_strong_color);

    -webkit-line-clamp: 3;
}


.articles .article:hover .name a {
    color: var(--primary_color);
}



/*-------------
    Warning
-------------*/
.warning {
    padding-block: 20px;
}


.warning .image,
.warning .image img {
    display: block;

    width: 100%;
}