.font-icons {
        font-family: font-icons !important;
    }

    .font-icons {
        speak: never;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-family: font-icons !important;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        text-transform: none;
    }

    

    

    .link {
        text-decoration: none;
    }

    .link-btn {
        align-items: center;
        background: #4874f2;
        border: none;
        border-radius: 10px;
        color: #fcfcfc;
        cursor: pointer;
        display: inline-flex;
        flex-wrap: wrap;
        font-family: KRONG;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        justify-content: center;
        letter-spacing: normal;
        line-height: 19px;
        margin: 0;
        min-height: 48px;
        min-width: 78px !important;
        outline: none;
        padding: 0 20px;
        position: relative;
        text-decoration: none;
        text-shadow: none;
        text-transform: uppercase;
        transition: background-color .3s ease;
        vertical-align: middle;
    }

    .link-btn:not(:disabled) {
        cursor: pointer;
    }

    .link-btn:disabled {
        opacity: .3;
    }

    .link-btn:active,
    .link-btn:focus,
    .link-btn:hover {
        color: #fcfcfc;
        outline: none;
        text-decoration: none;
    }

    .link-btn:hover {
        background: #5d89fc;
    }

    .btn--primary-btn-color {
        background: linear-gradient(180deg, #05a0f7 -63.54%, #2d4fff 173.96%);
        color: #fcfcfc;
    }

    .btn--primary-btn-color:active,
    .btn--primary-btn-color:focus,
    .btn--primary-btn-color:hover {
        background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), linear-gradient(180deg, #057be8 -63.54%, #0d0de4 173.96%);
    }

    .btn--third-btn-color {
        background: #2a2c36;
        color: #fcfcfc;
    }

    .btn--third-btn-color:active,
    .btn--third-btn-color:focus,
    .btn--third-btn-color:hover {
        background: #434450;
    }

    .link-btn {
        text-decoration: none;
    }

    .btn--primary-btn-color {
        background: linear-gradient(180deg, #05a0f7 -63.54%, #2d4fff 173.96%);
        color: #fcfcfc;
    }

    .btn--primary-btn-color:active,
    .btn--primary-btn-color:focus,
    .btn--primary-btn-color:hover {
        background: linear-gradient(0deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .2)), linear-gradient(180deg, #057be8 -63.54%, #0d0de4 173.96%);
    }

    .btn--third-btn-color {
        background: #2a2c36;
        color: #fcfcfc;
    }

    .btn--third-btn-color:active,
    .btn--third-btn-color:focus,
    .btn--third-btn-color:hover {
        background: #434450;
    }

    h1 {
        font-size: 2em;
        margin: .67em 0;
    }

    a {
        background-color: transparent;
    }

    img {
        border-style: none;
    }

    * {
        box-sizing: border-box;
    }

    img {
        border: none;
    }

    .promotion-page {
        padding: 24px 0;
    }

    @media (min-width:768px) {
        .promotion-page {
            padding: 32px 0;
        }
    }

    @media (min-width:960px) {
        .promotion-page {
            padding: 32px 0;
        }
    }

    @media (min-width:1248px) {
        .promotion-page {
            padding: 56px 0;
        }
    }

    @media (min-width:1632px) {
        .promotion-page {
            padding: 62px 0;
        }
    }

    .promotion-page__head {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        margin-bottom: 24px;
        row-gap: 8px;
    }

    @media (min-width:768px) {
        .promotion-page__head {
            align-items: center;
            flex-direction: row;
            justify-content: space-between;
            margin-bottom: 32px;
        }
    }

    .promotion-page__title {
        color: #fcfcfc;
        color: #e9eaf4;
        font-family: Roboto;
        font-size: 24px;
        font-style: normal;
        font-weight: 800;
        line-height: 1.1;
        margin: 0;
    }

    @media (min-width:1248px) {
        .promotion-page__title {
            color: #fcfcfc;
            color: #e9eaf4;
            font-family: Roboto;
            font-size: 30px;
            font-style: normal;
            font-weight: 800;
            line-height: 1.05;
        }
    }

    .promotion-page__link {
        color: #81849e;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-decoration: none;
        transition: color .3s ease;
    }

    .promotion-page__link:hover {
        text-decoration: underline;
    }

    /*! CSS Used from: Embedded */
    .container {
        display: block;
        margin: 0 auto;
        width: 100%;
    }

    @media (min-width:768px) {
        .container {
            width: 768px;
        }
    }


 

    .promotions-page__promo-categories {
        margin-bottom: 16px;
        width: 100%;
    }

    .promotions-page__container {
        align-items: flex-start;
        justify-content: flex-start;
    }

    .promotions-page__container,
    .promotions-page__list {
        display: flex;
        flex-direction: column;
        margin: 0 auto;
        width: 100%;
    }

    .promotions-page__list {
        align-items: center;
        gap: 16px;
        justify-content: space-between;
    }

    @media (min-width:576px) {
        .promotions-page__list {
            align-items: stretch;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: flex-start;
        }
    }

    .promo-categories__tab {
        color: #fcfcfc;
        color: #e9eaf4;
        cursor: pointer;
        font-family: Roboto;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.42;
        min-width: -moz-fit-content;
        min-width: fit-content;
        padding: 20px 12px;
        position: relative;
        transition: color .3s ease;
    }

    .promo-categories__tab:hover {
        color: #71b9ff;
    }

    .promo-categories__tab:before {
        background-color: transparent;
        bottom: 0;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        width: 100%;
    }

    .promo-categories__tab.active {
        color: #3b9eff;
    }

    .promo-categories__tab.active:before {
        background-color: #3b9eff;
    }

    .promo-categories__tab.active:hover {
        color: #71b9ff;
    }

    .promo-categories__tab.active:hover:before {
        background-color: #71b9ff;
    }

    .promo-categories__tab--vip_promo:hover {
        color: #f9cc2d;
    }

    .promo-categories__tab--all_promo {
        order: 5;
    }

    .promo-categories__tabs {
        align-items: center;
        background-color: #1c1c24;
        border-radius: 10px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        overflow-x: auto;
        padding: 0 16px;
        position: relative;
        scrollbar-color: transparent;
        width: 100%;
    }

    .promo-categories__tabs::-webkit-scrollbar {
        height: 0;
        width: 0;
    }

    .promo-categories__tabs::-webkit-scrollbar-track {
        background: rgba(0, 0, 0, .5);
        border-radius: 0;
    }

    .promo-categories__tabs::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, .6);
        border-radius: 2px;
        margin: 0;
    }

    .promo-categories__tabs::-webkit-scrollbar-thumb:hover {
        background: transparent;
    }

    .promo-categories__tabs:hover::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, .8);
    }

    .promotion-item {
        align-items: center;
        align-self: stretch;
        background-color: #0c0c10;
        border-radius: 16px;
        display: flex;
        flex-direction: column;
        height: auto;
        justify-content: flex-end;
        margin: 0;
        max-width: 366px;
        min-height: 382px;
        overflow: hidden;
        padding: 16px;
        position: relative;
        text-decoration: none;
        width: 100%;
    }

    @media (min-width:576px) {
        .promotion-item {
            height: 382px;
            width: calc(50% - 8px);
        }
    }

    @media (min-width:960px) {
        .promotion-item {
            width: calc(33.33333% - 10.66667px);
        }
    }

    @media (min-width:1248px) {
        .promotion-item {
            width: calc(25% - 12px);
        }
    }

    @media (min-width:1632px) {
        .promotion-item {
            width: calc(20% - 12.8px);
        }
    }

    @media (min-width:768px) {
        .promotion-item:hover .promotion-item__img {
            transform: scale(1.1);
        }
    }

    .promotion-item__image {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .promotion-item__img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        position: absolute;
        transition: transform .3s ease;
        width: 100%;
    }

    .promotion-item__content {
        gap: 20px;
        position: relative;
    }

    .promotion-item__content,
    .promotion-item__text {
        align-items: center;
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .promotion-item__text {
        justify-content: space-between;
    }

    @media (min-width:960px) {
        .promotion-item__text {
            min-height: 88px;
        }
    }

    @media (min-width:1248px) {
        .promotion-item__text {
            min-height: unset;
        }
    }

    .promotion-item__vip-subtitle {
        align-items: center;
        color: #fcfcfc;
        color: #f9cc2d;
        display: flex;
        font-family: Roboto;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        gap: 4px;
        height: auto;
        justify-content: center;
        letter-spacing: .56px;
        line-height: 1.42;
        min-height: 32px;
        text-transform: uppercase;
        width: 100%;
    }

    .promotion-item__vip-icon {
        font-size: 16px;
        height: 16px;
        width: 16px;
    }

    .promotion-item__title {
        font-size: 24px;
        font-weight: 800;
        line-height: 1.1;
        padding: 0 8px;
    }

    .promotion-item__subtitle,
    .promotion-item__title {
        color: #fcfcfc;
        font-family: Roboto;
        font-style: normal;
        text-align: center;
        text-transform: uppercase;
    }

    .promotion-item__subtitle {
        color: #3b9eff;
        font-size: 14px;
        font-weight: 600;
        height: auto;
        letter-spacing: .56px;
        line-height: 1.42;
        min-height: 32px;
        width: 100%;
    }

    .promotion-item__buttons {
        align-items: stretch;
        display: flex;
        flex-direction: row;
        gap: 8px;
        margin-top: auto;
        width: 100%;
    }

    .promotion-item__link {
        align-items: center;
        border-radius: 8px;
        color: #fcfcfc;
        color: #e9eaf4;
        display: flex;
        flex: 1;
        font-family: Roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        justify-content: center;
        letter-spacing: .64px;
        line-height: 1.38;
        min-height: 48px;
        min-width: auto;
        padding: 0 12px;
        text-align: center;
        transition: background-color .3s ease;
        width: auto;
        z-index: 2;
    }

    .promotion-item__link {
        text-transform: uppercase;
    }

    .promotion-item__link .font-icons {
        font-size: 24px;
        height: 24px;
        width: 24px;
    }

    .bonus-code-button__button-bonus {
        color: #fcfcfc;
        color: #e9eaf4;
        font-family: Roboto;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        letter-spacing: .64px;
        line-height: 1.38;
        padding: 0 8px;
        text-align: center;
        text-transform: uppercase;
        width: 100%;
    }

a {
    text-decoration: none !important; 
}

a:hover, a:focus {
    text-decoration: none !important; 
}

.promotions-page__list {
    display: flex;
    flex-wrap: wrap; 
    gap: 20px; 
    justify-content: flex-start; 
}

.promotion-item {
    flex: 0 1 calc(25% - 20px); 
    max-width: calc(25% - 20px);
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    opacity: 1;
    transform: scale(1);
}

.promotion-item.hidden {
    display: none;
}

@media (max-width: 768px) {
    .promotions-page__list {
        display: grid; 
        grid-template-columns: repeat(2, 1fr); /* 2 колонки */
        gap: 12px; /* Відстань між блоками */
    }

    .promotion-item {
        flex: none; /* Скидаємо флекси */
        max-width: 100%; /* Повна ширина в колонці */
        margin: 0; /* Відсутність зайвих відступів */
        padding: 12px; /* Невеликий внутрішній відступ */
        box-sizing: border-box;
        opacity: 1; /* Гарантована видимість */
        transform: none; /* Забираємо анімацію */
    }
}
.container{
max-width:1280px;
}
@media (max-width: 768px) {
  .entry-content.wp-block-post-content.is-layout-flow.wp-block-post-content-is-layout-flow {
    margin-left: 10px;
    margin-right: 10px;
  }

  .entry-content.wp-block-post-content.is-layout-flow.wp-block-post-content-is-layout-flow .section_home__form {
    margin-left: -10px;
    margin-right: -10px;
  }
}