@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap);

.ms-auto {
    margin-left: auto !important;
}

.mt-auto {
    margin-top: auto !important;
}

.d-block {
    display: block !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.svg_arrow_accordion {
    width: 19px;
    height: 11px
}

.svg_arrow_dropdown {
    width: 9px;
    height: 6px
}

.svg_arrow_next {
    width: 12px;
    height: 19px
}

.svg_arrow_prev {
    width: 12px;
    height: 19px
}

.svg_arrow_sub {
    width: 9px;
    height: 6px
}

.svg_arrow_trigger {
    width: 14px;
    height: 9px
}

.svg_arrows_show {
    width: 14px;
    height: 9px
}

.header_navbar_close .svg_close {
    width: 48px;
    height: 48px;
}

.svg_close {
    width: 9px;
    height: 9px
}

.svg_close_big {
    width: 24px;
    height: 25px
}

.svg_close_middle {
    width: 14px;
    height: 14px
}

.svg_email_icon {
    width: 45px;
    height: 34px
}

.svg_phone_icon {
    width: 44px;
    height: 44px
}

.svg_search_icon {
    width: 17px;
    height: 19px
}

.svg_soc_fb {
    width: 40px;
    height: 40px
}

.svg_soc_in {
    width: 40px;
    height: 40px
}

.svg_soc_tw {
    width: 40px;
    height: 40px
}

* {
    margin: 0;
    padding: 0
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

img {
    border: none;
    vertical-align: top;
    max-width: 100%;
    height: auto
}

a,
button,
input,
select,
textarea {
    outline: 0
}

input[type=email],
input[type=number],
input[type=password],
input[type=submit],
input[type=tel],
input[type=text],
input[type=url],
textarea {
    -webkit-appearance: none;
    appearance: none
}

ul {
    list-style-type: none
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

body {
    background-color: #fff;
    color: #000054;
    font: 500 18px Poppins, sans-serif
}

.container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 106px
}

@media screen and (max-width:1200px) {
    .container {
        padding: 0 30px
    }
}

.btn {
    position: relative;
    display: inline-flex;
    justify-content: center;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    font-family: Poppins, sans-serif;
    max-width: 100%;
    padding: 15px 12px;
    border-radius: 5px;
    background: #7340fa;
    border: 2px solid transparent;
    transition: all .3s
}

@media screen and (max-width:767px) {
    .btn {
        font-size: 12px;
        line-height: 14px;
        padding: 14px 12px
    }
}

.btn:hover {
    background: #00dec4;
    color: #fff
}

.btn.btn_white {
    color: #7340fa;
    background: #fff
}

.btn.btn_white:hover {
    background: #00dec4;
    color: #fff
}

.btn.btn_green {
    background: #00dec4;
    color: #000054
}

.btn.btn_green:hover {
    background: #7340fa;
    color: #fff
}

.btn.btn_border {
    background-color: transparent
}

.btn.btn_border.btn_green {
    border-color: #00dec4;
    color: #00dec4
}

.btn.btn_border.btn_green:hover {
    background: #00dec4;
    color: #000054
}

.bg_gray {
    background: #fafafa
}

.typical_text.white li,
.typical_text.white p {
    color: #fff
}

.typical_text.white li a,
.typical_text.white p a {
    color: #fff
}

.typical_text h2 {
    color: #7340fa;
    font-weight: 500;
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 30px
}

.typical_text h3 {
    color: #7340fa;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 30px
}

.typical_text h4 {
    color: #7340fa;
    font-weight: 500;
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 30px
}

.typical_text li,
.typical_text p {
    color: #000054;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px
}

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

    .typical_text li,
    .typical_text p {
        font-size: 14px;
        line-height: 20px
    }
}

.typical_text li a,
.typical_text p a {
    color: #000054
}

.typical_text li a:hover,
.typical_text p a:hover {
    text-decoration: none
}

.typical_text li strong,
.typical_text p strong {
    font-weight: 500
}

.typical_text ol,
.typical_text p,
.typical_text ul {
    margin-bottom: 32px
}

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

    .typical_text ol,
    .typical_text p,
    .typical_text ul {
        margin-bottom: 22px
    }
}

.typical_text ol:last-child,
.typical_text p:last-child,
.typical_text ul:last-child {
    margin-bottom: 0
}

.typical_text ol li {
    list-style-position: inside
}

.typical_text ul li {
    position: relative;
    list-style-type: disc;
    list-style-position: inside
}

.typical_text li {
    margin-bottom: 12px
}

.typical_text li:last-child {
    margin-bottom: 0
}

.typical_text li ol,
.typical_text li ul {
    padding-left: 20px;
    margin-top: 12px
}

.description_section {
    text-align: center
}

.description_section.line {
    position: relative;
    padding-bottom: 75px
}

@media screen and (max-width:991px) {
    .description_section.line {
        padding-bottom: 40px
    }
}

.description_section.line:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 4px;
    width: 50px;
    background-color: #00dec4
}

.description_section .title_section {
    margin-bottom: 30px
}

@media screen and (max-width:767px) {
    .description_section .title_section {
        margin-bottom: 25px
    }
}

.description_section .title_section:last-child {
    margin-bottom: 0
}

.description_section .title_page {
    margin-bottom: 32px
}

@media screen and (max-width:767px) {
    .description_section .title_page {
        margin-bottom: 25px
    }
}

.description_section .title_page:last-child {
    margin-bottom: 0
}

.title_page {
    text-align: center;
    color: #000054;
    font-weight: 500;
    font-size: 42px;
    line-height: 48px
}

@media screen and (max-width:767px) {
    .title_page {
        font-size: 30px;
        line-height: 34px
    }
}

.title_page.line {
    position: relative;
    padding-bottom: 35px
}

@media screen and (max-width:991px) {
    .title_page.line {
        padding-bottom: 27px
    }
}

.title_page.line:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 4px;
    width: 50px;
    background-color: #00dec4
}

.title_page.white {
    color: #fff
}

.title_section {
    color: #000054;
    font-weight: 500;
    font-size: 36px;
    line-height: 41px
}

@media screen and (max-width:767px) {
    .title_section {
        font-size: 26px;
        line-height: 30px
    }
}

.title_section.line {
    position: relative;
    text-align: center;
    padding-bottom: 41px
}

@media screen and (max-width:767px) {
    .title_section.line {
        padding-bottom: 31px
    }
}

.title_section.line:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 4px;
    width: 50px;
    background-color: #00dec4
}

.title_section.green {
    color: #00dec4
}

.title_section.white {
    color: #fff
}

.text_section {
    color: #000054;
    font-size: 18px;
    line-height: 22px
}

@media screen and (max-width:767px) {
    .text_section {
        font-size: 16px;
        line-height: 18px
    }
}

.text_section.white {
    color: #fff
}

.text_section ol,
.text_section p,
.text_section ul {
    margin-bottom: 24px
}

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

    .text_section ol,
    .text_section p,
    .text_section ul {
        margin-bottom: 16px
    }
}

.text_section ol:last-child,
.text_section p:last-child,
.text_section ul:last-child {
    margin-bottom: 0
}

.text_section ul li {
    position: relative;
    list-style-type: disc;
    list-style-position: inside
}

.title_block {
    position: relative;
    color: #000054;
    font-weight: 500;
    font-size: 28px;
    line-height: 32px
}

@media screen and (max-width:767px) {
    .title_block {
        font-size: 22px;
        line-height: 25px
    }
}

.title_block.white {
    color: #fff
}

.title_block.line {
    position: relative;
    text-align: center;
    padding-bottom: 43px
}

@media screen and (max-width:767px) {
    .title_block.line {
        padding-bottom: 31px
    }
}

.title_block.line:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 4px;
    width: 50px;
    background-color: #00dec4
}

.title_middle {
    color: #000054;
    font-weight: 500;
    font-size: 32px;
    line-height: 36px
}

@media screen and (max-width:767px) {
    .title_middle {
        font-size: 20px;
        line-height: 23px
    }
}

.title_middle.line {
    position: relative;
    padding-bottom: 21px
}

.title_middle.line:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    width: 50px;
    background-color: #00dec4
}

.title_middle.green {
    color: #00dec4
}

.title_small {
    position: relative;
    color: #000054;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px
}

@media screen and (max-width:767px) {
    .title_small {
        font-size: 20px;
        line-height: 23px
    }
}

.title_small.white {
    color: #fff
}

.title_small.line {
    position: relative;
    text-align: center;
    padding-bottom: 15px
}

.title_small.line:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 4px;
    width: 50px;
    background-color: #00dec4
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
    width: 100%;
    transition: background-color .3s
}

.header.light .logo_left {
    fill: #fff
}

.header.light .header_nav>ul>li>a {
    color: #fff
}

.header.light .header_nav>ul .has_submenu>a>svg {
    stroke: #fff;
}

.header.light .header_toggle span {
    background: #fff
}

.header.light .header_toggle span:after,
.header.light .header_toggle span:before {
    background: #fff
}

.header.sticky {
    position: fixed;
    top: 0 !important;
    background-color: rgba(255, 255, 255, .9)
}

.header.sticky.light .logo_left {
    fill: #000054
}

.header.sticky.light .header_nav>ul>li>a {
    color: #000054
}

.header.sticky.light .header_nav>ul .has_submenu>a>svg {
    stroke: #000054
}

.header.sticky.light .header_toggle span {
    background: #000054
}

.header.sticky.light .header_toggle span:after,
.header.sticky.light .header_toggle span:before {
    background: #000054
}

.header_inner {
    height: 118px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media screen and (max-width:991px) {
    .header_inner {
        height: 115px;
        align-items: flex-start;
        padding-top: 40px
    }

    .header.light .header_nav>ul>li>a,
    .header_navbar .has_submenu .current-menu-item :not(.not) span {
        color: #000054;
    }

    .header.light .header_nav>ul .has_submenu>a>svg {
        stroke: #000054;
    }

    .header_navbar.visible .current_page_item:not(.not)>a {
        color: #000054;

    }
}

.header_logo {
    display: block;
    width: 191px
}

@media screen and (max-width:991px) {
    .header_logo {
        width: 136px
    }
}

.header_logo svg {
    display: block;
    max-width: 100%
}

.header_logo .logo_left {
    fill: #000054
}

@media screen and (max-width:991px) {
    .header_navbar {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99999;
        width: 100%;
        height: 100%;
        visibility: hidden
    }
}

.header_navbar.visible {
    visibility: visible
}

@media screen and (max-width:991px) {
    .header_navbar.visible .header_navbar_inner {
        transform: translateX(0)
    }
}

@media screen and (max-width:991px) {
    .header_navbar_inner {
        position: fixed;
        top: 0;
        right: 0;
        height: 100%;
        width: 100%;
        /* background: #000054; */
        background: #ffffff;
        display: flex;
        flex-direction: column;
        /* border-radius: 20px 0 0 20px; */
        transform: translateX(200%);
        transition: all .3s
    }
}

.header_navbar_top {
    display: none
}

@media screen and (max-width:991px) {
    .header_navbar_top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 90px;
        height: 90px;
        padding: 16px 24px 0
    }
}

.header_navbar_logo {
    width: 136px;
}

.header_navbar_close {
    cursor: pointer;
    background: 0 0;
    border: none;
    border-radius: 0
}

.header_navbar_close:hover svg {
    stroke: #00dec4
}

.header_navbar_close svg {
    display: block;
    stroke: #000054;
    transition: all .3s
}

@media screen and (max-width:991px) {
    .header_navbar_body {
        flex: 1 1 auto;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        padding: 0 22px 27px 24px;
        overflow-x: hidden;
        overflow-y: scroll;
    }
}

.header_navbar_bottom {
    display: none
}

@media screen and (max-width:991px) {
    .header_navbar_bottom {
        display: block;
        position: relative;
        padding-top: 16px;
        margin-top: 40px
    }

    .header_navbar_bottom .btn {
        display: block;
    }
}

/* @media screen and (max-width:991px) {
    .header_navbar_bottom:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 27px;
        height: 2px;
        background-color: #00dec4
    }
} */

.header_navbar_links {
    display: flex;
    flex-direction: column
}

.header_navbar_links a {
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 12px;
    transition: all .3s
}

.header_navbar_links a:hover {
    color: #00dec4
}

.header_navbar_links a:last-child {
    margin-bottom: 0
}

.header_nav {
    display: flex;
    align-items: center
}

@media screen and (max-width:991px) {
    .header_nav {
        flex-direction: column;
        align-items: flex-start
    }
}

.header_nav>ul {
    display: flex;
    align-items: center;
    margin-right: 48px
}

@media screen and (max-width:991px) {
    .header_nav>ul {
        flex-direction: column;
        align-items: flex-start;
        margin-right: 0;
        order: 2
    }

    .header_nav>ul.menu {
        position: relative;
        padding-top: 28px;
    }
}

.header_nav>ul>li {
    margin-right: 82px
}

@media screen and (max-width:1300px) {
    .header_nav>ul>li {
        margin-right: 40px
    }
}

@media screen and (max-width:991px) {
    .header_nav>ul>li {
        margin-right: 0;
        margin-bottom: 20px
    }

    .header_nav>ul.menu>li:not(.has_submenu) {
        margin-bottom: 30px;
        margin-top: 10px;
    }
}

.header_nav>ul>li:last-child {
    margin-right: 0
}

@media screen and (max-width:991px) {
    .header_nav>ul>li:last-child {
        margin-bottom: 0
    }
}

.header_nav>ul>li.active>a:after {
    opacity: 1
}

.header_nav>ul>li>a {
    position: relative;
    padding: 11px 0;
    text-decoration: none;
    color: #000054;
    font-weight: 500;
    font-size: 18px
}

@media screen and (max-width:991px) {
    .header_nav>ul>li>a {
        color: #000054;
        font-size: 30px;
        line-height: 1.4;
        font-weight: 600;
    }
}

/* .header_nav>ul>li>a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background-color: #7340fa;
    opacity: 0
} */


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

    .header_nav>ul>li>a:after,
    .btn-desktop {
        display: none !important;
    }
}

.header_nav .has_submenu {
    position: relative
}

.header_nav .has_submenu:hover .header_submenu {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0)
}

@media screen and (max-width:991px) {
    .header_nav .has_submenu:hover .header_submenu {
        transform: translate(150%, 0)
    }

    .header_nav .has_submenu:hover .header_submenu.active {
        transform: translate(0, 0)
    }

    .header_nav .has_submenu {
        position: static;
    }
}

.header_nav .has_submenu:hover>a>svg {
    transform: rotate(180deg)
}

/* @media screen and (max-width:991px) {
    .header_nav .has_submenu>.opened {
        color: #00dec4
    }
} */

/* @media screen and (max-width:991px) {
    .header_nav .has_submenu>.opened>svg {
        stroke: #00dec4;
        transform: rotate(270deg)
    }
} */

.header_nav .has_submenu>a {
    display: flex;
    align-items: center
}

.header_nav .has_submenu>a>svg {
    stroke: #000054;
    margin-left: 5px;
    transition: stroke .3s
}

@media screen and (max-width:991px) {
    .header_nav .has_submenu:hover>a>svg {
        -webkit-transform: rotate(270deg) scale(1.4);
        -ms-transform: rotate(270deg) scale(1.4);
        transform: rotate(270deg) scale(1.4);

    }

    .header_nav .has_submenu>a>svg {
        stroke: #000054;
        margin-left: 10px;
        width: 12px;
        -webkit-transform: rotate(270deg) scale(1.4);
        -ms-transform: rotate(270deg) scale(1.4);
        transform: rotate(270deg) scale(1.4);

    }
}

@media screen and (max-width:991px) {
    .header_nav .btn {
        order: 1;
        margin-bottom: 20px
    }
}

.sub-menu-medium .header_submenu {
    min-width: 480px;
}

.header_submenu {
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 5;
    min-width: 415px;
    padding-top: 45px;
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -15px);
    transition: all .3s
}

@media screen and (max-width:991px) {
    .header_submenu {
        position: static;
        min-width: auto;
        width: auto;
        padding: 0;
        opacity: 1;
        visibility: visible;
        transform: translate(0, 0);
        border: none;
        max-height: 0;

        transition: max-height .3s ease-out
    }
}

.header_submenu.big {
    width: 760px
}

@media screen and (max-width:991px) {
    .header_submenu.big {
        width: auto
    }
}

.header_submenu.big .header_submenu_inner {
    padding: 72px 46px 30px
}

.header-back-btn {
    display: none;
}

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

    .header_submenu.big .header_submenu_inner,
    .header_submenu .header_submenu_inner {
        padding: 36px 0 0;
    }

    .header_navbar .has_submenu .current_page_item:not(.not) span,
    .header_navbar .has_submenu .current-menu-item :not(.not) span {
        font-weight: 400 !important;
    }

    .header-back-btn {
        display: block;
        margin-bottom: 48px;
        font-size: 14px;
        font-weight: 400;
        color: #000054;
    }

    .header_nav .has_submenu .header_submenu {
        max-height: 100vh !important;
        position: absolute;
        top: 0;
        left: 0;
        width: calc(100vw - 46px);
        height: 100vh;
        z-index: 9999999999;
        background: #fff;
        -webkit-transform: translate(150%, 0);
        -ms-transform: translate(150%, 0);
        transform: translate(150%, 0);
        transition: all 0.4s linear;

    }

    .header_nav .has_submenu .header_submenu.active {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);

    }

    .header_submenu_inner {
        width: 100%;
    }
}

.header_submenu_inner {
    position: relative;
    padding: 66px 45px 30px;
    background-color: #fff;
    border-radius: 10px 10px 3px 3px;
    border-bottom: 4px solid #00dec4;
    box-shadow: 0 0 46px -7px rgba(0, 0, 0, .2)
}

@media screen and (max-width:991px) {
    .header_submenu_inner {
        padding: 14px 0 0;
        box-shadow: none;
        border-bottom: none;
        border-radius: 0;
        background-color: transparent
    }
}

.header_submenu_inner:before {
    content: "";
    position: absolute;
    top: -20px;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%) rotate(45deg);
    background-color: #fff;
    display: block;
    width: 40px;
    height: 40px;
    box-shadow: 0 0 46px -7px rgba(0, 0, 0, .2)
}

@media screen and (max-width:991px) {
    .header_submenu_inner:before {
        display: none
    }
}

.header_submenu_inner:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 2;
    transform: translateX(-50%);
    background-color: #fff;
    display: block;
    width: 100px;
    height: 60px
}

@media screen and (max-width:991px) {
    .header_submenu_inner:after {
        display: none
    }
}

.header_submenu_wrap {
    display: flex;
    margin: 0 -23px
}

@media screen and (max-width:991px) {
    .header_submenu_wrap {
        margin: 0;
        display: block
    }
}

.header_submenu_column {
    width: calc(50% - 46px);
    margin: 0 23px
}

@media screen and (max-width:991px) {
    .header_submenu_column {
        width: 100%;
        margin: 0 0 11px
    }
}

@media screen and (max-width:991px) {
    .header_submenu_column:last-child {
        margin-bottom: 0
    }
}

.submenu_item {
    margin-bottom: 29px
}

@media screen and (max-width:991px) {
    .submenu_item {
        margin-bottom: 11px;
        padding-bottom: 36px;
    }
}

.submenu_item:last-child {
    margin-bottom: 0
}

.submenu_link {
    display: flex;
    align-items: center;
    text-decoration: none
}

.submenu_link:hover .submenu_item_name,
.submenu_link:hover .submenu_item_text {
    color: #00dec4
}

.submenu_link:hover .submenu_item_name svg {
    stroke: #00dec4
}

.submenu_item_icon {
    min-width: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 19px
}

/* @media screen and (max-width:991px) {
    .submenu_item_icon {
        display: none
    }
} */

.submenu_item_name {
    display: flex;
    align-items: center;
    color: #000054;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 10px;
    transition: all .3s
}

@media screen and (max-width:991px) {
    .submenu_item_name {
        color: #000054;
        font-size: 18px;
        line-height: 1.4;
        margin-bottom: 10px
    }

    .submenu_link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-decoration: none;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

    .sub-menu-medium .header_submenu {
        min-width: auto;
    }

    .submenu_item_info {
        width: 100%;
    }

    .submenu_item_text {
        line-height: 1.5;
    }

    .submenu_item_icon {
        margin-bottom: 10px;
    }
}

.submenu_item_name svg {
    margin-left: 10px;
    stroke: #000054;
    transform: rotate(-90deg);
    transition: stroke .3s
}

@media screen and (max-width:991px) {
    .submenu_item_name svg {
        display: none
    }
}

.submenu_item_text {
    color: #000054;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    transition: all .3s
}

/* @media screen and (max-width:991px) {
    .submenu_item_text {
        display: none
    }
} */

.header_submenu_logo {
    text-align: center;
    margin-top: 50px
}

/* @media screen and (max-width:991px) {
    .header_submenu_logo {
        display: none
    }
} */

.header_toggle {
    display: none;
    cursor: pointer;
    position: relative;
    z-index: 90;
    overflow: hidden;
    width: 35px;
    height: 30px;
    margin-left: 20px;
    margin-top: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border: none;
    background-color: transparent;
    cursor: pointer;
    transition: all .3s
}

@media screen and (max-width:991px) {
    .header_toggle {
        display: block
    }
}

.header_toggle span {
    display: block;
    position: absolute;
    width: 35px;
    height: 4px;
    background: #000054;
    transition: all .3s;
    border-radius: 5px;
}

.header_toggle span:first-child {
    top: 0;
    left: 0;
    right: 0;

}

.header_toggle span:nth-child(2) {
    top: 14px;
    width: 30px;
    left: auto;
    right: 0;
}

.header_toggle span:last-child {
    bottom: 0;
    left: 0;
    right: 0;
}

.header_toggle span:after,
.header_toggle span:before {
    position: absolute;
    display: block;
    left: 0;
    width: 45px;
    height: 4px;
    background: #000054;
    content: none !important;
    transition: all .3s;
    border-radius: 5px;
}

.header_toggle span:before {
    top: -6px
}

.header_toggle span:after {
    bottom: -6px
}

.header_toggle span:focus {
    outline: 0
}

.top_section {
    position: relative;
    overflow: hidden
}

.top_section.dark {
    background: #000054
}

.top_section.dark .top_info_title {
    color: #fff
}

.top_section.dark .top_info_text {
    color: #fff
}

.top_home .top_elem {
    width: 72%;
    height: 100%
}

@media screen and (max-width:991px) {
    .top_home .top_elem {
        width: 100%;
        height: auto;
        top: auto;
        bottom: 0
    }
}

.top_home .top_elem img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left center
}

@media screen and (max-width:991px) {
    .top_home .top_elem img {
        height: auto
    }
}

.top_home .top_img {
    margin: -5%
}

@media screen and (max-width:767px) {
    .top_home .top_img {
        margin: -5% -5% 40px
    }
}

.top_home_anim {
    margin: -23% -10% -23% -25%
}

@media screen and (max-width:767px) {
    .top_home_anim {
        margin-left: -10%;
        margin-bottom: -15%
    }
}

.top_page .top_elem {
    width: 57.63%;
    height: 100%
}

@media screen and (max-width:991px) {
    .top_page .top_elem {
        width: 100%;
        height: auto;
        top: 0
    }
}

.top_page .top_elem img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left center
}

@media screen and (max-width:991px) {
    .top_page .top_elem img {
        height: auto;
        object-position: center
    }
}

.top_page .top_inner {
    padding: 232px 0 70px
}

@media screen and (max-width:991px) {
    .top_page .top_inner {
        padding: 113px 0 44px
    }
}

.top_page .top_img {
    margin: -5%;
    text-align: center
}

@media screen and (max-width:767px) {
    .top_page .top_img {
        margin: -5% -5% 20px
    }
}

.top_page .top_info_title {
    margin-bottom: 30px
}

@media screen and (max-width:767px) {
    .top_page .top_info_title {
        margin-bottom: 16px
    }
}

.top_page .top_info_buttons .btn {
    padding-left: 22px;
    padding-right: 22px
}

@media screen and (max-width:767px) {
    .top_page .top_info_buttons .btn {
        padding-left: 17px;
        padding-right: 17px
    }
}

.top_page .top_trusted {
    max-width: none;
    text-align: center;
    margin-top: 74px
}

@media screen and (max-width:767px) {
    .top_page .top_trusted {
        margin-top: 43px
    }
}

.top_page .top_trusted_title {
    margin-bottom: 19px
}

@media screen and (max-width:767px) {
    .top_page .top_trusted_title {
        margin-bottom: 30px
    }
}

.top_page .top_trusted_logo {
    width: calc(12.5% - 40px)
}

@media screen and (max-width:991px) {
    .top_page .top_trusted_logo {
        width: calc(25% - 40px)
    }
}

@media screen and (max-width:576px) {
    .top_page .top_trusted_logo {
        width: calc(33.33% - 40px)
    }
}

.top_perk .top_img {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width:991px) {
    .top_perk .top_img {
        max-width: none
    }
}

.top_earn .top_img {
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width:991px) {
    .top_earn .top_img {
        margin-left: -4%;
        margin-right: -4%
    }
}

.top_partners .top_elem {
    width: 40.1%
}

@media screen and (max-width:991px) {
    .top_partners .top_elem {
        width: 100%
    }
}

.top_partners .top_img {
    margin: -35% 0 -15% -40%
}

@media screen and (max-width:991px) {
    .top_partners .top_img {
        margin: -35% -10% 0 -45%
    }
}

.top_tiered .top_elem {
    width: 40.1%
}

@media screen and (max-width:991px) {
    .top_tiered .top_elem {
        width: 100%
    }
}

.top_tiered .top_img {
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width:991px) {
    .top_tiered .top_img {
        margin-left: -4%;
        margin-right: -4%
    }
}

.top_tiered_2 .top_img {
    margin: 0
}

@media screen and (max-width:991px) {
    .top_tiered_2 .top_img {
        margin-left: -30px;
        margin-right: 0
    }
}

.top_elem {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

.top_inner {
    position: relative;
    z-index: 4;
    padding: 230px 0 37px
}

@media screen and (max-width:991px) {
    .top_inner {
        padding: 124px 0 40px
    }
}

.top_wrap {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width:767px) {
    .top_wrap {
        flex-direction: column
    }
}

.top_wrap.vertical {
    align-items: center
}

.top_left {
    width: 45%;
    padding-right: 40px
}

@media screen and (max-width:767px) {
    .top_left {
        width: 100%;
        order: 2;
        padding-right: 0
    }
}

.top_info {
    position: relative;
    z-index: 3;
    max-width: 460px
}

@media screen and (max-width:767px) {
    .top_info {
        max-width: none
    }
}

.top_info_title {
    color: #000054;
    font-weight: 500;
    font-size: 42px;
    line-height: 48px;
    margin-bottom: 18px
}

@media screen and (max-width:767px) {
    .top_info_title {
        font-size: 30px;
        line-height: 34px;
        margin-bottom: 5px
    }
}

.top_info_subtitle {
    color: #00dec4;
    font-weight: 500;
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 28px
}

@media screen and (max-width:767px) {
    .top_info_subtitle {
        font-size: 24px;
        line-height: 27px;
        margin-bottom: 6px
    }
}

.top_info_text {
    color: #000054;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px
}

@media screen and (max-width:767px) {
    .top_info_text {
        font-size: 16px;
        line-height: 18px
    }
}

.top_info_buttons {
    display: flex;
    flex-wrap: wrap;
    margin-top: 28px;
    margin-bottom: -19px
}

@media screen and (max-width:767px) {
    .top_info_buttons {
        margin-top: 20px;
        margin-bottom: -17px
    }
}

.top_info_buttons .btn {
    margin: 0 19px 19px 0
}

@media screen and (max-width:767px) {
    .top_info_buttons .btn {
        margin: 0 17px 17px 0
    }
}

.top_info_buttons .btn:last-child {
    margin-right: 0
}

.top_media {
    width: 55%
}

@media screen and (max-width:767px) {
    .top_media {
        width: 100%;
        order: 1
    }
}

.top_trusted {
    margin-top: 42px
}

@media screen and (max-width:576px) {
    .top_trusted {
        margin-top: 51px
    }
}

.top_trusted_title {
    color: #000054;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 10px
}

@media screen and (max-width:576px) {
    .top_trusted_title {
        text-align: center;
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 18px
    }
}

.top_trusted_wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 -20px -16px
}

@media screen and (max-width:576px) {
    .top_trusted_wrap {
        justify-content: center
    }
}

.top_trusted_logo {
    width: calc(25% - 40px);
    margin: 0 20px 16px
}

@media screen and (max-width:576px) {
    .top_trusted_logo {
        width: calc(33.33% - 40px)
    }
}

.top_trusted_logo:last-child {
    margin-right: 0
}

.top_trusted {
    max-width: 690px
}

.top_scroll {
    text-align: center;
    margin-top: 31px
}

@media screen and (max-width:767px) {
    .top_scroll {
        display: none
    }
}

.rewards_section {
    position: relative;
    background: #000054;
    padding: 155px 0 53px
}

@media screen and (max-width:991px) {
    .rewards_section {
        padding: 80px 0 60px
    }
}

@media screen and (max-width:767px) {
    .rewards_section {
        padding: 55px 0 35px
    }
}

.rewards_section .elem_1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

@media screen and (max-width:991px) {
    .rewards_section .elem_1 {
        display: none
    }
}

.rewards_section .elem_2 {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1
}

.rewards_section .description_section {
    max-width: 728px;
    margin: 0 auto 60px
}

@media screen and (max-width:991px) {
    .rewards_section .description_section {
        margin-bottom: 40px
    }
}

.rewards_wrap {
    position: relative;
    z-index: 3;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -10px -20px
}

@media screen and (max-width:576px) {
    .rewards_wrap {
        display: block;
        margin: 0
    }
}

.reward_box {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    width: calc(20% - 20px);
    margin: 0 10px 20px;
    padding: 30px 9px 46px;
    text-align: center;
    box-shadow: 0 0 18px 11px rgba(0, 0, 0, .05);
    border-radius: 10px;
    border-bottom: 7px solid #7340fa;
    overflow: hidden
}

@media screen and (max-width:991px) {
    .reward_box {
        width: calc(33.33% - 20px)
    }
}

@media screen and (max-width:576px) {
    .reward_box {
        width: 100%;
        margin: 0 0 20px;
        padding: 0;
        flex-direction: row
    }
}

@media screen and (max-width:576px) {
    .reward_box:last-child {
        margin-bottom: 0
    }
}

@media screen and (max-width:576px) {
    .reward_box_top {
        min-width: 118px;
        width: 118px;
        box-shadow: 0 0 18px 11px rgba(0, 0, 0, .05);
        border-radius: 10px 10px 10px 3px;
        padding: 32px 12px
    }
}

@media screen and (max-width:576px) {
    .reward_box_icon {
        margin: 0 auto
    }
}

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

.reward_box_name {
    color: #000054;
    font-weight: 500;
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 18px
}

@media screen and (max-width:576px) {
    .reward_box_name {
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 0
    }
}

.reward_box_info {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media screen and (max-width:576px) {
    .reward_box_info {
        flex: auto;
        padding: 32px 12px;
        justify-content: center
    }
}

.reward_box_text {
    color: #000054;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px
}

@media screen and (max-width:576px) {
    .reward_box_text {
        font-size: 16px;
        line-height: 18px
    }
}

.reward_box_more {
    display: inline-block;
    text-decoration: none;
    color: #7340fa;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    margin-top: 30px;
    transition: all .3s
}

@media screen and (max-width:576px) {
    .reward_box_more {
        font-size: 14px;
        line-height: 16px;
        margin-top: 10px
    }
}

.rewards_bottom {
    text-align: center;
    margin-top: 53px
}

@media screen and (max-width:767px) {
    .rewards_bottom {
        display: none
    }
}

.rewards_bottom .btn {
    max-width: 342px;
    width: 100%
}

.programs_section {
    position: relative;
    padding: 132px 0 140px;
    overflow: hidden
}

@media screen and (max-width:991px) {
    .programs_section {
        padding: 80px 0
    }
}

@media screen and (max-width:767px) {
    .programs_section {
        padding: 51px 0
    }
}

.programs_section .elem_1 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

@media screen and (max-width:1100px) {
    .programs_section .elem_1 {
        max-width: 70%;
        top: auto;
        bottom: 0
    }
}

@media screen and (max-width:991px) {
    .programs_section .elem_1 {
        display: none
    }
}

.programs_section .elem_2 {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1
}

@media screen and (max-width:991px) {
    .programs_section .elem_2 {
        display: none
    }
}

.programs_wrap {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center
}

@media screen and (max-width:991px) {
    .programs_wrap {
        display: block
    }
}

.programs_left {
    width: 51%;
    padding-right: 30px
}

@media screen and (max-width:991px) {
    .programs_left {
        width: 100%;
        padding-right: 0
    }
}

.programs_left .description_section {
    max-width: 505px;
    margin: 0 0 83px;
    text-align: left
}

@media screen and (max-width:991px) {
    .programs_left .description_section {
        position: relative;
        text-align: center;
        margin: 0 auto 54px;
        padding-bottom: 40px
    }
}

@media screen and (max-width:991px) {
    .programs_left .description_section:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        display: block;
        width: 50px;
        height: 4px;
        background-color: #00dec4
    }
}

.programs_left .description_section .title_section {
    margin-bottom: 21px
}

.programs_list_item {
    display: flex;
    align-items: center;
    margin-bottom: 22px
}

.programs_list_item:last-child {
    margin-bottom: 0
}

.programs_list_icon {
    min-width: 56px;
    text-align: center;
    margin-right: 36px
}

.programs_list_name {
    text-decoration: none;
    color: #7340fa;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px
}

@media screen and (max-width:576px) {
    .programs_list_name {
        font-size: 22px;
        line-height: 25px
    }
}

.programs_list_name span {
    color: #000054
}

.programs_list_name a {
    text-decoration: none;
    color: #7340fa
}

.programs_right {
    width: 49%
}

@media screen and (max-width:991px) {
    .programs_right {
        display: none
    }
}

.stories_section {
    position: relative;
    z-index: 4;
    background: #000054;
    height: 900px
}

@media screen and (max-width:991px) {
    .stories_section {
        height: auto;
        display: flex;
        flex-direction: column;
        background: 0 0;
        padding-bottom: 39px
    }
}

@media screen and (max-width:991px) {
    .stories_section.mb {
        margin-bottom: 24px
    }
}

.stories_images {
    top: 0;
    right: 0;
    height: 100%;
    width: 71.36%
}

@media screen and (max-width:991px) {
    .stories_images {
        width: 100%;
        order: 2
    }
}

.stories_images.swiper-container {
    position: absolute
}

@media screen and (max-width:991px) {
    .stories_images.swiper-container {
        position: relative;
        overflow: visible
    }
}

.stories_images .swiper-wrapper {
    height: 100%
}

.stories_dots {
    position: absolute;
    bottom: 48px;
    z-index: 5;
    display: flex;
    justify-content: center;
    width: 100%
}

@media screen and (max-width:991px) {
    .stories_dots {
        bottom: 0
    }
}

.stories_dots .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    background-color: #fff;
    margin-right: 10px;
    opacity: 1
}

@media screen and (max-width:991px) {
    .stories_dots .swiper-pagination-bullet {
        background-color: #e5e5e5
    }
}

.stories_dots .swiper-pagination-bullet:last-child {
    margin-right: 0
}

.stories_dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #00dec4
}

.stories_triangle {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    height: 100%;
    width: 836px
}

@media screen and (max-width:991px) {
    .stories_triangle {
        top: -19px;
        width: auto;
        height: auto
    }
}

.stories_triangle img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right center
}

@media screen and (max-width:991px) {
    .stories_triangle img {
        object-fit: none
    }
}

.stories_elem {
    position: absolute;
    bottom: 0;
    left: calc(28.64% - 100px);
    z-index: 5;
    width: 630px
}

@media screen and (max-width:991px) {
    .stories_elem {
        left: auto;
        right: 0;
        width: auto
    }
}

.story_img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media screen and (max-width:991px) {
    .stories_content {
        order: 1;
        background: #000054
    }
}

.stories_left {
    position: relative;
    z-index: 4;
    padding: 166px 0
}

@media screen and (max-width:991px) {
    .stories_left {
        padding: 60px 0 56px
    }
}

.stories_title {
    position: relative;
    display: flex;
    flex-direction: column;
    color: #00dec4;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    padding-bottom: 26px;
    margin-bottom: 48px
}

@media screen and (max-width:767px) {
    .stories_title {
        font-size: 20px;
        line-height: 23px;
        padding-bottom: 16px;
        margin-bottom: 30px
    }
}

.stories_title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 50px;
    height: 4px;
    background-color: #00dec4
}

@media screen and (max-width:767px) {
    .stories_title:after {
        height: 3px
    }
}

.stories_title img {
    margin-bottom: 17px
}

@media screen and (max-width:767px) {
    .stories_title img {
        margin-bottom: 13px;
        max-width: 22px
    }
}

.stories_info {
    max-width: 414px
}

@media screen and (max-width:991px) {
    .stories_info {
        max-width: none
    }
}

.stories_info.swiper-container {
    margin: 0
}

.story_item_text {
    color: #fff;
    font-weight: 500;
    font-size: 32px;
    line-height: 36px
}

@media screen and (max-width:767px) {
    .story_item_text {
        font-size: 24px;
        line-height: 27px
    }
}

.story_item_bottom {
    margin-top: 24px
}

@media screen and (max-width:767px) {
    .story_item_bottom {
        margin-top: 14px
    }
}

.story_item_name {
    color: #fff;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 8px
}

@media screen and (max-width:767px) {
    .story_item_name {
        font-size: 20px;
        line-height: 23px;
        margin-bottom: 4px
    }
}

.story_item_position {
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px
}

@media screen and (max-width:767px) {
    .story_item_position {
        font-size: 14px;
        line-height: 16px
    }
}

.unlock_section {
    padding: 126px 0 142px;
    overflow: hidden
}

@media screen and (max-width:991px) {
    .unlock_section {
        padding: 80px 0
    }
}

@media screen and (max-width:767px) {
    .unlock_section {
        padding: 48px 0 57px
    }
}

.unlock_section .description_section {
    max-width: 794px;
    margin: 0 auto 96px
}

@media screen and (max-width:991px) {
    .unlock_section .description_section {
        margin-bottom: 50px
    }
}

@media screen and (max-width:767px) {
    .unlock_section .description_section {
        margin-bottom: 22px
    }
}

@media screen and (max-width:767px) {
    .unlock_content {
        margin: 0 -30px
    }
}

.unlock_wrap {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 0 38px
}

@media screen and (max-width:1300px) {
    .unlock_wrap {
        padding: 0
    }
}

@media screen and (max-width:767px) {
    .unlock_wrap {
        flex-direction: column;
        max-width: 400px;
        margin: 0 auto
    }
}

@media screen and (max-width:480px) {
    .unlock_wrap {
        max-width: 314px
    }
}

.unlock_wrap:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 1px;
    width: 100%;
    border-bottom: 1px dashed #000054
}

@media screen and (max-width:767px) {
    .unlock_wrap:before {
        border-bottom: none
    }
}

.unlock_item {
    position: relative;
    width: 25%
}

@media screen and (max-width:767px) {
    .unlock_item {
        width: 50%;
        margin: -40px 0 0
    }
}

@media screen and (max-width:767px) {
    .unlock_item:first-child {
        margin-top: 0
    }
}

.unlock_item:last-child:after {
    display: none
}

@media screen and (max-width:767px) {
    .unlock_item:nth-child(odd):after {
        transform: rotate(25deg) translateY(-50%);
        top: 100%;
        right: 0;
        margin-top: -13px
    }
}

@media screen and (max-width:480px) {
    .unlock_item:nth-child(odd):after {
        transform: rotate(32deg) translateY(-50%);
        margin-top: -16px
    }
}

.unlock_item:nth-child(even) {
    margin-left: auto
}

@media screen and (max-width:767px) {
    .unlock_item:nth-child(even):after {
        transform: rotate(145deg) translateY(-50%);
        top: 100%;
        right: auto;
        left: -12px;
        margin-top: -21px
    }
}

@media screen and (max-width:480px) {
    .unlock_item:nth-child(even):after {
        transform: rotate(135deg) translateY(0);
        left: -14px;
        margin-top: -10px
    }
}

@media screen and (max-width:767px) {
    .unlock_item:nth-child(even) .unlock_circle {
        margin: 0 0 0 auto
    }
}

@media screen and (max-width:767px) {
    .unlock_item:nth-child(2) .unlock_circle:before {
        width: 1000px;
        right: 30px;
        top: 116px;
        transform: rotate(27deg);
        transform-origin: 100% 100%
    }
}

@media screen and (max-width:480px) {
    .unlock_item:nth-child(2) .unlock_circle:before {
        transform: rotate(35deg)
    }
}

@media screen and (max-width:767px) {
    .unlock_item:nth-child(3) {
        margin-top: -10px
    }
}

@media screen and (max-width:767px) {
    .unlock_item:nth-child(3) .unlock_circle:before {
        width: 300px;
        left: 30px;
        top: 20px;
        transform: rotate(-32deg);
        transform-origin: center
    }
}

@media screen and (max-width:480px) {
    .unlock_item:nth-child(3) .unlock_circle:before {
        left: 20px;
        top: -10px;
        transform: rotate(-45deg)
    }
}

@media screen and (max-width:767px) {
    .unlock_item:nth-child(4) .unlock_circle:before {
        width: 1000px;
        left: -200px;
        top: 207px;
        transform: rotate(27deg)
    }
}

@media screen and (max-width:480px) {
    .unlock_item:nth-child(4) .unlock_circle:before {
        top: 241px;
        transform: rotate(35deg)
    }
}

.unlock_item:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -8px;
    z-index: 3;
    transform: translateY(-50%);
    display: block;
    height: 20px;
    width: 16px;
    background: url(../images/arrow_circle.svg) no-repeat center
}

.unlock_circle {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 222px;
    height: 222px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 50%;
    padding: 0 20px
}

@media screen and (max-width:1200px) {
    .unlock_circle {
        width: 150px;
        height: 150px;
        padding: 0 15px
    }
}

@media screen and (max-width:767px) {
    .unlock_circle {
        margin: 0
    }
}

.unlock_circle:before {
    content: "";
    position: absolute;
    border-bottom: 1px dashed #000054;
    display: none
}

@media screen and (max-width:767px) {
    .unlock_circle:before {
        display: block
    }
}

.unlock_circle:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    background-color: #fff;
    border: 4px solid #00dec4;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.unlock_circle_text {
    position: relative;
    z-index: 3;
    text-align: center;
    color: #000054;
    font-weight: 500;
    font-size: 28px;
    line-height: 32px
}

@media screen and (max-width:1200px) {
    .unlock_circle_text {
        font-size: 20px;
        line-height: 23px
    }
}

.unlock_circle_icon {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    width: 64px;
    height: 64px;
    background: #00dec4;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 500;
    font-size: 42px;
    line-height: 1
}

@media screen and (max-width:1200px) {
    .unlock_circle_icon {
        width: 43px;
        height: 43px;
        font-size: 28px
    }
}

.unlock_circle_icon img {
    display: block
}

.calculate_info.pb {
    padding-bottom: 107px
}

@media screen and (max-width:991px) {
    .calculate_info.pb {
        padding-bottom: 48px
    }
}

.calculate_info_inner {
    position: relative;
    background: #000054;
    padding: 52px 22px
}

@media screen and (max-width:991px) {
    .calculate_info_inner {
        padding: 42px 22px 76px
    }
}

.calculate_info_inner .elem_1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

@media screen and (max-width:991px) {
    .calculate_info_inner .elem_1 {
        display: none
    }
}

.calculate_info_inner .elem_2 {
    position: absolute;
    bottom: 0;
    right: -106px;
    z-index: 1
}

@media screen and (max-width:1200px) {
    .calculate_info_inner .elem_2 {
        max-width: 320px;
        right: -30px
    }
}

@media screen and (max-width:991px) {
    .calculate_info_inner .elem_2 {
        right: -30px
    }
}

.calculate_info_inner .elem_3 {
    position: absolute;
    bottom: -112px;
    right: 0;
    z-index: 1
}

@media screen and (max-width:991px) {
    .calculate_info_inner .elem_3 {
        bottom: -48px
    }
}

.calculate_info_description {
    position: relative;
    z-index: 4;
    max-width: 578px;
    margin: 0 auto;
    text-align: center
}

.calculate_info_description .btn {
    margin-top: 42px;
    width: 100%;
    max-width: 255px
}

@media screen and (max-width:576px) {
    .calculate_info_description .btn {
        max-width: 185px;
        margin-top: 35px
    }
}

@media screen and (max-width:576px) {
    .calculate_info_description .btn .mobile_hidden {
        display: none
    }
}

.calculate_info_title {
    color: #fff;
    font-weight: 500;
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 35px
}

@media screen and (max-width:576px) {
    .calculate_info_title {
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 24px
    }
}

.calculate_info_text {
    color: #fff;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px
}

@media screen and (max-width:576px) {
    .calculate_info_text {
        font-size: 20px;
        line-height: 23px
    }
}

.brands_section .description_section {
    max-width: 854px;
    margin: 0 auto 94px;
    padding: 0 30px
}

@media screen and (max-width:991px) {
    .brands_section .description_section {
        margin-bottom: 67px
    }
}

.brands_section .title_section {
    max-width: 553px;
    margin-left: auto;
    margin-right: auto
}

.brands_inner {
    padding: 133px 0 146px;
    overflow: hidden
}

@media screen and (max-width:991px) {
    .brands_inner {
        padding: 89px 0 79px
    }
}

.brands_wrap {
    position: relative
}

.brands_wrap:before {
    content: "";
    position: absolute;
    top: -225px;
    left: -244px;
    display: block;
    width: 276px;
    height: 710px;
    background: rgba(0, 0, 0, .1);
    filter: blur(57px);
    transform: rotate(-180deg);
    border-radius: 50%;
    z-index: 3
}

@media screen and (max-width:576px) {
    .brands_wrap:before {
        top: 50%;
        left: -85px;
        transform: translateY(-50%);
        width: 131px;
        height: 337px;
        filter: blur(27.0402px)
    }
}

.brands_wrap:after {
    content: "";
    position: absolute;
    top: -225px;
    right: -244px;
    display: block;
    width: 276px;
    height: 710px;
    background: rgba(0, 0, 0, .1);
    filter: blur(57px);
    transform: rotate(-180deg);
    border-radius: 50%;
    z-index: 3
}

@media screen and (max-width:576px) {
    .brands_wrap:after {
        top: 50%;
        right: -85px;
        transform: translateY(-50%);
        width: 131px;
        height: 337px;
        filter: blur(27.0402px)
    }
}

.brands_slider.swiper-container {
    padding: 0 18%
}

@media screen and (max-width:767px) {
    .brands_slider.swiper-container {
        padding: 0 31%
    }
}

.brands_slider .swiper-wrapper {
    padding: 20px 0
}

.brand_item {
    border-radius: 10px;
    overflow: hidden
}

.brand_item.shadow {
    box-shadow: 0 0 20px rgba(0, 0, 0, .1)
}

.request_info {
    background: #7340fa;
    padding: 112px 0
}

@media screen and (max-width:991px) {
    .request_info {
        padding: 80px 0
    }
}

@media screen and (max-width:767px) {
    .request_info {
        padding: 48px 0
    }
}

.request_info_description {
    text-align: center
}

.request_info_description .text_section {
    max-width: 656px;
    margin: 0 auto
}

.request_info_description .btn {
    max-width: 195px;
    width: 100%;
    margin-top: 33px
}

@media screen and (max-width:767px) {
    .request_info_description .btn {
        margin-top: 35px;
        max-width: 154px
    }
}

.request_info_title {
    color: #fff;
    font-weight: 500;
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 20px
}

@media screen and (max-width:767px) {
    .request_info_title {
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 25px
    }
}

.footer {
    position: relative;
    background: #006;
    padding: 98px 0 119px
}

@media screen and (max-width:767px) {
    .footer {
        padding: 52px 0;
        background: #000054
    }
}

.footer_shape {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 74%;
    height: 100%;
    background: #000054;
    clip-path: polygon(0 0, 78% 0, 22% 100%, 0 100%)
}

@media screen and (max-width:767px) {
    .footer_shape {
        display: none
    }
}

.footer_inner {
    position: relative;
    z-index: 3;
    display: flex;
    justify-content: space-between
}

@media screen and (max-width:767px) {
    .footer_inner {
        display: block
    }
}

.footer_left {
    padding-right: 40px
}

@media screen and (max-width:767px) {
    .footer_left {
        padding-right: 0;
        text-align: center
    }
}

.footer_logo {
    display: inline-block;
    margin-bottom: 55px
}

@media screen and (max-width:767px) {
    .footer_logo {
        max-width: 105px;
        margin: 0 auto 28px
    }
}

.footer_title {
    color: rgba(255, 255, 255, .5);
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 20px
}

@media screen and (max-width:767px) {
    .footer_title {
        font-size: 13px;
        line-height: 15px;
        margin-bottom: 12px
    }
}

.footer_articles {
    max-width: 435px;
    margin-bottom: 42px
}

@media screen and (max-width:767px) {
    .footer_articles {
        display: none
    }
}

.footer_article_name {
    text-decoration: none;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    transition: all .3s
}

.footer_article_name:hover {
    color: #00dec4
}

.footer_article_date {
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    margin-top: 20px
}

.footer_soc {
    margin-bottom: 54px
}

@media screen and (max-width:767px) {
    .footer_soc {
        margin-bottom: 38px
    }
}

.footer_soc_wrap {
    display: flex;
    align-items: center
}

@media screen and (max-width:767px) {
    .footer_soc_wrap {
        justify-content: center
    }
}

.footer_soc_wrap a {
    margin-right: 16px
}

@media screen and (max-width:767px) {
    .footer_soc_wrap a {
        margin-right: 12px
    }
}

.footer_soc_wrap a:hover svg {
    fill: #00dec4
}

.footer_soc_wrap a:last-child {
    margin-right: 0
}

.footer_soc_wrap a svg {
    display: block;
    fill: #fff;
    transition: all .3s
}

@media screen and (max-width:767px) {
    .footer_soc_wrap a svg {
        width: 29px;
        height: 29px
    }
}

.footer_cop {
    color: rgba(255, 255, 255, .5);
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px
}

@media screen and (max-width:767px) {
    .footer_cop {
        line-height: 16px;
        margin-bottom: 21px
    }
}

.footer_links {
    display: flex
}

@media screen and (max-width:767px) {
    .footer_links {
        flex-direction: column
    }
}

.footer_links a {
    text-decoration: none;
    color: rgba(255, 255, 255, .5);
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    margin-right: 32px;
    transition: all .3s
}

@media screen and (max-width:767px) {
    .footer_links a {
        line-height: 16px;
        margin: 0 0 19px
    }
}

.footer_links a:hover {
    color: #fff
}

.footer_links a:last-child {
    margin-right: 0
}

@media screen and (max-width:767px) {
    .footer_links a:last-child {
        margin-bottom: 0
    }
}

@media screen and (max-width:767px) {
    .footer_right {
        display: none
    }
}

.footer_nav {
    display: flex;
    width: 100%;
    max-width: 556px
}

@media screen and (max-width:1200px) {
    .footer_nav {
        max-width: 380px
    }
}

.footer_nav_left {
    display: flex;
    width: 66.67%
}

@media screen and (max-width:1200px) {
    .footer_nav_left {
        flex-wrap: wrap;
        width: 50%
    }
}

.footer_nav_left .footer_nav_column {
    width: 50%
}

@media screen and (max-width:1200px) {
    .footer_nav_left .footer_nav_column {
        width: 100%;
        margin-bottom: 62px
    }
}

.footer_nav_left .footer_nav_column:last-child {
    margin-bottom: 0
}

.footer_nav_column {
    width: 33.33%;
    min-width: 176px
}

@media screen and (max-width:1200px) {
    .footer_nav_column {
        width: 50%
    }
}

.footer_nav_column:last-child {
    margin-right: 0
}

.footer_nav_box {
    margin-bottom: 62px
}

.footer_nav_box:last-child {
    margin-bottom: 0
}

.footer_nav_list li {
    margin-bottom: 20px
}

.footer_nav_list li:last-child {
    margin-bottom: 0
}

.footer_nav_list a {
    text-decoration: none;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    transition: all .3s
}

.footer_nav_list a:hover {
    color: #00dec4
}

.program_about {
    position: relative;
    background: #000054
}

@media screen and (max-width:991px) {
    .program_about {
        padding: 31px 0 38px
    }
}

.program_about_bg {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1
}

@media screen and (max-width:991px) {
    .program_about_bg {
        display: none
    }
}

.program_about_elem {
    position: absolute;
    top: -116px;
    right: 0;
    z-index: 1
}

@media screen and (max-width:991px) {
    .program_about_elem {
        top: 0;
        right: auto;
        left: 0
    }
}

.program_about_perk {
    padding-top: 0
}

.program_perk_bg {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    max-width: 57.63%;
    height: 1000px
}

@media screen and (max-width:991px) {
    .program_perk_bg {
        position: static;
        max-width: none;
        height: auto;
        width: 100%;
        margin-bottom: 14px
    }
}

.program_perk_bg img {
    height: 100%;
    width: 100%;
    object-position: left center;
    object-fit: cover
}

.program_about_wrap {
    position: relative;
    z-index: 3;
    min-height: 900px;
    display: flex;
    align-items: center;
    padding: 64px 0
}

@media screen and (max-width:991px) {
    .program_about_wrap {
        flex-direction: column;
        min-height: auto;
        padding: 0
    }
}

.program_about_info {
    width: 52.44%;
    padding-right: 64px
}

@media screen and (max-width:991px) {
    .program_about_info {
        width: 100%;
        order: 2;
        padding-right: 0
    }
}

.program_about_info .title_section {
    margin-bottom: 33px
}

@media screen and (max-width:767px) {
    .program_about_info .title_section {
        margin-bottom: 28px
    }
}

.program_about_img {
    width: 47.56%;
    text-align: center
}

@media screen and (max-width:991px) {
    .program_about_img {
        width: 100%;
        order: 1;
        margin-bottom: 31px
    }
}

.benefits_section {
    padding: 123px 0;
    overflow: hidden
}

@media screen and (max-width:767px) {
    .benefits_section {
        padding: 52px 0 65px
    }
}

.benefits_section .title_section {
    max-width: 580px;
    margin: 0 auto 90px;
    padding-bottom: 34px
}

@media screen and (max-width:767px) {
    .benefits_section .title_section {
        padding-bottom: 26px;
        margin-bottom: 52px
    }
}

.benefits_wrap {
    display: flex;
    margin: 0 -55px
}

@media screen and (max-width:991px) {
    .benefits_wrap {
        margin: 0 -30px
    }
}

@media screen and (max-width:767px) {
    .benefits_wrap {
        display: block;
        margin: 0
    }
}

.benefits_column {
    width: calc(50% - 110px);
    margin: 0 55px
}

@media screen and (max-width:991px) {
    .benefits_column {
        width: calc(50% - 60px);
        margin: 0 30px
    }
}

@media screen and (max-width:767px) {
    .benefits_column {
        width: 100%;
        margin: 0 0 50px
    }
}

@media screen and (max-width:767px) {
    .benefits_column:last-child {
        margin-bottom: 0
    }
}

.benefit_item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 50px
}

@media screen and (max-width:767px) {
    .benefit_item {
        display: block;
        text-align: center
    }
}

.benefit_item:last-child {
    margin-bottom: 0
}

.benefit_item_icon {
    min-width: 70px;
    width: 70px;
    display: flex;
    justify-content: center;
    margin-right: 22px
}

@media screen and (max-width:767px) {
    .benefit_item_icon {
        margin: 0 auto;
        margin-bottom: 30px
    }
}

.benefit_item_name {
    color: #000054;
    font-weight: 500;
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 20px
}

@media screen and (max-width:767px) {
    .benefit_item_name {
        font-size: 22px;
        line-height: 25px
    }
}

.tab_container {
    display: none
}

.tab_container.active {
    display: block
}

.rewards_solution {
    position: relative;
    padding: 123px 0 105px;
    overflow: hidden
}

@media screen and (max-width:767px) {
    .rewards_solution {
        padding: 50px 0 55px
    }
}

.rewards_solution .title_middle {
    text-align: center;
    margin-bottom: 47px;
    padding-bottom: 41px
}

@media screen and (max-width:767px) {
    .rewards_solution .title_middle {
        font-size: 24px;
        line-height: 27px;
        padding-bottom: 20px;
        margin-bottom: 68px
    }
}

.rewards_solution .title_middle:after {
    left: 50%;
    transform: translateX(-50%)
}

.rewards_solution .tabs_section {
    position: relative;
    z-index: 3
}

.rewards_solution_bg {
    position: absolute;
    top: 197px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

@media screen and (max-width:767px) {
    .rewards_solution_bg {
        display: none
    }
}

.rewards_solution_bg img {
    width: 100%
}

.rewards_solution_tabs {
    display: flex
}

@media screen and (max-width:767px) {
    .rewards_solution_tabs {
        display: none
    }
}

.rewards_solution_tabs li {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    flex: 1 1 33.33%;
    text-align: center;
    background: #fff;
    box-shadow: 0 0 46px -7px rgba(0, 0, 0, .2);
    border-radius: 10px 10px 0 0;
    color: #000054;
    font-weight: 500;
    font-size: 28px;
    line-height: 32px;
    padding: 24px 12px 63px;
    transition: all .3s
}

.rewards_solution_tabs li.current {
    color: #fff;
    background: #00dec4;
    box-shadow: 0 0 46px rgba(0, 0, 0, .2)
}

.rewards_solution_trigger {
    display: none
}

@media screen and (max-width:767px) {
    .rewards_solution_trigger {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 81px;
        cursor: pointer;
        background-color: #fff;
        box-shadow: 0 0 46px -7px rgba(0, 0, 0, .2);
        border-radius: 10px 10px 0 0;
        color: #000054;
        font-weight: 500;
        font-size: 22px;
        line-height: 25px;
        transition: all .3s
    }
}

@media screen and (max-width:767px) {
    .rewards_solution_trigger.active {
        height: 87px;
        background: #00dec4;
        color: #fff;
        padding-bottom: 25px;
        margin-bottom: -25px
    }
}

.rewards_solution_container {
    position: relative;
    z-index: 3;
    background: #fff;
    box-shadow: 0 0 46px -7px rgba(0, 0, 0, .2);
    border-radius: 10px 10px 0 0;
    margin-top: -39px
}

@media screen and (max-width:767px) {
    .rewards_solution_container {
        display: block;
        max-height: 0;
        margin-top: 0;
        overflow: hidden;
        transition: max-height .3s ease-out
    }
}

.rewards_solution_body {
    padding: 64px 73px 49px 79px
}

@media screen and (max-width:991px) {
    .rewards_solution_body {
        padding: 32px 21px 69px
    }
}

.rewards_solution_intro {
    display: flex;
    align-items: center;
    margin-bottom: 94px
}

@media screen and (max-width:991px) {
    .rewards_solution_intro {
        flex-direction: column
    }
}

@media screen and (max-width:767px) {
    .rewards_solution_intro {
        margin-bottom: 31px
    }
}

.rewards_solution_left {
    width: 43%;
    padding-right: 65px
}

@media screen and (max-width:991px) {
    .rewards_solution_left {
        width: 100%;
        padding-right: 0;
        margin-bottom: 31px
    }
}

.rewards_solution_icon {
    max-width: 30px;
    margin-bottom: 30px
}

@media screen and (max-width:767px) {
    .rewards_solution_icon {
        max-width: 19px;
        margin-bottom: 15px
    }
}

.rewards_solution_text {
    color: #000054;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px
}

@media screen and (max-width:767px) {
    .rewards_solution_text {
        font-size: 20px;
        line-height: 23px
    }
}

.rewards_solution_img {
    width: 57%;
    box-shadow: 0 0 46px -7px rgba(0, 0, 0, .2);
    border-radius: 10px;
    overflow: hidden
}

@media screen and (max-width:991px) {
    .rewards_solution_img {
        width: 100%
    }
}

.rewards_solution_img img {
    width: 100%
}

.rewards_solution_content {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -33px -77px
}

@media screen and (max-width:767px) {
    .rewards_solution_content {
        display: block;
        margin: 0
    }
}

.rewards_solution_box {
    width: calc(33.33% - 66px);
    margin: 0 33px 77px
}

@media screen and (max-width:991px) {
    .rewards_solution_box {
        width: calc(50% - 66px)
    }
}

@media screen and (max-width:767px) {
    .rewards_solution_box {
        width: 100%;
        margin: 0 0 55px
    }
}

@media screen and (max-width:767px) {
    .rewards_solution_box:last-child {
        margin-bottom: 0
    }
}

.rewards_solution_name {
    position: relative;
    margin-bottom: 39px;
    padding-bottom: 38px;
    color: #000054;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px
}

@media screen and (max-width:767px) {
    .rewards_solution_name {
        font-size: 20px;
        line-height: 23px;
        margin-bottom: 25px;
        padding-bottom: 22px
    }
}

.rewards_solution_name:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 50px;
    height: 4px;
    background-color: #00dec4
}

.rewards_solution_name span {
    display: flex;
    align-items: flex-end;
    min-height: 56px
}

@media screen and (max-width:767px) {
    .rewards_solution_name span {
        min-height: auto
    }
}

.rewards_solution_bottom {
    text-align: center;
    margin-top: 106px
}

@media screen and (max-width:991px) {
    .rewards_solution_bottom {
        margin-top: 64px
    }
}

@media screen and (max-width:767px) {
    .rewards_solution_bottom {
        display: none
    }
}

.rewards_solution_bottom .typical_text a {
    color: #7340fa
}

.info_lists {
    padding: 140px 0 160px
}

@media screen and (max-width:991px) {
    .info_lists {
        padding: 58px 0 49px
    }
}

.info_lists_contnet {
    max-width: 786px;
    margin: 0 auto
}

.info_lists_contnet .description_section {
    margin-bottom: 70px
}

@media screen and (max-width:991px) {
    .info_lists_contnet .description_section {
        margin-bottom: 44px
    }
}

@media screen and (max-width:576px) {
    .info_lists_contnet .description_section {
        text-align: left
    }
}

.info_lists_contnet .title_block {
    margin-bottom: 43px;
    padding-bottom: 24px
}

@media screen and (max-width:767px) {
    .info_lists_contnet .title_block {
        margin-bottom: 35px;
        padding-bottom: 20px
    }
}

@media screen and (max-width:576px) {
    .info_lists_contnet .title_block {
        text-align: left
    }
}

@media screen and (max-width:576px) {
    .info_lists_contnet .title_block:after {
        left: 0;
        transform: translateX(0)
    }
}

.info_lists_wrap {
    display: flex;
    margin: 0 -28px
}

@media screen and (max-width:991px) {
    .info_lists_wrap {
        margin: 0 -20px
    }
}

@media screen and (max-width:576px) {
    .info_lists_wrap {
        display: block;
        margin: 0
    }
}

.info_lists_wrap .list_check {
    width: calc(50% - 56px);
    margin: 0 28px
}

@media screen and (max-width:991px) {
    .info_lists_wrap .list_check {
        width: calc(50% - 40px);
        margin: 0 20px
    }
}

@media screen and (max-width:576px) {
    .info_lists_wrap .list_check {
        width: 100%;
        margin: 0 0 30px
    }
}

@media screen and (max-width:576px) {
    .info_lists_wrap .list_check:last-child {
        margin-bottom: 0
    }
}

@media screen and (max-width:576px) {
    .info_lists_wrap .list_check li {
        padding-left: 69px
    }
}

@media screen and (max-width:576px) {
    .info_lists_wrap .list_check li:before {
        width: 29px;
        height: 28px
    }
}

.other_programs {
    overflow: hidden;
    padding: 105px 0 135px
}

@media screen and (max-width:991px) {
    .other_programs {
        padding: 73px 0
    }
}

.other_programs .description_section {
    max-width: 794px;
    margin: 0 auto 79px;
    padding: 49px 0 0
}

@media screen and (max-width:991px) {
    .other_programs .description_section {
        margin-bottom: 54px;
        padding-top: 43px
    }
}

.other_programs .description_section:after {
    bottom: auto;
    top: 0
}

@media screen and (max-width:767px) {
    .other_programs .title_section {
        margin-bottom: 20px
    }
}

.other_programs_wrap {
    display: flex;
    margin: 0 -32px
}

@media screen and (max-width:991px) {
    .other_programs_wrap {
        margin: 0 -10px
    }
}

@media screen and (max-width:767px) {
    .other_programs_wrap {
        margin: 0;
        display: block
    }
}

.other_program_item {
    text-align: center;
    width: calc(33.33% - 64px);
    margin: 0 32px
}

@media screen and (max-width:991px) {
    .other_program_item {
        width: calc(33.33% - 20px);
        margin: 0 10px
    }
}

@media screen and (max-width:767px) {
    .other_program_item {
        width: 100%;
        margin: 0 0 54px
    }
}

@media screen and (max-width:767px) {
    .other_program_item:last-child {
        margin-bottom: 0
    }
}

.other_program_item .btn {
    margin-top: 30px;
    min-width: 169px
}

@media screen and (max-width:767px) {
    .other_program_item .btn {
        min-width: auto;
        background: 0 0;
        padding: 0;
        color: #00dec4;
        font-size: 14px;
        margin-top: 20px
    }
}

.other_program_icon {
    margin-bottom: 15px
}

@media screen and (max-width:767px) {
    .other_program_icon {
        max-width: 60px;
        margin: 0 auto 26px
    }
}

.other_program_name {
    color: #000054;
    font-weight: 500;
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 16px
}

@media screen and (max-width:767px) {
    .other_program_name {
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 23px
    }
}

.programs_bg {
    position: relative;
    overflow: hidden
}

.programs_bg_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.top_programs {
    overflow: visible
}

.top_programs.dark {
    background-color: transparent
}

.top_programs .top_elem {
    width: 100%
}

.top_programs .top_elem img {
    width: 100%
}

@media screen and (max-width:767px) {
    .top_programs .top_inner {
        padding-bottom: 49px
    }
}

.top_programs .top_wrap {
    align-items: center
}

.top_programs .top_info {
    max-width: 417px
}

@media screen and (max-width:767px) {
    .top_programs .top_info {
        max-width: none
    }
}

.top_programs .top_img {
    margin: -4%
}

@media screen and (max-width:767px) {
    .top_programs .top_img {
        margin-bottom: 10px
    }
}

.programs_boxes {
    padding-bottom: 109px;
    background: #fafafa;
    overflow: hidden
}

@media screen and (max-width:767px) {
    .programs_boxes {
        padding-bottom: 30px
    }
}

.programs_boxes .elem_1 {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2
}

.programs_boxes_wrap {
    position: relative;
    z-index: 3;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -26px -50px
}

@media screen and (max-width:767px) {
    .programs_boxes_wrap {
        display: block;
        margin: 0
    }
}

.program_box {
    width: calc(50% - 52px);
    margin: 0 26px 50px;
    padding: 84px 48px;
    background: #fff;
    box-shadow: 0 0 46px -7px rgba(0, 0, 0, .2);
    border-radius: 10px;
    text-align: center
}

@media screen and (max-width:991px) {
    .program_box {
        padding: 36px 22px
    }
}

@media screen and (max-width:767px) {
    .program_box {
        width: 100%;
        margin: 0 0 30px
    }
}

@media screen and (max-width:767px) {
    .program_box:last-child {
        margin-bottom: 0
    }
}

.program_box .btn {
    width: 169px;
    margin-top: 30px
}

@media screen and (max-width:576px) {
    .program_box .btn {
        width: 129px
    }
}

.program_box_icon {
    height: 100px;
    margin-bottom: 26px
}

@media screen and (max-width:576px) {
    .program_box_icon {
        width: 80px;
        height: 80px;
        margin: 0 auto 20px
    }
}

.program_box_name {
    color: #7340fa;
    font-weight: 500;
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 30px
}

@media screen and (max-width:576px) {
    .program_box_name {
        font-size: 24px;
        line-height: 27px
    }
}

.program_box_name span {
    color: #000054
}

.program_box_text {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px
}

@media screen and (max-width:576px) {
    .program_box_text {
        font-size: 16px;
        line-height: 18px
    }
}

.programs_features {
    position: relative;
    z-index: 3;
    padding: 108px 0 187px;
    background: #fff
}

@media screen and (max-width:991px) {
    .programs_features {
        padding: 80px 0
    }
}

@media screen and (max-width:767px) {
    .programs_features {
        padding: 51px 0
    }
}

.programs_features .description_section {
    max-width: 800px;
    margin: 0 auto 75px
}

@media screen and (max-width:991px) {
    .programs_features .description_section {
        margin-bottom: 54px
    }
}

.programs_features .title_section {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto
}

.toggle_container {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease-out
}

.features_wrap {
    display: flex;
    padding: 0 70px;
    margin: 0 -47px
}

@media screen and (max-width:1200px) {
    .features_wrap {
        padding: 0
    }
}

@media screen and (max-width:991px) {
    .features_wrap {
        margin: 0 -25px
    }
}

@media screen and (max-width:767px) {
    .features_wrap {
        display: block;
        margin: 0
    }
}

.features_column {
    width: calc(50% - 94px);
    margin: 0 47px
}

@media screen and (max-width:991px) {
    .features_column {
        width: calc(50% - 50px);
        margin: 0 25px
    }
}

@media screen and (max-width:767px) {
    .features_column {
        width: 100%;
        margin: 0 0 40px
    }
}

@media screen and (max-width:767px) {
    .features_column:last-child {
        margin-bottom: 0
    }
}

.feature_accordion_box {
    margin-bottom: 50px
}

@media screen and (max-width:767px) {
    .feature_accordion_box {
        margin-bottom: 40px
    }
}

.feature_accordion_box:last-child {
    margin-bottom: 0
}

.feature_accordion_trigger {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    color: #000054;
    font-weight: 500;
    font-size: 28px;
    line-height: 32px
}

@media screen and (max-width:991px) {
    .feature_accordion_trigger {
        font-size: 22px;
        line-height: 25px
    }
}

@media screen and (max-width:767px) {
    .feature_accordion_trigger {
        display: flex;
        align-items: flex-start
    }
}

@media screen and (max-width:767px) {
    .feature_accordion_trigger span {
        display: block;
        width: 100%
    }
}

.feature_accordion_trigger span span {
    display: inline-block;
    position: relative;
    padding-right: 35px
}

@media screen and (max-width:767px) {
    .feature_accordion_trigger br {
        display: none
    }
}

.feature_accordion_trigger svg {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    stroke: #000054
}

@media screen and (max-width:767px) {
    .feature_accordion_trigger svg {
        top: 8px;
        transform: translateY(0)
    }
}

.feature_accordion_icon {
    display: flex;
    justify-content: center;
    min-width: 50px;
    width: 50px;
    margin-right: 27px
}

@media screen and (max-width:767px) {
    .feature_accordion_icon {
        margin-right: 25px
    }
}

.feature_accordion_container {
    padding: 23px 0 50px 77px
}

@media screen and (max-width:767px) {
    .feature_accordion_container {
        padding: 15px 0 20px 75px
    }
}

.top_solutions .top_elem {
    width: 72%;
    height: 100%
}

@media screen and (max-width:767px) {
    .top_solutions .top_elem {
        width: 100%
    }
}

.top_solutions .top_elem img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left center
}

@media screen and (max-width:767px) {
    .top_solutions .top_inner {
        padding-top: 114px;
        padding-bottom: 50px
    }
}

.top_solutions .top_wrap {
    align-items: center
}

.top_solutions .top_info_buttons .btn {
    min-width: 126px
}

@media screen and (max-width:767px) {
    .top_solutions .top_info_buttons .btn {
        min-width: 118px
    }
}

@media screen and (max-width:767px) {
    .top_solutions .top_media {
        margin-bottom: 59px;
        padding: 0 40px
    }
}

.top_solutions .top_img {
    text-align: center
}

.top_solutions .top_scroll {
    margin-top: 184px
}

.solutions_main {
    position: relative;
    padding: 81px 0 158px;
    overflow: hidden
}

@media screen and (max-width:991px) {
    .solutions_main {
        padding-bottom: 100px
    }
}

@media screen and (max-width:767px) {
    .solutions_main {
        padding: 39px 0 67px
    }
}

.solutions_main .elem_1 {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1
}

.solutions_main .elem_2 {
    position: absolute;
    top: 338px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

@media screen and (max-width:991px) {
    .solutions_main .elem_2 {
        top: 100px
    }
}

@media screen and (max-width:767px) {
    .solutions_main .elem_2 {
        top: 840px
    }
}

@media screen and (max-width:576px) {
    .solutions_main .elem_2 {
        top: 422px
    }
}

@media screen and (max-width:400px) {
    .solutions_main .elem_2 {
        top: 322px
    }
}

.solutions_main .elem_2 img {
    position: absolute;
    top: 0;
    left: calc(50% - 108px);
    transform: translateX(-50%);
    max-width: none;
    width: 4664px
}

@media screen and (max-width:767px) {
    .solutions_main .elem_2 img {
        left: 50%
    }
}

.solutions_trigger {
    position: relative;
    z-index: 2;
    margin-bottom: 173px
}

@media screen and (max-width:991px) {
    .solutions_trigger {
        margin-bottom: 80px
    }
}

@media screen and (max-width:767px) {
    .solutions_trigger {
        margin-bottom: 58px
    }
}

.solutions_trigger .title_section {
    text-align: center;
    margin-bottom: 82px
}

@media screen and (max-width:991px) {
    .solutions_trigger .title_section {
        margin-bottom: 41px
    }
}

@media screen and (max-width:576px) {
    .solutions_trigger .title_section {
        text-align: left
    }
}

.solutions_trigger_wrap {
    display: flex;
    justify-content: space-between;
    max-width: 1021px;
    margin: 0 auto
}

@media screen and (max-width:576px) {
    .solutions_trigger_wrap {
        display: block
    }
}

.solution_trigger_item {
    text-align: center
}

@media screen and (max-width:576px) {
    .solution_trigger_item {
        display: flex;
        align-items: center;
        text-align: left;
        margin-bottom: 20px
    }
}

@media screen and (max-width:576px) {
    .solution_trigger_item:last-child {
        margin-bottom: 0
    }
}

.solution_trigger_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 147px;
    height: 147px;
    margin-bottom: 51px;
    border-radius: 50%;
    border: 4px solid #00dec4
}

@media screen and (max-width:991px) {
    .solution_trigger_icon {
        width: 90px;
        height: 90px;
        margin-bottom: 30px;
        border-width: 3px
    }
}

@media screen and (max-width:576px) {
    .solution_trigger_icon {
        width: 74px;
        height: 74px;
        margin-bottom: 0;
        border-width: 2px;
        margin-right: 18px
    }
}

.solution_trigger_icon img {
    max-width: 97px
}

@media screen and (max-width:991px) {
    .solution_trigger_icon img {
        max-width: 56px
    }
}

@media screen and (max-width:576px) {
    .solution_trigger_icon img {
        max-width: 49px
    }
}

.solution_trigger_name {
    color: #000054;
    font-weight: 500;
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 24px
}

@media screen and (max-width:991px) {
    .solution_trigger_name {
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 10px
    }
}

.solution_trigger_more {
    color: #7340fa;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    transition: all .3s
}

@media screen and (max-width:991px) {
    .solution_trigger_more {
        font-size: 14px;
        line-height: 16px
    }
}

.solution_trigger_more:hover {
    color: #00dec4
}

.solution_content {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    margin-bottom: 160px
}

@media screen and (max-width:991px) {
    .solution_content {
        margin-bottom: 100px
    }
}

@media screen and (max-width:767px) {
    .solution_content {
        margin-bottom: 60px
    }
}

@media screen and (max-width:767px) {
    .solution_content {
        flex-direction: column
    }
}

.solution_content:last-child {
    margin-bottom: 0
}

.solution_content.left .solution_content_img {
    order: 2
}

@media screen and (max-width:767px) {
    .solution_content.left .solution_content_img {
        order: 1
    }
}

.solution_content.left .solution_content_info {
    order: 1;
    padding-left: 0;
    padding-right: 40px
}

@media screen and (max-width:767px) {
    .solution_content.left .solution_content_info {
        order: 2;
        padding-right: 0
    }
}

.solution_content.left .solution_content_description {
    margin-left: 0
}

@media screen and (max-width:767px) {
    .solution_content.left .solution_content_description {
        margin-left: auto
    }
}

.solution_content.solution_content_2 .solution_content_name,
.solution_content.solution_content_3 .solution_content_name {
    color: #fff
}

.solution_content.solution_content_2 .typical_text p,
.solution_content.solution_content_3 .typical_text p {
    color: #fff
}

.solution_content_img {
    width: 52.93%
}

@media screen and (max-width:767px) {
    .solution_content_img {
        width: 100%;
        margin-bottom: 53px
    }
}

.solution_content_info {
    width: 47.07%;
    text-align: center;
    padding-left: 40px
}

@media screen and (max-width:767px) {
    .solution_content_info {
        width: 100%;
        padding-left: 0
    }
}

.solution_content_info .btn {
    width: 169px;
    margin: 30px 0 0
}

@media screen and (max-width:576px) {
    .solution_content_info .btn {
        width: auto;
        margin-top: 25px
    }
}

@media screen and (max-width:576px) {
    .solution_content_info .typical_text p {
        font-size: 16px;
        line-height: 18px
    }
}

.solution_content_description {
    max-width: 492px;
    margin-left: auto
}

@media screen and (max-width:767px) {
    .solution_content_description {
        margin: 0 auto
    }
}

.solution_content_icon {
    max-width: 97px;
    margin: 0 auto 31px
}

@media screen and (max-width:576px) {
    .solution_content_icon {
        margin-bottom: 20px
    }
}

@media screen and (max-width:576px) {
    .solution_content_icon img {
        max-width: 51px
    }
}

.solution_content_name {
    color: #000054;
    font-weight: 500;
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 30px;
    mix-blend-mode: difference
}

@media screen and (max-width:576px) {
    .solution_content_name {
        font-size: 24px;
        line-height: 27px;
        margin-bottom: 25px
    }
}

.solution_content_name span {
    color: #7340fa
}

.query_page {
    background: #000054
}

.query_bg {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 91.59%;
    height: 100%;
    object-fit: cover;
    object-position: left center
}

@media screen and (max-width:767px) {
    .query_bg {
        width: 100%
    }
}

.query_elem {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2
}

@media screen and (max-width:767px) {
    .query_elem {
        display: none
    }
}

.header_query {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 96px;
    padding: 0 32px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media screen and (max-width:991px) {
    .header_query {
        padding: 0 24px;
        height: 86px
    }
}

.header_query_logo {
    max-width: 150px
}

@media screen and (max-width:991px) {
    .header_query_logo {
        max-width: 117px
    }
}

.header_query_close {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #7340fa;
    border-radius: 50%;
    transition: all .3s
}

@media screen and (max-width:991px) {
    .header_query_close {
        width: 32px;
        height: 32px
    }
}

.header_query_close:hover {
    background: #00dec4
}

.header_query_close svg {
    fill: #fff
}

@media screen and (max-width:991px) {
    .header_query_close svg {
        width: 16px;
        height: 16px
    }
}

.query_main {
    position: relative;
    z-index: 3;
    min-height: 100vh;
    padding: 150px 0;
    display: flex;
    align-items: center
}

@media screen and (max-width:767px) {
    .query_main {
        padding: 108px 0
    }
}

@media screen and (max-width:576px) {
    .query_main {
        align-items: flex-start
    }
}

.query_container {
    position: relative;
    z-index: 3;
    width: 100%;
    max-width: 1008px;
    padding: 0 24px;
    margin: 0 auto
}

.query_content_back {
    text-decoration: none;
    display: inline-block;
    color: rgba(255, 255, 255, .5);
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 15px;
    transition: all .3s
}

@media screen and (max-width:576px) {
    .query_content_back {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 13px
    }
}

.query_content_back:hover {
    color: #fff
}

.query_content_wrap {
    display: flex;
    align-items: flex-start
}

@media screen and (max-width:576px) {
    .query_content_wrap {
        flex-direction: column
    }
}

.query_content_left {
    width: 100%;
    max-width: 564px;
    padding-right: 32px
}

@media screen and (max-width:576px) {
    .query_content_left {
        order: 2;
        max-width: none;
        padding-right: 0
    }
}

.query_content_left .typical_text p {
    font-weight: 400;
    line-height: 28px
}

@media screen and (max-width:767px) {
    .query_content_left .typical_text p {
        font-size: 16px;
        line-height: 24px
    }
}

.query_content_left .list_check {
    margin-top: 17px
}

.query_content_left .list_check li {
    margin-bottom: 16px;
    font-weight: 400
}

@media screen and (max-width:767px) {
    .query_content_left .list_check li {
        padding-left: 31px
    }
}

@media screen and (max-width:767px) {
    .query_content_left .list_check li:before {
        width: 19px;
        height: 18px
    }
}

.query_content_left .list_check li:last-child {
    margin-bottom: 0
}

.query_content_left .btn {
    font-size: 18px;
    line-height: 28px;
    padding: 14px 36px;
    margin: 43px 0 0 0
}

@media screen and (max-width:767px) {
    .query_content_left .btn {
        margin-top: 33px;
        font-size: 14px;
        line-height: 20px;
        padding: 10px 28px
    }
}

@media screen and (max-width:576px) {
    .query_content_left .btn {
        order: 1;
        width: 100%
    }
}

.query_content_left .btn:last-child {
    margin-right: 0
}

@media screen and (max-width:767px) {
    .query_content_left .btn .mobile_hidden {
        display: none
    }
}

.query_content_left .btn .mobile_show {
    display: none
}

@media screen and (max-width:767px) {
    .query_content_left .btn .mobile_show {
        display: inline
    }
}

.query_content_img {
    align-self: center;
    margin: 0 auto;
    min-width: 191px;
    width: 191px;
    height: 191px;
    background: #d9d9d9;
    border-radius: 50%;
    overflow: hidden
}

@media screen and (max-width:576px) {
    .query_content_img {
        order: 1;
        margin: 0 auto 25px
    }
}

.query_content_text {
    min-width: 267px;
    width: 267px;
    background: #00007a;
    border-radius: 16px;
    padding: 36px 27px;
    margin: 0 0 0 auto
}

@media screen and (max-width:576px) {
    .query_content_text {
        display: none
    }
}

.query_content_text p {
    color: #fff;
    font-size: 14px;
    line-height: 20px
}

.query_result {
    min-width: 292px;
    width: 292px;
    background: #000054;
    border-radius: 10px;
    padding: 96px 20px 125px;
    margin: 0 0 0 auto;
    text-align: center
}

@media screen and (max-width:767px) {
    .query_result {
        min-width: 240px;
        width: 240px;
        padding: 40px 20px
    }
}

@media screen and (max-width:576px) {
    .query_result {
        min-width: auto;
        width: 100%;
        order: 1;
        background: 0 0;
        padding: 11px 0 0 0;
        margin-bottom: 32px
    }
}

.query_result_logo {
    max-width: 43px;
    margin: 0 auto 16px
}

.query_result_text {
    color: #fff;
    font-weight: 500;
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 21px
}

@media screen and (max-width:767px) {
    .query_result_text {
        font-size: 24px;
        line-height: 29px;
        margin-bottom: 16px
    }
}

.query_result_price {
    color: #00dec4;
    font-weight: 700;
    font-size: 38px;
    line-height: 43px
}

@media screen and (max-width:767px) {
    .query_result_price {
        font-size: 30px;
        line-height: 36px
    }
}

@media screen and (max-width:576px) {
    .query_result_price {
        font-size: 38px;
        line-height: 43px
    }
}

.query_description {
    margin-bottom: 33px
}

@media screen and (max-width:576px) {
    .query_description {
        margin-bottom: 29px
    }
}

.query_description .mobile_visible {
    display: none
}

@media screen and (max-width:576px) {
    .query_description .mobile_visible {
        display: block
    }
}

.query_description_title {
    margin-bottom: 18px;
    color: #fff;
    font-weight: 500;
    font-size: 32px;
    line-height: 36px
}

@media screen and (max-width:576px) {
    .query_description_title {
        font-size: 24px;
        line-height: 27px;
        margin-bottom: 12px
    }
}

@media screen and (max-width:767px) {
    .query_description_title.column_mobile {
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }
}

@media screen and (max-width:767px) {
    .query_description_title .mobile_hidden {
        display: none
    }
}

.query_description_calculation {
    display: inline-flex;
    vertical-align: middle;
    margin: 4px 8px;
    background: #00dec4;
    border-radius: 8px;
    padding: 8px 24px;
    color: #000054;
    font-weight: 500;
    font-size: 58px;
    line-height: 66px
}

@media screen and (max-width:767px) {
    .query_description_calculation {
        margin: 29px 0 16px;
        font-size: 34px;
        line-height: 39px
    }
}

@media screen and (max-width:576px) {
    .query_description_calculation {
        margin-bottom: 18px
    }
}

.query_form_per {
    position: relative
}

.query_form_per .query_form_field {
    padding-right: 110px
}

.query_form_per span {
    position: absolute;
    top: 10px;
    right: 0;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px
}

@media screen and (max-width:767px) {
    .query_form_per span {
        top: 15px;
        font-size: 14px;
        line-height: 20px
    }
}

.query_form_field {
    height: 50px;
    width: 100%;
    background: 0 0;
    border-radius: 0;
    border: none;
    border-bottom: 2px solid #eee;
    color: #fff;
    font: 500 32px Poppins, sans-serif
}

.query_form_field::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.query_form_field:-moz-placeholder {
    color: rgba(255, 255, 255, .5)
}

.query_form_field::-moz-placeholder {
    color: rgba(255, 255, 255, .5)
}

.query_form_field:-ms-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

@media screen and (max-width:767px) {
    .query_form_field {
        font-size: 24px;
        height: 47px
    }
}

@media screen and (max-width:767px) {
    .query_form_field.field_email {
        font-size: 20px
    }
}

.query_form_buttons {
    display: flex;
    align-items: center;
    margin: 43px 0 0 0
}

@media screen and (max-width:767px) {
    .query_form_buttons {
        margin-top: 33px;
        justify-content: space-between
    }
}

@media screen and (max-width:576px) {
    .query_form_buttons {
        flex-direction: column;
        justify-content: flex-start
    }
}

@media screen and (max-width:576px) {
    .query_form_buttons.mobile_fixed {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        min-height: 112px;
        padding: 0 24px;
        align-items: center
    }
}

.query_form_buttons .btn {
    margin: 0 0 0 auto
}

.query_form_link {
    color: #fff;
    font-size: 18px;
    line-height: 28px
}

@media screen and (max-width:576px) {
    .query_form_link {
        order: 2;
        margin-top: 18px;
        text-decoration: none;
        color: rgba(255, 255, 255, .7)
    }
}

.query_form_link:hover {
    text-decoration: none
}

.query_stage_group {
    display: flex;
    margin: 0 -18px;
    padding-bottom: 7px
}

@media screen and (max-width:576px) {
    .query_stage_group {
        flex-direction: column;
        margin: 0;
        padding-bottom: 5px
    }
}

.query_stage_item {
    cursor: pointer;
    flex: 1 1 20%;
    margin: 0 18px
}

@media screen and (max-width:576px) {
    .query_stage_item {
        flex: 1 1 auto;
        margin: 0 0 16px;
        display: flex;
        align-items: center
    }
}

@media screen and (max-width:576px) {
    .query_stage_item:last-child {
        margin-bottom: 0
    }
}

.query_stage_box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000054;
    border: 2px solid #00008f;
    border-radius: 8px;
    padding: 28px;
    transition: all .3s
}

@media screen and (max-width:767px) {
    .query_stage_box {
        padding: 16px
    }
}

@media screen and (max-width:576px) {
    .query_stage_box {
        text-align: left;
        min-width: 100px;
        width: 100px;
        height: 100px;
        margin-right: 16px;
        border-radius: 4px;
        border-width: 1px
    }
}

.query_stage_check {
    position: absolute;
    top: 12px;
    right: 12px;
    opacity: 0;
    transition: all .3s
}

@media screen and (max-width:576px) {
    .query_stage_check {
        width: 14px;
        height: 14px;
        top: 6px;
        right: 6px
    }
}

.query_stage_input {
    position: absolute;
    opacity: 0;
    visibility: hidden
}

.query_stage_input:checked~.query_stage_box {
    border-color: #00dec4;
    box-shadow: 0 0 32px rgba(0, 222, 196, .6)
}

.query_stage_input:checked~.query_stage_box .query_stage_icon {
    opacity: 1
}

.query_stage_input:checked~.query_stage_box .query_stage_check {
    opacity: 1
}

.query_stage_input:checked~.query_stage_check {
    opacity: 1
}

.query_stage_input:checked~.query_stage_name {
    color: #00dec4
}

.query_stage_input:checked~.query_stage_text {
    color: #fff
}

.query_stage_icon {
    max-width: 120px;
    opacity: .5;
    transition: all .3s
}

.query_stage_name {
    max-width: 176px;
    min-height: 48px;
    text-align: center;
    color: rgba(255, 255, 255, .7);
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    margin: 15px auto 0;
    transition: all .3s
}

@media screen and (max-width:767px) {
    .query_stage_name {
        font-size: 16px;
        line-height: 18px
    }
}

@media screen and (max-width:576px) {
    .query_stage_name {
        text-align: left;
        font-size: 16px;
        line-height: 24px;
        min-height: auto;
        max-width: none;
        margin: 0;
        color: #fff;
        text-shadow: 0 4px 4px rgba(0, 0, 0, .25)
    }
}

.query_stage_text {
    margin: 10px auto 0;
    max-width: 158px;
    text-align: center;
    color: rgba(255, 255, 255, .7);
    font-size: 14px;
    line-height: 20px;
    transition: all .3s
}

@media screen and (max-width:576px) {
    .query_stage_text {
        display: none
    }
}

.query_radio_btn {
    display: block;
    cursor: pointer;
    margin-bottom: 16px
}

.query_radio_btn:last-child {
    margin-bottom: 0
}

.query_radio_input {
    position: absolute;
    opacity: 0;
    visibility: hidden
}

.query_radio_input:checked~.query_radio_box {
    border-color: #00dec4;
    background: #000054;
    box-shadow: 0 0 32px rgba(0, 222, 196, .6)
}

.query_radio_input:checked~.query_radio_box .query_radio_check {
    border-color: #00dec4;
    background: #00dec4
}

.query_radio_input:checked~.query_radio_box .query_radio_check:after {
    opacity: 1
}

.query_radio_input:checked~.query_radio_box .query_radio_text {
    color: #00dec4
}

.query_radio_box {
    display: flex;
    align-items: center;
    padding: 14px 24px;
    border: 2px solid rgba(255, 255, 255, .5);
    border-radius: 8px;
    transition: all .3s
}

.query_radio_check {
    position: relative;
    min-width: 28px;
    width: 28px;
    height: 28px;
    margin-right: 16px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .5);
    transition: all .3s
}

@media screen and (max-width:576px) {
    .query_radio_check {
        min-width: 22px;
        width: 22px;
        height: 22px
    }
}

.query_radio_check:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 18px;
    height: 14px;
    background: url(../images/check_radio_btn.svg) no-repeat center/cover;
    opacity: 0;
    transition: all .3s
}

@media screen and (max-width:576px) {
    .query_radio_check:after {
        width: 14px;
        height: 11px
    }
}

.query_radio_text {
    color: rgba(255, 255, 255, .5);
    font-weight: 500;
    font-size: 32px;
    line-height: 36px;
    transition: all .3s
}

@media screen and (max-width:576px) {
    .query_radio_text {
        font-weight: 400;
        font-size: 16px;
        line-height: 23px
    }
}

.pricing_content {
    position: relative;
    padding: 273px 0 60px;
    background: #fcfcfc
}

@media screen and (max-width:991px) {
    .pricing_content {
        padding: 165px 0 0
    }
}

.pricing_content .elem_2 {
    position: absolute;
    bottom: 0;
    right: 0
}

@media screen and (max-width:991px) {
    .pricing_content .elem_2 {
        display: none
    }
}

.pricing_content_container {
    position: relative
}

.pricing_content_container .elem_1 {
    display: none;
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (max-width:991px) {
    .pricing_content_container .elem_1 {
        display: block;
        top: 65px
    }
}

.pricing_content_container .description_section {
    margin: 0 auto 30px
}

.pricing_content_container .description_section .text_section {
    line-height: 28px
}

@media screen and (max-width:767px) {
    .pricing_content_container .description_section .text_section {
        line-height: 24px
    }
}

.pricing_content_container .description_section .title_page {
    margin-bottom: 32px
}

@media screen and (max-width:767px) {
    .pricing_content_container .description_section .title_page {
        margin-bottom: 28px
    }
}

.pricing_content_container .description_section .title_page.line {
    padding-bottom: 21px
}

@media screen and (max-width:767px) {
    .pricing_content_container .description_section .title_page.line {
        padding-bottom: 27px
    }
}

.pricing_calc {
    position: relative;
    margin-bottom: 24px
}

.pricing_calc.unfilled:before {
    opacity: 1;
    visibility: visible
}

.pricing_calc.unfilled .pricing_calc_wrap {
    z-index: 52
}

.pricing_calc.unfilled .pricing_calc_tooltip {
    opacity: 1;
    visibility: visible
}

.pricing_calc:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    z-index: 51;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    opacity: 0;
    visibility: hidden;
    transition: all .3s
}

.pricing_calc_wrap {
    position: relative;
    z-index: 1;
    display: flex;
    background-color: #fff;
    border: 1px solid #7340fa;
    box-shadow: 0 0 12px rgba(115, 64, 250, .12);
    border-radius: 8px
}

@media screen and (max-width:991px) {
    .pricing_calc_wrap {
        flex-direction: column
    }
}

.pricing_calc_tooltip {
    position: absolute;
    top: 100%;
    left: 100px;
    margin-top: 19px;
    width: 285px;
    background: #fff;
    border-radius: 8px;
    padding: 24px 18px;
    opacity: 0;
    visibility: hidden;
    transition: all .3s
}

@media screen and (max-width:767px) {
    .pricing_calc_tooltip {
        left: 0;
        width: 220px
    }
}

.pricing_calc_tooltip:before {
    content: "";
    position: absolute;
    top: -10px;
    left: 22px;
    width: 29px;
    height: 29px;
    background: #fff;
    border-radius: 5px;
    transform: rotate(45deg)
}

.pricing_calc_tooltip p {
    color: #000;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 15px
}

.pricing_calc_tooltip p:last-child {
    margin-bottom: 0
}

.pricing_calc_tooltip p a {
    text-decoration: underline;
    color: #7340fa
}

.pricing_calc_tooltip p a:hover {
    text-decoration: none
}

.pricing_calc_title {
    text-align: center;
    color: #000054;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 14px
}

.pricing_calc_customer {
    width: 42.75%;
    padding: 20px 64px 32px;
    border-right: 1px solid #7340fa
}

@media screen and (max-width:1400px) {
    .pricing_calc_customer {
        padding: 20px 32px 32px
    }
}

@media screen and (max-width:991px) {
    .pricing_calc_customer {
        width: 100%;
        padding: 20px;
        border-right: none;
        border-bottom: 1px solid #7340fa
    }
}

.pricing_calc_values {
    display: flex;
    justify-content: space-between;
    max-width: 360px
}

@media screen and (max-width:991px) {
    .pricing_calc_values {
        margin: 0 auto;
        align-items: flex-end
    }
}

@media screen and (max-width:576px) {
    .pricing_calc_values .pricing_calculate_label {
        text-align: center
    }
}

.pricing_calc_values .pricing_calculate_field {
    margin-bottom: 0
}

.pricing_calc_values .pricing_calculate_input.invalid input {
    background-color: #fff;
    border-color: #b3b3b3;
    color: #000054
}

.pricing_calc_values .pricing_calculate_input.invalid input::-webkit-input-placeholder {
    color: #000054
}

.pricing_calc_values .pricing_calculate_input.invalid input:-moz-placeholder {
    color: #000054
}

.pricing_calc_values .pricing_calculate_input.invalid input::-moz-placeholder {
    color: #000054
}

.pricing_calc_values .pricing_calculate_input.invalid input:-ms-input-placeholder {
    color: #000054
}

.pricing_calc_values .pricing_calculate_input.invalid input:focus {
    border-color: #b3b3b3
}

.pricing_calc_values .pricing_calculate_input.invalid .error {
    display: none
}

.pricing_calc_values .pricing_calculate_input input {
    border: 1px solid #b3b3b3;
    width: 148px
}

@media screen and (max-width:576px) {
    .pricing_calc_values .pricing_calculate_input input {
        text-align: center;
        width: 100%
    }
}

.pricing_calculate_field {
    margin-right: 16px
}

.pricing_calculate_field:last-child {
    margin-right: 0
}

.pricing_calc_goals {
    width: 37.13%;
    padding: 20px 42px 32px;
    border-right: 1px solid #7340fa
}

@media screen and (max-width:1400px) {
    .pricing_calc_goals {
        padding: 20px 20px 32px
    }
}

@media screen and (max-width:991px) {
    .pricing_calc_goals {
        width: 100%;
        padding: 20px;
        border-right: none;
        border-bottom: 1px solid #7340fa
    }
}

.pricing_goal_group {
    display: flex;
    margin: 0 -6px
}

@media screen and (max-width:480px) {
    .pricing_goal_group {
        flex-wrap: wrap;
        margin: 0 -6px -12px
    }
}

.pricing_goal_item {
    cursor: pointer;
    width: calc(25% - 12px);
    margin: 0 6px
}

@media screen and (max-width:480px) {
    .pricing_goal_item {
        width: calc(50% - 12px);
        margin: 0 6px 12px
    }
}

.pricing_goal_box {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #b3b3b3;
    border-radius: 6px;
    padding: 7px 4px 8px;
    transition: all .3s
}

@media screen and (max-width:991px) {
    .pricing_goal_box {
        height: 120px
    }
}

.pricing_goal_check {
    position: absolute;
    top: 5px;
    left: 6px;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    border: 1px solid #b3b3b3;
    transition: all .3s
}

.pricing_goal_input {
    position: absolute;
    opacity: 0;
    visibility: hidden
}

.pricing_goal_input:checked~.pricing_goal_box {
    border-color: #00dec4
}

.pricing_goal_input:checked~.pricing_goal_box .pricing_goal_check {
    border-color: #00dec4;
    background: #00dec4 url(../images/check_white_small.svg) no-repeat center
}

.pricing_goal_input:checked~.pricing_goal_box .pricing_goal_icon {
    mix-blend-mode: normal
}

.pricing_goal_icon {
    width: 40px;
    height: 40px;
    mix-blend-mode: luminosity;
    transition: all .3s
}

.pricing_goal_name {
    text-align: center;
    color: #000054;
    font-size: 14px;
    line-height: 18px;
    margin-top: 1px
}

.pricing_calc_last {
    padding: 20px;
    width: 20.12%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

@media screen and (max-width:991px) {
    .pricing_calc_last {
        width: 100%
    }
}

.pricing_calc_last .btn {
    min-width: 160px
}

@media screen and (max-width:1400px) {
    .pricing_calc_last .btn {
        min-width: 140px
    }
}

@media screen and (max-width:991px) {
    .pricing_calc_last .btn {
        min-width: 160px
    }
}

.pricing_find_out {
    background: #7340fa;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 32px;
    margin-bottom: 25px
}

@media screen and (max-width:767px) {
    .pricing_find_out {
        padding: 8px 20px
    }
}

@media screen and (max-width:576px) {
    .pricing_find_out {
        flex-direction: column;
        text-align: center
    }
}

.pricing_find_out p {
    color: #fff;
    font-size: 18px;
    line-height: 28px
}

.pricing_find_out a {
    color: #fff;
    font-size: 18px;
    line-height: 28px
}

.pricing_find_out a:hover {
    text-decoration: none
}

.pricing_content_wrap {
    display: flex;
    align-items: flex-end
}

@media screen and (max-width:991px) {
    .pricing_content_wrap {
        flex-direction: column
    }
}

.pricing_content_main {
    width: 100%;
    padding-right: 40px
}

@media screen and (max-width:991px) {
    .pricing_content_main {
        padding-right: 0;
        padding-bottom: 40px
    }
}

.pricing_accordion_box {
    background: #fff;
    border-radius: 8px;
    margin-bottom: 40px
}

@media screen and (max-width:767px) {
    .pricing_accordion_box {
        margin: 0 -30px 20px;
        box-shadow: none;
        border-radius: 0;
        border-top: 1px solid #eee
    }
}

.pricing_accordion_box:last-child {
    margin-bottom: 0
}

.pricing_accordion_box.active {
    box-shadow: 0 0 12px rgba(115, 64, 250, .12)
}

.pricing_accordion_box.active .pricing_trigger:hover {
    box-shadow: none
}

.pricing_trigger {
    cursor: pointer;
    padding: 24px;
    transition: all .3s
}

@media screen and (max-width:767px) {
    .pricing_trigger {
        background: linear-gradient(180deg, #f7f7f7 0, rgba(247, 247, 247, 0) 100%);
        padding: 14px 20px 16px
    }
}

.pricing_trigger:hover {
    box-shadow: 0 0 12px rgba(115, 64, 250, .12)
}

.pricing_trigger.active .pricing_trigger_arrow svg,
.pricing_trigger.active .pricing_trigger_name svg {
    transform: rotate(180deg)
}

.pricing_trigger_status {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 47px;
    width: 47px;
    height: 47px;
    border-radius: 50%;
    margin-right: 50px
}

@media screen and (max-width:767px) {
    .pricing_trigger_status {
        min-width: 29px;
        width: 29px;
        height: 29px;
        margin-right: 11px
    }
}

.pricing_trigger_status.success {
    background: #00dec4
}

@media screen and (max-width:767px) {
    .pricing_trigger_status.success img {
        width: 15px
    }
}

.pricing_trigger_status.none {
    background: #e5e5e5
}

@media screen and (max-width:767px) {
    .pricing_trigger_status.none img {
        width: 10px
    }
}

.pricing_trigger_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 19px
}

@media screen and (max-width:576px) {
    .pricing_trigger_row {
        flex-direction: column;
        align-items: flex-start
    }
}

.pricing_trigger_left {
    display: flex;
    align-items: center
}

@media screen and (max-width:576px) {
    .pricing_trigger_left {
        width: 100%;
        border-bottom: 1px solid #eee;
        padding-bottom: 6px
    }
}

.pricing_trigger_left .pricing_trigger_arrow {
    display: none
}

@media screen and (max-width:576px) {
    .pricing_trigger_left .pricing_trigger_arrow {
        display: block;
        margin: 0 0 0 auto
    }
}

.pricing_trigger_icon {
    min-width: 38px;
    width: 38px;
    height: 38px;
    margin-right: 11px
}

.pricing_trigger_name {
    min-width: 115px;
    display: flex;
    align-items: center;
    margin-right: 53px;
    color: #000054;
    font-weight: 500;
    font-size: 24px
}

@media screen and (max-width:767px) {
    .pricing_trigger_name {
        font-size: 20px;
        line-height: 23px;
        margin-right: 20px
    }
}

.pricing_trigger_name svg {
    stroke: #000054;
    margin-left: 9px
}

.pricing_trigger_arrow svg {
    display: block;
    fill: #000054;
    margin-left: 24px
}

.pricing_trigger_right {
    display: flex;
    align-items: center
}

@media screen and (max-width:576px) {
    .pricing_trigger_right {
        width: 100%;
        border-bottom: 1px solid #eee;
        padding: 8px 0
    }
}

@media screen and (max-width:576px) {
    .pricing_trigger_right .pricing_trigger_arrow {
        display: none
    }
}

.pricing_trigger_value {
    display: flex;
    align-items: center;
    color: #000054;
    font-size: 14px;
    line-height: 20px
}

@media screen and (max-width:576px) {
    .pricing_trigger_value {
        width: 100%;
        justify-content: space-between
    }
}

.pricing_trigger_total {
    margin-left: 8px;
    color: #00dec4;
    font-weight: 500;
    font-size: 20px;
    line-height: 27px
}

.pricing_trigger_text {
    color: #000054;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px
}

@media screen and (max-width:767px) {
    .pricing_trigger_text {
        font-size: 16px;
        line-height: 22px
    }
}

@media screen and (max-width:576px) {
    .pricing_trigger_text {
        font-size: 14px
    }
}

.pricing_trigger_text span {
    color: #00dec4
}

.pricing_trigger_edit {
    color: #000054;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    margin-left: 20px
}

.pricing_trigger_edit:hover {
    text-decoration: none
}

.pricing_accordion_container {
    padding: 0 24px 24px
}

@media screen and (max-width:767px) {
    .pricing_accordion_container {
        padding: 0 20px 24px
    }
}

.pricing_calculate_box {
    margin-bottom: 24px;
    border-radius: 4px;
    border: 1px solid #f7f7f7;
    overflow: hidden
}

.pricing_calculate_box:last-child {
    margin-bottom: 0
}

.pricing_calculate_box.expand .pricing_calculate_top {
    background-color: #fff
}

.pricing_calculate_box.expand .pricing_calculate_title {
    color: #000054
}

.pricing_calculate_box.expand .pricing_calculate_text {
    color: #000054
}

.pricing_calculate_top {
    background: #f7f7f7;
    padding: 15px
}

.pricing_calculate_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px
}

@media screen and (max-width:576px) {
    .pricing_calculate_header {
        margin-bottom: 10px;
        align-items: flex-start
    }
}

.pricing_calculate_title {
    color: #858585;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    margin-right: 15px
}

@media screen and (max-width:576px) {
    .pricing_calculate_title {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px
    }
}

.pricing_calculate_toggle {
    cursor: pointer;
    border: 1px solid #000054;
    border-radius: 4px;
    padding: 2px 16px;
    color: #000054;
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
    white-space: nowrap;
    transition: all .3s
}

.pricing_calculate_toggle:hover {
    background-color: #00dec4;
    border-color: #00dec4;
    color: #fff
}

.pricing_calculate_toggle.restore {
    background-color: #00dec4;
    border-color: #00dec4;
    color: #fff
}

.pricing_calculate_toggle.restore:hover {
    background-color: #7340fa;
    border-color: #7340fa
}

@media screen and (max-width:576px) {
    .pricing_calculate_toggle span {
        display: none
    }
}

.pricing_calculate_restore {
    cursor: pointer;
    background-color: #00dec4;
    border: 1px solid #00dec4;
    border-radius: 4px;
    padding: 2px 16px;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
    white-space: nowrap;
    transition: all .3s
}

.pricing_calculate_restore:hover {
    background-color: #7340fa;
    border-color: #7340fa
}

.pricing_calculate_switch {
    cursor: pointer;
    position: relative;
    min-width: 40px;
    width: 40px;
    height: 23px;
    background: #fff;
    border: 1px solid #b3b3b3;
    border-radius: 162px;
    transition: all .3s
}

.pricing_calculate_switch.active {
    background: #e6fffc
}

.pricing_calculate_switch.active:before {
    left: calc(100% - 20px);
    background: #00dec4
}

.pricing_calculate_switch.hidden {
    display: none
}

.pricing_calculate_switch:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    display: block;
    width: 18px;
    height: 18px;
    background: #1d1d1b;
    border-radius: 50%;
    transition: all .3s
}

.pricing_calculate_text {
    color: #858585;
    font-size: 12px;
    line-height: 20px
}

@media screen and (max-width:576px) {
    .pricing_calculate_text {
        font-size: 14px;
        line-height: 22px
    }
}

.pricing_calculate_text.bg_white {
    padding: 8px;
    background: #fff;
    border-radius: 8px
}

.pricing_calculate_body {
    max-height: 0;
    overflow: hidden;
    transition: max-height .1s ease-out
}

.pricing_calculate_body.disabled {
    pointer-events: none;
    opacity: .3
}

.pricing_calculate_wrap {
    padding: 28px 24px 29px
}

@media screen and (max-width:767px) {
    .pricing_calculate_wrap {
        padding: 26px 17px
    }
}

.pricing_calculate_row {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 27px
}

@media screen and (max-width:576px) {
    .pricing_calculate_row {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 66px
    }
}

.pricing_calculate_row.justify_center {
    justify-content: center
}

@media screen and (max-width:576px) {
    .pricing_calculate_row.justify_center {
        margin-bottom: 30px
    }
}

.pricing_calculate_row.two_fields {
    max-width: 696px;
    margin-left: auto;
    margin-right: auto
}

.pricing_calculate_row.two_fields.line_vertical:after {
    top: auto;
    bottom: 2px
}

.pricing_calculate_row.two_small {
    max-width: 493px;
    margin-left: auto;
    margin-right: auto
}

.pricing_calculate_row.two_small .lines_row:before {
    left: 50%
}

.pricing_calculate_row.two_small .lines_row:after {
    display: none
}

.pricing_calculate_row.mb_big {
    margin-bottom: 41px
}

@media screen and (max-width:576px) {
    .pricing_calculate_row.mb_big {
        margin-bottom: 66px
    }
}

.pricing_calculate_row.line:before {
    content: "";
    position: absolute;
    bottom: 24px;
    left: 100px;
    right: 100px;
    z-index: 1;
    height: 1px;
    background-color: #eee
}

@media screen and (max-width:576px) {
    .pricing_calculate_row.line:before {
        top: 100%;
        bottom: auto;
        left: 40px;
        right: auto;
        height: 44px;
        width: 1px;
        margin-top: 10px
    }
}

.pricing_calculate_row.line_vertical:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #eee;
    height: 22px;
    width: 1px
}

.pricing_calculate_row.lines:after {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #eee;
    height: 38px;
    width: 302px;
    background: url(../images/calculate_lines.svg) no-repeat
}

@media screen and (max-width:576px) {
    .pricing_calculate_row.lines:after {
        top: 100%;
        bottom: auto;
        left: 40px;
        right: auto;
        transform: translateX(0);
        height: 15px;
        width: 1px;
        margin-top: 10px;
        background: #eee
    }
}

.pricing_calculate_row:last-child {
    margin-bottom: 0
}

.pricing_calculate_row .lines_row {
    position: absolute;
    bottom: 24px;
    left: 0;
    width: 100%;
    height: 1px
}

@media screen and (max-width:576px) {
    .pricing_calculate_row .lines_row {
        display: none
    }
}

.pricing_calculate_row .lines_row:before {
    content: "";
    position: absolute;
    top: 0;
    left: 31.45%;
    display: block;
    width: 1px;
    height: 53px;
    background-color: #eee
}

.pricing_calculate_row .lines_row:after {
    content: "";
    position: absolute;
    top: 0;
    right: 31.45%;
    display: block;
    width: 1px;
    height: 53px;
    background-color: #eee
}

.pricing_calculate_results {
    max-width: 493px;
    margin: 0 auto
}

.pricing_calculate_results .pricing_calculate_input input {
    pointer-events: none;
    border-color: #00dec4;
    background: #f5fffe
}

.pricing_calculate_field {
    position: relative;
    z-index: 2
}

@media screen and (max-width:576px) {
    .pricing_calculate_field {
        width: 100%;
        margin-bottom: 20px
    }
}

@media screen and (max-width:576px) {
    .pricing_calculate_field:last-child {
        margin-bottom: 0
    }
}

.pricing_calculate_field.line_vertical:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #eee;
    height: 22px;
    width: 1px
}

@media screen and (max-width:576px) {
    .pricing_calculate_field.line_vertical:after {
        left: 40px;
        transform: translateX(0);
        height: 15px;
        margin-top: 10px
    }
}

.pricing_calculate_label {
    text-align: center;
    margin-bottom: 9px;
    color: #000054;
    font-size: 14px;
    line-height: 20px
}

@media screen and (max-width:576px) {
    .pricing_calculate_label {
        text-align: left
    }
}

.pricing_calculate_label span {
    font-size: 10px;
    line-height: 18px
}

@media screen and (max-width:576px) {
    .pricing_calculate_label br {
        display: none
    }
}

.pricing_calculate_input {
    position: relative;
    text-align: center
}

.pricing_calculate_input.gray input {
    background: #f7f7f7
}

.pricing_calculate_input.invalid input {
    border-color: #ad0000;
    background: #fff5f5
}

.pricing_calculate_input.invalid input::-webkit-input-placeholder {
    color: #ad0000
}

.pricing_calculate_input.invalid input:-moz-placeholder {
    color: #ad0000
}

.pricing_calculate_input.invalid input::-moz-placeholder {
    color: #ad0000
}

.pricing_calculate_input.invalid input:-ms-input-placeholder {
    color: #ad0000
}

.pricing_calculate_input.invalid input:focus {
    border-color: #ad0000
}

.pricing_calculate_input .error {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 3px;
    color: #ad0000;
    font-weight: 300;
    font-size: 12px;
    line-height: 22px;
    white-space: nowrap;
    padding-left: 15px
}

.pricing_calculate_input .error:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: block;
    width: 10px;
    height: 10px;
    background: url(../images/invalid_icon.svg) no-repeat center/cover
}

.pricing_calculate_input input {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    width: 198px;
    height: 48px;
    padding: 0 18px;
    text-align: center;
    color: #000054;
    font: 600 18px Poppins, sans-serif;
    transition: all .3s;
    -moz-appearance: textfield
}

@media screen and (max-width:1200px) {
    .pricing_calculate_input input {
        width: 150px
    }
}

@media screen and (max-width:576px) {
    .pricing_calculate_input input {
        width: 100%;
        text-align: left
    }
}

.pricing_calculate_input input:focus {
    border-color: #7340fa
}

.pricing_calculate_input input:disabled {
    color: #000054
}

.pricing_calculate_input input::-webkit-inner-spin-button,
.pricing_calculate_input input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.pricing_calculate_number {
    position: relative;
    text-align: center
}

@media screen and (max-width:1200px) {
    .pricing_calculate_number .jq-number {
        width: 150px
    }
}

@media screen and (max-width:576px) {
    .pricing_calculate_number .jq-number {
        width: 100%
    }
}

.pricing_calculate_number .jq-number__field {
    opacity: 0
}

.pricing_spin_value {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    transform: translate(-50%, -50%);
    color: #000054;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px
}

.pricing_calculate_conversion {
    position: relative;
    margin-bottom: 12px
}

@media screen and (max-width:576px) {
    .pricing_calculate_conversion {
        margin-bottom: 30px
    }
}

.pricing_calculate_conversion.lines {
    padding-bottom: 38px
}

@media screen and (max-width:576px) {
    .pricing_calculate_conversion.lines {
        padding-bottom: 0
    }
}

.pricing_calculate_conversion.lines:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #eee;
    height: 38px;
    width: 302px;
    background: url(../images/calculate_lines.svg) no-repeat
}

@media screen and (max-width:576px) {
    .pricing_calculate_conversion.lines:after {
        top: 100%;
        bottom: auto;
        left: 40px;
        right: auto;
        transform: translateX(0);
        height: 15px;
        width: 1px;
        margin-top: 10px;
        background: #eee
    }
}

.pricing_calculate_range {
    position: relative;
    padding: 45px 38px 49px;
    width: 100%;
    max-width: 592px;
    margin: 0 auto
}

@media screen and (max-width:576px) {
    .pricing_calculate_range {
        padding-bottom: 10px
    }
}

.pricing_calculate_range.line_vertical:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #eee;
    height: 22px;
    width: 1px
}

@media screen and (max-width:576px) {
    .pricing_calculate_range.line_vertical:after {
        display: none
    }
}

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

.pricing_calculate_rate:before {
    content: "";
    position: absolute;
    top: 0;
    left: 33.33%;
    height: 100%;
    width: 3px;
    background-color: #fff
}

.pricing_calculate_rate:after {
    content: "";
    position: absolute;
    top: 0;
    right: 33.33%;
    height: 100%;
    width: 3px;
    background-color: #fff
}

.pricing_calculate_rate.noUi-target {
    background: #eee;
    border: none;
    border-radius: 0;
    box-shadow: none
}

.pricing_calculate_rate.noUi-horizontal .noUi-handle {
    width: 32px;
    height: 32px
}

.pricing_calculate_rate.noUi-horizontal .noUi-tooltip {
    bottom: 40px
}

.pricing_calculate_rate .noUi-handle {
    border-radius: 50%;
    background: #00dec4;
    width: 32px;
    height: 32px;
    border: 2px solid #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, .23)
}

.pricing_calculate_rate .noUi-handle:after,
.pricing_calculate_rate .noUi-handle:before {
    display: none
}

.pricing_calculate_rate .noUi-tooltip {
    background: #fff;
    border-radius: 4px;
    border: none;
    padding: 2px 14px;
    color: #000054;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, .25))
}

.pricing_calculate_rate .noUi-tooltip:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff
}

.pricing_calculate_rate .noUi-pips-horizontal {
    top: 0;
    height: auto;
    padding: 0
}

.pricing_calculate_rate .noUi-marker,
.pricing_calculate_rate .noUi-value-sub {
    display: none
}

.pricing_calculate_rate .noUi-value-horizontal {
    transform: translate(0, 0)
}

.pricing_calculate_rate .noUi-value-large {
    top: 0;
    color: #000054;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    transform: translateX(-38px)
}

.pricing_calculate_rate .noUi-value-large:last-child {
    transform: translateX(21px)
}

.pricing_accordion_info {
    display: none
}

@media screen and (max-width:576px) {
    .pricing_accordion_info {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        margin-bottom: 36px
    }
}

.pricing_calc_row {
    margin-bottom: 50px
}

@media screen and (max-width:991px) {
    .pricing_calc_row {
        margin-bottom: 25px
    }
}

.pricing_calc_row:last-child {
    margin-bottom: 0
}

.pricing_calc_fields {
    display: flex;
    margin: 0 -20px
}

@media screen and (max-width:1100px) {
    .pricing_calc_fields {
        margin: 0 -10px
    }
}

@media screen and (max-width:767px) {
    .pricing_calc_fields {
        display: block;
        margin: 0
    }
}

.pricing_calc_input {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1 1 33.33%;
    margin: 0 20px
}

@media screen and (max-width:1100px) {
    .pricing_calc_input {
        margin: 0 10px
    }
}

@media screen and (max-width:767px) {
    .pricing_calc_input {
        margin: 0 0 25px
    }
}

@media screen and (max-width:767px) {
    .pricing_calc_input:last-child {
        margin-bottom: 0
    }
}

.pricing_calc_input label {
    display: inline-block;
    color: #000054;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 9px
}

@media screen and (max-width:767px) {
    .pricing_calc_input label {
        font-size: 16px;
        line-height: 18px
    }
}

.pricing_calc_input input {
    width: 100%;
    height: 56px;
    border: 3px solid #e5e5e5;
    border-radius: 10px;
    padding: 0 25px;
    color: #000054;
    font: 500 18px Poppins, sans-serif;
    transition: all .3s
}

@media screen and (max-width:767px) {
    .pricing_calc_input input {
        padding: 0 19px;
        font-size: 16px
    }
}

.pricing_calc_input input:focus {
    border-color: #00dec4
}

.pricing_calc_effect {
    background: #e5e5e5;
    border-radius: 10px;
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #000054;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px
}

@media screen and (max-width:767px) {
    .pricing_calc_effect {
        min-height: 71px
    }
}

.pricing_calc_data {
    display: flex;
    justify-content: center;
    margin: 0 -20px
}

@media screen and (max-width:1100px) {
    .pricing_calc_data {
        margin: 0 -10px
    }
}

@media screen and (max-width:767px) {
    .pricing_calc_data {
        display: block;
        margin: 0
    }
}

.pricing_value {
    display: flex;
    align-items: center;
    width: calc(50% - 40px);
    height: 68px;
    margin: 0 20px;
    border: 3px solid transparent;
    border-radius: 10px;
    overflow: hidden
}

@media screen and (max-width:1100px) {
    .pricing_value {
        width: calc(50% - 20px);
        margin: 0 10px
    }
}

@media screen and (max-width:767px) {
    .pricing_value {
        width: 100%;
        margin: 0 0 25px;
        height: 71px
    }
}

@media screen and (max-width:767px) {
    .pricing_value:last-child {
        margin-bottom: 0
    }
}

.pricing_value.dark {
    border-color: #000054
}

.pricing_value.dark .pricing_value_text {
    background-color: #000054
}

.pricing_value.dark .pricing_value_text:after {
    background-color: #000054
}

.pricing_value.dark .pricing_value_result {
    color: #000054
}

.pricing_value.violet {
    border-color: #7340fa
}

.pricing_value.violet .pricing_value_text {
    background-color: #7340fa
}

.pricing_value.violet .pricing_value_text:after {
    background-color: #7340fa
}

.pricing_value.violet .pricing_value_result {
    color: #7340fa
}

.pricing_value_text {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    width: calc(64.28% - 20px);
    margin-right: 20px;
    padding: 0 0 0 24px;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px
}

@media screen and (max-width:1280px) {
    .pricing_value_text {
        font-size: 16px;
        line-height: 18px
    }
}

@media screen and (max-width:767px) {
    .pricing_value_text {
        width: calc(60% - 20px);
        padding-left: 16px
    }
}

.pricing_value_text:after {
    content: "";
    position: absolute;
    top: 0;
    right: -18px;
    display: block;
    width: 62px;
    height: 62px;
    border-radius: 5px;
    transform: rotate(126deg) skew(-16deg)
}

@media screen and (max-width:767px) {
    .pricing_value_text:after {
        width: 64px;
        height: 64px
    }
}

.pricing_value_text p {
    position: relative;
    z-index: 3
}

.pricing_value_result {
    width: 35.72%;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px
}

@media screen and (max-width:767px) {
    .pricing_value_result {
        width: 40%
    }
}

.pricing_content_sidebar {
    position: sticky;
    bottom: 40px;
    min-width: 292px;
    width: 292px
}

@media screen and (max-width:991px) {
    .pricing_content_sidebar {
        position: sticky;
        bottom: 0;
        z-index: 50;
        min-width: auto;
        width: 100%;
        margin: 0
    }
}

@media screen and (max-width:360px) {
    .pricing_content_sidebar {
        padding-left: 30px;
        padding-right: 30px
    }
}

.pricing_content_inner {
    background: #000054;
    border-radius: 10px;
    padding: 19px 24px 26px
}

@media screen and (max-width:991px) {
    .pricing_content_inner {
        padding: 0;
        margin: 0 -30px;
        border-radius: 10px 10px 0 0
    }
}

.pricing_sidebar_top {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-bottom: 20px
}

@media screen and (max-width:991px) {
    .pricing_sidebar_top {
        position: relative;
        cursor: pointer;
        align-items: center;
        padding: 20px;
        margin-bottom: 0
    }
}

.pricing_sidebar_arrow {
    display: none
}

@media screen and (max-width:991px) {
    .pricing_sidebar_arrow {
        position: absolute;
        top: -16px;
        left: 50%;
        transform: translateX(-50%);
        background: #7340fa;
        border-radius: 50%;
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

@media screen and (max-width:991px) {
    .pricing_sidebar_arrow svg {
        display: block;
        fill: #fff
    }
}

.pricing_sidebar_title {
    color: #fff;
    font-weight: 500;
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 4px
}

@media screen and (max-width:767px) {
    .pricing_sidebar_title {
        font-size: 22px;
        line-height: 25px
    }
}

.pricing_sidebar_logo {
    margin-bottom: 8px
}

@media screen and (max-width:991px) {
    .pricing_sidebar_logo {
        display: none
    }
}

@media screen and (max-width:991px) {
    .pricing_sidebar_body {
        max-height: 0;
        overflow: hidden;
        transition: max-height .3s ease-out
    }
}

@media screen and (max-width:991px) {
    .pricing_sidebar_inner {
        display: flex;
        flex-direction: column;
        padding-bottom: 29px
    }
}

.pricing_sidebar_total {
    text-align: center;
    color: #00dec4;
    font-weight: 700;
    font-size: 30px;
    line-height: 1
}

@media screen and (max-width:767px) {
    .pricing_sidebar_total {
        font-size: 32px;
        line-height: 36px
    }
}

.pricing_sidebar_btn {
    width: 100%
}

@media screen and (max-width:991px) {
    .pricing_sidebar_btn {
        order: 2;
        margin-top: 8px
    }
}

@media screen and (max-width:767px) {
    .pricing_sidebar_btn {
        font-size: 14px;
        line-height: 16px;
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.pricing_sidebar_text {
    text-align: center;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    margin-top: 20px
}

@media screen and (max-width:767px) {
    .pricing_sidebar_text {
        font-size: 12px;
        line-height: 16px;
        margin-top: 16px
    }
}

.pricing_sidebar_info {
    margin-top: 20px
}

@media screen and (max-width:991px) {
    .pricing_sidebar_info {
        order: 1;
        padding: 0 48px
    }
}

.pricing_impact_item {
    margin-bottom: 10px
}

@media screen and (max-width:991px) {
    .pricing_impact_item {
        margin-bottom: 26px
    }
}

.pricing_impact_item:last-child {
    margin-bottom: 0
}

.pricing_impact_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 2px solid #00dec4;
    margin-bottom: 10px
}

.pricing_impact_name {
    color: #fff;
    font-size: 18px;
    line-height: 28px
}

@media screen and (max-width:767px) {
    .pricing_impact_name {
        font-size: 20px;
        line-height: 23px
    }
}

.pricing_impact_row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.pricing_impact_text {
    color: #fff;
    font-size: 12px;
    line-height: 18px
}

@media screen and (max-width:991px) {
    .pricing_impact_text {
        margin-right: 10px
    }
}

.pricing_impact_right {
    text-align: right
}

.pricing_impact_total {
    color: #00dec4;
    font-weight: 700;
    font-size: 20px;
    line-height: 22px
}

.pricing_impact_total.none {
    font-size: 18px;
    line-height: 20px
}

@media screen and (max-width:767px) {
    .pricing_impact_total.none {
        font-size: 16px;
        line-height: 18px
    }
}

.pricing_impact_point {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.pricing_impact_point:last-child {
    margin-bottom: 0
}

.pricing_impact_edit {
    color: #fff;
    font-size: 12px;
    line-height: 20px
}

@media screen and (max-width:767px) {
    .pricing_impact_edit {
        line-height: 16px
    }
}

.pricing_impact_edit:hover {
    text-decoration: none
}

.pricing_subscribe {
    padding: 12px 24px 0;
    margin: 13px -24px 0;
    border-top: 2px solid #00dec4
}

@media screen and (max-width:991px) {
    .pricing_subscribe {
        padding: 21px 48px 0;
        margin: 0
    }
}

.pricing_subscribe_description {
    text-align: center;
    margin-bottom: 12px
}

.pricing_subscribe_title {
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 5px
}

.pricing_subscribe_text {
    color: #fff;
    font-size: 12px;
    line-height: 20px
}

.pricing_subscribe_form input[type=email] {
    width: 100%;
    height: 56px;
    background-color: #fff;
    padding: 0 15px;
    border-radius: 10px;
    color: #000054;
    font: 500 18px Poppins, sans-serif
}

.pricing_subscribe_form input[type=email]::-webkit-input-placeholder {
    color: #000054
}

.pricing_subscribe_form input[type=email]:-moz-placeholder {
    color: #000054
}

.pricing_subscribe_form input[type=email]::-moz-placeholder {
    color: #000054
}

.pricing_subscribe_form input[type=email]:-ms-input-placeholder {
    color: #000054
}

.pricing_subscribe_form .btn {
    width: 100%;
    margin-top: 15px
}

.pricing_subscribe_form .wpcf7-response-output {
    color: #fff;
    font-size: 11px
}

.pricing_modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 101;
    width: 100%;
    background: #fafafa;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    transition: all .3s
}

.pricing_modal.visible {
    opacity: 1;
    visibility: visible
}

.pricing_modal_close {
    position: fixed;
    top: 53px;
    right: 55px;
    z-index: 3;
    cursor: pointer
}

@media screen and (max-width:1100px) {
    .pricing_modal_close {
        top: 16px;
        right: 16px
    }
}

.pricing_modal_close:hover svg {
    fill: #00dec4
}

.pricing_modal_close svg {
    display: block;
    fill: #000054;
    transition: all .3s
}

@media screen and (max-width:767px) {
    .pricing_modal_close svg {
        fill: #00dec4
    }
}

.pricing_modal_inner {
    height: 100vh
}

.pricing_modal_wrap {
    display: flex;
    min-height: 100%
}

@media screen and (max-width:767px) {
    .pricing_modal_wrap {
        flex-direction: column
    }
}

.pricing_modal_left {
    background: #000054;
    width: 40.41%;
    padding: 82px 86px
}

@media screen and (max-width:1100px) {
    .pricing_modal_left {
        padding: 48px 30px
    }
}

@media screen and (max-width:767px) {
    .pricing_modal_left {
        width: 100%
    }
}

.pricing_modal_left .title_section {
    margin-bottom: 60px
}

.pricing_modal_about {
    max-width: 410px;
    margin: 0 auto
}

@media screen and (max-width:767px) {
    .pricing_modal_about {
        max-width: none
    }
}

.pricing_modal_description {
    margin-bottom: 110px
}

@media screen and (max-width:767px) {
    .pricing_modal_description {
        margin-bottom: 64px
    }
}

.pricing_modal_description .title_block {
    margin-bottom: 16px
}

.pricing_modal_description .text_section {
    font-weight: 400;
    line-height: 28px
}

@media screen and (max-width:767px) {
    .pricing_modal_description .text_section {
        line-height: 22px
    }
}

.pricing_modal_example {
    position: relative
}

.pricing_modal_example:before {
    content: "";
    display: block;
    width: 23px;
    height: 2px;
    background: #fff;
    margin-bottom: 17px
}

.pricing_modal_example .title_small {
    margin-bottom: 24px
}

.pricing_modal_example .text_section {
    font-weight: 400;
    line-height: 28px
}

@media screen and (max-width:767px) {
    .pricing_modal_example .text_section {
        line-height: 22px
    }
}

.pricing_modal_right {
    position: relative;
    width: 59.59%;
    padding: 82px 76px 82px 81px
}

@media screen and (max-width:1100px) {
    .pricing_modal_right {
        padding: 48px 30px
    }
}

@media screen and (max-width:767px) {
    .pricing_modal_right {
        width: 100%
    }
}

.pricing_modal_right .title_section {
    margin-bottom: 32px
}

.pricing_modal_elem {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 1
}

@media screen and (max-width:991px) {
    .pricing_modal_elem {
        max-width: 120px
    }
}

.pricing_palns {
    position: relative;
    z-index: 2;
    max-width: 700px;
    margin: 0 auto
}

.pricing_palns_intro {
    text-align: center;
    background: #fff;
    box-shadow: 0 0 32px rgba(0, 0, 0, .16);
    border-radius: 8px;
    padding: 27px 20px 36px;
    margin-bottom: 36px
}

.pricing_palns_intro .text_section {
    line-height: 28px
}

@media screen and (max-width:767px) {
    .pricing_palns_intro .text_section {
        line-height: 22px
    }
}

.pricing_palns_from {
    color: #000054;
    font-weight: 500;
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 15px
}

@media screen and (max-width:767px) {
    .pricing_palns_from {
        font-size: 24px;
        line-height: 28px
    }
}

.pricing_palns_name {
    color: #00dec4;
    font-size: 50px;
    line-height: 57px
}

@media screen and (max-width:767px) {
    .pricing_palns_name {
        font-size: 40px;
        line-height: 46px
    }
}

.pricing_palns_per {
    font-weight: 400;
    font-size: 18px
}

.pricing_palns_content {
    display: flex;
    position: relative;
    z-index: 2
}

@media screen and (max-width:991px) {
    .pricing_palns_content {
        flex-direction: column
    }
}

.pricing_palns_icon {
    text-align: center;
    margin-bottom: 16px
}

.pricing_palns_include {
    width: 50%;
    padding-right: 20px
}

@media screen and (max-width:991px) {
    .pricing_palns_include {
        width: 100%;
        padding-right: 0;
        margin-bottom: 40px
    }
}

.pricing_palns_include .title_small {
    margin-bottom: 25px
}

.pricing_palns_include li {
    position: relative;
    color: #000054;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 14px;
    padding-left: 34px
}

@media screen and (max-width:767px) {
    .pricing_palns_include li {
        font-size: 16px;
        line-height: 22px
    }
}

.pricing_palns_include li:last-child {
    margin-bottom: 0
}

.pricing_palns_include li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #000054;
    background: url(../images/include_check.svg) no-repeat center
}

.pricing_palns_bespoke {
    width: 50%;
    padding-left: 20px
}

@media screen and (max-width:991px) {
    .pricing_palns_bespoke {
        width: 100%;
        padding-left: 0
    }
}

.pricing_palns_bespoke .title_small {
    margin-bottom: 11px
}

.pricing_palns_text {
    margin-bottom: 15px;
    color: #000054;
    font-size: 14px;
    line-height: 22px
}

.contact_content {
    position: relative;
    padding: 236px 0 65px;
    overflow: hidden
}

@media screen and (max-width:991px) {
    .contact_content {
        padding: 125px 0 35px
    }
}

.contact_content .elem_1 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 1
}

@media screen and (max-width:991px) {
    .contact_content .elem_1 {
        bottom: auto;
        top: 0
    }
}

.contact_content .elem_1 img {
    width: 100%
}

.contact_content .elem_2 {
    display: none
}

@media screen and (max-width:991px) {
    .contact_content .elem_2 {
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 1
    }
}

.contact_content .title_page {
    padding-bottom: 11px;
    margin-bottom: 93px
}

@media screen and (max-width:991px) {
    .contact_content .title_page {
        margin-bottom: 38px
    }
}

.contact_content_inner {
    position: relative;
    z-index: 3
}

.contact_content_wrap {
    display: flex
}

@media screen and (max-width:991px) {
    .contact_content_wrap {
        flex-direction: column
    }
}

.contact_content_left {
    width: 50%;
    padding-right: 24px
}

@media screen and (max-width:991px) {
    .contact_content_left {
        width: 100%;
        padding-right: 0;
        margin-bottom: 58px
    }
}

.contact_info {
    margin-bottom: 77px
}

@media screen and (max-width:991px) {
    .contact_info {
        margin-bottom: 34px
    }
}

.contact_info:last-child {
    margin-bottom: 0
}

.contact_info_description {
    margin-bottom: 26px
}

@media screen and (max-width:767px) {
    .contact_info_description {
        margin-bottom: 28px
    }
}

@media screen and (max-width:767px) {
    .contact_info_description .typical_text {
        font-size: 16px;
        line-height: 18px
    }
}

.contact_info_name {
    color: #000054;
    font-weight: 500;
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 10px
}

@media screen and (max-width:767px) {
    .contact_info_name {
        font-size: 22px;
        line-height: 25px
    }
}

.contact_info_row {
    display: flex;
    margin: 0 -12px
}

@media screen and (max-width:576px) {
    .contact_info_row {
        display: block;
        margin: 0
    }
}

.contact_info_box {
    width: calc(50% - 24px);
    margin: 0 12px;
    padding: 37px 10px 22px;
    background: #fff;
    box-shadow: 0 0 46px -7px rgba(0, 0, 0, .2);
    border-radius: 10px;
    text-align: center;
    text-decoration: none
}

@media screen and (max-width:767px) {
    .contact_info_box {
        padding: 20px 10px
    }
}

@media screen and (max-width:576px) {
    .contact_info_box {
        width: 100%;
        margin: 0 0 16px;
        padding: 0;
        background: 0 0;
        box-shadow: none;
        border: 0;
        display: flex;
        align-items: center;
        text-align: left
    }
}

.contact_info_box.full {
    width: calc(100% - 24px)
}

.contact_info_box:hover .contact_info_icon {
    background-color: #00dec4
}

.contact_info_box:hover .contact_info_icon svg {
    fill: #fff
}

.contact_info_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 90px;
    margin: 0 auto 29px;
    border: 3px solid #00dec4;
    border-radius: 50%;
    transition: all .3s
}

@media screen and (max-width:767px) {
    .contact_info_icon {
        min-width: 60px;
        width: 60px;
        height: 60px;
        margin-bottom: 20px
    }
}

@media screen and (max-width:576px) {
    .contact_info_icon {
        margin: 0 19px 0 0
    }
}

@media screen and (max-width:767px) {
    .contact_info_icon .svg_phone_icon {
        width: 30px;
        height: 30px
    }
}

@media screen and (max-width:767px) {
    .contact_info_icon .svg_email_icon {
        width: 30px;
        height: 23px
    }
}

.contact_info_icon svg {
    fill: #000054;
    transition: all .3s
}

.contact_info_link {
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000054;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px
}

@media screen and (max-width:767px) {
    .contact_info_link {
        font-size: 16px;
        line-height: 18px
    }
}

.contact_content_right {
    width: 50%;
    padding-left: 24px
}

@media screen and (max-width:991px) {
    .contact_content_right {
        width: 100%;
        padding-left: 0
    }
}

.contact_form {
    padding: 46px 31px 31px;
    background: #fff;
    box-shadow: 0 0 46px -7px rgba(0, 0, 0, .2);
    border-radius: 10px
}

@media screen and (max-width:767px) {
    .contact_form {
        padding: 42px 25px 28px
    }
}

.contact_form_title {
    text-align: center;
    color: #000054;
    font-weight: 500;
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 49px
}

@media screen and (max-width:767px) {
    .contact_form_title {
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 37px
    }
}

.contact_form_field {
    margin-bottom: 30px
}

@media screen and (max-width:767px) {
    .contact_form_field {
        margin-bottom: 20px
    }
}

.contact_form_field:last-child {
    margin-bottom: 0
}

.contact_form_field label {
    display: inline-block;
    color: #000054;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 9px
}

@media screen and (max-width:767px) {
    .contact_form_field label {
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 8px
    }
}

.contact_form_field input,
.contact_form_field textarea {
    vertical-align: top;
    width: 100%;
    height: 56px;
    border: none;
    background: #e5e5e5;
    border-radius: 10px;
    padding: 0 25px;
    color: #000054;
    font: 500 18px Poppins, sans-serif;
    transition: all .3s
}

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

    .contact_form_field input,
    .contact_form_field textarea {
        height: 41px;
        padding: 0 19px;
        font-size: 16px
    }
}

.contact_form_field textarea {
    padding-top: 15px;
    padding-bottom: 15px;
    height: 185px
}

@media screen and (max-width:767px) {
    .contact_form_field textarea {
        padding-top: 12px;
        padding-bottom: 12px;
        height: 140px
    }
}

.contact_form_bottom {
    margin-top: 30px;
    text-align: center
}

.contact_form_bottom .btn {
    min-width: 130px
}

@media screen and (max-width:767px) {
    .contact_form_bottom .btn {
        min-width: 118px
    }
}

.contact_form_choose {
    margin-bottom: 20px
}

@media screen and (max-width:767px) {
    .contact_form_choose {
        margin-bottom: 35px
    }
}

.contact_form_small {
    color: #000054;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 24px
}

@media screen and (max-width:767px) {
    .contact_form_small {
        margin-bottom: 20px
    }
}

.contact_form_group {
    display: flex;
    flex-direction: column
}

.contact_form_group .wpcf7-radio {
    display: flex;
    flex-direction: column
}

.contact_form_group .wpcf7-list-item {
    margin: 0 0 10px;
    display: flex
}

.contact_form_group .wpcf7-list-item:last-child {
    margin-bottom: 0
}

.form_radio,
.wpcf7-radio label {
    display: inline-block;
    cursor: pointer;
    line-height: 1;
    position: relative;
    z-index: 2;
    min-height: 20px;
    padding-left: 39px;
    margin-bottom: 10px
}

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

    .form_radio,
    .wpcf7-radio label {
        padding-left: 33px
    }
}

.form_radio:last-child,
.wpcf7-radio label:last-child {
    margin-bottom: 0
}

.form_radio input[type=radio],
.wpcf7-radio label input[type=radio] {
    position: absolute;
    top: 0;
    opacity: 0;
    visibility: hidden
}

.form_radio input[type=radio]:checked+.form_radio_text:after,
.form_radio input[type=radio]:checked+.wpcf7-list-item-label:after,
.wpcf7-radio label input[type=radio]:checked+.form_radio_text:after,
.wpcf7-radio label input[type=radio]:checked+.wpcf7-list-item-label:after {
    opacity: 1
}

.form_radio .form_radio_text,
.form_radio .wpcf7-list-item-label,
.wpcf7-radio label .form_radio_text,
.wpcf7-radio label .wpcf7-list-item-label {
    cursor: pointer
}

.form_radio .form_radio_text:before,
.form_radio .wpcf7-list-item-label:before,
.wpcf7-radio label .form_radio_text:before,
.wpcf7-radio label .wpcf7-list-item-label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: 0 0;
    border: 1px solid #000054;
    transition: all .3s
}

.form_radio .form_radio_text:after,
.form_radio .wpcf7-list-item-label:after,
.wpcf7-radio label .form_radio_text:after,
.wpcf7-radio label .wpcf7-list-item-label:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #000054;
    opacity: 0;
    transition: all .3s
}

.form_radio_text,
.wpcf7-list-item-label {
    color: #000054;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px
}

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

    .form_radio_text,
    .wpcf7-list-item-label {
        font-size: 16px
    }
}

.book_content {
    position: relative;
    padding: 273px 0 95px;
    background: #000054
}

@media screen and (max-width:991px) {
    .book_content {
        padding: 125px 0 54px
    }
}

.book_content .elem_1 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%
}

@media screen and (max-width:1500px) {
    .book_content .elem_1 {
        top: 103px
    }
}

.book_content .elem_1 img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media screen and (max-width:1500px) {
    .book_content .elem_1 img {
        object-position: top center
    }
}

@media screen and (max-width:991px) {
    .book_content .elem_1 img {
        object-position: center 15%
    }
}

@media screen and (max-width:767px) {
    .book_content .elem_1 img {
        object-position: center 30%
    }
}

@media screen and (max-width:400px) {
    .book_content .elem_1 img {
        object-position: center top
    }
}

.book_content_inner {
    position: relative;
    z-index: 3
}

.book_content_inner .organisations_section {
    margin-top: 100px
}

@media screen and (max-width:991px) {
    .book_content_inner .organisations_section {
        margin-top: 66px
    }
}

.book_content_description {
    text-align: center;
    max-width: 630px;
    margin: 0 auto 77px
}

@media screen and (max-width:767px) {
    .book_content_description {
        margin-bottom: 31px
    }
}

.book_content_description .title_page {
    padding-bottom: 13px;
    margin-bottom: 33px
}

@media screen and (max-width:767px) {
    .book_content_description .title_page {
        margin-bottom: 27px;
        padding-bottom: 17px
    }
}

.book_content_description .top_info_subtitle {
    margin-bottom: 0
}

.book_content_wrap {
    display: flex
}

@media screen and (max-width:991px) {
    .book_content_wrap {
        flex-direction: column
    }
}

.book_content_left {
    width: 50%;
    padding-right: 24px
}

@media screen and (max-width:991px) {
    .book_content_left {
        position: relative;
        width: 100%;
        padding-right: 0;
        padding-bottom: 44px;
        margin-bottom: 33px
    }
}

@media screen and (max-width:991px) {
    .book_content_left:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        display: block;
        width: 50px;
        height: 4px;
        background-color: #00dec4
    }
}

.book_content_info {
    background: #fff;
    box-shadow: 0 0 46px -7px rgba(0, 0, 0, .2);
    border-radius: 10px;
    padding: 53px 63px 78px
}

@media screen and (max-width:767px) {
    .book_content_info {
        padding: 32px 27px
    }
}

.book_content_info .title_block {
    margin-bottom: 56px
}

@media screen and (max-width:767px) {
    .book_content_info .title_block {
        margin-bottom: 39px
    }
}

.book_content_info .list_check {
    max-width: 298px;
    margin: 0 auto
}

@media screen and (max-width:991px) {
    .book_content_info .list_check {
        max-width: none
    }
}

.book_content_info .list_check li {
    padding-left: 44px;
    margin-bottom: 47px
}

@media screen and (max-width:767px) {
    .book_content_info .list_check li {
        margin-bottom: 25px;
        padding-left: 39px
    }
}

.book_content_info .list_check li:before {
    top: 50%;
    transform: translateY(-50%)
}

@media screen and (max-width:767px) {
    .book_content_info .list_check li:before {
        top: -2px;
        transform: translateY(0)
    }
}

.book_content_right {
    width: 50%;
    padding-left: 24px
}

@media screen and (max-width:991px) {
    .book_content_right {
        width: 100%;
        padding-left: 0
    }
}

.book_content_right .contact_form {
    padding-top: 53px;
    padding-bottom: 42px
}

@media screen and (max-width:767px) {
    .book_content_right .contact_form {
        padding-top: 52px;
        padding-bottom: 35px
    }
}

.book_content_right .contact_form_title {
    margin-bottom: 46px
}

@media screen and (max-width:767px) {
    .book_content_right .contact_form_title {
        margin-bottom: 37px
    }
}

.book_content_right .contact_form_bottom {
    margin-top: 47px
}

@media screen and (max-width:767px) {
    .book_content_right .contact_form_bottom {
        margin-top: 35px
    }
}

.book_content_right .contact_form_bottom .btn {
    min-width: 175px
}

@media screen and (max-width:767px) {
    .book_content_right .contact_form_bottom .btn {
        min-width: 147px
    }
}

.contact_privacy_text {
    color: #c4c4c4;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    margin-top: 30px
}

@media screen and (max-width:576px) {
    .contact_privacy_text {
        font-size: 10px;
        line-height: 12px;
        margin-top: 25px
    }
}

.list_check.white li {
    color: #fff
}

.list_check.white li:before {
    background: url(../images/check_list_white.svg) no-repeat;
    background-size: cover
}

.list_check li {
    position: relative;
    color: #000054;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 40px;
    padding-left: 50px
}

@media screen and (max-width:767px) {
    .list_check li {
        font-size: 16px;
        line-height: 18px;
        padding-left: 39px;
        margin-bottom: 30px
    }
}

.list_check li:last-child {
    margin-bottom: 0
}

.list_check li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 27px;
    height: 28px;
    background: url(../images/check_list.svg) no-repeat
}

@media screen and (max-width:767px) {
    .list_check li:before {
        width: 22px;
        height: 21px;
        background-size: cover
    }
}

.organisations_section .description_section {
    max-width: 544px;
    margin: 0 auto 41px;
    padding: 72px 0 0
}

@media screen and (max-width:991px) {
    .organisations_section .description_section {
        padding-top: 58px;
        margin-bottom: 38px
    }
}

.organisations_section .description_section:after {
    bottom: auto;
    top: 0
}

.organisations_logos {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 -18px
}

@media screen and (max-width:576px) {
    .organisations_logos {
        flex-wrap: wrap;
        margin: 0 -10px -33px
    }
}

.organisation_logo_item {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0 18px
}

@media screen and (max-width:576px) {
    .organisation_logo_item {
        width: calc(33.33% - 20px);
        margin: 0 10px 33px
    }
}

.about_intro {
    position: relative;
    padding: 200px 0 87px;
    overflow: hidden
}

@media screen and (max-width:991px) {
    .about_intro {
        padding: 118px 0 56px
    }
}

.about_intro .elem_1 {
    position: absolute;
    top: 286px;
    left: 0
}

@media screen and (max-width:991px) {
    .about_intro .elem_1 {
        top: 161px
    }
}

.about_intro .elem_2 {
    position: absolute;
    bottom: 0;
    right: 0
}

.about_intro_description {
    text-align: center;
    max-width: 1200px;
    padding: 0 200px;
    margin: 0 auto
}

@media screen and (max-width:991px) {
    .about_intro_description {
        max-width: none;
        padding: 0
    }
}

.about_intro_description .title_small {
    margin-bottom: 64px
}

@media screen and (max-width:991px) {
    .about_intro_description .title_small {
        margin-bottom: 55px
    }
}

.about_intro_description .title_page {
    margin-bottom: 21px
}

@media screen and (max-width:991px) {
    .about_intro_description .title_page {
        margin-bottom: 45px
    }
}

.about_intro_icon {
    margin-bottom: 30px
}

@media screen and (max-width:991px) {
    .about_intro_icon {
        margin-bottom: 21px
    }
}

.about_rewards {
    background: #000054;
    padding: 65px 0 81px
}

@media screen and (max-width:767px) {
    .about_rewards {
        padding: 58px 0 70px
    }
}

.about_rewards_top {
    text-align: center;
    margin-bottom: 60px
}

@media screen and (max-width:767px) {
    .about_rewards_top {
        margin-bottom: 35px
    }
}

.about_rewards_icon {
    margin-bottom: 30px
}

@media screen and (max-width:767px) {
    .about_rewards_icon {
        margin-bottom: 21px
    }
}

.about_rewards_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 788px;
    margin: 0 auto
}

@media screen and (max-width:767px) {
    .about_rewards_wrap {
        max-width: 337px
    }
}

.about_reward_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 33.33%;
    min-height: 336px;
    background-color: #fff;
    box-shadow: 0 0 46px -7px rgba(0, 0, 0, .2);
    border-radius: 10px;
    padding: 0 20px;
    text-align: center
}

@media screen and (max-width:767px) {
    .about_reward_item {
        min-height: 145px;
        padding: 0 9px
    }
}

.about_reward_item:first-child {
    margin-right: -27px
}

@media screen and (max-width:767px) {
    .about_reward_item:first-child {
        margin-right: -11px
    }
}

@media screen and (max-width:767px) {
    .about_reward_item:first-child img {
        max-width: 74px
    }
}

.about_reward_item:last-child {
    margin-left: -27px
}

@media screen and (max-width:767px) {
    .about_reward_item:last-child {
        margin-left: -11px
    }
}

@media screen and (max-width:767px) {
    .about_reward_item:last-child img {
        max-width: 80px
    }
}

.about_reward_item:nth-child(2) {
    position: relative;
    z-index: 2;
    min-height: 404px
}

@media screen and (max-width:767px) {
    .about_reward_item:nth-child(2) {
        min-height: 173px
    }
}

.about_reward_item:nth-child(2) .about_reward_name {
    margin-top: 35px
}

@media screen and (max-width:767px) {
    .about_reward_item:nth-child(2) .about_reward_name {
        margin-top: 17px
    }
}

@media screen and (max-width:767px) {
    .about_reward_item:nth-child(2) img {
        max-width: 82px
    }
}

.about_reward_icon {
    min-height: 172px
}

@media screen and (max-width:767px) {
    .about_reward_icon {
        min-height: 73px
    }
}

.about_reward_name {
    color: #000054;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    margin-top: 21px
}

@media screen and (max-width:767px) {
    .about_reward_name {
        font-size: 14px;
        line-height: 16px;
        margin-top: 15px
    }
}

.rewards_text {
    text-align: center;
    max-width: 630px;
    margin: 71px auto 0
}

@media screen and (max-width:767px) {
    .rewards_text {
        margin-top: 45px
    }
}

.about_mission {
    min-height: 900px;
    position: relative;
    padding: 139px 0
}

@media screen and (max-width:991px) {
    .about_mission {
        min-height: auto;
        padding: 52px 0
    }
}

.about_mission_bg {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 70%;
    height: 100%
}

@media screen and (max-width:991px) {
    .about_mission_bg {
        top: auto;
        bottom: 0;
        width: 100%
    }
}

.about_mission_bg .elem_1 {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
}

@media screen and (max-width:991px) {
    .about_mission_bg .elem_1 {
        top: auto;
        bottom: 0;
        width: auto;
        height: auto
    }
}

.about_mission_bg .elem_1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left bottom
}

@media screen and (max-width:991px) {
    .about_mission_bg .elem_1 img {
        width: auto;
        height: auto;
        object-fit: none;
        object-position: center
    }
}

.about_mission_bg .elem_2 {
    position: absolute;
    bottom: -120px;
    left: -248px
}

@media screen and (max-width:991px) {
    .about_mission_bg .elem_2 {
        display: none
    }
}

.about_mission_wrap {
    position: relative;
    z-index: 3;
    display: flex
}

@media screen and (max-width:991px) {
    .about_mission_wrap {
        flex-direction: column
    }
}

.about_mission_left {
    width: 33.88%;
    padding-right: 40px
}

@media screen and (max-width:991px) {
    .about_mission_left {
        width: 100%;
        padding-right: 0;
        margin-bottom: 54px
    }
}

.about_mission_left .title_middle {
    margin-bottom: 67px
}

@media screen and (max-width:991px) {
    .about_mission_left .title_middle {
        margin-bottom: 48px
    }
}

.about_mission_icon {
    margin-bottom: 29px
}

@media screen and (max-width:991px) {
    .about_mission_icon {
        margin-bottom: 19px
    }
}

.about_mission_right {
    width: 66.12%;
    padding-top: 127px
}

@media screen and (max-width:991px) {
    .about_mission_right {
        width: 100%;
        padding-top: 0
    }
}

.about_mission_img {
    margin: -5%
}

.arrow_list li {
    position: relative;
    color: #000054;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 32px;
    padding-left: 32px
}

@media screen and (max-width:767px) {
    .arrow_list li {
        margin-bottom: 30px;
        font-size: 16px;
        line-height: 18px
    }
}

.arrow_list li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 12px;
    height: 19px;
    background: url(../images/arrow_list.svg) no-repeat center/cover
}

.arrow_list li:last-child {
    margin-bottom: 0
}

.about_platform {
    background: #000054;
    padding: 114px 0 83px
}

@media screen and (max-width:991px) {
    .about_platform {
        padding: 71px 0 54px
    }
}

.about_platform_description {
    text-align: center;
    max-width: 630px;
    margin: 0 auto 64px
}

@media screen and (max-width:767px) {
    .about_platform_description {
        margin-bottom: 32px
    }
}

.about_platform_description .title_middle {
    margin-bottom: 36px
}

@media screen and (max-width:767px) {
    .about_platform_description .title_middle {
        margin-bottom: 17px
    }
}

.about_platform_icon {
    max-width: 19px;
    margin: 0 auto 18px
}

@media screen and (max-width:767px) {
    .about_platform_icon {
        margin-bottom: 12px
    }
}

.about_platform_wrap {
    position: relative;
    display: flex;
    margin: 0 -22px
}

@media screen and (max-width:767px) {
    .about_platform_wrap {
        display: block;
        margin: 0
    }
}

.about_platform_wrap:before {
    content: "";
    position: absolute;
    top: 71px;
    left: 60px;
    right: 60px;
    border-top: 4px dashed #00dec4
}

@media screen and (max-width:991px) {
    .about_platform_wrap:before {
        top: 49px
    }
}

@media screen and (max-width:767px) {
    .about_platform_wrap:before {
        display: none
    }
}

.about_platform_item {
    position: relative;
    z-index: 2;
    width: calc(20% - 44px);
    margin: 0 22px
}

@media screen and (max-width:767px) {
    .about_platform_item {
        width: 100%;
        margin: 0;
        padding-bottom: 78px
    }
}

@media screen and (max-width:767px) {
    .about_platform_item:last-child {
        padding-bottom: 0
    }
}

@media screen and (max-width:767px) {
    .about_platform_item:last-child:before {
        display: none
    }
}

.about_platform_item:last-child:after {
    display: none
}

@media screen and (max-width:767px) {
    .about_platform_item:last-child .about_platform_info {
        padding-bottom: 0
    }
}

@media screen and (max-width:767px) {
    .about_platform_item:before {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        display: block;
        height: 78px;
        border-left: 4px dashed #00dec4
    }
}

.about_platform_item:after {
    content: "";
    position: absolute;
    right: -37px;
    top: 59px;
    display: block;
    width: 30px;
    height: 30px;
    background: #7340fa url(../images/arrow_platform.svg) no-repeat center;
    border-radius: 50%
}

@media screen and (max-width:991px) {
    .about_platform_item:after {
        top: 35px
    }
}

@media screen and (max-width:767px) {
    .about_platform_item:after {
        right: auto;
        left: 50%;
        top: auto;
        bottom: 24px;
        transform: translateX(-50%) rotate(90deg)
    }
}

.about_platform_circle {
    width: 147px;
    height: 147px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 4px solid #00dec4;
    background: #000054;
    border-radius: 50%;
    margin: 0 auto 51px
}

@media screen and (max-width:991px) {
    .about_platform_circle {
        width: 101px;
        height: 101px;
        margin-bottom: 30px
    }
}

@media screen and (max-width:767px) {
    .about_platform_circle {
        margin: 0 auto 32px
    }
}

.about_platform_circle img {
    max-width: 97px
}

@media screen and (max-width:991px) {
    .about_platform_circle img {
        max-width: 67px
    }
}

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

.about_platform_info {
    text-align: center
}

@media screen and (max-width:767px) {
    .about_platform_info {
        background: #000054;
        padding-bottom: 18px;
        max-width: 212px;
        margin: 0 auto
    }
}

.about_platform_name {
    color: #00dec4;
    font-weight: 500;
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 17px
}

.about_platform_bottom {
    text-align: center;
    margin-top: 70px
}

@media screen and (max-width:767px) {
    .about_platform_bottom {
        margin-top: 61px
    }
}

.about_platform_bottom .btn {
    min-width: 195px
}

@media screen and (max-width:767px) {
    .about_platform_bottom .btn {
        font-size: 14px;
        line-height: 16px;
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.partners_section {
    padding: 64px 0;
    background: rgba(229, 229, 229, .5)
}

@media screen and (max-width:767px) {
    .partners_section {
        padding: 75px 0 49px
    }
}

.partners_wrap {
    display: flex;
    align-items: center
}

@media screen and (max-width:767px) {
    .partners_wrap {
        flex-direction: column
    }
}

.partners_info {
    width: 50%;
    padding: 0 48px
}

@media screen and (max-width:767px) {
    .partners_info {
        width: 100%;
        padding: 0;
        margin-bottom: 51px
    }
}

.partners_description {
    max-width: 403px;
    margin: 0 auto;
    text-align: center
}

.partners_description .title_middle {
    margin-bottom: 20px
}

@media screen and (max-width:767px) {
    .partners_description .title_middle {
        font-size: 24px;
        line-height: 27px
    }
}

.partners_right {
    width: 50%
}

@media screen and (max-width:767px) {
    .partners_right {
        width: 100%
    }
}

.partners_images {
    max-width: 500px;
    margin: 0 auto
}

.partners_logos {
    display: flex;
    flex-wrap: wrap;
    max-width: 500px;
    margin: 0 -12px -24px
}

.partner_logo_item {
    width: calc(33.33% - 24px);
    margin: 0 12px 24px;
    border-radius: 10px;
    overflow: hidden
}

@media screen and (max-width:480px) {
    .partner_logo_item {
        width: calc(50% - 24px)
    }
}

.clients_section {
    padding: 150px 0;
    background: #fafafa
}

@media screen and (max-width:767px) {
    .clients_section {
        padding: 64px 0 67px
    }
}

.clients_wrap {
    display: flex;
    align-items: center
}

@media screen and (max-width:767px) {
    .clients_wrap {
        flex-direction: column
    }
}

.clients_left {
    width: 51.3%
}

@media screen and (max-width:767px) {
    .clients_left {
        width: 100%;
        order: 2
    }
}

@media screen and (max-width:767px) {
    .clients_images {
        max-width: 500px;
        margin: 0 auto
    }
}

.clients_logos {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px -30px
}

@media screen and (max-width:480px) {
    .clients_logos {
        margin: 0 -10px -36px
    }
}

.clients_logo_item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(33.33% - 30px);
    margin: 0 15px 30px
}

@media screen and (max-width:480px) {
    .clients_logo_item {
        width: calc(50% - 20px);
        margin: 0 10px 36px
    }
}

.clients_info {
    width: 48.7%;
    padding: 0 48px
}

@media screen and (max-width:767px) {
    .clients_info {
        width: 100%;
        padding: 0;
        margin-bottom: 51px;
        order: 1
    }
}

.clients_description {
    max-width: 403px;
    margin: 0 auto;
    text-align: center
}

.clients_description .title_middle {
    margin-bottom: 20px
}

@media screen and (max-width:767px) {
    .clients_description .title_middle {
        font-size: 24px;
        line-height: 27px
    }
}

.popup_fade {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 101;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
    display: flex;
    opacity: 0;
    visibility: hidden;
    overflow: auto;
    transition: all .3s
}

.popup_fade.visible {
    opacity: 1;
    visibility: visible
}

.popup_inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: auto
}

.popup_box {
    position: relative;
    background-color: #fff;
    border-radius: 5px;
    max-width: 774px;
    width: 100%;
    margin: 0 auto;
    padding: 36px 36px 40px
}

@media screen and (max-width:767px) {
    .popup_box {
        padding: 30px
    }
}

.popup_close {
    position: absolute;
    top: 36px;
    right: 36px;
    z-index: 10;
    background: 0 0;
    border: none;
    cursor: pointer
}

@media screen and (max-width:767px) {
    .popup_close {
        top: 16px;
        right: 16px
    }
}

.popup_close:hover svg {
    stroke: #00dec4
}

.popup_close svg {
    display: block;
    width: 16px;
    height: 16px;
    stroke: #7340fa;
    transition: all .3s
}

.resources_bg {
    position: relative;
    overflow: hidden
}

.resources_bg_img {
    position: absolute;
    top: -100px;
    right: 0;
    z-index: 1;
    width: 100%
}

@media screen and (max-width:1700px) {
    .resources_bg_img {
        top: 147px
    }
}

@media screen and (max-width:767px) {
    .resources_bg_img {
        top: 493px
    }
}

.top_resources .top_elem {
    top: 223px;
    right: auto;
    left: 0
}

@media screen and (max-width:991px) {
    .top_resources .top_elem {
        top: 176px
    }
}

.top_resources .top_inner {
    padding-bottom: 63px
}

@media screen and (max-width:991px) {
    .top_resources .top_inner {
        padding-bottom: 40px
    }
}

.top_resources .title_page {
    margin-bottom: 67px
}

@media screen and (max-width:767px) {
    .top_resources .title_page {
        margin-bottom: 50px
    }
}

.top_resources .title_page.line {
    padding-bottom: 17px
}

.top_resources_wrap {
    position: relative;
    background: #fff;
    box-shadow: 0 0 46px -7px rgba(0, 0, 0, .2);
    border-radius: 10px;
    padding: 30px 30px 23px 0
}

@media screen and (max-width:767px) {
    .top_resources_wrap {
        padding: 30px 18px 25px
    }
}

.top_resources_slider.swiper-container {
    padding: 32px;
    margin: -32px
}

.top_resource_inner {
    display: flex
}

@media screen and (max-width:767px) {
    .top_resource_inner {
        flex-direction: column
    }
}

.top_resource_row {
    display: flex;
    align-items: center;
    margin-bottom: 46px
}

@media screen and (max-width:991px) {
    .top_resource_row {
        margin-bottom: 30px
    }
}

.top_resource_category {
    position: relative;
    padding: 7px 18px;
    background: #00dec4;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    margin-right: 11px
}

.top_resource_category:before {
    content: "";
    position: absolute;
    top: 0;
    left: -16px;
    display: block;
    width: 16px;
    height: 100%;
    background: #00dec4
}

.top_resource_category:after {
    content: "";
    position: absolute;
    bottom: -16px;
    left: -16px;
    display: block;
    border-style: solid;
    border-width: 0 16px 16px 0;
    border-color: transparent #000054 transparent transparent
}

.top_resource_pick {
    padding: 7px 16px;
    background: #7340fa;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px
}

.top_resource_details {
    display: none
}

@media screen and (max-width:767px) {
    .top_resource_details {
        display: flex;
        align-items: center;
        margin: 0 0 21px -18px
    }
}

.top_resource_details .top_resource_category {
    font-size: 14px;
    line-height: 16px
}

.top_resource_details .top_resource_category:before {
    left: -10px;
    width: 10px
}

.top_resource_details .top_resource_category:after {
    bottom: -10px;
    left: -10px;
    border-width: 0 10px 10px 0;
    border-color: transparent #000054 transparent transparent
}

.top_resource_details .top_resource_pick {
    font-size: 14px;
    line-height: 16px
}

.top_resource_left {
    width: 51.88%;
    padding: 10px 0
}

@media screen and (max-width:767px) {
    .top_resource_left {
        width: 100%;
        padding: 0;
        order: 3
    }
}

@media screen and (max-width:767px) {
    .top_resource_left .top_resource_row {
        display: none
    }
}

.top_resource_info {
    padding: 0 37px 0 52px
}

@media screen and (max-width:991px) {
    .top_resource_info {
        padding: 0 30px
    }
}

@media screen and (max-width:767px) {
    .top_resource_info {
        padding: 0
    }
}

.top_resource_info .title_page {
    text-align: left;
    margin-bottom: 34px
}

@media screen and (max-width:991px) {
    .top_resource_info .title_page {
        font-size: 30px;
        line-height: 34px;
        margin-bottom: 12px
    }
}

@media screen and (max-width:991px) {
    .top_resource_info .title_small {
        font-size: 20px;
        line-height: 23px
    }
}

.top_resource_link {
    display: inline-block;
    text-decoration: none;
    color: #7340fa;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    margin-top: 20px
}

@media screen and (max-width:576px) {
    .top_resource_link {
        font-size: 14px;
        line-height: 16px
    }
}

.top_resource_link:hover {
    text-decoration: underline
}

.top_resource_img {
    width: 48.12%;
    overflow: hidden;
    box-shadow: 0 0 46px -7px rgba(0, 0, 0, .2);
    border-radius: 10px
}

@media screen and (max-width:767px) {
    .top_resource_img {
        width: 100%;
        order: 2;
        height: 216px;
        margin-bottom: 21px
    }
}

.top_resource_img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.top_resources_dots {
    display: flex;
    justify-content: center;
    margin-top: 31px
}

@media screen and (max-width:767px) {
    .top_resources_dots {
        margin-top: 34px
    }
}

.top_resources_dots .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    background: #e5e5e5;
    margin-right: 9px;
    opacity: 1
}

@media screen and (max-width:767px) {
    .top_resources_dots .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        margin-right: 7px
    }
}

.top_resources_dots .swiper-pagination-bullet:last-child {
    margin-right: 0
}

.top_resources_dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #00dec4
}

.top_resources_arrow {
    position: absolute;
    top: 50%;
    z-index: 5;
    transform: translateY(-50%);
    cursor: pointer;
    width: 30px;
    height: 30px;
    background: #00dec4;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all .3s
}

@media screen and (max-width:767px) {
    .top_resources_arrow {
        top: 167px;
        transform: translateY(0)
    }
}

.top_resources_arrow:hover {
    background: #00dec4
}

.top_resources_arrow:hover svg {
    stroke: #fff
}

.top_resources_arrow svg {
    stroke: #fff;
    transition: all .3s
}

.top_resources_prev {
    left: -15px;
    padding-right: 2px
}

.top_resources_next {
    right: -15px;
    padding-left: 2px
}

.resources_content {
    position: relative;
    padding: 40px 0 74px
}

@media screen and (max-width:767px) {
    .resources_content {
        padding: 18px 0 49px
    }
}

.resources_content .elem_1 {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1
}

.resources_content .elem_2 {
    position: absolute;
    bottom: -179px;
    left: 0;
    z-index: 1
}

@media screen and (max-width:767px) {
    .resources_content .elem_2 {
        top: 50%;
        bottom: auto
    }
}

.resources_panel {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 2px solid #f4f4f4;
    margin-bottom: 45px
}

@media screen and (max-width:767px) {
    .resources_panel {
        flex-direction: column;
        border-bottom: none
    }
}

@media screen and (max-width:767px) {
    .resources_filter {
        width: 100%;
        order: 2;
        background: #fafafa;
        border: 1px solid #000054;
        border-radius: 10px
    }
}

.resources_filter_toggle {
    display: none
}

@media screen and (max-width:767px) {
    .resources_filter_toggle {
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 14px 22px;
        color: #000054;
        font-weight: 500;
        font-size: 18px;
        line-height: 22px
    }
}

.resources_filter_toggle.active svg {
    transform: rotate(180deg)
}

@media screen and (max-width:767px) {
    .resources_filter_toggle svg {
        stroke: #000054
    }
}

@media screen and (max-width:767px) {
    .resources_nav {
        max-height: 0;
        overflow: hidden;
        transition: max-height .3s ease-out
    }
}

.resources_nav ul {
    display: flex;
    align-items: center
}

@media screen and (max-width:767px) {
    .resources_nav ul {
        display: block;
        padding: 3px 22px 23px
    }
}

.resources_nav li {
    margin-right: 29px
}

@media screen and (max-width:991px) {
    .resources_nav li {
        margin-right: 15px
    }
}

@media screen and (max-width:767px) {
    .resources_nav li {
        margin: 0 0 17px
    }
}

.resources_nav li:last-child {
    margin-right: 0
}

@media screen and (max-width:767px) {
    .resources_nav li:last-child {
        margin-bottom: 0
    }
}

.resources_nav li.active a {
    color: #000054
}

@media screen and (max-width:767px) {
    .resources_nav li.active a {
        color: #00dec4
    }
}

.resources_nav li.active a:before {
    opacity: 1
}

.resources_nav li.active a:after {
    opacity: 1
}

.resources_nav a {
    position: relative;
    display: block;
    padding: 0 22px 13px;
    text-decoration: none;
    color: rgba(0, 0, 84, .6);
    font-weight: 500;
    font-size: 20px;
    line-height: 27px;
    transition: all .3s
}

@media screen and (max-width:991px) {
    .resources_nav a {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media screen and (max-width:767px) {
    .resources_nav a {
        color: #000054;
        font-size: 18px;
        line-height: 22px;
        padding: 0
    }
}

.resources_nav a:hover {
    color: #000054
}

@media screen and (max-width:767px) {
    .resources_nav a:hover {
        color: #00dec4
    }
}

.resources_nav a:before {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    right: 0;
    z-index: 1;
    display: block;
    height: 4px;
    background-color: #fff;
    opacity: 0;
    transition: all .3s
}

@media screen and (max-width:767px) {
    .resources_nav a:before {
        display: none
    }
}

.resources_nav a:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 7px;
    right: 7px;
    z-index: 2;
    display: block;
    height: 4px;
    background-color: #00dec4;
    border-radius: 30px;
    opacity: 0;
    transition: all .3s
}

@media screen and (max-width:991px) {
    .resources_nav a:after {
        left: 2px;
        right: 2px
    }
}

@media screen and (max-width:767px) {
    .resources_nav a:after {
        display: none
    }
}

.resources_search {
    display: flex;
    align-items: center
}

@media screen and (max-width:767px) {
    .resources_search {
        width: 100%;
        height: 50px;
        order: 1;
        margin-bottom: 26px;
        background: #fafafa;
        border: 1px solid #000054;
        border-radius: 10px;
        padding: 0 16px 0 22px
    }
}

.resources_search_icon {
    min-width: 16px;
    width: 16px;
    margin-right: 20px
}

@media screen and (max-width:767px) {
    .resources_search_icon {
        order: 2;
        margin-right: 0
    }
}

.resources_search_icon svg {
    display: block
}

.resources_search_field {
    width: 81px;
    height: 22px;
    border: none;
    background: 0 0;
    color: #000054;
    font: 500 18px/22px Poppins, sans-serif;
    transition: all .3s
}

.resources_search_field::-webkit-input-placeholder {
    color: rgba(0, 0, 84, .7)
}

@media screen and (max-width:767px) {
    .resources_search_field::-webkit-input-placeholder {
        color: #c4c4c4
    }
}

.resources_search_field:-moz-placeholder {
    color: rgba(0, 0, 84, .7)
}

@media screen and (max-width:767px) {
    .resources_search_field:-moz-placeholder {
        color: #c4c4c4
    }
}

.resources_search_field::-moz-placeholder {
    color: rgba(0, 0, 84, .7)
}

@media screen and (max-width:767px) {
    .resources_search_field::-moz-placeholder {
        color: #c4c4c4
    }
}

.resources_search_field:-ms-input-placeholder {
    color: rgba(0, 0, 84, .7)
}

@media screen and (max-width:767px) {
    .resources_search_field:-ms-input-placeholder {
        color: #c4c4c4
    }
}

@media screen and (max-width:767px) {
    .resources_search_field {
        order: 1;
        width: 100%;
        padding-right: 16px
    }
}

.resources_search_field:focus {
    width: 140px
}

@media screen and (max-width:767px) {
    .resources_search_field:focus {
        width: 100%
    }
}

.resources_wrap {
    position: relative;
    z-index: 3;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px -30px
}

@media screen and (max-width:576px) {
    .resources_wrap {
        display: block;
        margin: 0
    }
}

.resource_item {
    width: calc(33.33% - 30px);
    margin: 0 15px 30px;
    background: #fff;
    box-shadow: 0 0 46px -7px rgba(0, 0, 0, .2);
    border-radius: 10px;
    overflow: hidden
}

@media screen and (max-width:991px) {
    .resource_item {
        width: calc(50% - 30px)
    }
}

@media screen and (max-width:576px) {
    .resource_item {
        width: 100%;
        margin: 0 0 30px
    }
}

@media screen and (max-width:576px) {
    .resource_item:last-child {
        margin-bottom: 0
    }
}

.resource_item_top {
    position: relative
}

.resource_item_img img {
    min-height: 247px;
    width: 100%;
    object-fit: cover
}

.resource_item_category {
    display: inline-block;
    position: absolute;
    top: 23px;
    left: 27px;
    z-index: 2;
    background: #00dec4;
    padding: 7px 14px;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px
}

@media screen and (max-width:767px) {
    .resource_item_category {
        top: 13px;
        left: 15px
    }
}

@media screen and (max-width:576px) {
    .resource_item_category {
        font-size: 14px;
        line-height: 16px;
        padding: 7px 12px
    }
}

.resource_item_icon {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 125px;
    height: 125px;
    padding: 24px 23px 0 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end
}

.resource_item_icon:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    display: block;
    border-style: solid;
    border-width: 0 125px 125px 0;
    border-color: transparent #000054 transparent transparent
}

.resource_item_icon img {
    position: relative;
    z-index: 3
}

.resource_item_info {
    padding: 24px 40px 34px
}

@media screen and (max-width:767px) {
    .resource_item_info {
        padding: 24px 18px
    }
}

.resource_item_name {
    color: #000054;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 24px
}

@media screen and (max-width:576px) {
    .resource_item_name {
        margin-bottom: 16px;
        font-size: 20px;
        line-height: 23px
    }
}

.resource_item_link {
    text-decoration: none;
    color: #7340fa;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px
}

@media screen and (max-width:576px) {
    .resource_item_link {
        margin-bottom: 14px;
        font-size: 16px
    }
}

.resource_item_link:hover {
    text-decoration: underline
}

.resource_article {
    position: relative
}

.resource_article .elem_1 {
    position: absolute;
    top: 50.8%;
    right: 0;
    z-index: 1;
    max-width: 35.83%
}

@media screen and (max-width:767px) {
    .resource_article .elem_1 {
        top: 58%
    }
}

.resource_article .elem_2 {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1
}

.resource_article_bg {
    position: absolute;
    top: 212px;
    right: 0;
    z-index: 1;
    width: 100%;
    max-height: calc(100% - 212px)
}

@media screen and (max-width:991px) {
    .resource_article_bg {
        top: 0
    }
}

@media screen and (max-width:767px) {
    .resource_article_bg {
        top: 300px
    }
}

.resource_article_inner {
    position: relative;
    z-index: 3;
    padding: 252px 0 197px
}

@media screen and (max-width:991px) {
    .resource_article_inner {
        padding: 134px 0 40px
    }
}

.resource_article_top {
    position: relative;
    z-index: 3;
    margin-bottom: 56px
}

@media screen and (max-width:767px) {
    .resource_article_top {
        margin-bottom: 40px
    }
}

.resource_article_top .title_page {
    text-align: left
}

.resource_article_top .title_page.line {
    padding-bottom: 55px
}

@media screen and (max-width:767px) {
    .resource_article_top .title_page.line {
        padding-bottom: 46px
    }
}

.resource_article_top .title_page.line:after {
    left: 0;
    transform: translateX(0)
}

.resource_article_category {
    display: inline-block;
    background: #00dec4;
    padding: 7px 10px;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 36px
}

@media screen and (max-width:767px) {
    .resource_article_category {
        margin-bottom: 25px
    }
}

@media screen and (max-width:576px) {
    .resource_article_category {
        padding: 7px 8px;
        font-size: 14px;
        line-height: 16px
    }
}

.resource_article_nav {
    position: relative;
    z-index: 3
}

.resource_article_nav ul {
    max-width: 253px
}

.resource_article_nav li {
    margin-bottom: 16px
}

.resource_article_nav li:last-child {
    margin-bottom: 0
}

.resource_article_nav li.active a {
    color: #00dec4
}

.resource_article_nav a {
    text-decoration: none;
    color: #000054;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    transition: all .3s
}

@media screen and (max-width:576px) {
    .resource_article_nav a {
        font-size: 14px;
        line-height: 16px
    }
}

.resource_article_nav a:hover {
    color: #00dec4
}

.resource_article_main {
    display: flex
}

@media screen and (max-width:767px) {
    .resource_article_main {
        flex-direction: column
    }
}

.resource_article_sidebar {
    min-width: 300px;
    width: 300px;
    margin-right: 64px
}

@media screen and (max-width:991px) {
    .resource_article_sidebar {
        min-width: 260px;
        width: 260px;
        margin-right: 40px
    }
}

@media screen and (max-width:767px) {
    .resource_article_sidebar {
        position: relative;
        margin-bottom: 60px;
        padding-bottom: 40px
    }
}

@media screen and (max-width:767px) {
    .resource_article_sidebar:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        width: 50px;
        height: 4px;
        background-color: #00dec4
    }
}

.resource_article_sticky {
    position: sticky;
    top: 148px;
    background-color: #fff
}

.resource_article_sticky:before {
    content: "";
    position: absolute;
    top: -20px;
    bottom: -20px;
    left: -20px;
    right: -10px;
    background-color: #fff
}

.resource_article_sticky .btn {
    position: relative;
    z-index: 3;
    margin-top: 48px;
    min-width: 195px
}

@media screen and (max-width:767px) {
    .resource_article_sticky .btn {
        display: none
    }
}

.resource_article_content {
    width: 100%
}

.resource_article_box {
    position: relative;
    margin-bottom: 70px
}

@media screen and (max-width:767px) {
    .resource_article_box {
        margin-bottom: 50px
    }
}

.resource_article_box:last-child {
    margin-bottom: 0
}

.resource_article_box.line {
    padding-bottom: 70px
}

@media screen and (max-width:767px) {
    .resource_article_box.line {
        padding-bottom: 50px
    }
}

.resource_article_box.line:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    height: 4px;
    width: 48px;
    background-color: #00dec4;
    border-radius: 30px
}

@media screen and (max-width:767px) {
    .resource_article_box .typical_text h3 {
        font-size: 20px;
        line-height: 23px
    }
}

@media screen and (max-width:767px) {
    .resource_article_box .typical_text h4 {
        font-size: 18px;
        line-height: 21px
    }
}

.resource_article_box .typical_text li,
.resource_article_box .typical_text p {
    font-size: 16px;
    line-height: 18px
}

.resource_article_box figure {
    margin-bottom: 38px
}

.resource_article_box figure:last-child {
    margin-bottom: 0
}

.resource_article_box figure img {
    box-shadow: 0 0 46px -7px rgba(0, 0, 0, .2);
    border-radius: 10px
}

.resource_article_box figcaption {
    color: #c4c4c4;
    font-style: italic;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    margin-top: 20px
}

.resource_article_box .btn {
    margin-top: 38px;
    min-width: 195px
}

@media screen and (max-width:576px) {
    .resource_article_box .btn {
        margin-top: 48px;
        min-width: auto;
        font-size: 14px;
        line-height: 16px;
        padding: 13px 14px
    }
}

.resource_article_quote {
    position: relative;
    background: #fafafa;
    border-radius: 10px;
    padding: 50px 48px 56px;
    margin-bottom: 38px
}

@media screen and (max-width:767px) {
    .resource_article_quote {
        margin: 0 -30px;
        padding: 50px 30px 60px
    }
}

.resource_article_quote:last-child {
    margin-bottom: 0
}

.resource_article_quote:before {
    content: "";
    position: absolute;
    top: 0;
    left: 9px;
    right: 9px;
    display: block;
    height: 4px;
    border-radius: 30px;
    background-color: #00dec4
}

@media screen and (max-width:767px) {
    .resource_article_quote:before {
        left: 0;
        right: 0;
        border-radius: 0
    }
}

.resource_article_quote h3,
.resource_article_quote h4 {
    color: #00dec4
}

.jq-number {
    display: inline-block
}

.jq-number__field input {
    -moz-appearance: textfield;
    text-align: left
}

.jq-number__field input::-webkit-inner-spin-button,
.jq-number__field input::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none
}

.jq-number {
    position: relative;
    vertical-align: middle;
    width: 198px;
    height: 48px;
    background: #eee;
    border: 1px solid #eee;
    border-radius: 10px
}

.jq-number__field {
    height: 100%;
    width: 40px;
    margin: 0 auto;
    text-align: center
}

.jq-number__field input {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: none;
    outline: 0;
    background: 0 0;
    font: 600 18px Poppins, sans-serif;
    color: #000054;
    text-align: center
}

.jq-number__spin {
    position: absolute;
    top: 0;
    width: 63px;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.jq-number__spin.minus {
    left: 0
}

.jq-number__spin.minus.disabled {
    pointer-events: none;
    opacity: .1
}

.jq-number__spin.plus {
    right: 0
}

.jq-number__spin.plus.disabled {
    pointer-events: none;
    opacity: .1
}

.jq-number__spin:after,
.jq-number__spin:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 12px;
    height: 1px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.jq-number__spin.minus:before {
    width: 12px;
    height: 1px;
    background: #000054
}

.jq-number__spin.plus:before {
    width: 12px;
    height: 1px;
    background: #000054
}

.jq-number__spin.plus:after {
    width: 1px;
    height: 12px;
    background: #000054
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #ffffff
}

.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 1500;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    outline: 0
}

.pswp * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pswp img {
    max-width: none
}

.pswp--animate_opacity {
    opacity: .001;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--open {
    display: block
}

.pswp--zoom-allowed .pswp__img {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

.pswp--dragging .pswp__img {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}

.pswp__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    opacity: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    will-change: opacity
}

.pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.pswp__container,
.pswp__zoom-wrap {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.pswp__container,
.pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1);
    transition: transform 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp__bg {
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
    -webkit-transition: none;
    transition: none
}

.pswp__container,
.pswp__zoom-wrap {
    -webkit-backface-visibility: hidden
}

.pswp__item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden
}

.pswp__img {
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    left: 0
}

.pswp__img--placeholder {
    -webkit-backface-visibility: hidden
}

.pswp__img--placeholder--blank {
    background: #222
}

.pswp--ie .pswp__img {
    width: 100% !important;
    height: auto !important;
    left: 0;
    top: 0
}

.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #ccc
}

.pswp__error-msg a {
    color: #ccc;
    text-decoration: underline
}

.pswp__top-bar {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px
}

.pswp__preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.pswp__counter {
    color: #fff;
    font-size: 16px;
    line-height: 18px
}

.pswp__button--close {
    position: relative;
    z-index: 10;
    cursor: pointer;
    width: 30px;
    height: 30px;
    border: none;
    background-color: #f4f4f4;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s
}

.pswp__button--close:hover {
    background-color: #eabeb0
}

.pswp__button--close svg {
    pointer-events: none;
    stroke: #151515
}

.pswp__button.pswp__button--arrow--left,
.pswp__button.pswp__button--arrow--right {
    cursor: pointer;
    position: absolute;
    top: 50%;
    z-index: 4;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border: none;
    background-color: #f4f4f4;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s
}

.pswp__button.pswp__button--arrow--left:hover,
.pswp__button.pswp__button--arrow--right:hover {
    background-color: #eabeb0
}

.pswp__button.pswp__button--arrow--left svg,
.pswp__button.pswp__button--arrow--right svg {
    pointer-events: none;
    display: block;
    width: 6.67px;
    height: 13.33px;
    stroke: #151515
}

.pswp__button--arrow--left {
    left: 28px;
    padding-right: 3px
}

.pswp__button--arrow--right {
    right: 28px;
    padding-left: 3px
}

.pswp__button--arrow--right svg {
    transform: rotate(180deg)
}

.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-target {
    position: relative
}

.noUi-base,
.noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-connects {
    overflow: hidden;
    z-index: 0
}

.noUi-connect,
.noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    transform-style: flat
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto
}

.noUi-vertical .noUi-origin {
    top: -100%;
    width: 0
}

.noUi-horizontal .noUi-origin {
    height: 0
}

.noUi-handle {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute
}

.noUi-touch-area {
    height: 100%;
    width: 100%
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    -webkit-transition: transform .3s;
    transition: transform .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-horizontal {
    height: 18px
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    right: -17px;
    top: -6px
}

.noUi-vertical {
    width: 18px
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    right: -6px;
    bottom: -17px
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -17px;
    right: auto
}

.noUi-target {
    background: #fafafa;
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb
}

.noUi-connects {
    border-radius: 3px
}

.noUi-connect {
    background: #3fb8af
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize
}

.noUi-handle {
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    cursor: default;
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb
}

.noUi-active {
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb
}

.noUi-handle:after,
.noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #e8e7e6;
    left: 14px;
    top: 6px
}

.noUi-handle:after {
    left: 17px
}

.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px
}

.noUi-vertical .noUi-handle:after {
    top: 17px
}

[disabled] .noUi-connect {
    background: #b8b8b8
}

[disabled] .noUi-handle,
[disabled].noUi-handle,
[disabled].noUi-target {
    cursor: not-allowed
}

.noUi-pips,
.noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-pips {
    position: absolute;
    color: #999
}

.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    position: absolute;
    background: #ccc
}

.noUi-marker-sub {
    background: #aaa
}

.noUi-marker-large {
    background: #aaa
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%
}

.noUi-value-horizontal {
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%)
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%
}

.noUi-value-vertical {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding-left: 25px
}

.noUi-rtl .noUi-value-vertical {
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%)
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%
}

.noUi-horizontal .noUi-origin>.noUi-tooltip {
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
    left: auto;
    bottom: 10px
}

.noUi-vertical .noUi-origin>.noUi-tooltip {
    -webkit-transform: translate(0, -18px);
    transform: translate(0, -18px);
    top: auto;
    right: 28px
}

.rounded-15 {
    border-radius: 15px !important;
}

.pum-close.popmake-close {
    width: 30px !important;
    height: 30px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10.485 10.485'%3E%3Cg id='Combined_Shape' data-name='Combined Shape' transform='translate(0 0)' fill='%23000054' stroke-miterlimit='10'%3E%3Cpath d='M 9.485210418701172 9.98544979095459 C 9.351790428161621 9.98544979095459 9.226550102233887 9.93356990814209 9.132559776306152 9.839349746704102 L 5.596290111541748 6.303470134735107 L 5.242740154266357 5.949949741363525 L 4.889209747314453 6.303490161895752 L 1.353749990463257 9.838950157165527 C 1.259269952774048 9.933420181274414 1.133610010147095 9.98544979095459 0.9998999834060669 9.98544979095459 C 0.8661899566650391 9.98544979095459 0.7405299544334412 9.933420181274414 0.646049976348877 9.838950157165527 C 0.4515999555587769 9.644040107727051 0.4514099657535553 9.326789855957031 0.646049976348877 9.132149696350098 L 4.18189001083374 5.596310138702393 L 4.535470008850098 5.242740154266357 L 4.181869983673096 4.889190196990967 L 0.6460299491882324 1.353729963302612 C 0.4515699744224548 1.158819913864136 0.4515699744224548 0.8409799337387085 0.6464599370956421 0.6456499695777893 C 0.7401599884033203 0.5521599650382996 0.8659699559211731 0.5002299547195435 0.9998999834060669 0.5002299547195435 C 1.133829951286316 0.5002299547195435 1.259639978408813 0.5521599650382996 1.3541499376297 0.6464599370956421 L 4.889190196990967 4.181869983673096 L 5.242740154266357 4.535470008850098 L 5.596310138702393 4.18189001083374 L 9.132149696350098 0.646049976348877 C 9.226178169250488 0.5520214438438416 9.351559638977051 0.5002299547195435 9.485171318054199 0.5002299547195435 C 9.485187530517578 0.5002299547195435 9.485193252563477 0.5002299547195435 9.485210418701172 0.5002299547195435 C 9.619070053100586 0.5002299547195435 9.744839668273926 0.5521599650382996 9.839349746704102 0.6464599370956421 C 10.03405952453613 0.8411699533462524 10.03405952453613 1.158630013465881 9.838950157165527 1.353749990463257 L 6.303490161895752 4.889209747314453 L 5.949949741363525 5.242740154266357 L 6.303470134735107 5.596290111541748 L 9.838930130004883 9.132129669189453 C 9.933489799499512 9.226479530334473 9.985369682312012 9.351619720458984 9.98544979095459 9.484919548034668 C 9.985529899597168 9.618669509887695 9.933500289916992 9.744400024414062 9.838950157165527 9.838950157165527 C 9.74446964263916 9.933420181274414 9.618849754333496 9.98544979095459 9.485210418701172 9.98544979095459 Z' stroke='none'/%3E%3Cpath d='M 9.485139846801758 9.48544979095459 L 5.242859840393066 5.242720127105713 L 9.485710144042969 0.9996099472045898 L 5.242720127105713 5.242589950561523 L 0.9995699524879456 1.000159978866577 L 5.242589950561523 5.242720127105713 L 1.000190019607544 9.485389709472656 L 5.242720127105713 5.242859840393066 L 9.484370231628418 9.485380172729492 C 9.484455108642578 9.48539924621582 9.484737396240234 9.485444068908691 9.485139846801758 9.48544979095459 M 9.485210418701172 10.48544979095459 C 9.229269981384277 10.48544979095459 8.97344970703125 10.3878002166748 8.778599739074707 10.19250011444092 L 5.242760181427002 6.657040119171143 L 1.707299947738647 10.19250011444092 C 1.316699862480164 10.58310031890869 0.6830999255180359 10.58310031890869 0.2924999594688416 10.19250011444092 C -0.09720003604888916 9.801899909973145 -0.09720003604888916 9.168299674987793 0.2924999594688416 8.778599739074707 L 3.82834005355835 5.242760181427002 L 0.2924999594688416 1.707299947738647 C -0.09720003604888916 1.316699981689453 -0.09720003604888916 0.6830999851226807 0.2924999594688416 0.2924999594688416 C 0.6830999255180359 -0.09719999134540558 1.316699862480164 -0.09720008075237274 1.707299947738647 0.2924999594688416 L 5.242760181427002 3.82834005355835 L 8.778599739074707 0.2924999594688416 C 9.168299674987793 -0.09720003604888916 9.801899909973145 -0.09720003604888916 10.19250011444092 0.2924999594688416 C 10.58310031890869 0.6830999851226807 10.58310031890869 1.316699981689453 10.19250011444092 1.707299947738647 L 6.657040119171143 5.242760181427002 L 10.19250011444092 8.778599739074707 C 10.58310031890869 9.168299674987793 10.58310031890869 9.801899909973145 10.19250011444092 10.19250011444092 C 9.997200012207031 10.3878002166748 9.74114990234375 10.48544979095459 9.485210418701172 10.48544979095459 Z' stroke='none' fill='%23000054'/%3E%3C/g%3E%3C/svg%3E%0A") !important;
    background-size: 10px 10px !important;
    background-position: center !important;
    border-radius: 8px !important;
    background-color: white !important;
    background-repeat: no-repeat !important;
    top: 20px !important;
    right: 30px !important;
}

.pum-theme-top-banner .pum-close.popmake-close {
    display: none !important;
}

.pum-theme-top-banner .pum-content.popmake-content {
    text-align: center !important;
}

.pum-theme-top-banner .pum-content.popmake-content p {
    white-space: nowrap;
    overflow: auto;
}

@media screen and (max-width: 620px) {
    #popmake-1489 {
        max-width: 100%;
        left: 0 !important;
        right: 0 !important;
        margin: auto;
    }
}

.link {
    font-weight: 500;
    position: relative;
    cursor: pointer;
}

.link::before {
    content: '';
    width: 100%;
    height: 1px;
    bottom: 3px;
    transition: 300ms ease-out;
    position: absolute;
}

.link--turquoise {
    color: #00DEC5;
}

.link--turquoise::before {
    background-color: #00DEC5;
}

.link:hover::before {
    width: 0;
}

.color--turquoise {
    color: #00DEC5;
}

.shortcode--banner {
    position: relative;
}

.shortcode--banner[data-style="1"] {
    border-radius: 15px;
    background-color: #000054;
}

.shortcode--banner[data-style="1"] .row>div:first-of-type {
    padding: 40px 0;
}

.shortcode--banner[data-style="1"] .banner__title {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 35px;
    line-height: 1.34;
    color: white;
    margin-bottom: 0;
    overflow-wrap: anywhere;
}

.shortcode--banner[data-style="1"] .banner__text {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    margin-top: 16px;
    margin-bottom: 0 !important;
    color: white;
    padding-right: 35px;
}

.shortcode--banner[data-style="1"] .banner__image {
    width: auto;
    height: auto;
    object-fit: cover;
}

@media screen and (max-width: 991px) {
    .shortcode--banner[data-style="1"] .banner__title {
        font-size: 30px;
    }

    .shortcode--banner[data-style="1"] .banner__image {
        margin-top: -220px !important;
        max-height: 220px;
        opacity: 0.4;
    }
}

.button--purple {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: normal;
    padding: 13px 35px;
    margin-top: 46px;
    color: white;
    border-radius: 4px;
    background-color: #7341FA;
    display: inline-flex;

}

.z-1 {
    z-index: 1;
}

.pum-theme-1487 .pum-container,
.pum-theme-top-banner .pum-container {
    max-height: 100px;
}

#popmake-1489 .pum-content__inner-wrapper {
    display: block;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    max-width: 600px;
    max-height: 600px;
    border-radius: 15px;
    padding: 50px 120px 90px 30px;
}

#popmake-1489 h2 {
    font-size: 28px;
    font-weight: 600;
    line-height: 34px;
    margin-bottom: 0;
    color: white;
}

#popmake-1489 p:first-of-type {
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: white;
    max-width: 350px;
}

#popmake-1489 .button--purple {
    margin-top: 50px;
}

@media screen and (max-width: 530px) {
    #popmake-1489 .pum-content__inner-wrapper {
        padding: 50px 30px;
        background-size: cover;
    }

    #popmake-1489 h2 {
        font-size: 20px;
        line-height: 26px;
    }

    #popmake-1489 p:first-of-type {
        font-size: 12px;
        line-height: 20px;
    }

    #popmake-1489 .button--purple {
        margin-top: 20px;
    }
}

@media screen and (max-width: 374px) {
    #popmake-1489 {
        display: none;
    }
}

.shortcode--banner .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.shortcode--banner .row > * {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
}

.shortcode--banner .col-left {
    margin-left: 8.33333333%;
    flex: 0 0 auto;
    width: 83.33333333%;
}

@media screen and (min-width: 992px) {
    .shortcode--banner .col-left {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
}

.shortcode--banner .col-right {
    display: flex;
    flex: 0 0 auto;
    width: 100%;
}

@media screen and (min-width: 992px) {
    .shortcode--banner .col-right {
        flex: 0 0 auto;
       width: 33.33333333%;
    }
}