/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.2.1.1734502782
Updated: 2024-12-18 06:19:42

*/


:root {
    --white-color: #FFFFFF;
    --gray-color-200: rgba(70, 67, 68, 1);
    --gray-color-300: rgba(150, 150, 150, 1);
    --dark-color: #000000;
    --default-radius: 0.5rem;
    --bg-linear: linear-gradient(90deg, #0DBBFC 0%, #1343BB 100%);
}


/* utils */

.bg-dark {
    background: var(--dark-color) !important;
}

.bg-linear {
    background: var(--bg-linear) !important;
}

h2,
.h2 {
    font-size: 2.125rem !important;
    font-weight: 700 !important;
    font-family: "Cinzel", Sans-serif;
}

h3,
.h3 {
    font-size: 1.75rem !important;
    font-weight: 700 !important;
    font-family: "Cinzel", Sans-serif;
}

h4,
.h4 {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    font-family: "Cinzel", Sans-serif;
}

h5,
.h5 {
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    font-family: "Cinzel", Sans-serif;
}

h6,
.h6 {
    font-size: 1rem !important;
    font-weight: 700 !important;
    font-family: "Cinzel", Sans-serif;
}

.heading-font-alternate {
    font-family: var(--e-global-typography-accent-font-family) !important;
}


.theme-text {
    color: var(--e-global-color-secondary);
}

.default-radius {
    border-radius: var(--default-radius);
}

.z-up {
    position: relative;
    z-index: 2;
}

:is(.animated-heading) :is(h1, h2, h3, h4, h5, h6) {
    background: linear-gradient(90deg, #828386 0%, #B6B6B6 5%, #DDDDDD 10%, #EEEEEE 15%, #FFFFFF 20%, #828386 25%, #B6B6B6 30%, #DDDDDD 35%, #EEEEEE 40%, #FFFFFF 45%, #58595D 50%, #828386 55%, #B6B6B6 60%, #DDDDDD 65%, #EEEEEE 70%, #FFFFFF 75%, #B4B5B8 80%, #B6B6B6 85%, #DDDDDD 90%, #EEEEEE 95%, #FFFFFF 100%);
    -webkit-background-clip: text;
    background-clip: text;
    background-size: 200% auto;
    -webkit-text-fill-color: transparent;
    animation: textShine 10s ease-in-out infinite alternate;
}

.gradient-text {
    background: linear-gradient(90deg, #828386 0%, #B6B6B6 5%, #DDDDDD 10%, #EEEEEE 15%, #FFFFFF 20%, #828386 25%, #B6B6B6 30%, #DDDDDD 35%, #EEEEEE 40%, #FFFFFF 45%, #58595D 50%, #828386 55%, #B6B6B6 60%, #DDDDDD 65%, #EEEEEE 70%, #FFFFFF 75%, #B4B5B8 80%, #B6B6B6 85%, #DDDDDD 90%, #EEEEEE 95%, #FFFFFF 100%);
    -webkit-background-clip: text;
    background-clip: text;
    background-size: 200% auto;
    -webkit-text-fill-color: transparent;
    animation: textShine 10s ease-in-out infinite alternate;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.mb-70 {
    margin-bottom: 70px !important;
}

@keyframes textShine {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 100% 50%;
    }
}


.container {
    max-width: 1340px;
    padding-inline: 15px;
    margin: auto;
}

.spacer-y {
    padding-block: 100px;
}

.theme-text {
    color: var(--gray-color-300);
}

.text-black {
    color: black !important;
}


.heading-small {
    font-size: 1.25rem;
}

.btn {
    font-size: 1rem;
    font-family: var(--e-global-typography-accent-font-family) !important;
    padding: 12px 24px !important;
    border-radius: var(--default-radius);
    border: none;
    color: white;
    transition: all 1s linear;
}

.btn-sm {
    padding: 8px 24px !important;
}

.btn-primary {
    background: linear-gradient(to right, #ffbe0b 0%, #f41414 100%) !important;
}

.btn-primary:hover {
    background: linear-gradient(to right, #ffbe0b 0%, #f41414 0%) !important;
}

.btn-seondary {
    background: linear-gradient(to right, #0dbbfc 0%, #60abf8 8%, #1343bb 100%) !important;

}

.btn-seondary:hover {
    background: linear-gradient(to right, #0dbbfc 0%, #60abf8 0%, #1343bb 0%) !important;
}


/* utils ends */


/* header */

#mega-menu-menu-1 a {
    font-family: var(--e-global-typography-accent-font-family) !important;
}


#mega-menu-menu-1>li:last-child {
    margin-right: 0px !important;
}

.header-call-btn span.elementor-button-content-wrapper::before {
    content: url("http://localhost/casino/wp-content/themes/hello-elementor-child/images/visit.svg");
}

.elementor-button-content-wrapper {
    align-items: center;
}

#logo img {
    transition: all .2s;
}

.header-shrink {
    background-color: #000;
}

.header-shrink #logo img {
    width: 90px;
}

#search-section input {
    border: 1px solid #454545;
    font-size: 1.5rem;
    margin-right: 20px;
}

#search-icon,
#cross-search {
    cursor: pointer;
}

#search-section #clear {
    all: unset;
}

#search-section {
    transform: scaleY(0);
}

#search-section {
    transform-origin: top;
}

div#search-section.show-search {
    transform: scaleY(1);
}

/* hero section starts */

header#masthead+section {
    padding-top: 230px !important;
}

.hero-section {
    background: url(images/hero-bg.jpg);
    background-size: cover;
    background-position: center;
}

.hero-card {
    border-radius: 8px;
    padding: 24px;
    border: 1px solid var(--gray-color-200);
}

.hero-card p {
    line-height: 1.4em;
}

.hero-section p {
    color: var(--e-global-color-secondary);
}


/* hero section ends */


/* casino directory */

.casino-directory__box {
    border: 1px solid var(--gray-color-200);
    border-radius: 8px;
}

.company-logo {
    width: 4rem;
    height: 4rem;
    object-fit: cover;
}

.directory__box__footer {
    background: #282828;
}

.verify img {
    width: 1.5rem;
    vertical-align: top;
}

.casino-filter {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between !important;
    overflow-y: auto;
}

.casino-filter li {
    border-bottom: 1px solid #464344;
    flex: 1 0 auto;
}

.casino-filter img {
    width: 2rem !important;
    margin-right: 10px;
}

.casino-filter button {
    background: transparent;
    padding: 1rem 1.25rem;
    border-radius: 0px !important;
    position: relative;
    width: 100%;
    text-transform: capitalize;
}


.casino-filter button::after {
    content: "";
    width: 100%;
    height: 3px;
    background: #FFBE0B;
    position: absolute;
    left: 0;
    bottom: 0px;
    visibility: hidden;
}

.casino-filter button:hover,
.casino-filter button.active,
.casino-filter button:focus {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(236, 178, 26, 0.2) 100%);

}

.casino-filter button:hover::after,
.casino-filter button.active::after {
    visibility: visible;
}

.directory__box__footer img {
    max-width: 64px;
}


/* top indian sites */

.casino {
    border: 1px solid #454545;
    border-radius: 8px;
    overflow: hidden;
}

.casino-details {
    border-bottom: 1px solid #454545;
}

.casino-points {
    font-size: 0.875rem;
    display: flex;
    display: flex;
    grid-template-columns: repeat(2, 1fr);
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 5px;
}

.casino-footer .btn {
    padding-inline: 17px !important;
}

.casino-footer a {
    font-size: 0.875rem;
}

.casino-footer img {
    width: 16px;
}


/* top picks */

.top-casino__box {
    background: white;
    border-radius: 8px;
    overflow: hidden;
}

.top-casino__box__thumb {
    border-bottom: 1px solid #E0E0E0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.top-casino__box h5 {
    color: black;
}

:is(#top-pick-slider) :is(.swiper-button-prev, .swiper-button-next) {
    width: 48px;
    height: 48px;
    border-radius: 100%;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.30);
    display: flex;
    align-items: center;
    justify-content: center;
}

/*
#top-pick-slider .swiper-button-prev{
left: -30px;
}

#top-pick-slider .swiper-button-next{
right: -30px;
}
*/

#top-pick-slider .swiper-button-prev:after,
#top-pick-slider .swiper-button-next:after {
    font-size: 18px;
    font-weight: 700;
    color: #787878;
}


/* Top experts */

.experts__thumb.mb-4 img {
    width: 96px;
    height: 96px;
    border-radius: 100%;
    object-fit: cover;
}


.experts.text-center {
    border-radius: 8px;
    border: 1px solid #454545;
    padding: 24px 20px;
}

.slider-control {
    display: flex;
    gap: 16px;
}

.slider-control a {
    width: 32px;
    height: 32px;
    background: #454545;
    display: inline-block;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
}

.slider-control a:hover {
    background: linear-gradient(to right, #ffbe0b 0%, #f41414 100%) !important;
}

.slider-control a:hover path {
    stroke: white;
}

/* Faq */

.custom-accordian details {
    border: 1px solid #454545;
}

.custom-accordian details:hover {
    background: #454545;
}

.custom-accordian details[open] {
    border: 1px solid transparent;
    border-image: linear-gradient(to right, #FFBE0B 0%, #F41414 100%) 1;
    border-radius: 38px;
    border-width: 1px;
    border-style: solid;
}

.custom-accordian details[open]:hover {
    background-color: transparent;
}


/* CTA */

.cta-heading span {
    display: block !important;
}

.cta-heading-black span {
    color: black !important;
}

.cta-heading-white span {
    color: white !important;
}

/* listing */


.list-icon {
    padding-left: 15px;
}

.list-icon:before {
    content: "";
    width: 5px;
    height: 5px;
    background: #FFBE0B;
    border-radius: 100%;
    position: absolute;
    top: 8px;
    left: 0;
}

/* Details page */

.company-main-logo {
    width: 168px;
    height: 168px;
    object-fit: cover;
    border-radius: 16px;
}

.social-media svg {
    width: 20px;
}

.social-media svg path {
    fill: white;
}

.details-tab ul {
    border-bottom: 1px solid #454545;
    overflow-y: auto;
}

.details-tab ul li {
    flex: 1 0 auto;
}

.details-tab a {
    font-family: var(--e-global-typography-accent-font-family);
    font-weight: 600;
    padding: 1rem 2rem;
    position: relative;
    display: block;
}

.details-tab a::after {
    content: "";
    width: 100%;
    height: 2px;
    background: #FFBE0B;
    position: absolute;
    left: 0;
    bottom: 0px;
    visibility: hidden;
}

.details-tab a.active,
.details-tab a:hover {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(236, 178, 26, 0.2) 100%) !important;
    color: white;
}

.details-tab a.active::after,
.details-tab a:hover::after {
    visibility: visible;
}

.summary-blk {
    border: 1px solid #454545;
    border-radius: 8px;
    padding: 2rem;
}


.box-outline {
    padding: 40px 32px;
    border-radius: 16px;
}


.box-outline ul {
    padding-left: 15px;
}

.pros-box {
    border: 1px solid #38B000;
}

.cons-box {
    border: 1px solid #F41414;
}


/* games */


.games-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
}

:is(.games-grid, .games-type) a {
    background-color: transparent;
    font-family: "Lora", Sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: var(--e-global-color-primary);
    background-image: linear-gradient(90deg, #FFBE0B 0%, #F41414 100%);
    border-style: none;
    border-radius: 8px 8px 8px 8px;
    padding: 0px;
    display: block;
    border-radius: 16px;
    overflow: hidden;
}

.games-grid a:hover,
.games-type a:hover {
    color: white;
}

.games-grid a:hover .game-thumb {
    transform: scale(1.2);
}

.games-grid .game-thumb {
    width: 100%;
    height: 320px;
    transition: all .3s;
}

.games-type .game-thumb {
    height: 250px;
    transition: all .3s;
}


.games-type a:hover .game-thumb {
    transform: scale(1.2);
}


/* Faq */


#accordionExample {
    display: grid;
    grid-template-columns: revert;
    gap: 20px;
    box-sizing: border-box;
    grid-template-columns: 50%;
    grid-template-areas: 'item item';
    align-items: flex-start;
}

.accordion-item {
    background: transparent;
    border: 1px solid #454545 !important;
    margin-bottom: 16px;
    border-radius: 0px !important;
}

.accordion-body {
    color: white;
    padding: 0px 24px 20px 24px;
    /* padding-top: 0; */
}

.accordion-body p {
    font-weight: 300 !important;
    margin-bottom: 0 !important;
}

.accordion-header {
    display: block;
}

.accordion-header button {
    all: unset !important;
    width: 100%;
    color: white !important;
    font-family: var(--e-global-typography-accent-font-family) !important;
    font-weight: 600 !important;
    font-size: 1.063rem !important;
    width: 100% !important;
    padding: 20px 24px !important;
    box-sizing: border-box !important;
    position: relative !important;
    cursor: pointer !important;
}

.accordion-header button:hover {
    background-color: #454545 !important;
}

.accordion-button::after {
    transform: none !important;
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z'%3E%3C/path%3E%3C/svg%3E");
}


.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M19 11H5V13H19V11Z'%3E%3C/path%3E%3C/svg%3E");
}

.accordion-item:has(button[aria-expanded="true"]) {
    border: 1px solid transparent !important;
    border-image: linear-gradient(to right, #FFBE0B 0%, #F41414 100%) 1 !important;
    border-width: 1px !important;
    border-style: solid !important;
}

.accordion-item button[aria-expanded="true"]:hover {
    background-color: transparent !important;
}


/* Reviews */

.review-blk {
    margin-bottom: 20px;
    border-bottom: 1px solid #474747;
    padding-bottom: 20px;
}

.rating {
    display: flex;
    gap: 5px;
    margin-block: 10px;
}

.rating svg {
    width: 16px;
}

.review-blk p:last-child {
    margin-bottom: 0;
}

.feedback svg {
    width: 24px;
    height: 24px;
}

.rating-row input {
    display: none;
}

.rating-row input+label {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
    background-size: contain;
    width: 24px;
    height: 24px;
}

.rating-row input:checked~label {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}

.rating-row label:hover~label,
.rating-row label:hover,
.rating-row input:checked+label:hover {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23d8b11e' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}

.feedback svg path {
    fill: white;
}


.form-blk textarea {
    height: 80px;
    resize: none;
}

/*Casino PR*/
.pr-section {
    background-image: url(./images/casino-pr-banner.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    padding: 130px 0 50px;
}

.pr-section::before {
    content: '';
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #000000a6;
}

.top-pr-box {
    background-image: linear-gradient(90deg, #0DBBFC 0%, #1343BB 100%);
    padding: 35px;
    border-radius: 12px;
}

section.section-pr-2 {
    margin-top: -100px;
    position: relative;
    z-index: 3;
}

.agency-list-grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
    counter-reset: section;
    list-style: none;
    padding-left: 40px;
    padding-bottom: 40px;
}

.agency-list-grid li {
    background-color: #6ec1e415;
    padding: 20px 20px;
    position: relative;
    border-radius: 10px;
}

.agency-list-grid li::before {
    counter-increment: section;
    content: counter(section);
    width: 100%;
    max-width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #676767;
    font-weight: 600;
    position: absolute;
    inset: 1px auto 0 -40px;
    font-size: 24px;
}

.agency-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.site-link {
    display: block;
}

.site-link h3 {
    font-size: 22px !important;
}

.pr-title {
    color: var(--primary-color-600) !important;
    font-weight: 500;
    font-size: 16px;
    display: block;
}

.rating-box img {
    min-width: 80px;
}

.pr-subtitle {
    font-size: 18px;
    font-weight: 600;
}

.agency_disc {
    margin: 20px 0;
}

.button-block {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
    padding: 20px 20px;
    border: 1px solid #1778be47;
    border-radius: 10px;
}

.agency-list-grid .button-block a {
    width: 100%;
}


.rating-box .rating-stars {
    font-size: 22px;
}

[data-star] {
    text-align: left;
    font-style: normal;
    display: inline-block;
    position: relative;
    unicode-bidi: bidi-override;
}

[data-star]::before {
    display: block;
    content: '★★★★★';
    color: #eee;
}

[data-star]::after {
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    content: '★★★★★';
    width: 0;
    color: #ff8c00;
    overflow: hidden;
    height: 100%;
}

[data-star^="0.1"]::after {
    width: 2%
}

[data-star^="0.2"]::after {
    width: 4%
}

[data-star^="0.3"]::after {
    width: 6%
}

[data-star^="0.4"]::after {
    width: 8%
}

[data-star^="0.5"]::after {
    width: 10%
}

[data-star^="0.6"]::after {
    width: 12%
}

[data-star^="0.7"]::after {
    width: 14%
}

[data-star^="0.8"]::after {
    width: 16%
}

[data-star^="0.9"]::after {
    width: 18%
}

[data-star^="1"]::after {
    width: 20%
}

[data-star^="1.1"]::after {
    width: 22%
}

[data-star^="1.2"]::after {
    width: 24%
}

[data-star^="1.3"]::after {
    width: 26%
}

[data-star^="1.4"]::after {
    width: 28%
}

[data-star^="1.5"]::after {
    width: 30%
}

[data-star^="1.6"]::after {
    width: 32%
}

[data-star^="1.7"]::after {
    width: 34%
}

[data-star^="1.8"]::after {
    width: 36%
}

[data-star^="1.9"]::after {
    width: 38%
}

[data-star^="2"]::after {
    width: 40%
}

[data-star^="2.1"]::after {
    width: 42%
}

[data-star^="2.2"]::after {
    width: 44%
}

[data-star^="2.3"]::after {
    width: 46%
}

[data-star^="2.4"]::after {
    width: 48%
}

[data-star^="2.5"]::after {
    width: 50%
}

[data-star^="2.6"]::after {
    width: 52%
}

[data-star^="2.7"]::after {
    width: 54%
}

[data-star^="2.8"]::after {
    width: 56%
}

[data-star^="2.9"]::after {
    width: 58%
}

[data-star^="3"]::after {
    width: 60%
}

[data-star^="3.1"]::after {
    width: 62%
}

[data-star^="3.2"]::after {
    width: 64%
}

[data-star^="3.3"]::after {
    width: 66%
}

[data-star^="3.4"]::after {
    width: 68%
}

[data-star^="3.5"]::after {
    width: 70%
}

[data-star^="3.6"]::after {
    width: 72%
}

[data-star^="3.7"]::after {
    width: 74%
}

[data-star^="3.8"]::after {
    width: 76%
}

[data-star^="3.9"]::after {
    width: 78%
}

[data-star^="4"]::after {
    width: 80%
}

[data-star^="4.1"]::after {
    width: 82%
}

[data-star^="4.2"]::after {
    width: 84%
}

[data-star^="4.3"]::after {
    width: 86%
}

[data-star^="4.4"]::after {
    width: 88%
}

[data-star^="4.5"]::after {
    width: 90%
}

[data-star^="4.6"]::after {
    width: 92%
}

[data-star^="4.7"]::after {
    width: 94%
}

[data-star^="4.8"]::after {
    width: 96%
}

[data-star^="4.9"]::after {
    width: 98%
}

[data-star^="5"]::after {
    width: 100%
}


.sticky-calc {
    position: sticky;
    top: 150px;
    z-index: 1;
}

.new-faq {
    display: block !important;
}

.listing-section {
    padding-bottom: 180px !important;
}

.listing-top-cta {
    background-color: transparent;
    background-image: linear-gradient(90deg, #0DBBFC 0%, #1343BB 100%);
    padding: 40px;
    border-radius: 10px;
}

section.listing-cta-section {
    margin-top: -100px;
    z-index: 1;
    position: relative;
}

.listing-inner-block {
    border: 1px solid var(--gray-color-200);
    border-radius: 8px;
    padding: 30px;
}

.listing-blog-block {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-top: 70px;
}

.listing-section {
    background-image: url(./images/listing-banner.webp);
}



/* Online Casino */

ul.banner-ul {
    list-style: none;
    padding: 0px;
    display: flex;
    gap: 15px;
    flex-direction: column;
}

.play-block {
    height: 100%;
    background: #000;
    overflow: hidden;
    border-radius: 20px;
    transition: 400ms;
    border: 1px solid #000;
}

.play-text-block {
    padding: 25px;
}

.play-block:hover {
    background: transparent;
    border: 1px solid #fff;
}

.growth-block {
    height: 100%;
    border: 1px solid #fff;
    padding: 25px;
    border-radius: 20px;
}

.growth-block img {
    width: 65px;
}

.swiper-slide {
    height: auto !important;
}

.explore-block {
    background: #000;
    padding: 25px;
    border-radius: 20px;
    height: 100%;
}

.cta-wrapper {
    background-image: url(./images/cta-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.cta-wrapper {
    padding: 80px 40px;
    border-radius: 20px;
    position: relative;
}

.cta-wrapper h2 {
    color: #000 !important;
}

.girl-img {
    position: absolute;
    bottom: 0px;
}

.casino-img {
    position: absolute;
    bottom: 0px;
    right: 40px;
}

/*Free Casino Game*/
.discover-block {
    border-radius: 20px;
    padding: 25px;
    text-align: center;
    background: #1d1d1d;
    border: 1px solid #606060;
    height: 100%;
}

.discover-img-block {
    width: 70px;
    height: 70px;
    margin: auto;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 28px 0px #adadad38;
}

.slot-game-block {
    padding: 20px;
    background: #282828;
    border-radius: 20px;
    height: 100%;
    transition: 400ms;
    border: 1px solid #282828;
}

.slot-game-block:hover {
    background: #28282800;
    border: 1px solid #ffffff;
}

.slot-game-block img {
    border-radius: 20px;
}

.h-260 {
    height: 260px;
    object-fit: cover;
    object-position: bottom;
}

/* Media Query start */


.mega-toggle-animated-inner,
.mega-toggle-animated-inner::before,
.mega-toggle-animated-inner::after {
    height: 2px !important;
}

.logo-inner-block a img {
    width: 75px;
}

.logo-inner-block {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    padding: 20px;
}

.cta-wrapper.bg-linear h2 {
    color: #fff !important;
}

/*online-betting-sites*/

.site-link img {
    width: 120px;
}

.online-block {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
    border: 2px solid #ffffff8c;
    padding: 50px;
    border-radius: 20px;
    transition: 400ms all;
    height: 100%;
}

.online-block:hover {
    background: #0DBBFC;
}

.online-block a.btn.btn-primary {
    width: 100%;
}

.online-wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

table tbody tr td:first-child {
    font-weight: 700;
}

.favorites-block {
    background-color: transparent;
    background-image: linear-gradient(90deg, #FFBE0B 0%, #F41414 100%);
    border-style: none;
    padding: 0px;
    display: block;
    border-radius: 16px;
    overflow: hidden;
    height: 100%;
}

.Popular-wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.Popular-block {
    border: 1px solid #fff;
    border-radius: 20px;
    padding: 25px;
}

.sticky-block {
    position: sticky;
    top: 154px;
    height: 100%;
}

.counter-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 50px;
    border-radius: 30px;
    gap: 40px;
}

.counter-column {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 20px;
    padding: 40px;
    border: 1px solid #fff;
}


@media (max-width:1080px) {

    .games-grid .game-thumb {
        height: 200px;
    }
}


@media (max-width:1030px) {

    .mobile-toggle {
        display: block !important;
    }

    .hide-mobile-toggle {
        display: none;
    }

    .details {
        padding-top: 150px !important;
    }

    .girl-img,
    .casino-img {
        display: none;
    }
}




@media (max-width:991px) {

    #accordionExample {
        grid-template-columns: 100%;
        grid-template-areas: 'item';
    }

    .accordion-header button {
        padding: 20px 40px 20px 24px !important;
    }

    .accordion-button::after {
        right: 5px;
    }

    .games-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .online-block {
        grid-template-columns: repeat(1, 1fr);
    }

    .online-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .table-wrapper {
        overflow-x: scroll;
        width: 100%;
    }

    .table-wrapper table {
        width: 700px;
    }

    .sticky-block {
        position: unset;
    }

    .counter-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width:767px) {

    .casino-directory__box .action-btn .btn {
        width: 100%;
    }

    .btn-full a {
        display: block;
    }

    .games-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    #search-section input {
        font-size: 1rem;
    }

    #clear {
        margin-left: 10px;
    }

    .listing-inner-block {
        gap: 27px !important;
        flex-direction: column;
    }

    header#masthead+section {
        padding-top: 150px !important;
    }

    .online-wrapper {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .online-block {
        padding: 25px;
    }

    .cta-wrapper {
        padding: 40px;
    }
    .counter-wrapper {
    gap: 25px;
    padding: 25px;
    grid-template-columns: repeat(1, 1fr);
}

.counter-column {
    padding: 25px;
}
}

@media (max-width:479px) {

    .casino-footer a {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }

    .details__header {
        flex-direction: column;
    }

}

.single-page-block {
    padding: 340px 0 150px;
    background-image: url(./images/blog-breadcrumb.webp);
    background-size: cover;
    background-repeat: no-repeat;
}

.single-page-block::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    background: var(--theme-secondary);
    opacity: 0.4;
}

@media (max-width: 991px) {
    .single-post-grid {
        max-width: 100%;
        margin: 0 auto;
        display: grid;
        grid-template-columns: 1fr;
        gap: 50px;
    }
}

@media (min-width: 992px) {
    .single-post .site-main {
        max-width: 1220px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: 1fr 300px;
        gap: 50px;
    }
}

.single-post .site-main {
    padding: 260px 20px 70px;
}

.post .wp-post-image {
    border-radius: 8px;
    margin-bottom: 30px;
    width: 100%;
    height: 100%;
}

.single-post p {
    font-size: 1rem;
    line-height: 1.75rem;
    margin-bottom: 1rem;
}

.recent-post {
    display: block;
    position: sticky;
    top: 20px;
    height: fit-content;
}

.recent-post li {
    margin-bottom: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    padding-bottom: 12px;
}

.recent-post a {
    color: var(--white-color) !important;
}

.recent-post a:hover {
    color: var(--theme-primary) !important;
}

.single-post h1 {
    font-size: 1.875rem;
    text-align: left;
    max-width: 100% !important;
}

.single-post h2 {
    font-size: 1.5rem;
    margin-bottom: 20px;
}

.single-post h3 {
    font-size: 1.375rem;
    margin-bottom: 20px;
}

.single-post h4 {
    font-size: 1.25rem;
    margin-bottom: 20px;
}

.single-post h5 {
    font-size: 1.125rem;
    margin-bottom: 20px;
}

.single-post h6 {
    font-size: 1rem;
    margin-bottom: 20px;
}

section.recent-post ul {
    padding: 0 15px;
}

.recent-post a:hover {
    color: #CD2653;
}

/* Template Blog */
.blog-container {
    text-align: center;
    padding-inline: 20px;
    color: var(--white-color);
}

.blog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
}

.blog-card {
    background: #ffffff20;
    backdrop-filter: blur(8px);
    border-radius: 10px;
    overflow: hidden;
    transition: transform 0.3s;
}

.blog-image img {
    width: 100%;
    height: auto;
}

.blog-content {
    padding: 20px;
    text-align: left;
}

.blog-post-title {
    font-size: 1.25rem;
    margin-bottom: 10px;
    color: var(--white-color);
}

.blog-card:hover {
    transform: scale(1.05);
}

button#load-more {
    color: #fff;
    background: var(--theme-primary-grad);
    border-radius: 22px;
    padding: 10px 15px 10px 15px;
}

@media screen and (max-width: 991px) {
    .single-post .site-main {
        padding: 140px 20px 70px;
    }
}