@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,200..1000&display=swap');

* {
    --Primary-Primary-0: #EFF7FF;
    --Primary-Primary-1: #D6EBFF;
    --Grey-scale-Black: #15181B;
    --Gradients-Gradient-1: linear-gradient(to right, #2AE3F4, #2AE3F4);
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Nunito Sans";
}

body {
    background: var(--Primary-Primary-0);
    color: var(--Grey-scale-Grey-5, #495057);
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
    padding-top: 83px;
}

h1, .h1 {
    color: var(--Grey-scale-Black, #15181B);
    font-size: 64px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 16px;
}

h2, .h2 {
    color: var(--Grey-scale-Black, #15181B);
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 16px;
}

h3, .h3 {
    color: var(--Grey-scale-Black, #15181B);
    font-size: 24px;
    font-weight: 700;
    line-height: 130%;
    margin-bottom: 16px;
}

.button {
    min-width: 260px;
    display: inline-block;
    padding: 15px 24px;
    border-radius: 6px;
    background: var(--Primary-Primary-4, #1F8FFF);
    color: var(--Grey-scale-White, #FFF);
    font-size: 18px;
    font-weight: 600;
    line-height: 100%;
    text-align: center;
    text-decoration: none;
    outline-width: 0;
    border-width: 0;
    cursor: pointer;
}

.button:hover {
    background: #0070E0;
}

.button:disabled, .button.disabled {
    background: #CED4DA;
}

.button-white {
    outline-width: 0;
    border-radius: 6px;
    border: 2px solid var(--Grey-scale-Grey-3, #CED4DA);
    background: var(--Grey-scale-White, #FFF);
    padding: 13px 22px;
    color: var(--Grey-scale-Black, #15181B);
    cursor: pointer;
}

section {
    padding: 80px 0;
}

.mobile {
    display: none;
}

.tablet {
    display: none;
}

.desktop {
    display: block;
}

.shadow {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(21, 24, 27, 0);
    transition: 0.3s ease all;
    z-index: 99;
}

.shadow.active {
    display: block;
    background: rgba(21, 24, 27, 0.45);
}

@media (max-width: 1199px) {
    body {
        padding-top: 59px;
    }

    .desktop {
        display: none;
    }

    .tablet {
        display: block;
    }
}

@media(max-width: 767px) {
    body, body.home {
        background: var(--Primary-Primary-0);
        font-size: 16px;
        line-height: 150%;
    }

    section {
        padding: 24px 0;
    }

    h1 {
        font-size: 32px;
    }

    h2 {
        font-size: 24px;
        line-height: 130%;
        margin-bottom: 24px;
    }

    h3 {
        font-size: 20px;
    }

    .desktop {
        display: none;
    }

    .tablet {
        display: none;
    }

    .mobile {
        display: block;
    }
}

.section-hero {
    overflow: hidden;
}

.section-hero .container {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 20px;
    width: 120vw;
}

.section-hero .container .content {
    width: calc(60vw - 84px);
    max-width: 760px;
    margin-left: 64px;
}

.section-hero img {
    width: 60vw;
}

.section-hero .button-group {
    display: flex;
    gap: 20px;
    margin-bottom: 8px;
}

.section-hero .subtitle {
    color: var(--Grey-scale-Grey-5, #495057);
    font-size: 20px;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 32px;
}

.section-hero .text {
    color: var(--Grey-scale-Grey-4, #868E96);
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
}

@media(max-width: 991px) {
    .section-hero .container {
        width: unset;
        margin: 0 16px;
    }

    .section-hero img.mobile {
        display: block;
        width: 100%;
        margin-bottom: 24px;
    }

    .section-hero img.tablet {
        display: none;
    }

    .section-hero .container .content {
        width: 100%;
        margin: 0;
    }
}

@media(max-width: 767px) {
    .section-hero .container {
        width: unset;
        margin: 0 16px;
    }

    .section-hero .container .content {
        width: 100%;
        margin: 0;
    }

    .section-hero .subtitle {
        font-size: 18px;
        margin-bottom: 24px;
    }

    .section-hero img {
        width: 100%;
        margin-bottom: 24px;
    }

    .section-hero .button-group {
        flex-direction: column;
        gap: 8px;
    }

    .section-hero .text {
        font-size: 14px;
        font-weight: 400;
        text-align: center;
    }
}

.section-offer h2 {
    margin-bottom: 40px;
}

.section-offer .container {
    margin: 0 64px;
}

.section-offer .content {
    display: flex;
    gap: 20px;
}

.section-offer .content .item {
    width: calc((100% - 40px) / 3);
    border-radius: 8px;
    background: var(--Grey-scale-White, #FFF);
    box-shadow: 0px 3px 20px 0px rgba(58, 61, 112, 0.15);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 32px;
    padding: 24px;
}

.section-offer .content .item .icon {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}


@media (max-width: 1199px) {
    .section-offer .content {
        flex-wrap: wrap;
        justify-content: center;
    }

    .section-offer .content .item {
        width: 310px;
    }
}

@media(max-width: 767px) {
    .section-offer .container {
        margin: 0 16px;
    }

    .section-offer .content {
        flex-direction: column;
    }

    .section-offer .content .item {
        width: 100%;
    }
}

.section-features h2 {
    margin-bottom: 22px;
}

.section-features .container {
    max-width: 1448px;
    margin: 0 auto;
    padding: 0 64px;
}

.section-features .features {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.section-features .features .item {
    display: flex;
    align-items: center;
    gap: 32px;
}

.section-features .features .item:nth-child(2n + 2) {
    flex-direction: row-reverse;
}

.section-features .features .item .content {
    width: 100%;
    max-width: 637px;
}

.section-features .features .item .content .subtitle {
    display: inline-block;
    color: var(--Primary-Primary-6, #0052A3);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    padding: 2px 6px;
    border-radius: 8px;
    border: 2px solid var(--Primary-Primary-1, #D6EBFF);
    background: var(--Grey-scale-White, #FFF);
    margin-bottom: 4px;
}

.section-features .features .item .content .text {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.section-features .features .item .content .text ul {
    display: flex;
    flex-direction: column;
    gap: 9px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.section-features .features .item .content .text ul li {
    padding-left: 28px;
    background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.83268 13.0036L13.7077 7.12858L12.541 5.96191L7.83268 10.6702L5.45768 8.29525L4.29102 9.46191L7.83268 13.0036ZM8.99935 17.5036C7.84657 17.5036 6.76324 17.2848 5.74935 16.8473C4.73546 16.4098 3.85352 15.8161 3.10352 15.0661C2.35352 14.3161 1.75977 13.4341 1.32227 12.4202C0.884766 11.4064 0.666016 10.323 0.666016 9.17025C0.666016 8.01747 0.884766 6.93414 1.32227 5.92025C1.75977 4.90636 2.35352 4.02441 3.10352 3.27441C3.85352 2.52441 4.73546 1.93066 5.74935 1.49316C6.76324 1.05566 7.84657 0.836914 8.99935 0.836914C10.1521 0.836914 11.2355 1.05566 12.2493 1.49316C13.2632 1.93066 14.1452 2.52441 14.8952 3.27441C15.6452 4.02441 16.2389 4.90636 16.6764 5.92025C17.1139 6.93414 17.3327 8.01747 17.3327 9.17025C17.3327 10.323 17.1139 11.4064 16.6764 12.4202C16.2389 13.4341 15.6452 14.3161 14.8952 15.0661C14.1452 15.8161 13.2632 16.4098 12.2493 16.8473C11.2355 17.2848 10.1521 17.5036 8.99935 17.5036Z' fill='%231F8FFF'/%3E%3Cpath d='M7.83268 13.0036L13.7077 7.12858L12.541 5.96191L7.83268 10.6702L5.45768 8.29525L4.29102 9.46191L7.83268 13.0036Z' fill='white'/%3E%3C/svg%3E") 2px 4px no-repeat;
}

.section-features .features .item img {
    width: 45%;
}

.section-features .features .item:first-child img {
    width: 50%;
}

@media (max-width: 1199px) {}

@media(max-width: 767px) {
    .section-features .container {
        margin: 0 16px;
        padding: 0;
    }

    .section-features .features {
        gap: 32px;
    }

    .section-features .features .item,
    .section-features .features .item:nth-child(2n + 2) {
        flex-direction: column;
        gap: 24px;
    }

    .section-features .features .item .content {
        width: 100%;
    }

    .section-features .features .item img,
    .section-features .features .item:first-child img {
        width: 100%;
    }
}

.section-faq .container {
    max-width: 1100px;
    margin: 0 auto;
}

.section-faq h2 {
    margin-bottom: 40px;
}

.section-faq .content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 20px;
}

.section-faq .content .item {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: calc(50% - 10px);
    border-radius: 8px;
    border: 2px solid var(--Grey-scale-Grey-2, #E9ECEF);
    background: var(--Grey-scale-White, #FFF);
    padding: 16px 24px;
    position: relative;
    cursor: pointer;
}

.section-faq .content .item::after {
    content: url('data:image/svg+xml;charset=UTF-8,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%2233%22 height=%2232%22 viewBox=%220%200%2033%2032%22 fill=%22none%22><mask id=%22mask0_3350_45117%22 style=%22mask-type:alpha%22 maskUnits=%22userSpaceOnUse%22 x=%220%22 y=%220%22 width=%2233%22 height=%2232%22><rect x=%220.5%22 width=%2232%22 height=%2232%22 fill=%22%23D9D9D9%22/></mask><g mask=%22url(%23mask0_3350_45117)%22><path d=%22M15.1665 17.3334H7.1665V14.6667H15.1665V6.66675H17.8332V14.6667H25.8332V17.3334H17.8332V25.3334H15.1665V17.3334Z%22 fill=%22%231F8FFF%22/></g></svg>');
    position: absolute;
    right: 24px;
    top: 12px;
    transition: 0.3s ease transform;
}

.section-faq .content .item h3 {
    color: var(--Grey-scale-Black, #15181B);
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 0;
}

.section-faq .content .item p {
    display: none;
}

.section-faq .content .item.active p {
    display: block;
}

.section-faq .content .item.active::after {
    content: url('data:image/svg+xml;charset=UTF-8,<svg width=%2233%22 height=%2232%22 viewBox=%220%200%2033%2032%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22><mask id=%22mask0_3350_45114%22 style=%22mask-type:alpha%22 maskUnits=%22userSpaceOnUse%22 x=%220%22 y=%220%22 width=%2233%22 height=%2232%22><rect x=%220.5%22 width=%2232%22 height=%2232%22 fill=%22%23D9D9D9%22/></mask><g mask=%22url(%23mask0_3350_45114)%22><path d=%22M7.1665 17.3334V14.6667H25.8332V17.3334H7.1665Z%22 fill=%22%231F8FFF%22/></g></svg>');
    transform: rotate(180deg);
    top: 4px;
}

@media (max-width: 1199px) {
    .section-faq .container {
        margin: 0 64px;
    }
}

@media(max-width: 767px) {
    .section-faq .container {
        margin: 0 16px;
    }

    .section-faq .content .item {
        width: 100%;
        padding: 8px 16px;
    }

    .section-faq .content .item h3 {
        font-size: 16px;
        font-weight: 700;
        padding-right: 40px;
    }

    .section-faq .content .item::after {
        width: 32px;
        top: calc(50% - 16px);
        right: 16px;
    }

    .section-faq .content .item.active::after {
        top: -4px;
    }
}

.section-founder {
    padding: 48px 0;
    background: var(--Grey-scale-White, #FFF);
    box-shadow: 0px 3px 20px 0px rgba(58, 61, 112, 0.15);
}

.section-founder .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    padding: 0 24px;
    max-width: 1148px;
    gap: 32px;
}

.section-founder .container .image {
    width: calc(40% - 32px);
}

.section-founder .container .image img {
    width: 100%;
    border-radius: 16px;
}

.section-founder .container .content {
    width: 60%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.section-founder .container .content .info {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.section-founder .container .content h2 {
    color: var(--Primary-Primary-5, #0070E0);
    text-align: left;
    margin-bottom: 0;
}

.section-founder .container .content .info .subtitle {
    color: var(--Grey-scale-Black, #15181B);
    font-family: "Nunito Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}

.section-founder .container .content .info .email {
    background: url("data:image/svg+xml,%3Csvg width='28' height='29' viewBox='0 0 28 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_22001_16562' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='28' height='29'%3E%3Crect y='0.5' width='28' height='28' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_22001_16562)'%3E%3Cpath d='M13.9997 15.6665L4.66634 9.83317V21.4998H15.1663V23.8332H4.66634C4.02467 23.8332 3.47537 23.6047 3.01842 23.1478C2.56148 22.6908 2.33301 22.1415 2.33301 21.4998V7.49984C2.33301 6.85817 2.56148 6.30887 3.01842 5.85192C3.47537 5.39498 4.02467 5.1665 4.66634 5.1665H23.333C23.9747 5.1665 24.524 5.39498 24.9809 5.85192C25.4379 6.30887 25.6663 6.85817 25.6663 7.49984V15.6665H23.333V9.83317L13.9997 15.6665ZM13.9997 13.3332L23.333 7.49984H4.66634L13.9997 13.3332ZM22.1663 27.3332L20.533 25.6998L22.3705 23.8332H17.4997V21.4998H22.3705L20.5038 19.6332L22.1663 17.9998L26.833 22.6665L22.1663 27.3332ZM4.66634 9.83317V22.6665V15.6665V15.754V7.49984V9.83317Z' fill='%230070E0'/%3E%3C/g%3E%3C/svg%3E") left center no-repeat;
    padding-left: 36px;
    color: var(--Grey-scale-Black, #15181B);
    font-family: "Nunito Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

.section-founder .container .content .info .email a {
    color: var(--Primary-Primary-5, #0070E0);
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

@media(max-width: 767px) {
    .section-founder {
        padding: 24px 0;
    }

    .section-founder .container {
        flex-direction: column-reverse;
        padding: 0;
        margin: 0 16px;
    }

    .section-founder .container .image,
    .section-founder .container .content {
        width: 100%;
    }
}

.section-video .container {
    max-width: 874px;
    text-align: center;
    margin: 0 auto;
}

.section-video .container p {
    font-size: 20px;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 40px;
}

.section-video video {
    border-radius: 16px;
    border: 4px solid var(--Grey-scale-Grey-1, #F8F9FA);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
    box-shadow: 0px 4px 20px 0px rgba(58, 61, 112, 0.25);
}

@media(max-width: 1199px) {
    .section-video .container {
        margin: 0 64px;
    }
}

@media(max-width: 767px) {
    .section-video .container {
        margin: 0 16px;
    }

    .section-video .container p {
        font-size: 14px;
        margin-bottom: 24px;
    }
}

.section-support {
    padding: 80px auto 40px;
}

.section-support .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 32px;
    margin: 0 64px;
    border-radius: 16px;
    background: var(--Grey-scale-White, #FFF);
    box-shadow: 0px 3px 20px 0px rgba(58, 61, 112, 0.15);
    padding: 48px 64px;
}

.section-support .container h2 {
    color: var(--Primary-Primary-5, #0070E0);
    margin-bottom: 0;
}

.section-support .container .content {
    max-width: 650px;
}

.section-support .container .content ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.section-support .container .content ul li {
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_18681_50298' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_18681_50298)'%3E%3Cpath d='M7.625 6.4L10.425 2.775C10.625 2.50833 10.8625 2.3125 11.1375 2.1875C11.4125 2.0625 11.7 2 12 2C12.3 2 12.5875 2.0625 12.8625 2.1875C13.1375 2.3125 13.375 2.50833 13.575 2.775L16.375 6.4L20.625 7.825C21.0583 7.95833 21.4 8.20417 21.65 8.5625C21.9 8.92083 22.025 9.31667 22.025 9.75C22.025 9.95 21.9958 10.15 21.9375 10.35C21.8792 10.55 21.7833 10.7417 21.65 10.925L18.9 14.825L19 18.925C19.0167 19.5083 18.825 20 18.425 20.4C18.025 20.8 17.5583 21 17.025 21C16.9917 21 16.8083 20.975 16.475 20.925L12 19.675L7.525 20.925C7.44167 20.9583 7.35 20.9792 7.25 20.9875C7.15 20.9958 7.05833 21 6.975 21C6.44167 21 5.975 20.8 5.575 20.4C5.175 20 4.98333 19.5083 5 18.925L5.1 14.8L2.375 10.925C2.24167 10.7417 2.14583 10.55 2.0875 10.35C2.02917 10.15 2 9.95 2 9.75C2 9.33333 2.12083 8.94583 2.3625 8.5875C2.60417 8.22917 2.94167 7.975 3.375 7.825L7.625 6.4ZM8.85 8.125L4 9.725L7.1 14.2L7 18.975L12 17.6L17 19L16.9 14.2L20 9.775L15.15 8.125L12 4L8.85 8.125Z' fill='%230070E0'/%3E%3Cpath d='M8.85 8.125L4 9.725L7.1 14.2L7 18.975L12 17.6L17 19L16.9 14.2L20 9.775L15.15 8.125L12 4L8.85 8.125Z' fill='%230070E0'/%3E%3C/g%3E%3C/svg%3E%0A") left top no-repeat;
    padding-left: 32px;
    list-style-type: none;
}

@media(max-width: 767px) {
    .section-support {
        padding: 24px;
    }

    .section-support .container {
        padding: 24px;
        margin: 0 16px;
    }
}

.section-plans {
    background: url("data:image/svg+xml,%3Csvg width='1440' height='877' viewBox='0 0 1440 877' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1440' height='877' fill='%23EFF7FF'/%3E%3Cpath d='M86.9037 304.508C90.19 298.753 96.432 295.365 103.013 295.71L103.651 295.756L340.634 316.847C348.683 317.564 355.176 323.693 356.384 331.649L356.437 332.029L384.514 548.576C385.456 555.849 381.764 562.939 375.264 566.336L153.972 681.985C147.675 685.276 140.037 684.424 134.627 679.888L134.11 679.439L-27.6427 532.753C-33.6283 527.324 -35.1087 518.519 -31.2705 511.446L-31.0834 511.11L86.9037 304.508Z' stroke='%23D6EBFF' stroke-width='5'/%3E%3Cpath opacity='0.2' d='M1107.48 91.5854C1112.06 89.6661 1117.28 89.9862 1121.59 92.4517L1318.78 205.109C1324.07 208.132 1327.18 213.899 1326.81 219.982L1314.77 416.205C1314.39 422.288 1310.6 427.631 1304.98 429.984L1095.5 517.684C1090.91 519.603 1085.7 519.283 1081.38 516.817L884.199 404.16C878.907 401.137 875.793 395.37 876.166 389.287L888.209 193.064C888.582 186.981 892.378 181.638 898 179.285L1107.48 91.5854Z' fill='url(%23paint0_linear_18681_48052)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_18681_48052' x1='967.612' y1='296.418' x2='1358.22' y2='320.39' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.191666' stop-color='%236533FC'/%3E%3Cstop offset='0.754166' stop-color='%232AE3F4'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") center center / cover no-repeat;
}

.section-plans .container {
    margin: 0 64px;
    text-align: center;
}

.section-plans .subtitle {
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    margin-bottom: 32px;
}

.section-plans .switcher {
    display: inline-flex;
    margin: 0 auto 40px;
    border-radius: 8px;
    box-shadow: inset 0 0 0 2px var(--Grey-scale-Grey-2, #E9ECEF);
    background: var(--Grey-scale-White, #FFF);
}

.section-plans .switcher button {
    width: 320px;
    line-height: 36px;
    color: var(--Grey-scale-Black, #15181B);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    background: transparent;
    border: 1px solid transparent;
    padding: 4px 8px;
    border-radius: 8px;
    cursor: pointer;
}

.section-plans .switcher button.active {
    color: var(--Primary-Primary-6, #0052A3);
    border: 1px solid var(--Primary-Primary-4, #1F8FFF);
    background: var(--Primary-Primary-1, #D6EBFF);
}

.section-plans .price-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: left;
    gap: 20px;
}

.section-plans .price-list .item {
    width: calc((100% - 40px) / 3);
}

.section-plans .price-list .item .content {
    border-radius: 16px;
    border: 3px solid var(--Grey-scale-White, #FFF);
    background: var(--Grey-scale-White, #FFF);
    box-shadow: 0px 4px 20px 0px rgba(58, 61, 112, 0.25);
    padding: 37px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.section-plans .price-list .item:nth-child(2n+2) .content {
    border: 3px solid #1F8FFF;
}

.section-plans .price-list .item .content h3 {
    color: var(--Grey-scale-Black, #15181B);
    font-size: 40px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 0;
}

.section-plans .price-list .item .content .subtitle {
    margin-bottom: 0;
}

.section-plans .price-list .item .content .button {
    width: 100%;
}

.section-plans .price-list .item .content .price {
    display: none;
    align-items: flex-end;
    gap: 8px;
    color: var(--Grey-scale-Black, #15181B);
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.section-plans .price-list .item .content .practitioner {}

.section-plans .price-list .item .content .practitioner-price {
    color: var(--Grey-scale-Grey-5, #495057);
    text-align: center;
    font-family: "Nunito Sans", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    margin-right: 8px;
}

.section-plans .price-list .item .content .practitioner-text {
    color: var(--Grey-scale-Grey-4, #868E96);
    text-align: center;
    font-family: "Nunito Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    position: relative;
    top: -2px;
}

.section-plans .price-list .item .content .price.active {
    display: flex;
}

.section-plans .price-list .item:nth-child(2n+2) .content .price {
    color: var(--Primary-Primary-5, #0070E0);
}

.section-plans .price-list .item .content .price .text {
    color: var(--Grey-scale-Grey-4, #868E96);
    font-size: 18px;
    font-weight: 700;
    line-height: 130%;
    margin-bottom: 8px;
}

.section-plans .price-list .item .features {
    padding: 24px 40px 0;
}

.section-plans .price-list .item .features h4 {
    color: var(--Grey-scale-Black, #15181B);
    font-size: 20px;
    font-weight: 700;
    line-height: 130%;
    margin-bottom: 16px;
}

.section-plans .price-list .item .features ul {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.section-plans .price-list .item .features ul li {
    background: url('data:image/svg+xml;charset=UTF-8,<svg width=%2224%22 height=%2225%22 viewBox=%220%200%2024%2025%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22><mask id=%22mask0_3320_218644%22 style=%22mask-type:alpha%22 maskUnits=%22userSpaceOnUse%22 x=%220%22 y=%220%22 width=%2224%22 height=%2225%22><rect y=%220.5%22 width=%2224%22 height=%2224%22 fill=%22%23D9D9D9%22/></mask><g mask=%22url(%23mask0_3320_218644)%22><path d=%22M9.54961 18.5001L3.84961 12.8001L5.27461 11.3751L9.54961 15.6501L18.7246 6.4751L20.1496 7.9001L9.54961 18.5001Z%22 fill=%22%2340C057%22/></g></svg>') left top no-repeat;
    padding-left: 28px;
    color: var(--Grey-scale-Black, #15181B);
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
}

@media (max-width: 1199px) {
    .section-plans .price-list .item {
        width: 420px;
    }
}

@media(max-width: 767px) {
    .section-plans {
        background: none;
    }

    .section-plans .container {
        margin: 0 16px;
    }

    .section-plans .subtitle {
        font-size: 14px;
        font-weight: 600;
        line-height: 18.2px;
    }

    .section-plans .price-list {
        flex-direction: column;
    }

    .section-plans .price-list .item {
        width: 100%;
    }

    .section-plans .price-list .item .content {
        padding: 21px;
    }

    .section-plans .price-list .item .content .subtitle {
        font-size: 16px;
    }

    .section-plans .price-list .item .content .button {
        padding: 15px 24px;
    }

    .section-plans .switcher {
        width: 100%;
    }

    .section-plans .switcher button {
        width: 50%;
        font-size: 16px;
    }

    .section-plans .price-list .item .features {
        padding: 16px 16px 0;
    }

    .section-plans .price-list .item .content {
        gap: 16px;
    }

    .section-plans .price-list .item .content h3 {
        font-size: 24px;
    }

    .section-plans .price-list .item .content .price {
        font-size: 40px;
    }

    .section-plans .price-list .item .content .price .text {
        font-size: 14px;
        font-weight: 600;
    }

    .section-plans .price-list .item .features h4 {
        font-size: 18px;
    }

    .section-plans .price-list .item .features ul li {
        font-size: 16px;
    }
}

.section-view-all-features {
    background: var(--Grey-scale-White, #FFF);
    box-shadow: 0px 3px 20px 0px rgba(58, 61, 112, 0.15);
    padding: 48px 0;
}

.section-view-all-features .container {
    display: flex;
    align-items: center;
    gap: 32px;
    margin: 0 64px;
}

.section-view-all-features .container .content {
    width: calc(40% - 32px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
}

.section-view-all-features .container .content h2 {
    color: var(--Primary-Primary-5, #0070E0);
    text-align: left;
}

.section-view-all-features .container .image {
    width: 60%;
}

.section-view-all-features .container .image img {
    width: 100%;
}

@media(max-width: 767px) {
    .section-view-all-features {
        padding: 24px 0;
    }

    .section-view-all-features .container {
        flex-direction: column;
        margin: 0 16px;
    }

    .section-view-all-features .container .content,
    .section-view-all-features .container .image {
        width: 100%;
    }

    .section-view-all-features .container .content .button {
        width: 100%;
    }
}

.section-contacts .container {
    margin: 0 64px;
    padding: 48px 64px 64px;
    border-radius: 16px;
    background: var(--Grey-scale-White, #FFF);
    box-shadow: 0px 3px 20px 0px rgba(58, 61, 112, 0.15);
}

.section-contacts h2 {
    color: var(--Primary-Primary-5, #0070E0);
    margin-bottom: 16px;
}

.section-contacts .subtitle {
    color: var(--Grey-scale-Grey-5, #495057);
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 32px;
}

.section-contacts .wpcf7 {
    max-width: 650px;
    margin: 0 auto;
}

.section-contacts .contact-form {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.section-contacts .contact-form .item {
    width: calc(50% - 8px);
}

.section-contacts .wpcf7 label {
    color: var(--Grey-scale-Grey-5, #495057);
    font-family: "Nunito Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.section-contacts .wpcf7-form.submitting .wpcf7-submit {
    pointer-events: none;
}

.section-contacts .wpcf7-form.sent .wpcf7-response-output {
    display: none;
}

.spamoff {
    display: none;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    display: none;
    justify-content: center;
    align-items: center;
}

.modal.active {
    display: flex;
}

.modal .modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: rgba(21, 24, 27, 0.45);
}

.modal .modal-body {
    max-width: 426px;
    padding: 24px;
    position: relative;
    z-index: 2;
    border-radius: 16px;
    background: var(--Grey-scale-White, #FFF);
    box-shadow: 0px 1px 20px 0px rgba(58, 61, 112, 0.15);
    text-align: center;
}

.modal .modal-body form {
    max-height: calc(95vh - 150px);
    overflow: auto;
}

.modal .modal-body svg {
    margin-bottom: 8px;
}

.modal .modal-body h3 {
    margin-bottom: 16px;
}

.modal .modal-body p {
    margin-bottom: 24px;
}

.modal .modal-body .modal-close.button {
    width: 100%;
    outline-width: 0;
    border-width: 0;
}

.modal .modal-body .modal-close.icon {
    position: absolute;
    display: block;
    border-width: 0;
    outline-width: 0;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 24px;
    right: 24px;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_19011_261059' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_19011_261059)'%3E%3Cpath d='M6.24561 20L4 17.7544L9.77444 11.9799L4 6.24561L6.24561 4L12.0201 9.77444L17.7544 4L20 6.24561L14.2256 11.9799L20 17.7544L17.7544 20L12.0201 14.2256L6.24561 20Z' fill='%2315181B'/%3E%3C/g%3E%3C/svg%3E") center center no-repeat;
    cursor: pointer;
}

.modal .contact-form {
    text-align: left;
}

.modal .button-group p {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.modal form .button-group p br {
    display: none;
}

.modal form .button-group p .button {
    width: calc(50% - 8px);
    min-width: calc(50% - 8px);
    line-height: 40px;
    text-align: center;
    padding: 0 8px;
}

.modal form .button-group p .button[disabled] {
    border-color: #CED4DA;
    background: #CED4DA;
    color: white;
}

.modal form .button-group p .button-white {
    border: 2px solid #CED4DA;
    background: var(--Grey-scale-White, #FFF);
    color: var(--Grey-scale-Black, #15181B);
    line-height: 36px;
    border-width: 2px !important;
}

#modal-waitlist h3,
#modal-waitlist p {
    text-align: left;
}

form p {
    position: relative;
}

.wpcf7-not-valid-tip {
    font-size: 12px;
    position: absolute;
    top: 140%;
    left: 0;
}

#modal-waitlist form p {
    margin-bottom: 24px;
}

#modal-waitlist form {
    display: flex;
    flex-direction: column;
}


#modal-waitlist .wpcf7-response-output {
    order: 1;
    margin: 0 0 24px;
}

#modal-waitlist form .contact-form {
    order: 2;
}

#modal-waitlist .form .button-group {
    order: 3;
}

input,
textarea,
select,
.posts_categories .value {
    width: 100%;
    border-radius: 6px;
    border: 2px solid transparent;
    border-bottom: 2px solid var(--Primary-Primary-2, #9CF);
    background: var(--Primary-Primary-0, #EFF7FF);
    padding: 8px;
    overflow: hidden;
    color: var(--Grey-scale-Black, #15181B);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    transition: 0.3s ease all;
}

input::placeholder,
textarea::placeholder {
    color: var(--Grey-scale-Grey-4, #868E96);
}

select:hover,
select:focus,
input:hover,
input:focus,
textarea:hover,
textarea:focus {
    border-bottom-color: var(--Primary-Primary-5, #0070E0);
    background: var(--Primary-Primary-1, #D6EBFF);
    color: var(--Grey-scale-Grey-5, #495057);
    outline-width: 0;
}

input:hover::placeholder,
input:focus::placeholder,
textarea:hover::placeholder,
textarea:focus::placeholder {
    color: var(--Grey-scale-Grey-5, #495057);
}

form .button {
    border-radius: 6px;
    background: var(--Primary-Primary-4, #1F8FFF);
    width: 25px;
    border-width: 0;
    color: var(--Grey-scale-White, #FFF);
    line-height: 56px;
    padding: 0 24px;
    cursor: pointer;
    float: right;
}

@media (max-width: 1199px) {}

@media(max-width: 767px) {
    .section-contacts .container {
        margin: 0 16px;
        padding: 16px;
    }

    .section-contacts .contact-form .item {
        width: 100%;
    }

    .section-contacts .subtitle {
        font-size: 14px;
        margin-bottom: 16px;
    }

    .section-contacts .wpcf7 .button {
        width: 100%;
        line-height: 48px;
    }

    .modal .modal-body {
        width: 100%;
        max-width: unset;
        position: absolute;
        bottom: -100%;
        border-radius: 16px 16px 0px 0px;
        padding: 16px;
        transition: 0.3s ease all;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .modal.active .modal-body {
        bottom: 0;
    }

    .modal .modal-body>* {
        max-width: 426px;
    }

    .modal .modal-body p {
        margin-bottom: 8px;
    }
}

footer {
    background: var(--Primary-Primary-6, #0052A3);
    color: white;
    padding: 16px 0;
}

footer .container {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--Grey-scale-White, #FFF);
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

footer .container ul {
    display: flex;
    list-style-type: none;
    gap: 16px;
}

footer .container ul li a {
    color: var(--Grey-scale-White, #FFF);
    text-decoration: none;
}

@media (max-width: 1199px) {
    footer .container {
        margin: 0 64px;
    }
}

@media(max-width: 767px) {
    footer .container {
        flex-direction: column-reverse;
        gap: 16px;
    }
}

.section-comparison .container {
    margin: 0 64px;
}

.section-comparison .table {
    width: 100%;
    border-radius: 16px;
    background: var(--Grey-scale-White, #FFF);
    box-shadow: 0px 3px 20px 0px rgba(58, 61, 112, 0.15);
    text-align: left;
    overflow: auto;
    border: 8px solid white;
}

.section-comparison table {
    width: 100%;
    border-radius: 8px;
    outline: 1px solid var(--Primary-Primary-1, #D6EBFF);
}

.section-comparison table thead {
    background: var(--Primary-Primary-0, #EFF7FF);
}

.section-comparison table td {
    color: var(--Grey-scale-Black, #15181B);
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    padding: 16px;
    outline: 0.5px solid var(--Primary-Primary-1, #D6EBFF);
    text-align: center;
}


.section-comparison table td .flex {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.section-comparison table td:first-child {
    font-weight: 700;
    text-align: left;
}

.section-comparison table th {
    color: var(--Grey-scale-Grey-5, #495057);
    font-size: 18px;
    font-weight: 700;
    line-height: 130%;
    padding: 16px;
    outline: 0.5px solid var(--Primary-Primary-1, #D6EBFF);
    text-align: center;
}

.section-comparison table th:first-child {
    text-align: left;
}

@media(max-width: 767px) {
    .section-comparison table th, .section-comparison table td {
        width: 180px;
        min-width: 180px;
        max-width: 180px;
    }

    .section-comparison table th:nth-child(4n+1), .section-comparison table td:nth-child(4n+1) {
        width: 130px;
        min-width: 130px;
        max-width: 130px;
    }
}

@media(max-width: 991px) {
    .section-comparison .container {
        margin: 0 16px;
    }
}

.section-guide {
    padding: 32px 0 48px;
}

.section-guide h1 {
    font-size: 40px;
    font-weight: 700;
    line-height: 120%;
}

.section-guide .container {
    margin: 0 64px;
}

.section-guide .container .content {
    width: calc(100% - 240px);
    padding: 32px;
    border-radius: 16px;
    background: var(--Grey-scale-White, #FFF);
    box-shadow: 0px 3px 20px 0px rgba(58, 61, 112, 0.15);
}

.section-guide .container .content h2 {
    text-align: left;
}

.section-guide .container .content h3 {
    font-size: 32px;
    font-weight: 700;
    line-height: 38.4px;
    text-align: left;
    margin-bottom: 16px;
}

.section-guide .container .content img {
    width: 100%;
    margin: 32px 0;
}

.section-guide .guide {
    display: flex;
    gap: 20px;
}

.section-guide .guide_menu {
    min-width: 220px;
    width: 20%;
}

.section-guide .guide_menu ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.section-guide .guide_menu ul li {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.section-guide .guide_menu ul li.dropdown>a {
    position: relative;
    padding-right: 32px;
}

.section-guide .guide_menu ul li.dropdown>ul {
    display: none;
    height: 0;
    overflow: hidden;
    padding-left: 16px;
    transition: 0.3s ease all;
}

.section-guide .guide_menu ul li.dropdown.active>ul {
    display: flex;
    height: auto;
}

.section-guide .guide_menu ul li.dropdown>a::after {
    content: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cmask%20id%3D%22mask0_8645_10654%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22/%3E%3C/mask%3E%3Cg%20mask%3D%22url(%23mask0_8645_10654)%22%3E%3Cpath%20d%3D%22M12%2015L7%2010H17L12%2015Z%22%20fill%3D%22%23495057%22/%3E%3C/g%3E%3C/svg%3E');
    position: absolute;
    width: 24px;
    height: 24px;
    top: 0;
    right: 0;
    transition: 0.3s ease all;
}

.section-guide .guide_menu ul li.dropdown.active>a::after {
    transform: rotate(-180deg);
}

.section-guide .guide_menu ul a {
    font-size: 20px;
    font-weight: 600;
    line-height: 130%;
    color: var(--Grey-scale-Grey-5, #495057);
    text-decoration: none;
}

.section-guide .button-guides,
.section-guide .guide-title {
    display: none;
}

.section-guide .button-guides {
    width: 100%;
    color: var(--Grey-scale-Grey-5, #495057);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    border-radius: 6px;
    border: 2px solid var(--Grey-scale-Grey-3, #CED4DA);
    background: var(--Grey-scale-White, #FFF);
    padding: 10px 8px;
    text-align: left;
    position: relative;
}

.section-guide .button-guides::after {
    content: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cmask%20id%3D%22mask0_8645_12482%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23D9D9D9%22/%3E%3C/mask%3E%3Cg%20mask%3D%22url(%23mask0_8645_12482)%22%3E%3Cpath%20d%3D%22M15.9997%2020.0002L9.33301%2013.3335H22.6663L15.9997%2020.0002Z%22%20fill%3D%22%23495057%22/%3E%3C/g%3E%3C/svg%3E');
    position: absolute;
    right: 8px;
    top: calc(50% - 16px);
}

@media(max-width: 991px) {
    .section-guide {
        padding: 16px 0 24px;
    }

    .section-guide h1 {
        font-size: 32px;
        line-height: 38.4px;
        text-align: left;
    }

    .section-guide .container {
        margin: 0 16px;
    }

    .section-guide .guide {
        flex-direction: column;
    }

    .section-guide .button-guides {
        display: block;
    }

    .section-guide .guide_menu {
        padding: 8px 16px;
        border-radius: 16px 16px 0px 0px;
        background: #FFF;
        display: none;
        flex-direction: column;
        gap: 8px;
        position: fixed;
        width: 100%;
        max-height: 100vh;
        overflow: auto;
        bottom: -100%;
        left: 0;
        right: 0;
        z-index: 100;
        transition: 0.3s ease all;
    }

    .section-guide .guide_menu.active {
        display: flex;
        bottom: 0;
    }

    .section-guide .guide-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .section-guide .guide-title span {
        color: var(--Grey-scale-Grey-5, #495057);
        font-size: 20px;
        font-weight: 700;
        line-height: 48px;
    }

    .section-guide .guide-title .button-close {
        width: 40px;
        height: 40px;
        border-width: 0;
        outline-width: 0;
        background: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cmask%20id%3D%22mask0_8645_12531%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22/%3E%3C/mask%3E%3Cg%20mask%3D%22url(%23mask0_8645_12531)%22%3E%3Cpath%20d%3D%22M6.24561%2020L4%2017.7544L9.77444%2011.9799L4%206.24561L6.24561%204L12.0201%209.77444L17.7544%204L20%206.24561L14.2256%2011.9799L20%2017.7544L17.7544%2020L12.0201%2014.2256L6.24561%2020Z%22%20fill%3D%22%23495057%22/%3E%3C/g%3E%3C/svg%3E') center center no-repeat;
    }

    .section-guide .container .content {
        width: 100%;
    }

    .section-guide .container .content h3 {
        font-size: 24px;
        line-height: 31.2px;
        margin-bottom: 8px;
    }

    .section-guide .guide_menu ul a {
        font-size: 16px;
        line-height: 150%;
    }
}


.form_search {
    display: flex;
    gap: 8px;
    margin-bottom: 32px;
}

.quick_search input {
    background: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cmask%20id%3D%22mask0_11001_3833%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22/%3E%3C/mask%3E%3Cg%20mask%3D%22url(%23mask0_11001_3833)%22%3E%3Cpath%20d%3D%22M19.6%2021L13.3%2014.7C12.8%2015.1%2012.225%2015.4167%2011.575%2015.65C10.925%2015.8833%2010.2333%2016%209.5%2016C7.68333%2016%206.14583%2015.3708%204.8875%2014.1125C3.62917%2012.8542%203%2011.3167%203%209.5C3%207.68333%203.62917%206.14583%204.8875%204.8875C6.14583%203.62917%207.68333%203%209.5%203C11.3167%203%2012.8542%203.62917%2014.1125%204.8875C15.3708%206.14583%2016%207.68333%2016%209.5C16%2010.2333%2015.8833%2010.925%2015.65%2011.575C15.4167%2012.225%2015.1%2012.8%2014.7%2013.3L21%2019.6L19.6%2021ZM9.5%2014C10.75%2014%2011.8125%2013.5625%2012.6875%2012.6875C13.5625%2011.8125%2014%2010.75%2014%209.5C14%208.25%2013.5625%207.1875%2012.6875%206.3125C11.8125%205.4375%2010.75%205%209.5%205C8.25%205%207.1875%205.4375%206.3125%206.3125C5.4375%207.1875%205%208.25%205%209.5C5%2010.75%205.4375%2011.8125%206.3125%2012.6875C7.1875%2013.5625%208.25%2014%209.5%2014Z%22%20fill%3D%22%2315181B%22/%3E%3C/g%3E%3C/svg%3E') 8px center no-repeat, linear-gradient(to right, white, white);
    padding-left: 40px;
    height: 100%;
}

.form_search button {
    min-width: 200px;
    border-color: var(--Primary-Primary-4, #1F8FFF);
}

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

.quick_search .search-container {
    position: absolute;
    top: 110%;
    left: 0;
    width: 100%;
    border-radius: 6px;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(58, 61, 112, 0.25);
    display: none;
    padding: 4px 4px 8px 4px;
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    z-index: 1;
}

.form_search .quick_search .search-container.active {
    display: flex;
}

.form_search .quick_search .search-container a {
    display: flex;
    width: 100%;
    align-items: flex-start;
    gap: 8px;
    padding: 8px 16px 8px 48px;
    background: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cmask%20id%3D%22mask0_12001_6208%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22/%3E%3C/mask%3E%3Cg%20mask%3D%22url(%23mask0_12001_6208)%22%3E%3Cpath%20d%3D%22M14.4%2018L13.26%2016.8L16.94%2012.8571H4V11.1429H16.94L13.28%207.2L14.4%206L20%2012L14.4%2018Z%22%20fill%3D%22%2315181B%22/%3E%3C/g%3E%3C/svg%3E') 16px center no-repeat;
    color: var(--Grey-scale-Black, #15181B);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    text-decoration: none;
}

@media(max-width: 991px) {
    .form_search .quick_search .search-container {
        width: 100vw;
        background: var(--Primary-Primary-0, #EFF7FF);
        box-shadow: unset;
        height: calc(100vh - 180px);
        left: -16px;
        padding: 16px;
    }

    .form_search input {
        height: 48px;
    }

    .form_search button,
    .button_search_posts {
        min-width: 60px;
        padding: 8px 24px;
        line-height: 20px;
        background: var(--Primary-Primary-4, #1F8FFF);
    }

    .form_search button::before,
    .button_search_posts::before {
        content: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cmask%20id%3D%22mask0_11034_2916%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22/%3E%3C/mask%3E%3Cg%20mask%3D%22url(%23mask0_11034_2916)%22%3E%3Cpath%20d%3D%22M19.6%2021L13.3%2014.7C12.8%2015.1%2012.225%2015.4167%2011.575%2015.65C10.925%2015.8833%2010.2333%2016%209.5%2016C7.68333%2016%206.14583%2015.3708%204.8875%2014.1125C3.62917%2012.8542%203%2011.3167%203%209.5C3%207.68333%203.62917%206.14583%204.8875%204.8875C6.14583%203.62917%207.68333%203%209.5%203C11.3167%203%2012.8542%203.62917%2014.1125%204.8875C15.3708%206.14583%2016%207.68333%2016%209.5C16%2010.2333%2015.8833%2010.925%2015.65%2011.575C15.4167%2012.225%2015.1%2012.8%2014.7%2013.3L21%2019.6L19.6%2021ZM9.5%2014C10.75%2014%2011.8125%2013.5625%2012.6875%2012.6875C13.5625%2011.8125%2014%2010.75%2014%209.5C14%208.25%2013.5625%207.1875%2012.6875%206.3125C11.8125%205.4375%2010.75%205%209.5%205C8.25%205%207.1875%205.4375%206.3125%206.3125C5.4375%207.1875%205%208.25%205%209.5C5%2010.75%205.4375%2011.8125%206.3125%2012.6875C7.1875%2013.5625%208.25%2014%209.5%2014Z%22%20fill%3D%22white%22/%3E%3C/g%3E%3C/svg%3E');
        position: relative;
        top: 2px;
        left: -2px;
    }

    .form_search button span {
        display: none;
    }
}

header {
    background: var(--Grey-scale-White, #FFF);
    padding: 20px 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5;
}

header .container {
    margin: 0 64px;
    display: flex;
    justify-content: space-between;
}

header .button-group {
    display: flex;
    min-width: 270px;
    justify-content: flex-end;
    gap: 16px;
}

header .button-group .button {
    min-width: 150px;
    height: 40px;
    padding: 9px 13px;
    display: flex;
    justify-content: center;
    align-items: center;
}

header nav {
    display: flex;
    align-items: center;
    gap: 64px;
}

header nav .menu {
    list-style-type: none;
    display: flex;
    gap: 24px;
    font-size: 18px;
    font-weight: 700;
    line-height: 130%;
}

header nav .menu a {
    color: var(--Grey-scale-Grey-4, #868E96);
    text-decoration: none;
    padding: 4px;
}

header nav .menu .dropdown a {
    border-radius: 4px;
    position: relative;
    padding-right: 28px;
    transition: 0.3s ease all;
}

header nav .menu .dropdown a:hover {
    color: var(--Grey-scale-Black, #15181B);
    background: var(--Primary-Primary-1, #D6EBFF);
}

header nav .menu .dropdown>a::after {
    content: "";
    background: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_21457_121200' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='25' height='24'%3E%3Crect x='0.5' width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_21457_121200)'%3E%3Cpath d='M12.5 15L7.5 10H17.5L12.5 15Z' fill='%23495057'/%3E%3C/g%3E%3C/svg%3E") center center no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0;
    top: calc(50% - 12px);
    transition: 0.3s ease all;
}

header nav .menu .dropdown.active>a::after {
    transform: rotate(-180deg);
}

header nav .menu li {
    position: relative;
    white-space: nowrap;
}

header nav .menu li ul {
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    padding: 4px 4px 8px;
    list-style-type: none;
    flex-direction: column;
    margin: 0;
    min-width: 250px;
    border-radius: 6px;
    background: var(--Grey-scale-White, #FFF);
    box-shadow: 0 1px 20px 0 rgba(58, 93, 112, 0.15);
}

header nav .menu li.active ul {
    display: flex;
}

header nav .menu li ul li {
    margin: 0;
    padding: 0;
}

header nav .menu li ul li a {
    display: block;
    padding: 0 16px;
    line-height: 40px;
    color: var(--Grey-scale-Grey-5, #495057);
    font-family: "Nunito Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

header nav .menu li.active ul li a {
    color: var(--Grey-scale-Grey-5, #495057);
}

header nav .menu .active a {
    color: #0070E0;
}

header .wpml-ls-legacy-dropdown-click {
    width: auto;
    display: flex;
    align-items: center;
}

.wpml-ls-legacy-dropdown-click a {
    color: var(--Grey-scale-Grey-4, #868E96);
    font-size: 18px;
    font-weight: 700;
    line-height: 130%;
}


.wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a, .wpml-ls-legacy-dropdown-click a:focus, .wpml-ls-legacy-dropdown-click a:hover {
    border-radius: 4px;
    background: var(--Primary-Primary-1, #D6EBFF);
}

.wpml-ls-legacy-dropdown-click a {
    padding: 8px 16px
}

.wpml-ls-legacy-dropdown-click a:focus,
.wpml-ls-legacy-dropdown-click a:hover {}

.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
    content: url('data:image/svg+xml;charset=UTF-8,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220%200%2024%2024%22 fill=%22none%22><mask id=%22mask0_11001_4418%22 style=%22mask-type:alpha%22 maskUnits=%22userSpaceOnUse%22 x=%220%22 y=%220%22 width=%2224%22 height=%2224%22><rect width=%2224%22 height=%2224%22 fill=%22%23D9D9D9%22/></mask><g mask=%22url(%23mask0_11001_4418)%22><path d=%22M12 15L7 10H17L12 15Z%22 fill=%22%23495057%22/></g></svg>');
    width: 24px;
    height: 24px;
    border-width: 0;
    top: calc(50% - 12px);
    right: 4px;
}

header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle {
    padding: 4px;
    padding-right: 32px;
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
    width: 109px;
    border-radius: 6px;
    background: #FFF;
    box-shadow: 0px 1px 20px 0px rgba(58, 93, 112, 0.15);
    padding: 4px 4px 8px;
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a {
    border-width: 0;
}

.wpml-ls-legacy-dropdown-click .wpml-ls-flag+span {
    margin-left: 8px;
}

header .wpml-ls-legacy-dropdown-click * {
    border-width: 0;
}

header .button-menu {
    display: none;
}

header .container-menu {
    display: flex;
    justify-content: space-between;
    gap: 64px;
    width: 100%;
}

header .container-logo {
    min-width: 270px;
}

@media(max-width: 1199px) {
    header {
        padding: 8px 0;
        height: 59px;
        transition: 0.3s ease all;
        overflow: hidden;
    }

    header.active {
        height: 100vh;
    }

    header .container {
        margin: 0;
        flex-direction: column;
    }

    header .container .fantom {
        display: none;
    }

    header .container-logo {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 16px;
        min-width: unset;
    }

    header nav .menu {
        flex-direction: column;
        gap: 24px;
    }

    header .button-menu {
        display: block;
        width: 32px;
        height: 32px;
        background: url('data:image/svg+xml;charset=UTF-8,<svg width=%2232%22 height=%2232%22 viewBox=%220%200%2032%2032%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22><mask id=%22mask0_11001_5746%22 style=%22mask-type:alpha%22 maskUnits=%22userSpaceOnUse%22 x=%220%22 y=%220%22 width=%2232%22 height=%2232%22><rect width=%2232%22 height=%2232%22 fill=%22%23D9D9D9%22/></mask><g mask=%22url(%23mask0_11001_5746)%22><path d=%22M4%2024V21.3333H28V24H4ZM4%2017.3333V14.6667H28V17.3333H4ZM4%2010.6667V8H28V10.6667H4Z%22 fill=%22%2315181B%22/></g></svg>') center center no-repeat;
        border-width: 0;
        outline-width: 0;
        transition: 0.3s ease all;
    }

    header.active .button-menu {
        background-image: url('data:image/svg+xml;charset=UTF-8,<svg width=%2232%22 height=%2232%22 viewBox=%220%200%2032%2032%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22><mask id=%22mask0_11001_5890%22 style=%22mask-type:alpha%22 maskUnits=%22userSpaceOnUse%22 x=%220%22 y=%220%22 width=%2232%22 height=%2232%22><rect width=%2232%22 height=%2232%22 fill=%22%23D9D9D9%22/></mask><g mask=%22url(%23mask0_11001_5890)%22><path d=%22M8.32765%2026.6668L5.3335%2023.6727L13.0327%2015.9734L5.3335%208.32765L8.32765%205.3335L16.0269%2013.0327L23.6727%205.3335L26.6668%208.32765L18.9676%2015.9734L26.6668%2023.6727L23.6727%2026.6668L16.0269%2018.9676L8.32765%2026.6668Z%22 fill=%22%2315181B%22/></g></svg>');
        transform: rotate(-180deg);
    }

    header .button-group {
        justify-content: flex-start;
        flex-direction: column;
    }

    header .container-menu {
        display: flex;
        width: 100%;
        height: calc(100vh - 59px);
        flex-direction: column;
        justify-content: flex-start;
        padding: 16px;
    }

    header nav .menu {
        width: 100%;
    }

    header nav .menu li {
        width: 100%;
    }

    header nav .menu a {
        display: block;
        width: 100%;
    }

    header nav .menu li ul {
        position: static;
        top: 0;
        left: 0;
        border-radius: 0;
        box-shadow: none;
        background: transparent;
    }

    header .wpml-ls-legacy-dropdown-click,
    header .wpml-ls-legacy-dropdown-click ul,
    header .wpml-ls-legacy-dropdown-click ul li {
        width: 100%;
    }

    .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
        position: unset;
        display: none;
        width: 100%;
        background: transparent;
        box-shadow: unset;
        border-top-width: 0;
        padding: 0;
    }

    .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu[style="visibility: visible;"] {
        display: block;
    }

    header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle {
        padding: 8px 32px 8px 16px;
    }

    .wpml-ls-legacy-dropdown-click a {
        background: transparent;
        padding: 8px 16px;
    }
}

.section-search .container {
    margin: 0 64px;
}

.section-search .search-results-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.section-search article {
    display: flex;
    padding: 32px 32px 24px 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    border-radius: 16px;
    background: var(--Grey-scale-White, #FFF);
    box-shadow: 0px 3px 20px 0px rgba(58, 61, 112, 0.15);
}

.section-search article h2 {
    color: var(--Primary-Primary-6, #0052A3);
    font-size: 32px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 0;
}

.section-search article .description {
    color: var(--Grey-scale-Black, #15181B);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.section-search article a {
    display: flex;
    width: 200px;
    height: 48px;
    padding: 12px 8px;
    align-items: center;
    gap: 4px;
    text-decoration: none;
}

.section-search article a svg {
    display: flex;
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
}

.section-search article a span {
    color: var(--Primary-Primary-4, #1F8FFF);
    font-size: 18px;
    font-weight: 600;
    line-height: 100%;
}

.section-search h1 {
    color: var(--Grey-scale-Black, #15181B);
    font-size: 32px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 21px;
}

.section-search .no-results {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 96px 0;
}

.section-search .no-results h2 {
    color: var(--Grey-scale-Grey-5, #495057);
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}

@media(max-width: 991px) {
    .section-search .container {
        margin: 0 16px;
    }

    .section-search article h2 {
        font-size: 24px;
        font-weight: 700;
        line-height: 130%;
    }

    .section-search article .description {
        font-size: 16px;
    }

    .section-search article a span {
        font-size: 18px;
    }

    .section-search article a {
        width: 100%;
        justify-content: center;
    }
}

.back {
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_25002_7998' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_25002_7998)'%3E%3Cpath d='M7.825 13L13.425 18.6L12 20L4 12L12 4L13.425 5.4L7.825 11H20V13H7.825Z' fill='%231F8FFF'/%3E%3C/g%3E%3C/svg%3E") left center no-repeat;
    padding-left: 28px;
    color: var(--Primary-Primary-4, #1F8FFF);
    font-family: "Nunito Sans", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    text-decoration: none;
    margin-bottom: 18px;
}

.post-categories {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px 12px;
}

.post-categories .item {
    display: inline-block;
    color: var(--System-Violet-Dark, #6533FC);
    font-family: "Nunito Sans", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    padding: 2px 5px;
    border-radius: 8px;
    background: var(--BG-BG-Violet, #DFD3FF);
}

.post-data {
    display: flex;
    flex-direction: row;
    gap: 8px;
    flex-wrap: wrap;
    font-family: "Nunito Sans", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    color: var(--Grey-scale-Grey-4, #868E96);
}

.post-data .date {
    display: inline-block;
    align-items: center;
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_22249_61862' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_22249_61862)'%3E%3Cpath d='M4.16667 18.3337C3.70833 18.3337 3.31597 18.1705 2.98958 17.8441C2.66319 17.5177 2.5 17.1253 2.5 16.667V5.00033C2.5 4.54199 2.66319 4.14963 2.98958 3.82324C3.31597 3.49685 3.70833 3.33366 4.16667 3.33366H5V1.66699H6.66667V3.33366H13.3333V1.66699H15V3.33366H15.8333C16.2917 3.33366 16.684 3.49685 17.0104 3.82324C17.3368 4.14963 17.5 4.54199 17.5 5.00033V16.667C17.5 17.1253 17.3368 17.5177 17.0104 17.8441C16.684 18.1705 16.2917 18.3337 15.8333 18.3337H4.16667ZM4.16667 16.667H15.8333V8.33366H4.16667V16.667ZM4.16667 6.66699H15.8333V5.00033H4.16667V6.66699ZM10 11.667C9.76389 11.667 9.56597 11.5871 9.40625 11.4274C9.24653 11.2677 9.16667 11.0698 9.16667 10.8337C9.16667 10.5975 9.24653 10.3996 9.40625 10.2399C9.56597 10.0802 9.76389 10.0003 10 10.0003C10.2361 10.0003 10.434 10.0802 10.5938 10.2399C10.7535 10.3996 10.8333 10.5975 10.8333 10.8337C10.8333 11.0698 10.7535 11.2677 10.5938 11.4274C10.434 11.5871 10.2361 11.667 10 11.667ZM6.66667 11.667C6.43056 11.667 6.23264 11.5871 6.07292 11.4274C5.91319 11.2677 5.83333 11.0698 5.83333 10.8337C5.83333 10.5975 5.91319 10.3996 6.07292 10.2399C6.23264 10.0802 6.43056 10.0003 6.66667 10.0003C6.90278 10.0003 7.10069 10.0802 7.26042 10.2399C7.42014 10.3996 7.5 10.5975 7.5 10.8337C7.5 11.0698 7.42014 11.2677 7.26042 11.4274C7.10069 11.5871 6.90278 11.667 6.66667 11.667ZM13.3333 11.667C13.0972 11.667 12.8993 11.5871 12.7396 11.4274C12.5799 11.2677 12.5 11.0698 12.5 10.8337C12.5 10.5975 12.5799 10.3996 12.7396 10.2399C12.8993 10.0802 13.0972 10.0003 13.3333 10.0003C13.5694 10.0003 13.7674 10.0802 13.9271 10.2399C14.0868 10.3996 14.1667 10.5975 14.1667 10.8337C14.1667 11.0698 14.0868 11.2677 13.9271 11.4274C13.7674 11.5871 13.5694 11.667 13.3333 11.667ZM10 15.0003C9.76389 15.0003 9.56597 14.9205 9.40625 14.7607C9.24653 14.601 9.16667 14.4031 9.16667 14.167C9.16667 13.9309 9.24653 13.733 9.40625 13.5732C9.56597 13.4135 9.76389 13.3337 10 13.3337C10.2361 13.3337 10.434 13.4135 10.5938 13.5732C10.7535 13.733 10.8333 13.9309 10.8333 14.167C10.8333 14.4031 10.7535 14.601 10.5938 14.7607C10.434 14.9205 10.2361 15.0003 10 15.0003ZM6.66667 15.0003C6.43056 15.0003 6.23264 14.9205 6.07292 14.7607C5.91319 14.601 5.83333 14.4031 5.83333 14.167C5.83333 13.9309 5.91319 13.733 6.07292 13.5732C6.23264 13.4135 6.43056 13.3337 6.66667 13.3337C6.90278 13.3337 7.10069 13.4135 7.26042 13.5732C7.42014 13.733 7.5 13.9309 7.5 14.167C7.5 14.4031 7.42014 14.601 7.26042 14.7607C7.10069 14.9205 6.90278 15.0003 6.66667 15.0003ZM13.3333 15.0003C13.0972 15.0003 12.8993 14.9205 12.7396 14.7607C12.5799 14.601 12.5 14.4031 12.5 14.167C12.5 13.9309 12.5799 13.733 12.7396 13.5732C12.8993 13.4135 13.0972 13.3337 13.3333 13.3337C13.5694 13.3337 13.7674 13.4135 13.9271 13.5732C14.0868 13.733 14.1667 13.9309 14.1667 14.167C14.1667 14.4031 14.0868 14.601 13.9271 14.7607C13.7674 14.9205 13.5694 15.0003 13.3333 15.0003Z' fill='%23868E96'/%3E%3C/g%3E%3C/svg%3E") left -1px no-repeat;
    padding-left: 24px;
    line-height: 20px;
}

.post-data .author {
    display: inline-block;
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_22249_61866' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_22249_61866)'%3E%3Cpath d='M10.0007 9.99967C9.08398 9.99967 8.29926 9.67329 7.64648 9.02051C6.99371 8.36773 6.66732 7.58301 6.66732 6.66634C6.66732 5.74967 6.99371 4.96495 7.64648 4.31217C8.29926 3.6594 9.08398 3.33301 10.0007 3.33301C10.9173 3.33301 11.702 3.6594 12.3548 4.31217C13.0076 4.96495 13.334 5.74967 13.334 6.66634C13.334 7.58301 13.0076 8.36773 12.3548 9.02051C11.702 9.67329 10.9173 9.99967 10.0007 9.99967ZM3.33398 16.6663V14.333C3.33398 13.8608 3.45551 13.4268 3.69857 13.0309C3.94162 12.6351 4.26454 12.333 4.66732 12.1247C5.52843 11.6941 6.40343 11.3712 7.29232 11.1559C8.18121 10.9406 9.08398 10.833 10.0007 10.833C10.9173 10.833 11.8201 10.9406 12.709 11.1559C13.5979 11.3712 14.4729 11.6941 15.334 12.1247C15.7368 12.333 16.0597 12.6351 16.3027 13.0309C16.5458 13.4268 16.6673 13.8608 16.6673 14.333V16.6663H3.33398ZM5.00065 14.9997H15.0007V14.333C15.0007 14.1802 14.9625 14.0413 14.8861 13.9163C14.8097 13.7913 14.709 13.6941 14.584 13.6247C13.834 13.2497 13.077 12.9684 12.3132 12.7809C11.5493 12.5934 10.7784 12.4997 10.0007 12.4997C9.22287 12.4997 8.45204 12.5934 7.68815 12.7809C6.92426 12.9684 6.16732 13.2497 5.41732 13.6247C5.29232 13.6941 5.19162 13.7913 5.11523 13.9163C5.03885 14.0413 5.00065 14.1802 5.00065 14.333V14.9997ZM10.0007 8.33301C10.459 8.33301 10.8513 8.16981 11.1777 7.84342C11.5041 7.51704 11.6673 7.12467 11.6673 6.66634C11.6673 6.20801 11.5041 5.81565 11.1777 5.48926C10.8513 5.16287 10.459 4.99967 10.0007 4.99967C9.54232 4.99967 9.14996 5.16287 8.82357 5.48926C8.49718 5.81565 8.33398 6.20801 8.33398 6.66634C8.33398 7.12467 8.49718 7.51704 8.82357 7.84342C9.14996 8.16981 9.54232 8.33301 10.0007 8.33301Z' fill='%23868E96'/%3E%3C/g%3E%3C/svg%3E") left -1px no-repeat;
    padding-left: 24px;
    margin-left: 8px;
    line-height: 20px;
    position: relative;
}


.post-data .readtime {
    display: inline-block;
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_22249_62727' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_22249_62727)'%3E%3Cpath d='M12.7493 13.917L13.916 12.7503L10.8327 9.66699V5.83366H9.16602V10.3337L12.7493 13.917ZM9.99935 18.3337C8.84657 18.3337 7.76324 18.1149 6.74935 17.6774C5.73546 17.2399 4.85352 16.6462 4.10352 15.8962C3.35352 15.1462 2.75977 14.2642 2.32227 13.2503C1.88477 12.2364 1.66602 11.1531 1.66602 10.0003C1.66602 8.84755 1.88477 7.76421 2.32227 6.75033C2.75977 5.73644 3.35352 4.85449 4.10352 4.10449C4.85352 3.35449 5.73546 2.76074 6.74935 2.32324C7.76324 1.88574 8.84657 1.66699 9.99935 1.66699C11.1521 1.66699 12.2355 1.88574 13.2493 2.32324C14.2632 2.76074 15.1452 3.35449 15.8952 4.10449C16.6452 4.85449 17.2389 5.73644 17.6764 6.75033C18.1139 7.76421 18.3327 8.84755 18.3327 10.0003C18.3327 11.1531 18.1139 12.2364 17.6764 13.2503C17.2389 14.2642 16.6452 15.1462 15.8952 15.8962C15.1452 16.6462 14.2632 17.2399 13.2493 17.6774C12.2355 18.1149 11.1521 18.3337 9.99935 18.3337ZM9.99935 16.667C11.8466 16.667 13.4195 16.0177 14.7181 14.7191C16.0167 13.4205 16.666 11.8475 16.666 10.0003C16.666 8.1531 16.0167 6.58019 14.7181 5.28158C13.4195 3.98296 11.8466 3.33366 9.99935 3.33366C8.15213 3.33366 6.57921 3.98296 5.2806 5.28158C3.98199 6.58019 3.33268 8.1531 3.33268 10.0003C3.33268 11.8475 3.98199 13.4205 5.2806 14.7191C6.57921 16.0177 8.15213 16.667 9.99935 16.667Z' fill='%23868E96'/%3E%3C/g%3E%3C/svg%3E") left -1px no-repeat;
    padding-left: 24px;
    margin-left: 8px;
    line-height: 20px;
    position: relative;
}

.post-data .author::before {
    content: "";
    position: absolute;
    top: 4px;
    left: -8px;
    width: 2px;
    height: 12px;
    background: #CED4DA;
}

.section-single-header {
    padding: 8px 0 24px;
}

.section-single-header .container {
    margin: 0 16px;
    display: flex;
    flex-direction: column-reverse;
    gap: 24px;
}

.section-single-header .container .image {
    width: 100%;
    aspect-ratio: 344 / 275;
    border-radius: 16px;
    overflow: hidden;
}

.section-single-header .container .image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


.section-single-header .container .content {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.section-single-header .container .content h1 {
    margin-bottom: 0;
}

.section-single-header .container .content p {
    color: var(--Grey-scale-Black, #15181B);
    font-size: 18px;
    font-weight: 700;
    line-height: 130%;
}

@media(min-width: 768px) {
    .section-single-header {
        padding: 16px 0 48px;
    }

    .section-single-header .container {
        margin: 0 64px;
    }
}

@media(min-width: 992px) {
    .section-single-header .container {
        flex-direction: row;
        gap: 32px;
    }

    .section-single-header .container .image {
        width: 50%;
        aspect-ratio: 7 / 5;
    }

    .section-single-header .container .content {
        width: calc(50% - 32px);
    }

    .section-single-header .container .content h1 {
        font-size: 40px;
    }

    .section-single-header .container .content p {
        font-weight: 600;
        line-height: 150%;
    }
}

@media(min-width: 1200px) {
    .section-single-header .container {
        flex-direction: row;
        gap: 72px;
    }

    .section-single-header .container .image {
        width: 50%;
    }

    .section-single-header .container .content {
        width: calc(50% - 72px);
    }
}

.section-single {
    padding: 0 0 24px;
}

.section-single .container {
    border-radius: 16px;
    background: var(--Grey-scale-White, #FFF);
    box-shadow: 0 3px 20px 0 rgba(58, 61, 112, 0.15);
    margin: 0 16px;
    max-width: 870px;
    color: var(--Grey-scale-Black, #15181B);
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px;
}

.section-single h2 {
    text-align: unset;
    margin-bottom: 0;
}

.section-single ul,
.section-single ol {
    padding-left: 24px;
}

.section-single blockquote {
    color: var(--Primary-Primary-6, #0052A3);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    padding: 12px 0 12px 20px;
    border-left: 4px solid #0070E0;
    margin: 8px 0;
    max-width: 760px;
}

.section-single img {
    margin: 8px 0;
    border-radius: 16px;
}

@media(min-width: 768px) {
    .section-single {
        padding: 0 0 80px;
    }
}

@media(min-width: 900px) {
    .section-single .container {
        margin: 0 auto;
        background: transparent;
        box-shadow: none;
        border-radius: 0;
        gap: 24px;
        padding: 0;
    }

    .section-single blockquote {
        font-size: 20px;
        font-weight: 600;
        padding: 16px 0 16px 32px;
    }
}

.section-blog {
    padding: 16px 0 24px;
}

.section-blog .container {
    margin: 0 16px;
}

.section-blog .container h1 {
    color: var(--Grey-scale-Black, #15181B);
    font-family: "Nunito Sans", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 16px;
    text-align: center;
}

.section-blog .container-posts {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.section-blog .container-posts .post {
    width: 100%;
    display: flex;
    padding: 16px 16px 8px 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    border-radius: 16px;
    background: var(--Grey-scale-White, #FFF);
    box-shadow: 0 3px 20px 0 rgba(58, 61, 112, 0.15);
}

.section-blog .container-posts .post .image {
    width: 100%;
    display: block;
    aspect-ratio: 3 / 2;
    border-radius: 12px;
    overflow: hidden;
}

.section-blog .container-posts .post .image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.section-blog .container-posts .post a {
    text-decoration: none;
}

.section-blog .container-posts .post h2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    text-decoration: none;
    text-align: left;
    color: var(--Primary-Primary-6, #0052A3);
}

.section-blog .container-posts .post p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-align: left;
    color: var(--Grey-scale-Black, #15181B);
}

.section-blog .container-posts .post .post-readmore {
    display: flex;
    width: 200px;
    height: 48px;
    padding: 12px 8px;
    align-items: center;
    gap: 4px;
    text-decoration: none;
}

.section-blog .container-posts .post .post-readmore svg {
    transition: 0.3s ease all;
}

.section-blog .container-posts .post .post-readmore span {
    color: var(--Primary-Primary-4, #1F8FFF);
    font-family: "Nunito Sans", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
}

.section-blog .container-posts .post .post-readmore:hover svg {
    transform: rotate(45deg);
}

.section-blog .search-posts {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 16px;
}

.section-blog .search-posts .quick_search_posts {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
}

.section-blog .search-posts .quick_search_posts .input_clear {
    display: none;
    width: 24px;
    height: 24px;
    position: absolute;
    top: calc(50% - 12px);
    right: 80px;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_25045_10450' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_25045_10450)'%3E%3Cpath d='M8.4 17L12 13.4L15.6 17L17 15.6L13.4 12L17 8.4L15.6 7L12 10.6L8.4 7L7 8.4L10.6 12L7 15.6L8.4 17ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z' fill='%2315181B'/%3E%3C/g%3E%3C/svg%3E") center center no-repeat;
    border-width: 0;
    outline-width: 0;
    cursor: pointer;
}

.posts_categories {
    position: relative;
    margin-bottom: 16px;
}

.posts_categories ul {
    display: none;
    border-radius: 6px;
    background: var(--Grey-scale-White, #FFF);
    box-shadow: 0 1px 20px 0 rgba(58, 93, 112, 0.15);
    flex-direction: column;
    list-style-type: none;
    padding: 4px 4px 8px 4px;
    margin: 0;
    position: absolute;
    left: 0;
    top: calc(100% + 2px);
    width: 100%;
    z-index: 1;
}

.posts_categories ul li {
    display: block;
    color: var(--Grey-scale-Black, #15181B);
    font-family: "Nunito Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    padding: 8px 16px;
    cursor: pointer;
}

.posts_categories.active ul {
    display: flex;
}

.posts_categories .value {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    border-width: 0;
    border-bottom: 2px solid var(--Primary-Primary-2, #9CF);
    background: white;
    cursor: pointer;
}

.posts_categories.active .value {
    background: var(--Primary-Primary-1, #D6EBFF);
}

.button-blog-loadmore {
    padding: 12px 42px;
    display: flex;
    align-items: center;
    margin: 16px auto 0;
    gap: 4px;
    min-width: unset;
}

.button-blog-loadmore.hidden {
    display: none;
}

.button-blog-loadmore.disable {
    pointer-events: none;
}

.button-blog-loadmore span {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0%;
}

@media(min-width: 600px) {
    .section-blog .search-posts {
        flex-direction: row;
        align-items: flex-start;
    }

    .posts_categories {
        margin-bottom: 40px;
    }

    .section-blog .search-posts .button_search_posts {
        display: none;
    }

    .section-blog .search-posts .quick_search_posts,
    .section-blog .search-posts .posts_categories {
        width: calc(50% - 8px);
        max-width: 270px;
    }

    .section-blog .search-posts .quick_search_posts .input_clear {
        right: 8px;
    }
}

@media(min-width: 768px) {
    .section-blog .container h1 {
        font-size: 40px;
        margin-bottom: 40px;
    }

    .section-blog .container-posts {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 20px;
    }

    .section-blog .container-posts .post h2 {
        font-size: 24px;
    }

    .section-blog .container-posts .post {
        width: calc(50% - 10px);
        padding: 24px;
    }

    .button-blog-loadmore {
        margin-top: 64px;
    }
}

@media(min-width: 1200px) {
    .section-blog {
        padding: 56px 0 80px;
    }

    .section-blog .container {
        margin: 0 64px;
    }

    .section-blog .container-posts .post {
        width: calc((100% - 40px) / 3);
    }
}