/*!
* Theme Name: Epiccarry Blog
* Theme URI: https://epiccarry.com/blogs/
* Author: Epiccarry
*/


/*! general styles */

@font-face {
    font-family: 'DM Sans';
    font-weight: 1 1000;
    src: url("../../fonts/dm-sans/dm-sans-variable.woff2") format("woff2 supports variations"),
        url("../../fonts/dm-sans/dm-sans-variable.woff2") format("woff2-variations"),
        url("../../fonts/dm-sans/dm-sans-variable.woff") format("woff");
    font-display: swap;
}

html {
    overflow-y: scroll;
    overflow-x: hidden;
}

body,
figure,
dl,
dd,
blockquote,
hr,
fieldset,
legend,
textarea,
pre,
iframe,
address,
table,
caption,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
hgroup,
menu,
nav,
p,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    color: inherit;
    font-family: inherit;
    font-weight: inherit;
    overflow-x: clip;
}

header {
    overflow-y: visible;
}

body {
    background-color: var(--ec-bg-site);
    position: relative;
}

img,
picture,
svg,
video {
    display: block;
    max-width: 100%;
}

img {
    height: auto;
}

button,
input,
select,
textarea {
    margin: 0;
    font: inherit;
    color-scheme: dark;
    border-radius: var(--rounded-corners);
}

select,
textarea,
input:where([type="text"], [type="url"], [type="email"], [type="tel"], [type="search"], [type="password"], .input-text),
.select2-container .select2-selection.select2-selection {
    height: 3rem;
    padding: 0.7rem 1rem;
    background: var(--ec-bg-secondary);
    border: 1px solid transparent;
    border-radius: var(--rounded-corners);
    width: 100%;
}

input::placeholder {
    color: var(--ec-clr-secondary);
}

button {
    background: none;
    border: none;
    padding: 0;
}

:where(a) {
    color: var(--ec-white);
    text-decoration: none;
}

::-webkit-scrollbar {
    display: block;
}

::-webkit-scrollbar {
    width: 0.5rem;
    height: auto;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.05);
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(229, 233, 248, 0.1) !important;
}

::-webkit-scrollbar-track {
    background-color: auto;
}

html {
    scrollbar-color: auto auto;
    overflow: overlay;
}

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

:root {
    margin: 0 !important;
    font-size: var(--fs-m);
    color: var(--ec-clr-primary);
    font-family: 'DM Sans', var(--system-ui), sans-serif;
    font-weight: 400;
    line-height: var(--lh-m);
    text-rendering: optimizeSpeed;

    /*! layout */
    --tcgap: 0.5rem !important;
    --ec-header-height: 3.5rem;

    /*! 600px */
    @media screen and (min-width: 37.5rem) {
        --ec-header-height: 4rem;
    }

    /*! 840px */
    /*! end layout */
    /*! spacing */
    --gap-s: 0.5rem;
    --gap: 1rem;
    --ec-spacing-1x: var(--fs-m);
    --ec-spacing-3x: 3rem;
    /*! end spacing */
    /*! typography */
    --system-ui: system-ui,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
    --fs-8xl: 3.625rem;
    --fs-7xl: 3rem;
    --fs-6xl: 2.5rem;
    --fs-5xl: 2.25rem;
    --fs-4xl: 1.75rem;
    --fs-3xl: 1.5rem;
    --fs-2xl: 1.375rem;
    --fs-xl: 1.25rem;
    --fs-l: 1.125rem;
    --fs-m: 1rem;
    --fs-s: 0.875rem;
    --fs-xs: 0.75rem;

    --lh-3xl: 200%;
    --lh-2xl: 175%;
    --lh-xl: 150%;
    --lh-l: 125%;
    --lh-m: 100%;
    --lh-s: 87.5%;
    --lh-xs: 75%;

    /*! end typography */

    /*! colors */
    --ec-clr-primary: hsl(227, 60%, 94%);
    --ec-clr-secondary: hsla(227, 60%, 94%, 0.55);
    --ec-bg-secondary: hsla(227, 58%, 94%, 0.1);
    --ec-bg-site: hsl(240, 24%, 8%);
    --ec-bg-primary: hsl(210, 48%, 11%);
    --ec-clr-accent: hsla(21, 100%, 50%, 1);
    --ec-clr-accent-secondary: hsl(130, 100%, 50%);
    --ec-white: #fff;
    /*! end colors */

    /*! button */
    --ec-btn-bg-green: #216242;
    --ec-btn-bg-red: linear-gradient(0, var(--ec-red-ruby) 100%, var(--ec-red-burgundy) 100%);
    --ec-btn-bg-crimson: linear-gradient(30deg, crimson, #CA3234, #FC803E);
    --ec-btn-bg-yellow: linear-gradient(0, var(--ec-yellow-dark) 60%, var(--ec-yellow) 100%);
    --ec-btn-bg-gray: linear-gradient(180deg, var(--ec-bg-site-alt) 0%, var(--ec-bg-site) 100%);
    --ec-btn-hover: linear-gradient(0, var(--ec-yellow-dark) 35%, var(--ec-yellow) 100%);
    --ec-icon-bg-gray: linear-gradient(var(--ec-highlight-gray), var(--ec-bg-site));
    /*! end button */

    --ec-btn-box-shadow: inset 0 20px 3px -21px hsla(0, 0%, 100%, 0.4),
    0 8px 8px 0 hsla(0, 0%, 0%, 0.3);
    /*! shapes */
    --ec-dropdown-br: 4px;
    --round: 50%;
    --rounded: 1.25rem;
    --rounded-corners: 4px;
    --top-rounded: 4px 4px 0 0;
    --bottom-rounded: 0 0 4px 4px;
    --left-rounded: 4px 0 0 4px;
    --right-rounded: 0 4px 4px 0;
    /*! end shapes */

    /*! timings */
    --ec-duration-xs: 150ms;
    --ec-duration-s: 300ms;
    --ec-duration-m: 450ms;
    --ec-duration-l: 1500ms;
    --timing-fn: cubic-bezier(0.17, 0.17, 0.23, 1.00);
    /*! end timings */

    /*! motion */
    --rotate: 0deg;
    /*! end motion */
}

/*! layout */
.flex {
    display: flex;
}

.grid {
    display: grid;
}

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

.content-center {
    justify-content: flex-start;

    @media screen and (min-width: 71.3125rem) {
        justify-content: center;
    }
}

.dead-center {
    justify-content: center;
    align-items: center;
}

/*! end layout */

/*! positioning */
.posr {
    position: relative;
}

.posa {
    position: absolute;
}

/*! end positioning */
/*! end general styles */

.visually-hidden,
.arrow,
.apus-footer,
.mini-cart {
    height: 0;
}

.to-top-btn {
    visibility: hidden;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    word-wrap: normal !important;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    position: absolute !important;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    overflow-wrap: normal !important;
}

/*! typography */
/*! fs-12 */
.fs-xs {
    font-size: var(--fs-xs);
}

/*! fs-14 */
.fs-s,
.count {
    font-size: var(--fs-s);
}

/*! fs-16 */
/* .fs-m,
.text-container,
.term-description,
.accordion-item__title>h3 {
    font-feature-settings: 'calt' off;
    font-size: var(--fs-m);
    line-height: 1.25rem;
} */

/*! fs-18 */
/* h5,
.fs-xl {
    font-feature-settings: 'calt' off;
    font-size: 1.25rem;
    line-height: 1.5rem;
    letter-spacing: -0.0125rem; */
/*! font-size: clamp(var(--fs-xs), 0.15vw + var(--fs-m), var(--fs-l));
    line-height: clamp(1.15rem, 0.65vw + var(--fs-m), var(--fs-4xl)); */
/* } */

/*! fs-16-20 */
/* h4,
.fs-2xl {
    font-size: clamp(var(--fs-m), 0.15vw + var(--fs-m), var(--fs-xl));
    line-height: clamp(1.52rem, 0.65vw + var(--fs-m), 1.9rem);
} */

/*! fs-20-24 */
h3,
.fs-3xl,
.headline-3 {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 119%;
    letter-spacing: -0.01rem;
    color: var(--ec-clr-primary);
    /*! font-size: 2rem;
    font-weight: 700;
    line-height: 2.375rem;
    letter-spacing: -0.01em; */

    @media screen and (min-width: 37.5625rem) {
        font-size: 2rem;
        line-height: 2.375rem;
    }
}

/*! fs-24-28 */
h2,
.h2 .fs-4xl,
.headline-2,
.title-lg {
    font-weight: 700;
    font-size: 22px;
    line-height: 109%;
    letter-spacing: -0.01em;

    @media screen and (min-width: 37.5rem) {
        font-weight: 500;
        font-size: 32px;
        line-height: 119%;
    }
}

/*! fs-32 */
h1,
.fs-5xl,
.title-xl {
    font-size: 32px;
    font-weight: 700;
    line-height: 119%;
    letter-spacing: -0.02em;

    @media screen and (min-width: 26.625rem) {
        font-size: 48px;
    }

    @media screen and (min-width: 37.5625rem) {
        font-size: 58px;
        line-height: 108%;
    }
}

/*! fs-40 */
/* .fs-6xl {
    font-size: clamp(var(--fs-4xl), 1.75vw + var(--fs-m), var(--fs-6xl));
}
*/

h1,
h2,
h3,
h4,
h5,
h6,
.ec-white,
.title-lg,
.title-m,
.ec-callout,
.suggestion-link,
.autocomplete-header-title,
.algolia-autocomplete .autocomplete-empty,
/* .wpwp-search-block-active .aa-input::placeholder, */
.algolia-autocomplete [class^="aa-dataset-"] .aa-suggestion a {
    color: var(--ec-clr-primary);
    margin: 0;
}

.txt-center {
    text-align: center;
}

.txt-clr-dim {
    color: rgba(229, 233, 248, 0.56);
}

/*! end typography */

/*! header */
.topline-item,
.btn,
.ec-btn,
.button,
.wpcf7-submit {
    display: flex;
    align-items: center;
    justify-content: center;
}

.topline-item {
    color: var(--ec-clr-primary);
    gap: 0.25rem;
    padding: 0.5rem 0.75rem;
    min-width: var(--ec-spacing-3x);
    white-space: nowrap;
}

.smallscreen-hidden {
    display: none;
}

.site-header {
    position: fixed;
    width: 100%;
    transition: all var(--ec-duration-s) linear;
    z-index: 20;
}

.topline-container,
.main-menu {
    margin: 0 auto;
}

.topline-container {
    height: var(--ec-header-height);
}

.topline-main__nav {
    width: 100%;
    flex: 1;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
}

.search-header {
    background: var(--ec-bg-site);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    height: max-content;

    @media screen and (min-width: 52.5625rem) {
        height: unset;
    }
}

:where(.search-header:not(.wpwp-search-block-active)) {
    display: none;
}

.wpwp-search-block-active,
.wpwp-search-block,
.wpwp-search-block-active label {
    width: 100%;
    height: 100%;
}

.wpwp-search-block {
    padding: 12.5px 1rem;

    @media screen and (min-width: 52.5625rem) {
        pdding: 1rem;
    }
}

.search-icon {
    display: none;
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
}

.algolia-autocomplete {
    height: 100%;
    width: 100%;
    left: 0;
}

/*! 600px */

/*! 840px */
@media screen and (min-width: 52.5rem) {
    .topline-search-btn {
        display: none;
    }

    .search-header {
        max-width: 760px;
        width: 100%;
        position: relative;
    }

    .wpwp-search-block-active,
    .wpwp-search-block,
    .wpwp-search-block-active label {
        max-height: 3.05rem;
    }

    .search-header,
    .search-icon {
        display: unset;
    }

    .algolia-autocomplete {
        height: auto;
    }
}

/*! 1440px */
@media screen and (min-width: 90rem) {
    .smallscreen-hidden {
        display: inherit;
    }

    .smallscreen-only {
        display: none !important;
    }

}

/* search:has(input:focus, input[aria-expanded="true"]) .search-icon {
    display: none;
} */

.topline-main__tray {
    flex-shrink: 0;
    justify-content: flex-end;
    margin-left: 24px;
}

.count {
    content: "";
    position: absolute;
    top: -2px;
    right: -2px;
    color: transparent !important;

    @media screen and (min-width: 37.5625rem) {
        top: -3px;
        right: -15px;
        color: #fff !important;
    }
}

.wrapper {
    margin: 0;
}

.container {
    position: relative;
}

/*! 600px */
@media screen and (min-width: 37.5rem) {
    .topline-main__tray {
        gap: 1.5rem;
    }
}

/*! 840px */
@media screen and (min-width: 52.5rem) {
    .topline-container {
        gap: 1.5rem;
    }
}

/*! 1600px */
@media screen and (min-width: 100rem) {
    .topline-main__tray {
        gap: 0.5rem;
    }
}

/*! 1920px */
@media screen and (min-width: 120rem) {
    .topline-container {
        padding-inline: 0;
    }
}

.woocommerce-breadcrumb {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    max-width: 1348px;
    margin: 0 auto;
    overflow: auto clip;
    white-space: nowrap;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;

    a,
    span {
        font-size: var(--fs-s);
        line-height: 125%;
        color: var(--ec-clr-primary);
        opacity: 0.75;
        padding: 0.75rem 0.25rem;
        white-space: nowrap;

        &::-webkit-scrollbar {
            display: none;
        }
    }

    span {
        opacity: 0.45;
    }

    a:hover {
        opacity: 1;
    }

    svg {
        flex: 0 0 auto;
        transform: scale(0.75);

        @media screen and (min-width: 64rem) {
            transform: unset;
        }
    }
}

/*! buttons */
/*! THE button */

.btn,
.ec-btn,
.button,
/*! ↓ contact form submit button */
.wpcf7-submit {
    background: var(--ec-clr-accent);
    border-radius: var(--rounded-corners);

    display: inline-flex;
    min-height: var(--ec-spacing-3x);
    padding: 0rem var(fs-m);
    gap: 0.75rem;
    flex-shrink: 0;

    align-items: center;
    justify-content: center;
    position: relative;

    font-size: var(--fs-xl);
    line-height: var(--fs-3xl);
    letter-spacing: -0.0125rem;

    color: var(--ec-white);
    overflow: clip;
    text-align: center;
    text-decoration: none;
    word-break: break-all;

    transition: background var(--ec-duration-s) cubic-bezier(0.22, 0.61, 0.36, 1);
}

.wpcf7-submit {
    border: none;
}

.container,
.card-btn,
.hover-container,
.steps-container,
.page .section-heading {
    margin-inline: auto;
}

.count {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 8px;
    height: 8px;
    padding: 0;
    overflow: hidden;
    border-radius: 50%;
    font-size: 0;
    font-weight: 400;

    @media screen and (min-width: 37.5625rem) {
        font-size: var(--fs-xs);
        line-height: 100%;
        letter-spacing: -0.01em;
        min-width: 20px;
        min-height: 13px;
        border-radius: 20px;
        padding: 0 6px;
    }
}

.post-password-form {
    width: min(35rem, 100%);
    margin-inline: auto;
}

/*! accordion */

.accordion-item__title,
.ec-es-events-group-title {
    flex-basis: 90%;
}

.accordion-item__hidden-block {
    transition: max-height var(--ec-duration-s) ease-in-out;
}

.accordion-item[open] .accordion-item__hidden-block {
    scrollbar-gutter: stable;
}

.accordion-content,
.ec-es-date-group.active {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.accordion-item {
    border-radius: var(--rounded-corners);
    overflow: hidden;
}

.ec-es-events-group:last-of-type,
.archive-grid__banner .ec-btn {
    margin: 0;
}

.ec-es-events-group.active {
    overflow-y: auto;
}

.accordion-item__visible-block {
    position: relative;
}

/*! end accordion */


table {
    width: 100% !important;
    max-width: 100%;
    margin: var(--ec-spacing-1x) auto;
}

:is(th, tr, td, tfoot) {
    /*height: 4rem;*/
    padding: 1rem 0.5rem;
    /*text-align: center;*/
    vertical-align: middle;
    background-color: var(--ec-bg-site);
}

/*! home page slider */

.mainslide {
    padding: 32px 24px 68px 24px;
    font-family: var(--system-ui);
    background: no-repeat center/cover #19191b80;
    background-blend-mode: multiply;
    border-radius: 4px;
}


@media screen and (min-width: 31.3125rem) {
    .mainslide {
        padding: 32px 80px;
    }
}

@media screen and (min-width: 61.0625rem) {
    .mainslide {
        padding: 24px 120px;
    }
}

@media screen and (min-width: 100rem) {
    .mainslide {
        height: 232px;
    }
}

.mainslider-list>li:not(.slide-title) {
    list-style-type: none;
}

.hero-screen-slider-item {
    width: 100%;
    height: 100%;
}

/*! end home page slider */

/*! ↓ wowhead icons */
.icontiny,
.icontinyl {
    padding-left: 18px;
    text-decoration: none;
}

/*! accordion expand/collapse */

.accordion-item__visible-block:before,
.accordion-item__visible-block:after {
    content: "";
    cursor: pointer;
    position: absolute;
    width: 16px;
    height: 2px;
    transition: all var(--ec-duration-s) ease, background var(--ec-duration-l) cubic-bezier(0.22, 0.61, 0.36, 1);
    background: var(--ec-white);
    right: 0;
}

/*! end icons */

/*! misc */

.to-top-btn {
    position: fixed;
    scale: 0.2;
    transition: scale var(--ec-duration-s) ease-in-out;
}

.inline-icon {
    display: inline-block;
    vertical-align: middle;
}

/*! end misc */

@keyframes fade-away {
    0% {
        opacity: 0.05;
        filter: grayscale(80%);
    }

    25% {
        opacity: 0.25;
        filter: grayscale(50%) blur(0.75px);
    }

    35% {
        opacity: 0.35;
    }

    55% {
        opacity: 0.1;
        filter: blur(0);
    }

    75% {
        opacity: 0.05;
        filter: grayscale(35%);
    }

    100% {
        opacity: 0.025;
        filter: grayscale(100%);
        left: 0;
    }
}

/*! @media queries */
/*! 1024 */
@media screen and (min-width: 64rem) {

    h1,
    h2,
    h3,
    h4,
    h5,
    .title-xl,
    .title-lg,
    .title-m,
    .title-s,
    .title-xs,
    .page-container .section-title,
    .seo-faq-question-question h3,
    .sub-title {
        text-align: unset;
    }

    .br6 {
        border-radius: var(--rounded-corners);
    }
}

/*! 1920 */
@media screen and (width > 121rem) {

    .topline-container,
    .main-menu-sidebar,
    .main-menu-content {
        padding-inline: unset;
    }
}

/*! end media queries */
/*! -- end crit -- */





/*! footer */

.apus-footer {
    height: auto;
    flex-direction: column;
}

.footer-payment-metods,
.footer-social,
.footer-menus,
.footer-legal {
    padding: 2rem 0;
    border-block-start: 1px solid rgba(255, 255, 255, 0.15);
}

@media screen and (min-width: 61.0625rem) {

    .footer-payment-metods,
    .footer-social,
    .footer-menus,
    .footer-legal {
        padding-block: 3.375rem;
    }
}

.footer-legal {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1.5rem;
}

.payment-security {
    gap: 2rem;
    flex-shrink: 0;
}

.footer-menu {
    padding: 0;
    list-style-type: none;
    margin-block: unset;
}

.footer-menus {
    column-gap: 0.5rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    row-gap: 1.5rem;

    @media screen and (min-width: 29.75rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 2rem;
    }

    @media screen and (min-width: 61.0625rem) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    @media screen and (min-width: 75.0625rem) {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        row-gap: 3.375rem;
    }

    @media screen and (min-width: 87.5625rem) {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

.footer-menu__list-item {
    padding-bottom: 8px;
}

.footer-menu__list-item:last-child {
    padding-bottom: 0;
}

.footer-menu__heading {
    font-size: var(--fs-m);
    margin-bottom: 16px;
    line-height: var(--lh-m);
    font-weight: normal;
}

.footer-menu__list-item,
.footer-menu__link {
    font-size: var(--fs-s);
}

.footer-menu__link:hover {
    color: #ba4300;
}

.ec-social-btns-block {
    gap: 0.75rem;
}

.footer-social {
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;

    @media screen and (min-width: 52.5625rem) {
        justify-content: space-between;
    }
}

/*! 600px */
@media screen and (min-width: 37.5rem) {
    .footer-menu__heading {
        margin-block-end: 20px;
    }
}

/*! 840px */
@media screen and (min-width: 52.5625rem) {
    .footer-menu__heading {
        font-size: 1.25rem;
    }

    .footer-menu__list-item {
        font-size: var(--fs-m);
    }

    .footer-menu__link {
        font-size: var(--fs-m);
    }
}

@media screen and (min-width: 100rem) {
    .footer-menu__heading {
        font-size: var(--fs-xl);
    }

    .footer-menu__list-item {
        font-size: var(--fs-m);
    }

    .footer-legal {
        flex-wrap: nowrap;
        justify-content: space-between;
        gap: var(--ec-header-height);
    }
}

.footer-payment-metods {
    gap: var(--ec-spacing-1x);
}

.footer-payment-metods {
    flex-wrap: wrap;
}

.footer-payment-method__img {
    transition: filter var(--ec-duration-s) ease;
}

/*! Algolia */
.algolia-autocomplete [class^="aa-dataset-"] {
    background: var(--ec-bg-site) !important;

    div {
        background: var(--ec-bg-site) !important;

        &:hover {
            background: transparent !important;

            .suggestion-link {
                background: rgba(255, 255, 255, 0.15) !important;
            }
        }
    }

    @media screen and (min-width: 52.5rem) {
        background: var(--ec-bg-primary) !important;

        div {
            background: var(--ec-bg-primary) !important;

            &:hover {
                background: transparent !important;

                .suggestion-link {
                    background: rgba(255, 255, 255, 0.15) !important;
                }
            }
        }
    }
}

.autocomplete-empty {
    font-size: initial !important;
}

.aa-dropdown-menu {
    background: var(--ec-bg-site) !important;
    container-type: inline-size !important;
    height: 100% !important;
    padding: var(--gap) !important;
    width: 100% !important;
}

.aa-suggestion {
    border-block-end: 1px solid hsla(0, 0%, 100%, 0.05) !important;
}

.suggestion-link {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 0 !important;
    padding: 0.5rem !important;
    font-size: initial !important;
    position: relative !important;
    min-height: 3.5rem !important;
    text-align: left !important;
    border-radius: 4px !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    font-style: normal !important;

    @media screen and (min-width: 52.5625rem) {
        background: hsl(210, 48%, 11%) !important;
    }

}

.suggestion-post-thumbnail {
    top: 0.5rem !important;
    left: 0.5rem !important;
    width: 2.5rem !important;
    height: 2.5rem !important;
}

.suggestion-post-thumbnail img {
    object-fit: cover !important;
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
}

.suggestion-post-title {
    font-weight: 500 !important;
    font-style: normal !important;

    i,
    span {
        font-style: normal !important;
    }
}

.suggestion-post-title,
.suggestion-post-price {
    margin-inline-start: 3.5rem !important;
}

.suggestion-post-price,
.suggestion-product-regular-price {
    margin-top: 4px !important;
    font-weight: 400 !important;
    font-size: 0.875rem !important;
    line-height: 114% !important;
    color: rgba(229, 233, 248, 0.56) !important;

    @media screen and (min-width: 31.3125rem) {
        margin-top: unset !important;
        font-size: var(--fs-m) !important;
        line-height: 125% !important;
    }
}

.autocomplete-footer .show-all-link:hover {
    color: #ba4300 !important;
}

.aa-cursor {
    background: var(--ec-bg-site) !important;
}

.autocomplete-footer {
    height: 2.5rem !important;
    display: flex !important;
    align-items: flex-end !important;
}

/*! 840px */
@media screen and (min-width: 52.5rem) {

    .aa-dropdown-menu {
        background: var(--ec-bg-primary) !important;
        border-radius: var(--rounded-corners) !important;
        margin-block-start: 0.5rem !important;
        padding: 1.5rem !important;
    }
}

@container (width > 24.25rem) {
    .suggestion-link {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: unset !important;
    }

    .suggestion-post-title {
        flex-shrink: 1 !important;
        flex-grow: 1 !important;
        flex-basis: auto !important;
        text-wrap: balance !important;
    }

    .suggestion-post-price {
        margin-inline-start: unset !important;
        flex-grow: 0 !important;
        flex-shrink: 0 !important;
        text-align: right !important;
        font-size: initial !important;
    }
}

/*! End Algolia */

.to-top-btn.show {
    z-index: 4;
    visibility: visible;
    inset: auto var(--fs-l) 9.25rem auto;
    height: 3.5rem;
    min-height: auto;
    width: 3.5rem;
    scale: 1;
    border-radius: var(--round);
}

.to-top-btn.show {
    left: 0;
}

@media screen and (min-width: 48rem) {

    .footer-payment-metods {
        justify-content: space-between;
    }
}

.section__advantages {
    margin-block: 7rem;
}

.section__advantages {
    min-height: unset;
    border-radius: var(--rounded-corners);
    background-color: var(--ec-bg-primary);
    overflow: clip;
    isolation: isolate;

    @media screen and (min-width: 37.5625rem) {
        min-height: 42.75rem;
    }
}

.background-video {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 145px;
    object-fit: cover;
    opacity: 0.15;
    z-index: -2;
    pointer-events: none;
}

.video-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, rgba(18, 20, 22, 0.00) 62.59%, hsl(210, 48%, 11%) 100%),
        linear-gradient(180deg, rgba(20, 34, 49, 0.00) 58.52%, hsl(210, 48%, 11%) 100%);
    background-blend-mode: normal, multiply;
    height: 200%;
    mix-blend-mode: lighten;
    z-index: -1;
    object-fit: cover;
    pointer-events: none;
}

.section-heading {
    font-size: 2rem;
    font-weight: 700;
    line-height: calc(118.75% + 3px);
    letter-spacing: -0.32px;
}

.section-heading__icon {
    height: 29px;
    width: 29px;
    margin-inline: 0.5rem;
    vertical-align: top;
}

.advantages-wrapper {
    margin-inline: auto;
    z-index: 3;
    isolation: isolate;
}

.advantages__headline {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.2px;
}

.hover-container {
    align-items: center;
    justify-content: space-between;
}

/*! 600px */
@media screen and (min-width: 37.5rem) {
    .section-heading {
        font-size: 3rem;
        font-weight: 500;
        line-height: calc(100% + 4px);
        letter-spacing: -0.06rem;
    }

    .section-heading__icon {
        height: 52px;
        width: 52px;
    }

    .advantages__headline {
        font-size: 2rem;
        font-weight: 700;
        line-height: 2.375rem;
        letter-spacing: -0.02rem;
    }

    .section__advantages {
        margin-block: 5rem;
    }
}

/*! 840px */
@media screen and (min-width: 52.5rem) {

    .section__advantages {
        margin-block: 7.5rem;
    }
}

/*! 1600px */
@media screen and (min-width: 100rem) {
    .background-video {
        top: 100px;
    }

    .hover-container {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .advantages__headline {
        text-wrap: nowrap;
    }
}


/*! formerly style-blog.css */


body.overflowHidden {
    overflow: hidden;
}

html.overflowHidden {
    overflow: hidden;
}

.blog,
.archive {
    background: var(--ec-bg-site);
}

.row1936,
.container {
    max-width: 90%;
    width: 1936px;
    margin: 0 auto;

    @media screen and (min-width: 37.5rem) {
        max-width: 92%;
    }

    @media screen and (min-width: 52.5rem) {
        max-width: 94.286%;
    }

    @media screen and (min-width: 64rem) {
        max-width: 94.5%;
    }
}

a {
    text-decoration: none;

    svg {
        transition: 0.3s all ease;

        path {
            transition: 0.3s all ease;
        }
    }
}

form {
    .wpcf7-form-control-wrap {
        position: relative;
    }

    .wpcf7-not-valid-tip {
        background: var(--ec-bg-primary);
        position: absolute;
        display: flex;
        align-items: center;
        font-weight: 400;
        font-size: var(--fs-m);
        line-height: 125%;
        color: var(--ec-clr-accent);
        height: 100%;
        width: 100%;
        padding: 0 var(--ec-spacing-1x);
        left: 0;
        bottom: 0;
        border-radius: 4px;
        border: 1px solid var(--ec-clr-accent);
    }

    input.wpcf7-not-valid {
        border-color: var(--ec-clr-accent);
    }
}

.wpcf7-form-control.wpcf7-submit {
    width: 100%;
    padding: 8px var(--ec-spacing-1x);
    font-weight: 500;
    font-size: var(--fs-xl);
    line-height: 120%;
    letter-spacing: -0.01em;
    text-align: center;
    color: var(--ec-bg-primary);
    background: var(--ec-white);
    border-radius: 4px;
}

input[type="text"],
input[type="url"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="password"],
.input-text,
textarea {
    width: 100%;
    max-width: 222px;
    padding: 11px var(--ec-spacing-1x);
    border-radius: 4px;
    outline: none;
    font-weight: 400;
    font-size: var(--fs-m);
    line-height: 125%;
    letter-spacing: -0.01em;
    background: rgba(229, 233, 248, 0.1);
    border: 1px solid transparent;
    color: var(--ec-white);

    @media screen and (min-width: 31.25rem) {
        font-weight: 500;
        font-size: var(--fs-xl);
        line-height: 120%;
    }

    &:hover {
        border: 1px solid var(--ec-white);
    }

    &::placeholder {
        font-style: normal;
        font-weight: 400;
        font-size: var(--fs-m);
        line-height: 125%;
        color: rgba(229, 233, 248, 0.56);
    }
}

.pagination {
    margin-top: 64px !important;
    padding-bottom: 0;
    margin-bottom: 120px;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;

    span,
    a {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: var(--ec-spacing-3x);
        min-height: var(--ec-spacing-3x);
        font-weight: 500;
        font-size: var(--fs-xl);
        line-height: 120%;
        letter-spacing: -0.01em;
        text-align: center;
        border-radius: 4px;
    }

    a {
        background: rgba(229, 233, 248, 0.1);
        color: hsl(227, 60%, 94%);

        &:hover {
            background: var(--ec-white);
            color: var(--ec-bg-primary);
        }
    }

    span {
        background: var(--ec-white);
        color: var(--ec-bg-primary);
    }

    .page-numbers.dots {
        background: rgba(229, 233, 248, 0.1);
        color: hsl(227, 60%, 94%);
        pointer-events: none;
    }

    .next,
    .prev {
        background: transparent;

    }

    .next {
        content: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" rx="4" fill="%23E5E9F8" fill-opacity="0.1"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21.4921 18.7929C21.1016 19.1834 21.1016 19.8166 21.4921 20.2071L25.285 24L21.4921 27.7929C21.1016 28.1834 21.1016 28.8166 21.4921 29.2071C21.8826 29.5976 22.5158 29.5976 22.9063 29.2071L27.4063 24.7071C27.7968 24.3166 27.7968 23.6834 27.4063 23.2929L22.9063 18.7929C22.5158 18.4024 21.8826 18.4024 21.4921 18.7929Z" fill="white"/></svg>');

        &:hover {
            content: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" rx="4" fill="%23E5E9F8" fill-opacity="0.1"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21.4921 18.7929C21.1016 19.1834 21.1016 19.8166 21.4921 20.2071L25.285 24L21.4921 27.7929C21.1016 28.1834 21.1016 28.8166 21.4921 29.2071C21.8826 29.5976 22.5158 29.5976 22.9063 29.2071L27.4063 24.7071C27.7968 24.3166 27.7968 23.6834 27.4063 23.2929L22.9063 18.7929C22.5158 18.4024 21.8826 18.4024 21.4921 18.7929Z" fill="%230e1b28"/></svg>');
        }
    }

    .prev {
        content: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="48" y="48" width="48" height="48" rx="4" transform="rotate(-180 48 48)" fill="%23E5E9F8" fill-opacity="0.1"/><path fill-rule="evenodd" clip-rule="evenodd" d="M26.5079 29.2071C26.8984 28.8166 26.8984 28.1834 26.5079 27.7929L22.715 24L26.5079 20.2071C26.8984 19.8166 26.8984 19.1834 26.5079 18.7929C26.1174 18.4024 25.4842 18.4024 25.0937 18.7929L20.5937 23.2929C20.2032 23.6834 20.2032 24.3166 20.5937 24.7071L25.0937 29.2071C25.4842 29.5976 26.1174 29.5976 26.5079 29.2071Z" fill="white"/></svg>');

        &:hover {
            content: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="48" y="48" width="48" height="48" rx="4" transform="rotate(-180 48 48)" fill="%23E5E9F8" fill-opacity="0.1"/><path fill-rule="evenodd" clip-rule="evenodd" d="M26.5079 29.2071C26.8984 28.8166 26.8984 28.1834 26.5079 27.7929L22.715 24L26.5079 20.2071C26.8984 19.8166 26.8984 19.1834 26.5079 18.7929C26.1174 18.4024 25.4842 18.4024 25.0937 18.7929L20.5937 23.2929C20.2032 23.6834 20.2032 24.3166 20.5937 24.7071L25.0937 29.2071C25.4842 29.5976 26.1174 29.5976 26.5079 29.2071Z" fill="%230e1b28"/></svg>');
        }
    }
}

.button-white {
    display: inline-block;
    border-radius: 4px;
    padding: 8px 60px;
    font-weight: 500;
    font-size: var(--fs-xl);
    line-height: 120%;
    letter-spacing: -0.01em;
    text-align: center;
    color: var(--ec-bg-primary);
    background: var(--ec-white);

    &:hover {
        background: rgba(229, 233, 248, 0.56);
    }
}

summary::-webkit-details-marker {
    display: none;
}

/* ==========================================================================
   Header
   ========================================================================== */
.site-header {
    position: fixed;
    width: 100%;
    transition: all var(--ec-duration-s) linear;
    z-index: 20;
}

header.main-menu--is-open {
    background-color: var(--ec-bg-site);
}

header {
    top: 0;

    &.header-background {
        transition: 0.3s all ease;
        background-color: var(--ec-bg-site);
    }

    .search-header {
        max-width: 100%;
        z-index: 100;
        background-color: var(--ec-bg-site);

        input {
            background-color: rgba(229, 233, 248, 0.1);
            max-width: 100%;
        }

        @media screen and (min-width: 52.5rem) {
            position: relative;
            background: rgba(229, 233, 248, 0.1);
        }

        @media screen and (min-width: 71.25rem) {
            max-width: 488px;
        }

        @media screen and (min-width: 100.0625rem) {
            max-width: 760px;
        }
    }

    input {
        background: rgba(229, 233, 248, 0.1);
    }

    button {
        @media screen and (min-width: 71.3125rem) {
            &:hover {
                color: hsla(21, 100%, 50%, 0.55);

                svg path {
                    fill: hsla(21, 100%, 50%, 0.55);
                }
            }
        }
    }

    #wishlist {
        display: none;

        @media screen and (min-width: 71.25rem) {
            display: block;
        }
    }

    /* .site-logo {
        img {
            max-width: 128px;
            max-height: 24px;
            height: 30px;
            object-fit: contain;

            @media screen and (min-width: 26.625rem) {
                max-width: 100%;
                width: 160px;
                max-height: 30px;
            }
        }
    } */

    .button-categories-wrap {
        position: relative;

        .btn-main-menu {
            cursor: pointer;

            @media screen and (min-width: 1440px) {
                &.smallscreen-hidden {
                    display: flex;
                }
            }
        }
    }

    .mobile-menu-button {
        position: relative;
        z-index: 99;
        cursor: pointer;

        @media screen and (min-width: 1440px) {
            display: none;
        }

        &:before {
            content: "";
            position: absolute;
            width: 40px;
            height: 40px;
            top: 50%;
            left: 50%;
            margin-right: -50%;
            transform: translate(-50%, -50%);
        }

        &.is-active {
            .btn-mobile-menu-categories {

                background-color: transparent;

                &:before {
                    transform: translateY(6px) rotate(45deg);
                }

                &:after {
                    transform: translateY(-6px) rotate(-45deg);
                }
            }
        }

        .btn-mobile-menu-categories {
            padding: 0;
            display: block;
            width: 18px;
            height: 2px;
            background-color: var(--ec-white);
            outline: 1px solid transparent;
            transition-property: background-color, transform;
            transition-duration: .3s;
            min-width: unset;

            &:before,
            &:after {
                position: absolute;
                content: "";
                padding: 0;
                display: block;
                width: 18px;
                height: 2px;
                background-color: var(--ec-white);
                outline: 1px solid transparent;
                transition-property: background-color, transform;
                transition-duration: .3s;
                min-width: unset;
            }

            &:before {
                top: -6px;
            }

            &:after {
                top: 6px;
            }

        }

        .mobile-menu-categories {
            padding: var(--ec-spacing-1x) 24px;
            position: fixed;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background-color: var(--ec-bg-site);
            overflow-y: auto;

            &:not(.is-open) {
                display: none;
            }

            .close {
                margin-bottom: 20px;

                svg {
                    margin-left: auto;
                }
            }

            ul.games-blog {
                margin: 0 0 20px 0;
                padding-left: 0;
                list-style: none;

                li {
                    position: relative;
                    border-bottom: 1px solid rgba(255, 255, 255, 0.05);

                    a {
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        padding: var(--ec-spacing-1x) 0;
                        font-weight: 500;
                        font-size: var(--fs-m);
                        line-height: 100%;
                        color: hsl(227, 60%, 94%);

                        @media screen and (min-width: 64rem) {
                            font-size: var(--fs-xl);
                            line-height: 120%;
                            letter-spacing: -0.01em;
                        }
                    }

                    &.is-active {
                        a {
                            color: var(--ec-clr-accent);

                            svg {
                                width: var(--ec-spacing-1x);
                                height: var(--ec-spacing-1x);

                                path {
                                    fill: var(--ec-clr-accent);
                                }
                            }
                        }
                    }

                    &:hover {
                        a {
                            color: var(--ec-clr-accent);

                            svg {
                                path {
                                    fill: var(--ec-clr-accent);
                                }
                            }
                        }
                    }

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

                    .count {
                        padding: 0;
                        top: 0;
                        left: 0;
                        position: relative;
                        display: block;
                        width: unset;
                        height: unset;
                        min-width: unset;
                        min-height: unset;
                        margin-right: var(--ec-spacing-1x);
                        font-weight: 500;
                        font-size: var(--fs-m);
                        line-height: 100%;
                        text-align: center;
                        color: rgba(255, 255, 255, 0.15) !important;
                        border-radius: 0 !important;
                    }
                }
            }
        }

        .btn-menu-games {
            margin-bottom: 20px;
            padding: 12px 16.8px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-radius: 4px;
            background: var(--ec-clr-accent);
            font-weight: 500;
            font-size: var(--fs-m);
            line-height: 100%;

            @media screen and (min-width: 64rem) {
                font-size: var(--fs-xl);
                line-height: 120%;
                letter-spacing: -0.01em;
            }

            svg {
                margin-left: 12px;
            }

            &:hover {
                color: var(--ec-white);
                background: hsla(21, 100%, 50%, 0.55);

                svg path {
                    fill: var(--ec-white);
                }
            }
        }

        .white-button {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            overflow: hidden;
            position: relative;
            z-index: 3;
            padding: 12px 19px;
            font-weight: 500;
            font-size: var(--fs-m);
            line-height: 100%;
            text-decoration: none;
            color: var(--ec-bg-primary);
            margin: 0 auto;
            border-radius: 4px;
            background: var(--ec-white);

            @media screen and (min-width: 64rem) {
                font-size: var(--fs-xl);
                line-height: 120%;
                letter-spacing: -0.01em;
            }

            &:after {
                position: relative;
                margin-top: 2px;
                margin-left: 12px;
                content: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.97471 0.683518C8.58419 1.07404 8.58419 1.70721 8.97471 2.09773L12.586 5.70898H1C0.447715 5.70898 0 6.1567 0 6.70898C0 7.26127 0.447715 7.70898 1 7.70898H12.5856L8.97471 11.3199C8.58419 11.7104 8.58419 12.3436 8.97471 12.7341C9.36524 13.1246 9.9984 13.1246 10.3889 12.7341L15.7071 7.41591C16.0976 7.02539 16.0976 6.39222 15.7071 6.0017L10.3889 0.683518C9.9984 0.292994 9.36524 0.292994 8.97471 0.683518Z" fill="%230E1B28" /></svg>');
            }

            @media screen and (min-width: 64rem) {
                margin: 0;
            }

            &:hover {
                background: rgba(229, 233, 248, 0.56);
            }
        }
    }

    .mobile-menu-games {
        position: fixed;
        z-index: 101;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: var(--ec-bg-site);
        padding: var(--ec-spacing-1x) 24px;
        overflow-y: scroll;

        &:not(.is-open) {
            display: none;
        }

        .js-btn-mobile-menu-games-close {
            svg {
                margin-left: auto;
            }
        }

        .title {
            margin-bottom: var(--ec-spacing-1x);
            font-weight: 400;
            font-size: var(--fs-s);
            line-height: 114%;
            color: hsl(219, 20%, 69%);
        }

        ul {
            list-style: none;
            padding-left: 0;
            margin-top: var(--ec-spacing-1x);
            margin-bottom: 32px;

            li {
                position: relative;
                margin-bottom: 8px;

                &:hover {
                    a {
                        color: var(--ec-clr-accent);

                        svg {
                            path {
                                fill: var(--ec-clr-accent);
                            }
                        }
                    }
                }

                &.is-active {
                    a {
                        color: var(--ec-clr-accent);

                        svg {
                            width: var(--ec-spacing-1x);
                            height: var(--ec-spacing-1x);

                            path {
                                fill: var(--ec-clr-accent);
                            }
                        }
                    }
                }

                &:last-child {
                    margin-bottom: 0;
                }

                a,
                span {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    padding: 8px 0;
                    font-weight: 500;
                    font-size: var(--fs-m);
                    line-height: 100%;
                    color: hsl(227, 60%, 94%);
                }
            }
        }
    }

    .menu-categories {
        position: absolute;
        left: 0;
        top: var(--ec-spacing-3x);
        padding: 24px;
        background: var(--ec-bg-primary);
        width: 427px;
        height: max-content;
        max-height: 90svh;
        border-radius: 8px;
        overflow-y: auto;

        &:not(.is-open) {
            display: none;
        }

        ul {
            margin: 0;
            padding-left: 0;
            list-style: none;

            li {
                position: relative;
                border-bottom: 1px solid rgba(255, 255, 255, 0.05);

                a {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    padding: var(--ec-spacing-1x) 0;
                    font-weight: 500;
                    font-size: var(--fs-m);
                    line-height: 100%;
                    color: hsl(227, 60%, 94%);
                }

                &.is-active {
                    a {
                        color: var(--ec-clr-accent);

                        svg {
                            width: var(--ec-spacing-1x);
                            height: var(--ec-spacing-1x);

                            path {
                                fill: var(--ec-clr-accent);
                            }
                        }
                    }
                }

                &:hover {
                    a {
                        color: var(--ec-clr-accent);

                        svg {
                            path {
                                fill: var(--ec-clr-accent);
                            }
                        }
                    }
                }

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

                .count {
                    padding: 0;
                    top: 0;
                    left: 0;
                    position: relative;
                    display: block;
                    width: unset;
                    height: unset;
                    min-width: unset;
                    min-height: unset;
                    margin-right: var(--ec-spacing-1x);
                    font-weight: 500;
                    font-size: var(--fs-m);
                    line-height: 100%;
                    text-align: center;
                    color: rgba(255, 255, 255, 0.15) !important;
                    border-radius: 0 !important;
                }
            }
        }
    }

    .jobs-link {
        &:hover {
            color: hsla(21, 100%, 50%, 0.55)
        }
    }
}

.button-menu-games-wrapper {
    .btn-menu-games {
        padding: 12px 16.8px;
        display: flex;
        align-items: center;
        border-radius: 4px;
        background: var(--ec-clr-accent);

        svg {
            margin-left: 12px;
        }

        &:hover {
            color: var(--ec-white);
            background: hsla(21, 100%, 50%, 0.55);

            svg path {
                fill: var(--ec-white);
            }
        }
    }

    .menu-games-wrap {
        position: absolute;
        left: -197%;
        top: 56px;
    }

    .menu-games {
        position: relative;
        width: 427px;
        height: 848px;
        overflow-y: scroll;
        border-radius: 10px;
        padding: 24px;
        background: var(--ec-bg-site);

        &:not(.is-open) {
            display: none;
        }

        font-weight: 400;
        font-size: var(--fs-s);
        line-height: 114%;
        color: hsl(219, 20%, 69%);

        ul {
            list-style: none;
            padding-left: 0;
            margin-top: var(--ec-spacing-1x);
            margin-bottom: 32px;

            li {
                position: relative;
                margin-bottom: 8px;

                &:hover {
                    a {
                        color: var(--ec-clr-accent);

                        svg {
                            path {
                                fill: var(--ec-clr-accent);
                            }
                        }
                    }
                }

                &.is-active {
                    a {
                        color: var(--ec-clr-accent);

                        svg {
                            width: var(--ec-spacing-1x);
                            height: var(--ec-spacing-1x);

                            path {
                                fill: var(--ec-clr-accent);
                            }
                        }
                    }
                }

                &:last-child {
                    margin-bottom: 0;
                }

                a,
                span {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    padding: 8px 0;
                    font-weight: 500;
                    font-size: var(--fs-m);
                    line-height: 100%;
                    color: hsl(227, 60%, 94%);
                }


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


            }
        }
    }

    .gradient {
        position: relative;
        margin-top: -80px;
        width: 95%;
        height: 80px;
        background: linear-gradient(180deg, rgba(16, 16, 26, 0) 0%, #10101a 88.5%);
        border-radius: 0 0 10px 10px;
        pointer-events: none;
    }
}

.btn-main-menu-desktop {
    &:hover {

        .burger-icon,
        .burger-icon:before,
        .burger-icon:after {
            background-color: hsla(21, 100%, 50%, 0.55)
        }
    }

    .burger-icon {
        position: relative;
    }

    .burger-icon,
    .burger-icon:before,
    .burger-icon:after {
        padding: 0;
        display: block;
        width: 18px;
        height: 2px;
        background-color: var(--ec-white);
        outline: 1px solid transparent;
        transition-property: background-color, transform;
        transition-duration: .3s;
        min-width: 18px;
    }

    .burger-icon:before {
        position: absolute;
        content: "";
        top: -6px;
    }

    .burger-icon:after {
        position: absolute;
        content: "";
        top: 6px;
    }

    &.btn-main-menu--is-open {
        .burger-icon {
            background-color: transparent;

            &:before {
                transform: translateY(6px) rotate(45deg);
            }

            &:after {
                transform: translateY(-6px) rotate(-45deg);
            }
        }
    }
}

.btn-main-menu.smallscreen-only {
    position: relative;
    margin-left: 0.75rem;
}

.btn-main-menu.smallscreen-only,
.btn-main-menu.smallscreen-only:before,
.btn-main-menu.smallscreen-only:after {
    padding: 0;
    display: block;
    width: 18px;
    height: 2px;
    background-color: var(--ec-white);
    outline: 1px solid transparent;
    transition-property: background-color, transform;
    transition-duration: .3s;
    min-width: unset;
}

.btn-main-menu.smallscreen-only:before {
    position: absolute;
    content: "";
    top: -6px;
}

.btn-main-menu.smallscreen-only:after {
    position: absolute;
    content: "";
    top: 6px;
}

.btn-main-menu--is-open.smallscreen-only {
    background-color: transparent;

    &:before {
        transform: translateY(6px) rotate(45deg);
    }

    &:after {
        transform: translateY(-6px) rotate(-45deg);
    }
}

/* ==========================================================================
   Footer
   ========================================================================== */
.footer-wrapper {
    display: flex;
    flex-direction: column;

    .footer-payment-metods {
        order: 1;
    }

    .footer-social {
        order: 2;
    }

    .footer-menus {
        order: 3;
    }

    .footer-legal {
        order: 4;
    }

    @media screen and (min-width: 52.5625rem) {

        .footer-payment-metods,
        .footer-social,
        .footer-menus,
        .footer-legal {
            order: unset;
        }
    }
}

.ec-social-btns-block {
    .ec-social-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(229, 233, 248, 0.1);
        width: 36px;
        height: 36px;
        border-radius: 50%;

        @media screen and (min-width: 52.5625rem) {
            width: 4.5rem;
            height: 4.5rem;
        }

        img {
            object-fit: contain;
            width: 17px;
            height: 17px;

            @media screen and (min-width: 52.5625rem) {
                width: 28px;
                height: 28px;
            }
        }

        &:hover {
            background: rgba(255, 255, 255, 0.15);
        }
    }
}

.footer-payment-method__img {
    object-fit: contain;
    max-width: 85px;
    max-height: 33px;
    width: max-content;
    height: max-content;

    @media screen and (min-width: 52.5625rem) {
        max-width: 100px;
        max-height: 40px;
    }

    @media screen and (min-width: 75.0625rem) {
        max-width: 147px;
        max-height: 55px;
    }
}

.ec-social-btns-block {
    .ec-social-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(229, 233, 248, 0.1);
        width: 36px;
        height: 36px;
        border-radius: 50%;

        @media screen and (min-width: 52.5625rem) {
            width: 4.5rem;
            height: 4.5rem;
        }

        img {
            object-fit: contain;
            width: 17px;
            height: 17px;

            @media screen and (min-width: 52.5625rem) {
                width: 28px;
                height: 28px;
            }
        }

        &:hover {
            background: rgba(255, 255, 255, 0.15);
        }
    }
}

/* ==========================================================================
   Blog
   ========================================================================== */
.post-block-template,
.big-banner-block-template,
.small-banner-block-template {
    position: relative;
    flex-basis: 48%;
    width: 48%;
    height: auto;
    min-height: 26.25rem;
}

.product-card-loader {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--ec-bg-primary);
    margin-bottom: 0;
    overflow: hidden;
    z-index: 2;

    &:only-child {
        margin-top: 0;
    }

    .text-line,
    .text-line-2 {
        background-color: rgba(229, 233, 248, 0.1);
    }

    .text-line {
        height: 20px;
        margin-left: 20px;
        width: 57%;
    }

    .text-line-2 {
        margin: 20px 0 0 20px;
        width: 80%;
        height: 30PX;
    }

    &:before {
        content: '';
        height: 200px;
        width: 100%;
        margin-bottom: 20px;
        display: block;
        background-color: rgba(229, 233, 248, 0.1);
    }

    &:after {
        content: '';
        background-color: rgba(229, 233, 248, 0.1);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        animation-name: loader-animate;
        animation-timing-function: linear;
        background: -webkit-linear-gradient(left, rgba(14, 27, 40, 0) 0%, rgba(14, 27, 40, 0.6) 30%, rgba(14, 27, 40, 0) 81%);
        background: -o-linear-gradient(left, rgba(14, 27, 40, 0) 0%, rgba(14, 27, 40, 0.6) 30%, rgba(14, 27, 40, 0) 81%);
        background: linear-gradient(to right, rgba(14, 27, 40, 0) 0%, rgba(14, 27, 40, 0.6) 30%, rgba(14, 27, 40, 0) 81%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1);
    }
}


@keyframes loader-animate {
    0% {
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        transform: translate3d(100%, 0, 0);
    }
}

.site-bg {
    left: 0;
    top: 0;
    position: absolute;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
}

.banner-blog {
    padding: 80px 0 0 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top;

    @media screen and (min-width: 26.625rem) {
        padding: 80px 0 0 0;
    }

    @media screen and (min-width: 37.5625rem) {
        padding: 102px 0 0 0;
    }

    @media screen and (min-width: 50rem) {
        margin-bottom: 54px;
    }

    @media screen and (min-width: 64.0625rem) {
        padding: 104px 0 0 0;
    }

    .breadcrumb-wrapper {
        margin-bottom: 64px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;

        @media screen and (min-width: 26.625rem) {
            margin-bottom: 56px;
        }

        @media screen and (min-width: 31.3125rem) {
            flex-direction: row;
        }

        @media screen and (min-width: 37.5625rem) {
            margin-bottom: 120px;
        }

        .left-content {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            flex: 1;
            margin-bottom: 24px;

            @media screen and (min-width: 26.625rem) {
                margin-right: 40px;
            }

            @media screen and (min-width: 31.3125rem) {
                margin-bottom: 0;
            }

            @media screen and (min-width: 48.0625rem) {
                flex: unset;
            }
        }
    }

    .title-categories-wrap {
        display: flex;
        flex-direction: column;

        @media screen and (min-width: 50rem) {
            border-bottom: 1px solid rgba(255, 255, 255, 0.15);
        }

        @media screen and (min-width: 100rem) {
            padding-bottom: 54px;
            flex-direction: row;
            align-items: flex-end;
            justify-content: space-between;
        }

        .title-content {
            line-height: 3;
            margin-right: 0;
            margin-bottom: 10px;

            @media screen and (min-width: 37.5rem) {
                margin-bottom: 30px;
            }

            @media screen and (min-width: 100rem) {
                margin-right: 50px;
                margin-bottom: 0;
                max-width: 1048px;
                width: 100%;
                /* flex: 1; */

            }

            h1 {
                display: inline;
                margin-bottom: 20px;

                @media screen and (min-width: 37.5rem) {
                    font-weight: 500;
                    font-size: var(--fs-7xl);
                    line-height: 100%;
                    letter-spacing: -0.02em;
                }

                @media screen and (min-width: 50rem) {
                    font-weight: 700;
                    font-size: var(--fs-8xl);
                    line-height: 108%;
                }

                @media screen and (min-width: 100rem) {
                    margin-bottom: 0;
                    margin-right: 18px;
                }
            }

            .quantity-articles {
                padding: 1.5px 7.5px;
                display: inline;
                font-weight: 500;
                font-size: var(--fs-m);
                line-height: 100%;
                text-align: center;
                color: hsl(130, 71%, 52%);
                backdrop-filter: blur(24px);
                background: rgba(46, 219, 75, 0.2);
                border-radius: 20px;
                white-space: nowrap;
            }
        }

        .categories-wrap {
            margin: 20px 0 54px 0;
            text-transform: capitalize;

            @media screen and (min-width: 100rem) {
                margin: 0;
            }

            ul {
                padding: 0;
                margin: 0;
                list-style: none;
                display: flex;
                flex-wrap: wrap;
                gap: 8px;

                @media screen and (min-width: 100rem) {
                    justify-content: flex-end;
                }

                li {
                    border-radius: 4px;

                    a {
                        display: block;
                        width: max-content;
                        padding: 4px 8px;
                        font-weight: 500;
                        font-size: var(--fs-s);
                        line-height: 114%;
                        text-align: center;
                        color: hsl(227, 60%, 94%);
                        border-radius: 4px;
                        background: rgba(229, 233, 248, 0.1);
                        border: 1px solid transparent;

                        @media screen and (min-width: 37.5rem) {
                            padding: 7px 13px;
                            font-size: var(--fs-m);
                            line-height: 100%;
                        }

                        @media screen and (min-width: 50rem) {
                            padding: 11px var(--ec-spacing-1x);
                            font-size: var(--fs-xl);
                            line-height: 120%;
                            letter-spacing: -0.01em;
                        }
                    }

                    &.is-active {
                        pointer-events: none;

                        a {
                            color: var(--ec-bg-primary);
                            background: var(--ec-white);
                        }
                    }

                    &:focus,
                    &:focus-visible {
                        outline: none;
                    }

                    &:hover {
                        a {
                            box-shadow: 0 0 var(--ec-spacing-1x) 0 rgba(46, 219, 75, 0.6);
                            border: 1px solid #2edb4b;
                        }
                    }
                }
            }
        }
    }

    .mobile-button-categories {
        margin: 10px 0 20px 0;
        padding: 8px 12px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-weight: 500;
        font-size: var(--fs-m);
        line-height: 100%;
        text-align: center;
        color: hsl(227, 60%, 94%);
        border-radius: 4px;
        background: rgba(229, 233, 248, 0.1);
        cursor: pointer;

        @media screen and (min-width: 37.5rem) {
            font-weight: 700;
            font-size: var(--fs-2xl);
            line-height: 109%;
            letter-spacing: -0.01em;
        }

        @media screen and (min-width: 50rem) {
            display: none;
        }
    }

    .mobile-post-menu-categories {
        display: none;
        padding: 24px;

        &.active {
            position: fixed;
            z-index: 100;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: var(--ec-bg-primary);
            display: block;
            overflow-y: auto;
        }

        @media screen and (min-width: 50rem) {
            display: none;
        }

        ul {
            margin: 0;
            padding-left: 0;
            list-style: none;

            li {
                position: relative;
                border-bottom: 1px solid rgba(255, 255, 255, 0.05);

                a {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    padding: var(--ec-spacing-1x) 0;
                    font-weight: 500;
                    font-size: var(--fs-m);
                    line-height: 100%;
                    color: hsl(227, 60%, 94%);
                }

                &.is-active {
                    a {
                        color: var(--ec-clr-accent);

                        svg {
                            width: var(--ec-spacing-1x);
                            height: var(--ec-spacing-1x);

                            path {
                                fill: var(--ec-clr-accent);
                            }
                        }
                    }
                }

                &:hover {
                    a {
                        color: var(--ec-clr-accent);

                        svg {
                            path {
                                fill: var(--ec-clr-accent);
                            }
                        }
                    }
                }

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

                .count {
                    padding: 0;
                    top: 0;
                    left: 0;
                    position: relative;
                    display: block;
                    width: unset;
                    height: unset;
                    min-width: unset;
                    min-height: unset;
                    margin-right: var(--ec-spacing-1x);
                    font-weight: 500;
                    font-size: var(--fs-m);
                    line-height: 100%;
                    text-align: center;
                    color: rgba(255, 255, 255, 0.15) !important;
                    border-radius: 0 !important;
                }
            }
        }
    }

    .close-pop-up-cat {
        margin-bottom: 32px;
        margin-right: 0;

        svg {
            margin-left: auto;
            margin-right: 0;
        }
    }
}

.popular-articles-blog {
    h2 {
        margin-bottom: 12px;
        max-width: 168px;
        width: 100%;
        font-weight: 700;

        @media screen and (min-width: 37.5rem) {
            max-width: unset;
            margin-bottom: 34px;
        }
    }

    .splide__track {
        padding: 20px 0 54px 0 !important;
    }

    .splide__slide {
        min-height: 432px;
        position: relative;
        border-radius: 4px;
        box-shadow: 0 0 var(--ec-spacing-1x) 0 transparent;
        /* transition: 0.3s all ease; */
        border: 1px solid var(--ec-bg-primary);

        @media screen and (min-width: 50rem) {
            /* margin-right: 1.25rem; */
        }

        &:hover {
            border: 1px solid #2edb4b;
            box-shadow: 0 0 var(--ec-spacing-1x) 0 rgba(46, 219, 75, 0.6);
            background: var(--ec-bg-primary);
        }

        .popular-article-terms-wrap {
            position: absolute;
            top: 24px;
            left: 24px;
            display: flex;
            align-items: center;
            gap: 8px;
            flex-wrap: wrap;
        }

        .description-popular-article-wrap {
            width: 100%;
            flex-direction: column;
            display: flex;
            justify-content: flex-end;
            position: absolute;
            left: 0;
            bottom: 0;
            padding: 24px;
            height: 100%;
            z-index: 3;
            border-radius: 4px;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #0e1b28 62.94%);
            /*background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #0e1b28 59.94%);*/
        }

        .popular-article__term {
            width: max-content;
            margin-bottom: 8px;
            padding: 4px 8px;
            font-weight: 500;
            font-size: var(--fs-m);
            line-height: 100%;
            text-align: center;
            color: var(--ec-white);
            border-radius: 20px;
            backdrop-filter: blur(24px);
            background: rgba(229, 233, 248, 0.1);

            &:last-child {
                margin-right: 0;
            }
        }

        .popular-article__image {
            max-height: 432px;
            height: 100%;
        }

        img {
            border-radius: 4px;
            height: 432px;
            max-height: 432px;
            width: 100%;
            object-fit: cover;
        }

        .popular-article__title {
            a {
                font-weight: 700;
                font-size: var(--fs-2xl);
                line-height: 109%;
                letter-spacing: -0.01em;
                color: hsl(227, 60%, 94%);

                @media screen and (min-width: 37.5rem) {
                    font-size: 2rem;
                    line-height: 119%;
                }
            }
        }

        .date-count-time-wrap {
            margin-top: var(--ec-spacing-1x);
            padding-top: var(--ec-spacing-1x);
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-top: 1px solid rgba(255, 255, 255, 0.15);

            .popular-article__date {
                flex: 1;
            }

            .popular-article__date,
            .popular-article__count_views,
            .popular-article__reading_time {
                font-weight: 400;
                font-size: var(--fs-m);
                line-height: 125%;
                color: rgba(229, 233, 248, 0.56);
            }
        }

        .right {
            display: flex;
            align-items: center;

            .popular-article__count_views,
            .popular-article__reading_time {
                margin-left: 20px;
                display: flex;
                align-items: center;

                svg {
                    margin-right: 8px;
                }
            }
        }
    }

    .splide__arrows {
        /* bottom: auto; */
        /* top: -70px; */
        display: flex;
        gap: 1rem;
        position: absolute;
        right: 0;
        top: 0;
        transform: translateY(-200%);

        @media screen and (min-width: 37.5rem) {
            /* top: -100px; */
        }
    }

    .splide__arrow {

        background-color: rgba(229, 233, 248, 0.1);
        border-radius: var(--rounded-corners);
        display: flex;
        height: 2.5rem;
        inset: auto;
        opacity: 1;
        position: relative;
        transform: unset;
        width: 2.5rem;
        z-index: 1;

        svg {
            fill: white;
            height: 0.5rem;
            width: 0.5rem;
        }

        &:hover {
            background: var(--ec-white);
        }

        &:hover svg {
            fill: black;
        }
    }
}

.popular-articles-wrap:not(.is-initialized) {
    visibility: hidden;
}

.sidebar-posts-wrap {
    padding-top: 54px;
    justify-content: space-between;
    border-top: 1px solid rgba(255, 255, 255, 0.15);

    @media screen and (min-width: 100rem) {
        margin-bottom: 64px;
    }

    .sidebar-blog {
        display: none;
        position: sticky;
        top: 100px;
        margin-right: 24px;
        max-width: 248px;
        min-width: 248px;
        width: 100%;

        @media screen and (min-width: 50rem) {
            display: block;
        }

        @media screen and (min-width: 100rem) {
            margin-right: 40px;
            max-width: 270px;
            min-width: 270px;
        }

        ul {
            margin: 0;
            padding-left: 0;
            list-style: none;

            li {
                position: relative;
                border-bottom: 1px solid rgba(255, 255, 255, 0.05);

                a {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    padding: var(--ec-spacing-1x) 0;
                    font-weight: 500;
                    font-size: var(--fs-m);
                    line-height: 100%;
                    color: hsl(227, 60%, 94%);
                }

                &.is-active {
                    a {
                        color: var(--ec-clr-accent);

                        svg {
                            width: var(--ec-spacing-1x);
                            height: var(--ec-spacing-1x);

                            path {
                                fill: var(--ec-clr-accent);
                            }
                        }
                    }
                }

                &:hover {
                    a {
                        color: var(--ec-clr-accent);

                        svg {
                            path {
                                fill: var(--ec-clr-accent);
                            }
                        }
                    }
                }

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

                .count {
                    padding: 0;
                    top: 0;
                    left: 0;
                    position: relative;
                    display: block;
                    width: unset;
                    height: unset;
                    min-width: unset;
                    min-height: unset;
                    margin-right: var(--ec-spacing-1x);
                    font-weight: 500;
                    font-size: var(--fs-m);
                    line-height: 100%;
                    text-align: center;
                    color: rgba(255, 255, 255, 0.15) !important;
                    border-radius: 0 !important;
                }
            }
        }
    }

    .blog-posts-wrap {
        overflow: hidden;
        display: flex;
        flex-wrap: wrap;
        gap: 24px;

        @media screen and (min-width: 50rem) {
            max-width: 1544px;
            width: 100%;
        }

        @media screen and (min-width: 120rem) {
            gap: 20px;
        }

        .block-show-more {
            order: 4;

            @media screen and (min-width: 37.5rem) {
                order: 6;
            }

            @media screen and (min-width: 50rem) {
                display: none;
            }
        }

        .block-subscribe {
            order: 3;
            width: 100%;

            @media screen and (min-width: 50rem) {
                display: none;
            }
        }
    }

    .content-not-found {
        width: 100%;
        font-weight: 700;
        font-size: 2rem;
        line-height: 119%;
        letter-spacing: -0.01em;
        color: var(--ec-white);
        display: block;
        text-align: center;

        .text {
            margin-bottom: 40px;
        }

        .white-button {
            width: max-content;
            overflow: hidden;
            position: relative;
            z-index: 3;
            padding: 7px 19px;
            font-weight: 500;
            font-size: var(--fs-xl);
            line-height: 120%;
            letter-spacing: -0.01em;
            text-decoration: none;
            color: var(--ec-bg-primary);
            margin: 0 auto;
            border-radius: 4px;
            background: var(--ec-white);

            &:after {
                position: relative;
                margin-top: 2px;
                margin-left: 12px;
                content: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.97471 0.683518C8.58419 1.07404 8.58419 1.70721 8.97471 2.09773L12.586 5.70898H1C0.447715 5.70898 0 6.1567 0 6.70898C0 7.26127 0.447715 7.70898 1 7.70898H12.5856L8.97471 11.3199C8.58419 11.7104 8.58419 12.3436 8.97471 12.7341C9.36524 13.1246 9.9984 13.1246 10.3889 12.7341L15.7071 7.41591C16.0976 7.02539 16.0976 6.39222 15.7071 6.0017L10.3889 0.683518C9.9984 0.292994 9.36524 0.292994 8.97471 0.683518Z" fill="%230E1B28" /></svg>');
            }

            @media screen and (min-width: 64rem) {
                margin: 0;
            }

            &:hover {
                background: rgba(229, 233, 248, 0.56);
            }
        }
    }

    .post-item {
        width: 100%;
        flex-basis: 100%;
        min-height: 460px;
        position: relative;
        background: var(--ec-bg-primary);
        border-radius: 4px;
        box-shadow: 0 0 var(--ec-spacing-1x) 0 transparent;
        display: block;
        /*border: 1px solid transparent;*/
        order: 11;

        &:nth-child(1),
        &:nth-child(2),
        &:nth-child(3) {
            order: 1;
        }

        &:nth-child(4),
        &:nth-child(5),
        &:nth-child(6) {
            order: 5;
        }

        &:nth-child(7),
        &:nth-child(8) {
            order: 7;
        }

        @media screen and (min-width: 37.5rem) {
            min-height: 400px;

            &:nth-child(1),
            &:nth-child(2) {
                order: 1;
            }

            &:nth-child(3) {
                order: 3;
            }

            &:nth-child(4) {
                order: 5;
            }

            &:nth-child(5),
            &:nth-child(6) {
                order: 7;
            }

            &:nth-child(7),
            &:nth-child(8),
            &:nth-child(9) {
                order: 9;
            }
        }

        @media screen and (min-width: 50rem) {

            &:nth-child(1),
            &:nth-child(2),
            &:nth-child(12),
            &:nth-child(13) {
                min-height: 520px;
            }

            &:nth-child(3),
            &:nth-child(4) {
                order: 3;
            }

            &:nth-child(5),
            &:nth-child(6) {
                order: 5;
            }
        }

        @media screen and (min-width: 100rem) {
            width: calc(33% - 12px);
            flex-basis: calc(33% - 12px);
            min-height: 440px;

            &:nth-child(1),
            &:nth-child(2),
            &:nth-child(12),
            &:nth-child(13) {
                width: calc(50% - 12px);
                flex-basis: calc(50% - 12px);

                .post-item__content {
                    max-height: unset;
                    visibility: visible;
                    opacity: 1;
                }
            }

            &:nth-child(1) {
                order: 1;
            }

            &:nth-child(2) {
                order: 2;
            }

            &:nth-child(3),
            &:nth-child(4),
            &:nth-child(5),
            &:nth-child(6),
            &:nth-child(7),
            &:nth-child(8) {
                order: 3;
            }

            &:nth-child(9),
            &:nth-child(10),
            &:nth-child(11),
            &:nth-child(12),
            &:nth-child(13),
            &:nth-child(14),
            &:nth-child(15),
            &:nth-child(16) {
                order: 5;
            }

            &:nth-child(17),
            &:nth-child(18),
            &:nth-child(19),
            &:nth-child(20),
            &:nth-child(21),
            &:nth-child(22) {
                order: 7;
            }
        }

        @media screen and (min-width: 120rem) {
            min-height: 480px;

            &:nth-child(1),
            &:nth-child(2),
            &:nth-child(12),
            &:nth-child(13) {
                min-height: 620px;
            }
        }

        &:hover {
            @media screen and (min-width: 100rem) {
                .post-item__content {
                    max-height: 120px;
                    visibility: visible;
                    opacity: 1;
                }
            }
        }

        .description-post-item-wrap {
            flex-direction: column;
            display: flex;
            justify-content: flex-end;
            position: absolute;
            left: 0;
            bottom: 0;
            padding: var(--ec-spacing-1x);
            height: 100%;
            z-index: 3;
            border-radius: 4px;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #0e1b28 62.94%);
            width: 100%;

            @media screen and (min-width: 100rem) {
                padding: 24px;
            }
        }

        .post-item__term {
            width: max-content;
            margin-bottom: 8px;
            padding: 4px 8px;
            font-weight: 500;
            font-size: var(--fs-m);
            line-height: 100%;
            text-align: center;
            color: var(--ec-white);
            border-radius: 20px;
            backdrop-filter: blur(24px);
            background: rgba(229, 233, 248, 0.1);

            &:last-child {
                margin-right: 0;
            }
        }

        .post-item__image {
            max-height: 460px;
            height: 100%;

            @media screen and (min-width: 50rem) {
                max-height: 480px;
            }
        }

        img {
            border-radius: 4px;
            height: 100%;
            max-height: 460px;
            width: 100%;
            object-fit: cover;

            @media screen and (min-width: 50rem) {
                max-height: 480px;
            }
        }

        .post-item__title {
            font-weight: 700;
            font-size: var(--fs-2xl);
            line-height: 109%;
            letter-spacing: -0.01em;
            color: hsl(227, 60%, 94%);

            @media screen and (min-width: 120rem) {
                font-size: 2rem;
                line-height: 119%;
            }
        }

        .post-item__content {
            margin-top: var(--ec-spacing-1x);
            font-weight: 400;
            font-size: var(--fs-xs);
            line-height: 100%;
            color: rgba(229, 233, 248, 0.56);
            display: -webkit-box;
            line-clamp: 6;
            -webkit-line-clamp: 6;
            -webkit-box-orient: vertical;
            overflow: hidden;

            @media screen and (min-width: 37.5rem) {
                font-size: var(--fs-s);
                line-height: 114%;
            }

            @media screen and (min-width: 64rem) {
                font-size: var(--fs-m);
                line-height: 125%;
            }

            @media screen and (min-width: 100rem) {
                max-height: 0;
                visibility: hidden;
                opacity: 0;
                transition: max-height 0.7s ease-in-out, opacity 0.7s ease-in-out, visibility 0.7s ease-in-out;
            }
        }

        .date-count-time-wrap {
            margin-top: var(--ec-spacing-1x);
            padding-top: var(--ec-spacing-1x);
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-top: 1px solid rgba(255, 255, 255, 0.15);

            .post-item__date,
            .post-item__count_views,
            .post-item__reading_time {
                font-weight: 400;
                font-size: var(--fs-s);
                line-height: 114%;
                color: rgba(229, 233, 248, 0.56);

                @media screen and (min-width: 50rem) {
                    font-size: var(--fs-m);
                    line-height: 125%;
                }
            }
        }

        .right {
            display: flex;
            align-items: center;

            .post-item__count_views,
            .post-item__reading_time {
                margin-left: 8px;
                display: flex;
                align-items: center;

                @media screen and (min-width: 50rem) {
                    margin-left: 20px;
                }

                svg {
                    margin-right: 4px;

                    @media screen and (min-width: 50rem) {
                        margin-right: 8px;
                    }
                }
            }
        }
    }

    .pagination {
        margin: 40px 0 64px 0;
        overflow-x: scroll;
        order: 12;

        @media screen and (min-width: 50rem) {
            margin: 64px 0;
        }
    }

    .mobile-subscribe {
        order: 3;

        @media screen and (min-width: 100rem) {
            display: none;
        }
    }
}

.terms-wrap {
    position: absolute;
    top: var(--ec-spacing-1x);
    left: var(--ec-spacing-1x);

    @media screen and (min-width: 50rem) {
        top: 24px;
        left: 24px;
    }

    @media screen and (min-width: 100rem) {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
    }
}

.bottom-content-button-wrap {
    position: relative;
    z-index: 1;

    &.bottom-content-button-wrap-active {
        .gradient-hide {
            background: transparent;
            height: 100px;
            bottom: -100px;
        }
    }

    .gradient-hide {
        position: absolute;
        height: 161px;
        width: 100%;
        bottom: 0;
        left: 0;
        z-index: 2;
        display: flex;
        display: none;
        align-items: flex-end;
        justify-content: center;
        text-align: center;
        background: linear-gradient(180deg, rgba(16, 16, 26, 0.47) 0%, #10101a 88.5%);

        @media screen and (min-width: 37.5rem) {
            height: 332px;
        }
    }

    .read-more {
        margin-bottom: 24px;
        padding: 12px var(--ec-spacing-1x);
        position: absolute;
        z-index: 3;
        display: flex;
        align-items: center;
        font-weight: 500;
        font-size: var(--fs-xl);
        line-height: 120%;
        letter-spacing: -0.01em;
        text-align: center;
        color: hsl(227, 60%, 94%);
        cursor: pointer;

        svg {
            margin-left: 12px;
            cursor: pointer;
            transition: 0.3s all ease;

            path {
                cursor: pointer;
                transition: 0.3s all ease;
            }
        }

        &:hover {
            color: var(--ec-clr-accent);

            svg {
                path {
                    fill: var(--ec-clr-accent);
                }
            }
        }
    }
}

.bottom-content-blog {
    overflow: hidden;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    padding-top: 32px;
    margin-bottom: 64px;

    @media screen and (min-width: 37.5rem) {
        padding-top: 100px;
        margin-bottom: 80px;
    }

    @media screen and (min-width: 100rem) {
        margin-bottom: 120px;
    }

    h2 {
        padding-top: 2rem;
        margin-top: 32px;
        margin-bottom: 1.25rem;
        border-top: 1px solid rgba(255, 255, 255, 0.15);
        font-weight: 500;
        font-size: 2rem;
        line-height: 119%;
        letter-spacing: -0.01em;

        @media screen and (min-width: 37.5rem) {
            margin-top: 64px;
            font-size: var(--fs-7xl);
            line-height: 100%;
            letter-spacing: -0.02em;
        }
    }

    &>h2:first-child {
        padding-top: 0;
        margin-top: 0;
        border-top: none;
        font-weight: 700;
        font-size: 2rem;
        line-height: 119%;
        letter-spacing: -0.01em;

        @media screen and (min-width: 37.5rem) {
            font-weight: 500;
            font-size: var(--fs-7xl);
            line-height: 100%;
            letter-spacing: -0.02em;
        }
    }

    h3 {
        margin-bottom: 20px;
        padding-top: 2rem;
        margin-top: 32px;
        border-top: 1px solid rgba(255, 255, 255, 0.15);

        @media screen and (min-width: 52.5625rem) {
            margin-top: 64px;
        }
    }

    h4 {
        font-weight: 700;
        font-size: var(--fs-2xl);
        line-height: 109%;
    }

    p {
        margin: 1rem 0;
        font-weight: 400;
        font-size: var(--fs-m);
        line-height: 125%;
        letter-spacing: -0.01em;

        @media screen and (min-width: 26.625rem) {
            font-size: var(--fs-xl);
            line-height: 120%;
        }

        @media screen and (min-width: 52.5625rem) {
            margin: 20px 0;
        }

        strong {
            font-weight: 700;
            color: hsl(130, 71%, 52%);
        }

        a {
            color: var(--ec-clr-accent);
            text-decoration: underline;
            text-underline-offset: 3px;

            &:hover {
                color: hsla(21, 100%, 50%, 0.55)
            }
        }
    }

    strong {
        font-weight: 700;
        color: hsl(130, 71%, 52%);
    }

    a {
        color: var(--ec-clr-accent);
        text-decoration: underline;
        text-underline-offset: 3px;

        &:hover {
            color: hsla(21, 100%, 50%, 0.55)
        }
    }

    li {
        margin-bottom: 12px;
        padding-left: 32px;
        position: relative;
        font-weight: 400;
        font-size: var(--fs-m);
        line-height: 125%;
        letter-spacing: -0.01em;

        @media screen and (min-width: 26.625rem) {
            font-size: var(--fs-xl);
            line-height: 120%;
        }

        &:last-child {
            margin-bottom: 0;
        }

        strong {
            font-weight: 700;
            color: hsl(130, 71%, 52%);
        }

        a {
            color: var(--ec-clr-accent);
            text-decoration: underline;
            text-underline-offset: 3px;

            &:hover {
                color: hsla(21, 100%, 50%, 0.55)
            }
        }
    }

    ul {
        list-style: none;
        padding: 0;

        li {
            &:before {
                top: 0;
                left: 0;
                position: absolute;
                content: "";
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
                width: 24px;
                height: 24px;
                background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="24" height="24" rx="12" fill="white" fill-opacity="0.15"/><path d="M10.3121 16.5217L6.03711 12.2467L7.10586 11.1779L10.3121 14.3842L17.1934 7.50293L18.2621 8.57168L10.3121 16.5217Z" fill="%23E5E9F8"/></svg>');
            }
        }
    }

    ol {
        counter-reset: my-counter;
        list-style: none;
        padding-left: 0;
    }

    ol li {
        counter-increment: my-counter;
        position: relative;
        padding-left: 32px;
    }

    ol li::before {
        content: counter(my-counter);
        position: absolute;
        left: 0;
        width: 24px;
        height: 24px;
        background: rgba(255, 255, 255, 0.15);
        color: hsl(227, 60%, 94%);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: var(--fs-s);
        font-weight: 500;
        line-height: 114%;
    }

    ol,
    ul {
        margin-bottom: 20px;

        ul {
            margin: var(--ec-spacing-1x) 0;

            li {
                &:before {
                    top: 0;
                    left: 0;
                    position: absolute;
                    content: "";
                    background-size: contain;
                    background-position: center;
                    background-repeat: no-repeat;
                    width: 24px;
                    height: 24px;
                    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="24" height="24" rx="12" fill="white" fill-opacity="0.15"/><path d="M10.3121 16.5217L6.03711 12.2467L7.10586 11.1779L10.3121 14.3842L17.1934 7.50293L18.2621 8.57168L10.3121 16.5217Z" fill="%23E5E9F8"/></svg>');
                }
            }
        }

        ol {
            margin: var(--ec-spacing-1x) 0;

            li {
                counter-increment: my-counter;
                position: relative;
                padding-left: 32px;
            }

            li::before {
                content: counter(my-counter);
                position: absolute;
                left: 0;
                width: 24px;
                height: 24px;
                background: rgba(255, 255, 255, 0.15);
                color: hsl(227, 60%, 94%);
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: var(--fs-s);
                font-weight: 500;
                line-height: 114%;
            }
        }
    }

    table {
        margin: 20px 0;
        width: 100%;
        border-collapse: collapse;
        display: block;
        overflow-x: auto;

        strong {
            color: hsl(227, 60%, 94%);
        }

        p {
            margin: 0;
        }

        thead {
            font-weight: 500;
            font-size: var(--fs-xl);
            line-height: 120%;
            letter-spacing: -0.01em;

            p {
                margin: 0;
            }

            td,
            strong {
                color: hsl(227, 60%, 94%);
            }

            th {
                padding: 1rem;
                background: var(--ec-bg-primary);
                border-right: 1px solid rgba(255, 255, 255, 0.15);

                &:last-child {
                    border-right: none;
                }
            }

            tr {
                border-bottom: 1px solid #e5e9f8;
            }
        }

        tr {
            &:first-child {
                td {
                    padding: 1rem;
                    font-weight: 500;
                    font-size: var(--fs-xl);
                    line-height: 120%;
                    letter-spacing: -0.01em;
                    color: hsl(227, 60%, 94%);
                    background: var(--ec-bg-primary);
                }
            }

            td {
                border-right: 1px solid rgba(255, 255, 255, 0.15);
                padding: 1rem;
                font-weight: 400;
                font-size: var(--fs-m);
                line-height: 125%;
                letter-spacing: -0.01em;
                color: hsl(227, 60%, 94%);

                @media screen and (min-width: 26.625rem) {
                    font-size: var(--fs-xl);
                    line-height: 120%;
                }

                &:last-child {
                    border-right: none;
                }
            }

            &:nth-child(even) {
                td {
                    background: hsl(211, 32%, 15%);
                }
            }

            &:nth-child(odd) {
                td {
                    background: var(--ec-bg-primary);
                }
            }
        }

        td {
            min-width: 200px;

            @media screen and (min-width: 64.0625rem) {
                min-width: unset;
            }
        }

        tbody {
            tr {
                border-bottom: none !important;
            }
        }
    }

    .ec-faq-product {
        width: 100%;

        .section-title {
            max-width: 100%;
            padding-bottom: 32px;

            @media screen and (min-width: 37.5625rem) {
                padding-bottom: 3.875rem;
            }
        }
    }
}

.wp-block-table {
    overflow-x: auto;
}

.text-blockquote,
blockquote {
    margin: 1.25rem 0;
    padding: 1rem 1rem 1rem 1.5rem;
    background: rgba(255, 255, 255, 0.05);
    border-left: 3px solid;

    @media screen and (min-width: 26.625rem) {
        padding: 1.5rem 1.5rem 1.5rem 2rem;
    }

    &.orange {
        border-left-color: var(--ec-clr-accent);
    }

    &.green {
        border-left-color: hsl(130, 71%, 52%);
    }

    &.white {
        border-left-color: var(--ec-white);

    }

    p {
        margin: 0;
        padding-bottom: 1rem;
        font-weight: 400;
        font-size: var(--fs-m);
        line-height: 125%;
        letter-spacing: -0.01em;
        color: var(--ec-white);

        @media screen and (min-width: 26.625rem) {
            font-size: var(--fs-xl);
            line-height: 120%;
        }


        br {
            display: none;

            @media screen and (min-width: 37.5rem) {
                display: block;
            }
        }
    }
}

.ec_advantages {
    order: 5;
    width: 100%;

    @media screen and (min-width: 37.5rem) {
        order: 8;
    }

    @media screen and (min-width: 50rem) {
        order: 4;
    }

    @media screen and (min-width: 100rem) {
        order: 6;
    }
}

.section__advantages {
    width: 100%;
    max-width: 100%;

    .section-heading {
        max-width: 209px;
        width: 100%;
        margin: 0 auto 40px auto;

        @media screen and (min-width: 22.5625rem) {
            max-width: 420px;
        }

        @media screen and (min-width: 37.5625rem) {
            max-width: 660px;
            margin-bottom: 64px;
        }

        @media screen and (min-width: 64.0625rem) {
            max-width: 1350px;
            margin-bottom: 80px;
        }
    }

    .hover-container {
        flex-wrap: wrap;
        align-items: flex-start;
        max-width: 92.5rem;
        width: 100%;
        margin: 0 auto;
        flex-direction: column;

        @media screen and (min-width: 64.0625rem) {
            flex-direction: row;
        }

        .hover-block {
            display: block;
            max-width: 328px;
            margin: 0 auto 17px auto;
            padding: 0;
            border: none;
            width: 100%;
            flex-basis: 100%;
            text-align: center;

            @media screen and (min-width: 37.5625rem) {
                margin-bottom: 33px;
                max-width: unset;
            }

            @media screen and (min-width: 64.0625rem) {
                padding: 0 30px;
                margin: 0;
                width: 33%;
                flex-basis: 33%;
                border-right: 1px solid rgba(255, 255, 255, 0.1);
            }

            &:last-child {
                border-right: none;
                margin-bottom: 0;
            }

            .headline-3 {
                display: block;
                margin-bottom: 8px;
                text-wrap: unset;
            }

            .advantages__caption {
                max-width: 100%;
                color: var(--ec-white);
                opacity: 0.45;

                @media screen and (min-width: 37.5625rem) {
                    max-width: 31.5rem;
                    width: 100%;
                    margin: 0 auto;
                }

                @media screen and (min-width: 64.0625rem) {
                    max-width: unset;
                }
            }
        }
    }

    .advantages-wrapper {
        padding: 1.5rem;

        @media screen and (min-width: 37.5625rem) {
            padding: 5rem 3rem;
        }
    }
}

.block-show-more {
    padding: 24px;
    border-radius: 4px;
    background-position: top !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;

    @media screen and (min-width: 50rem) {
        margin: 40px 0;
    }

    .title-block-show-more {
        margin-bottom: 12px;
        margin-top: 102px;
        font-weight: 700;
        font-size: var(--fs-2xl);
        line-height: 109%;
        letter-spacing: -0.01em;
        color: hsl(227, 60%, 94%);

        @media screen and (min-width: 37.5rem) {
            margin-top: 164px;
        }

        @media screen and (min-width: 100rem) {
            margin-top: 132px;
        }
    }

    .text {
        margin-bottom: var(--ec-spacing-1x);
        font-weight: 400;
        font-size: var(--fs-m);
        line-height: 125%;
        color: hsl(227, 60%, 94%);
    }

    .button-white {
        margin-bottom: var(--ec-spacing-1x);
        padding: 8px;
        width: 100%;
    }

    .ep-trustpilot-logo {
        align-items: center;
        justify-content: center;

        svg {
            margin-right: 3px;
        }

        img {
            width: var(--ec-spacing-1x);
            height: var(--ec-spacing-1x);
            object-fit: contain;
        }

        font-weight: 400;
        font-size: var(--fs-m);
        line-height: 125%;
        color: hsl(227, 60%, 94%);

        span {
            display: inline-block;
            margin-right: 8px;
            color: #04da8d;
        }

        &:hover {
            color: var(--ec-clr-accent);
        }
    }
}

.block-subscribe {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    padding: 24px;
    background: var(--ec-bg-primary);
    border-radius: 4px;
    overflow: hidden;

    @media screen and (min-width: 37.5rem) {
        min-height: 346px;
    }

    @media screen and (min-width: 50rem) {
        min-height: 426px;
    }

    &:before {
        position: absolute;
        content: url('data:image/svg+xml,<svg width="760" height="294" viewBox="0 0 552 294" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse opacity="0.6" cx="276" cy="74.5" rx="280" ry="219.5" fill="url(%23paint0_radial_1594_78241)" /><defs><radialGradient id="paint0_radial_1594_78241" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(276 68.3417) rotate(90) scale(221.699 282.806)"><stop offset="0.151551" stop-color="%23ff5900" /><stop offset="0.914806" stop-color="%23ff5900" stop-opacity="0" /></radialGradient></defs></svg>');
        width: auto;
        height: 499px;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
        border-radius: 100%;
        pointer-events: none;
        z-index: 1;

        @media screen and (min-width: 37.5rem) {
            top: 72%;
            content: url('data:image/svg+xml,<svg width="760" height="294" viewBox="0 0 552 294" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse opacity="0.6" cx="276" cy="74.5" rx="280" ry="219.5" fill="url(%23paint0_radial_1594_78241)" /><defs><radialGradient id="paint0_radial_1594_78241" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(276 68.3417) rotate(90) scale(221.699 282.806)"><stop offset="0.151551" stop-color="%23ff5900" /><stop offset="0.914806" stop-color="%23ff5900" stop-opacity="0" /></radialGradient></defs></svg>');
        }

        @media screen and (min-width: 50rem) {
            top: 50%;
            content: url('data:image/svg+xml,<svg width="270" height="364" viewBox="0 0 270 364" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse opacity="0.6" cx="135" cy="114.5" rx="199" ry="249.5" fill="url(%23paint0_radial_1594_74208)" /><defs><radialGradient id="paint0_radial_1594_74208" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(135 61.2494) rotate(90) scale(298.251 237.883)"><stop offset="0.151551" stop-color="%23ff5900" /><stop offset="1" stop-color="%23ff5900" stop-opacity="0" /></radialGradient></defs></svg>');
        }
    }

    img {
        margin: 0 auto;
        margin-bottom: 24px;
        position: relative;
        z-index: 2;
        max-height: 154px;
        max-width: 222px;
        width: 100%;
        object-fit: contain;
    }

    h2 {
        position: relative;
        z-index: 2;
        max-width: 220px;
        width: 100%;
        margin-bottom: 24px;
        font-weight: 700;
        font-size: var(--fs-2xl);
        line-height: 109%;
        letter-spacing: -0.01em;
        color: var(--ec-white);

        @media screen and (min-width: 37.5rem) {
            max-width: 340px;
        }

        span {
            color: var(--ec-clr-accent);
        }
    }

    p {
        margin: 0;
    }

    br {
        display: none;
    }

    .wpcf7-spinner {
        display: none;
    }

    .wpcf7-form-control-wrap {
        display: block;
    }

    .wpcf7-submit {
        margin-top: var(--ec-spacing-1x);

        @media screen and (min-width: 37.5rem) {
            margin-top: 0;
        }

        @media screen and (min-width: 50rem) {
            margin-top: var(--ec-spacing-1x);
        }
    }

    input {
        max-width: 100%;
    }

    .wpcf7 form.invalid .wpcf7-response-output,
    .wpcf7 form.unaccepted .wpcf7-response-output,
    .wpcf7 form.payment-required .wpcf7-response-output {
        display: none;
    }

    .success-message {
        display: none;
        transition: 0.3s all ease;

        p {
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-weight: 500;
            font-size: var(--fs-xl);
            line-height: 120%;
            letter-spacing: -0.01em;
            text-align: center;
            color: var(--ec-white);
        }
    }

    form {
        .wpcf7-submit {
            cursor: pointer;

            &:hover {
                background: rgba(229, 233, 248, 0.56);
            }
        }

        @media screen and (min-width: 37.5rem) {
            p {
                display: flex;
                justify-content: space-between;
                gap: var(--ec-spacing-1x);
            }

            .wpcf7-submit,
            label {
                width: 48.45% !important;
            }
        }

        @media screen and (min-width: 50rem) {
            p {
                display: block;
            }

            .wpcf7-submit,
            label {
                width: 100% !important;
            }
        }

        &.sent {

            input,
            label {
                display: none;
            }

            .wpcf7-response-output {
                display: none;
            }

            .success-message {
                display: block;
            }
        }
    }
}

.banner-book-spot {
    overflow: hidden;
    width: 100%;
    order: 2;

    @media screen and (min-width: 100rem) {
        order: 4;
    }
}

.hero-screen-slider-main {
    height: unset;

    .container {
        max-width: 100%;
        width: 100%;
    }

    .mainslide {
        display: flex;
        align-items: center;
        height: 100%;
    }

    .mainslide {
        padding: 32px 24px 68px 24px;
        background: no-repeat center/cover #19191b80;
        background-blend-mode: multiply;
        border-radius: 4px;
    }

    @media screen and (min-width: 31.3125rem) {
        .mainslide {
            padding: 32px 80px;
        }
    }

    @media screen and (min-width: 61.0625rem) {
        .mainslide {
            padding: 24px 120px;
        }
    }

    @media screen and (min-width: 100rem) {
        .mainslide {
            height: 232px;
        }
    }


    .hero-screen-slider {
        overflow: hidden;

        @media screen and (min-width: 100rem) {
            height: 232px;
        }
    }

    .mainslider-content__list {
        margin: 0;
        padding: 0;
        list-style: none;

        li {
            text-align: left;
            max-width: 26.6875rem;
            width: 100%;

            @media screen and (min-width: 61.0625rem) {
                max-width: 50rem;
            }
        }
    }

    .slide-title {
        width: unset;
        margin-bottom: 8px;
        font-weight: 700;
        font-size: 2rem;
        line-height: 119%;
        letter-spacing: -0.01em;
        color: hsl(227, 60%, 94%);
        text-align: left;
    }

    .slide-title+li {
        width: unset;
        margin-bottom: var(--ec-spacing-1x);

        @media screen and (min-width: 31.3125rem) {
            margin-bottom: 24px;
        }

        div {
            font-weight: 400;
            font-size: var(--fs-m);
            line-height: 125%;
            color: hsl(227, 60%, 94%);
            text-align: left;
        }
    }

    .cta-button {
        div {
            position: relative;
            width: max-content;
            display: inline-block;
            border-radius: 4px;
            background: var(--ec-clr-accent);
            font-weight: 500;
            font-size: var(--fs-m);
            line-height: 100%;
            letter-spacing: unset;
            padding: 8px 32px 8px 12px;
            color: var(--ec-white);
            cursor: pointer;

            @media screen and (min-width: 31.3125rem) {
                padding: 8px 52px 8px var(--ec-spacing-1x);
                font-size: var(--fs-xl);
                line-height: 120%;
                letter-spacing: -0.01em;
            }

            @media screen and (min-width: 52.5625rem) {
                padding: 8px var(--ec-spacing-3x) 8px var(--ec-spacing-1x);
            }

            &:hover {
                color: var(--ec-white);
                background: hsla(21, 100%, 50%, 0.55)
            }

            &:before {
                position: absolute;
                width: max-content;
                height: max-content;
                left: auto;
                content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.64851 3.98194C8.38816 4.24229 8.38816 4.6644 8.64851 4.92475L11.056 7.33226H3.33203C2.96384 7.33226 2.66536 7.63073 2.66536 7.99892C2.66536 8.36711 2.96384 8.66559 3.33203 8.66559H11.0558L8.64851 11.0729C8.38816 11.3332 8.38816 11.7553 8.64851 12.0157C8.90886 12.276 9.33097 12.276 9.59132 12.0157L13.1368 8.47021C13.3971 8.20986 13.3971 7.78775 13.1368 7.5274L9.59132 3.98194C9.33097 3.72159 8.90886 3.72159 8.64851 3.98194Z" fill="%23E5E9F8"/></svg>');
                right: 8px;
            }

            @media screen and (min-width: 31.3125rem) {
                &:before {
                    right: 13px;
                    content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.9747 5.97289C12.5842 6.36341 12.5842 6.99657 12.9747 7.3871L16.586 10.9984H5C4.44771 10.9984 4 11.4461 4 11.9984C4 12.5506 4.44771 12.9984 5 12.9984H16.5856L12.9747 16.6093C12.5842 16.9998 12.5842 17.6329 12.9747 18.0235C13.3652 18.414 13.9984 18.414 14.3889 18.0235L19.7071 12.7053C20.0976 12.3148 20.0976 11.6816 19.7071 11.2911L14.3889 5.97289C13.9984 5.58236 13.3652 5.58236 12.9747 5.97289Z" fill="%23E5E9F8"/></svg>');
                }
            }

            @media screen and (min-width: 52.5625rem) {
                &:before {
                    right: var(--ec-spacing-1x);
                }
            }
        }
    }

    .splide-arrows {
        /* Arrows should be displayed via splide options. Display styles are added for robustness */
        display: none;

        @media screen and (min-width: 31.3125rem) {
            display: unset;
        }
    }

    .splide__arrow {
        @media screen and (min-width: 31.3125rem) {
            background-color: rgba(229, 233, 248, 0.1);
            border-radius: var(--rounded-corners);
            display: flex;
            height: 2.5rem;
            opacity: 1;
            position: absolute;
            width: 2.5rem;
            z-index: 1;
        }

        svg {
            fill: white;
            height: 0.5rem;
            width: 0.5rem;
        }

        &:hover {
            background: var(--ec-white);
        }

        &:hover svg {
            fill: black;
        }
    }

    .splide__pagination {
        display: flex;
        list-style: none;
        padding: 0;
        z-index: 1;
        align-items: center;
        bottom: 2rem;
        gap: 0.25rem;
        justify-content: flex-start;
        left: 1.5rem;

        .splide__pagination__page {
            aspect-ratio: 1 / 1;
            margin: unset;
            max-height: 0.25rem;
            max-width: fit-content;
            padding: 0;
            content: url('data:image/svg+xml,<svg width="4" height="4" viewBox="0 0 4 4" fill="none" xmlns="http://www.w3.org/2000/svg"><circle opacity="0.2" cx="2" cy="2" r="2" fill="%23E5E9F8"/></svg>');
        }

        .is-active {
            button {
                content: url('data:image/svg+xml,<svg width="4" height="4" viewBox="0 0 4 4" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="2" cy="2" r="2" fill="%23E5E9F8" /></svg>');
            }
        }

        @media screen and (min-width: 31.3125rem) {
            display: none !important;
        }
    }
}

/* ==========================================================================
   Single post
   ========================================================================== */
.single-post {
    .site-header {
        background: var(--ec-bg-site);
    }

    .post-image-div {
        position: absolute;
        width: 100%;
        height: 516px;
        object-fit: cover;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-position: center !important;

        @media screen and (min-width: 37.5rem) {
            height: 377px;
        }

        @media screen and (min-width: 90rem) {
            height: 694px;
        }
    }

    .top-content {
        max-width: 90%;
        width: 100%;
        margin: 0 auto;
        position: relative;
        z-index: 3;
        padding-bottom: var(--ec-spacing-1x);
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);

        @media screen and (min-width: 50rem) {
            max-width: 94.29%;
            padding-bottom: 32px;
        }

        @media screen and (min-width: 90rem) {
            max-width: 1256px;
        }

        @media screen and (min-width: 120rem) {
            max-width: 1348px;
        }

        h1 {
            margin-bottom: 24px;
            font-size: var(--fs-2xl);
            line-height: 109%;
            letter-spacing: -0.01em;

            @media screen and (min-width: 37.5rem) {
                margin-bottom: 32px;
                font-size: 2rem;
                line-height: 119%;
            }

            @media screen and (min-width: 50rem) {
                margin-bottom: var(--ec-spacing-3x);
                font-size: var(--fs-7xl);
                line-height: 100%;
                letter-spacing: -0.02em;
            }
        }

        .info-wrap {
            display: flex;
            align-items: center;
            justify-content: space-between;

            .categories-wrap,
            .post-item__count_views,
            .post-item__reading_time,
            .post-item__q-ty_comments {
                display: none;

                @media screen and (min-width: 37.5rem) {
                    display: flex;
                    align-items: center;
                }
            }

            .left-content {
                margin-right: 20px;
                gap: 32px;
                display: flex;
                align-items: center;
            }

            .categories-wrap {
                display: none;

                @media screen and (min-width: 64rem) {
                    display: flex;
                }

                .post-item__category {
                    margin-right: 8px;
                    padding: 4px 8px;
                    font-weight: 500;
                    font-size: var(--fs-m);
                    line-height: 100%;
                    text-align: center;
                    color: hsl(130, 71%, 52%);
                    border-radius: 20px;
                    backdrop-filter: blur(24px);
                    background: rgba(46, 219, 75, 0.2);

                    &:last-child {
                        margin-right: 0;
                    }
                }
            }

            .author-wrap {
                display: flex;
                font-weight: 400;
                font-size: var(--fs-s);
                line-height: 125%;
                color: hsl(227, 60%, 94%);

                @media screen and (min-width: 50rem) {
                    font-size: var(--fs-m);
                    line-height: 125%;
                }

                .author-photo {
                    margin-left: 12px;
                    width: 24px;
                    height: 24px;
                    object-fit: cover;
                    border-radius: 50%;
                    display: none;

                    @media screen and (min-width: 37.5rem) {
                        display: block;
                    }
                }

                .author-name {
                    margin-left: 8px;
                }
            }

            .post-date {
                font-weight: 400;
                font-size: var(--fs-m);
                line-height: 125%;
                color: hsl(227, 60%, 94%);
                display: none;

                @media screen and (min-width: 64rem) {
                    display: block;
                }
            }

            .right-content {
                display: flex;
                align-items: center;
                gap: 12px;
                font-weight: 400;
                font-size: var(--fs-s);
                line-height: 114%;
                color: hsl(227, 60%, 94%);

                @media screen and (min-width: 50rem) {
                    gap: 32px;
                    font-size: var(--fs-m);
                    line-height: 125%;
                }

                svg {
                    width: var(--ec-spacing-1x);
                    height: var(--ec-spacing-1x);
                    margin-right: 8px;

                    @media screen and (min-width: 50rem) {
                        width: 24px;
                        height: 24px;
                    }
                }

                .post-item__q-ty_comments {
                    cursor: pointer;

                    &:hover {
                        a {
                            color: hsla(21, 100%, 50%, 0.55);
                        }

                        svg {
                            path {
                                fill: hsla(21, 100%, 50%, 0.55);
                            }
                        }
                    }
                }

                .post-item__q-ty_likes {
                    display: flex;
                    align-items: center;
                    cursor: pointer;

                    &:hover {
                        color: hsla(21, 100%, 50%, 0.55);

                        svg {
                            path {
                                fill: hsla(21, 100%, 50%, 0.55);
                            }
                        }
                    }
                }
            }
        }
    }

    .breadcrumb-wrap {
        align-content: center;
        /*! major change ↓
         transform: translateY(-459px); */
        margin-block-start: var(--ec-header-height);
        margin-bottom: 110px;
        min-height: var(--ec-header-height);
        /* position: relative; */
        /* font-size: var(--fs-m); */
        /* line-height: 125%; */
        /* color: hsl(227, 60%, 94%); */
        z-index: 3;

        @media screen and (min-width: 37.5rem) {
            /*! major change ↓
         transform: translateY(-312px); */
            margin-bottom: 190px;
        }

        @media screen and (min-width: 90rem) {
            /*! major change ↓
         transform: translateY(-629px); */
            margin-bottom: 210px;
        }
    }

    &:is(.admin-bar) .breadcrumb-wrap {
        margin-block-start: calc(2rem + var(--ec-header-height));
    }

    .single-post-container {
        max-width: 90%;
        width: 100%;
        margin: 0 auto;

        @media screen and (min-width: 50rem) {
            max-width: 94.29%;
        }

        @media screen and (min-width: 90rem) {
            max-width: 1256px;
        }

        @media screen and (min-width: 120rem) {
            max-width: 1348px;
        }
    }

    .single-post-wrapper {
        position: relative;
        z-index: 3;
        padding-top: 32px;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;

        @media screen and (min-width: 50rem) {
            padding-top: 44px;
        }

        .sidebar {
            display: none;

            @media screen and (min-width: 50rem) {
                display: block;
            }

            min-width: 248px;
            max-width: 248px;
            width: 100%;
            margin-right: 24px;
            position: sticky;
            top: 100px;

            @media screen and (min-width: 64rem) {
                max-width: 296px;
                margin-right: 88px;
            }

            .ez-toc-title,
            .ez-toc-title-toggle {
                display: none;
            }

            .ez-toc-list {
                margin-top: 0;
                margin-bottom: var(--ec-spacing-3x);
                list-style: none;
                padding-left: 22px;

                li {
                    margin-bottom: 22px;
                    position: relative;

                    a {
                        display: block;
                        font-weight: 400;
                        font-size: var(--fs-m);
                        line-height: 125%;
                        color: rgba(229, 233, 248, 0.56);
                    }

                    &:before {
                        position: absolute;
                        left: -22px;
                        top: 0;
                        width: var(--ec-spacing-1x);
                        height: var(--ec-spacing-1x);
                        content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1604_100116)"><path d="M3 15V2.5C3 2.08333 3.14583 1.72917 3.4375 1.4375C3.72917 1.14583 4.08333 1 4.5 1H11.5C11.9167 1 12.2708 1.14583 12.5625 1.4375C12.8542 1.72917 13 2.08333 13 2.5V15L8 13L3 15Z" fill="%23E5E9F8" fill-opacity="0.56"/></g><defs><clipPath id="clip0_1604_100116"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>');
                    }

                    &:hover {
                        a {
                            color: hsl(227, 60%, 94%);
                        }

                        &:before {
                            content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1604_100122)"><path d="M3 15V2.5C3 2.08333 3.14583 1.72917 3.4375 1.4375C3.72917 1.14583 4.08333 1 4.5 1H11.5C11.9167 1 12.2708 1.14583 12.5625 1.4375C12.8542 1.72917 13 2.08333 13 2.5V15L8 13L3 15Z" fill="%23ff5900"/></g><defs><clipPath id="clip0_1604_100122"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>');
                        }
                    }
                }
            }
        }

        .share-post-wrap {
            &.share-mobile {
                margin: 40px 0;
                display: block;

                @media screen and (min-width: 50rem) {
                    display: none;
                }

                span {
                    font-weight: 700;
                    font-size: var(--fs-2xl);
                    line-height: 109%;
                    letter-spacing: -0.01em;
                    color: hsl(227, 60%, 94%);
                }
            }

            &.share-desktop {
                display: none;

                @media screen and (min-width: 50rem) {
                    display: block;
                }

                span {
                    font-weight: 400;
                    font-size: var(--fs-m);
                    line-height: 125%;
                    color: rgba(229, 233, 248, 0.56);
                }
            }

            span {
                margin-bottom: var(--ec-spacing-1x);
                display: block;
            }

            .share-icons-wrap {
                display: flex;
                align-items: center;
                gap: 12px;
                flex-wrap: wrap;
            }

            .share-icon {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 52px;
                height: 52px;
                background: rgba(229, 233, 248, 0.1);
                border-radius: 50%;
                cursor: pointer;

                @media screen and (min-width: 50rem) {
                    width: 42px;
                    height: 42px;
                }

                @media screen and (min-width: 71.25rem) {
                    width: 52px;
                    height: 52px;
                }

                &:hover {
                    background: var(--ec-white);

                    svg {
                        path {
                            fill: var(--ec-bg-site);
                        }
                    }
                }
            }
        }

        .content-wrap {
            width: 100%;

            @media screen and (min-width: 50rem) {
                max-width: 475px;
            }

            @media screen and (min-width: 52.5rem) {
                max-width: 520px;
            }

            @media screen and (min-width: 61rem) {
                max-width: 630px;
            }

            @media screen and (min-width: 75rem) {
                max-width: 750px;
            }

            @media screen and (min-width: 90rem) {
                max-width: 872px;
            }

            .white-button {
                width: max-content;
                display: flex;
                align-items: center;
                justify-content: center;
                color: var(--ec-bg-primary);
                border-radius: 4px;
                background: var(--ec-white);
                text-decoration: none;

                &:hover {
                    background: rgba(229, 233, 248, 0.56);
                }
            }

            .content-div {

                h2,
                h3,
                h4,
                h5,
                h6 {
                    strong {
                        color: var(--ec-white) !important;
                    }
                }

                h2,
                h3,
                h4,
                h5,
                h6,
                p,
                li {
                    color: var(--ec-white) !important;
                }

                strong {
                    font-weight: 700;
                    color: hsl(130, 71%, 52%);
                }

                h2 {
                    margin: 40px 0 var(--ec-spacing-1x) 0;
                    padding: 0;
                    font-weight: 700;
                    font-size: var(--fs-2xl);
                    line-height: 109%;
                    letter-spacing: -0.01em;

                    @media screen and (min-width: 50rem) {
                        font-size: 2rem;
                        line-height: 119%;
                    }
                }

                img,
                .wp-block-image,
                figure {
                    margin: 40px 0;

                    &:first-child {
                        margin-top: 0;
                        aspect-ratio: 7 / 4;
                    }
                }

                .wp-block-image {
                    .wp-element-caption {
                        margin-top: -30px;
                        margin-bottom: 0;
                        font-weight: 400;
                        font-size: var(--fs-s);
                        line-height: 114%;
                        color: rgba(229, 233, 248, 0.56);
                    }
                }

                .blog-info {
                    margin: 40px 0;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    position: relative;
                    overflow: hidden;
                    border-radius: 4px;

                    @media screen and (min-width: 64rem) {
                        flex-direction: row;
                        border-radius: 4px;
                    }

                    strong {
                        font-weight: 700;
                        color: var(--ec-white);
                    }

                    .blog-info-media {
                        position: relative;
                        z-index: 1;
                        width: 100%;
                        border-radius: 4px 4px 0 0;
                        transition: all 0.3s ease-out;

                        @media screen and (min-width: 64rem) {
                            max-width: 390px;
                        }

                        img {
                            width: 100%;
                            margin-bottom: 0;
                            height: 257px;
                            object-fit: cover;
                            object-position: top;
                            border-radius: 4px 4px 0 0;

                            @media screen and (min-width: 64rem) {
                                max-width: 390px;
                                height: 244px;
                                object-position: center;
                            }
                        }
                    }

                    .blog-info-text {
                        width: 100%;
                        padding: 42px 27px 50px 27px;
                        margin: 0 auto;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        text-align: center;
                        position: relative;

                        @media screen and (min-width: 37.5rem) {
                            padding-top: 60px;
                        }

                        @media screen and (min-width: 64rem) {
                            max-width: 373px;
                            min-height: 244px;
                            width: 96%;
                            background: transparent;
                            border-radius: 0 4px 4px 0;
                            padding: 10px 50px;
                            text-align: left;
                        }

                        &:before {
                            @media screen and (min-width: 64rem) {
                                position: absolute;
                                z-index: 2;
                                left: -65px;
                                top: 0;
                                height: 100%;
                                width: 532px;
                                border-radius: 0 4px 4px 0;
                                content: url('data:image/svg+xml,<svg width="532" height="245" viewBox="0 0 532 245" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.566406 0.710938H1009.64V244.711H0.566406L65.3213 122.711L0.566406 0.710938Z" fill="%23ff5900" /></svg>');
                                transition: all 0.3s ease-out;
                            }
                        }

                        &:after {
                            position: absolute;
                            z-index: 2;
                            left: 0;
                            top: -100px;
                            height: 200%;
                            width: 100%;
                            content: "";
                            background: url('data:image/svg+xml,<svg width="287" height="379" viewBox="0 0 287 379" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M287 0.716797L287 578.871L-1.41099e-05 578.871L-2.50502e-06 0.71677L143.5 67.8703L287 0.716797Z" fill="%23ff5900" /></svg>');
                            pointer-events: none;
                            transition: all 0.3s ease-out;

                            @media screen and (min-width: 37.5rem) {
                                top: -72px;
                                background: url('data:image/svg+xml,<svg width="552" height="380" viewBox="0 0 552 380" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M552 0.716797L552 578.871L-2.23202e-05 578.871L0 0.71677L276 67.8703L552 0.716797Z" fill="%23ff5900" /></svg>');
                            }

                            @media screen and (min-width: 50rem) {
                                top: -90px;
                                background: url('data:image/svg+xml,<svg width="520" height="338" viewBox="0 0 520 338" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M520 0.716797L520 578.871L-2.10262e-05 578.871L0 0.71677L260 67.8703L520 0.716797Z" fill="%23ff5900" /></svg>');
                            }

                            @media screen and (min-width: 64rem) {
                                content: url('data:image/svg+xml,<svg width="114" height="245" viewBox="0 0 114 245" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M48.5159 0.710935L113.934 122.711L49.5159 244.711L1.34823 244.711L65.7659 122.711L0.348244 0.710933L48.5159 0.710935Z" fill="%23ff5900" /></svg>');
                                background: none;
                                left: -121px;
                                height: 100%;
                                top: 0;
                                width: 114px;
                            }

                            background-position: top center !important;
                            background-size: cover !important;
                            background-repeat: no-repeat !important;
                        }
                    }

                    .main-text {
                        position: relative;
                        z-index: 3;
                        margin-bottom: 8px;
                        font-weight: 700;
                        font-size: 22px !important;
                        line-height: 109%;
                        letter-spacing: -0.01em;
                        color: hsl(227, 60%, 94%);

                        @media screen and (min-width: 64rem) {
                            padding: 0;
                        }
                    }

                    .subtext {
                        padding-bottom: 0;
                        margin-bottom: 20px;
                        position: relative;
                        z-index: 3;
                        font-weight: 400;
                        font-size: var(--fs-m) !important;
                        line-height: 125%;
                        color: hsl(227, 60%, 94%);
                    }

                    .white-button {
                        overflow: hidden;
                        position: relative;
                        z-index: 3;
                        padding: 7px 19px;
                        font-weight: 500;
                        font-size: var(--fs-xl);
                        line-height: 120%;
                        letter-spacing: -0.01em;
                        text-decoration: none;
                        color: var(--ec-bg-primary);
                        margin: 0 auto;

                        &:after {
                            position: relative;
                            margin-top: 2px;
                            margin-left: 12px;
                            content: url('data:image/svg+xml,<svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.97471 0.683518C8.58419 1.07404 8.58419 1.70721 8.97471 2.09773L12.586 5.70898H1C0.447715 5.70898 0 6.1567 0 6.70898C0 7.26127 0.447715 7.70898 1 7.70898H12.5856L8.97471 11.3199C8.58419 11.7104 8.58419 12.3436 8.97471 12.7341C9.36524 13.1246 9.9984 13.1246 10.3889 12.7341L15.7071 7.41591C16.0976 7.02539 16.0976 6.39222 15.7071 6.0017L10.3889 0.683518C9.9984 0.292994 9.36524 0.292994 8.97471 0.683518Z" fill="%230E1B28" /></svg>');
                        }

                        @media screen and (min-width: 64rem) {
                            margin: 0;
                        }
                    }
                }

                @media screen and (min-width: 64rem) {
                    .blog-info:hover .blog-info-text:after {
                        transform: translateX(10px);
                    }

                    .blog-info:hover .blog-info-media {
                        transform: scale(1.25);
                    }
                }

                ol,
                ul {
                    margin: 0 0 40px 0;
                }

                ul {
                    list-style: none;
                    padding: 0;

                    li {
                        margin-bottom: 12px;
                        position: relative;
                        padding-left: 32px;
                        font-weight: 400;
                        font-size: var(--fs-m);
                        line-height: 125%;

                        &:last-child {
                            margin-bottom: 0;
                        }

                        &:before {
                            top: 0;
                            left: 0;
                            position: absolute;
                            content: "";
                            background-size: contain;
                            background-position: center;
                            background-repeat: no-repeat;
                            width: 24px;
                            height: 24px;
                            background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="24" height="24" rx="12" fill="white" fill-opacity="0.15"/><path d="M10.3121 16.5217L6.03711 12.2467L7.10586 11.1779L10.3121 14.3842L17.1934 7.50293L18.2621 8.57168L10.3121 16.5217Z" fill="%23E5E9F8"/></svg>');
                        }

                        @media screen and (min-width: 50rem) {
                            font-size: var(--fs-xl);
                            line-height: 120%;
                            letter-spacing: -0.01em;
                        }
                    }
                }

                a {
                    font-weight: 400;
                    font-size: var(--fs-m);
                    line-height: 125%;
                    text-decoration: underline;
                    text-decoration-skip-ink: none;
                    color: var(--ec-clr-accent);
                    text-underline-offset: 3px;

                    @media screen and (min-width: 50rem) {
                        font-size: var(--fs-xl);
                        line-height: 120%;
                        letter-spacing: -0.01em;
                    }

                    &:hover {
                        color: hsla(21, 100%, 50%, 0.55)
                    }
                }

                p {
                    padding-bottom: 0;
                    margin-bottom: 20px;
                }

                p,
                li {
                    font-weight: 400;
                    font-size: var(--fs-m);
                    line-height: 125%;

                    @media screen and (min-width: 50rem) {
                        font-size: var(--fs-xl);
                        line-height: 120%;
                        letter-spacing: -0.01em;
                    }
                }

                table {
                    margin: 20px 0;

                    p {
                        margin: 0;
                    }

                    tr {
                        &:first-child {
                            border-bottom: 1px solid #e5e9f8;

                            td {
                                padding: 1rem;
                                font-weight: 500;
                                font-size: var(--fs-m);
                                line-height: 125%;
                                color: hsl(227, 60%, 94%);
                                background: var(--ec-bg-primary);

                                @media screen and (min-width: 50rem) {
                                    font-size: var(--fs-xl);
                                    line-height: 120%;
                                    letter-spacing: -0.01em;
                                }
                            }
                        }

                        td {
                            border: none;
                            border-right: 1px solid rgba(255, 255, 255, 0.15);
                            padding: 1rem;
                            font-weight: 400;
                            font-size: var(--fs-m);
                            line-height: 125%;
                            letter-spacing: -0.01em;
                            color: hsl(227, 60%, 94%);

                            @media screen and (min-width: 37.5rem) {
                                font-size: var(--fs-xl);
                                line-height: 120%;
                                letter-spacing: -0.01em;
                            }

                            &:last-child {
                                border-right: none;
                            }
                        }

                        &:nth-child(even) {
                            td {
                                background: #1A2633;
                            }
                        }

                        &:nth-child(odd) {
                            td {
                                background: var(--ec-bg-primary);
                            }
                        }
                    }

                    td {
                        min-width: 200px;

                        @media screen and (min-width: 64.0625rem) {
                            min-width: unset;
                        }
                    }

                    thead {
                        strong {
                            color: var(--ec-white);
                        }
                    }

                    thead+tbody {
                        tr {
                            border-bottom: none !important;

                            td {
                                border-bottom: none !important;
                                font-weight: 400 !important;
                                font-size: var(--fs-m) !important;
                                line-height: 125% !important;
                                letter-spacing: -0.01em !important;
                                color: var(--ec-clr-primary) !important;

                                @media screen and (min-width: 37.5rem) {
                                    font-size: 20px !important;
                                    line-height: 120% !important;
                                }
                            }

                            &:nth-child(even) {
                                td {
                                    background: var(--ec-bg-primary) !important;
                                }
                            }

                            &:nth-child(odd) {
                                td {
                                    background: #1A2633 !important;
                                }
                            }
                        }
                    }
                }

                .promocode {
                    position: relative;
                    margin: 40px 0;
                    width: max-content;
                    border: 1px solid rgba(255, 255, 255, 0.15);
                    border-radius: 4px;
                    padding: 15px 18px 15px 58px;
                    font-weight: 500;
                    font-size: var(--fs-m);
                    line-height: 100%;
                    color: var(--ec-white);
                    backdrop-filter: blur(24px);
                    background: var(--ec-bg-site);

                    span {
                        color: var(--ec-clr-accent);
                    }

                    .text {
                        margin-top: 4px;
                        max-width: 206px;
                        width: 100%;
                        font-weight: 400;
                        font-size: var(--fs-s);
                        line-height: 114%;
                        color: rgba(229, 233, 248, 0.56);
                    }

                    &:before {
                        position: absolute;
                        content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 22V11H2V5H7.2C7.11667 4.85 7.0625 4.69167 7.0375 4.525C7.0125 4.35833 7 4.18333 7 4C7 3.16667 7.29167 2.45833 7.875 1.875C8.45833 1.29167 9.16667 1 10 1C10.3833 1 10.7417 1.07083 11.075 1.2125C11.4083 1.35417 11.7167 1.55 12 1.8C12.2833 1.53333 12.5917 1.33333 12.925 1.2C13.2583 1.06667 13.6167 1 14 1C14.8333 1 15.5417 1.29167 16.125 1.875C16.7083 2.45833 17 3.16667 17 4C17 4.18333 16.9833 4.35417 16.95 4.5125C16.9167 4.67083 16.8667 4.83333 16.8 5H22V11H20V22H4ZM14 3C13.7167 3 13.4792 3.09583 13.2875 3.2875C13.0958 3.47917 13 3.71667 13 4C13 4.28333 13.0958 4.52083 13.2875 4.7125C13.4792 4.90417 13.7167 5 14 5C14.2833 5 14.5208 4.90417 14.7125 4.7125C14.9042 4.52083 15 4.28333 15 4C15 3.71667 14.9042 3.47917 14.7125 3.2875C14.5208 3.09583 14.2833 3 14 3ZM9 4C9 4.28333 9.09583 4.52083 9.2875 4.7125C9.47917 4.90417 9.71667 5 10 5C10.2833 5 10.5208 4.90417 10.7125 4.7125C10.9042 4.52083 11 4.28333 11 4C11 3.71667 10.9042 3.47917 10.7125 3.2875C10.5208 3.09583 10.2833 3 10 3C9.71667 3 9.47917 3.09583 9.2875 3.2875C9.09583 3.47917 9 3.71667 9 4ZM4 7V9H11V7H4ZM11 20V11H6V20H11ZM13 20H18V11H13V20ZM20 9V7H13V9H20Z" fill="white" /></svg>');
                        left: 18px;
                        top: 50%;
                        transform: translate(0%, -50%);
                    }
                }

                .text-block-prize {
                    position: relative;
                    padding: 131px 20px 22px 20px;
                    font-weight: 500;
                    font-size: var(--fs-xl);
                    line-height: 120%;
                    letter-spacing: -0.01em;
                    margin-block-end: 1.5rem;
                    color: var(--ec-white);
                    backdrop-filter: blur(24px);
                    background: rgba(0, 0, 0, 0.34);
                    border-radius: 4px;
                    border: 1px solid rgba(255, 255, 255, 0.15);
                    overflow: hidden;

                    @media screen and (min-width: 37.5rem) {
                        padding: 21px 20px 21px 104px;
                    }

                    @media screen and (min-width: 50rem) {
                        padding: 21px 40px 21px 124px;
                    }

                    @media screen and (min-width: 90rem) {
                        padding: 24px 165px 24px 204px;
                    }

                    span {
                        color: var(--ec-clr-accent);
                    }

                    &:before {
                        position: absolute;
                        content: url('data:image/svg+xml,<svg width="72" height="77" viewBox="0 0 72 77" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1777_109117)"><path d="M2.39606 33.3809C2.39606 35.7199 1.67881 66.4682 2.1653 70.7113C2.65178 74.9544 31.8784 77.4133 37.8035 76.8396C43.7349 76.2658 46.6102 51.0468 46.6102 51.0468L45.3254 33.6394L2.39606 33.3809Z" fill="%23ff5900" /><path d="M38.3868 56.9802L2.08745 51.4824C2.08121 52.1633 2.06874 52.8443 2.0625 53.5189L38.3868 59.0229V56.9802Z" fill="%23FFA800" /><path d="M38.3805 62.5626L2.01871 57.0586C2.01247 57.7458 2.00624 58.433 2 59.095L38.3805 64.6054V62.5626Z" fill="%23FFA800" /><path d="M38.3757 68.1436L1.97656 62.627C1.97656 63.3394 1.97656 64.0203 1.97656 64.6697L38.3695 70.1801V68.1373L38.3757 68.1436Z" fill="%23FFA800" /><path d="M2.26953 42.3841L38.4192 47.8566V45.8139L2.30695 40.3477C2.29448 40.997 2.28201 41.678 2.26953 42.3841Z" fill="%23FFA800" /><path d="M38.3868 73.7272L2.03125 68.2168C2.04996 69.0679 2.08115 69.7678 2.11857 70.2722L38.3868 75.7636V73.7209V73.7272Z" fill="%23FFA800" /><path d="M38.4151 51.4012L2.20306 45.916C2.19059 46.5843 2.17811 47.2652 2.17188 47.9525L38.4151 53.4439V51.4012Z" fill="%23FFA800" /><path d="M36.0818 38.8417C36.0818 38.8417 34.7658 73.5179 35.8074 76.3172C36.8552 79.1165 65.0839 72.4209 68.1462 70.8699C71.745 69.0478 70.1795 37.1962 69.9238 33.8168C69.6681 30.4375 36.0756 38.8417 36.0756 38.8417H36.0818Z" fill="%23FE4F00" /><path d="M70.3327 58.9963C70.3576 58.3217 70.3763 57.6408 70.395 56.9473L35.4117 62.2811C35.3992 62.9746 35.393 63.6555 35.3867 64.3238L70.3327 58.9963Z" fill="%23FFA800" /><path d="M35.6445 53.1322L70.4595 47.8235C70.447 47.1363 70.4346 46.4554 70.4221 45.7871L35.7007 51.0831C35.682 51.7577 35.6632 52.4386 35.6445 53.1322Z" fill="%23FFA800" /><path d="M70.4615 53.3963C70.4615 52.7153 70.4615 52.0344 70.4615 51.3535L35.528 56.681C35.5156 57.3619 35.4968 58.0492 35.4844 58.7301L70.4615 53.3963Z" fill="%23FFA800" /><path d="M69.9537 64.6324C70.0223 63.9767 70.0847 63.2832 70.1346 62.5645L35.3633 67.8668C35.3633 68.5792 35.3633 69.2601 35.3758 69.9095L69.96 64.6324H69.9537Z" fill="%23FFA800" /><path d="M35.6992 47.529L70.221 42.2645C70.1961 41.5584 70.1774 40.8775 70.1524 40.2344L35.7616 45.4799C35.7429 46.1293 35.7179 46.8165 35.6992 47.529Z" fill="%23FFA800" /><path d="M68.5912 70.4306C68.9092 69.9766 69.1837 69.2327 69.4082 68.2617L35.4727 73.4379C35.5101 74.2639 35.5537 74.9448 35.6161 75.4555L68.5849 70.4243L68.5912 70.4306Z" fill="%23FFA800" /><g style="mix-blend-mode:multiply" opacity="0.3"><path d="M69.8724 32.1028C69.704 29.9087 55.4524 32.6891 45.4982 34.9021L45.2799 31.9262L2.35055 31.6677C2.35055 32.2793 2.30065 34.8138 2.23828 38.3066C8.98672 40.0783 32.837 43.0289 35.7497 43.4639C35.7497 44.8005 64.6021 39.5802 70.1655 37.9157C70.0533 35.0029 69.9285 32.8467 69.8724 32.1028Z" fill="%23203449" /></g><path d="M2.05078 22.815C2.05078 24.2525 30.7223 28.5335 35.793 28.918C40.8637 29.3089 70.4271 24.7506 71.0695 23.042C71.7119 21.3334 40.4894 19.2402 35.793 19.2402C31.0965 19.2402 2.05078 21.9198 2.05078 22.815Z" fill="%23FF772B" /><path d="M35.7568 28.9159C33.6299 28.2665 4.50937 21.9176 2.01456 22.8129C-0.480237 23.7082 -0.280653 34.401 0.480262 35.9268C1.24118 37.4525 32.4013 41.2984 35.7568 41.8028C39.1123 42.3072 43.5717 39.8799 43.5717 39.8799L35.7568 28.9222V28.9159Z" fill="%23ff5900" /><path d="M35.753 28.9177C35.6408 36.2376 35.753 40.3483 35.753 41.7984C35.753 43.2485 69.4017 37.0383 71.0295 35.9223C72.6574 34.8064 71.8403 24.4035 71.0295 23.0417C70.2187 21.6799 35.753 28.9177 35.753 28.9177Z" fill="%23FE4F00" /><path d="M14.2496 75.6862C13.7382 75.6862 13.3203 75.2638 13.3203 74.7468C13.3203 74.627 13.3515 62.0868 13.8006 49.3449C14.6737 24.7122 16.2205 24.2961 17.2434 24.0187C20.2933 23.1991 33.0417 21.3329 33.5843 21.2509L33.6779 21.2383H33.7715C37.1145 21.4337 53.917 22.4677 56.2496 24.4033C56.8546 24.9013 57.9773 25.8345 58.0272 50.3221C58.0521 62.2192 57.8026 74.0406 57.8026 74.1541C57.7902 74.6648 57.3785 75.0746 56.8733 75.0746H56.8546C56.3432 75.062 55.9315 74.6333 55.944 74.1163C56.3182 56.7404 56.3868 28.4005 55.0147 25.8155C53.5303 24.8005 43.1457 23.6593 33.759 23.1297C32.6051 23.2999 20.9544 25.0148 17.8796 25.7966C15.9773 28.5644 15.1852 58.9155 15.1852 74.7468C15.1852 75.2638 14.7673 75.6862 14.2559 75.6862H14.2496Z" fill="white" fill-opacity="0.79" /><path d="M46.5543 23.6763C40.8475 23.6763 35.4524 22.4532 35.0595 22.3649L33.625 22.0308L34.5418 20.8644C35.8703 19.1684 47.7518 4.3081 55.2362 5.93473C57.5626 6.43911 59.1655 8.39989 60.0013 11.7603C60.8932 15.3414 60.3506 18.1975 58.3734 20.2339C55.7788 22.9198 51.0699 23.6826 46.5606 23.6826L46.5543 23.6763ZM36.9618 20.8329C38.6021 21.1355 41.4088 21.5831 44.4587 21.7408C50.6021 22.056 54.9431 21.0788 57.0325 18.9162C58.5418 17.3527 58.9223 15.1649 58.1863 12.2143C57.5377 9.6041 56.4088 8.10987 54.8308 7.76942C49.8911 6.69761 41.0221 15.9341 36.9556 20.8329H36.9618Z" fill="white" fill-opacity="0.79" /><path d="M33.4468 22.6423C31.1766 22.6423 17.4364 22.3838 13.3949 16.2808C11.9666 14.1308 11.8793 11.5396 13.1329 8.58896C14.293 5.859 15.9271 4.42151 17.9978 4.31433C21.004 4.16301 24.7337 7.00646 29.0622 12.7816C32.1745 16.9365 34.451 21.0661 34.5446 21.2426L35.2992 22.617L33.7462 22.6423C33.7026 22.6423 33.6028 22.6423 33.4468 22.6423ZM18.2473 6.19315C18.1974 6.19315 18.1475 6.19315 18.0976 6.19315C16.7816 6.2625 15.715 7.28387 14.8481 9.33292C13.8439 11.6909 13.8751 13.6202 14.9479 15.2342C17.9604 19.7862 28.1329 20.5932 32.1121 20.7319C29.1121 15.6314 22.6443 6.19315 18.2473 6.19315Z" fill="white" fill-opacity="0.79" /><path d="M35.0055 22.8003H34.9806C33.6895 22.794 32.5356 22.0501 31.9743 20.8711C31.3132 19.4777 29.6791 15.7894 28.8558 11.7544C28.0388 7.72566 28.2882 4.66154 29.6105 2.64402C30.8579 0.752595 32.9411 -0.136375 35.8225 0.00232966C38.7477 0.141034 40.781 1.1561 41.86 3.0097C44.5356 7.61217 40.282 16.2686 37.9993 20.9152C37.4255 22.0753 36.2841 22.794 35.0055 22.794V22.8003ZM33.6583 20.0578C33.914 20.5937 34.413 20.9152 34.9993 20.9215H35.0117C35.5855 20.9215 36.0845 20.6063 36.3402 20.083C38.3174 16.0605 42.4275 7.68783 40.2633 3.96802C39.5149 2.67555 38.0367 1.99463 35.7415 1.88745C33.5336 1.78027 32.0367 2.37292 31.176 3.69061C28.756 7.3852 31.6001 15.7201 33.6645 20.0641L33.6583 20.0578Z" fill="white" fill-opacity="0.79" /><path d="M17.043 65.8261C16.5877 65.8261 16.1947 65.492 16.1261 65.0254C15.5398 61.0471 15.3527 56.9994 17.9161 54.3262C18.2467 53.9795 18.6022 53.6831 18.9515 53.3994C19.2945 53.1157 19.6188 52.8446 19.8933 52.5483C21.1407 51.1928 21.4213 49.2004 21.7207 47.0947C21.8018 46.502 21.8891 45.9157 21.9889 45.3419C22.5502 42.2589 23.8475 39.3146 25.7436 36.8242C26.386 35.9794 27.1032 35.1787 27.7956 34.4032C29.3922 32.6189 30.9016 30.9292 31.519 28.8235C31.6874 28.2497 31.8122 27.594 31.9369 26.9005C32.3423 24.7569 32.7976 22.3232 34.8933 21.3523L35.28 21.1758L35.6667 21.3523C38.9723 22.8655 41.5731 25.8665 42.6271 29.3783C42.6895 29.5863 42.7457 29.7944 42.8018 30.0088C42.9452 30.5447 43.0887 31.0553 43.307 31.4904C43.4068 31.6858 43.5253 31.875 43.6438 32.0578C43.8309 32.3541 44.018 32.6631 44.1739 33.0161C44.9598 34.8256 44.386 36.5972 43.8247 38.3184C43.5128 39.2831 43.2197 40.1909 43.1698 41.0673C43.0762 42.7255 43.8746 44.308 44.7166 45.9787C45.097 46.729 45.4899 47.5108 45.8018 48.3115C46.8558 50.9847 47.043 53.9921 46.3195 56.7725C46.1885 57.2768 45.6833 57.5732 45.1843 57.4471C44.6854 57.3147 44.3922 56.804 44.517 56.2996C45.1344 53.8975 44.9785 51.3125 44.0679 49.005C43.781 48.2863 43.4255 47.5801 43.0513 46.8299C42.1344 45.0078 41.1802 43.1227 41.3049 40.9601C41.3673 39.8379 41.7165 38.7661 42.0533 37.7321C42.5398 36.2252 42.964 34.9265 42.465 33.779C42.3652 33.552 42.2155 33.3124 42.0596 33.0666C41.9161 32.8333 41.7727 32.6 41.6479 32.3541C41.3361 31.7426 41.1677 31.1184 40.9993 30.5131C40.9432 30.3177 40.8933 30.1222 40.8371 29.9331C39.9827 27.0833 37.9369 24.6308 35.3111 23.2753C34.3694 23.9877 34.07 25.5828 33.7581 27.2536C33.6272 27.9597 33.4899 28.6974 33.2966 29.3594C32.5606 31.8813 30.833 33.8042 29.1677 35.6704C28.5003 36.4207 27.808 37.1899 27.2093 37.978C25.4941 40.2288 24.3215 42.8957 23.8101 45.6887C23.7103 46.2372 23.6292 46.7983 23.5544 47.3658C23.2301 49.667 22.8933 52.0439 21.2467 53.8344C20.8912 54.2253 20.4983 54.5469 20.124 54.8558C19.8059 55.1206 19.5066 55.3665 19.2446 55.6376C17.1365 57.8317 17.4733 61.4884 17.9598 64.748C18.0346 65.2587 17.6854 65.7378 17.1802 65.8135C17.1365 65.8198 17.0866 65.8261 17.043 65.8261Z" fill="white" fill-opacity="0.79" /></g><defs><clipPath id="clip0_1777_109117"><rect width="72" height="77" fill="white" /></clipPath></defs></svg>');
                        top: 22px;
                        left: 50%;
                        transform: translate(-50%, 0%);
                        z-index: 2;

                        @media screen and (min-width: 37.5rem) {
                            top: 50%;
                            left: 20px;
                            transform: translate(0%, -50%);
                            content: url('data:image/svg+xml,<svg width="52" height="55" viewBox="0 0 52 55" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1771_90450)"><path d="M1.72063 23.7188C1.72063 25.3807 1.2059 47.228 1.55502 50.2428C1.90415 53.2576 22.8785 55.0047 27.1307 54.597C31.3873 54.1894 33.4508 36.2707 33.4508 36.2707L32.5287 23.9024L1.72063 23.7188Z" fill="%23ff5900" /><path d="M27.5485 40.4863L1.49837 36.5801C1.4939 37.0639 1.48494 37.5477 1.48047 38.027L27.5485 41.9377V40.4863Z" fill="%23FFA800" /><path d="M27.5419 44.4518L1.44702 40.541C1.44255 41.0293 1.43807 41.5176 1.43359 41.9879L27.5419 45.9032V44.4518Z" fill="%23FFA800" /><path d="M27.5397 48.4177L1.41797 44.498C1.41797 45.0042 1.41797 45.488 1.41797 45.9495L27.5352 49.8647V48.4133L27.5397 48.4177Z" fill="%23FFA800" /><path d="M1.62891 30.1149L27.5716 34.0032V32.5518L1.65576 28.668C1.64681 29.1294 1.63786 29.6132 1.62891 30.1149Z" fill="%23FFA800" /><path d="M27.5474 52.384L1.45703 48.4688C1.47046 49.0735 1.49284 49.5707 1.51969 49.9291L27.5474 53.8309V52.3795V52.384Z" fill="%23FFA800" /><path d="M27.5684 36.5223L1.58097 32.625C1.57202 33.0998 1.56307 33.5836 1.55859 34.0719L27.5684 37.9737V36.5223Z" fill="%23FFA800" /><path d="M25.895 27.5985C25.895 27.5985 24.9505 52.2366 25.698 54.2256C26.45 56.2146 46.7082 51.4572 48.9059 50.3552C51.4885 49.0606 50.3651 26.4293 50.1816 24.0282C49.998 21.6271 25.8905 27.5985 25.8905 27.5985H25.895Z" fill="%23FE4F00" /><path d="M50.4734 41.9188C50.4913 41.4395 50.5047 40.9557 50.5181 40.4629L25.4124 44.2527C25.4035 44.7454 25.399 45.2292 25.3945 45.7041L50.4734 41.9188Z" fill="%23FFA800" /><path d="M25.582 37.752L50.5669 33.9801C50.5579 33.4919 50.549 33.008 50.54 32.5332L25.6223 36.2961C25.6089 36.7754 25.5955 37.2592 25.582 37.752Z" fill="%23FFA800" /><path d="M50.5661 37.9397C50.5661 37.4559 50.5661 36.9721 50.5661 36.4883L25.4962 40.2736C25.4872 40.7574 25.4738 41.2457 25.4648 41.7295L50.5661 37.9397Z" fill="%23FFA800" /><path d="M50.2026 45.9225C50.2519 45.4566 50.2966 44.9638 50.3324 44.4531L25.3789 48.2205C25.3789 48.7267 25.3789 49.2105 25.3879 49.6719L50.2071 45.9225H50.2026Z" fill="%23FFA800" /><path d="M25.6211 33.7708L50.3956 30.0303C50.3777 29.5286 50.3642 29.0448 50.3463 28.5879L25.6659 32.315C25.6524 32.7764 25.6345 33.2646 25.6211 33.7708Z" fill="%23FFA800" /><path d="M49.2244 50.043C49.4527 49.7204 49.6496 49.1918 49.8108 48.502L25.457 52.1797C25.4839 52.7666 25.5152 53.2504 25.56 53.6132L49.2199 50.0385L49.2244 50.043Z" fill="%23FFA800" /><g style="mix-blend-mode:multiply" opacity="0.3"><path d="M50.1429 22.8106C50.022 21.2517 39.7944 23.2272 32.6508 24.7996L32.4941 22.6852L1.68604 22.5015C1.68604 22.936 1.65023 24.7369 1.60547 27.2186C6.44846 28.4774 23.5646 30.5739 25.6548 30.883C25.6548 31.8326 46.3607 28.1235 50.3532 26.9409C50.2727 24.8713 50.1831 23.3392 50.1429 22.8106Z" fill="%23203449" /></g><path d="M1.47266 16.2099C1.47266 17.2312 22.0487 20.2729 25.6876 20.5462C29.3266 20.8239 50.5427 17.5851 51.0037 16.3712C51.4647 15.1572 29.058 13.6699 25.6876 13.6699C22.3172 13.6699 1.47266 15.5738 1.47266 16.2099Z" fill="%23FF772B" /><path d="M25.6608 20.5461C24.1345 20.0847 3.23622 15.5737 1.44584 16.2098C-0.344549 16.8459 -0.201318 24.4434 0.34475 25.5275C0.890818 26.6115 23.2527 29.3441 25.6608 29.7025C28.0689 30.0609 31.2692 28.3362 31.2692 28.3362L25.6608 20.5506V20.5461Z" fill="%23ff5900" /><path d="M25.6569 20.5482C25.5763 25.7491 25.6569 28.6698 25.6569 29.7001C25.6569 30.7305 49.8047 26.318 50.973 25.5251C52.1412 24.7322 51.5548 17.3408 50.973 16.3732C50.3911 15.4056 25.6569 20.5482 25.6569 20.5482Z" fill="%23FE4F00" /><path d="M10.2255 53.7761C9.85848 53.7761 9.55859 53.476 9.55859 53.1087C9.55859 53.0235 9.58097 44.1135 9.90324 35.0601C10.5299 17.5581 11.6399 17.2625 12.374 17.0654C14.5627 16.483 23.7116 15.157 24.101 15.0988L24.1681 15.0898H24.2353C26.6344 15.2287 38.6927 15.9634 40.3667 17.3386C40.8008 17.6925 41.6065 18.3555 41.6423 35.7545C41.6602 44.2076 41.4812 52.6069 41.4812 52.6876C41.4722 53.0504 41.1768 53.3416 40.8143 53.3416H40.8008C40.4338 53.3326 40.1384 53.028 40.1473 52.6607C40.4159 40.3148 40.4651 20.1787 39.4804 18.3421C38.4151 17.6208 30.9627 16.81 24.2263 16.4337C23.3983 16.5547 15.0372 17.7732 12.8305 18.3286C11.4654 20.2952 10.8969 41.8602 10.8969 53.1087C10.8969 53.476 10.597 53.7761 10.23 53.7761H10.2255Z" fill="white" fill-opacity="0.79" /><path d="M33.4076 16.8229C29.3121 16.8229 25.4404 15.9538 25.1584 15.8911L24.1289 15.6537L24.7869 14.825C25.7403 13.6199 34.267 3.06139 39.6381 4.21714C41.3077 4.57551 42.458 5.96869 43.0578 8.35634C43.6978 10.9008 43.3084 12.9301 41.8895 14.377C40.0275 16.2853 36.6482 16.8274 33.4121 16.8274L33.4076 16.8229ZM26.5235 14.8026C27.7007 15.0176 29.7149 15.3356 31.9037 15.4476C36.3125 15.6716 39.4278 14.9773 40.9272 13.4408C42.0104 12.3298 42.2834 10.7754 41.7553 8.67888C41.2898 6.8243 40.4796 5.76262 39.3472 5.52072C35.8022 4.75918 29.4374 11.3219 26.5191 14.8026H26.5235Z" fill="white" fill-opacity="0.79" /><path d="M24.002 16.0889C22.3728 16.0889 12.5122 15.9053 9.61177 11.569C8.58678 10.0414 8.52411 8.20026 9.42378 6.10378C10.2563 4.16409 11.429 3.14273 12.915 3.06657C15.0725 2.95906 17.7491 4.97939 20.8554 9.08275C23.0889 12.0348 24.7226 14.969 24.7898 15.0944L25.3314 16.071L24.2169 16.0889C24.1855 16.0889 24.1139 16.0889 24.002 16.0889ZM13.0941 4.40151C13.0583 4.40151 13.0225 4.40151 12.9867 4.40151C12.0422 4.45079 11.2768 5.17649 10.6547 6.63238C9.93404 8.30777 9.95642 9.67854 10.7263 10.8253C12.8882 14.0596 20.1885 14.633 23.0442 14.7316C20.8912 11.1076 16.2496 4.40151 13.0941 4.40151Z" fill="white" fill-opacity="0.79" /><path d="M25.121 16.2006H25.1031C24.1766 16.1961 23.3486 15.6675 22.9457 14.8298C22.4713 13.8398 21.2986 11.2192 20.7077 8.35224C20.1214 5.48974 20.3004 3.31263 21.2493 1.87914C22.1445 0.535248 23.6395 -0.0963832 25.7074 0.00216917C27.8066 0.100722 29.2658 0.821945 30.0401 2.13896C31.9603 5.40911 28.9077 11.5597 27.2695 14.8612C26.8577 15.6854 26.0386 16.1961 25.121 16.1961V16.2006ZM24.1542 14.2519C24.3377 14.6327 24.6958 14.8612 25.1166 14.8657H25.1255C25.5373 14.8657 25.8954 14.6417 26.0789 14.2699C27.4978 11.4118 30.4474 5.46286 28.8943 2.81987C28.3572 1.90154 27.2964 1.41774 25.6492 1.34158C24.0647 1.26543 22.9905 1.68652 22.3728 2.62277C20.6361 5.24784 22.6772 11.1699 24.1587 14.2564L24.1542 14.2519Z" fill="white" fill-opacity="0.79" /><path d="M12.2309 46.7718C11.9041 46.7718 11.6221 46.5344 11.5729 46.2029C11.1522 43.3762 11.0179 40.5003 12.8575 38.6009C13.0947 38.3545 13.3499 38.144 13.6005 37.9424C13.8467 37.7408 14.0794 37.5482 14.2764 37.3376C15.1716 36.3745 15.373 34.9589 15.5878 33.4627C15.646 33.0417 15.7087 32.625 15.7803 32.2174C16.1831 30.0268 17.1141 27.9348 18.4748 26.1654C18.9359 25.5651 19.4506 24.9962 19.9474 24.4452C21.0933 23.1775 22.1765 21.9769 22.6196 20.4807C22.7404 20.073 22.83 19.6072 22.9195 19.1144C23.2104 17.5913 23.5372 15.8622 25.0411 15.1723L25.3186 15.0469L25.5961 15.1723C27.9684 16.2474 29.8348 18.3797 30.5913 20.8749C30.636 21.0227 30.6763 21.1706 30.7166 21.3229C30.8196 21.7036 30.9225 22.0665 31.0792 22.3756C31.1508 22.5145 31.2358 22.6489 31.3209 22.7788C31.4551 22.9893 31.5894 23.2088 31.7013 23.4597C32.2653 24.7453 31.8535 26.0041 31.4507 27.2271C31.2269 27.9124 31.0165 28.5575 30.9807 29.1802C30.9136 30.3583 31.4865 31.4827 32.0907 32.6698C32.3638 33.2029 32.6458 33.7584 32.8696 34.3273C33.626 36.2267 33.7603 38.3635 33.2411 40.339C33.1471 40.6974 32.7845 40.9079 32.4264 40.8183C32.0684 40.7243 31.858 40.3614 31.9475 40.003C32.3906 38.2963 32.2787 36.4596 31.6252 34.8201C31.4193 34.3094 31.1642 33.8077 30.8957 33.2746C30.2377 31.98 29.5529 30.6406 29.6424 29.104C29.6871 28.3067 29.9378 27.5451 30.1795 26.8105C30.5286 25.7398 30.833 24.817 30.4749 24.0017C30.4033 23.8404 30.2959 23.6702 30.184 23.4955C30.081 23.3298 29.9781 23.164 29.8886 22.9893C29.6648 22.5548 29.5439 22.1113 29.4231 21.6812C29.3828 21.5424 29.347 21.4035 29.3067 21.2691C28.6935 19.2443 27.2254 17.5017 25.341 16.5386C24.6651 17.0448 24.4503 18.1782 24.2265 19.3653C24.1325 19.867 24.034 20.3911 23.8952 20.8615C23.3671 22.6533 22.1272 24.0196 20.9321 25.3456C20.4532 25.8787 19.9564 26.4252 19.5267 26.9852C18.2958 28.5844 17.4543 30.4793 17.0873 32.4638C17.0157 32.8535 16.9575 33.2522 16.9038 33.6554C16.671 35.2904 16.4293 36.9793 15.2477 38.2515C14.9925 38.5292 14.7106 38.7577 14.442 38.9772C14.2137 39.1653 13.9989 39.34 13.8109 39.5327C12.298 41.0916 12.5397 43.6898 12.8888 46.0058C12.9425 46.3686 12.6919 46.7091 12.3293 46.7628C12.298 46.7673 12.2622 46.7718 12.2309 46.7718Z" fill="white" fill-opacity="0.79" /></g><defs><clipPath id="clip0_1771_90450"><rect width="51.6706" height="54.71" fill="white" /></clipPath></defs></svg>');
                        }

                        @media screen and (min-width: 50rem) {
                            left: 40px;
                        }

                        @media screen and (min-width: 90rem) {
                            left: 120px;
                        }
                    }

                    &:after {
                        position: absolute;
                        content: url('data:image/svg+xml,<svg width="504" height="340" viewBox="0 0 504 340" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="251.596" cy="169.828" rx="251.596" ry="169.828" fill="url(%23paint0_radial_1777_109116)"/><defs><radialGradient id="paint0_radial_1777_109116" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(251.596 169.828) rotate(90) scale(129.132 191.305)"><stop stop-color="%23ff5900" stop-opacity="0.57"/><stop offset="1" stop-color="%23ff5900" stop-opacity="0"/></radialGradient></defs></svg>');
                        top: -50%;
                        left: 50%;
                        transform: translate(-50%, 0);
                        height: 100%;
                        z-index: -1;

                        @media screen and (min-width: 37.5rem) {
                            top: 0;
                            transform: none;
                            left: 0;
                            width: 100%;
                            /* content: url('data:image/svg+xml,<svg width="295" height="116" viewBox="0 0 295 116" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="42.4316" cy="56" rx="251.596" ry="136.162" fill="url(%23paint0_radial_1777_109011)" /><defs><radialGradient id="paint0_radial_1777_109011" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(42.4315 56) rotate(90) scale(103.533 191.305)"><stop stop-color="%23ff5900" stop-opacity="0.57" /><stop offset="1" stop-color="%23ff5900" stop-opacity="0" /></radialGradient></defs></svg>'); */
                            content: "";
                            background-image: url('data:image/svg+xml,<svg width="504" height="340" viewBox="0 0 504 340" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="251.596" cy="169.828" rx="251.596" ry="169.828" fill="url(%23paint0_radial_1777_109116)"/><defs><radialGradient id="paint0_radial_1777_109116" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(251.596 169.828) rotate(90) scale(129.132 191.305)"><stop stop-color="%23ff5900" stop-opacity="0.57"/><stop offset="1" stop-color="%23ff5900" stop-opacity="0"/></radialGradient></defs></svg>');
                            background-size: 100%;
                            background-position: -300px center;
                            background-repeat: no-repeat;

                        }

                        @media screen and (min-width: 50rem) {
                            /* content: url('data:image/svg+xml,<svg width="315" height="116" viewBox="0 0 315 116" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="62.4316" cy="56" rx="251.596" ry="136.162" fill="url(%23paint0_radial_1777_108976)" /><defs><radialGradient id="paint0_radial_1777_108976" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(62.4315 56) rotate(90) scale(103.533 191.305)"><stop stop-color="%23ff5900" stop-opacity="0.57" /><stop offset="1" stop-color="%23ff5900" stop-opacity="0" /></radialGradient></defs></svg>'); */
                        }

                        @media screen and (min-width: 90rem) {
                            /* content: url('data:image/svg+xml,<svg width="395" height="99" viewBox="0 0 395 99" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="142.432" cy="47" rx="251.596" ry="136.162" fill="url(%23paint0_radial_1771_90449)" /><defs><radialGradient id="paint0_radial_1771_90449" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(142.432 47) rotate(90) scale(103.533 191.305)"><stop stop-color="%23ff5900" stop-opacity="0.57" /><stop offset="1" stop-color="%23ff5900" stop-opacity="0" /></radialGradient></defs></svg>'); */
                        }
                    }
                }
            }

            .wp-block-uagb-image-gallery {
                margin: 40px 0;

                .spectra-image-gallery {
                    gap: 20px;
                }

                picture {
                    height: 100%;
                }

                img {
                    margin: 0;
                }

            }

            .author-block {
                margin-top: 80px;

                @media screen and (min-width: 37.5rem) {
                    margin-top: 120px;
                }

                .title-block {
                    margin-bottom: 32px;
                    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
                    padding-bottom: 24px;
                    font-weight: 700;
                    font-size: 2rem;
                    line-height: 119%;
                    letter-spacing: -0.01em;
                    color: hsl(227, 60%, 94%);
                }

                .author-wrap {
                    @media screen and (min-width: 37.5rem) {
                        display: flex;
                    }

                    .author-photo {
                        margin-bottom: 23px;
                        width: 53px;
                        height: 53px;
                        border-radius: 50%;

                        @media screen and (min-width: 37.5rem) {
                            margin-bottom: 0;
                            margin-right: 32px;
                            width: 100px;
                            height: 100px;
                        }
                    }

                    .author-name {
                        margin-bottom: 8px;
                        font-weight: 700;
                        font-size: var(--fs-2xl);
                        line-height: 109%;
                        letter-spacing: -0.01em;
                        color: hsl(227, 60%, 94%);
                    }

                    .author-description {
                        margin-bottom: 24px;
                        font-weight: 400;
                        font-size: var(--fs-xl);
                        line-height: 120%;
                        letter-spacing: -0.01em;
                        color: rgba(229, 233, 248, 0.56);
                    }

                    .white-button {
                        padding: 8px 13.5px;
                    }
                }
            }
        }
    }

    .comments-post-wrap {
        margin: 80px 0 40px 0;

        @media screen and (min-width: 50rem) {
            margin: 120px 0 104px 0;
        }

        @media screen and (min-width: 64rem) {
            margin-top: 200px;
            margin-bottom: 80px;
        }

        .quantity {
            position: absolute;
            top: 0;
            right: 0;
            width: max-content;
            min-width: 15px;
            min-height: 13px;
            font-weight: 700;
            font-size: 10px;
            line-height: 110%;
            text-align: center;
            color: var(--ec-white);
            backdrop-filter: blur(24px);
            background: rgba(255, 255, 255, 0.15);
            border-radius: 20px;
            padding: 1px 4px;
            display: flex;
            align-items: center;
            justify-content: center;
            white-space: nowrap;
        }

        .comments__title {
            position: relative;
            display: inline-block;
            padding-right: 19px;
        }

        .logged-in-as {
            padding-bottom: 24px;
            font-weight: 500;
            font-size: var(--fs-l);
            line-height: 119%;
            letter-spacing: -0.01em;
            color: hsl(227, 60%, 94%);

            @media screen and (min-width: 50rem) {
                font-size: var(--fs-xl);
            }

            a {
                text-decoration: underline;
                text-decoration-skip-ink: none;
                color: var(--ec-clr-accent);
                text-underline-offset: 3px;

                &:hover {
                    color: hsla(21, 100%, 50%, 0.55)
                }
            }
        }

        .comments__title {
            padding-bottom: 24px;
            font-weight: 700;
            font-size: var(--fs-2xl);
            line-height: 109%;
            letter-spacing: -0.01em;
            color: hsl(227, 60%, 94%);

            @media screen and (min-width: 50rem) {
                font-size: 2rem;
                line-height: 119%;
            }

            a {
                text-decoration: underline;
                text-decoration-skip-ink: none;
                color: var(--ec-clr-accent);
                text-underline-offset: 3px;

                &:hover {
                    color: hsla(21, 100%, 50%, 0.55)
                }
            }
        }

        form {
            textarea {
                min-height: 140px;
                resize: none;
            }

            input,
            textarea {
                margin-bottom: 24px;
                max-width: 100%;
            }

            .submit {
                margin-bottom: 0;
                width: max-content;
                font-weight: 500;
                font-size: var(--fs-xl);
                line-height: 120%;
                letter-spacing: -0.01em;
                text-align: center;
                color: var(--ec-bg-primary);
                background: var(--ec-white);
                border-radius: 4px;
                padding: 8px 17.5px;
                cursor: pointer;
                border: none;
                outline: none;

                &:hover {
                    background: rgba(229, 233, 248, 0.56);
                }
            }

            .form-submit {
                margin-top: 24px;
            }
        }

        .comments-list {
            padding: 32px 0;
            list-style: none;
            border-top: 1px solid rgba(255, 255, 255, 0.15);

            .comment {
                margin-bottom: 40px;

                @media screen and (min-width: 37.5rem) {
                    margin-bottom: 54px;
                }

                @media screen and (min-width: 64rem) {
                    margin-bottom: 40px;
                }

                @media screen and (min-width: 120rem) {
                    margin-bottom: 32px;
                }


                &:last-child {
                    margin-bottom: 0;
                }
            }

            p {
                font-weight: 400;
                font-size: var(--fs-xl);
                line-height: 120%;
                letter-spacing: -0.01em;
                color: hsl(227, 60%, 94%);
            }

            a {
                display: block;
                margin: var(--ec-spacing-1x) 0;
                font-weight: 400;
                font-size: var(--fs-m);
                line-height: 125%;
                color: rgba(229, 233, 248, 0.56);
            }

            .avatar-wrap {
                display: flex;

                .avatar {
                    margin-right: var(--ec-spacing-1x);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    width: 36px;
                    height: 36px;
                    border-radius: 50%;

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

                .comment-author {
                    margin-bottom: var(--ec-spacing-1x);
                    font-weight: 400;
                    font-size: var(--fs-m);
                    line-height: 125%;
                    color: rgba(229, 233, 248, 0.56);
                }
            }

            .text-comment-wrap {
                flex: 1;
            }

            .commtent-date {
                a {
                    margin-bottom: 0;
                }
            }
        }

        .comment-respond {
            padding-top: 24px;
            border-top: 1px solid rgba(255, 255, 255, 0.15);
        }

        .checkbox-div {
            input {
                width: 0;
                height: 0;
                overflow: hidden;
                opacity: 0;
                visibility: hidden;

                &+span {
                    border-radius: 3px;
                    width: 20px;
                    height: 20px;
                    border: 1px solid var(--ec-white);
                    display: inline-block;
                    position: absolute;
                    pointer-events: none;

                    &:before {
                        width: 20px;
                        height: 20px;
                    }
                }

                &:checked {
                    &+span {
                        border-radius: 3px;
                        background: var(--ec-clr-accent);
                        border-color: var(--ec-clr-accent);

                        &:before {
                            top: -1px;
                            left: -1px;
                            display: block;
                            position: absolute;
                            width: 20px;
                            height: 20px;
                            content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_4458_35168)"><rect width="20" height="20" rx="3" fill="%23ff5900"/><path d="M8.49956 12.379L15.3936 5.48425L16.4548 6.54475L8.49956 14.5L3.72656 9.727L4.78706 8.6665L8.49956 12.379Z" fill="white"/></g><defs><clipPath id="clip0_4458_35168"><rect width="20" height="20" rx="3" fill="%23ff5900"/></clipPath></defs></svg>');
                        }
                    }
                }
            }

            label {
                padding-left: 25px;
                cursor: pointer;
            }

            .icon {
                margin-top: -2px;
            }
        }
    }

    .related-posts {
        padding: 74px 0;
        margin-bottom: 20px;
        border-top: 1px solid rgba(255, 255, 255, 0.15);
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);

        @media screen and (min-width: 64rem) {
            padding: 104px 0;
            margin: 0;
            border: none;
        }

        @media screen and (min-width: 37.5rem) {
            padding-bottom: 44px;
        }

        h2 {
            @media screen and (min-width: 64rem) {
                margin-bottom: 54px;
                font-weight: 500;
                font-size: var(--fs-7xl);
                line-height: 100%;
                letter-spacing: -0.02em;
            }
        }

        .related-posts-wrapper {
            margin-top: 34px;
        }

        .related-post {
            position: relative;
            background: var(--ec-bg-primary);
            border-radius: 4px;
            box-shadow: 0 0 var(--ec-spacing-1x) 0 transparent;
            border: 1px solid transparent;

            @media screen and (min-width: 50rem) {
                margin: 0 12px;
            }

            &:hover {
                border: 1px solid #2edb4b;
                box-shadow: 0 0 var(--ec-spacing-1x) 0 rgba(46, 219, 75, 0.6);
                background: var(--ec-bg-primary);
            }

            .terms-wrap {
                position: absolute;
                display: flex;
                top: var(--ec-spacing-1x);
                left: var(--ec-spacing-1x);

                @media screen and (min-width: 37.5rem) {
                    top: 24px;
                    left: 24px;
                }
            }

            .description-post-item-wrap {
                flex-direction: column;
                display: flex;
                justify-content: flex-end;
                position: absolute;
                left: 0;
                bottom: 0;
                padding: var(--ec-spacing-1x);
                height: 100%;
                width: 100%;
                z-index: 3;
                border-radius: 4px;
                background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #0e1b28 62.94%);

                @media screen and (min-width: 37.5rem) {
                    padding: 24px;
                }
            }

            .post-item__term {
                margin-right: 8px;
                padding: 4px 8px;
                font-weight: 500;
                font-size: var(--fs-m);
                line-height: 100%;
                text-align: center;
                color: var(--ec-white);
                border-radius: 20px;
                backdrop-filter: blur(24px);
                background: rgba(229, 233, 248, 0.1);

                &:last-child {
                    margin-right: 0;
                }
            }

            .post-item__image {
                max-height: 430px;
                height: 100%;

                @media screen and (min-width: 37.5rem) {
                    max-height: 550px;
                }
            }

            img {
                border-radius: 4px;
                height: 100%;
                max-height: 430px;
                min-height: 430px;
                width: 100%;
                object-fit: cover;

                @media screen and (min-width: 37.5rem) {
                    max-height: 550px;
                    min-height: 550px;
                }
            }

            .post-item__title {
                font-weight: 700;
                font-size: var(--fs-2xl);
                line-height: 109%;
                letter-spacing: -0.01em;
                color: hsl(227, 60%, 94%);

                @media screen and (min-width: 37.5rem) {
                    font-size: 2rem;
                    line-height: 119%;
                }
            }

            .post-item__content {
                margin-top: var(--ec-spacing-1x);
                font-weight: 400;
                font-size: var(--fs-s);
                line-height: 114%;
                color: rgba(229, 233, 248, 0.56);
                display: -webkit-box;
                line-clamp: 8;
                -webkit-line-clamp: 8;
                -webkit-box-orient: vertical;
                overflow: hidden;

                @media screen and (min-width: 37.5rem) {
                    display: none;
                }

                img {
                    display: none !important;
                }
            }

            .date-count-time-wrap {
                margin-top: var(--ec-spacing-1x);
                padding-top: var(--ec-spacing-1x);
                display: flex;
                align-items: center;
                justify-content: space-between;
                border-top: 1px solid rgba(255, 255, 255, 0.15);

                @media screen and (min-width: 37.5rem) {
                    flex-wrap: wrap;
                }

                .post-item__date {
                    margin-right: 20px;
                }

                .post-item__date,
                .post-item__count_views,
                .post-item__reading_time {
                    font-weight: 400;
                    font-size: var(--fs-s);
                    line-height: 114%;
                    color: rgba(229, 233, 248, 0.56);

                    @media screen and (min-width: 37.5rem) {
                        font-size: 15px;
                        line-height: 125%;
                    }

                    @media screen and (min-width: 64rem) {
                        font-size: var(--fs-m);
                    }
                }
            }

            .right {
                display: flex;
                align-items: center;

                .post-item__count_views,
                .post-item__reading_time {
                    display: flex;
                    align-items: center;

                    svg {
                        margin-right: 5px;

                        @media screen and (min-width: 37.5rem) {
                            margin-right: 8px;
                        }
                    }
                }

                .post-item__reading_time {
                    margin-left: 8px;

                    @media screen and (min-width: 37.5rem) {
                        margin-left: 20px;
                    }
                }
            }
        }

    }

    .faq-post-wrap {
        margin-top: 112px;
        margin-bottom: 80px;

        @media screen and (min-width: 37.5rem) {
            margin-top: 232px;
            margin-bottom: 117px;
        }

        @media screen and (min-width: 50rem) {
            margin-top: 150px;
            margin-bottom: 120px;
        }

        @media screen and (min-width: 64rem) {
            margin-top: 272px;
            margin-bottom: 200px;
        }

        h2 {
            margin-bottom: 40px;
            font-weight: 700;
            font-size: var(--fs-2xl);
            line-height: 109%;
            letter-spacing: -0.01em;

            @media screen and (min-width: 37.5rem) {
                max-width: 446px;
                width: 100%;
                margin-bottom: 77px;
                font-size: 2rem;
                line-height: 119%;
            }

            @media screen and (min-width: 50rem) {
                margin-bottom: 40px;
            }

            @media screen and (min-width: 64rem) {
                max-width: 100%;
                margin-bottom: 77px;
                font-weight: 500;
                font-size: var(--fs-7xl);
                line-height: 100%;
                letter-spacing: -0.02em;
            }
        }

        .accordion-content {
            .accordion-item {
                border-radius: 4px;
                padding: var(--ec-spacing-1x);
                background: rgba(229, 233, 248, 0.1);
                transition: 0.5s all ease;
                text-align: left;

                @media screen and (min-width: 26.625rem) {
                    padding: 32px;
                }

                &:hover {
                    cursor: pointer;

                    .accordion-item__title p,
                    h3 {
                        color: var(--ec-clr-accent);
                    }

                    .accordion-item__title::before,
                    .accordion-item__title::after {
                        background: var(--ec-clr-accent);
                    }
                }

                .items-center {
                    text-align: left;
                }

                .accordion-item__title {
                    p {
                        font-weight: 700;
                        font-size: var(--fs-xl);
                        line-height: 120%;
                        margin: 0;
                        margin-right: 40px;

                        @media screen and (min-width: 26.625rem) {
                            line-height: 119%;
                            font-size: 24px !important;
                        }
                    }
                }

                .accordion-item__hidden-block-content {
                    margin-top: 24px;
                }

                h3 {
                    font-weight: 700;
                    font-size: var(--fs-xl);
                    letter-spacing: -0.01em;
                    line-height: 120%;
                    margin: 0;
                    margin-right: 40px;

                    @media screen and (min-width: 26.625rem) {
                        font-size: var(--fs-3xl);
                        line-height: 119%;
                        letter-spacing: -0.02rem;
                    }
                }

                p {
                    margin: 1rem 0;

                    &:last-child {
                        margin-bottom: 0;
                    }
                }

                p,
                li,
                a {
                    font-size: var(--fs-xl);
                    line-height: 120%;
                    letter-spacing: -0.01em;
                }

                strong {
                    font-weight: 700;
                    color: hsl(130, 71%, 52%);
                }

                a {
                    color: var(--ec-clr-accent);
                    text-decoration: underline;
                    text-underline-offset: 3px;

                    &:hover {
                        color: hsla(21, 100%, 50%, 0.55)
                    }
                }

                li {
                    margin-bottom: 12px;
                    padding-left: 32px;
                    position: relative;
                    font-weight: 400;
                    font-size: var(--fs-m);
                    line-height: 125%;
                    letter-spacing: -0.01em;

                    @media screen and (min-width: 26.625rem) {
                        font-size: var(--fs-xl);
                        line-height: 120%;
                    }

                    &:last-child {
                        margin-bottom: 0;
                    }

                    strong {
                        font-weight: 700;
                        color: hsl(130, 71%, 52%);
                    }

                    a {
                        color: var(--ec-clr-accent);
                        text-decoration: underline;
                        text-underline-offset: 3px;

                        &:hover {
                            color: hsla(21, 100%, 50%, 0.55)
                        }
                    }
                }

                ul {
                    list-style: none;
                    padding: 0;

                    li {

                        &:before {
                            top: 0;
                            left: 0;
                            position: absolute;
                            content: "";
                            background-size: contain;
                            background-position: center;
                            background-repeat: no-repeat;
                            width: 24px;
                            height: 24px;
                            background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="24" height="24" rx="12" fill="white" fill-opacity="0.15"/><path d="M10.3121 16.5217L6.03711 12.2467L7.10586 11.1779L10.3121 14.3842L17.1934 7.50293L18.2621 8.57168L10.3121 16.5217Z" fill="%23E5E9F8"/></svg>');
                        }
                    }
                }

                ol {
                    counter-reset: my-counter;
                    list-style: none;
                    padding-left: 0;
                }

                ol li {
                    counter-increment: my-counter;
                    position: relative;
                    padding-left: 40px;
                }

                ol li::before {
                    content: counter(my-counter);
                    position: absolute;
                    left: 0;
                    width: 24px;
                    height: 24px;
                    background: rgba(255, 255, 255, 0.15);
                    color: hsl(227, 60%, 94%);
                    border-radius: 50%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-size: var(--fs-s);
                    font-weight: 500;
                    line-height: 114%;
                }

                ol,
                ul {
                    ul {
                        margin: var(--ec-spacing-1x) 0;

                        li {
                            &:before {
                                top: 0;
                                left: 0;
                                position: absolute;
                                content: "";
                                background-size: contain;
                                background-position: center;
                                background-repeat: no-repeat;
                                width: 24px;
                                height: 24px;
                                background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="24" height="24" rx="12" fill="white" fill-opacity="0.15"/><path d="M10.3121 16.5217L6.03711 12.2467L7.10586 11.1779L10.3121 14.3842L17.1934 7.50293L18.2621 8.57168L10.3121 16.5217Z" fill="%23E5E9F8"/></svg>');
                            }
                        }
                    }

                    ol {
                        margin: var(--ec-spacing-1x) 0;

                        li {
                            counter-increment: my-counter;
                            position: relative;
                            padding-left: 40px;
                        }

                        li::before {
                            content: counter(my-counter);
                            position: absolute;
                            left: 0;
                            width: 24px;
                            height: 24px;
                            background: rgba(255, 255, 255, 0.15);
                            color: hsl(227, 60%, 94%);
                            border-radius: 50%;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            font-size: var(--fs-s);
                            font-weight: 500;
                            line-height: 114%;
                        }
                    }
                }
            }
        }
    }
}

/* ==========================================================================
   Author page
   ========================================================================== */
.ppma-page-header {
    margin-bottom: 54px;
    position: relative;
    padding-top: 64px;

    @media screen and (min-width: 37.5625rem) {
        padding-top: 80px
    }

    @media screen and (min-width: 64.0625rem) {
        padding-top: 7.5rem;
    }

    &:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        background: url("../images/blog-bg.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 100%;
        z-index: -1;
    }
}

.ppma-author-pages-author-box-wrap {
    position: relative;
    max-width: 90%;
    width: 1936px;
    margin: 0 auto;

    @media screen and (min-width: 37.5rem) {
        max-width: 92%;
    }

    @media screen and (min-width: 52.5rem) {
        max-width: 94.286%;
    }

    @media screen and (min-width: 64rem) {
        max-width: 94.5%;
    }

    .widget-title {
        margin-bottom: 20px;
        font-weight: 700;
        font-size: 2rem;
        line-height: 119%;
        letter-spacing: -0.01em;
        color: var(--ec-white);

        @media screen and (min-width: 37.5rem) {
            font-weight: 500;
            font-size: var(--fs-7xl);
            line-height: 100%;
            letter-spacing: -0.02em;
        }

        @media screen and (min-width: 50rem) {
            margin-bottom: 40px;
            font-weight: 700;
            font-size: var(--fs-8xl);
            line-height: 108%;
            letter-spacing: -0.02em;
        }
    }

    .ppma-author-category-wrap {
        .pp-author-boxes-avatar {
            margin-bottom: 20px;
        }

        .author {
            margin-bottom: 8px;
            font-weight: 700;
            font-size: 2rem;
            line-height: 119%;
            letter-spacing: -0.01em;
            color: var(--ec-white);

            @media screen and (min-width: 37.5rem) {
                font-weight: 500;
                font-size: var(--fs-7xl);
                line-height: 100%;
                letter-spacing: -0.02em;
            }

            @media screen and (min-width: 50rem) {
                font-weight: 700;
                font-size: var(--fs-8xl);
                line-height: 108%;
                letter-spacing: -0.02em;
            }
        }

        .pp-author-boxes-meta a {
            display: inline-block;
            width: max-content !important;
            border-radius: 4px;
            padding: 8px 30px;
            font-weight: 500;
            font-size: var(--fs-xl);
            line-height: 120%;
            letter-spacing: -0.01em;
            text-align: center;

            @media screen and (min-width: 37.5rem) {
                padding: 8px 60px;
            }
        }
    }
}


.pp-author-boxes-description {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: var(--fs-m);
    line-height: 125%;
    color: rgba(229, 233, 248, 0.56);

    @media screen and (min-width: 37.5rem) {
        font-size: var(--fs-xl);
    }
}

.ppma-author-pages-author-box-wrap .pp-multiple-authors-boxes-wrapper.pp-multiple-authors-layout-boxed.multiple-authors-target-shortcode .pp-author-boxes-meta a,
.ppma-page-header .pp-multiple-authors-boxes-wrapper.pp-multiple-authors-layout-boxed .pp-author-boxes-meta a {
    color: var(--ec-bg-primary) !important;
    background: var(--ec-white) !important;
    display: inline-block;
    width: max-content !important;
    border-radius: 4px;
    padding: 8px 30px;
    font-weight: 500;
    font-size: var(--fs-xl);
    line-height: 120%;
    letter-spacing: -0.01em;
    text-align: center;

    @media screen and (min-width: 37.5rem) {
        padding: 8px 60px;
    }

    &:hover {
        background: rgba(229, 233, 248, 0.56) !important;
        color: var(--ec-bg-primary) !important;
    }

    span {
        padding: 0 !important;
        font-weight: 500;
        font-size: var(--fs-xl);
        line-height: 120%;
        letter-spacing: -0.01em;
        color: var(--ec-bg-primary) !important;
    }
}

.ppma-page-header .pp-multiple-authors-boxes-wrapper.pp-multiple-authors-layout-boxed .pp-multiple-authors-boxes-li {
    border: none !important;
    padding: 0 !important;
}

.ppma-author-user_email-profile-data {
    display: none !important;
}

.ppma-author-pages-author-box-wrap .pp-multiple-authors-boxes-wrapper.pp-multiple-authors-layout-boxed.multiple-authors-target-shortcode .ppma-author-user_email-profile-data {
    position: relative;
    top: -2px;
    color: var(--ec-bg-primary) !important;
    background: var(--ec-white) !important;
    border-radius: 4px !important;
    width: 60px;
    min-width: 60px;
    line-height: 38px;
    text-align: center;

    &:hover {
        background: rgba(229, 233, 248, 0.56) !important;

        span {
            color: var(--ec-bg-primary) !important;
        }
    }

    span {
        width: 40px;
        line-height: 38px;
        height: 38px;
        font-size: var(--fs-xl);
    }
}

.ppma-author-pages-author-box-wrap .pp-multiple-authors-boxes-wrapper.pp-multiple-authors-layout-boxed.multiple-authors-target-shortcode .pp-multiple-authors-boxes-li {
    border-style: none !important;
    padding: 0;
}

.ppma-page-content {
    max-width: 90%;
    width: 1936px;
    margin: 0 auto;

    @media screen and (min-width: 37.5rem) {
        max-width: 92%;
    }

    @media screen and (min-width: 52.5rem) {
        max-width: 94.286%;
    }

    @media screen and (min-width: 64rem) {
        max-width: 94.5%;
    }

    display: flex;
    flex-wrap: wrap;
    gap: 20px;

    .ppma-article {
        margin: 0 !important;
        width: 100%;
        flex-basis: 100%;
        min-height: 400px;
        position: relative;
        background: var(--ec-bg-primary);
        border-radius: 4px;
        box-shadow: 0 0 var(--ec-spacing-1x) 0 transparent;
        border: 1px solid transparent;

        @media screen and (min-width: 37.5rem) {
            width: calc(50% - 12px);
            flex-basis: calc(50% - 12px);
        }

        @media screen and (min-width: 50rem) {
            min-height: 478px;
        }

        @media screen and (min-width: 64rem) {
            width: calc(33% - 12px);
            flex-basis: calc(33% - 12px);

            &:nth-child(1),
            &:nth-child(2),
            &:nth-child(6),
            &:nth-child(7) {
                width: calc(50% - 12px);
                flex-basis: calc(50% - 12px);
                min-height: 618px;

                img {
                    min-height: 618px;
                }

                .post-item__content {
                    display: block;
                }
            }

        }

        &:hover {
            border: 1px solid #2edb4b;
            box-shadow: 0 0 var(--ec-spacing-1x) 0 rgba(46, 219, 75, 0.6);
            background: var(--ec-bg-primary);
        }

        .article-body {
            flex-direction: column;
            display: flex;
            justify-content: flex-end;
            position: absolute;
            left: 0;
            bottom: 0;
            padding: var(--ec-spacing-1x);
            height: 100%;
            z-index: 3;
            border-radius: 4px;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #0e1b28 62.94%);

            @media screen and (min-width: 50rem) {
                padding: 24px;
            }
        }

        .terms-wrap {
            position: absolute;
            top: var(--ec-spacing-1x);
            left: var(--ec-spacing-1x);
            display: flex;
            align-items: center;

            @media screen and (min-width: 50rem) {
                top: 24px;
                left: 24px;
            }
        }

        .category-link {
            position: absolute;
            top: 24px;
            left: 24px;
            margin-right: 8px;
            padding: 4px 8px;
            font-weight: 500;
            font-size: var(--fs-m);
            line-height: 100%;
            text-align: center;
            color: var(--ec-white);
            border-radius: 20px;
            backdrop-filter: blur(24px);
            background: rgba(229, 233, 248, 0.1);

            &:last-child {
                margin-right: 0;
            }
        }

        .article-image {
            max-height: 400px !important;
            height: 100% !important;
            width: 100% !important;

            @media screen and (min-width: 50rem) {
                max-height: 480px !important;
            }

            img {
                border-radius: 4px;
                height: 100% !important;
                max-height: 400px !important;
                min-height: 400px !important;
                width: 100% !important;
                object-fit: cover;

                @media screen and (min-width: 50rem) {
                    max-height: 480px !important;
                    min-height: 480px !important;
                }
            }
        }

        .article-title {
            margin-bottom: var(--ec-spacing-1x) !important;
            font-size: var(--fs-2xl);
            line-height: 109%;
            letter-spacing: -0.01em;
            color: hsl(227, 60%, 94%);

            @media screen and (min-width: 100rem) {
                font-size: 2rem;
                line-height: 119%;
                letter-spacing: -0.01em;
            }

            a {
                font-weight: 700;
                font-size: var(--fs-2xl);
                line-height: 109%;
                letter-spacing: -0.01em;
                color: hsl(227, 60%, 94%);

                @media screen and (min-width: 100rem) {
                    font-size: 2rem;
                    line-height: 119%;
                    letter-spacing: -0.01em;
                }
            }
        }

        .article-entry-excerpt {
            margin-top: var(--ec-spacing-1x) !important;
            font-weight: 400;
            font-size: var(--fs-s);
            line-height: 114%;
            color: rgba(229, 233, 248, 0.56);

            @media screen and (min-width: 100rem) {
                font-size: var(--fs-m);
                line-height: 125%;
            }
        }

        .article-content {
            flex-direction: column;
            margin: 0 !important;
        }

        .article-meta,
        .article-meta a {
            font-weight: 400;
            font-size: var(--fs-s);
            line-height: 114%;
            color: rgba(229, 233, 248, 0.56);

            @media screen and (min-width: 100rem) {
                font-size: var(--fs-m);
                line-height: 125%;
            }
        }

        .article-meta-item {
            display: flex !important;
            align-items: center;

            a {
                padding-left: 4px !important;
            }

            &:first-child {
                display: none !important;
            }
        }
    }
}

.ppma-article-pagination {
    width: 100%;

    .pagination {
        margin-bottom: 100px;
    }

    .nav-links {
        padding-bottom: 20px;
        display: flex;
        align-items: center;
        overflow-x: scroll;

        gap: var(--ec-spacing-1x) 8px;
    }
}

.dashicons-email-alt {
    content: url('data:image/svg+xml,<svg width="44" height="31" viewBox="0 0 44 31" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.7645 14.435C20.7645 12.7895 22.1024 11.4516 23.7494 11.4516H28.5076V2.92129C28.5076 1.49269 27.3503 0.333984 25.921 0.333984H2.58658C1.15798 0.333984 0 1.49269 0 2.92129V16.4332C0 17.8618 1.1587 19.0183 2.58658 19.0183H7.89615V25.126L14.4334 19.0183H20.7652L20.7645 14.435Z" fill="%2310101a" /><path d="M42.0661 13.4141H24.6602C23.5936 13.4141 22.7266 14.2796 22.7266 15.3462V25.4248C22.7266 26.4914 23.5936 27.3548 24.6602 27.3548H34.5283L38.1068 30.6974V27.3548H42.0668C43.1334 27.3548 43.9989 26.4914 43.9989 25.4248V15.3462C43.9982 14.2796 43.1326 13.4141 42.0661 13.4141Z" fill="%2310101a" /></svg>');

    &:before {
        display: none;
    }
}

.article-body .dashicons-clock {
    content: url('data:image/svg+xml,<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.976 11.29L11.956 10.31L9.36602 7.72V4.5H7.96602V8.28L10.976 11.29ZM8.66602 15C7.69768 15 6.78768 14.8162 5.93602 14.4488C5.08435 14.0813 4.34352 13.5825 3.71352 12.9525C3.08352 12.3225 2.58477 11.5817 2.21727 10.73C1.84977 9.87833 1.66602 8.96833 1.66602 8C1.66602 7.03167 1.84977 6.12167 2.21727 5.27C2.58477 4.41833 3.08352 3.6775 3.71352 3.0475C4.34352 2.4175 5.08435 1.91875 5.93602 1.55125C6.78768 1.18375 7.69768 1 8.66602 1C9.63435 1 10.5443 1.18375 11.396 1.55125C12.2477 1.91875 12.9885 2.4175 13.6185 3.0475C14.2485 3.6775 14.7473 4.41833 15.1148 5.27C15.4823 6.12167 15.666 7.03167 15.666 8C15.666 8.96833 15.4823 9.87833 15.1148 10.73C14.7473 11.5817 14.2485 12.3225 13.6185 12.9525C12.9885 13.5825 12.2477 14.0813 11.396 14.4488C10.5443 14.8162 9.63435 15 8.66602 15Z" fill="%23E5E9F8" fill-opacity="0.56" /></svg>');

    &:before {
        display: none;
    }
}