/* ====================== >> Home Page Banner Start Here << ====================== */
.banner-section {
    padding: var(--space-150) 0;
    position: relative;
}

.banner-section .banner-wrap {
    flex-direction: column;
    width: 100%;
    max-width: 1380px;
    margin: 0 auto;
}

.banner-wrap .banner-Heading {
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.4px;
    padding-bottom: clamp(10px, 1.8vw, var(--space-20));
}

.banner-wrap .banner-Desc {
    line-height: 1.4;
    font-weight: 400;
    letter-spacing: 0.4px;
    padding-bottom: var(--space-60);
}

.banner-wrap .banner-button {
    color: var(--white);
}


/* ====================== >> Home Page Banner Close Here << ====================== */
/* ====================== >> Top section Start Here << ====================== */
.top-casinos-section {
    padding-bottom: var(--space-120);
    background-image: url(../images/sectio-top-bg.png);
    background-repeat: no-repeat;
    background-position: top right;
    width: 100%;
    height: 100%;
}

.casino-wrap .slick-track {
    display: flex;
    height: auto;
}

.casino-wrap .casino-card {
    height: auto;
    min-height: 100%;
    display: flex !important;
    align-items: flex-start;
    justify-content: flex-start;
}

.casino-wrap .casino-card .casino-Inner {
    border: 1px solid #28A37685;
    padding: var(--space-40) 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--primary);
    width: 100% !important;
    height: 100%;
    transition: all .45s linear !important;
}

.casino-wrap .casino-image>img {
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.casino-wrap .casino-title>h4>a {
    font-size: clamp(18px, 2vw, var(--fs-22));
    color: var(--white);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0.5px;
    padding: var(--space-16) 0;
    display: block;
}

.casino-Inner .bouns-deposit-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-top: 1px solid #ffffff8c;
    border-bottom: 1px solid #ffffff8c;
    width: 100%;
    padding: clamp(var(--space-7), 1vw, var(--space-16));
}

.casino-Inner .bouns-deposit-wrap .deposit-publish {
    width: 50%;
}


.casino-Inner .bouns-deposit-wrap .deposit-publish {
    width: 50%;
    border-right: 1px solid #fff;
    margin: 0 auto;
    padding-right: var(--space-16);
}

.publish-date {
    width: 50%;
}

.publish-date p {
    width: 100%;
    max-width: 120px;
    margin: clamp(5px, 2vw, var(--space-10)) auto;
}

.deposit-publish p:empty {
    display: none;
}

.casino-Inner .terms_description {
    font-weight: 300;
    letter-spacing: 0.3px;
}

.deposit-publish .bonus {
    font-weight: 300;
    line-height: 1.6;
}

.deposit-publish .free_spins {
    color: var(--secondary);
    text-transform: capitalize;
    font-weight: 500;
}

.publish-date p {
    font-weight: 300;
    line-height: 1.6;
}


.terms_description {
    padding: var(--space-10);
}

.terms_description {
    font-weight: 300;
}

.terms_description>a {
    color: var(--white);
    text-decoration: underline;
}

.casino-Inner .read-more {
    color: #fff;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0.5px;
}

.casino-Inner .read-more:hover {
    text-decoration: underline;
}

.casino-Inner .play_button {
    margin-block: clamp(14px, 2vw, var(--space-32));
    color: var(--white);
    border-style: none;
    outline: none;
}

/* swiper slider */

.casino-wrap .swiper-slide {
    width: 100%;
    transition: transform 0.5s ease;
    border-radius: 20px;
    transform-origin: right;
    min-height: 350px;
    object-fit: cover;
}

.casino-wrap .swiper-slide:not(.swiper-slide-prev, .swiper-slide-active, .swiper-slide-next, .swiper-slide-next ~ .swiper-slide) .casino-Inner {
    transform: scale(0.8) translateX(100px);
    opacity: 0.6;
    transition: all .6s linear;

}

.casino-wrap .swiper-slide-next~.swiper-slide .casino-Inner {
    transform: scale(0.8) translateX(-100px);
    opacity: 0.6;
    transition: all .6s linear;
}

.casino-wrap .swiper-slide-active,
.casino-wrap .swiper-slide-prev,
.casino-wrap .swiper-slide-next {
    z-index: 2;
}

.casino-wrap .swiper-slide-next+.swiper-slide .casino-Inner {
    transform-origin: left;
}

.swiper-container {
    overflow: hidden;
}

.swiper-arrow-wrap {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-top: clamp(15px, 3vw, 25px);
    grid-gap: 12px;
    height: 40px;
}

.casino-swiper .swiper-button-prev,
.casino-swiper .swiper-button-next {
    position: relative;
    top: 0;
    left: 0;
    transform: translate(0);
    border: 1px solid var(--white);
    border-radius: 100%;
    width: 40px;
    display: flex;
    height: 40px;
    justify-content: center;
    align-items: center;
}

.casino-swiper .swiper-button-prev::after {
    content: '';
    background-image: url('../images/slick-arrow-left.svg');
}

.casino-swiper .swiper-button-next::after,
.casino-swiper .swiper-button-prev::after {
    width: 20px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 20px;
}

.casino-swiper .swiper-button-next::after {
    content: '';
    background-image: url('../images/slick-arrow-right.svg');
}

@media (max-width:991px) {
    .casino-wrap .swiper-slide-prev .casino-Inner {
        transform: scale(0.8) translateX(100px);
        opacity: 0.6;
        z-index: 1;
        transition: all .5s ease-in-out;
    }

    .casino-swiper .swiper-button-prev,
    .casino-swiper .swiper-button-next {
        width: 30px;
        height: 30px;
    }

    .casino-swiper .swiper-button-next::after,
    .casino-swiper .swiper-button-prev::after {
        width: 12px;
        height: 12px;
    }

    .casino-wrap .swiper-slide-next {
        z-index: 1;
    }

    .casino-wrap .swiper-slide-next .casino-Inner {
        transform: scale(0.8) translateX(-100px);
        opacity: 0.6;
        transition: all .5s ease-in-out;
    }

}

@media(max-width: 575px) {
    .bottom-row-links .fav-bottom-links {
        justify-content: center;
    }
}

@media(max-width: 480px) {
    .casino-wrap .casino-card .casino-Inner {
        margin: 0;
    }

    .casino-wrap .slick-track {
        grid-gap: var(--space-7);
    }
}

/* ====================== >> Top section Close Here << ====================== */
/* ====================== >>Favorite Casino Sec Start<< ====================== */
.favorite-casinos-section {
    padding-bottom: var(--space-110);
    background-image: url(../images/fav-bg.svg);
    background-repeat: no-repeat;
    background-position: left 30px top 242px;
    position: relative;
    z-index: 1;
}

.favorite-casinos-section::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 312px;
    height: 312px;
    background-color: var(--secondary);
    filter: blur(185px);
    transform: translateY(-50%);
    z-index: -1;
    border-radius: 50%;
}

.favorite-casino-wrap .favorite-casino-card {
    border: 1px solid #28A37685;
    background-color: var(--primary);
    margin-bottom: clamp(15px, 2.5vw, var(--space-30));
}

.fav-casino .center-row {
    grid-gap: var(--space-10) 0;
}

.favorite-casino-wrap .favorite-casino-card:last-child {
    margin: 0;
}

.favorite-casino-heading-section .cst-heading {
    padding-bottom: var(--space-14);
}

.favorite-casino-heading-section .cst-sub-heading-2 {
    font-weight: 400;
    line-height: 1.4;
    padding-bottom: clamp(20px, 4vw, var(--space-40));
    letter-spacing: 0.4px;
}

.favorite-casino-image {
    grid-gap: 0 var(--space-16);
}

.fav-casino .top-row {
    grid-gap: var(--space-16);
    border-bottom: 1px solid #ffffff47;
    padding: var(--space-20);
}

.favorite-casino-image>img {
    width: 100%;
    object-fit: cover;
    max-width: 110px;
    object-position: center;
}

.favorite-casino-image h3 {
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.5px;
}

.casino-title h2> {
    color: var(--white);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0.5px;
}

.favorite-casino-card .favorite-casino-inner {
    padding: var(--space-20);
}

.bounus-wrap p {
    font-weight: 300;
    letter-spacing: 0.5px;
}

.bounus-wrap .free_spins {
    font-weight: 500;
    color: var(--secondary);
    letter-spacing: 0.5px;
}

.favorite-casino-inner .publish-content {
    width: fit-content;
    max-width: 120px;
    font-weight: 300;
    line-height: 1.4;
}

.favorite-casino-inner .publish-content>strong {
    font-weight: 500;
}

.favorite-casino-image .casino-title {
    display: block;
    width: 100%;
}

.favorite-casino-image .casino-title h4>a {
    color: var(--secondary);
    font-size: var(--fs-16);
    font-weight: 500;
    text-decoration: underline;
}

.feature-list {
    grid-gap: var(--space-10);
}

.right-side .feature-list .feature-active {
    background-color: var(--black);
    width: 100%;
    height: 102px;
    flex: 1;
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding: var(--space-10);
    flex-direction: column;
    margin: 0 !important;
    justify-content: flex-start;
}

.right-side .feature-list .feature-dimmed {
    display: flex !important;
    background-color: var(--black);
    height: 102px;
    flex-direction: column;
    margin: 0 !important;
    justify-content: center;
    padding: var(--space-16);
    align-items: center;
    width: 100%;
    justify-content: flex-start;
    flex: 1;
    opacity: 0.35;
}

.feature-list .feature-dimmed img {
    filter: brightness(0) invert(1);
}

.feature-active span,
.feature-dimmed span {
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: 0.3px;
}

.feature-active>img,
.feature-dimmed>img {
    width: 100% !important;
    object-fit: contain;
    max-width: 35px;
    aspect-ratio: 1/1;
    display: block !important;
    height: 35px !important;
    object-position: top;
    margin-bottom: 5px;
}

.close-show-more .center-row {
    padding: var(--space-20);
}

.bounus-deposit-wrap .bonus {
    font-weight: 300;
    line-height: 1.3;
    letter-spacing: 0.5px;
}

.bounus-deposit-wrap .bonus b {
    font-weight: 600;
    display: inline-block;
    width: 100%;
    padding-bottom: var(--space-7);
}

.bounus-deposit-wrap .free_spins {
    color: var(--secondary);
    font-weight: 500;
}

.recycling_requirements-wrap .recycling_requirements {
    font-weight: 300;
    letter-spacing: 0.5px;
    position: relative;
}

.recycling_requirements-wrap .recycling_requirements::after {
    content: '';
    background-image: url('../images/alert.svg');
    background-position: right;
    background-size: 20px;
    background-repeat: no-repeat;
    position: absolute;
    top: 2px;
    left: 100%;
    height: 20px;
    width: 20px;
}

.recycling_requirements-wrap .recycling_requirements a {
    color: var(--white);
}

.center-row .publish-content {
    max-width: 119px;
    font-weight: 400;
}

.publish-terms .play_button {
    color: var(--white);
    width: fit-content;
    display: flex;
    max-width: fit-content;
    margin-left: auto;
    margin-block: var(--space-10);
}

.favorite-casino-card .show-more {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: var(--space-16) auto;
    color: var(--secondary);
    font-weight: 500;
    position: relative;
    letter-spacing: 0.5px;
    line-height: 1.3;
    width: fit-content;
}

.favorite-casino-card .show-more::after {
    content: '';
    position: absolute;
    top: 0;
    left: calc(100% + 5px);
    background-image: url(../images/droup-down.svg);
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: center right;
    height: 20px;
    transition: all 0.4s cubic-bezier(0.4, 0, 1, 1);
    width: 20px;
}

.favorite-casino-card .show-more.show-less::after {
    transform: rotate(180deg);
}

.open-show-more.show .bottom-row {
    grid-gap: clamp(15px, 2.5vw, var(--space-30));
}

.open-show-more.hide {
    display: none;
}

.bottom-row .left-side-col,
.bottom-row .right-side-col {
    width: 50%;
    flex: 1;
}

.open-show-more.show {
    display: block;
    border-top: 1px solid #ffffff47;
    padding: var(--space-16) var(--space-20);
}

.bottom-row .structuer-wrap {
    border: 1px solid #515D59;
    width: 100%;
}

.structuer-wrap p {
    border-bottom: 1px solid #ffffff2e;
    padding: var(--space-10) clamp(10px, 2vw, var(--space-20));
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.5px;
}

.structuer-wrap p strong {
    font-weight: 300;
}

.general-information .structuer-wrap p {
    font-weight: 400;
}

.bonus-structure h3,
.general-information h3,
.payment-methods h3,
.game-manufacturers h3 {
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0.5px;
    padding-bottom: clamp(7px, 1vw, var(--space-14));
}

.payment-methods,
.game-manufacturers {
    padding-top: var(--space-40);
}

.fav-bottomline-logos {
    grid-gap: var(--space-20);
}

.fav-bottomline-logos li {
    background: #D9D9D9;
    width: 100%;
    height: 82px;
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: center;
    max-width: 182px;
}

.fav-bottomline-logos img {
    width: 100%;
    object-fit: cover;
    max-width: 100%;
}

.bottom-row-links {
    margin-top: var(--space-30);
}

.bottom-row-links .fav-bottom-links {
    grid-gap: var(--space-40) var(--space-20);
}

.fav-bottom-links li:first-child a {
    background: transparent;
    border: 1px solid #ffff;
    transition: 0.4s ease-in-out;
}

.fav-bottom-links li:first-child a:hover {
    background: var(--bg-gradint);
    transform: translateY(-2px);
}

.fav-bottom-links li a {
    color: var(--white);
}

.center-row .centerboxs {
    width: 20%;

}

.center-row .centerboxs:not(:first-child):not(:last-child) {
    margin: 0 auto;
    max-width: fit-content;
}

@media(max-width:1199px) {
    .top-row .right-side {
        width: 100%;
    }

    .center-row .centerboxs {
        width: 25%;

    }

}

@media(max-width: 991px) {
    .close-show-more .center-row {
        padding: var(--space-14);
    }

    .center-row .centerboxs {
        width: 33.3%;

    }

    .feature-active>img,
    .feature-dimmed>img {
        max-width: 25px;
        height: 30px !important;
    }

    .bottom-row .left-side-col,
    .bottom-row .right-side-col {
        width: 100%;
        flex: auto;
    }

    .fav-casino .top-row {
        padding: var(--space-14);
    }
}

@media(max-width: 767px) {
    .close-show-more .center-row {
        padding: var(--space-10);
    }

    .center-row .centerboxs {
        width: 50%;

    }

    .bounus-deposit-wrap {
        width: 100%;
    }

    .right-side .feature-list .feature-dimmed {
        width: 49%;
        flex: 0 0 auto;
    }

    .right-side .feature-list .feature-active {
        width: 48%;
        flex: auto;
    }

    .center-row .publish-terms {
        width: 50%;
    }

    .fav-casino .top-row {
        padding: var(--space-10);
    }
}

@media(max-width: 575px) {
    .recycling_requirements-wrap .recycling_requirements {
        font-size: var(--fs-14);
    }

    .center-row .centerboxs {
        width: 100%;
        margin: 0 auto !important;
    }

    .center-row .publish-content {
        max-width: 100%;
        text-align: center;
    }

    .bounus-deposit-wrap .bonus b {
        text-align: center;
    }

    .center-row .centerboxs:not(:first-child):not(:last-child) {
        max-width: 100% !important;
    }

    .close-show-more .center-row p {
        font-size: var(--fs-14);
        width: fit-content;
        margin: 0 auto;
    }

    .center-row .publish-terms {
        width: 100%;
    }

    .publish-terms .play_button {
        margin: 0 auto;
    }

    .fav-bottomline-logos li {
        flex: auto;
        max-width: 47%;
    }
}

@media(max-width: 400px) {
    .fav-bottomline-logos li {
        max-width: 100%;
    }

    .recycling_requirements-wrap {
        width: 100%;
    }

    .right-side .feature-list .feature-dimmed {
        width: 100%;
    }

    .right-side .feature-list .feature-active {
        width: 100%;
    }
}

/* ====================== >> Casino Logo start here << ====================== */
.casino-logo {
    padding-bottom: var(--space-120);
}

.casino-logo-wrap {
    width: 100%;
    display: flex;
}

.casino-logo-wrap .slick-track {
    display: flex;
    grid-gap: var(--space-20);
}

.casino-logo-list img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    max-width: 815px;
}

@media(max-width: 991px) {
    .casino-logo-list img {
        max-width: 420px;
    }
}

@media(max-width: 767px) {
    .casino-logo-list img {
        max-width: 320px;
    }
}

/* ====================== >> Casino Logo close here << ====================== */

/* ====================== >>Favorite Casino Sec Close<< ====================== */
/* ====================== >>Casino Affairs Start<< ====================== */
.casino-affairs {
    padding-bottom: var(--space-110);
    background-image: url(../images/bg-heart.png);
    background-repeat: no-repeat;
    background-position: right bottom calc(100% - 40px);
    background-size: 205px;
}

.casino-affairs-wrap .casino-affairs-title {
    width: 100%;
    max-width: 1078px;
    padding-bottom: var(--space-18);
}

.casino-affairs-wrap .casino-affairs-description>p {
    line-height: 1.8;
    font-weight: 300;
    letter-spacing: 0.2px;
}

.casino-affairs-wrap .casino-affairs-image {
    margin: clamp(25px, 3.5vw, var(--space-50)) 0;
    line-height: 0;
}

.casino-affairs-image img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    height: 550px !important;
    aspect-ratio: 1/1;
}

.casino-affairs-wrap .casino-affairs-bottom {
    border: 1px solid var(--secondary);
}


.casino-affairs-bottom .key-points {
    padding-block: clamp(20px, 2.5vw, 40px);
}


.casino-affairs-bottom .key-image {
    padding-inline: var(--space-80);
    line-height: 0;
    margin-top: auto;
}

.casino-affairs-bottom .key-image>img {
    width: 215px;
    object-fit: cover;
    object-position: center;
}

.key-points ol {
    margin: 0;
}

.key-points ol>li {
    font-size: var(--fs-16);
    font-weight: 400;
    line-height: 2.5;
    letter-spacing: 0.5px;
}

@media(max-width: 1399px) {
    .casino-affairs-bottom .key-image {
        padding-inline: var(--space-40);
    }

    .center-row .publish-terms {
        margin-left: auto;
    }
}

@media(max-width: 1199px) {
    .casino-affairs-bottom .key-image {
        padding-inline: var(--space-20);
    }

    .key-points ol>li {
        line-height: 2.1;
    }

}

@media(max-width: 991px) {
    .key-points ol {
        margin-left: var(--space-16) var(--space-40);
    }

    .casino-affairs-bottom .key-image {
        padding-top: var(--space-20);
    }

    .key-points ol>li {
        line-height: 1.8;
    }
}

/* ====================== >>Casino Affairs Close<< ====================== */
/* ====================== >> 5 Point Section Start << ====================== */
.point-section {
    padding-bottom: var(--space-110);
    position: relative;
    z-index: 1;
}

.point-section::after {
    content: '';
    position: absolute;
    top: 0;
    left: -12%;
    width: 465px;
    height: 465px;
    background-color: var(--secondary);
    filter: blur(150px);
    opacity: 0.5;
    z-index: -1;
    border-radius: 50%;
}


.point-section-wrap .point-section-title {
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.5px;
    padding-bottom: var(--space-14);
}

.point-section-wrap .point-section-subtitle {
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.4px;
    padding-bottom: clamp(16px, 3vw, var(--space-32));
}

.point-section-wrap .casino-affairs-description {
    font-weight: 300;
    line-height: 1.4;
    padding-bottom: clamp(30px, 3vw, var(--space-50));
    letter-spacing: 0.4px;
}

.examine-tabel {
    width: 100%;
    overflow-x: auto;
}

.examine-tabel .detail_title {
    padding-bottom: var(--space-32);
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.5px;
}

.recommended-heading i {
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: 0.5px;
}

.point-section-wrap .detail_title {
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.5px;
    padding-bottom: clamp(14px, 2vw, var(--space-32));
}

@media(max-width: 575px) {
    .point-section::after {
        width: 320px;
    }
}

/* ====================== >> 5 Point Section Close << ====================== */
/* ====================== >> Testimonials Section Start << ====================== */
.testimonial-section {
    padding-bottom: var(--space-150);
}

.testimonial-wrap {
    display: flex;
    height: 100%;
}

.testimonial-wrap .slick-list {
    margin: 0 -14px;
}

.testimonial-wrap .slick-track {
    display: flex;
    height: 100%;
}

.testimonial-wrap .slick-slide {
    height: 100%;
    border: 1px solid #186046;
    background-color: var(--primary);
    margin: 0 clamp(7px, 1.5vw, var(--space-14));
    padding: var(--space-60) var(--space-20) var(--space-16);
    position: relative;
    opacity: 1 !important;
    height: 100%;
}

.testimonial-wrap .slick-slide::after {
    content: '';
    position: absolute;
    top: 22px;
    left: 20px;
    width: 36px;
    height: 36px;
    background-image: url('../images/testimonials-bg.png');
    z-index: 1;
    background-repeat: no-repeat;
    background-position: top left;
}

.testimonial-profile {
    grid-gap: var(--space-10);
}

.testimonial-profile .testimonial-image>img {
    width: 100%;
    height: 71px;
    max-width: 71px;
    border-radius: 100%;
    object-fit: cover;
    object-position: center;
}

.testimonial-wrap .slick-slide p:empty {
    display: none;
}

.testimonial-wrap .slick-slide p {
    font-weight: 300;
    line-height: 1.6;
    letter-spacing: 0.4px;
    padding-block: var(--space-20);
}

.testimonial-sub-heading .test-name,
.testimonial-sub-heading .postion {
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.5px;
}

.testimonial-sub-heading .postion {
    color: var(--text-primary);
}

/* slick arrow */
.casino-wrap .slick-arrow,
.testimonial-wrap .slick-arrow {
    position: absolute;
    top: calc(100% + 41px);
    border: 1px solid var(--white);
    border-radius: 100%;
    padding: 18.6px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.casino-wrap .slick-prev,
.testimonial-wrap .slick-prev,
.about-logo-list .slick-prev {
    left: 47%;
}

.casino-wrap .slick-prev::before,
.testimonial-wrap .slick-prev::before {
    content: '';
    background-image: url('../images/slick-arrow-left.svg');
}

.casino-wrap .slick-next,
.testimonial-wrap .slick-next,
.about-logo-list .slick-next {
    right: 46.6%;
}

.casino-wrap .slick-next::before,
.casino-wrap .slick-prev::before,
.testimonial-wrap .slick-next::before,
.testimonial-wrap .slick-prev::before,
.about-logo-list .slick-prev::before,
.about-logo-list .slick-next::before {
    width: 20px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 20px;
}

.casino-wrap .slick-next::before,
.testimonial-wrap .slick-next::before {
    content: '';
    background-image: url('../images/slick-arrow-right.svg');

}

@media(max-width: 1399px) {

    .casino-wrap .slick-next,
    .testimonial-wrap .slick-next,
    .about-logo-list .slick-next {
        right: 45.6%;
    }

    .testimonial-wrap .slick-slide p {
        padding-block: var(--space-30);
    }

    .testimonial-wrap .slick-slide {
        padding: var(--space-60) var(--space-16) var(--space-16);
    }

    .casino-wrap .slick-arrow,
    .testimonial-wrap .slick-arrow {
        top: calc(100% + 30px);
    }

    .section-heading {
        padding-bottom: var(--space-28);
    }
}

@media(max-width: 1199px) {

    .casino-wrap .slick-next,
    .testimonial-wrap .slick-next,
    .about-logo-list .slick-next {
        right: 42.6%;
    }

    .testimonial-wrap .slick-slide {
        padding: var(--space-60) var(--space-10) var(--space-16);
    }

    .casino-wrap .slick-arrow,
    .testimonial-wrap .slick-arrow {
        top: calc(100% + 25px);
    }

    .section-heading {
        padding-bottom: var(--space-20);
    }

    .casino-wrap .slick-arrow,
    .testimonial-wrap .slick-arrow {
        padding: 15.6px;
    }

    .casino-wrap .slick-next::before,
    .casino-wrap .slick-prev::before,
    .testimonial-wrap .slick-next::before,
    .testimonial-wrap .slick-prev::before,
    .about-logo-list .slick-next::before,
    .about-logo-list .slick-prev::before {
        width: 16px;
        height: 16px;
    }
}

@media(max-width: 991px) {

    .casino-wrap .slick-prev,
    .testimonial-wrap .slick-prev,
    .about-logo-list .slick-prev {
        left: 40%;
    }
}

@media(max-width: 767px) {

    .casino-wrap .slick-next,
    .testimonial-wrap .slick-next,
    .about-logo-list .slick-next {
        right: 43.6%;
    }

    .section-heading {
        padding-bottom: var(--space-16);
    }

    .casino-wrap .slick-arrow,
    .testimonial-wrap .slick-arrow {
        padding: 13px;
    }

    .casino-wrap .slick-next::before,
    .casino-wrap .slick-prev::before,
    .testimonial-wrap .slick-next::before,
    .testimonial-wrap .slick-prev::before,
    .about-logo-list .slick-next::before,
    .about-logo-list .slick-prev::before {
        width: 12px;
        height: 12px;
    }
}

@media(max-width: 575px) {

    .casino-wrap .slick-next,
    .testimonial-wrap .slick-next,
    .about-logo-list .slick-next {
        right: 38%;
    }

    .casino-wrap .slick-arrow,
    .testimonial-wrap .slick-arrow {
        top: calc(100% + 20px);
    }

    .casino-wrap .slick-next::before,
    .casino-wrap .slick-prev::before,
    .testimonial-wrap .slick-next::before,
    .testimonial-wrap .slick-prev::before {
        width: 10px;
        height: 10px;
    }

    .casino-wrap .slick-arrow,
    .testimonial-wrap .slick-arrow {
        padding: 13px;
    }

    .casino-wrap .slick-prev,
    .testimonial-wrap .slick-prev,
    .about-logo-list .slick-prev {
        left: 42%;
    }

}

@media(max-width: 400px) {

    .casino-wrap .slick-prev,
    .testimonial-wrap .slick-prev,
    .about-logo-list .slick-prev {
        left: 40%;
    }

    .casino-wrap .slick-next,
    .testimonial-wrap .slick-next,
    .about-logo-list .slick-next {
        right: 39%;
    }
}

/* ====================== >> Testimonials Section Close << ====================== */
/* ====================== >> Quality Sec Start << ====================== */
.quality-section {
    padding-bottom: var(--space-120);
    position: relative;
}

.quality-section::after {
    content: '';
    position: absolute;
    top: 50px;
    right: 0px;
    width: 408px;
    height: 408px;
    background-color: var(--secondary);
    filter: blur(150px);
    opacity: 0.5;
    z-index: -1;
    border-radius: 50%;
}

.quality-section .quality-section-wrap {
    background: var(--bg-gradint);
    grid-gap: var(--space-150);
    padding-top: var(--space-80);
    height: 508px;
    position: relative;
}

.quality-section-wrap .left.key-image {
    width: 22%;
}

.quality-section-wrap .left.key-image img {
    position: absolute;
    bottom: 0;
    width: 100% !important;
    object-fit: cover;
    max-width: 385px !important;
    left: 44px;
}

.quality-section-wrap .key-title {
    width: 57%;
}

.key-title .cst-sub-heading-2 {
    color: var(--black);
}

.key-title .cst-heading {
    padding-bottom: var(--space-20);
}

.key-title .quality-section-description {
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0.4px;
}

.key-title .quality-button {
    border: 1px solid var(--white);
    margin-top: var(--space-50);
    display: inline-block;
    transition: all 0.4s ease-in-out;
    background: transparent;
    color: var(--white);
    font-size: clamp(12px, 1.9vw, var(--fs-17));
}

.key-title .quality-button:hover {
    transform: translateY(-2px);
    background: var(--bg-gradint);
}

@media(max-width: 1599px) {
    .quality-section-wrap .left.key-image img {
        left: 30px;
    }
}

@media(max-width: 1399px) {
    .quality-section-wrap .left.key-image img {
        left: 20px;
    }

    .key-title .quality-button {
        margin-block: var(--space-30);
    }

    .quality-section .quality-section-wrap {
        padding-top: var(--space-60);
    }

    .quality-section-wrap .left.key-image {
        width: 26%;
    }

    .quality-section .quality-section-wrap {
        padding-top: var(--space-40);
    }
}

@media(max-width: 1199px) {
    .quality-section-wrap .key-title {
        width: 100%;
        flex: auto;
    }

    .quality-section-wrap .left.key-image img {
        position: static;
    }

    .quality-section-wrap .left.key-image {
        width: 100%;
    }

    .quality-section .quality-section-wrap {
        grid-gap: var(--space-20);
        padding-top: var(--space-20);
        height: 100%;
        padding-inline: var(--space-20);
    }

    .key-title .quality-button {
        margin-block: var(--space-20);
    }
}

@media(max-width: 991px) {
    .quality-section .quality-section-wrap {
        padding-inline: var(--space-16);
    }
}

@media(max-width: 575px) {
    .quality-section .quality-section-wrap {
        padding-inline: var(--space-10);
    }
}

/* ====================== >> Quality Sec Close << ====================== */
/* ====================== >> News Sec Start << ====================== */
.news-section {
    padding-bottom: var(--space-120);
    background-image: url('../images/Spades-background.png');
    background-repeat: no-repeat;
    background-position: top calc(100% - 57%) left;
}

.news-heading .cst-heading {
    width: 100%;
    max-width: 959px;
}

.news-button a,
.blog-head-section .blog-button a {
    color: var(--white);
}

.news-section-description p:first-child {
    font-weight: 300;
    line-height: 1.34;
    padding-bottom: var(--space-14);
    letter-spacing: 0.4px;
}

.news-section-description p:nth-child(2) {
    font-weight: 500;
    letter-spacing: 0.4px;
    padding-bottom: var(--space-16);
    line-height: 1.4;
}

.news-section-description ul {
    margin: 0;
    padding: 0;
}

.news-section-description ul {
    list-style: none;
    padding: 0;
}

.news-section-description li {
    position: relative;
    padding-left: var(--space-20);
    font-weight: 500;
    line-height: 2.3;
}

.news-section-description li::before {
    content: "■";
    color: var(--secondary);
    font-size: var(--fs-20);
    display: inline-block;
    position: absolute;
    left: 0;
    top: -5px;
    transform: rotate(316deg);
    transform-origin: center;
}

.news-section-description p:last-child {
    padding-block: var(--space-40);
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: 0.4px;
}

.news-wrap {
    grid-gap: clamp(10px, 2vw, var(--space-20));
}

.news-wrap .news-card {
    width: calc(33.3% - 13px);
    grid-gap: clamp(10px, 2vw, var(--space-20));
    border: 1px solid #28A37685;
    background: #28A37626;
    padding: var(--space-20);
}

.news-wrap .news-card .news-image {
    width: 25%;
    height: 100%;
    display: block;
}

.news-wrap .news-card .news-sub-content {
    flex: 1;
}

.news-image .news-img {
    width: 100%;
    line-height: 0;
    display: block;
}

.news-image .news-img>img {
    max-width: 121px;
    width: 100%;
    aspect-ratio: 1/1;
}

.news-sub-content .news-name {
    color: var(--white);
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.5px;
}

.news-sub-content .news-name:hover {
    text-decoration: underline;
}

.news-sub-content .sub-loaction {
    width: 100%;
    display: block;
}

.news-sub-content .gaming {
    color: var(--secondary);
    line-height: 1.6;
    font-weight: 500;
}

.news-sub-content .label-content {
    padding-top: var(--space-7);
}

.label-content p {
    display: inline-block;
    padding-left: var(--space-7);
    font-weight: 300;
}

.label-content label b {
    letter-spacing: 0.3px;
    font-weight: 600;
}

.news-heading .cst-heading {
    padding-bottom: clamp(10px, 2vw, var(--space-32));
}

.news-head-section .news-button {
    margin-top: clamp(7px, 4vw, 14px);
}

@media(max-width: 1699px) {
    .news-sub-content .label-content {
        padding-top: 4px;
    }

    .news-wrap .news-card {
        grid-gap: var(--space-16);
    }
}

@media(max-width: 1399px) {
    .news-wrap .news-card {
        grid-gap: var(--space-10);
    }

    .news-wrap {
        grid-gap: var(--space-16);
    }

    .news-sub-content .news-name {
        letter-spacing: 0.1px;
    }
}

@media(max-width: 1199px) {
    .news-wrap .news-card {
        width: calc(50% - 13px);
        padding: var(--space-14);
        grid-gap: var(--space-16);
    }

    .news-head-section {
        grid-gap: var(--space-14);
    }

    .news-head-section {
        margin-bottom: var(--space-20);
    }
}

@media(max-width: 991px) {
    .news-wrap .news-card {
        padding: var(--space-10);
        grid-gap: var(--space-10);
    }
}

@media(max-width: 767px) {
    .news-wrap .news-card {
        width: 100%;
    }
}

@media(max-width:575px) {
    .news-wrap .news-card .news-image {
        width: 30%;
    }

    .news-wrap .news-card .news-sub-content {
        padding-top: 0;
    }
}

/* ====================== >> News Sec Close << ====================== */
/* ====================== >> Blog Sec Start << ====================== */
.blog-section {
    padding-bottom: var(--space-120);
    position: relative;
    z-index: 1;
}

.blog-banner .banner-wrap {
    max-width: 1400px;
}

.blog-section .blog-section-description {
    max-width: 1274px;
    display: block;
    width: 100%;
}

.blog-section-description p {
    padding-bottom: var(--space-60);
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: 0.4px;
}



.blog-wrap {
    grid-gap: clamp(15px, 2.5vw, var(--space-30));
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.blog-wrap .blog-card {
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.blog-card .blog-image {
    position: relative;
}

.blog-image .blogcards {
    position: absolute;
    top: var(--fs-16);
    right: var(--fs-16);
    background-color: var(--text-primary);
    padding: var(--space-10);
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    cursor: pointer;
    font-weight: 400;
    transition: 0.4s ease-in-out;
}

.blog-image .blogcards:hover {
    transform: translateY(-2px);
    box-shadow: -0 0 5px var(--text-primary);
}

.blog-card .blog-content {
    background-color: var(--primary);
    display: flex;
    flex-direction: column;
    height: fit-content;
    padding: clamp(10px, 2vw, var(--space-20));
    flex-grow: 1;
}

.blog-section::after {
    content: '';
    position: absolute;
    top: 0;
    left: -27px;
    width: 537px;
    height: 537px;
    background-color: var(--secondary);
    filter: blur(150px);
    opacity: 0.5;
    z-index: -1;
    border-radius: 50%;
}

/* .blog-wrap .blog-card .blog-image {
    overflow: hidden;
} */

.blog-card .blog-image>a {
    display: block;
}



.blog-card .blog-image>a>img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    height: 350px;
    transform: scale(1);
    display: block;
    transition: all 0.6s ease-in-out;
}

.blog-card .blog-image>a>img:hover {
    transform: scale(1.05);

}


.author-content .left-meta,
.author-content .right-meta {
    grid-gap: var(--space-10);
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: 0.5px;
}

.author-content .left-meta img,
.author-content .right-meta img {
    width: 100%;
    max-width: 16px;
    object-fit: contain;
    object-position: center;
}

.blog-content .author-content {
    padding-bottom: var(--space-20);
}

.blog-content .blog-title>.blog-name {
    color: var(--white);
    font-weight: 600;
    line-height: 1.5;
    padding-bottom: var(--space-14);
    letter-spacing: 0.5px;
}

.blog-content .blog-title>.blog-name:hover {
    text-decoration: underline;
}

.blog-content p:empty,
.blog-content .excerpt {
    display: none;
}

.blog-content p {
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: 0.4px;
    width: 100%;
    padding-bottom: clamp(8px, 1vw, var(--space-16));
}

.blog-content .read-more {
    color: var(--secondary);
    font-weight: 500;
    letter-spacing: 0.4px;
    line-height: 1.4;
    display: flex;
    align-items: flex-end;
    margin-top: auto;
}

.blog-content .read-more:hover {
    text-decoration: underline;
}

@media(max-width: 1699px) {

    .blog-section-description p {
        padding-bottom: var(--space-50);
    }
}

@media(max-width: 1599px) {
    .blog-section-description p {
        padding-bottom: var(--space-40);
    }
}

@media(max-width: 1199px) {
    .blog-card .blog-content {
        height: 330px;
    }

    .blog-section-description p {
        padding-bottom: var(--space-30);
    }

    .blog-wrap {
        grid-gap: var(--space-20);
    }
}

@media(max-width: 991px) {

    .blog-wrap {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: var(--space-16);
    }

    .blog-section-description p {
        padding-bottom: var(--space-20);
    }

    .blog-card .blog-content {
        height: 100%;
    }
}

@media(max-width: 767px) {
    .blog-wrap .blog-card {
        width: 100%;
    }

    .blog-wrap {
        grid-template-columns: repeat(1, 1fr);
    }

    .blog-head-section .blog-button {
        display: block;
        width: 100%;
        margin-bottom: var(--space-20);
        margin-top: var(--space-7);
    }

}

@media(max-width: 575px) {

    .blog-section::after {
        width: 320px;
    }
}

/* ====================== >> Blog Sec Close << ====================== */
/* ====================== >> Faq Sec Start << ====================== */

.faq-section {
    padding-bottom: var(--space-120);
}


.faq-accordion-wrap .faq-accordion {
    width: 63.7%;
}

.faq-accordion-wrap .key-image {
    width: 36%;
    flex: 1;
}

.faq-accordion-wrap .key-image img {
    width: 100%;
    object-position: center;
    object-fit: contain;
    aspect-ratio: 1/1;
}

.faq-accordion .faq-item {
    background-color: var(--primary);
}

.faq-accordion .faq-item:not(:last-child) {
    margin-bottom: var(--space-10);
}

.faq-item .faq-question {
    font-weight: 500;
    padding-block: var(--space-14);
    padding-inline: var(--space-14);
    cursor: pointer;
    position: relative;
}

.faq-item .faq-question>h4 {
    font-weight: 500;
}

.faq-item .faq-question::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 18px;
    background-image: url('../images/plus-acordin.svg');
    background-repeat: no-repeat;
    background-position: right;
    width: 20px;
    height: 20px;
    background-size: contain;
    transition: all 0.4s ease-in-out;
    transform: translateY(-50%) rotate(90deg);
}

.faq-item .faq-question.open::after {
    background-image: url('../images/close-acordin.svg');
    transform: translateY(-50%) rotate(0);

}

.faq-item .faq-answer>p {
    font-weight: 300;
    padding: var(--space-14);
    padding-top: 0;
    line-height: 1.6;
    letter-spacing: 0.4px;
    padding-bottom: var(--space-20);
}


.faq-item.active .faq-question::after {
    background-image: url('../images/close-acordin.svg');
    transform: translateY(-50%) rotate(0);
}

.faq-answer {
    opacity: 0;
    visibility: hidden;
    height: 0;
    transform: translateY(-10px);
    transition: all 0.4s ease-in-out;
}

.faq-item.active .faq-answer {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
    height: 100%;
}

.faq-accordion-wrap {
    grid-gap: var(--space-60);
}

@media(max-width: 1199px) {
    .faq-item .faq-question>h4 {
        width: 100%;
        max-width: 500px;
    }
}

@media(max-width: 991px) {
    .faq-accordion-wrap .faq-accordion {
        width: 100%;
    }

    .faq-item .faq-question::after {
        right: 15px;
        width: 15px;
        height: 15px;
    }

    .faq-accordion-wrap .key-image {
        width: 100%;
        flex: auto;
    }
}

@media(max-width: 767px) {
    .faq-item .faq-question>h4 {
        max-width: 420px;
    }
}

@media(max-width: 575px) {
    .faq-item .faq-question>h4 {
        max-width: 320px;
    }

    .faq-item .faq-question::after {
        right: 10px;
    }
}

@media(max-width: 400px) {
    .faq-item .faq-question>h4 {
        max-width: 300px;
    }
}

/* ====================== >> Faq Sec Close << ====================== */

/* ====================== >> *** About page Start Here *** << ====================== */
/* ====================== >> About banner start here << ====================== */
.about-banner .banner-wrap .about-banner-title {
    padding-bottom: clamp(14px, 2vw, var(--space-32));
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.4px;
}

.banner-wrap .about-banner-Desc {
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: 0.4px;
}

/* ====================== >> About banner close here << ====================== */
/* ====================== >> Anbieter Section Start << ====================== */
.anbieter-section {
    padding-bottom: var(--space-120);
    background-image: url(../images/sectio-top-bg.png);
    background-repeat: no-repeat;
    background-position: top right;
}

.anbieter-section-wrap .anbieter-section-title {
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.2px;
}

.anbieter-section-wrap .about-logo-list {
    padding-block: var(--space-100);
    grid-gap: var(--space-16);
}

.about-logo-list .slick-track {
    display: flex;
    grid-gap: var(--space-10);
}

.about-logo-list .img-logo-list>img {
    width: 100%;
    object-fit: contain;
    aspect-ratio: 1/1;
    max-width: 120px;
}

.about-logo-list .img-logo-list:last-child>img {
    margin-left: auto;
}

.about-logo-list .img-logo-list:not(:first-child, :last-child)>img {
    margin: 0 auto;
}

.anbieter-boxs {
    grid-gap: var(--space-20);
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.anbieter-boxs .left-col,
.anbieter-boxs .right-col {
    background-color: var(--primary);
    width: 100%;
    border: 1px solid #28A37685;
    padding-block: var(--space-50);
    padding-inline: var(--space-28);
}

.left-col>li>h4,
.right-col li h4 {
    font-weight: 600;
    padding-bottom: var(--space-20);
    line-height: 1.4;
    letter-spacing: 0.5px;
}

.anbieter-boxs .left-col li p,
.anbieter-boxs .right-col li p {
    font-weight: 500;
    line-height: 1.4;
    padding-block: 4px;
    padding-left: var(--space-14);
}

.anbieter-boxs .right-col li p {
    padding-left: var(--space-20);
}

.anbieter-boxs .left-col li:not(:first-child) {
    position: relative;
    padding-left: var(--space-10);
}

.anbieter-boxs .left-col li:not(:first-child)::after {
    content: "■";
    color: var(--secondary);
    font-size: var(--fs-20);
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) rotate(316deg);
    transform-origin: center;
}

.anbieter-boxs .right-col li:not(:first-child) {
    position: relative;
    padding-left: var(--space-10);
}

.anbieter-boxs .right-col li:not(:first-child)::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    background-image: url('../images/check.svg');
    background-repeat: no-repeat;
    background-position: left;
    width: 18px;
    transform: translateY(-50%);
    height: 18px;
}

.about-logo-list .slick-arrow {
    position: absolute;
    top: calc(100% - 60px);
    border: 1px solid var(--white);
    border-radius: 100%;
    padding: clamp(10px, 2vw, 18.6px);
    display: flex;
    justify-content: center;
    align-items: center;
}

.about-logo-list .slick-prev:before {
    content: '';
    background-image: url('../images/slick-arrow-left.svg');
}

.about-logo-list .slick-next:before {
    content: '';
    background-image: url('../images/slick-arrow-right.svg');
}


@media(max-width: 1399px) {

    .anbieter-boxs .left-col,
    .anbieter-boxs .right-col {
        padding-block: var(--space-40);
        padding-inline: var(--space-20);
    }

    .about-logo-list .slick-arrow {
        top: calc(100% - 40px);
    }

    .left-col>li>h4,
    .right-col li h4 {
        padding-bottom: var(--space-14);
    }
}

@media(max-width: 1199px) {

    .anbieter-boxs .left-col,
    .anbieter-boxs .right-col {
        padding-block: var(--space-30);
        padding-inline: var(--space-14);
    }

    .about-logo-list .slick-arrow {
        top: calc(100% - 30px);
    }

    .left-col>li>h4,
    .right-col li h4 {
        padding-bottom: var(--space-10);
    }
}

@media(max-width: 767px) {
    @media(max-width: 1399px) {
        .anbieter-boxs {
            grid-template-columns: 1fr;
        }
    }
}

/* ====================== >> Anbieter Section Close << ====================== */
/* ====================== >> Jedan Bonus Section Start << ====================== */
.jedan-bonus-section {
    padding-bottom: var(--space-120);
    position: relative;
    z-index: 1;
}

.jedan-bonus-section::after {
    content: '';
    position: absolute;
    top: 0;
    left: -50px;
    background-color: var(--secondary);
    width: 464px;
    height: 464px;
    filter: blur(285px);
    z-index: -1;
}

.jedan-bonus-section-wrap .jedan-bonus-section-title {
    width: 100%;
    max-width: 1057px;
    padding-bottom: clamp(25px, 3vw, var(--space-50));
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.2px;
}

/* custom table design */
.acf-jedan-bonus-section-table {
    border-style: none;
    background-color: var(--primary);
}

.acf-jedan-bonus-section-table thead tr th {
    background-color: var(--secondary);
    border-top: none;
    border-bottom: none;
    font-weight: 500;
    padding: var(--space-14);
    letter-spacing: 0.4px;
    padding-left: var(--space-20);
    border-right: none;
    text-align: left;
    border-left: 1px solid #ffffff33;
}



.acf-jedan-bonus-section-table tbody tr td {
    border-top: none;
    border-bottom: 1px solid #ffffff33;
    padding-left: var(--space-20);
    padding-block: var(--space-14);
    border-right: none;
    font-weight: 400;
}


.acf-jedan-bonus-section-table tbody tr td:first-child {
    border-left: none;
    font-weight: 300;
}

.acf-jedan-bonus-section-table tbody tr:last-child td {
    border-bottom: none;
}

.ready-casino-wrap {
    flex-direction: column;
    margin-top: var(--space-60);
    grid-gap: var(--space-32) 0;
}

.ready-casino-wrap .jedan-bonus-section-subtitle {
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0.5px;
}

.ready-casino-wrap .button {
    color: var(--white);
    font-weight: 500;
}

@media(max-width: 575px) {
    .jedan-bonus-section::after {
        width: 300px;
        width: 300px;
    }

    .acf-jedan-bonus-section-table tbody tr td {
        padding-left: var(--space-14);
        padding-block: var(--space-10);
    }

    .acf-jedan-bonus-section-table thead tr th {
        padding: var(--space-10);
    }
}

/* ====================== >> Jedan Bonus Section close << ====================== */
/* ====================== >> *** Games location page start here *** << ====================== */

/* ====================== >> games Banner Section start << ====================== */
.games-banner .banner-wrap h4 {
    padding-bottom: var(--space-10);
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.4px;
}

.games-banner .banner-wrap {
    width: 100%;
    max-width: 1300px;
}

.games-banner .banner-wrap .banner-Heading {
    max-width: 1172px;
}

.games-banner .banner-Desc {
    padding-bottom: 0;
}

/* ====================== >> games Banner Section close << ====================== */
/* ====================== >> casino games section start << ====================== */
.spielen-sec {
    padding-bottom: var(--space-120);
    background-image: url(../images/fav-bg.svg);
    background-repeat: no-repeat;
    background-position: left 35px top 35px;
    position: relative;
    z-index: 1;
}

.macht-sec {
    position: relative;
    padding-bottom: var(--space-120);
    z-index: 1;
}

.spielen-sec-wrap .examine-table {
    overflow-x: auto;
    width: 100%;
}

.macht-sec::after {
    content: '';
    position: absolute;
    top: 0;
    left: -50px;
    background-color: var(--secondary);
    width: 464px;
    height: 464px;
    filter: blur(385px);
    z-index: -1;
}


.spieleanbieter-section {
    padding-bottom: var(--space-120);
    position: relative;
    z-index: 1;
}

.spieleanbieter-section::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--secondary);
    width: 312px;
    height: 312px;
    filter: blur(185px);
    z-index: -1;
}

.spieleanbieter-sec-wrap p {
    font-weight: 600;
    padding-bottom: clamp(10px, 2vw, var(--space-20));
    line-height: 1.4;
    letter-spacing: 0.5px;
}

.spieleanbieter-sec-description ul {
    margin: 0;
    padding: 0;
}

.spieleanbieter-sec-description ul li:not(:last-child) {
    padding-bottom: var(--space-10);
}

.spieleanbieter-sec-description ul li {
    position: relative;
    font-size: var(--fs-16);
    font-weight: 500;
    padding-left: var(--space-20);
}

.spieleanbieter-sec-description ul li::after {
    content: "■";
    color: var(--secondary);
    font-size: var(--fs-20);
    display: inline-block;
    position: absolute;
    left: 0;
    top: -4px;
    transform: rotate(316deg);
    transform-origin: center;
}

.sollst-banner p {
    margin-bottom: clamp(14px, 2vw, var(--space-32));
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: 0.4px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 40px;
    padding: 0;
}

.sollst-banner h3 {
    font-weight: 600;
    padding-bottom: clamp(14px, 2vw, var(--space-32));
    line-height: 1.4;
    letter-spacing: 0.5px;
}

.sollst-banner .button {
    margin: 0 auto;
    width: 100%;
    max-width: fit-content;
    display: flex;
    color: var(--white);
}

.sollst-banner .sollst-banner-heading {
    width: 100%;
    max-width: 1172px;
}

@media(max-width: 1399px) {
    .macht-sec::after {
        width: 400px;
        height: 400px;
    }

    @media(max-width: 991px) {
        .macht-sec::after {
            width: 300px;
            height: 300px;
        }
    }
}

/* ====================== >> casino games section close << ====================== */
/* ====================== >> *** Games location page close here *** << ====================== */

/* ====================== >> *** Bonuses page Start here *** << ====================== */
.bonuses-banner .banner-wrap {
    max-width: 1230px;
}

.bonuses-banner .bonuses-title {
    padding-block: clamp(14px, 2vw, var(--space-28));
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -0.5px;
}

.bonuses-banner .banner-Heading {
    max-width: 1058px;
}

.bonuses-banner .bonuses-banner-Desc {
    font-weight: 300;
    line-height: 1.6;
    letter-spacing: 0.4px;
}

.bonusarten-sec-wrap .examine-table {
    width: 100%;
    overflow: auto;
}

.bonusarten-sec {
    padding-bottom: var(--space-120);
}

.bonusarten-sec .bonusarten-sec-wrap .bonusarten-sec-title {
    padding-bottom: var(--space-7);
}

.bonusarten-sec .bonusarten-sec-wrap .sub-title {
    padding-bottom: clamp(14px, 2vw, var(--space-32));
    font-weight: 500;
    line-height: 1.4;
}

.bounus-macht-sec {
    padding-bottom: var(--space-120);
    background-image: url(../images/fav-bg.svg);
    background-repeat: no-repeat;
    background-position: left 30px top 87px;
    position: relative;
}

.bounus-macht-sec::after {
    content: '';
    display: none;
}

.worauf-section {
    padding-bottom: var(--space-120);
}

.worauf-section-wrap .worauf-section-description p {
    font-weight: 600;
    line-height: 1.4;
    padding-bottom: clamp(10px, 1.9vw, var(--space-20));
}

.worauf-section-wrap ul li:not(:last-child) {
    padding-bottom: var(--space-10);
}

.worauf-section-wrap ul li {
    position: relative;
    font-size: var(--fs-16);
    padding-left: var(--space-20);
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.4px;
}

.worauf-section-wrap ul li::after {
    content: "■";
    color: var(--secondary);
    font-size: var(--fs-20);
    display: inline-block;
    position: absolute;
    left: 0;
    top: -4px;
    transform: rotate(316deg);
    transform-origin: center;
}

.test-section {
    padding-bottom: var(--space-120);
    z-index: 1;
    position: relative;
}

.test-section::after {
    content: '';
    position: absolute;
    z-index: -1;
    top: -40%;
    right: 0;
    background-color: var(--secondary);
    width: 366px;
    height: 366px;
    filter: blur(185px);
}

.test-section .test-section-wrap {
    background-color: var(--primary);
    border: 1px solid #28A37685;
    padding-inline: clamp(30px, 6vw, var(--space-80));
    position: relative;
    padding-block: clamp(30px, 3vw, var(--space-60));
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.test-section .test-section-wrap::after {
    content: '';
    position: absolute;
    width: clamp(40px, 5.4vw, 103px);
    height: clamp(40px, 5.4vw, 103px);
    background-repeat: no-repeat;
    background-image: url('../images/test-sec-left.svg');
    left: 50px;
    z-index: -1;
    background-size: contain;
    top: 80px;
}

.test-section .test-section-wrap::before {
    content: '';
    position: absolute;
    background-image: url('../images/test-sec-right.svg');
    background-position: bottom right;
    width: clamp(40px, 5.4vw, 103px);
    height: clamp(40px, 5.4vw, 103px);
    bottom: 100px;
    right: 60px;
    background-repeat: no-repeat;
    z-index: -1;
    background-size: contain;
}

.test-section-wrap h2 {
    width: 100%;
    margin: 0 auto;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.5px;
    color: #CCF2E4;
    padding-bottom: 0;
    padding-top: clamp(30px, 3vw, var(--space-60));
    max-width: 1050px;
}

.test-section-wrap .worauf-section-description {
    padding-inline: clamp(60px, 6vw, var(--space-80));
    position: relative;
    padding-block: clamp(30px, 3vw, var(--space-60));
    z-index: 1;
    line-height: 1.5;
    font-weight: 500;
    color: var(--secondary);
    width: fit-content;
    margin: 0 auto;
    height: fit-content;
}

.test-section-wrap .worauf-section-description::after {
    content: '';
    position: absolute;
    background-color: var(--secondary);
    width: 30px;
    height: 1px;
    top: 51%;
    left: 43px;
    transform: translateY(-50%);
}

.anfangen-sollst-banner {
    padding-bottom: var(--space-120);
}

.blog-heading-wrap h3 {
    padding-bottom: var(--space-7);
}

.blog-heading-wrap .section-heading {
    padding-bottom: clamp(15px, 3vw, var(--space-50));
}

.bonuses-blog-bottom {
    padding-top: var(--space-120);
}

@media(max-width: 1599px) {
    .test-section .test-section-wrap::after {
        left: 30px;
        top: 70px;
    }

    .test-section .test-section-wrap::before {
        right: 40px;
    }
}

@media(max-width: 1199px) {
    .test-section .test-section-wrap::after {
        left: 30px;
        top: 10px;
    }

    .test-section .test-section-wrap::before {
        right: 30px;
        bottom: 50px;
    }
}

@media(max-width: 1399px) {
    .test-section .test-section-wrap::after {
        left: 10px;
    }

    .test-section .test-section-wrap::before {
        right: 10px;
    }
}

@media(max-width: 991px) {
    .test-section-wrap .worauf-section-description::after {
        left: 0;
    }

    .blog-sollst-heading {
        padding-bottom: var(--space-20);
    }

    .test-section .test-section-wrap::after {
        top: 50px;
    }
}

@media(max-width: 767px) {
    .test-section .test-section-wrap::after {
        top: 30px;
    }

    .test-section .test-section-wrap::before {
        bottom: 60px;
    }
}

@media(max-width: 575px) {
    .test-section .test-section-wrap::after {
        top: 25px;
    }

    .test-section .test-section-wrap::before {
        bottom: 40px;
    }
}

main#primary {
    display: block;
    max-width: 1280px;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 60px;
}

/* ====================== >> *** Bonuses page close here *** << ====================== */

/* ====================== >> *** Blog list page start here *** << ====================== */
.blog-list-wrap .banner-Heading {
    max-width: 1380px;
    margin-bottom: var(--space-20);
}

.blog-list-wrap p {
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0.4px;
}

.blog-list-wrap .banner-Desc {
    margin-top: var(--space-10);
    padding-bottom: 0;
}

.blog-list-main-wrap .grid-1 .blog-list-sec {
    margin-top: 0;
}

.blog-list-main-wrap .grid-3 .blog-list-sec {
    margin-bottom: 0;
}

.blog-list-main-wrap .all-grids:not(:first-child) .blog-list-sec {
    margin-top: clamp(30px, 5vw, var(--space-80));
}

.blog-list-main-wrap .all-grids .blog-list-sec {
    margin-bottom: clamp(20px, 2.5vw, var(--space-40));
}

.all-grids .blog-list-sec .section-heading {
    padding-bottom: 0;
}

.blog-list-main-wrap .blog-list-heading {
    padding-bottom: clamp(20px, 2.4vw, var(--space-40));
}



.blog-list-sec .right {
    color: var(--white);
}

@media(max-width: 991px) {
    .blog-list-main-wrap .blog-list-sec {
        /* padding-bottom: var(--space-14); */
        grid-gap: var(--space-10) 0;
    }
}

/* ====================== >> *** Blog list close start here *** << ====================== */
/* ====================== >> *** Single page CSS Start here *** << ====================== */
/* .single-post .site-main {
    max-width: 100% !important;
    margin: 0 !important;
} */

.single-page .entry-header {
    padding-bottom: clamp(10px, 1.9vw, var(--space-20));
}

.single-page .entry-header h1 {
    font-size: clamp(28px, 4vw, var(--fs-60));
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.4px;
    padding-block: clamp(30px, 2.5vw, var(--space-60));
}

.single-page .post-thumbnail>img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    aspect-ratio: 1/1;
    height: 100%;
    max-height: 600px;
}

.single-page .entry-meta span {
    color: var(--white);
    font-size: var(--fs-16);
    font-weight: 600;
}

.single-page .entry-meta span>a {
    color: var(--secondary);
    font-weight: 300;
    padding-left: 5px;
    line-height: 1.3;
    transition: all 0.3s ease-in-out;
    letter-spacing: 0.4px;
}

.single-page .entry-meta span>a:hover,
.nav-links .nav-title:hover {
    text-decoration: underline;
}

span.nav-subtitle {
    color: white;
}

.single-page .nav-links {
    padding-block: clamp(15px, 1.9vw, var(--space-30));
}

.single-page .nav-links>div span {
    color: var(--white);
    font-weight: 500;
    font-size: var(--fs-16);
    letter-spacing: 0.4px;
}

.nav-links .nav-title {
    color: var(--secondary) !IMPORTANT;
    transition: all 0.3s ease-in-out;
    font-weight: 300 !important;
}

.single-page .cat-links {
    font-weight: 500;
}

.single-page .cat-links a {
    color: var(--secondary);
    font-weight: 300;
}

.single-page .cat-links a:hover {
    text-decoration: underline;
}

.single-page .nav-links {
    flex-wrap: wrap;
    padding-inline: 15px;
    grid-gap: var(--space-14) 0;
}

.single-page .entry-header .container {
    padding: 0 !important;
}

.category-blog .site-main,
.category-news .site-main {
    max-width: 100% !important;
    margin: 0 !IMPORTANT;
    padding-block: var(--space-120);
}

.category-news .page-title,
.category-blog .page-title {
    padding-block: var(--space-20);
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.4px;
}

.load-more-wrap .load-more {
    margin-block: var(--space-30);
    border-style: none;
    font-weight: 400 !IMPORTANT;
}

/* ====================== >> *** Single page CSS Clsoe here *** << ====================== */

/* ====================== >> *** no page found CSS Start here *** << ====================== */
.error404 .site-main {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.error-404.not-found,
.search-no-results .not-found {
    padding-block: var(--space-120);
}

.error-404.not-found .no-page-wrap,
.search-no-results .no-page-wrap {
    width: 100%;
    max-width: 1060px;
    margin: 0 auto;
    background-color: var(--primary);
    padding: clamp(20px, 3vw, var(--space-40));
    border-radius: 6px;
}

.no-page-wrap .page-title {
    padding-bottom: var(--space-10);
}

.no-page-wrap .page-content {
    margin: 0;
}

.no-page-wrap .page-content p {
    padding-block: var(--space-10);
}

.no-page-wrap .search-form {
    margin: var(--space-20) auto;
    flex-wrap: wrap;
    width: fit-content;
    display: flex;
    grid-gap: var(--space-16);
}

.no-page-wrap .search-form .search-field {
    background-color: transparent;
    border: 1px solid #ffffff7a;
    padding: 11px 16px;
    color: var(--white);
    border-radius: 10px;
    font-size: var(--fs-16);
    font-weight: 300;
    letter-spacing: 0.4px;
}

.no-page-wrap .search-form .search-submit {
    background: var(--bg-gradint);
    border: none;
    line-height: 1.3;
    color: var(--white);
    font-size: var(--fs-16);
    border-radius: 10px;
    padding: 15px 29px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.no-page-wrap .search-form .search-submit:hover {
    background: var(--secondary);
    transform: translateY(-2px);
}

@media(max-width: 575px) {
    .no-page-wrap .search-form .search-field {
        width: 100%;
    }

    .no-page-wrap .search-form label {
        width: 100%;
    }

    .no-page-wrap .search-form .search-submit {
        margin: 0 auto;
    }

}

/* search on resualt page */
.search-results .site-main {
    margin-block: 0 !important;
    padding-block: var(--space-120);
}

.search-results .site-main .page-title {
    text-align: center;
    font-size: clamp(28px, 4vw, var(--fs-60));
    font-weight: 600;
    letter-spacing: 0.5px;
    padding-block: var(--space-20);
}

.search-results .site-main .page-title>span {
    color: var(--secondary);
}

.search-results .site-main .entry-header {
    padding-bottom: var(--space-20);
}

.search-results .site-main .entry-title a {
    font-weight: 500;
    color: var(--white);
    padding-block: var(--space-10);
    display: inline-block;
}

.search-results .site-main .entry-header .entry-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.search-results .site-main .entry-meta span {
    color: var(--white);
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.4px;
}

.search-results .site-main .entry-meta span>span a,
.search-results .site-main .entry-header .posted-on a {
    color: var(--secondary);
    font-weight: 300;
    letter-spacing: 0.5px;
    padding-left: 4px;
}

.search-results .site-main .post-thumbnail img {
    width: 100%;
    object-fit:
        cover;
    object-position: center;
    height: 600px;
    aspect-ratio: 1/1;
}

.search-results .site-main .cat-links {
    font-weight: 700;
}

.search-results .site-main .cat-links>a {
    color: var(--secondary);
    font-weight: 300;
}

.search-results .site-main .comments-link a {
    color: var(--secondary);
    padding-left: 10px;
    display: inline-block;
}

.search-results .site-main .cat-links>a:hover,
.search-results .site-main .comments-link a:hover,
.search-results .site-main .entry-meta span>span a:hover,
.search-results .site-main .entry-header .posted-on a:hover {
    text-decoration: underline;
}

/* archive page */
.archive .site-main {
    margin-block: 0 !IMPORTANT;
    padding-block: var(--space-120);
    max-width: 100% !important;
}

.archive .page-title {
    font-weight: 600;
    line-height: 1.4;
    padding-bottom: clamp(15px, 2vw, var(--space-30));
}

.archive .page-title span {
    color: var(--secondary);
}

.archive .pagination-wrap {
    margin-left: auto;
    width: fit-content;
    margin-top: var(--space-20);
}

.archive .pagination-wrap .nav-links {
    display: flex;
    grid-gap: var(--space-20);
}

.archive .pagination-wrap .nav-links .page-numbers {
    color: var(--white);
    cursor: pointer;
    font-size: var(--fs-16);
    font-weight: 500;
}

.archive .pagination-wrap .nav-links .page-numbers.current {
    color: var(--secondary);
    font-weight: 600;
}

/* contact page */
.page-template-templatefull-width-temp-php .site-main {
    max-width: 100% !important;
    margin: 0 !important;
    padding-block: var(--space-120);
}

.page-template-templatefull-width-temp-php .site-main .entry-title {
    font-size: clamp(28px, 4vw, var(--fs-60));
    font-weight: 700;
    text-align: center;
    line-height: 1.4;
    letter-spacing: 0.4px;
    padding-bottom: clamp(30px, 3.4vw, var(--space-60));
}

.page-template-templatefull-width-temp-php .site-main .entry-content {
    background-color: var(--primary);
    padding: clamp(15px, 2vw, var(--space-30));
    border-radius: 12px;
    margin: 0;
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
}

.form-wrap .form-row {
    grid-gap: var(--space-16);
    display: flex;
    align-items: flex-start;
}

.form-wrap .form-row input,
.form-wrap input,
.form-wrap textarea {
    width: 100%;
    background-color: transparent;
    border: 1px solid #ffffff52;
    padding: 12px 15px;
    border-radius: 4px;
    color: var(--white) !important;
    font-size: var(--fs-16);
    font-weight: 400;
    margin-top: 4px;
}

.form-wrap .form-row input::placeholder,
.form-wrap input::placeholder,
.form-wrap textarea::placeholder {
    font-size: var(--fs-14);
    font-family: var(--primary-font);
    color: #ffffffd7;
    letter-spacing: 0.4px;
    font-weight: 300;
}

.form-wrap .form-row p {
    flex: 1;
}

.form-wrap .field-wrap {
    padding-block: clamp(7px, 1.5vw, var(--space-14));
}

.form-wrap .field-wrap:first-child {
    padding-top: 0;
}

.form-wrap .field-wrap label {
    font-size: var(--fs-16);
    font-weight: 300;
    line-height: 1.5;
    color: var(--white);
    letter-spacing: 0.4px;
}

.form-wrap .submit-btn {
    width: fit-content;
}

.form-wrap .submit-btn input {
    border: none;
    height: fit-content;
    padding: 0;
}

.form-wrap .submit-btn p {
    margin: 0;
    padding: 0;
}

.field-wrap .wpcf7-not-valid-tip,
.footer-menu-column form p .wpcf7-not-valid-tip {
    padding-top: var(--space-7);
    font-size: var(--fs-14) !important;
    font-weight: 400;
}

.form-wrap .submit-btn p {
    display: flex;
    align-items: center;
    grid-gap: 10px;
}

.form-wrap .submit-btn .wpcf7-spinner {
    padding: 17px;
    margin: 0;
}

.field-wrap .wpcf7-not-valid-tip+.wpcf7-not-valid-tip,
.footer-menu-column form p .wpcf7-not-valid-tip+.wpcf7-not-valid-tip {
    display: none;
}

@media(max-width: 767px) {
    .form-wrap .form-row p {
        flex: auto;
    }
}

/* single page css */
.single-casino .single-page-image-wrap {
    margin: 0 auto;
    width: 100%;
    max-width: fit-content;
}

.single-casino .single-page-image-wrap .post-thumbnail img {
    width: 100%;
    max-width: 500px;
    object-fit: contain;
    object-position: center;
    aspect-ratio: 1/1;
}

@media(max-width: 575px) {

    .nav-links .nav-previous,
    .nav-links .nav-next {
        flex: auto !important;
        width: 100% !important;
        text-align: left;
    }
}