/* ===================================================================================

* Theme Name: Digiqole Child
* Theme URI: https://themeforest.net/user/tripples/portfolio
* Author: Tripples
* Author URI: http://themewinter.com
* Description: Digiqole is a Newspaper & Magazine WordPress Theme.
* Version: 2.0.0
* Template: digiqole
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of future updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */

.homepage-page {
    padding: 30px 0;
}

.aligncenter img {
    margin: 0 auto;
}

.entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 100% !important;
    width: 100% !important;
}

.wrapper__cont {
    padding: 0 0 30px 0;
}

table {
    margin: 0;
    border: 1px solid #C7C7C7
}

table thead {
    background: #F6F6F6;
}

table tr:not(:last-of-type) td,
table tr th {
    border-bottom: 1px solid #C7C7C7;
}

.active-burger {
    overflow: hidden;
}

.form-submit,
.form-submit input,
.comment-info .row {
    width: 100%;
}

.comment-respond .row {
    justify-content: center;
}

.content-wrapper .content__more {
    margin: 30px auto;
    display: block;
    border: none;
    outline: none;
    cursor: pointer;
    background: transparent;
}

.content-wrapper .content.hide {
    overflow: hidden;
    max-height: 300px;
    transition: all .5s;
}

.content-wrapper .content.hide.show {
    max-height: 5000vh;
}

.header-custom .logo-area {
    display: flex;
}

.header-custom .social-links li a {
    border: 1px solid #143F8766;
    border-radius: 16px;
    padding: 17px 15px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}

.banner-list .banner {
    margin: 0;
}

.banner-list .container,
.banner__wrapper {
    height: 100%;
}

@media screen and (max-width: 767px) {
    .banner-list {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
}

.header-custom .social-links li a i {
    color: #143F87;
}

.header-custom .social-links {
    display: flex;
    align-items: center;
    gap: 6px;
    justify-content: flex-end;
}

.header-custom .social-links li {
    padding: 0;
}

.header-custom .input-group {
    flex-wrap: nowrap;
}

.header-custom .input-group input {
    background: #F4F6F9;
    border: 1px solid #133E8566;
    color: #133E85;
    border-radius: 16px;
    padding: 13px;
    width: 100%;
}

.header-custom .input-group button {
    border-radius: 0 16px 16px 0;
    border: 1px solid #133E8566;
    background: #F4F6F9;
    border-left: none;
    cursor: pointer;

}

.menu-toggle {
    display: flex;
    align-items: center;
    gap: 15px;
    background-color: #12387F;
    color: #fff;
    border: none;
    border-radius: 16px;
    padding: 12px 14px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

.menu-icon {
    display: grid;
    grid-template-columns: repeat(2, 8px);
    grid-template-rows: repeat(2, 8px);
    gap: 4px;
}

.menu-icon span {
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 2px;
    display: block;
    transition: all 0.3s ease;
}

.active-burger .menu-toggle .menu-icon {
    position: relative;
    width: 20px;
    height: 20px;
    grid-template: none;
}

.active-burger .menu-toggle .menu-icon span {
    position: absolute;
    width: 20px;
    height: 2px;
    top: 50%;
    left: 0;
    background: #fff;
}

.active-burger .menu-toggle .menu-icon span:nth-child(1) {
    transform: rotate(45deg);
}

.active-burger .menu-toggle .menu-icon span:nth-child(2) {
    transform: rotate(-45deg);
}

.active-burger .menu-toggle .menu-icon span:nth-child(3),
.active-burger .menu-toggle .menu-icon span:nth-child(4) {
    display: none;
}

@media screen and (max-width: 991px) {
    .header-custom .header.header-gradient {
        display: none;
    }
}

@media screen and (max-width: 550px) {
    .header-custom .social-links li a {
        width: 36px;
        height: 36px;
        padding: 0;
        border-radius: 8px;
    }
}

@media screen and (max-width: 413px) {
    .header-custom .social-links {
        display: none;
    }
}

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

body .footer-widget .is-layout-flex {
    flex-wrap: wrap;
}

.wpcf7-form {
    max-width: 600px;
    margin: 0 auto;
    background: #fff;
    padding: 30px;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    font-family: 'Segoe UI', sans-serif;
}

.wpcf7-form p {
    margin-bottom: 20px;
}

.wpcf7-form label {
    display: block;
    font-weight: 600;
    margin-bottom: 6px;
    color: #333;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #ccc;
    border-radius: 8px;
    background-color: #fafafa;
    transition: border-color 0.3s ease;
    font-size: 16px;
}

.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form textarea:focus {
    border-color: #0073aa;
    outline: none;
    background-color: #fff;
}

.wpcf7-form textarea {
    resize: vertical;
    min-height: 120px;
}

.wpcf7-submit {
    background-color: #0073aa;
    color: #fff;
    border: none;
    padding: 12px 24px;
    border-radius: 8px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.wpcf7-submit:hover {
    background-color: #005f8d;
}

.wpcf7-response-output {
    margin-top: 20px;
    padding: 10px;
    border-radius: 6px;
    font-size: 14px;
}

.wpcf7-not-valid {
    border-color: #dc3232 !important;
}

.wpcf7-form .wpcf7-spinner {
    display: inline-block;
    margin-left: 10px;
}

.header-custom {
    position: relative;
}

.acitve-burger {
    overflow: hidden;
}

.burger-menu__wrapper {
    padding: 40px 60px;
    height: 100%;
    overflow-y: auto;
    width: 100%;
    background: #fff;
    border-radius: 0 0 32px 32px;
}

.burger-menu {
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    transform: translateX(-200vw);
    background: #00000080;
    z-index: 2;
    overflow-y: auto;
    height: calc(100vh - 162px);
}

.active-burger .burger-menu {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}

.burger-menu__wrapper .digiqole-serach {
    display: none;
}

@media screen and (max-width: 767px) {
    .burger-menu__wrapper .digiqole-serach {
        display: flex;
    }
}

.burger-menu .burger-menu__wrapper .collapse.navbar-collapse {
    position: static;
    display: flex !important;
}

.burger-menu .burger-menu__wrapper ul li a {
    color: #133E85;
}

.burger-menu .navbar-nav {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    width: 100%;
    font-weight: 600;
}

.burger-menu .navbar-nav .dropdown-toggle::after {
    display: none;
}

.header-custom .burger-menu__wrapper .social-links {
    padding: 0;
    justify-content: flex-start;
    display: none;
}

.page-id-6031 .navbar-light #main-menu,
.page-template-page-template-igaming .navbar-light #main-menu,
.igaming .navbar-light #main-menu,
.page-id-6031 .burger-menu #igaming-header-menu,
.page-template-page-template-igaming .burger-menu #igaming-header-menu,
.single-igaming .burger-menu #igaming-header-menu,
.single-api-games .burger-menu #igaming-header-menu {
    display: none;
}

@media screen and (max-width: 767px) {
    .burger-menu .navbar-nav {
        padding-bottom: 32px;
        border-bottom: 1px solid #07368B80;
    }

    .header-custom .burger-menu__wrapper .social-links {
        display: flex;
    }

    .burger-menu .container {
        padding: 0;
        width: 100%;
    }

    .burger-menu {
        background: #F0F0F0;
        height: calc(100vh - 87px);
    }

    .burger-menu__wrapper {
        padding: 40px 20px 80px 20px;
        display: flex;
        flex-direction: column;
        gap: 32px;
        border-radius: 0;
        background: #F0F0F0;
    }

    .page-id-6031 .navbar-light #main-menu,
    .page-template-page-template-igaming .navbar-light #main-menu,
    .igaming .navbar-light #main-menu,
    .page-id-6031 .burger-menu #igaming-header-menu,
    .page-template-page-template-igaming .burger-menu #igaming-header-menu,
    .single-igaming .burger-menu #igaming-header-menu,
    .burger-menu .navbar-nav,
    .single-api-games .burger-menu #igaming-header-menu {
        display: flex;
        flex-direction: column;
    }

    .burger-menu__wrapper .navbar-nav .dropdown-toggle {
        position: relative;
    }

    .burger-menu__wrapper .navbar-nav .dropdown-menu {
        background: transparent;
        border: none;
        padding: 0;
        margin: 0;
    }

    .burger-menu .burger-menu__wrapper ul li a {
        padding: 12px 0;
    }

    .burger-menu__wrapper .navbar-nav .dropdown-toggle::after {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(-50%, 0);
        display: inline-block;
        margin-left: 8px;
        width: 0;
        height: 0;
        vertical-align: middle;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #07368B;
    }
}

.d-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.mb-2 {
    margin-bottom: 20px;
}

.scroll {
    overflow-x: auto;
}

.bookmaker-forecast {
    box-shadow: rgba(20, 37, 70, 0.12) 0px 2px 6px;
    background: rgb(255, 255, 255);
    padding: 20px;
    width: 100%;
}

.bookmaker-forecast__left {
    width: 100%;
}

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

.bordered {
    border-width: 1px;
    border-style: solid;
    border-color: rgba(20, 20, 20, 0.12);
    border-image: initial;
}

.bookmaker-forecast__bonus_text {
    padding: 8px 12px 8px 8px;
    color: #000;
}

.bookmaker-forecast__bonus .clipboard-wrapper {
    background-color: rgba(239, 241, 242, 0.5);
    height: 100%;
    border-radius: 0px 8px 8px 0px;
    padding: 14px 20px 14px 14px;
}

.fl_col_btn {
    justify-content: space-between;
}

.fl_col_btn, .fl_col_c_c {
    display: flex;
    flex-direction: column;
}

.mb-12 {
    margin-bottom: 12px;
}

.mr-22 {
    margin-right: 22px;
}

a.bookmaker-forecast__button,
button.bookmaker-forecast__button {
    color: rgb(255, 255, 255) !important;
    background: #000056;
    text-decoration: none;
    padding: 12px 32px;
    border-radius: 4px;
}

.w-s-nowrap {
    white-space: nowrap;
}

.show.clipboard-wrapper .clipboard-copied {
    display: block;

}

.bookmaker-forecast__index {
    color: rgb(210, 53, 45);
    text-align: right;
}

.bookmaker-forecast__bonus .clipboard-wrapper svg {
    min-width: 16px;
}

.bookmaker-forecast__bonus .clipboard-wrapper .copy-to-clipboard {
    font-size: 14px;
    line-height: 20px;
    margin-left: 14px;
}

.clipboard-wrapper .clipboard-copied {
    align-items: center;
    background-color: #000056;
    color: rgb(255, 255, 255);
    height: fit-content;
    white-space: nowrap;
    display: none;
    font-size: 15px;
    height: 32px;
    justify-content: center;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 48px;
    transform: translateX(-50%);
    width: auto;
    z-index: 999;
    border-radius: 4px;
    padding: 5px 7px;
}

.mr-auto {
    margin-right: auto;
}

.bookmaker-forecast__subtitle {
    color: #000;
    font-size: 1.42857rem;
}

.fl_col, .fl_col_c {
    display: flex;
    flex-direction: column;
}

.mb-4 {
    margin-bottom: 4px;
}

.lh-20 {
    line-height: 20px;
}

.mt-20 {
    margin-top: 20px;
}

.br-8 {
    border-radius: 8px;
}

.fl_c_btn, .fl_c_c {
    align-items: center;
    display: flex;
}

.fl_c_btn {
    justify-content: space-between;
}

.bookmaker-forecast .bookie__item-rating .bk-grade {
    font-size: 1.14286rem;
    color: #000;
}

.star-full {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='17' fill='none'%3E%3Cpath fill='%23FFE600' d='m9 13.392 5.15 3.108-1.367-5.858 4.55-3.942-5.992-.508L8.999.667 6.658 6.192.666 6.7l4.55 3.942L3.849 16.5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 16.5px;
    margin-right: 0.5px;
    width: 17.7px;
}

.fl, .fl_c {
    display: flex;
}

.bookmaker-forecast .bookie-stars {
    align-items: center;
    height: 20px;
}

.fl_c {
    align-items: center;
}

.clipboard-wrapper {
    cursor: pointer;
    position: relative;
}

.bookmaker-forecast__bonus .clipboard-wrapper .copy-to-clipboard {
    font-size: 14px;
    line-height: 20px;
    margin-left: 14px;
    color: #000;
}

@media (max-width: 767px) {
    .bookmaker-forecast {
        flex-direction: column;
        padding: 16px;
    }

    .bookmaker-forecast__prediction {
        flex-direction: column;
        gap: 12px;
    }

    .bookmaker-forecast__subtitle {
        text-align: center;
    }

    .bookmaker-forecast__index, .bookmaker-forecast__subtitle {
        font-size: 1.57143rem;
    }

    .bookmaker-forecast__coef, .bookmaker-forecast__text {
        align-items: center;
    }

    .bookmaker-forecast__coef {
        width: 100%;
    }

    .bookmaker-forecast__bonus {
        flex-direction: column;
        padding: 12px 8px 8px;
    }

    .bookmaker-forecast__bonus .clipboard-wrapper {
        margin-top: 12px;
        width: 100%;
        border-radius: 8px;
        padding: 8px 14px 8px 8px;
    }

    .bookmaker-forecast__name {
        flex-direction: row;
        justify-content: space-between;
        order: 2;
        margin-top: 20px;
    }

    .bookmaker-forecast .bookie__item-rating {
        align-items: flex-end;
        flex-direction: column;
    }

    .bookmaker-forecast__button {
        order: 4;
        text-align: center;
        justify-content: center;
    }
}

.card-inner-body {
    position: relative;
    word-wrap: break-word;
    width: calc(100% - 16px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: .75rem 8px 0;
    background-color: #0a007a;
    border: 1px solid rgba(0, 16, 61, .12);
    border-radius: 4px;
    display: grid;
    grid-template-columns: 1fr 234px;
    grid-template-rows: auto;
    grid-column-gap: 2rem;
    grid-row-gap: 0;
    color: #fff;
    padding: 1.5rem;
}

.card-inner-body-warning {
    background: #fff;
    margin: 0 8px .75rem;
    padding: .625rem 1rem;
    border-top: 1px solid rgba(0, 16, 61, .12);
    border-radius: 0 0 4px 4px;
    background-color: #fff;
    color: #000;
    box-shadow: 0 4px 16px rgba(0, 16, 61, .25);
}

.card-inner-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.card-inner-body h1 {
    color: #fff;
}

.card-item-license {
    font-size: 14px;
    line-height: 18px;
}

.card-inner-text {
    font-size: 24px;
    line-height: 31px;
}

.card-inner-controls {
    display: flex;
    align-items: center;
    gap: 20px;
    max-width: 580px;
}

.simple-code-wrp {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: flex;
}

.card-inner-item-top .simple-code-wrp label {
    color: #ffd400;
    background-color: #02275c;
}

.simple-code-wrp label {
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: -12px;
    padding: 4px 8px;
    text-align: center;
    background: #0a007a;
    align-self: center;
    z-index: 5;
    user-select: none;
    position: relative;
}

.simple-code-wrp input {
    flex: 1;
    cursor: auto;
    outline: none;
    border: 1px dashed #fff;
    border-radius: 50px;
    padding: 13px 50px 11px 48px;
    overflow: hidden;
    font-size: 21px;
    line-height: 28px;
    letter-spacing: 1px;
    text-align: center;
    white-space: nowrap;
    height: 50px;
    background: transparent;
    color: #fff;
}

.promo-code-button.js-copy {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -40%);
    z-index: 3;
    outline: none;
    border: none;
    cursor: pointer;
    background: transparent;
}

.promo-code.clicked {
    z-index: 4;
}

.button {
    cursor: pointer;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    white-space: nowrap;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-radius: 4px;
    height: 46px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    background: #222222;
    color: #fff;
}

.simple-rating-stars {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
}

.card-inner-logo {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
}

.card-inner-logo picture {
    margin: 0 auto;
}

.card-inner-logo img {
    max-width: 120px;
    height: 120px;
    border-radius: 12px;
}

.single-igaming .post-meta,
.page-template-page-template-igaming .post-meta {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.single-igaming .breadcrumb li:last-of-type {
    margin-left: 10px;
}

.casino-bonus__wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;

}

.casino-bonus {
    margin: 25px 0;
}

.casino-bonus__item {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    background-color: #0a007a;
    padding: 20px;
    color: #fff;
    border-radius: 12px;
}

.casino-bonus__item-right {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.casino-bonus__item-right span {
    font-weight: 700;
    font-size: .8em;
    line-height: normal;
    text-align: right;
}

.casino-bonus__item-left {
    display: flex;
    gap: 20px;
}

.casino-bonus__item-left > div {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.casino-bonus__item-left img {
    max-width: 120px;
    max-height: 120px;
    width: 100%;
    height: 100%;
    border-radius: 12px;
}

.casino-bonus__item-left > div span:nth-of-type(1) {
    font-size: 22px;
    font-weight: 700;
    line-height: normal;
}

.casino-bonus__item-left > div span:nth-of-type(2) {
    font-weight: 500;
    color: #fbfbfb;
}

@media screen and (max-width: 767px) {
    .card-inner-body {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .card-inner-logo {
        align-items: center;
    }

    .card-inner-logo a,
    .card-top-item-code,
    .simple-code-wrp input {
        width: 100%;
    }

    .card-inner-body-warning {
        font-size: .8em;
        line-height: normal;
    }

    .casino-bonus__item {
        flex-direction: column;
    }

    .casino-bonus__item-right span {
        text-align: center;
    }
}

@media screen and (max-width: 767px) {
    .casino-bonus__item-left {
        flex-direction: column;
    }
}

.footer__logos.row {
    gap: 20px;
    align-items: center;
    margin-bottom: 30px;
}

.footer__logos img {
    max-width: 150px;
    object-fit: cover;
}

.row.footer__copyright-casinos {
    padding: 25px 0;
    border-top: 1px solid #504f4f;
    border-bottom: 1px solid #504f4f;
    color: #fff;
    margin-bottom: 30px;
}

.row.footer__copyright-casinos p:last-of-type {
    margin-bottom: 0;
}

.igaming .collapse.navbar-collapse {
    /* display: none !important; */
}

.igaming .navbar-expand-lg .navbar-toggler {
    display: flex;
}

.igaming .collapse.show {
    display: block !important;
}

.header.igaming .navbar-collapse {
    /* position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    z-index: 22;
    background: #222222; */
}

.header-igaming.navbar-nav {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 15px;
}

.header-igaming.navbar-nav li {
    position: relative;
}

.header-igaming.navbar-nav li a {
    color: #000;
    transition: all .5s;
    font-weight: 700;
    font-size: 1.2em;
}

.header-igaming.navbar-nav li a:hover {
    color: #fc4a00;
}

.header-igaming.navbar-nav .sub-menu {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: all .5s;
    list-style: none;
    padding: 0;
    text-align: left;
    background: #000;
    color: #fff;
    min-width: 200px;
    padding: 10px;
    z-index: 5;
}

.header-igaming.navbar-nav .sub-menu li a {
    color: #fff;
}

.header-igaming.navbar-nav .sub-menu li a:hover {
    color: #fc4a00;
}

.header-igaming.navbar-nav li:hover .sub-menu {
    visibility: visible;
    opacity: 1;
}

.header-igaming.navbar-nav .menu-item-has-children::after {
    font-family: "ts-iconfont" !important;
    content: "\e874";
    border: 0;
    vertical-align: 0;
    float: right;
    margin-left: 5px;
}

@media screen and (max-width: 767px) {
    .header-igaming.navbar-nav {
        flex-wrap: nowrap;
        overflow-x: auto;
        white-space: nowrap;
    }

    .header-igaming.navbar-nav li {
        display: flex;
    }

    .header-igaming.navbar-nav li a {
        font-size: 1em;
    }

    .igaming-template-default .header-middle-area .banner-img,
    .page-template-page-template-igaming .header-middle-area .banner-img {
        display: flex;
    }

    .header-igaming.navbar-nav li:hover .sub-menu {
        top: 100%;
    }
}

.faq h2 {
    margin-bottom: 20px;
}

.faq__wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.faq__wrapper-item-ask {
    cursor: pointer;
    position: relative;
    font-weight: 700;
    padding-right: 25px;
}

.faq__wrapper-item-ask::after {
    content: '+';
    width: 10px;
    height: 10px;
    color: #000;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.faq__wrapper-item.active .faq__wrapper-item-ask::after {
    content: '-';
}

.faq__wrapper-item {
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    border: 1px solid #000;
    padding: 10px 12px;
}

.faq__wrapper-item-answer {
    overflow: hidden;
    transition: all .5s;
    max-height: 0;
}

.faq__wrapper-item.active .faq__wrapper-item-answer {
    max-height: 100vh;
    padding-top: 10px;
    border-top: 1px solid;
    margin-top: 10px;
}

.container .container {
    padding: 0;
}

section.igaming {
    margin: 30px 0;
}

.igaming__title {
    margin-bottom: 20px;
}

.igaming__wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.igaming__wrapper-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1.5fr .5fr;
    gap: 20px;
}

.igaming__wrapper-item {
    padding: 20px;
    border-radius: 12px;
    background-color: #0a007a;
    border: 1px solid rgba(0, 16, 61, .12);
    position: relative;
}

.igaming__wrapper-item:nth-of-type(1)::after,
.igaming__wrapper-item:nth-of-type(2)::after,
.igaming__wrapper-item:nth-of-type(3)::after {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    padding: 10px;
    width: 40px;
    height: 40px;
    left: -20px;
    top: -20px;
    font-size: 1.7em;
}

.igaming__wrapper-item:nth-of-type(1)::after {
    content: '🥇';
}

.igaming__wrapper-item:nth-of-type(2)::after {
    content: '🥈';
}

.igaming__wrapper-item:nth-of-type(3)::after {
    content: '🥉';
}

.igaming__wrapper-container-first {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.igaming__wrapper-item-licence {
    color: #919399;
    font-size: 14px;
    line-height: 18px;
}

.igaming__wrapper-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1.5fr 0.5fr;
    color: #fff;
    align-items: center;
}

.igaming__wrapper-container-second p {
    font-weight: 700;
    font-size: 16px;
    line-height: 23px;
}

.igaming__wrapper-container-first img {
    max-width: 150px;
    max-height: 100px;
}

.igaming__wrapper-container-third ul {
    list-style: none;
}

.igaming__wrapper-container-third ul li {
    position: relative;
}

.igaming__wrapper-container-third ul li::after {
    content: '';
    width: 15px;
    height: 15px;
    display: flex;
    position: absolute;
    left: -20px;
    top: 4px;
    align-items: center;
    justify-content: center;
    background: url(assets/images/list.svg) center center / cover no-repeat;
}

.igaming__wrapper-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.igaming__wrapper-buttons a:nth-of-type(2) {
    background: transparent;
    border: 2px solid #fff;
}

@media screen and (max-width: 1023px) {
    .igaming__wrapper-container {
        grid-template-columns: repeat(3, 1fr);
    }

    .igaming__wrapper-item .button {
        grid-column: span 3;
    }
}

@media screen and (max-width: 767px) {
    .igaming__wrapper-item:nth-of-type(1)::after,
    .igaming__wrapper-item:nth-of-type(2)::after,
    .igaming__wrapper-item:nth-of-type(3)::after {
        left: 50%;
        transform: translate(-50%, -0);
        top: -25px;
    }

    .igaming__wrapper {
        gap: 35px;
    }

    .igaming__wrapper-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .igaming__wrapper-item .button {
        width: 100%;
    }

    .igaming__wrapper-container-first {
        align-items: center;
    }

    .igaming__wrapper-item-licence {
        text-align: center;
    }

    .igaming__wrapper-container-second {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }
}

.casino__wrapper {
    display: flex;
    gap: 10px;
    overflow-x: auto;
}

.casino__wrapper-item {
    display: flex;
    flex-direction: column;
    max-width: 250px;
    min-width: 250px;
    width: 100%;
    align-items: center;
    padding: 15px;
    gap: 10px;
    border: 1px solid #0a007a;
    border-radius: 12px;
}

.casino__wrapper-item img {
    max-height: 150px;
    width: 100%;
    object-fit: cover;
}

.casino__wrapper-item .button {
    width: 100%;
}

.banner__wrapper {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
    background: linear-gradient(135deg, #042766, #1051c4);
    border-radius: 5px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
    padding: 10px 30px;

}

.banner__wrapper-left {
    max-width: 450px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.banner__wrapper-left * {
    color: #fff;
    margin-bottom: 0;
}

.banner__wrapper-right {
    max-width: 300px;
}

.banner__wrapper-right img {
    width: 100%;
}

.banner, .news {
    margin: 25px 0;
}

.news h2 {
    margin-bottom: 20px;
}

@media screen and (max-width: 1023px) {
    .banner__wrapper {
        flex-direction: column;
        padding: 20px 10px;
    }

    .banner__wrapper-left,
    .banner__wrapper-right {
        max-width: 100%;
    }
}

.news .vertical-post-grid .row {
    gap: 20px 0;
}

.wp-block-latest-posts__list {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.breadcrumb li {
    padding-right: 10px;
    color: #777777;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
}


#game_frame img {
    width: 100%;
}

.slot-card {
    display: flex;
    flex-direction: column;
}

.slot-card-image {
    height: 100%;
    max-height: 160px;
}

.slot-card-image img {
    object-fit: cover;
}

.slot-card-content {
    min-height: 330px;
}

.slot-card-content .game__card-public-permalink {
    margin: 0 auto;
}

.game__card-public-button,
.load-more-button {
    border-radius: 4px;
}

@media screen and (max-width: 767px) {
    .slot-card-content {
        min-height: auto;
        max-height: max-content;
        padding: 10px;
    }

    .demorexgame .game__image {
        padding: 15px;
    }

    .game__image-buttons {
        flex-direction: column;
        width: 80%;
    }

    .game__image-buttons button {
        width: 100%;
    }
}

.navigation {
    margin: 25px 0;
}

.navigation ul {
    list-style: none;
    display: flex;
    gap: 20px;
    align-items: center;
    overflow-x: auto;
    margin: 0;
    border-radius: 12px;
    padding: 0 0 0 4px;
}

.navigation ul li {
    list-style: none;
}

.navigation ul li a {
    text-decoration: none;
    background: linear-gradient(145deg, #f9faf9, rgba(241, 243, 242, .9351));
    border: 1px solid rgba(172, 149, 222, 0.40);
    color: #000;
    outline: 0;
    transition: all .5s;
    border-radius: 6px;
    padding: 7px 12px;
    white-space: nowrap;
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 8px;
    width: max-content;
}

.navigation ul li a svg {
    max-width: 20px;
    max-height: 20px;
}

.navigation ul li a:hover {
    border-color: rgba(79, 103, 89, 0.40);
    background: linear-gradient(145deg, #E1E5E3 0%, #D5DBD7 93.51%);
    color: #1D2937;
}

.title-jc-sb {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.title-jc-sb a {
    color: #000;
    text-decoration: underline;
}

.slots {
    margin: 35px 0;
}

.slots-title > div {
    font-size: 22px;
}

.slots__wrapper {
    display: flex;
    gap: 10px;
    overflow: hidden;
    overflow-x: auto;
    cursor: pointer;
}

.slots-item {
    position: relative;
    min-width: 250px;
    max-width: 250px;
    max-height: 250px;
    width: 100%;
}

.slots-item img {
    width: 100%;
    object-fit: cover;
}

.slots-item__buttons {
    margin: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    gap: 5px;
    text-align: center;
    background: rgb(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    transition: all .5s;
    opacity: 0;
    visibility: hidden;
}

.slots-item__buttons a {
    width: 80%;
    padding: 8px 16px;
}

.slots-item__buttons a:nth-of-type(1) {
    color: #ffffff;
    background-color: #0044e2;
    text-decoration: none;
    border-radius: 5px;
    box-shadow: 0px 5px 15px 0px rgba(130, 36, 227, 0.55);
}

.slots-item__buttons a:nth-of-type(2) {
    background: transparent;
    border: 1px solid #0044e2;
    color: #fff;
    margin: 0;
}

.slots-item__buttons a:nth-of-type(2):hover {
    border: 1px solid #0044e2;
    background: #0044e2;
}

.slots-item:hover .slots-item__buttons {
    opacity: 1;
    visibility: visible;
}

.slots-item__category {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: #000ab7;
    color: #fff;
    padding: 7px 12px;
    border-radius: 0 12px;
    font-size: .7em;
    line-height: normal;
    font-weight: 700;
    text-transform: uppercase;
}

.slots-item__category.top {
    background: #ff1111;
}

.slots-item__category.new {
    background: #00b747;
}

.swiper-slide {
    height: auto;
}

.slider-banner {
    margin: 30px 0;
}

.slider-banner .swiper-slide {
    height: auto;
    border-radius: 20px;
    overflow: hidden;
}

.banner__wrapper.space-page-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    padding: 30px;
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    height: 100%;
    min-height: 450px;
}

.banner__wrapper-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    justify-content: center;
}

.banner__wrapper-left p {
    font-style: italic;
    font-weight: 500;
    padding: 0;
}

.banner__wrapper-right {
    border-radius: 12px;
}

.banner__wrapper-right img {
    /* height: auto; */
    object-fit: cover;
    /* max-height: 400px; */
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    z-index: -1;
}

.banner__wrapper-list {
    display: flex;
    align-items: center;
    gap: 12px;
}

.banner .banner__wrapper-list a {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    color: #fff;
    text-decoration: none;
    transition: all .5s;
}

.banner__wrapper-list a img {
    max-width: 45px;
    width: 100%;
}

.banner__wrapper-list a:hover {
    color: #fedf5a;
}

@media screen and (max-width: 1023px) {
    .banner__wrapper.space-page-wrapper {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media screen and (max-width: 640px) {
    .banner__wrapper-right img {
        width: 100%;
        height: 100%;
        right: 0;
        max-height: 100%;
    }

    .banner__wrapper.space-page-wrapper {
        padding: 10px 15px;
        min-height: 185px;
    }
}

.hero-main__title {
    font-size: 2em;
    line-height: 1.2em;
    margin: 10px 0;
    font-weight: 700;
    color: #fff;
}

.hero__subtitle1 {
    font-style: italic;
    font-weight: 500;
    font-size: 24px;
    color: #fff;
}

.hero__subtitle2 {
    font-style: italic;
    font-weight: 500;
    font-size: 32px;
    color: #fff;
}

@media screen and (max-width: 479px) {
    .banner__wrapper-left {
        gap: 8px;
    }

    .banner__wrapper.space-page-wrapper {
        padding: 10px 15px;
    }

    .hero-main__title {
        font-size: 1.5em;
        margin: 0;
    }

    .hero__subtitle1 {
        font-size: 1em;
        display: none;
    }

    .hero__subtitle2 {
        font-size: .8em;
        display: none;
    }
}

.banner .banner__wrapper-right img {
    position: static;
    z-index: 1;
}

#post-reactions {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    padding: 20px;
    border: 1px solid #ddd;
    margin: 30px 0;
    gap: 20px;
}

#post-reactions > span {
    font-weight: 700;
    font-size: 24px;
}

#post-reactions > div {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

#post-reactions > div div {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}

#post-reactions i {
    font-size: 22px;
    display: block;
    margin-bottom: 6px;
    color: #777;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.reaction {
    transition: all .5s;
}

#post-reactions .reaction:hover .met-social-like1 {
    color: green;
}

#post-reactions .reaction:hover .met-social-thumbs-down {
    color: red;
}

#post-reactions .reaction:hover .met-social-heart {
    color: deeppink;
}

#post-reactions .reaction:hover .met-social-smile {
    color: #e8e831;
}

@media screen and (max-width: 767px) {
    #post-reactions i {
        font-size: 18px;
    }

    #post-reactions > span {
        font-size: 18px;
    }
}

.content.show + .content__more {
    transform: rotate(180deg);
}

.match-vote {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid #ccc;
    margin: 35px 0;
    background: #f4f4f4;
    border-radius: 16px;

}

.team {
    text-align: center;
}

.vote-btn {
    margin-top: 10px;
    padding: 10px 20px;
    background: #222;
    color: #fff;
    border: none;
    cursor: pointer;
}

.match-vote img {
    max-width: 100px;
    max-height: 100px;
    object-fit: cover;
}

.vote-btn:hover {
    background: #444;
}

.team-name {
    font-weight: 700;
    font-size: 1.5em;
}

.team-country {
    color: grey;
}

.match-info {
    text-align: center;
    max-width: 350px;
}

.score {
    font-size: 24px;
    margin: 10px 0;
}

.date {
    background: #1f4a73;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
}

.tournament {
    font-size: 1.5em;
    font-weight: 700;
}

.stadium {
    color: grey;
    font-size: 1.3em;
}

.question {
    text-transform: uppercase;
}

@media screen and (max-width: 550px) {
    .match-vote {
        flex-wrap: wrap;
    }

    .match-info {
        max-width: 100%;
        width: 100%;
        order: 1;
    }

    .team {
        order: 2;
        max-width: calc(50% - 10px);
        width: 100%;
    }

    .team-name,
    .tournament {
        font-size: 1em;
    }

    .stadium {
        font-size: .9em;
    }

}

@media screen and (max-width: 404px) {
    .vote-btn {
        padding: 8px 12px;
    }
}

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

}

.demorex-game__container .swiper-button-prev,
.demorex-game__container .swiper-button-next {
    display: none;
}

.post-title.lg {
    font-size: 30px;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: 0.45px;
}

h2 {
    font-size: 28px;
    line-height: 36px;
}

.demorex-game__main-title {
    font-family: Roboto;
    font-size: 30px;
    padding: 0;
    margin: 0;
}

seciton.category {
    margin: 30px 0;
}

.category-posts {
    display: flex;
    overflow-x: auto;
    gap: 20px;
}

.category-posts__item {
    transition: all .5s;
    min-height: 100px;
    max-height: 125px;
    position: relative;
    width: 100%;
    color: #fff;
    align-items: center;
    display: flex;
    font-weight: 600;
    font-size: 16px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    overflow: hidden;
    min-width: 250px;
    max-width: 250px;
}

.category-posts__item:hover {
    transform: scale(1.05);
}

.category-posts__item img {
    width: 100%;
    height: 100%;;
}

.category-posts__item::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, 0.5);
}

.category-posts__item span {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 1;
}

.posts-show {
    margin: 30px 0;
    padding: 20px 0;
}

.posts-show .container {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.posts-show .container aside {
    min-width: 30%;
}

.posts-show .posts-show__left {
    min-width: 69%;
}

.posts-show h2,
.posts-show h3,
.posts-show .post-title,
.posts-show .post-title a,
.posts-show .heading-style3 .block-title {
    color: inherit;
}

.posts-show__wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}

.big-post {
    display: flex;
    gap: 20px;
}

.big-post {
    grid-column: span 2;
}

.posts-show.left .big-post {
    grid-row: span 4;
    flex-direction: column;
    grid-column: span 1;
}

.small-post {
    display: flex;
    gap: 10px;
}

.small-post .small-post-thumb {
    max-width: 150px;
    overflow: hidden;
}

.small-post .small-post-thumb img {
    width: 100%;
    object-fit: cover;
    border-radius: 4px;
    transition: all .5s;
}

.small-post .small-post-thumb:hover img {
    transform: scale(1.05);
}

.big-post .big-post-thumb {
    overflow: hidden;
}

.big-post .big-post-thumb img {
    transition: all .5s;
}

.big-post .big-post-thumb:hover img {
    transform: translateY(-10px);
}

.posts-show .big-post .post-title {
    font-size: 24px;
}

.posts-show .section-heading {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

.posts-show .section-heading ul {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    align-items: center;
}

.posts-show .section-heading ul li {
    list-style: none;
}

.posts-show .section-heading ul li.active {
    list-style: unset;
}

.posts-show .section-heading ul li a {
    color: inherit
}

.posts-show .section-heading ul li.active a {
    color: #fc4a00;
}

@media screen and (max-width: 1023px) {
    .posts-show .container {
        flex-direction: column;
    }
}

@media screen and (max-width: 767px) {
    .big-post, .posts-show__wrapper {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .posts-show .big-post .post-title {
        font-size: 18px;
    }

}

@media screen and (max-width: 550px) {
    .small-post {
        flex-direction: column;
    }

    .small-post .small-post-thumb {
        max-width: 100%;
    }
}

.youtube-block {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    background: #000;
    color: #fff;
    padding: 30px;
}

.youtube-block .main-video {
    flex: 1 1 60%;
    min-width: 300px;
    width: 100%;
}

.youtube-block .video-title {
    color: #57a0ff;
    margin-bottom: 15px;
    font-size: 20px;
}

.youtube-block #main-video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.youtube-block #main-video-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}

.youtube-block .video-thumbs {
    flex: 1 1 35%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 250px;
}

.youtube-block .thumb {
    display: flex;
    gap: 12px;
    cursor: pointer;
    transition: background 0.2s ease-in-out;
    padding: 6px;
    border-radius: 6px;
    align-items: center;
}

.youtube-block .thumb:hover {
    background-color: #111;
}

.youtube-block .thumb img {
    width: 120px;
    height: 70px;
    object-fit: cover;
    border-radius: 4px;
}

.youtube-block .thumb p {
    margin: 0;
    font-size: 14px;
    color: #ddd;
    line-height: 1.3;
}

.youtube-block .thumb.active {
    border-left: 4px solid #57a0ff;
    background-color: #111;
}

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

    .youtube-block .video-thumbs {
        flex-direction: row;
        overflow-x: auto;
    }

    .youtube-block .video-thumbs .thumb {
        min-width: 180px;
    }

    .youtube-block .video-thumbs {
        width: 100%;
    }
}

.dont-miss-block {
    padding: 40px 0;
}

.dont-miss-block .dont-miss-title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 32px;
    position: relative;
    display: inline-block;
}

.dont-miss-block .dont-miss-title:before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 2px;
    background: #f00;
    margin-right: 10px;
    vertical-align: middle;
}

.dont-miss-block .dont-miss-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

@media (max-width: 1024px) {
    .dont-miss-block .dont-miss-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .dont-miss-block .dont-miss-grid {
        grid-template-columns: 1fr;
    }
}

.dont-miss-block .dont-miss-card {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

.dont-miss-block .dont-miss-card .dont-miss-thumb {
    display: block;
    overflow: hidden;
}

.dont-miss-block .dont-miss-card .dont-miss-thumb img {
    width: 100%;
    display: block;
    transition: transform 0.3s ease;
    max-height: 200px;
    height: revert-layer;
    object-fit: cover;
}

.dont-miss-block .dont-miss-card .dont-miss-thumb:hover img {
    transform: scale(1.05);
}

.dont-miss-block .dont-miss-card .dont-miss-categories {
    position: absolute;
    left: 15px;
    top: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.dont-miss-block .dont-miss-card .dont-miss-categories .dont-miss-cat {
    background: #f30;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 8px;
    border-radius: 4px;
}

.dont-miss-block .dont-miss-card .dont-miss-categories .dont-miss-cat:nth-child(2) {
    background: #2e9f44;
}

.dont-miss-block .dont-miss-card .dont-miss-categories .dont-miss-cat:nth-child(3) {
    background: #f90;
}

.dont-miss-block .dont-miss-card h3 {
    margin: 0;
    padding: 15px;
    font-size: 18px;
    font-weight: 700;
}

.dont-miss-block .dont-miss-card h3 a {
    color: #000;
    text-decoration: none;
}

.dont-miss-block .dont-miss-card h3 a:hover {
    color: #f30;
}

.news-complex-block a {
    color: #fff;
}

.news-complex-inner {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px;
    min-height: 600px; /* фикс высоты блока */
}

.news-complex-left {
    position: relative;
    overflow: hidden;
}

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

.swiper-wrapper, .swiper-slide {
    height: 100%;
}

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

.slide-content {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    width: 100%;
}

.post-cat a {
    display: inline-block;
    background: #f50;
    color: #fff;
    padding: 3px 8px;
    font-size: 12px;
    text-decoration: none;
    margin-bottom: 5px;
}

.post-title {
    margin: 10px 0 0;
}

.news-complex-right {
    display: grid;
    grid-template-rows: 1.8fr 1.2fr;
    gap: 20px;
}

.side-post {
    flex: 1;
    position: relative;
}

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

.side-post-content {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 20px;
    width: 100%;
    z-index: 1;
    transition: all .5s;
}

.latest-post {
    position: relative;
    overflow: hidden;
}

.latest-post::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgb(235, 77, 25, .8);
    width: 100%;
    height: 100%;
    transition: all .5s;
}

.latest-post:hover::after {
    transform: translateY(-100vh);
}

.latest-post:hover .side-post-content,
.popular-post:hover .side-post-content {
    transform: translateY(-10px);
}

@media (max-width: 768px) {
    .news-complex-inner {
        grid-template-columns: 1fr;
    }

    .news-complex-right {
        flex-direction: column;
        display: flex;
    }
}

.slide-content .post-cat,
.side-post-content .post-cat {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.bookmakers {
    margin: 35px 0;
}

.bookamekrs__wrapper {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.bookmaker__wrapper-item {
    display: grid;
    grid-template-columns: 20% 18% 20% 24% 18%;
    align-items: center;
    box-shadow: rgba(20, 37, 70, 0.12) 0px 2px 6px;
    background: rgb(255, 255, 255);
    padding: 20px;
    border-radius: 12px;
}

.bookmaker__wrapper-item:nth-of-type(1) {
    box-shadow: none;
    background: transparent;
}

.bookmaker__wrapper-item .promo-code-label {
    display: none;
}

.bookmaker__wrapper-item .card-top-item-code {
    padding: 0 12px;
}

.bookmaker__wrapper-item p {
    margin-bottom: 0;
}

.bookmaker__wrapper-item img {
    max-width: 150px;
    width: 100%;
}

.bookmaker__wrapper-item .card-top-item-code input {
    border-color: #000;
    color: #000;

}

.bookmaker__wrapper-item .card-top-item-code button svg rect {
    fill: #000;
}

@media screen and (max-width: 1023px) {
    .bookmaker__wrapper-item:nth-of-type(1) {
        display: none;
    }

    .bookmaker__wrapper-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;

    }

    .bookmaker__wrapper-item .button {
        width: 100%;
        max-width: 100%;
    }
}

.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    display: none;

}

.popup {
    background: #fff;
    border-radius: 6px;
    max-width: 360px;
    width: 100%;
    padding: 20px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
    text-align: center;
}

.show-warning {
    overflow: hidden;
}

.show-warning .popup-overlay {
    display: flex;
}

.popup h2 {
    font-size: 18px;
    margin-bottom: 15px;
}

.popup .age {
    font-size: 32px;
    font-weight: bold;
    color: red;
    margin-bottom: 10px;
}

.popup p {
    font-size: 14px;
    color: #333;
    margin-bottom: 20px;
}

.popup-buttons {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.popup-buttons button {
    flex: 1;
    padding: 10px 0;
    font-size: 16px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.popup-buttons .btn-yes {
    background-color: #1ca02c;
    color: #fff;
}

.popup-buttons .btn-no {
    background-color: #d93025;
    color: #fff;
}

.advertising__wrapper,
.about-wrapper {
    display: flex;
    gap: 20px;
}

.advertising__wrapper-form,
.about-wrapper .wpcf7 {
    min-width: 540px;
    margin-top: 40px;
}

.advertising,
.about {
    padding: 40px 0;
}

.advertising h1,
.about h1 {
    color: #6ec1e4
}

.contact-card {
    background: #fff;
    border-radius: .5rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
    padding: 1.5rem;
}

.contact-item::before {
    content: "■";
    color: #000;
    margin-right: .5rem;
}

@media screen and (max-width: 1023px) {
    .advertising__wrapper,
    .about-wrapper {
        flex-direction: column;
    }

    .advertising__wrapper-form,
    .about-wrapper .wpcf7 {
        min-width: fit-content;
        width: 100%;
        margin-top: 0px;

    }
        
}

.progress-bar {
    background-color: #000
}

html.fonts-loaded body {
    font-family: Roboto
}

.body-box-layout {
    background-image: url();;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}

body,
.post-navigation .post-previous a p, .post-navigation .post-next a p,
.dark-mode .blog-single .post-meta li,
.dark-mode .wp-block-quote p,
.dark-mode .wp-block-quote::before,
.dark-mode .wp-block-quote cite,
.dark-mode .view-review-list .xs-review-date,
.dark-mode .view-review-list .xs-reviewer-author,
.dark-mode .breadcrumb li,
.dark-mode .post-meta span,
.dark-mode .post-meta span a,
.dark-mode .tranding-bg-white .tranding-bar .trending-slide-bg.trending-slide .post-title a,
.dark-mode .blog-single .post-meta li.post-author a {
    color: #0c0c0c;
}

h1, h2, h3, h4, h5, h6,
.post-title,
.post-navigation span,
.post-title a,
.dark-mode .error-page .error-code,
.dark-mode.archive .entry-blog-summery .readmore-btn,
.dark-mode .entry-blog-summery.ts-post .readmore-btn,
.dark-mode .apsc-icons-wrapper.apsc-theme-2 .apsc-each-profile a,
.dark-mode .ts-author-content .comment a {
    color: #222222;
}


.dark-mode .apsc-icons-wrapper.apsc-theme-2 .apsc-each-profile a {
    color: #222222 !important;
}

.dark-mode .blog-single .post .post-body {
    background: transparent;
}

html.fonts-loaded h1,
html.fonts-loaded h2 {
    font-family: Roboto;
}

html.fonts-loaded h3 {
    font-family: Roboto;
}

html.fonts-loaded h4 {
    font-family: Roboto;
}

a,
.entry-header .entry-title a:hover,
.sidebar ul li a:hover,
.breadcrumb a:hover {
    color: #fc4a00;
    transition: all ease 500ms;
}

.btn-primary:hover,
.switch__background,
.switch__mouth,
.switch__eye-left,
.switch__eye-right {
    background: #e74907;
    border-color: #e74907;;
}

.tag-lists a:hover,
.tagcloud a:hover,
.owl-carousel .owl-dots .owl-dot.active span,
.blog-single .tag-lists a:hover {
    border-color: #fc4a00;
}

blockquote.wp-block-quote, .wp-block-quote, .wp-block-quote:not(.is-large):not(.is-style-large), .wp-block-pullquote blockquote,
blockquote.wp-block-pullquote, .wp-block-quote.is-large, .wp-block-quote.is-style-large {
    border-left-color: #fc4a00;
}

.post .post-footer .readmore,
.post .post-media .video-link-btn a,
.post-list-item .recen-tab-menu.nav-tabs li a:before,
.post-list-item .recen-tab-menu.nav-tabs li a:after,
.blog-single .xs-review-box .xs-review .xs-btn:hover,
.blog-single .tag-lists span,
.tag-lists a:hover, .tagcloud a:hover,
.heading-style3 .block-title .title-angle-shap:before,
.heading-style3 .block-title .title-angle-shap:after,
.heading-style3 .widget-title .title-angle-shap:before,
.heading-style3 .widget-title .title-angle-shap:after,
.sidebar .widget .block-title .title-angle-shap:before,
.sidebar .widget .block-title .title-angle-shap:after,
.sidebar .widget .widget-title .title-angle-shap:before,
.sidebar .widget .widget-title .title-angle-shap:after,
.pagination li.active a, .pagination li:hover a,
.owl-carousel .owl-dots .owl-dot.active span,
.main-pagination .swiper-pagination-bullet-active,
.swiper-pagination .swiper-pagination-bullet-active,
.header .navbar-light .ekit-wid-con .digiqole-elementskit-menu
.elementskit-navbar-nav > li.active > a:before,
.trending-light .tranding-bar .trending-slide .trending-title,
.post-list-item .post-thumb .tab-post-count, .post-list-item .post-thumb .post-index,
.woocommerce ul.products li.product .button, .woocommerce ul.products li.product .added_to_cart,
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .sponsor-web-link a:hover i, .woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce span.onsale,
.not-found .input-group-btn,
.btn,
.BackTo,
.sidebar .widget.widget_search .input-group-btn,
.woocommerce ul.products li.product .added_to_cart:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover,
.footer-social li a,
.digiqole-video-post .video-item .post-video .ts-play-btn,
.blog-single .post-meta .social-share i.fa-share,
.social-share i.ts-icon-share,
.woocommerce input.button.alt:hover,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
#preloader,
.main-slider .swiper-button-next:hover,
.main-slider .swiper-button-prev:hover,
.main-slider .owl-dots .owl-dot.swiper-pagination-bullet-active,
.main-slider .owl-dots .swiper-pagination-bullet.swiper-pagination-bullet-active,
.main-slider .swiper-pagination .owl-dot.swiper-pagination-bullet-active,
.main-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.main-slider .main-pagination .owl-dot.swiper-pagination-bullet-active,
.main-slider .main-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.weekend-top .owl-dots .owl-dot.swiper-pagination-bullet-active,
.weekend-top .owl-dots .swiper-pagination-bullet.swiper-pagination-bullet-active,
.weekend-top .swiper-pagination .owl-dot.swiper-pagination-bullet-active,
.weekend-top .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.featured-tab-item .nav-tabs .nav-link.active:before,
.post-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.blog-single .post-meta .social-share .ts-icon-share {
    background: #fc4a00;
}

.owl-carousel.owl-loaded .owl-nav .owl-next.disabled,
.owl-carousel.owl-loaded .owl-nav .owl-prev.disabled,
.ts-about-image-wrapper.owl-carousel.owl-theme .owl-nav [class*=owl-]:hover {
    background: #fc4a00 !important;
}

.ts-footer .recent-posts-widget .post-content .post-title a:hover,
.post-list-item .recen-tab-menu.nav-tabs li a.active,
.ts-footer .footer-left-widget .footer-social li a:hover,
.ts-footer .footer-widget .footer-social li a:hover,
.heading-style3 .block-title, .heading-style3 .widget-title,
.topbar.topbar-gray .tranding-bg-white .tranding-bar .trending-slide-bg .trending-title i,
.sidebar .widget .block-title, .sidebar .widget .widget-title,
.header .navbar-light .ekit-wid-con .digiqole-elementskit-menu .elementskit-navbar-nav .dropdown-item.active,
.header .navbar-light .ekit-wid-con .digiqole-elementskit-menu .elementskit-navbar-nav li a:hover,
.social-links li a:hover,
.post-title a:hover,
.video-tab-list .post-tab-list li a.active h4.post-title, .video-tab-list .post-tab-list li a:hover h4.post-title,
.featured-tab-item .nav-tabs .nav-link.active .tab-head > span.tab-text-title,
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .woocommerce-loop-product__title:hover,
.load-more-btn .digiqole-post-grid-loadmore:hover,
.blog-single .post-meta li.meta-post-view,
.ts-overlay-style .post-meta-info li.active i,
.blog-single .post-meta li a:hover {
    color: #fc4a00;
}

.post-layout-style5 .post-meta li.meta-post-view .ts-icon {
    color: #fc4a00 !important;
}


.topbar.topbar-gray,
.topbar-dark .top-dark-info {
    background: #000156;
}

.topbar .top-nav li a,
.topbar .social-links li a,
.topbar.topbar-gray .top-info li,
.tranding-bg-dark .tranding-bar .trending-slide-bg .trending-title,
.tranding-bg-dark .tranding-bar .trending-slide-bg .post-title a,
.topbar-dark .top-dark-info .top-info li,
.tranding-bar .trending-slide .post-title a,
.header-gradient-area .topbar .tranding-bar .trending-slide .trending-title,
.header-gradient-area .topbar .top-info li a, .header-gradient-area .topbar .social-links li a,
.header-gradient-area .topbar .top-info li, .header-gradient-area .topbar .social-links li,
.topbar.topbar-gray .tranding-bg-white .tranding-bar .trending-slide-bg .trending-title,
.topbar.topbar-gray .tranding-bg-white .tranding-bar .trending-slide-bg .post-title a,
.topbar .social-links .header-date-info {
    color: #ffffff;
}

.header .navbar-light .ekit-wid-con .digiqole-elementskit-menu {
    height: 70px;
}

@media (min-width: 1024px) {
    .header-gradient-area .navbar-light .ekit-wid-con .digiqole-elementskit-menu .elementskit-navbar-nav > li > a,
    .header.header-gradient .navbar-light .ekit-wid-con .digiqole-elementskit-menu .elementskit-navbar-nav > li > a,
    .header .navbar-light .ekit-wid-con .digiqole-elementskit-menu .elementskit-navbar-nav > li > a,
    .header .navbar-light .nav-search-area a, .header-gradient .navbar-light .social-links li a,
    .header .navbar-light .navbar-nav > li > a,
    .header-gradient .navbar-light .nav-search-area .header-search-icon a {
        line-height: 70px;
    }
}

.header-gradient,
.header-dark .navbar-light,
.header-gradient .navbar-sticky.sticky,
.header-bg-dark .navbar-sticky.sticky,
.header-bg-dark,
.header-middle-gradent {
    background-image: linear-gradient(20deg, #112c72 0%, #1e73be 100%);
}

@media (min-width: 1024px) {
    .header-gradient-area .navbar-light .ekit-wid-con .digiqole-elementskit-menu .elementskit-navbar-nav > li > a,
    .header.header-gradient .navbar-light .ekit-wid-con .digiqole-elementskit-menu .elementskit-navbar-nav > li > a,
    .header .navbar-light .ekit-wid-con .digiqole-elementskit-menu .elementskit-navbar-nav > li > a,
    .header .navbar-light .nav-search-area a,
    .header-gradient .navbar-light .social-links li a,
    .header .navbar-light .navbar-nav > li > a {
        color: #ffffff;
    }
}

@media (min-width: 1024px) {
    .header-gradient-area .navbar-light .ekit-wid-con .digiqole-elementskit-menu .elementskit-navbar-nav > li > a:hover,
    .header.header-gradient .navbar-light .ekit-wid-con .digiqole-elementskit-menu .elementskit-navbar-nav > li > a:hover,
    .header .navbar-light .navbar-nav > li > a:hover,
    .header-gradient-area .header .navbar-light .navbar-nav > li.active > a,
    .header-gradient-area .header .navbar-light .navbar-nav > li:hover > a,
    .navbar-solid.header .navbar-light .navbar-nav li.active > a,
    .header.header-dark .navbar-light .navbar-nav li.active > a,
    .header .navbar-light .navbar-nav li.active > a,
    .header.header-gradient .navbar-light .ekit-wid-con .digiqole-elementskit-menu .elementskit-navbar-nav > li.active > a,
    .header .navbar-light .ekit-wid-con .digiqole-elementskit-menu .elementskit-navbar-nav > li:hover > a {
        color: #cccad1;
    }


}

.header .navbar-light .ekit-wid-con .digiqole-elementskit-menu .elementskit-navbar-nav > li.active > a:before,
.header .navbar-light .navbar-nav > li.active > a:before {
    background: #cccad1;
}


html.fonts-loaded .header .navbar-light .navbar-nav li ul.dropdown-menu li a,
html.fonts-loaded .header .navbar-light .ekit-wid-con .digiqole-elementskit-menu .elementskit-navbar-nav li ul li a,
html.fonts-loaded .header .navbar-light .ekit-wid-con .digiqole-elementskit-menu .elementskit-navbar-nav li .elementskit-dropdown li a {
    color: #2543ea;
    font-size: 13px;
}


html.fonts-loaded .header .navbar-light .navbar-nav li ul.dropdown-menu li a:hover,
.header .navbar-light .ekit-wid-con .digiqole-elementskit-menu .elementskit-navbar-nav .dropdown-item.active,
.header .navbar-light .ekit-wid-con .digiqole-elementskit-menu .elementskit-navbar-nav li ul li a:hover,
.header .navbar-light .navbar-nav li ul.dropdown-menu li.active a {
    color: #2d2d2d;

}

html.fonts-loaded .header-gradient-area .navbar-light .ekit-wid-con .digiqole-elementskit-menu .elementskit-navbar-nav > li > a,
html.fonts-loaded .header.header-gradient .navbar-light .ekit-wid-con .digiqole-elementskit-menu .elementskit-navbar-nav > li > a,
html.fonts-loaded .header .navbar-light .ekit-wid-con .digiqole-elementskit-menu .elementskit-navbar-nav > li > a,
html.fonts-loaded .header .navbar-light .nav-search-area a,
html.fonts-loaded .header-gradient .navbar-light .social-links li a,
html.fonts-loaded .header .navbar-light .navbar-nav > li > a,
html.fonts-loaded .header-gradient .navbar-light .nav-search-area .header-search-icon a {
    font-family: Roboto;
    font-size: px;
    font-weight: px;
}

.newsletter-area, .header-middle-area {
    background-image: linear-gradient(20deg, #0a007a 0%, #a1a4c6 100%);
}

.ts-footer {
    padding-top: 50px;
    padding-bottom: 20px;
}

body,
.dark-mode .ts-author-media,
.dark-mode .ts-author-content::before,
.dark-mode .ts-author-content::after,
.dark-mode .post-layout-style4 .post-single .entry-header {
    background-color: #ffffff;
}

.ts-footer {
    background-color: #070707;
    background-repeat: no-repeat;
    background-size: cover;


}

.newsletter-form span,
.ts-footer .widget-title span {
    background-color: #070707;
}

.ts-footer-classic .widget-title,
.ts-footer-classic h3,
.ts-footer-classic h4,
.ts-footer .widget-title,
.ts-footer-classic .contact h3 {
    color: #fff;
}

.ts-footer p,
.ts-footer .list-arrow li a,
.ts-footer .menu li a,
.ts-footer .service-time li,
.ts-footer .list-arrow li::before,
.ts-footer .footer-info li,
.ts-footer .footer-left-widget .footer-social li a, .ts-footer .footer-widget .footer-social li a,
.ts-footer .footer-left-widget p, .ts-footer .footer-widget p,
.ts-footer .recent-posts-widget .post-content .post-title a,
.ts-footer .menu li::before {
    color: #fff;
}


.copy-right {
    background-color: #161616;
}

.copy-right .copyright-text p {
    color: #fff;
}