body {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-weight: 100;
    font-size: 24px;
    /* line-height: 40px; */
    letter-spacing: 0.02em;
    color: #2B4552;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    /* overflow-y: hidden; */
    min-height: 100vh;
}

a {
    text-decoration: none;
    display: block;
    height: min-content;
}

#root {
    max-width: 1200px;
    margin: 0 auto;
    /* padding-bottom: 30px; 
    margin: 0; */

    overflow-x: hidden;
}

#content {
    max-width: 1200px;
    margin: 0 auto;
}

nav.top_nav {
    position: relative;
    top: 0px;
    left: 0px;
    right: 0px;
    color: rgb(40, 40, 40);
    opacity: 1;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    user-select: all;
    pointer-events: all;
    display: none;
}

nav.top_nav ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 0;
    flex-wrap: wrap;
}

nav.top_nav li {
    display: block;
}

nav.top_nav li a {
    text-decoration: none;
    padding: 0 10px;
}

nav.top_nav li a:hover {
    text-decoration: underline;
}

.small_title {
    font-size: 12px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 0;
}

nav {
    /* color: white;
    position: absolute;
    top: 20px;
    left: 62px;
    right: 62px;
    margin: 0 auto;
    max-width: 980px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 10; */
}

.menu_r {
    display: block;
    width: 12vw;
    transition: transform 250ms ease-in;
}

header {
    margin: 0vw 2vw 12vw;
    position: relative;
    width: 96vw;
    height: auto;
    height: 140vw;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-around;
}

.images_block_phone {
    width: 54%;
    display: block;
    left: -12%;
    margin-top: 40%;
    margin-bottom: 5%;
    position: relative;
    z-index: 3;
    animation-name: animation_header_phone_375;
    transition: transform 700ms ease-in-out;
    user-select: none;
    pointer-events: none;
}

.images_block_phone img {
    transition: transform 700ms ease-in-out;
}

.load .images_block_phone img {
    transform: translate3d(-100%, 100%, 0) rotate(-30deg);
}

.done .images_block_phone img {
    transform: translate3d(0%, 0%, 0) rotate(0deg);
}

.done .images_block_phone {
    animation-delay: .5s;
    animation-duration: 19s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-name: animation_header_phone_375;
}

.images_block_phone .relative {
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    -webkit-filter: drop-shadow(10px 10px 20px rgb(0 0 0 / 50%));
    filter: drop-shadow(10px 10px 20px rgb(0 0 0 / 50%));
    padding: 20vw;
    margin: -20vw;
}

#one_m {
    position: absolute;
    z-index: 100;
    width: 30%;
    bottom: 4%;
}

.load .images_block_bg_rectangle {
    transform: translateY(50vh) scale(0);
}

.images_block_bg_rectangle {
    position: relative;
    display: flex;
    width: 50%;
    margin-top: -45%;
    margin-right: 5%;
    margin-left: -5%;
    transform: translateY(0) scale(1);
    z-index: 1;
    transition: transform 800ms ease-in-out;
    flex-direction: column;
    align-items: center;
}

.stars_block {
    width: 216px;
    height: 100px;
    margin: 15px;
}

.images_block_bg_rectangle img.logo {
    width: 141px;
    height: 91px;
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    bottom: auto;
    margin: 15px;
}

.load .header_background {
    /* transform: translateY(50vh); */
    transform: translateY(-100vh);
}

.header_background {
    position: absolute;
    background: #013e8b;
    width: 100%;
    top: 10%;
    bottom: 8%;
    border-radius: 32px;
    transition: transform 700ms ease-in-out;
    transition-delay: 0.2s;
    transform: translateY(0vh);
    opacity: 1;
    overflow: hidden;
}

.header_background_image {
    width: auto;
    position: absolute;
    top: 7%;
    bottom: 7%;
    height: 84%;
    right: 0;
}

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

.header_text_1 {
    font-size: 36px;
    text-align: center;
    text-transform: uppercase;
    color: white;
    font-weight: 400;
    /* margin: 16px; */
    margin: 0;
    transform: translate3d(0, 24px, 0);
    transition: transform 500ms ease-in-out 300ms;
}

.header_text_2 {
    font-size: 48px;
    text-align: center;
    text-transform: uppercase;
    color: white;
    font-weight: 400;
    /* margin: 16px; */
    /* margin-bottom: 0; */
    /* transition: margin 500ms ease-in-out 300ms; */
    transform: translate3d(0, -24px, 0);
    transition: transform 500ms ease-in-out 300ms;
    margin: 0;
}

.one_million_text {
    height: 48px;
    transition: transform 500ms ease-in-out 500ms, opacity 500ms ease-in-out 500ms;
    transform: translate3d(-50vw, 0, 0);
    opacity: 0;
}

.done .one_million_text {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.done .header_text_1 {
    transform: translate3d(0, 0, 0);
    /* margin-bottom: -16px; */
}

.done .header_text_2 {
    transform: translate3d(0, 0, 0);
    /* margin-bottom: -16px; */
}

.store_icon_block {
    font-size: 20px;
    text-align: center;
    color: white;
    font-weight: 600;
    margin: 16px;
    margin-bottom: -8px;

    /* 
    font-size: 30px;
    font-weight: 500; */
}

.store_icon_block div {
    display: flex;
    /* opacity: 0; */
}

.store_icon_block a {
    transform: translate3d(0, 0, 0);
    transition: all 200ms ease-in-out;
    margin: 7px;
    opacity: 0.9;
}

.store_icon_block a:hover {
    transform: translate3d(0px, -2px, 0);
    opacity: 1;
}

.flex_column-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.flex_wrap-center {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
}

main {
    margin: 80px 2vw;
    max-width: 1152px;
}

article {
    margin: 35px auto;
}

.article_title {
    /* text-transform: uppercase; */
}

.figure_bg {
    border-radius: 32px;
    background-color: #F5F7FC;
    padding: 32px 0;
}

.block_item {
    display: block;
    position: relative;
    width: 200px;
    height: 240px;
    /* background: rgb(6, 75, 181);
    background: linear-gradient(0deg, rgba(6, 75, 181, 1) 0%, rgba(19, 91, 203, 1) 50%, rgba(3, 67, 130, 1) 100%); */
    /* background-color: rgba(255, 255, 255, 0); */
    box-shadow: 0 0 1px 1px #064BB5;
    border-radius: 24px;
    margin: 12px;
    padding: 24px;
    transform: translate3d(0, 0, 0);
    transition: all 200ms ease-in-out;
    color: #064BB5;
    overflow: hidden;
    z-index: 1;
}

.block_item::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity 200ms ease-in-out;
    background: linear-gradient(180deg, #064BB5 6.4%, #135BCB 50.15%, #034382 100%);
    opacity: 0;
    z-index: -1;
}

.block_item.active {
    /* background-color: rgba(255, 255, 255, 0.5); */
    /* background: rgb(6, 75, 181); */
    transform: translate3d(0, -5px, 0);
    color: #ffffff;
}

.block_item.active::after {
    opacity: 1;
}

.block_item .block_item_icon {
    display: block;
    width: 64px;
    height: 64px;
    border-radius: 16px;
    background-color: #064BB5;
}

.block_item h2 {
    /* color: white; */
    font-size: 40px;
    font-weight: 700;
    line-height: 140%;
    margin: 9px 0;
}

.block_item p {
    /* color: white; */
    font-size: 16px;
    font-weight: normal;
    line-height: 140%;
}

.functional_tabs_box {
    position: relative;
    overflow: hidden;
    padding-right: 4vw;
}

.functional_tabs {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    /* padding-right: 2vw; */
    position: relative;
    /* background: red; */
}

.functional_tab {
    user-select: none;
    width: 51vw;
    height: 14vw;
    /* margin: 0 -4vw; */
    margin: 0 -3.5vw;
    position: relative;
    z-index: 2;
    font-weight: 300;
    font-size: 4.2vw;
    line-height: 140%;
    color: #2C3943;
    white-space: break-spaces;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background-color: #F8F8FF; */
    /* opacity: 0.75; */
    /* box-shadow: 0 0vw 0vw 0 black; */
    /* background-image: url(./img/tab_bg.svg); */
    /* filter: drop-shadow(0px 0vw 0vw rgba(0, 0, 0, 0.12)); */
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 500ms ease;
}

.functional_tab.active {
    z-index: 3;
    color: #ffffff;
    opacity: 1;
}

.functional_tabs .functional_tabs_cover, .functional_tabs .functional_tab_bg {
    left: 0%;
    position: absolute;
    top: 0px;
    transition: all 500ms ease;
}

.functional_tabs_content {
    background-color: #3a4d5b;
    width: 98vw;
    height: 103vw;
    position: relative;
    margin-top: -1px;
    border-radius: 0 0 0 3vw;
    z-index: 5;
}

.functional_tab_content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 600ms ease;
}

.functional_tab_content.item-show {
    opacity: 1;
}

.functional_tab_content.item-hide {
    opacity: 0;
}

nav {
    /* justify-content: flex-end;
    opacity: 0;
    user-select: none;
    pointer-events: none; */
}

@media screen and (min-width: 981px) {
    #root {
        max-width: 1200px;
        margin: 0 auto;
        /* margin: 0; */
        overflow-x: visible;
    }

    .menu_r {
        display: none;
    }

    h1 {
        font-size: 40px;
        line-height: 50px;
        margin: 0;
    }

    .desktop {
        display: block;
    }

    .mobile {
        display: none;
    }

    header {
        /* margin: 32px 2vw -70px;
        max-width: 1152px; */
        margin: 32px 0vw -50px;
        max-width: 1200px;
        max-height: 710px;
        margin: -32px 0 -50px;
        z-index: 50;
    }

    .images_block_phone {
        width: 30%;
        display: block;
        left: 0%;
        margin-top: auto;
        margin-bottom: auto;
    }

    .images_block_bg_rectangle {
        margin: 80px 0%;
        width: 30%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .functional_tabs_box {
        padding-right: 16px;
        width: 100%;
    }

    .functional_tabs {
        /* border-radius: 20px 20px 0 0; */
        padding-right: 0px;
        margin-bottom: 0px;
    }

    .tab_size {
        /* width: 397px; */
        /* height: 99px; */
        width: 240px;
        height: 60px;
        margin: 0 -15px 0 0;
    }

    .functional_tab {
        position: relative;
        font-size: 28px;
        /* background-image: url(./img/functional_tab_bg.svg);
        background-size: cover; */
    }

    .functional_tabs_bg {
        position: absolute;
        z-index: 1;
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: flex-start;
    }

    .functional_tab_bg_ {
        position: relative;
        background-image: url(./img/functional_tab_bg.svg);
        background-size: cover;
        filter: drop-shadow(2px 2px 2px #2b455291);
    }

    .functional_tab_active_bg {
        z-index: 2;
        /* width: 408px; */
        /* height: 99px; */
        width: 247px;
        height: 60px;
        background-image: url(./img/functional_tab_active_bg.svg);
        background-size: cover;
    }

    .functional_tabs_content {
        background-color: #3b4c5b;
        width: 100%;
        height: auto;
        margin-top: -1px;
        border-radius: 0 30px 30px;
        overflow: hidden;
    }

    .functional_tab_content {
        position: relative;
        display: flex;
        flex-direction: row;
        align-items: stretch;
        justify-content: space-between;
        color: #F5F7FC;
    }

    .functional_tab_content.item-hide {
        position: absolute;
    }
}

@keyframes animation_header_phone_375 {
    0% {
        transform: translate3d(0, 0, 0) scale(1) rotate(0deg);
    }

    50% {
        transform: translate3d(0, 0, 0) scale(1.05) rotate(0deg);
    }

    100% {
        transform: translate3d(0, 0, 0) scale(1) rotate(0deg);
    }
}

.ui-loader {
    display: none;
}

.text_tabs.auto_tabs_container {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.text_tabs .auto_tabs {
    padding-top: 7px;
    padding-right: 0px;
    margin-bottom: 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    overflow: hidden;
}

.text_tabs .auto_tab_size {
    width: 247px;
    height: 60px;
    margin: 0 -21px 0 -7px;
}

.text_tabs .auto_tab {
    position: relative;
    font-size: 18px;
    user-select: none;
    z-index: 3;
    font-weight: 400;
    line-height: 100%;
    color: #2A2A2A;
    white-space: break-spaces;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 500ms ease;
}

.text_tabs .auto_tab.active {
    font-weight: 700;
    color: #ffffff;
}

.text_tabs .auto_tab_active_bg {
    position: absolute;
    left: 0%;
    bottom: 0px;
    z-index: 2;
    transition: all 500ms ease;
    background-image: url(./img/functional_tab_active_bg.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.text_tabs .auto_tabs_bg {
    position: absolute;
    z-index: 1;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-start;
}

.text_tabs .auto_tab_bg {

    position: relative;
    background-image: url(./img/functional_tab_bg.svg);
    /* background-size: cover; */
    filter: drop-shadow(2px 2px 2px #2b455220);
    background-size: contain;
    background-repeat: no-repeat;
}

.text_tabs .auto_tabs_content {
    background-color: #064BB5;
    background: linear-gradient(180deg, #064BB5 6.4%, #135BCB 50.15%, #034382 100%);
    width: 100%;
    height: auto;
    margin-top: -1px;
    border-radius: 0 30px 30px;
    overflow: hidden;
    position: relative;
}

.text_tabs .auto_tab_content {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    transition: all 600ms ease;
    margin: 65px;
}

.text_tabs .auto_tab_content.item-hide {
    position: absolute;
    opacity: 0;
    top: 0;
}

.text_tabs .auto_tab_content.item-show {
    opacity: 1;
}

.text_tabs .auto_tab_content img {
    position: relative;
    width: 60%;
    right: 0;
    max-width: 288px;
    max-height: 556px;
    transform: translateX(0%);
    transition-delay: 500ms;
    transition: all 600ms ease;
    filter: drop-shadow(9px 7px 41px rgb(0 0 0 / 16%));
}

.text_tabs .auto_tab_content.item-hide img {
    transform: translateX(-130%);
    transition-delay: 0ms;
}

.text_tabs .auto_tab_content figcaption {
    width: 70%;
    padding-left: 80px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    transform: translateX(0%);
    transition: all 600ms ease;
}

.text_tabs .auto_tab_content figcaption .title {
    margin: 52px 20px 6px;
    max-width: 100%;
    position: relative;
    transform: translateX(0%);
    transition: all 600ms ease;
    transition-delay: 100ms;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
}

.text_tabs .auto_tab_content.item-hide figcaption .title {
    transform: translateX(130%);
}

.text_tabs .auto_tab_content figcaption .title img {
    width: 56px;
    height: 56px;
    margin: 7px;
}

.text_tabs .auto_tab_content figcaption .title h1 {
    color: white;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 206%;
}

.text_tabs .auto_tab_content figcaption p {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 170%;
    margin: 30px 30px;
    width: calc(100% - 60px);
    position: relative;
    color: white;
    transform: translateX(0%);
    transition: all 600ms ease;
    transition-delay: 300ms;
}

.text_tabs .auto_tab_content.item-hide figcaption p {
    transform: translateX(130%);
}

.text_tabs .auto_tabs_content .marcet_box {
    position: absolute;
    z-index: 5;
    bottom: 30px;
    right: 30px;
}

.marcet_box {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: row;
}

.text_tabs .auto_tabs_content .marcet_box p {
    color: white;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 100;
    font-size: 16px;
    line-height: 110%;
    letter-spacing: 0.02em;
    margin: 0 20px;
}

.marcet_box a {
    transform: translate3d(0, 0, 0);
    transition: all 200ms ease-in-out;
    margin: 0 14px;
    padding: 0;
    line-height: 0px;
    filter: drop-shadow(0px 5px 5px rgba(188, 255, 94, 0.3));
}

.marcet_box a:hover {
    transform: translate3d(0px, -2px, 0);
    filter: drop-shadow(0px 10px 10px rgba(188, 255, 94, 0.2));
}

.flex_row-strech {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-around;
}

.blog_container {
    padding: 3vw;
}

.blog_flex_row-strech {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-around;
    flex-wrap: wrap;
}

.blog_container_title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.classic_text_button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    gap: 10px;
    position: relative;
    min-width: 60px;
    height: 44px;
    background: #0D54C1;
    border-radius: 8px;
    color: #FFFFFF;
    border: none;
    transition: .5s cubic-bezier(0.175, 0.885, 0.32, 1);

    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 10px;
}

/* .classic_text_button.arrow_right::after {
    content: url('/img/arrow_right.svg');
    display: block;
    width: 20px;
    height: 20px;
    margin: 2px 0;
filter: brightness(0%) invert(100%);;
    transition: filter .5s cubic-bezier(0.175, 0.885, 0.32, 1);
} */
.classic_text_button span {
    font-size: 24px;
}

.classic_text_button:hover {
    background-color: #7aec81;
    color: #0D54C1;
    font-weight: 600;
    text-decoration: none;
}

/* .classic_text_button:hover::after {
filter: brightness(100%) invert(0%);;
} */

.reasons_container {
    background-color: #F5F7FC;
    border-radius: 32px;
    margin: 140px auto;
}

.reasons_block {
    min-width: 560px;
    border-radius: 32px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}

.reasons_block_title {
    align-self: start;
    margin: 25px 25px 0;
}

.reasons_block_title p {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    /* text-transform: uppercase; */
    color: #F6FBFF;
    margin: 0;
    margin-top: 14px;
}

.reasons_block_title p>span {
    width: 104px;
    display: inline-block;
    margin-right: 21px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-size: 42px;
    line-height: 100%;
    text-align: right;
    text-transform: uppercase;
    color: #86FF7C;
}

.reasons_block_title p>span span {
    display: inline-block;
    font-style: normal;
}

.reasons_block_title p span.k {
    font-size: 26px;
}

.reasons_block.bg {
    /* background: linear-gradient(180deg, #064BB5 6.4%, #135BCB 50.15%, #034382 100%); */
    background-image: url(./img/rectangle_bg.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    filter: drop-shadow(-2px 0px 6px gray);
    overflow: hidden;
    margin: -80px -50px -80px 0;
    width: 566px;
    height: 800px;
}

.reasons_block img.title {
    width: 80%;
    margin: 60px 10px;
}

.reasons_block .marcet_box {
    margin: 25px;
    margin-bottom: 60px;
    width: 90%;
    display: flex;
    justify-content: space-around;
}

.reasons_block img.bg {
    width: 100%;
}

.phone_stores {
    width: 90%;
    display: flex;
    margin: 0 auto;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

.phone_store {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
}

.phone_stores .phone_store img {
    width: 80%;
    transition: .5s cubic-bezier(0.175, 0.885, 0.32, 1.075);
    transform: translate3d(0, 100%, 0) scale(.5);
}

.phone_stores.active .phone_store img {
    transform: translate3d(0, 0%, 0) scale(1);
}

.phone_store.img_iphone {
    /* width: 182px;
height: 378px; */
    background-image: url(./img/img_iphone.png);
}

.phone_store.img_android {
    /* width: 196px;
    height: 378px; */
    background-image: url(./img/img_android.png);
}

.search_auto {
    margin: 25px;
    width: 456px;
    height: 56px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 8px 8px 24px rgb(35 34 48 / 16%);
    backdrop-filter: blur(10px);
    border-radius: 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.search_auto img {
    margin: 16px 26px;
}

.search_auto span {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 140%;
    /* or 31px */

    display: flex;
    align-items: center;

    /* Text black */
    padding: 0 7px;

    color: #2A2A2A;
    border-right: 4px solid #86FF7C;
    animation: .6s search_border infinite;
}

@keyframes search_border {
    0% {
        border-right: 4px solid #87ff7c00;
    }

    50% {
        border-right: 4px solid #87ff7c00;
    }

    51% {
        border-right: 4px solid #0d55c1;
    }

    100% {
        border-right: 4px solid #0d55c1;
    }
}

.reasons_items {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: stretch;
    align-content: flex-start;
}

.reasons_item {
    position: relative;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #0D54C1;
    padding: 24px 16px;
    overflow: hidden;
    z-index: 1;

    width: 250px;
    /* height: 114px; */

    margin: 5px;
    border-radius: 24px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}

.reasons_item::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity 200ms ease-in-out;
    background: linear-gradient(257.25deg, #064BB5 0%, #135BCB 51.58%, #034382 100%);
    opacity: 0;
    z-index: -1;
}

.reasons_item.active::after {
    opacity: 1;
}

.reasons_item.active {
    color: #FFFFFF;
}

.reasons_item h2 {
    font-style: normal;
    font-weight: 900;
    font-size: 42px;
    line-height: 100%;
    color: #86FF7C;
    margin: 0;
    margin-right: 16px;
}

.reasons_item p {
    margin: 0;
}

.js_num::before {
    content: attr(data-before);
}

.js_num::after {
    content: attr(data-after);
}

.text_blue {
    color: #0D54C1;
}

.text_orange {
    color: #f5792e;
}

.quiz_block {
    /* background: #F5F7FC; */
    background: #ffffff;
    border: 2px solid #0D54C1;
    border-radius: 32px;
    /* padding-bottom: 80px;
    margin-top: 120px;
    margin-bottom: 200px; */
    position: relative;
    overflow: hidden;
}

.quizzes_title {
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
    margin: 5vw 3vw;
}

.quiz_phones_block {
    width: 100%;
    position: relative;
    /* background: #0e54c1;
    background: rgb(34, 193, 195);
    background: linear-gradient(0deg, #0f438f 0%, #1F6AD8 100%); */
    background: #1f6ad8;
    border-radius: 29px 29px 0 0;
}

.quiz_phones_block img {
    position: relative;
    width: 76.8vw;
    z-index: 0;
    margin: 4vw 9.6vw 15vw;
}


.quiz_phones_block lottie-player {
    position: relative;
    width: 64vw;
    z-index: 0;
    margin: 0vw 16vw 10vw;
}

.quiz_phones_block .classic_text_button {
    z-index: 2;
    background-color: #7aec81;
    color: #0D54C1;
    left: 0;
    bottom: 0;
    right: 0;
    margin: -3vw auto;
    position: absolute;
    width: max-content;
    /* box-shadow: 0 0 0 2px #0D54C1; */
    box-shadow: 0 0 0 2px #7aec81;
    font-size: 18px;
    padding: 0px 50px;
    box-shadow: 0 1px 7px #0e438f;
    text-transform: uppercase;
}

.quiz_phones_block .classic_text_button:hover {
    background: #0D54C1;
    color: white;
    box-shadow: 0 0 0 2px #7aec81;
}



.quiz_block .quizzes {
    position: relative;
    z-index: 1;
}

.quiz_preview_wrapper {
    position: relative;
    display: inline-flex;
    padding: 0;
    margin: 0;
}

div.horizontal_scrollable {
    position: relative;
    overflow-x: scroll;
    white-space: nowrap;
    padding: 7px;
    width: calc(96vw - 14px);
    /* display: flex; */
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
    transition: all 500ms ease-in-out;
}

/* Hide scrollbar for Chrome, Safari and Opera */
div.horizontal_scrollable::-webkit-scrollbar {
    display: none;
}


.mobile.quizzes_block.scroll div.horizontal_scrollable {
    transform: translateX(-100%);
}

.mobile.quizzes_block.scroll div.horizontal_scrollable.two {
    transform: translateX(100%);
}

.mobile.quizzes_block.scroll.show div.horizontal_scrollable {
    transform: translateX(0%);
}

div.horizontal_scrollable div {
    display: inline-flex;
    margin: 0;
    padding: 0;
}

div.horizontal_scrollable button,
div.horizontal_scrollable a {
    display: inline-flex;
    padding: 7px 12px;
    margin: 0 4px;
    text-decoration: none;
    border-radius: 8px;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
}

div.horizontal_scrollable button::before,
div.horizontal_scrollable a::before {
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-right: 7px;
}

div.horizontal_scrollable button.quiz_group_color_1::before,
div.horizontal_scrollable a.quiz_group_color_1::before {
    content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.33 4.07V13.98C18.33 14.79 17.67 15.53 16.86 15.63L16.60 15.67C15.24 15.85 13.31 16.42 11.76 17.07C11.22 17.29 10.62 16.88 10.62 16.29V4.70C10.62 4.39 10.8 4.11 11.07 3.96C12.6 3.13 14.90 2.40 16.47 2.27H16.52C17.52 2.27 18.33 3.07 18.33 4.07Z" fill="%232A2A2A"/><path d="M8.92 3.96C7.39 3.13 5.09 2.40 3.52 2.27H3.46C2.46 2.27 1.65 3.07 1.65 4.07V13.98C1.65 14.79 2.31 15.53 3.12 15.63L3.38 15.67C4.74 15.85 6.67 16.42 8.22 17.07C8.76 17.29 9.36 16.88 9.36 16.29V4.70C9.36 4.38 9.19 4.11 8.92 3.96ZM4.16 6.48H6.04C6.38 6.48 6.66 6.77 6.66 7.11C6.66 7.46 6.38 7.73 6.04 7.73H4.16C3.82 7.73 3.54 7.46 3.54 7.11C3.54 6.77 3.82 6.48 4.16 6.48ZM6.66 10.23H4.16C3.82 10.23 3.54 9.96 3.54 9.61C3.54 9.27 3.82 8.98 4.16 8.98H6.66C7.00 8.98 7.29 9.27 7.29 9.61C7.29 9.96 7.00 10.23 6.66 10.23Z" fill="%232A2A2A"/></svg>');
}

div.horizontal_scrollable button.quiz_group_color_2::before,
div.horizontal_scrollable a.quiz_group_color_2::before {
    content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.53 2.96C14.51 1.99 16.09 1.99 17.07 2.96C18.00 3.90 18.04 5.40 17.18 6.38L17.07 6.50L16.48 7.09L17.07 7.68C17.68 8.29 17.71 9.27 17.16 9.93L17.07 10.03L13.53 13.57C13.20 13.89 12.68 13.89 12.35 13.57C12.05 13.27 12.03 12.8 12.28 12.47L12.35 12.39L15.89 8.85L15.30 8.26L7.07 16.50C6.96 16.60 6.84 16.68 6.70 16.72L6.60 16.75L3.69 17.33C3.13 17.44 2.64 16.98 2.68 16.44L2.70 16.34L3.28 13.43C3.31 13.29 3.37 13.15 3.46 13.04L3.53 12.96L13.53 2.96ZM14.71 4.14L14.12 4.73L15.30 5.91L15.89 5.32C16.21 4.99 16.21 4.47 15.89 4.14C15.56 3.81 15.03 3.81 14.71 4.14Z" fill="%232A2A2A"/></svg>')
}

div.horizontal_scrollable button.quiz_group_color_3::before,
div.horizontal_scrollable a.quiz_group_color_3::before {
    content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.20 3.24C2.26 4.17 2.26 5.70 3.20 6.63L4.52 7.96C4.53 7.95 4.54 7.94 4.55 7.92L7.89 4.59C7.90 4.58 7.91 4.57 7.92 4.56L6.60 3.24C5.66 2.30 4.14 2.30 3.20 3.24Z" fill="%232A2A2A"/><path d="M8.80 5.44C8.79 5.45 8.78 5.46 8.77 5.47L5.44 8.81C5.43 8.82 5.41 8.83 5.40 8.84L13.39 16.83C14.33 17.77 15.85 17.77 16.79 16.83C17.73 15.89 17.73 14.37 16.79 13.43L8.80 5.44Z" fill="%232A2A2A"/><path d="M13.41 1.96C13.55 1.61 14.03 1.61 14.16 1.96L14.52 2.87C14.56 2.97 14.64 3.05 14.75 3.10L15.66 3.46C16.00 3.59 16.00 4.07 15.66 4.21L14.75 4.57C14.64 4.61 14.56 4.69 14.52 4.80L14.16 5.71C14.03 6.05 13.55 6.05 13.41 5.71L13.05 4.80C13.01 4.69 12.93 4.61 12.83 4.57L11.92 4.21C11.58 4.07 11.58 3.59 11.92 3.46L12.83 3.10C12.93 3.05 13.01 2.97 13.05 2.87L13.41 1.96Z" fill="%232A2A2A"/><path d="M16.63 7.64C16.77 7.30 17.25 7.30 17.38 7.64L17.51 7.97C17.56 8.08 17.64 8.16 17.74 8.20L18.07 8.33C18.41 8.47 18.41 8.95 18.07 9.08L17.74 9.22C17.64 9.26 17.56 9.34 17.51 9.44L17.38 9.78C17.25 10.12 16.77 10.12 16.63 9.78L16.50 9.44C16.46 9.34 16.38 9.26 16.28 9.22L15.95 9.08C15.61 8.95 15.61 8.47 15.95 8.33L16.28 8.20C16.38 8.16 16.46 8.08 16.50 7.97L16.63 7.64Z" fill="%232A2A2A"/><path d="M4.27 12.79C4.41 12.45 4.89 12.45 5.02 12.79L5.15 13.12C5.19 13.23 5.28 13.31 5.38 13.35L5.71 13.48C6.05 13.62 6.05 14.10 5.71 14.23L5.38 14.36C5.28 14.41 5.19 14.49 5.15 14.59L5.02 14.92C4.89 15.27 4.41 15.27 4.27 14.92L4.14 14.59C4.10 14.49 4.02 14.41 3.91 14.36L3.58 14.23C3.24 14.10 3.24 13.62 3.58 13.48L3.91 13.35C4.02 13.31 4.10 13.23 4.14 13.12L4.27 12.79Z" fill="%232A2A2A"/></svg>')
}

div.horizontal_scrollable button.quiz_group_color_4::before,
div.horizontal_scrollable a.quiz_group_color_4::before {
    content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 4.20C8.45 4.20 6.96 4.81 5.87 5.91C4.78 7.00 4.16 8.49 4.16 10.03V10.87H5.9C6.45 10.87 6.73 10.87 6.95 10.97C7.14 11.07 7.29 11.22 7.39 11.42C7.5 11.62 7.5 11.91 7.5 12.47V15.93C7.5 16.49 7.5 16.77 7.39 16.98C7.29 17.17 7.14 17.32 6.95 17.42C6.74 17.53 6.45 17.53 5.9 17.53H5.16C4.23 17.53 3.76 17.53 3.41 17.35C3.10 17.19 2.84 16.94 2.68 16.62C2.51 16.28 2.5 15.86 2.5 15.03V10.03C2.5 9.05 2.69 8.07 3.07 7.16C3.44 6.25 4.00 5.43 4.69 4.73C5.39 4.03 6.21 3.48 7.12 3.10C8.03 2.73 9.01 2.53 10 2.53C10.98 2.53 11.96 2.73 12.87 3.10C13.78 3.48 14.60 4.03 15.30 4.73C15.99 5.43 16.55 6.25 16.92 7.16C17.30 8.07 17.5 9.05 17.5 10.03V15.03C17.5 15.86 17.49 16.28 17.31 16.62C17.15 16.93 16.90 17.19 16.59 17.35C16.23 17.53 15.76 17.53 14.83 17.53H14.1C13.54 17.53 13.26 17.53 13.05 17.42C12.85 17.33 12.70 17.17 12.60 16.98C12.5 16.77 12.5 16.49 12.5 15.93V12.47C12.5 11.91 12.5 11.63 12.60 11.42C12.70 11.22 12.85 11.07 13.05 10.97C13.25 10.87 13.54 10.87 14.1 10.87H15.83V10.03C15.83 8.49 15.21 7.00 14.12 5.91C13.03 4.81 11.54 4.20 10 4.20Z" fill="%232A2A2A"/></svg>')
}

div.horizontal_scrollable button.quiz_group_color_5::before,
div.horizontal_scrollable a.quiz_group_color_5::before {
    content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.00 18.37C14.60 18.37 18.33 14.64 18.33 10.03C18.33 5.43 14.60 1.70 10.00 1.70C5.39 1.70 1.66 5.43 1.66 10.03C1.66 11.37 1.98 12.63 2.53 13.74C2.68 14.04 2.73 14.38 2.64 14.70L2.15 16.55C1.93 17.36 2.67 18.10 3.47 17.88L5.33 17.39C5.65 17.30 5.99 17.35 6.28 17.50C7.40 18.05 8.66 18.37 10.00 18.37ZM6.66 11.07C6.32 11.07 6.04 11.35 6.04 11.70C6.04 12.04 6.32 12.32 6.66 12.32H11.25C11.59 12.32 11.87 12.04 11.87 11.70C11.87 11.35 11.59 11.07 11.25 11.07H6.66ZM6.04 8.78C6.04 8.44 6.32 8.16 6.66 8.16H13.33C13.67 8.16 13.95 8.44 13.95 8.78C13.95 9.13 13.67 9.41 13.33 9.41H6.66C6.32 9.41 6.04 9.13 6.04 8.78Z" fill="%232A2A2A"/></svg>')
}




div.horizontal_scrollable button strong,
div.horizontal_scrollable a strong {
    margin-left: 7px;
}



.quiz_group_color_0 {
    border: 2px solid #0D54C1;
}

.quiz_group_color_0.active {
    background-color: #0D54C1;
    border: 2px solid #0D54C1;
    color: white;
}

.quiz_group_color_1 {
    background-color: #50D9C9;
    border: 2px solid #50D9C9;
}

.quiz_group_color_2 {
    background-color: #E0C5F6;
    border: 2px solid #E0C5F6;
}

.quiz_group_color_3 {
    background-color: #F4D35E;
    border: 2px solid #F4D35E;
}

.quiz_group_color_4 {
    background-color: #FA9DD7;
    border: 2px solid #FA9DD7;
}

.quiz_group_color_5 {
    background-color: #60F054;
    border: 2px solid #60F054;
}

.desktop section.quiz_preview.quiz_group_1 {
    background-color: #edfffd;
    border: 1px solid #50D9C9;
}

.desktop section.quiz_preview.quiz_group_2 {
    background-color: #f6ecff;
    border: 1px solid #E0C5F6;
}

.desktop section.quiz_preview.quiz_group_3 {
    background-color: #fffae8;
    border: 1px solid #F4D35E;
}

.desktop section.quiz_preview.quiz_group_4 {
    background-color: #ffedf8;
    border: 1px solid #FA9DD7;
}

.desktop section.quiz_preview.quiz_group_5 {
    background-color: #edffec;
    border: 1px solid #60F054;
}

.mobile section.quiz_preview {
    background-color: #ffffffc7;
}

div.horizontal_scrollable button:not(.active),
div.horizontal_scrollable a:not(.active) {
    background-color: white;
}

.quizzes_block.mobile[data-group="1"] {
    background-color: #DCF4F1;
}

.quizzes_block.mobile[data-group="2"] {
    background-color: #F2E8FA;
}

.quizzes_block.mobile[data-group="3"] {
    background-color: #FFF4CB;
}

.quizzes_block.mobile[data-group="4"] {
    background-color: #FFE6F5;
}

.quizzes_block.mobile[data-group="5"] {
    background-color: #DCFFD9;
}

article.quiz_block {
    transition: background-color 700ms ease-in-out;
}

article.quiz_block[data-group="1"] {
    background-color: #DCF4F1;
}

article.quiz_block[data-group="2"] {
    background-color: #F2E8FA;
}

article.quiz_block[data-group="3"] {
    background-color: #FFF4CB;
}

article.quiz_block[data-group="4"] {
    background-color: #FFE6F5;
}

article.quiz_block[data-group="5"] {
    background-color: #DCFFD9;
}

div.quiz_group_wrapper {
    height: 400px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    z-index: 2;
}

div.quiz_group_wrapper:not(.active) {
    /* display: none; */
    z-index: 1;
}

div.quiz_group_wrapper section {
    transform: translateY(-400px);
    opacity: 0;
    transition: all 150ms;
    pointer-events: none;
}

div.quiz_group_wrapper section.quiz_preview:nth-child(n + 4) {
    display: none;
}

div.quiz_group_wrapper.active section {
    transform: translateY(0px);
    opacity: 1;
    transition: all 350ms;
    pointer-events: all;
}

section.quiz_preview time {
    font-size: 14px;
    font-weight: 500;
    padding: 4px 0px;
}

section.quiz_preview time::before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" viewBox="0 0 12 14" fill="none"><g clip-path="url(%23clip0_2635_457)"><path d="M8.75 4.19L11.12 0.80H0.89V7.58H11.12L8.75 4.19Z" fill="%23FF6523"/><path d="M9.78 4.19L11.86 1.22C12.03 0.98 12.04 0.67 11.89 0.42C11.73 0.17 11.44 0.02 11.12 0.02H0.89C0.41 0.02 0.02 0.37 0.02 0.80V4.40V7.58V13.18C0.02 13.61 0.41 13.96 0.89 13.96C1.37 13.96 1.76 13.61 1.76 13.18V8.36H11.12C11.44 8.36 11.73 8.21 11.89 7.96C12.04 7.71 12.03 7.40 11.86 7.16L9.78 4.19ZM8.01 4.61L9.55 6.80H1.76V4.40V1.58H9.55L8.01 3.77C7.83 4.03 7.83 4.35 8.01 4.61Z" fill="%23FF6523"/></g></svg>');
    margin-right: 7px;
}



/* .quiz_preview_wrapper .quiz_preview:first-child 
section.quiz_preview footer a.button:hover, */

section.quiz_preview {
    /* max-width: calc(88vw - 48px);
    width: calc(88vw - 48px);
    background-color: white;
    box-shadow: 0px 10px 20px rgb(0 0 0 / 8%);
    padding: 24px;
    border-radius: 24px;
    margin: 24px 0; */
    /* min-width: 50vw; */
    /* max-width: 98vw; */
    width: 85vw;
    /* width: calc(88vw - 48px); */
    background-color: white;
    /* box-shadow: 0px 10px 20px rgb(0 0 0 / 8%); */
    /* padding: 24px; */
    border-radius: 24px;
    /* overflow: hidden; */

    position: relative;
    border-radius: 4vw;
    /* width: 66vw; */
    height: max-content;
    /* margin: 3vw 2vw 5vw; */
    margin: 3vw 3vw;
    padding: 2.5vw;
    /* overflow: hidden; */
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 2.5vw;
}

section.main_quiz {}

.quiz_preview_slide {
    display: block;
}

section.quiz_preview header {
    /* max-width: 100%;
    width: 100%;
    margin: 0;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start; */

    top: auto;
    max-width: 100%;
    width: 100%;
    margin: 0;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

section.quiz_preview span.quiz_new_status {
    display: inline-flex;
    padding: 4px 7px;
    margin-left: auto;
    text-decoration: none;
    border-radius: 12px;
    flex-direction: row;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    overflow: hidden;
}

section.quiz_preview span.quiz_new_status:after {
    content: "";
    height: 100%;
    left: 00%;
    position: absolute;
    top: 0%;
    transform: translateX(-150%) skewX(30deg);
    width: 200%;
    background: rgba(255, 255, 255, 0.13);
    background: linear-gradient(to right, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.7) 92%, rgba(255, 255, 255, 0.0) 100%);
    animation: 2.5s gloss ease-in-out infinite;
}

@keyframes gloss {
    from {
        transform: translateX(-150%) skewX(30deg);
    }

    to {
        transform: translateX(150%) skewX(30deg);
    }
}

section.quiz_preview header img {
    border-radius: 50%;
    width: 56px;
    height: 56px;
}

section.quiz_preview header h2 {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

section.quiz_preview main {
    margin: 0;
}

section.quiz_preview main p {
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    height: 68px;
    max-height: 83px;
    color: #2A2A2A;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    margin: 0;
}

section.quiz_preview footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    position: static;
}

.mobile section.quiz_preview header,
.mobile section.quiz_preview main,
.mobile section.quiz_preview footer {
    width: 100%;
    /* margin: 0vw; */
}

section.quiz_preview div.published_time {
    margin: 0;
    padding: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}


.rating {
    display: block;
    position: relative;
    width: 120px;
    height: 24px;
    background-size: 24px 24px;
    background-repeat: repeat-x;
    /* background-position: 0px 0; */
    border-radius: 0;
    background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' width='24' height='24' xmlns='http://www.w3.org/2000/svg'><path d='M11.04 2.92C11.34 2.00 12.65 2.00 12.95 2.92L14.46 7.60C14.60 8.01 14.98 8.29 15.42 8.29H20.33C21.30 8.29 21.70 9.53 20.92 10.10L16.94 12.98C16.59 13.24 16.44 13.69 16.58 14.10L18.10 18.78C18.40 19.70 17.34 20.46 16.56 19.89L12.58 17.01C12.23 16.75 11.76 16.75 11.41 17.01L7.43 19.89C6.65 20.46 5.59 19.70 5.89 18.78L7.41 14.10C7.55 13.69 7.40 13.24 7.05 12.98L3.07 10.10C2.29 9.53 2.69 8.29 3.66 8.29H8.57C9.01 8.29 9.39 8.01 9.53 7.60L11.04 2.92Z' fill='%23DDDDDD'></path></svg>");
}

.rating:-moz-meter-optimum::-moz-meter-bar {
    background-size: 24px 24px;
    background-repeat: repeat-x;
    /* background-position: 0px 0; */
    background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' width='24' height='24' xmlns='http://www.w3.org/2000/svg'><path d='M11.04 2.92C11.34 2.00 12.65 2.00 12.95 2.92L14.46 7.60C14.60 8.01 14.98 8.29 15.42 8.29H20.33C21.30 8.29 21.70 9.53 20.92 10.10L16.94 12.98C16.59 13.24 16.44 13.69 16.58 14.10L18.10 18.78C18.40 19.70 17.34 20.46 16.56 19.89L12.58 17.01C12.23 16.75 11.76 16.75 11.41 17.01L7.43 19.89C6.65 20.46 5.59 19.70 5.89 18.78L7.41 14.10C7.55 13.69 7.40 13.24 7.05 12.98L3.07 10.10C2.29 9.53 2.69 8.29 3.66 8.29H8.57C9.01 8.29 9.39 8.01 9.53 7.60L11.04 2.92Z' fill='%2360F054'></path></svg>");
}

.rating::-webkit-meter-bar {
    background: transparent;
    border-radius: 0;
    border: 0;
    height: 24px;
}

.rating::-webkit-meter-optimum-value {
    background-color: transparent;
    height: 100%;
    background-size: 24px 24px;
    background-repeat: repeat-x;
    /* background-position: 0px 0; */
    background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' width='24' height='24' xmlns='http://www.w3.org/2000/svg'><path d='M11.04 2.92C11.34 2.00 12.65 2.00 12.95 2.92L14.46 7.60C14.60 8.01 14.98 8.29 15.42 8.29H20.33C21.30 8.29 21.70 9.53 20.92 10.10L16.94 12.98C16.59 13.24 16.44 13.69 16.58 14.10L18.10 18.78C18.40 19.70 17.34 20.46 16.56 19.89L12.58 17.01C12.23 16.75 11.76 16.75 11.41 17.01L7.43 19.89C6.65 20.46 5.59 19.70 5.89 18.78L7.41 14.10C7.55 13.69 7.40 13.24 7.05 12.98L3.07 10.10C2.29 9.53 2.69 8.29 3.66 8.29H8.57C9.01 8.29 9.39 8.01 9.53 7.60L11.04 2.92Z' fill='%2360F054'></path></svg>");
}

section.quiz_preview footer span.counter {
    font-size: 14px;
    font-weight: 500;
}

section.quiz_preview footer span.counter::before {
    content: url('data:image/svg+xml,<svg width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2635_483)"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.71 4.21C2.71 1.89 4.52 0.01 6.76 0.01C9.00 0.01 10.81 1.89 10.81 4.21C10.81 6.52 9.00 8.40 6.76 8.40C4.52 8.40 2.71 6.52 2.71 4.21Z" fill="%230D54C1"/><path d="M11.14 6.59C11.10 6.67 11.11 6.77 11.18 6.83C11.71 7.23 12.36 7.47 13.06 7.47C14.8 7.47 16.20 6.01 16.20 4.21C16.20 2.40 14.8 0.95 13.06 0.95C12.36 0.95 11.71 1.18 11.18 1.58C11.11 1.64 11.10 1.74 11.14 1.82C11.50 2.53 11.71 3.34 11.71 4.21C11.71 5.07 11.50 5.88 11.14 6.59Z" fill="%230D54C1"/><path fill-rule="evenodd" clip-rule="evenodd" d="M2.39 9.98C3.50 9.48 4.95 9.33 6.76 9.33C8.57 9.33 10.02 9.48 11.13 9.98C12.34 10.53 13.08 11.45 13.46 12.76C13.64 13.37 13.20 13.99 12.58 13.99H0.94C0.32 13.99 -0.11 13.37 0.06 12.76C0.44 11.45 1.18 10.52 2.39 9.98Z" fill="%230D54C1"/><path d="M11.54 8.43C11.17 8.45 11.15 8.97 11.49 9.13C12.43 9.55 13.14 10.17 13.64 10.96C14.06 11.62 14.70 12.12 15.46 12.12H17.06C17.69 12.12 18.16 11.47 17.93 10.83C17.92 10.79 17.91 10.76 17.89 10.72C17.59 9.91 17.06 9.32 16.28 8.94C15.54 8.59 14.62 8.44 13.54 8.40L13.52 8.40H13.51C12.87 8.40 12.20 8.39 11.54 8.43Z" fill="%230D54C1"/></g></svg>');
    margin-right: 7px;
}



section.quiz_preview footer button,
section.quiz_preview footer a.button {
    min-width: 135px;
    min-height: 48px;
    border: 1px solid #0D54C1;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    color: #62f758;
    text-transform: uppercase;
    background-color: #0D54C1;
    padding: 14px;
    transition: .5s cubic-bezier(0.175, 0.885, 0.32, 1);
}

section.quiz_preview footer a.button {
    min-width: auto;
    min-height: auto;
    text-align: center;
    text-decoration: none;
    /* color: #62f758; */
    color: white;
    font-weight: 400;
    text-transform: uppercase;
    background-color: #0D54C1;
}

section.quiz_preview footer a.button::before {
    content: "";
    display: block;
    /* background-color: #ffffff00; */
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

section.quiz_preview footer button:hover,
/* section.quiz_preview.main_quiz footer button, */
section.quiz_preview footer a.button:hover

/* section.quiz_preview.main_quiz footer a.button */
    {
    background: #62f758;
    color: #0D54C1;
}

/* section.quiz_preview.main_quiz footer button:hover,
section.quiz_preview.main_quiz footer a.button:hover {
    background-color: #7aec81;
    color: #0D54C1;
} */

.quizzes_block.mobile {
    z-index: 3;
    margin: 0;
    background-color: white;
    border-radius: 29px 29px 0 0;
    margin-top: -40px;
    transition: background-color 500ms ease-in-out;
}

.quizzes_block h1 {
    margin: 12px 64px;
}

.mobile.quizzes_block h1 {
    text-align: center;
    margin: 0;
    padding: 12px 64px;
}

.quizzes_block .quizzes_content {
    display: block;
    padding: 0;
    margin: 0;
    height: 400px;
    position: relative;
}

/* .quizzes_block .quizzes_content::after{
    content: "";
    position: absolute;
    bottom: 0;
    top: 0;
    display: block;
    width: 100%;
    height: auto;
    box-shadow: 0 -8px 8px -8px rgb(0, 0, 0) inset;
    border-radius:  0 0 28px 20px;
    z-index: 3;
    pointer-events: none;
} */

.companies_block {
    background: #F5F7FC;
    border: 2px solid #0D54C1;
    border-radius: 32px;
    padding-bottom: 150px;
}

.phones_block {
    position: relative;
    width: 560px;
    min-width: 560px;
    height: 500px;
    overflow: hidden;
    top: -140px;
}

.phones_block img {
    position: absolute;
    bottom: 0;
    filter: drop-shadow(6px 6px 18px rgba(0, 0, 0, 0.40));
}

.phones_block img:first-child {
    width: 224.5px;
    left: 50px;
}

.phones_block img:last-child {
    width: 257.98px;
    left: 244px;
}

.quizzes,
.companies {
    padding: 30px 30px 30px 0
}

.companies_img {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly;
}

.companies_img div::after {
    content: '';
    transition: opacity .2s ease-in-out;
    opacity: 0;
}

.companies_img div:hover::after {
    opacity: 1;
}

.companies_img div,
.companies_img div::after {
    display: block;
    width: 144px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.companies_img div {
    margin: 12px;
}

.companies_img .img_Boeing {
    background-image: url('./img/companies_gray/Boeing.svg');
}

.companies_img .img_Boeing::after {
    background-image: url('./img/companies/Boeing.svg');
}

.companies_img .img_Johns {
    background-image: url('./img/companies_gray/Johns.svg');
}

.companies_img .img_Johns::after {
    background-image: url('./img/companies/Johns.svg');
}

.companies_img .img_Ubisoft {
    background-image: url('./img/companies_gray/Ubisoft.svg');
}

.companies_img .img_Ubisoft::after {
    background-image: url('./img/companies/Ubisoft.svg');
}

.companies_img .img_ABB {
    background-image: url('./img/companies_gray/ABB.svg');
}

.companies_img .img_ABB::after {
    background-image: url('./img/companies/ABB.svg');
}

.companies_img .img_TD {
    background-image: url('./img/companies_gray/TD.svg');
}

.companies_img .img_TD::after {
    background-image: url('./img/companies/TD.svg');
}

.companies_img .img_Costco {
    background-image: url('./img/companies_gray/Costco.svg');
}

.companies_img .img_Costco::after {
    background-image: url('./img/companies/Costco.svg');
}

.companies_img .img_Walmart {
    background-image: url('./img/companies_gray/Walmart.svg');
}

.companies_img .img_Walmart::after {
    background-image: url('./img/companies/Walmart.svg');
}

.companies_img .img_CAT {
    background-image: url('./img/companies_gray/CAT.svg');
}

.companies_img .img_CAT::after {
    background-image: url('./img/companies/CAT.svg');
}

#benefits .article_title {
    padding: 3vw;
}

.flex_column-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.reviews_block {
    margin: -320px 0 0px 0;
}

.reviews_block h1 {
    margin: 12px 64px;
}

.reviews_content {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
}

.review_item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 24px;
    margin: 18px;
    width: 322px;
    height: 233px;
    background: white;
    box-shadow: 0px 10px 20px rgb(0 0 0 / 8%);
    border-radius: 24px;
    justify-content: space-between;
}

.review_item hr {
    display: block;
    width: 128px;
    height: 0px;
    border: none;
    border-top: 1px solid #DDDDDD;
    margin: 8px 0;
    padding: 0;
}

.review_item p {
    margin: 8px 0;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
}

.review_user {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.review_user p {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 48px;
    letter-spacing: 0.035em;
    color: #2A2A2A;
    margin: 0;
}

.review_user .menu_img {
    display: block;
    background-image: url('./img/menu_icon.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
    margin-right: 0;
    margin-left: auto;
}

.review_user img {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    margin-right: 12px;
}

.review_stars,
.review_stars .stars {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.review_futter div {
    display: flex;
    flex-direction: row;
}

.review_stars time {
    margin-left: 12px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 48px;
    /* or 343% */

    display: flex;
    align-items: center;
    letter-spacing: 0.035em;

    /* Text black */

    color: #2A2A2A;
}

.review_star {
    display: block;
    background-image: url('./img/review_star.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
}

.review_star.checked {
    background-image: url('./img/review_star_checked.svg');
}

.review_futter {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    color: #2A2A2A;
    width: 100%;
}

.review_futter button,
button.slick-arrow {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 12px;
    width: 60px;
    height: 30px;
    border: 1px solid #0D54C1;
    border-radius: 7px;
    background: transparent;
    margin-left: 7px;
    transition: all 150ms ease-in-out;
}

button.slick-arrow:hover {
    background-color: #0d55c12e;
    /* color: white; */
}

button.slick-arrow:active {
    background-color: #0D54C1;
    color: white;
}

.slick-prev.slick-arrow {
    position: absolute;
    bottom: 0;
    right: 90px;
}

.slick-next.slick-arrow {
    position: relative;
    margin: 0 20px 0 auto;
}

.desktop {
    display: initial;
}

.mobile {
    display: none;
}

.slick-arrow {
    display: none;
}

.slick-dots {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 3vw;
    padding: 0;
}

.slick-dots li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.slick-dots button {
    font-size: 0;
    line-height: 0;
    display: block;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    margin: 0 5px;
    width: 24px;
    height: 6px;
    background: #DDDDDD;
    border-radius: 2px;
}

.slick-dots .slick-active button {
    background: #0D54C1;
}

footer {
    position: relative;
    margin: 0px auto 0;
    max-width: 1200px;
}

footer .footer_content {
    position: relative;
    margin: 100px 2vw 0;
    max-width: 1152px;
    padding: 163px 23px 23px 23px;
    background: #F8F8FF;
    border-radius: 23px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start;
}

.footer_banner {
    overflow: hidden;
    top: -60px;
    position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    width: 936px;
    height: 200px;
    background: linear-gradient(90deg, #064BB5 0%, #135BCB 37.05%, #034382 100%);
    border-radius: 32px;
    box-shadow: 0px 8px 22px #0000004a;
}

.award_block {
    position: relative;
    width: 422px;
    height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-image: url('./img/splash.svg');
}

.footer_banner .store_icon_block {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    margin: 0;
}

.footer_banner .store_icon_block a {
    margin: 14px;
}

.footer_banner .store_icon_block img {}

.social_icon {
    /* transition: filter .2s ease-in-out; */
    margin: 36px 30px 0px 0px;
    filter: brightness(0.2);
}

.social_icon:hover {
    filter: brightness(1);
}

footer a.btn,
footer p {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 212%;
    display: flex;
    align-items: center;
    color: #2A2A2A;
    margin: 0;
}

footer a.btn {
    line-height: 180%;
}

footer a.btn:hover {
    color: #0e54c1;
    text-decoration: underline;
}

footer p strong {
    font-weight: 600;
}

footer p small {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    font-size: 12px;
    line-height: 18px;
}

#team_map {
    margin: 20px auto -30px;
    position: relative;
    display: block;
    width: 1100px;
    height: 725px;

    max-width: 1152px;
    background-image: url('./img/team.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

#team_map figure {
    position: absolute;
    margin: 0;
    font-size: 0px;
    line-height: 0;
}

#team_map figure img {
    border-radius: 50px;
    width: 100px;
    height: 100px;
    transform-origin: center center;
    transition: transform 600ms ease;
}

#team_map figure.team_1 img {
    transform: scale(1.25);
}

#team_map figure.team_1 {
    left: 558px;
    top: 248px;
}

#team_map figure.team_2 img {
    transform: scale(1.15);
}

#team_map figure.team_2 {
    left: 733px;
    top: 325px;
}

#team_map figure.team_3 img {
    transform: scale(0.9);
}

#team_map figure.team_3 {
    left: 465px;
    top: 100px;
}

#team_map figure.team_4 img {
    transform: scale(.9);
}

#team_map figure.team_4 {
    left: 688px;
    top: 568px;
}

#team_map figure.team_5 img {
    transform: scale(1);
}

#team_map figure.team_5 {
    left: 210px;
    top: 150px;
}

#team_map figure.team_6 img {
    transform: scale(.8);
}

#team_map figure.team_6 {
    left: 610px;
    top: 415px;
}

#team_map figure.team_7 img {
    transform: scale(.8);
}

#team_map figure.team_7 {
    left: 345px;
    top: 230px;
}

#team_map figure.team_8 img {
    transform: scale(.9);
}

#team_map figure.team_8 {
    left: 600px;
    top: -5px;
}

#team_map figure.team_9 img {
    transform: scale(.8);
}

#team_map figure.team_9 {
    left: 50px;
    top: 160px;
}

#team_map figure.team_10 img {
    transform: scale(.8);
}

#team_map figure.team_10 {
    left: 930px;
    top: 285px;
}

#team_map figure.team_11 img {
    transform: scale(.8);
}

#team_map figure.team_11 {
    left: 365px;
    top: 535px;
}

#team_map figure.team_12 img {
    transform: scale(.8);
}

#team_map figure.team_12 {
    left: 700px;
    top: 125px;
}

#team_map figure.team_6 img {
    height: auto;
}

#team_map figure.team_7 img {
    width: auto;
}

#team_map figure figcaption {
    /* display: none; */
    position: absolute;
    width: max-content;
    min-width: 185px;
    height: auto;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(7px);
    padding: 10px;
    transition: transform 600ms ease;
    transform: translate3d(0%, 0%, 0)scale(0);
}

#team_map figure figcaption.top.left {
    transform-origin: top left;
    top: 10%;
    left: 10%;
    border-radius: 16px 16px 0px 16px;
}

#team_map figure.active figcaption.top.left {
    transform: translate3d(-100%, -100%, 0);
}

#team_map figure figcaption.top.right {
    transform-origin: top left;
    top: 10%;
    left: 90%;
    border-radius: 16px 16px 16px 0px;
}

#team_map figure.active figcaption.top.right {
    transform: translate3d(0%, -100%, 0);
}

#team_map figure figcaption.bottom.right {
    transform-origin: top left;
    top: 90%;
    left: 90%;
    border-radius: 0px 16px 16px 16px;
}

#team_map figure.active figcaption.bottom.right {
    transform: translate3d(0%, 0%, 0);
}

#team_map figure figcaption.bottom.left {
    transform-origin: top left;
    top: 90%;
    left: 10%;
    border-radius: 16px 0px 16px 16px;
}

#team_map figure.active figcaption.bottom.left {
    transform: translate3d(-100%, 0%, 0);
}

#team_map figure.active figcaption {
    display: block;
}

#team_map figure figcaption h1 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    color: #2A2A2A;
    margin: 2px 0;
}

#team_map figure figcaption p {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #2A2A2A;
    margin: 2px 0;
    white-space: pre-line;
}

#team_map figure.active {
    z-index: 10;
    filter: drop-shadow(0px 10px 10px rgb(0 0 0 / 16%));
}

#team_map figure.active img {
    transform: scale(1.5);
}

.num_block {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    justify-content: space-around;
    align-items: flex-start;
}

.num_block span {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-size: 42px;
    line-height: 140%;
    color: #2A2A2A;
}

.num_block span::after, .num_block span::before {
    color: #0D54C1;
}

.num_block p {
    width: 193px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    color: #2A2A2A;
}

.lds-loader {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    display: none;
    justify-content: center;
    align-items: center;
    background-color: #3f51b585;
}

.lds-loader.show {
    display: flex;
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid #fff;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #fff transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* * {
    box-shadow: 0 0 0 1px red;
} */

.blog_header_cover,
#drop_area {
    position: relative;
    z-index: 12;
    border-radius: 4vw;
    width: 96vw;
    height: 96vw;
    margin: 2vw auto;
    padding: 0vw;
    /* overflow: hidden; */
    top: 0;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 30px;
    color: #FFFFFF;
}

#drop_area .drop_area_button {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0;
    padding: 7px 12px;
    border-radius: 24px;
    opacity: .7;
    width: max-content;
    background-color: #000000ba;
}

#drop_area .drop_area_button svg {
    margin: 0;
    margin-right: 12px;
}

#drop_area .drop_area_button:hover {
    text-decoration: underline;
    opacity: 1;
}

#drop_area {
    border: 2px dashed #ccc;
}

#drop_area .social {
    user-select: none;
    pointer-events: none;
}

#drop_area.highlight {
    border-color: purple;
}

#gallery {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -1;

    /* position: relative; */
    border-radius: 4vw;
    /* width: 92vw;
    height: 92vw;
    margin: 2vw auto;
    padding: 0vw; */
    overflow: hidden;
}

.blog_header_cover .blog_header_bgcolor {
    position: absolute;
    width: 100vw;
    height: 100%;
    z-index: -1;
    transform: translateY(-170px);
    pointer-events: none;
}

#drop_area .blog_header_bgcolor {
    background-color: transparent;
    position: absolute;
    width: 110vw;
    height: 100%;
    z-index: -1;
    transform: translate3d(-50%, -170px, 0px);
    transition: background-color 150ms;
    pointer-events: none;
    left: 50%;
}

.blog_header_cover figure {
    margin: 0;
    padding: 0;
    width: 100%;
}

.blog_header_cover figure figcaption {
    position: relative;
    z-index: -2;
}

.blog_header_cover img.blog_header_cover_img,
#drop_area img.blog_header_cover_img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    z-index: -1;
    border-radius: 4vw;
}

#inputHandleFiles {
    display: none;
}

.blog_header_text {
    bottom: 0px;
    position: absolute;
    top: auto;
    z-index: 2;
    width: 88vw;
    min-width: 88vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 4vw;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 21, 43, 0.9) 20%, rgba(12, 73, 166, 0.9) 65%, rgba(0, 0, 0, 0) 100%);
    /* background: linear-gradient(360deg, rgba(0, 21, 43, 0.9) 2%, rgba(12, 73, 166, 0) 63.6%); */
    border-radius: 0 0 4vw 4vw;
}

.address_block_wrapper {
    box-sizing: border-box;
    padding: 4px 18px;
}

.address_block {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

address.author {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    font-style: normal;
    margin: 7px 0;

    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 30px;
    color: #FFFFFF;
    height: 32px;
}

address.social {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    font-style: normal;
    margin: 7px 0;
}

address.social .social_icon {
    margin: 2px;
    filter: brightness(0.0) invert(23%);
    width: 24px;
    height: 24px;
}

address.social .social_icon img {
    width: 24px;
    height: 24px;
}

address.social .social_icon:hover {
    filter: brightness(1.0) invert(100%);
}

address.author img {
    position: relative;
    width: 32px;
    height: 32px;
    margin-right: 16px;
    border-radius: 50%;
}

address.author a {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 30px;
    color: #FFFFFF;
    height: 32px;
}

.address_block_wrapper address.social .social_icon:hover {
    filter: brightness(1.0) invert(10%);
}

.address_block_wrapper address.author,
.address_block_wrapper address.author a {
    color: #444444;
}

.blog_header_text time {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    margin: 7px 0;
}

.blog_header_text #blog_title,
.blog_header_text #blog_title::placeholder,
.blog_header_text h1 {
    font-family: 'Poppins';
    /* font-family: 'IvarText'; */
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 130%;
    color: #FFFFFF;
    margin: 7px 0;
    width: 100%;
    padding: 0;
}

.blog_header_text #blog_description,
.blog_header_text #blog_description::placeholder,
.blog_header_text p {
    font-family: 'Poppins';
    /* font-family: 'IvarText'; */
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    color: #FFFFFF;
    margin: 7px 0;
    width: 100%;
    padding: 0;
}

.blog_header_text textarea {
    resize: none;
    overflow: hidden;
    background: transparent;
    border: none;
    border-bottom: 1px solid white;
}

#progress-bar {
    display: none;
}

.dropdown {
    z-index: 3;
}

.dropdown_btn {
    /* background-color: rgba(255, 255, 255, 0.045); */
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0px;
    cursor: pointer;
    border-radius: 5px;
    border: none;
    /* box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 10px 0px, rgba(0, 0, 0, 0.1) 0px 0px 0px 1px; */
    position: relative;
}

.dropdown_select {
    display: none;
}

.dropdown_list {
    position: absolute;
    width: 250px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 10px 0px,
        rgba(0, 0, 0, 0.1) 0px 0px 0px 1px;
    border-radius: 5px;
    margin-top: 0.3rem;
    background-color: rgb(47 47 47 / 90%);
    padding: 0;
    margin: 0;
    visibility: hidden;
    opacity: 0;
    transform: translateY(0.5rem);
    transition: all 0.1s cubic-bezier(0.16, 1, 0.5, 1);
    z-index: 4;
    overflow: hidden;
}

.dropdown_list li {
    display: block;
    padding: 2px 16px;
    margin: 0;
    list-style: none;
    text-decoration: none;
}

.dropdown_list li:hover {
    background-color: #014382
}

.show {
    visibility: visible;
    opacity: 1;
    transform: translateY(0rem);
}

.arrow::after {
    content: "";
    border: solid rgb(235, 235, 235);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    margin: 12px;
    transition: 0.2s ease;
}

.arrow.right::after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.arrow.left::after {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.arrow.up::after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.arrow.down::after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.blog_prew_container {}

.blog_prew {
    position: relative;
    z-index: 12;
    border-radius: 4vw;
    width: 66vw;
    height: auto;
    margin: 3vw 2vw 5vw;
    padding: 2vw;
    /* overflow: hidden; */
    top: 0;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 30px;
    background-color: #F8F8FF;
}

.blog_prew article {
    margin: 0 0;
}

.blog_prew time {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 10px;
    letter-spacing: 0.01em;
    color: #717A87;
    display: block;
    margin: 4px;
}

.blog_prew h1 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 130%;
    color: #2A2A2A;
    display: inline-block;
    margin: 4px;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    /* number of lines to show */
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.blog_prew p {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    color: #2A2A2A;
    display: inline-block;
    margin: 4px;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* number of lines to show */
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.blog_prew:hover {
    background-color: #FFFFFF;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.08);
}

.article_body {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.article_nav ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    margin: 7px auto;
    padding: 0;
}

.article_nav ul li {
    display: block;
    position: relative;
}

.article_nav ul li .article_nav-button {
    position: relative;
    width: 42px;
    height: 41px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: #2A2A2A;
    text-decoration: none;
    opacity: 0.8;
    user-select: none;
    cursor: pointer;
}

.article_nav ul li .article_nav-button:hover {
    opacity: 1;
}

.article_nav ul li .article_nav-button i {
    font-size: 21px;
}

.small-articles-slider {
    display: none;
}

.small-articles-slider-in-editor {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.tns-inner .small-articles-slider {
    display: block;
    padding-bottom: 30px;
}

.small-articles-slider .tns-nav {
    /* padding: 2vw 0 5vw; */
}

.small-articles-right,
.small-articles {
    font-family: 'Poppins';
    font-style: normal;
    display: flex;
    padding: 0px;
    margin: 5px;
    position: relative;
    border-radius: 16px;
    box-shadow: 0 0 1px #00000051;
}

.small-articles-right figure,
.small-articles figure {
    margin: 0;
    padding: 0px;
    position: relative;
    overflow: hidden;
    width: 156px;
    min-width: 156px;
    height: 130px;
    border-radius: 16px 0px 0px 16px;
}

.small-articles figure {
    margin: 0;
    padding: 0px;
    position: relative;
    overflow: hidden;
    width: 100%;
    min-width: 156px;
    height: 130px;
    border-radius:16px 16px 0px 0px
}

.small-articles-right figure figcaption,
.small-articles figure figcaption {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    font-weight: 400;
    font-size: 10px;
    line-height: 130%;
    letter-spacing: 0.01em;
    color: #717A87;
    margin: 16px;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.small-articles-right header,
.small-articles header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0;
    padding: 8px;
    justify-content: space-between;
    position: static;
    height: auto;
    width: calc(100% - 16px);
}

.small-articles-right {
    flex-direction: row;
    align-items: stretch;
    width: 420px;
    height: 130px;
    margin: 20px 10px;
}

.small-articles {
    flex-direction: column;
    align-items: stretch;
    width: 310px;
    height: 260px;
    min-height: 260px;
}

.small-articles-right img {
    width: 156px;
    height: 130px;
    border-radius: 16px 0px 0px 16px;
    object-fit: cover;
}

.small-articles img {
    width: 100%;
    height: 130px;
    border-radius: 16px 16px 0px 0px;
    object-fit: cover;
    position: relative;
}

.small-articles-right img,
.small-articles img {
    transition: 350ms;
    transform: scale(1);
}

a:hover .small-articles-right img,
a:hover .small-articles img {
    transform: scale(1.1);
}

.small-articles time,
.small-articles-right time {
    font-weight: 400;
    font-size: 10px;
    line-height: 130%;
    letter-spacing: 0.01em;
    color: #717A87;
    padding: 0;
    margin: 8px;
}

.small-articles h3,
.small-articles-right h3 {
    font-weight: 600;
    font-size: 12px;
    line-height: 130%;
    color: #2A2A2A;
    padding: 0;
    margin: 0 8px;
}

.small-articles h3 a,
.small-articles-right h3 a {
    color: #2A2A2A;
}

.small-articles p,
.small-articles-right p {
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    color: #2A2A2A;
    padding: 0;
    margin: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.c-entry-link:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 16px;
    z-index: -1;
    background: #F8F8FF;
    transition: all .2s ease-in-out;
}

.c-entry-link:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 16px;
    z-index: 1;
}

.c-entry-link:hover:before {
    box-shadow: 0 10px 20px rgb(0 0 0 / 8%);
    background: #FFF;
}

.ql-post-items_container {
    position: relative;
}

.ql-toolbar.ql-snow {
    position: sticky;
    top: 0;
    z-index: 5;
    background-color: white;
}

.ql-toolbare_upload_container {
    display: block;
    position: absolute;
    z-index: 10;
    background-color: #f1f1f1;
    border: 1px solid #d3d3d3;
    border-radius: 7px;
    overflow: hidden;
    text-align: center;
    width: 330px;
    max-width: 330px;
    box-shadow: 0 0 20px rgb(0 0 0 / 50%);
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 30px;
    color: #232323;
    user-select: none;
}

.dragElement {
    padding: 4px;
    cursor: move;
    z-index: 12;
    color: #232323;
    text-align: center;
    font-size: 12px;
    line-height: 12px;
}

.ql-toolbare_upload_container .close_btn {
    position: absolute;
    z-index: 12;
    top: 0;
    left: 0;
    padding: 1px;
    margin: 2px;
    height: 12px;
    width: 12px;
    border: 1px solid grey;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f44336;
    cursor: pointer;
}

.ql-toolbare_upload_container .close_btn svg {
    margin: 0;
    padding: 0;
    height: 12px;
    width: 12px;
    opacity: 0;

}

.ql-toolbare_upload_container .close_btn:hover svg {
    opacity: .7;
}

.ql-toolbare_upload_container.hide {
    display: none;
}

.ql-toolbare_upload_container .svg_history {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    overflow-y: auto;
    max-height: 500px;
    width: 100%;
}

.ql-toolbare_upload_container .svg_history div {
    background-color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 64px;
    margin: 1px;
}

.ql-toolbare_upload_container .svg_history div:hover {
    background-color: #ececec;
}

.ql-toolbare_upload_container .svg_history div p {
    margin: 0;
    padding: 0;
    line-height: 1.42;
    white-space: nowrap;
    word-wrap: break-word;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 300;
    text-align: center;
    width: 64px;
    overflow: hidden;
}

.ql-toolbare_upload_container .svg_history div img {
    margin: 0 auto;
}

.ql-toolbare_upload_container form {
    position: relative;
    width: 100%;
    height: 64px;
    margin: 0;
    padding: 0;
    background-color: #2958a8;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.ql-toolbare_upload_container form .drop_area_button {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 7px;
    opacity: .7;
    border-radius: 5px;
    width: 100%;
    border: 2px dashed #ccc;
    color: #FFFFFF;
}

.ql-toolbare_upload_container form .drop_area_button.highlight {
    border-color: purple;
}

.ql-toolbare_upload_container form .drop_area_button.active {
    border-color: rgb(15, 128, 0);
}

.ql-toolbare_upload_container form input {
    display: none;
}

.ql-toolbare_upload_container form .drop_area_button svg {
    margin: 0;
    margin-right: 12px;
}

.ql-toolbare_upload_container form .drop_area_button:hover {
    text-decoration: underline;
    opacity: 1;
}

.ql-toolbare_upload_container .figure_image {
    display: block;
    width: 64px;
    min-width: 64px;
    height: 64px;
    min-height: 64px;
    margin-top: 7px;
    margin-bottom: 7px;
    margin-right: 16px;
    object-position: 50% 50%;
    object-fit: contain;
}

#ql-toolbare_save_container {
    /* position: sticky; */
    bottom: 0;
    width: calc(100% - 18px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #ccc;
    margin-top: -1px;
    background-color: white;
    padding: 8px;
    flex-direction: row;
    flex-wrap: wrap;
}

#ql-toolbare_save_container #ql_counter {
    color: #444;
    display: inline-block;
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding-left: 8px;
    padding-right: 2px;
    max-width: 148px;
}

#ql-toolbare_save_container .button {
    position: relative;
    padding: 6px 16px;
    margin: 3px;
    background-color: #357edd;
    border: none;
    outline: none;
    cursor: pointer;
    min-width: 112px;
    border-radius: 7px;
    font-size: 14px;
    min-height: 14px;
    transition: all 0.2s;
}

#ql-toolbare_save_container .button:hover:not([disabled]) {
    background-color: #5492e2;
}

#ql-toolbare_save_container .button:active:not([disabled]) {
    background-color: #226ccc;
    transform: scale(0.98);
}

#ql-toolbare_save_container .button:focus:not([disabled]) {
    box-shadow: 0 0 0 3px #fefbef, 0 0 0 5px #357edd;
}

#ql-toolbare_save_container .button:disabled {
    background-color: #808080;
}

#ql-toolbare_save_container .button__text {
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    transition: all 0.2s;
}

#ql-toolbare_save_container .button--loading .button__text {
    visibility: hidden;
    opacity: 0;
}

#ql-toolbare_save_container .button--loading::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: 4px solid transparent;
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: button-loading-spinner 1s ease infinite;
}

@keyframes button-loading-spinner {
    from {
        transform: rotate(0turn);
    }

    to {
        transform: rotate(1turn);
    }
}

.small-articles-right.demo {
    overflow: hidden;
    background-color: #f8f8ff;
    pointer-events: none;
    user-select: none;
}

.small-articles-right.demo figure {
    min-width: 156px;
    height: 130px;
    border-radius: 16px 0px 0px 16px;
    background-color: #72859e;
}

.small-articles-right.demo h3,
.small-articles-right.demo time,
.small-articles-right.demo p,
.small-articles-right.demo img {
    /* filter: blur(5px); */
    background: currentColor;
}

.event_button * {
    user-select: none;
    pointer-events: none;
}

.event_button::after {
    content: attr(data-num);
}

.event_button i.active {
    color: red;
}

.user_popup_block,
.article_nav .c-post-socials {
    transition: all 0.3s cubic-bezier(0.58, 0, 0.5, 1);
    opacity: 0;
    pointer-events: none;
    background: rgba(255, 255, 255, 1);
    border-radius: 4px;
    right: 50%;
    position: absolute;
    transform: translate3d(50%, -10px, 0);
    z-index: 700;
    box-shadow: 0 1px 4px rgb(0 0 0 / 59%);
    border: 1px solid rgba(230, 230, 230, 1);
}

.user_popup_block {
    background: rgb(255, 255, 255);
    right: 0%;
    transform: translate3d(0%, -10px, 0);
    position: absolute;
    top: 60px;
    z-index: 100;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    color: #444;
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 0px;
}

.user_popup_block a,
.user_popup_block p {
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    background-color: white;
    text-transform: uppercase;
    width: max-content;
    display: inline-block;
    padding: 4px 14px;
    margin: 0;
    border-bottom: 1px solid lightgrey;
    width: auto;
    transition: all 0.15s cubic-bezier(0.58, 0, 0.5, 1);
}

.user_popup_block a:last-child {
    border-bottom: none;
    border-radius: 0 0 4px 4px;

}

.user_popup_block a:hover {
    color: #fff;
    background-color: #0e54c1;
}

.user_popup_block::before,
.article_nav .c-post-socials::before {
    content: "";
    display: block;
    padding: 7px;
    box-sizing: inherit;
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, -6px, 0px) rotate(45deg);
    background: rgb(255, 255, 255);
    box-shadow: rgb(117 117 117) -1px -1px 1px -1px;
    height: 14px;
    width: 14px;
}

.user_popup_block::before {
    left: auto;
    padding: 0;
    top: 0;
    right: 9px;
    transform: translate3d(-50%, -6px, 0px) rotate(45deg);
}

.user_popup_block.active,
.article_nav .c-post-socials.active {
    opacity: 1;
    pointer-events: all;
    transform: translate3d(50%, 10px, 0);
}

.user_popup_block.active {
    transform: translate3d(0%, 10px, 0);
}

.article_nav .c-post-socials__list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: max-content;
}

.article_nav .c-post-socials__item {
    width: 100%;
}

.article_nav .c-post-socials__item .article_nav-button {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.article_nav .c-post-socials__item .article_nav-button i {
    margin-right: 12px;
}

.c-post-socials__list hr {
    border: none;
    border-bottom: 1px solid rgba(230, 230, 230, 1);
    width: 100%;
    display: block;
    margin: 4px 0;
}

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: max-content;
    max-width: 140px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 120%;
    left: 50%;
    opacity: 0;
    transform: translate3d(-50%, 0, 0);
    transition: 0s opacity 0.3s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

/* 
.active>.icon-bookmark:before {
    content: "\e905";
}

.active>.icon-heart:before {
    content: "\e90c";
} */

.keywords_block {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    width: 88vw;
    min-width: 88vw;
    padding: 4vw;
    margin-top: -2vw;
    background: linear-gradient(0deg, rgb(0 0 0 / 5%) 20%, rgb(0 0 0 / 5%) 65%, rgb(0 0 0 / 0%) 100%);
    border-radius: 0 0 4vw 4vw;
}

.keywords_block textarea {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    color: #132132;
    margin: 7px 0;
    width: 100%;
    width: calc(100% - 6px);
    padding: 0px 3px;
    height: auto;
    resize: none;
    overflow: hidden;
    background: transparent;
    border: none;
    border-bottom: 1px solid #cccccc;
}

main.main_center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 96vw;
    min-height: calc(98vh - 4vw);
    padding: 2vw;
    margin: 0;
}

.auth_content {
    width: calc(96vw - 30px);
    max-width: 500px;
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    padding: 55px 15px;
    height: auto;
    background-color: #fff;
    flex-direction: column;
    border-radius: 32px;
    box-shadow: 0px 8px 22px #0000004a;
    display: flex;
    justify-content: center;
    align-items: center;
}

.auth_content a {
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    text-transform: uppercase;
    width: max-content;
    display: inline-block;
}

.auth_content a:hover {
    color: #0c51be;
}

.auth_content form {
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.validate-input {
    position: relative;
}

.wrap-input100 {
    width: 100%;
    position: relative;
    border-bottom: 2px solid #d9d9d9;
}

.m-b-23 {
    margin-bottom: 23px;
}

.label-input100 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #333;
    line-height: 1.5;
    padding-left: 7px;
}

.input100 {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #333;
    line-height: 1.2;
    display: block;
    width: 100%;
    height: 55px;
    background: 0 0;
    padding: 0 7px 0 43px;
    outline: none;
    border: none;
    overflow: visible;
    box-sizing: border-box;
    margin: 0;
}

.focus-input100 {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
}

.focus-input100::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background: #7f7f7f;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
}

.focus-input100::before {
    font-weight: bold;
    font-size: 26px;
    color: #adadad;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    height: calc(100% - 20px);
    bottom: 0;
    left: 0;
    padding-left: 13px;
    padding-top: 3px;
}

.input100:focus+.focus-input100::before,
.has-val.input100+.focus-input100::before {
    color: #0c51be;
}

.text-error {
    font-size: 14px;
    line-height: 1.5;
    color: #991c1c;
}

.text-error ul,
.text-error ul li {
    margin: 0;
    display: block;
}

.text-right {
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.p-b-31 {
    padding-bottom: 31px;
}

.p-t-8 {
    padding-top: 8px;
}

.login100-form-title {
    display: block;
    font-family: Poppins;
    font-weight: 700;
    font-size: 39px;
    color: #333;
    line-height: 1.2;
    text-align: center;
}

.p-b-49 {
    padding-bottom: 49px;
}

.wrap-login100-form-btn {
    width: 100%;
    display: block;
    position: relative;
    z-index: 1;
    border-radius: 25px;
    overflow: hidden;
    margin: 8px auto 31px;
    box-shadow: 0 5px 30px 0 rgb(3 216 222 / 20%);
}

.login100-form-bgbtn {
    position: absolute;
    z-index: -1;
    width: 300%;
    height: 100%;
    background: #0c51be;
    background: linear-gradient(270deg, #7bee83, #0c51be, #7bee81, #0a50bc);
    background: -webkit-linear-gradient(right, #7bee83, #0c51be, #7bee81, #0a50bc);
    top: 0;
    left: -100%;
    transition: all .4s;
}

.wrap-login100-form-btn:hover .login100-form-bgbtn {
    left: 0;
}

.login100-form-btn {
    font-family: Poppins;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    line-height: 1.2;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    width: 100%;
    height: 50px;
    outline: none !important;
    border: none;
    background: 0 0;
}

figure.author_page_header {
    width: 310px;
    height: 260px;
    min-height: 260px;
    position: relative;
    padding: 0px;
    margin: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

figure.author_page_header img {
    /* width: 100%;
    height: 260px;
    border-radius: 16px;
    object-fit: cover;
    position: relative; */
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
    position: relative;
    z-index: 2;
}

figure.author_page_header figcaption {
    position: absolute;
    z-index: 1;
    bottom: 0;
    padding: 10px 20px;
    width: 270px;
    background: linear-gradient(0deg, rgb(0 21 43 / 50%) 20%, rgb(0 21 43 / 24%) 65%, rgba(0, 0, 0, 0) 100%);
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 130%;
    color: #FFFFFF;
    border-radius: 0 0 16px 16px;

    width: 100%;
    height: 190px;
    background: white;
    color: #333;
    border-radius: 16px;
    text-align: center;
    padding-top: 66px;
    box-sizing: border-box;
    box-shadow: 0 10px 20px rgb(0 0 0 / 8%);
}

figure.author_page_header figcaption p {
    font-size: 14px;
    font-weight: 400;
}

.search_results,
main.flex {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.user_circle {
    width: 48px;
    height: 48px;
    margin-left: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #0D54C1;
}

.user_circle:hover {
    background-color: #367edd;
}

.user_circle img {
    width: 44px;
    height: 44px;
    object-fit: cover;
    border-radius: 50%;
}

.link_read_more {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #717A87;
    justify-content: flex-end;
}

.link_read_more span {
    font-size: 24px;
    margin: 2px;
}

.blog_prew:hover .link_read_more {
    color: #0D54C1;
}

.small-articles .link_read_more,
.small-articles-right .link_read_more {
    bottom: 12px;
}

.small-articles .c-entry-link:hover .link_read_more,
.small-articles-right .c-entry-link:hover .link_read_more {
    color: #0D54C1;
}


.flex_row_center_space_between {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}



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

    .desktop {
        display: none !important;
    }

    .mobile {
        display: initial;
    }

    body {
        /* background-color: red; */
    }

    nav {

        /* display: none; */
    }

    #team_map {
        margin: 20vw auto -50vw;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 96vw;
        height: auto;
        background-image: url('./img/team_m.svg');
        background-position: top center;
        background-size: contain;
        background-repeat: no-repeat;
    }

    #team_map figure {
        position: relative;
        margin: 5vw;
    }

    #team_map figure img {
        border-radius: 50px;
        width: 20vw;
        height: 20vw;
    }

    #team_map figure.team_1 img,
    #team_map figure.team_2 img,
    #team_map figure.team_3 img,
    #team_map figure.team_4 img,
    #team_map figure.team_5 img,
    #team_map figure.team_6 img,
    #team_map figure.team_7 img,
    #team_map figure.team_8 img,
    #team_map figure.team_9 img,
    #team_map figure.team_10 img,
    #team_map figure.team_11 img,
    #team_map figure.team_12 img {
        transform: scale(1.25);
    }

    #team_map figure.active img {
        transform: scale(1.5);
    }

    #team_map figure.team_1 {
        left: auto;
        top: 0vw;
        right: 5vw;
        align-self: end;
    }

    #team_map figure.active figcaption.bottom.left {
        transform: translate3d(-100%, -100%, 0);
    }

    #team_map figure figcaption.bottom.left {
        transform-origin: top left;
        top: 10%;
        left: 10%;
        border-radius: 16px 16px 0px 16px;
    }

    #team_map figure.team_2 {
        left: 10vw;
        top: -20vw;
        align-self: start;
    }

    #team_map figure.team_3 {
        left: 0vw;
        top: -2vw;
        align-self: end;
    }

    #team_map figure.team_4 {
        left: 0vw;
        top: -34vw;
        align-self: start;
    }

    #team_map figure.team_5 {
        left: -12vw;
        top: -15vw;
        align-self: end;
    }

    #team_map figure.team_6 {
        left: 10vw;
        top: -40vw;
        align-self: start;
    }

    #team_map figure.team_6 figcaption.bottom.left {
        transform-origin: top left;
        top: 90%;
        left: 90%;
        border-radius: 0px 16px 16px 16px;
    }

    #team_map figure.team_6.active figcaption.bottom.left {
        transform: translate3d(0%, 0%, 0);
    }

    #team_map figure.team_7 {
        left: auto;
        top: -25vw;
        right: 5vw;
        align-self: end;
    }

    #team_map figure.team_8 {
        left: 5vw;
        top: -50vw;
        align-self: start;
    }

    #team_map figure.team_8 figcaption.top.left {
        transform-origin: top left;
        top: 90%;
        left: 90%;
        border-radius: 0px 16px 16px 16px;
    }

    #team_map figure.team_8.active figcaption.top.left {
        transform: translate3d(0%, 0%, 0);
    }

    #team_map figure.team_9 {
        left: 10vw;
        top: -30vw;
        align-self: start;
    }

    #team_map figure.team_10 {
        left: -15vw;
        top: -70vw;
        align-self: end;
    }

    #team_map figure.team_11 {
        left: 0vw;
        top: -40vw;
        align-self: end;
    }

    #team_map figure.team_12 {
        left: 5vw;
        top: -70vw;
        align-self: start;
    }

    #team_map figure figcaption {
        /* display: none; */
        position: absolute;
        width: max-content;
        min-width: 50vw;
        height: auto;
        background: rgba(255, 255, 255, 0.95);
        backdrop-filter: blur(2vw);
        padding: 2.7vw;
    }

    #team_map figure figcaption h1 {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        font-size: 4.3vw;
        line-height: 150%;
        color: #2A2A2A;
        margin: 1vw 0;
    }

    #team_map figure figcaption p {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 3.7vw;
        line-height: 150%;
        color: #2A2A2A;
        margin: 1vw 0;
        white-space: pre-line;
    }

    .num_block {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: space-around;
        align-items: center;
    }

    .num_block>div {
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: space-around;
        align-items: center;
    }

    #root {
        /* margin-top: 155vw; */
    }

    header {
        /* position: absolute; */
        height: 140vw;
        top: -10vw;
    }

    .header_background {
        height: 136vw;
    }

    .images_block_phone {
        /* width: 54vw; */
        width: 50%;
        left: -15vw;
        margin-top: 55vw;
        margin-bottom: 0;
    }

    .images_block_phone .relative {
        padding: 0;
        margin: 0;
        width: 55vw;
        margin-top: -5vw;
    }

    #one_m {
        width: 59vw;
        right: 0;
        bottom: -10vw;
        height: 55vw;
    }

    .images_block_bg_rectangle {
        margin-top: 20vw;
        margin-left: 0;
        margin-right: 0;
        align-items: flex-end;
        justify-content: center;
    }

    .stars_block {
        width: 44.8vw;
        height: 20.8vw;
        position: absolute;
        right: -5vw;
        margin: 5vw;
        top: -5vw;

    }

    .header_text_block {
        width: 60vw;
        margin-top: -4vw;
        margin-right: -2vw;
    }

    .header_text_1 {
        font-size: 5.33vw;
        transform: translate3d(0, 4vw, 0);
        /* margin: 1vw; */
        /* margin-bottom: 0vw; */
        /* margin-top: 0vw; */
    }

    .done .header_text_1 {
        /* margin-bottom: 4vw;
        margin-top: -4vw; */
    }

    .one_million_text {
        height: 8vw;
    }

    .header_text_2 {
        font-size: 6.4vw;
        transform: translate3d(0, -4vw, 0);
        /* margin: 0 */
    }

    .done .header_text_2 {
        /* margin: 4vw 0 0 0; */
        /* margin-bottom: 0vw; */
        /* margin-top: 0vw; */

    }

    .store_icon_block.mobile {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 0;
        color: #2c4452;
    }

    .store_icon_block a {}

    .store_icon_block a img {
        width: 40vw;
    }

    .images_block_bg_rectangle img.logo {
        height: 20.8vw;
        top: -5vw;
    }

    .header_background_image {
        right: -35vw;
    }

    main {
        margin: 10vw 2vw;
        max-width: 96vw;
    }

    .flex_wrap-center {
        align-items: stretch;
    }

    .block_item {
        overflow: inherit;
        width: 38vw;
        height: auto;
        padding: 3vw;
        margin: 2vw;
        margin-top: 35px;
    }

    .block_item::after {
        border-radius: 24px;
    }

    .block_item h2 {
        /* float: right; */
        margin: 4px auto 0px;
        text-align: right;
        font-size: 25px;
    }

    .block_item .block_item_icon {
        /* float: left; */
        position: absolute;
        top: -15px;
    }

    .block_item p {
        /* float: left; */
        margin-bottom: 0;
    }

    article {
        margin: 6vw auto;
    }

    .text_tabs.auto_tabs_container {
        width: 98vw;
        margin-right: -2vw;
    }

    .text_tabs .auto_tabs_content {
        border-radius: 0 0 0 30px;
        position: relative;
        z-index: 1;
        padding-bottom: 30vw;
    }

    .text_tabs .auto_tab_size {
        width: 37vw;
        height: 8.98vw;
        margin: 0 -21px 0 -7px;
    }

    .text_tabs .auto_tabs {
        border-radius: 3vw 3vw 0 0;
        padding-top: 0;
    }

    .text_tabs .auto_tab {
        font-size: 14px;
    }

    .text_tabs .auto_tab_content {
        flex-direction: row-reverse;
        margin: 2vw;
    }

    .text_tabs .auto_tab_content img {
        width: 44.27vw;
        height: 86.4vw;
        max-width: 44.27vw;
        max-height: 86.4vw;
        margin: 21vw -7vw 14vw 2vw;
        pointer-events: none;
    }

    .text_tabs .auto_tab_content.item-hide img {
        transform: translateX(130%);
    }

    .text_tabs .auto_tab_content figcaption .title {
        margin: 4vw 1vw;
        width: 94vw;
        max-width: 96vw;
    }

    .text_tabs .auto_tab_content figcaption .title img {
        width: 8.55vw;
        height: 8.55vw;
        margin: 1vw;
    }

    .text_tabs .auto_tab_content figcaption .title h1 {
        margin: 0;
        font-size: 5.3vw;
        width: calc(96vw - 50px);
    }

    .text_tabs .auto_tab_content figcaption {
        padding-left: 0px;
        width: 55vw;
    }

    .text_tabs .auto_tab_content figcaption p {
        margin: 2vw;
        width: 53vw;
        font-size: 2.8vw;
    }

    .text_tabs .auto_tabs_content .marcet_box {
        flex-wrap: wrap;
        justify-content: center;
    }

    .marcet_box a {
        margin: 2vw;
    }

    .marcet_box a img {
        width: 40vw;
    }

    .text_tabs .auto_tabs_content .marcet_box p {
        font-size: 3.73vw;
        margin: 3vw;
    }

    .text_tabs .auto_tabs_content .marcet_box {
        bottom: 5vw;
        right: 5vw;
        width: 90vw;
    }

    .text_tabs .auto_tab_content.item-hide figcaption .title {
        transform: translateX(-130%);
    }

    .text_tabs .auto_tab_content.item-hide figcaption p {
        transform: translateX(-130%);
    }

    .flex_row-strech {
        flex-direction: column-reverse;
        width: 96vw;
    }

    .companies_block {
        width: calc(96vw - 4px);
    }

    .reasons_block.bg {
        background-image: url(./img/rectangle_bg_m.svg);
        background-size: cover;
        margin: 0;
        width: 96vw;
        height: auto;
        filter: none;
    }

    .reasons_block_title {
        margin: 6vw auto;
    }

    .reasons_block img.title {
        width: 80vw;
        margin: 0 auto;
    }

    .reasons_block_title p {
        font-size: 3.73vw;
        width: 90vw;
        line-height: 120%;
    }

    .reasons_block_title p>span {
        font-size: 8.53vw;
        width: 22vw;
        margin-right: 3vw;
        float: left;
    }

    .reasons_block_title p span.k {
        font-size: 6.53vw;
        float: none;
    }

    .search_auto {
        margin: 4vw;
        width: 90vw;
        height: 12vw;
    }

    .search_auto img {
        margin: 4vw 7vw;
        width: 4vw;
    }

    .search_auto span {
        font-size: 3.82vw;
    }

    .search_block.auto_tabs_container {
        width: 96vw;

    }

    .search_block .auto_tabs_content {}

    .search_block .auto_tabs_content {
        height: 148vw;
        width: 96vw;
        position: relative;
        overflow: hidden;
    }

    .search_block .auto_tab_content {
        transition: all 600ms ease;
        position: absolute;
        top: 0;
        margin: 0 auto;
    }

    .search_block .auto_tab_content {
        opacity: 1;
        transform: translate3d(0%, 0, 0);
    }

    .search_block .auto_tab_content.item-show:nth-child(1) {
        opacity: 0;
        transform: translate3d(-200%, 0, 0);
    }

    .search_block .auto_tab_content.item-show:nth-child(2) {
        opacity: 0;
        transform: translate3d(200%, 0, 0);
    }

    .search_block .auto_tabs {
        position: absolute;
        display: flex;
        bottom: 42vw;
        width: 96vw;
        flex-direction: row;
        justify-content: center;
    }

    .search_block .auto_tab {
        margin: 0 5px;
        width: 24px;
        height: 6px;
        background: rgba(255, 255, 255, 0.35);
        border-radius: 2px;
    }

    .search_block .auto_tab.active {
        background: #86FF7C;

    }

    .search_block .auto_tab a.mobile {
        transition: all 600ms ease;
        position: absolute;
        left: 50%;
        margin: 0 auto;
    }

    .search_block .auto_tab:nth-child(1) a.mobile {
        transform: translate3d(-100vw, 0vw, 0);
    }

    .search_block .auto_tab:nth-child(2) a.mobile {
        transform: translate3d(100vw, 0vw, 0);
    }

    .search_block .auto_tab.active a.mobile {
        transform: translate3d(-50%, -20vw, 0);
    }

    .reasons_block {
        min-width: 96vw;
    }

    .shadow {
        position: absolute;
        width: 100%;
        height: 90%;
        background-image: url(./img/shadow.svg);
        background-position: center bottom;
        background-size: contain;
        background-repeat: repeat-x;
    }

    .phone_stores .phone_store img {
        width: 76.8vw;
    }

    .reasons_block.four {
        background-color: white;
        margin-top: -35vw;
        position: relative;
        z-index: 200;
        padding: 3vw;
        min-width: 90vw;
    }

    .reasons_item {
        width: 100%;
        margin: 0;
    }

    .reasons_container {
        margin: 15vw auto;
    }

    .quizzes,
    .companies {
        padding: 3vw;
    }

    .companies h1 {
        text-align: center;
    }

    .reviews_block {
        margin: -42vw -2vw 0 -2vw;
        width: 100vw;
    }

    .companies_img div {
        margin: 2vw;
    }

    .companies_block {
        padding-bottom: 36vw
    }

    .companies_img div, .companies_img div::after {
        display: block;
        width: 38.4vw;
        height: 16vw;
    }

    .reviews_block h1 {
        margin: 3vw auto;
        width: 100%;
        text-align: center;
    }

    footer .footer_content {
        display: flex;
        padding: 3vw;
        margin: 2vw;
        width: 90vw;
        padding-top: 54vw;
        margin-top: 18vw;
        flex-direction: row;
        flex-wrap: wrap;
        font-size: 3.73vw;
        line-height: 230%;
        justify-content: space-between;
    }

    .footer_banner {
        width: 96vw;
        top: -14vw;
        left: 0;
        height: auto;
        background: linear-gradient(180deg, #064BB5 0%, #135BCB 37.05%, #034382 100%);
        flex-direction: column;
    }

    .award_block {
        width: 98vw;
        height: auto;
        /* background: linear-gradient(180deg, #064BB5 0%, #135BCB 37.05%, #034382 100%); */
        background-image: url(./img/splash.svg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        flex-direction: column;
    }

    .award_block img {
        width: 70vw;
    }

    footer .logo,
    footer .logo_stars {
        width: 37.6vw;
    }

    footer .flex_column-left {
        margin-bottom: 7vw;
    }

    footer .flex_column-left:last-child {
        flex-direction: row-reverse;
        align-items: flex-start;
        justify-content: space-between;
        width: 100%;
    }

    .footer_banner .store_icon_block {}

    .footer_banner .store_icon_block a {}

    .social_icon {
        margin: 8vw 8vw 0px 0px;
    }

    .social_icon img {
        width: 7vw;
    }

    footer a.btn,
    footer p {
        font-size: 4.27vw;
    }

    footer p strong {}

    footer p small {
        font-size: 3.2vw;
        line-height: 4.8vw;
    }

    .aside-right {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-evenly;
        align-items: center;
    }

    .small-articles-right {
        margin: 20px 0;
        width: 100%;
        max-width: 420px;
    }

    .small-articles-right img {
        width: 35vw;
        max-width: 156px;
    }

    .small-articles-right h3 {
        display: inline-block;
        width: 100%;
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis;
        margin: 0;
    }

    .small-articles-right p {
        margin: 4px 0 12px;
    }

}


@media only screen and (min-width: 1200px) {

    .search_results,
    main.flex {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .auth_content {
        width: 500px;
        padding: 55px;
    }

    .keywords_block {
        width: calc(100% - 48px);
        min-width: calc(1152px - 48px);
        padding: 12px 24px;
        margin-top: 0;
        border-radius: 0 0 24px 24px;
    }

    .tooltip:hover .tooltiptext {
        transition: 0.5s opacity 0.3s;
        visibility: visible;
        opacity: 0.7;
    }


    .address_block_wrapper {
        box-sizing: border-box;
        padding: 4px 18px;
        margin-bottom:  -30px;
    }

    main {
        margin: 80px auto;
        max-width: 1152px;
    }

    .blog_header_cover, #drop_area {
        border-radius: 24px;
        width: 1152px;
        height: 500px;
        margin: 0 auto;
        margin-top: -60px;
    }

    #gallery {
        border-radius: 24px;
    }

    #drop_area img.blog_header_cover_img {
        border-radius: 24px;
    }

    .blog_header_cover img.blog_header_cover_img, #drop_area img.blog_header_cover_img {
        border-radius: 24px;
    }

    .blog_header_text {
        bottom: 0px;
        width: calc(100% - 48px);
        min-width: calc(1152px - 48px);
        padding: 24px;
        border-radius: 0 0 24px 24px;
    }

    .blog_prew {
        border-radius: 16px;
        width: 240px;
        height: 107px;
        padding: 10px;
        margin: 10px;
    }

    #blog .blog_header_cover {
        width: 512px;
        height: 430px;
        margin: 12px;
    }

    #blog .blog_header_text {
        min-width: calc(512px - 48px);
    }

    #blog.blog_container {
        padding: 20px;
    }

    #blog .blog_prew_container {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        min-width: 576px;
        max-width: 50%;
        align-content: flex-start;
    }

    .blog_container_title {
        width: 95%;
        margin: 20px auto;
    }

    .article_body {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        margin: 32px auto;
    }

    .article_nav ul {
        flex-direction: column;
    }

    .article_nav ul li {
        margin: 12px;
    }

    .small-articles-slider {
        display: flex;
    }

    #benefits .article_title {
        padding: 0;
    }



    .quiz_block {
        padding-bottom: 80px;
        margin-top: 120px;
        margin-bottom: 120px;
        position: relative;
        overflow: visible;
    }

    .quiz_phones_block {}

    .quiz_phones_block img {}

    .quiz_phones_block .classic_text_button {}

    .quiz_phones_block .classic_text_button:hover {
        background: #0D54C1;
        color: white;
        box-shadow: 0 0 0 2px #7aec81;
    }

    .quizzes_title {
        font-size: 40px;
        line-height: 50px;
        text-align: left;
        margin: 60px 80px 60px 40px;
    }

    div.quiz_group_wrapper section.quiz_preview {
        width: 320px;
        box-shadow: 0px 10px 20px rgb(0 0 0 / 8%);
        padding: 12px;
        border-radius: 24px;
        margin: 0;
        position: relative;
        display: block;
    }

    section.quiz_preview.main_quiz {
        max-width: 556px;
    }

    section.main_quiz {}

    section.quiz_preview header {
        max-width: 100%;
        width: 100%;
        margin: 0;
        height: auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
    }



    section.main_quiz {}


    section.quiz_preview main p {}

    section.quiz_preview footer {}

    section.quiz_preview footer .stars {}

    section.quiz_preview footer button {}


    article.quizzes_block {
        margin: -342px 0 0px 0;
    }

    article.quizzes_block h1 {
        margin: 12px 64px;
    }

    article.quizzes_block .quizzes_content {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        gap: 30px;
        padding: 30px;
    }

    .quiz_block {
        background: #F5F7FC;
        border: 2px solid #0D54C1;
        border-radius: 32px;
        padding-bottom: 80px;
        margin-top: 120px;
        margin-bottom: 120px;
        position: relative;
    }

    .quiz_phones_block {
        width: 100%;
        position: relative;
    }

    .quiz_phones_block img {
        position: relative;
        width: 76.8vw;
        z-index: 0;
        margin: -25vw 9.6vw 0;
    }

    .quiz_phones_block .shadow {
        opacity: .8;
        position: absolute;
        z-index: 1;
        left: 0;
        bottom: 0;
        right: 0;
    }

    .quiz_phones_block .classic_text_button {
        z-index: 2;
        background-color: #7aec81;
        color: #0D54C1;
        left: 0;
        bottom: 0;
        right: 0;
        margin: 18vw auto;
        position: absolute;
        width: max-content;
    }

    .quiz_phones_block .classic_text_button:hover {
        background: #0D54C1;
        color: white;
        box-shadow: 0 0 0 2px #7aec81;
    }

    .quiz_block .quizzes {
        position: relative;
        z-index: 1;
        pointer-events: none;
        padding: 0;
    }



    section.main_quiz {}

    section.quiz_preview header {
        max-width: 100%;
        width: 100%;
        margin: 0;
        height: auto;
        height: 42px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
    }

    section.quiz_preview header img {
        border-radius: 50%;
        width: 56px;
        height: 56px;
    }

    section.quiz_preview header h2 {
        margin: 0;
        font-size: 18px;
        font-weight: bold;
    }

    section.quiz_preview main {
        margin: 7px 0;
    }

    section.quiz_preview main p {
        font-size: 16px;
        font-weight: 500;
        line-height: 140%;
        height: 68px;
        max-height: 83px;
        color: #2A2A2A;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    section.quiz_preview footer {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    /* section.quiz_preview footer button,
    section.quiz_preview footer a.button {
        min-width: 135px;
        min-height: 48px;
        border: 1px solid #0D54C1;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 500;
        color: #2A2A2A;
        text-transform: uppercase;
        background-color: transparent;
        padding: 14px;
        transition: .5s cubic-bezier(0.175, 0.885, 0.32, 1);
    } */

    section.quiz_preview footer button:hover,
    section.quiz_preview.main_quiz footer button {
        background: #0D54C1;
        color: #FFFFFF;
    }

    section.quiz_preview.main_quiz footer button:hover {
        background-color: #7aec81;
        color: #0D54C1;
    }

    .quizzes_block {
        position: absolute;
        /* bottom: -212px; */
        /* bottom: -262px; */
        top: 370px;
        z-index: 1;
        margin: 0;
        width: 100%;
        /* margin: -342px 0 0px 0; */
    }

    .quizzes_block.small {
        bottom: -152px;
    }

    .quizzes_block h1 {
        margin: 12px 64px;
    }

    .quizzes_block .quizzes_content {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        gap: 24px;
        padding: 30px;
        height: auto;
        overflow-x: auto;
    }

    div.horizontal_scrollable {
        width: 100%;
        max-width: 1182px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;
        gap: 20px;
    }

    div.quiz_group_wrapper {
        height: 300px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: nowrap;
        align-items: stretch;
        overflow-y: overlay;
        overflow-x: auto;
        width: 100%;
        max-width: 1152px;
        padding: 22px;
        gap: 20px;
    }

    div.horizontal_scrollable button {
        display: inline-flex;
        padding: 7px 12px;
        margin: 0;
        text-decoration: none;
        border-radius: 8px;
        flex-direction: row;
        align-items: center;
        cursor: pointer;
        font-size: 16px;
    }

    .quizzes_content section.quiz_preview footer a.button {
        background-color: white;
        color: #2b4552;
    }

    .quizzes_content section.quiz_preview footer a.button:hover {
        background-color: #7aec81;
        color: #0D54C1;
    }


    .quiz_block.scroll .phones_block img:first-child {
        transition: .7s cubic-bezier(0.175, 0.885, 0.32, 1.075);
        transform: translate3d(-150%, 0%, 0) scale(.7);
        transform-origin: bottom;
    }

    .quiz_block.scroll .phones_block lottie-player {
        width: 227px;
        left: 260px;
        position: absolute;
        z-index: 1;
        height: auto;
        bottom: 10px;
        transition: .5s cubic-bezier(0.175, 0.885, 0.32, 1.075);
        transform: translate3d(-250%, 0%, 0) scale(.7);
    }

    .quiz_block.scroll.show .phones_block img:first-child {
        transform: translate3d(0, 0%, 0) scale(1);
    }

    .quiz_block.scroll .phones_block img:last-child {
        transition: .5s cubic-bezier(0.175, 0.885, 0.32, 1.075);
        transform: translate3d(-200%, 0%, 0) scale(.7);
        transform-origin: bottom;
    }

    .quiz_block.scroll.show .phones_block lottie-player,
    .quiz_block.scroll.show .phones_block img:last-child {
        transform: translate3d(0, 0%, 0) scale(1);
    }

    .quiz_block.scroll .main_quiz {
        transition: .5s cubic-bezier(0.175, 0.885, 0.32, 1.075);
        transition-delay: .3s;
        transform: translate3d(100%, 0%, 0) scale(.7);
        opacity: 0;
    }

    .quiz_block.scroll.show .main_quiz {
        transform: translate3d(0, 0%, 0) scale(1);
        opacity: 1;
    }


    .quizzes_content.scroll .quiz_preview_wrapper {
        transition: .5s cubic-bezier(0.175, 0.885, 0.32, 1.075);
        transition-delay: 0s;
        transform: translate3d(-150%, 0%, 0) scale(.7);
        opacity: 0;
    }

    .quizzes_content.scroll.show .quiz_preview_wrapper {
        transform: translate3d(0, 0%, 0) scale(1);
        transition-delay: 1s;
        opacity: 1;
    }

    .quizzes_content.scroll.show .quiz_preview_wrapper:nth-child(2) {
        transition-delay: .8s;
    }

    .quizzes_content.scroll.show .quiz_preview_wrapper:nth-child(3) {
        transition-delay: .6s;
    }

    .quiz_preview {
        transition: .5s cubic-bezier(0.175, 0.885, 0.32, 1.075);
        transform: translateY(0);
    }

    .quiz_block.scroll.show .main_quiz:hover,
    .quiz_preview:hover,
    div.quiz_group_wrapper.active section.quiz_preview:hover {
        transition: .5s cubic-bezier(0.175, 0.885, 0.32, 1.075);
        transform: translateY(-7px);
    }

    #one_m {
        bottom: 16%;
        z-index: 1;
    }

    .images_block_bg_rectangle {
        justify-content: flex-end;
        z-index: 1;
    }

    .stars_block {
        backdrop-filter: blur(5px);
    }

    .images_block_bg_rectangle img.logo {
        transform: translateX(-490px);
    }

    .header_text_2,
    .done .header_text_2 {
        margin-bottom: 90px;
    }

    .store_icon_block {
        margin-bottom: 0px;
    }

}