/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/


.page-content {
    position: relative;
    isolation: isolate;
}

.page-content::before {
    content: "";
    position: fixed;
    inset: -35%;
    z-index: -1;
    pointer-events: none;

    background:
        radial-gradient(circle 180px at 20% 25%, rgba(92,185,255,.3) 0%, transparent 100%),
        radial-gradient(circle 220px at 80% 20%, rgba(0,182,248,.1) 0%, transparent 100%),
        radial-gradient(circle 160px at 30% 75%, rgba(91,255,214,.2) 0%, transparent 100%),
        radial-gradient(circle 240px at 70% 70%, rgba(29,107,143,.4) 0%, transparent 100%),
        radial-gradient(circle 200px at 50% 45%, rgba(120,220,255,.3) 0%, transparent 100%);

    filter: blur(90px);

    background-repeat: no-repeat;
    background-size:
        420px 420px,
        500px 500px,
        380px 380px,
        520px 520px,
        450px 450px;

    transform: scale(1);

    animation:
        nebulaMove 45s ease-in-out infinite alternate,
        nebulaPulse 18s ease-in-out infinite;
}


/* 大范围漂移动画 */
@keyframes nebulaMove {

    0% {
        background-position:
            5% 15%,
            95% 10%,
            15% 90%,
            85% 75%,
            45% 35%;
    }

    25% {
        background-position:
            35% 35%,
            70% 30%,
            45% 65%,
            55% 85%,
            65% 55%;
    }

    50% {
        background-position:
            80% 20%,
            40% 45%,
            70% 55%,
            25% 70%,
            85% 80%;
    }

    75% {
        background-position:
            25% 75%,
            90% 60%,
            20% 40%,
            70% 25%,
            35% 65%;
    }

    100% {
        background-position:
            5% 15%,
            95% 10%,
            15% 90%,
            85% 75%,
            45% 35%;
    }
}


/* 云雾呼吸放大 */
@keyframes nebulaPulse {

    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.25);
    }
}


/* Mobile稍微降低强度 */
@media (max-width: 767px) {

    .page-content::before {
        filter: blur(70px);

        background-size:
            300px 300px,
            350px 350px,
            280px 280px,
            380px 380px,
            320px 320px;
    }

}

/*************************************************************/
/************************* Header ****************************/
/*************************************************************/

.elementor-location-header .elementor-element-ff71ec1 {
    background-color: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(12px);
    max-width: 1280px!important;
    left: 0;
    right: 0;
    margin: auto;
    margin-top:10px!important;
    margin-bottom:10px!important;
    border-radius: 50px;
    box-shadow: 15px 15px 40px rgba(0, 0, 0, 0.08) !important;
    transition: all 0.3s ease-in-out;
    border:1px solid #e5e5e5;
    backdrop-filter: blur(12px);
    z-index:999;
}
.elementor-location-header .elementor-element-ff71ec1 .e-con-inner {
    padding-top:5px!important;
    padding-bottom:5px!important;
}
.elementor-location-header .elementor-element-ff71ec1 .elementor-element.elementor-element-3f84c2a img {
    max-width: 100px;
}

.elementor-location-header .elementor-element-ff71ec1.elementor-sticky--active {inset-inline-start:0!important;}




/*************************************************************/
/*********************** Footer ****************************/
/*************************************************************/

.custom-footer-bank-logo img {
    width:70px!important;
    background-color: #fff;
    border-radius: 5px!important;
}



/*************************************************************/
/*********************** Home Games ****************************/
/*************************************************************/
.custom-home-games-section .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    padding: 13px 8px 13px 8px !important;
    overflow: visible;
}
.custom-home-games-section .swiper-slide.category-slots button a.elementor-button {
    background-image: linear-gradient(180deg, #fe4b04 0%, #cc3c03 100%)!important;
}
.custom-home-games-section .swiper-slide.category-slots h1.elementor-heading-title {
    color:#cc3c03!important;
}

.custom-home-games-section .swiper-slide.category-live-casino a.elementor-button {
    background-image: linear-gradient(180deg, #0FC4FA 0%, #0370D9 100%)!important;
}

.custom-home-games-section .swiper-slide.category-sport a.elementor-button {
    background-image: linear-gradient(180deg, #1560f9 0%, #033293 100%)!important;
}
.custom-home-games-section .swiper-slide.category-sport h1.elementor-heading-title {
    color:#1560f9!important;
}

.custom-home-games-section .swiper-slide.category-lottery a.elementor-button {
    background-image: linear-gradient(180deg, #e10176 0%, #9f0254 100%)!important;
}
.custom-home-games-section .swiper-slide.category-lottery h1.elementor-heading-title {
    color:#e10176!important;
}


/*************************************************************/
/*********************** Home winbox better ****************************/
/*************************************************************/
.elementor-element-af371b5 > .elementor-element { 
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5) !important;
    border: 2px solid #fff;
    transform: scale(1);
    transition: all 0.3s ease-in-out;
}
.elementor-element-af371b5 > .elementor-element:hover {
    box-shadow:unset!important;
    transform: scale(1.02);
    transition: all 0.3s ease-in-out;
}



/*************************************************************/
/*********************** Home Partner Slide ****************************/
/*************************************************************/
.custom-home-partner-slide-section .swiper-slide { padding:10px;}
.custom-home-partner-slide-section .swiper-slide img {
    transform: scale(1);
    transition: all 0.3s ease-in-out;
    background-color:rgba(255,255,255,0.6);
}
.custom-home-partner-slide-section .swiper-slide:hover img {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.08) !important;
    transform: scale(1.05);
    transition: all 0.3s ease-in-out;
}


/*************************************************************/
/*********************** Home Testimonial Slide ****************************/
/*************************************************************/

.custom-home-testimonial-section .swiper-slide {
    margin-bottom:20px;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.) !important;
    transform: scale(1);
    transition: all 0.3s ease-in-out;
}

.custom-home-testimonial-section .swiper-slide:hover {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.08) !important;
    transform: scale(1.05);
    transition: all 0.3s ease-in-out;
}
.elementor-385 .elementor-element.elementor-element-6d4e54c .elementor-testimonial__icon {
    font-size: 20px!important;
}



/*************************************************************/
/*********************** Home FAQ ****************************/
/*************************************************************/

.elementor-element-ab2586c .e-n-tabs-heading button {
    position:relative;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.08) !important;
}
.elementor-element-ab2586c .e-n-tabs-heading button:after {
    content: "\f061";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    margin-left: 10px;
    position:absolute;
    right:60px;
    opacity:0;
    transition: all 0.2s ease-in-out;
}
.elementor-element-ab2586c .e-n-tabs-heading button[aria-selected="true"]:after,
.elementor-element-ab2586c .e-n-tabs-heading button:hover:after {
    opacity:1;
    right:30px;
    transition: all 0.2s ease-in-out;
}

.elementor-element-c1c1fd3 .e-n-accordion-item:hover,
.elementor-element-d9414e2 .e-n-accordion-item:hover,
.elementor-element-67ee897 .e-n-accordion-item:hover,
.elementor-element-c8c4276 .e-n-accordion-item:hover,
.elementor-element-ccd8336 .e-n-accordion-item:hover {
    box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.05) !important;
    background-color: rgba(255, 255, 255, 0.5) !important;
    border-radius: 20px !important;
    border: 0 !important;
    transition: all 0.3s ease-in-out;
}
.elementor-element-c1c1fd3 .e-n-accordion-item[open],
.elementor-element-d9414e2 .e-n-accordion-item[open],
.elementor-element-67ee897 .e-n-accordion-item[open],
.elementor-element-c8c4276 .e-n-accordion-item[open],
.elementor-element-ccd8336 .e-n-accordion-item[open] {
    box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.05) !important;
    background-color: rgba(255, 255, 255, 0.5) !important;
    border-radius: 20px !important;
    border: 0 !important;
    transition: all 0.3s ease-in-out;
}

.elementor-element-ab2586c .e-n-accordion-item > .e-n-accordion-item-title {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.08) !important;
    border:0!important;
}
.elementor-element-ab2586c .e-n-accordion-item .e-con.e-child { border:0!important; padding-left:20px!important; padding-right:20px!important;}
.elementor-element-ab2586c .e-n-accordion-item[open] > .e-n-accordion-item-title {
    box-shadow:unset!important;
}

/*************************************************************/
/*********************** Heading Shadow ****************************/
/*************************************************************/
.custom-heading-shadow .elementor-heading-title {
    text-shadow: -3px -3px 0 #fff, 0 -3px 0 #fff, 3px -3px 0 #fff, 3px 0 0 #fff, 3px 3px 0 #fff, 0 3px 0 #fff, -3px 1px 0 #fff, -3px 0 0 #fff, 5px 4px 5px rgba(0, 0, 0, 0.8)!important;
}

.elementor-element-45a7eff,
.elementor-element-070a558,
.elementor-element-5a89969,
.elementor-element-3e668e4 {
    background: linear-gradient(135deg, #fbfcfe 0%, #f7f9fc 100%);
    border: 1px solid #eef1f5;
    border-radius: 48px;
    box-shadow: inset 0 2px 12px rgba(15, 23, 42, 0.035), 0 3px 14px rgba(15, 23, 42, 0.04);
}

.elementor-element-45a7eff:hover,
.elementor-element-070a558:hover,
.elementor-element-5a89969:hover,
.elementor-element-3e668e4:hover {
    box-shadow: 0 4px 20px rgba(0,0,0,0.08)!important;
}

.elementor-element-7d5cc96 h1.elementor-heading-title,
.elementor-element-7d5cc96 h2.elementor-heading-title {
    font-size:62px!important;
    /*text-shadow: 5px 4px 5px rgba(0, 0, 0, 0.2);*/
    text-shadow: -3px -3px 0 #fff, 0 -3px 0 #fff, 3px -3px 0 #fff, 3px 0 0 #fff, 3px 3px 0 #fff, 0 3px 0 #fff, -3px 3px 0 #fff, -3px 0 0 #fff, 5px 4px 5px rgba(0, 0, 0, 0.8);
}
.elementor-element-7d5cc96 h1.elementor-heading-title span.custom-main-big-title,
.elementor-element-7d5cc96 h2.elementor-heading-title span.custom-main-big-title {
    text-shadow: -1.5px -1.5px #00B6F8, 1.5px -1.5px #00B6F8, -1.5px 1.5px #00B6F8, 1.5px 1.5px #00B6F8, 1px 1px #00B6F8, 2px 2px #00B6F8, 3px 3px #00B6F8, 4px 4px #00B6F8, 5px 5px 10px #00000080;
    color:#fff!important;
}

.elementor-376 .elementor-element.elementor-element-0154b7a .elementor-post__thumbnail img {
    border-radius: 15px;
}

.jet-mega-menu-item-has-children .jet-mega-menu-mega-container {
    width: 1000px!important;
    left: -200px!important;
}
.jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-mega-container__inner {
    /*background-color: #008FEF!important;
    background-image: linear-gradient(180deg, #0EBDF8 0%, #008FEF 100%)!important;*/
    box-shadow: 0 4px 20px rgba(0,0,0,0.08)!important;
    border-radius:20px;
    background-color: rgba(255, 255, 255, 0.8) !important;
    backdrop-filter: blur(15px);
}


/*************************************************************/
/*********************** All Post ****************************/
/*************************************************************/

.single-post .elementor-element-0a7f11c ul {
    display:flex;
    flex-wrap: wrap;
    padding-bottom:10px!important;
}
.single-post .elementor-element-0a7f11c ul li { max-width:50%; width:100%;}



/*************************************************************/
/*********************** Page Title ****************************/
/*************************************************************/
.elementor-element-04b857c h2.elementor-heading-title {
    font-size:58px!important;
    /*text-shadow: 5px 4px 5px rgba(0, 0, 0, 0.2);*/
    text-shadow: -3px -3px 0 #fff, 0 -3px 0 #fff, 3px -3px 0 #fff, 3px 0 0 #fff, 3px 3px 0 #fff, 0 3px 0 #fff, -3px 3px 0 #fff, -3px 0 0 #fff, 5px 4px 5px rgba(0, 0, 0, 0.8);
}
.elementor-element-04b857c h1.elementor-heading-title span.custom-main-big-title,
.elementor-element-04b857c h2.elementor-heading-title span.custom-main-big-title {
    text-shadow: -1.5px -1.5px #00B6F8, 1.5px -1.5px #00B6F8, -1.5px 1.5px #00B6F8, 1.5px 1.5px #00B6F8, 1px 1px #00B6F8, 2px 2px #00B6F8, 3px 3px #00B6F8, 4px 4px #00B6F8, 5px 5px 10px #00000080;
    color:#fff!important;
}
.page #breadcrumbs span {
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2) !important;
}


/*************************************************************/
/*********************** About Page ****************************/
/*************************************************************/
.custom-about-choose-winbox-section > .elementor-element > .elementor-element {
    border:1px solid #e5e5e5;
    padding:20px;
    border-radius:20px;
    box-shadow:unset!important;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(15px);
    transition: all 0.3s ease-in-out;
    transform: scale(1);
}
.custom-about-choose-winbox-section > .elementor-element > .elementor-element:hover {
    box-shadow: 0 4px 20px rgba(0,0,0,0.08)!important;
    transition: all 0.3s ease-in-out;
    transform: scale(1.05);
}

/*##############################################*/
@media (max-width: 1024px){
}

@media (max-width: 767px){
.elementor-location-header .elementor-element-1b08d0f {
    max-width: 95%!important;
    width:100%!important;
    left: 0;
    right: 0;
    top: 10px !important;
    margin: 0px auto 20px;
    border-radius:50px;
    background-color: rgba(255, 255, 255, 0.9) !important;
    box-shadow: 15px 15px 40px rgba(0, 0, 0, 0.08) !important;
}
.elementor-location-header .elementor-element-1b08d0f.elementor-sticky--active {inset-inline-start:0!important;}
.elementor-17 .elementor-element.elementor-element-b542788 img { max-width: 80px!important;}
.elementor-element.elementor-element-b1cbf56 { margin-right:30px!important;}
.elementor-location-header .jet-mobile-menu__toggle { border-radius:5px;}

.page-content::before {
    background:
        radial-gradient(circle 180px at 20% 25%, rgba(92,185,255,.2) 0%, transparent 100%),
        radial-gradient(circle 220px at 80% 20%, rgba(0,182,248,.0.5) 0%, transparent 100%),
        radial-gradient(circle 160px at 30% 75%, rgba(91,255,214,.1) 0%, transparent 100%),
        radial-gradient(circle 240px at 70% 70%, rgba(29,107,143,.2) 0%, transparent 100%),
        radial-gradient(circle 200px at 50% 45%, rgba(120,220,255,.1.5) 0%, transparent 100%);
    background-size:
        220px 220px,
        200px 200px,
        180px 180px,
        220px 220px,
        250px 250px;

}
.elementor-element-940bad5 h2.elementor-heading-title { font-size: 38px !important;}
.custom-home-tab-content { max-height:100%;}
.custom-home-partner-slide-section .swiper-slide { padding: 5px;}
.elementor-element-3b3fb5b .elementor-widget-theme-post-featured-image { overflow:hidden;}
}

@media (max-width: 580px){
.single-post ul li { max-width:100%; width:100%;}
}

@media (max-width:480px){
.custom-footer-bank-logo img { width: 50px !important; border-radius: 5px !important;}
}

@media (max-width: 360px){
}