/* Top Section Style================== */
        
        body {
            background: black;
        }
        
        .top-section {
            /* height: 720px; */
            padding-top: 80px;
            /* background-image: url('../images/home/BG-top.png'); */
            background-repeat: no-repeat;
            background-position: center 72px;
            background-size: cover;
        }
        
        .banner-group {
            max-width: 1160px;
            width: 95%;
            height: auto;
            display: flex;
            justify-content: space-between;
        }
        
        .mobile-ads {
            width: 55%;
            height: auto;
        }
        
        .banner-text-column {
            /* padding-left: 30px; */
            width: 50%;
            height: auto;
            display: flex;
            flex-direction: column;
            gap: 20px;
            justify-content: center;
        }
        
        .banner-text-column {
            padding-left: 212px;
            padding-top: 556px;
        }
        
        .welcome>h2 {
            margin-bottom: 0;
            text-align: left;
            font: italic normal normal 90px/60px Kanit;
            letter-spacing: 0px;
            color: var(--white-text-color);
            text-shadow: var(--blue-text-shadow-379AFC);
        }
        
        .welcome>p {
            margin-bottom: 0;
            text-align: left;
            font: normal normal normal 30px/30px Kanit;
            letter-spacing: 0px;
            color: var(--white-text-color);
            text-shadow: var(--blue-text-shadow-379AFC);
        }
        
        .casino>h1 {
            margin-bottom: 0;
            text-align: left;
            font: italic normal 500 110px/80px Kanit;
            letter-spacing: 0px;
            color: var(--white-text-color);
            text-shadow: var(--blue-text-shadow-4D9EF8);
        }
        
        .casino>p {
            margin-bottom: 0;
            text-align: left;
            font: italic normal normal 30px/30px Kanit;
            letter-spacing: 0px;
            color: var(--white-text-color);
            text-shadow: var(--blue-text-shadow-4D9EF8);
        }
        
        .register-btn-banner,
        .register-btn-banner:hover {
            text-decoration: none;
            align-self: center;
            text-align: center;
            font: var(--button-text-xlg);
            letter-spacing: 0px;
            width: 150px;
            height: var(--button-height-lg);
            border: var(--blue-btn-border);
            border-radius: 29px;
            color: black;
            text-shadow: var(--blue-text-shadow-379AFC);
            background: white;
            box-shadow: var(--blue-box-shadow);
        }
        
        .service-icons {
            display: flex;
            justify-content: space-around;
        }
        
        .service-icons>img {
            width: 100px;
            height: 100px;
        }
        
        .casino-sm>h1 {
            margin-bottom: 0;
            text-align: left;
            font: normal normal normal 37px/37px Kanit;
            letter-spacing: 0px;
            color: var(--white-text-color);
            text-shadow: var(--blue-text-shadow-4D9EF8);
        }
        
        .h1_title {
            font-size: 16px;
            margin-bottom: 10px;
            margin-left: 10px;
            text-align: left;
        }
        
        @media (max-width: 1024px) {
            .top-section {
                height: auto;
            }
            .casino-sm>img {
                width: 80%;
                height: auto;
            }
        }
        
        @media (max-width: 821px) {
            .top-section {
                /* padding-top: 100px; */
            }
            .welcome>h2 {
                font: normal normal normal 60px/50px Kanit;
                text-align: center;
            }
            .welcome>p {
                font: normal normal normal 20px/20px Kanit;
            }
            .casino>h1 {
                font: italic normal normal 70px/70px Kanit;
                text-align: center;
            }
            .casino>p {
                font: italic normal normal 20px/20px Kanit;
            }
            .service-icons>img {
                width: 50px;
                height: 50px;
            }
        }
        
        @media (max-width:767px) {
            .btn-linelogin {
                margin-top: 10px;
            }
            .top10 {
                margin-top: 10px!important;
            }
            .h1_title {
                margin-left: 0;
                text-align: center;
            }
        }
        
        @media (max-width:576px) {
            .banner-group {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
            }
            .mobile-ads {
                margin-top: 10px;
                width: 90%;
                height: auto;
            }
            .banner-text-column {
                padding-left: 0px;
                width: 90%;
                height: auto;
            }
            .welcome>h2 {
                text-align: center;
                font: normal normal normal 60px/50px Kanit;
            }
            .welcome>p {
                text-align: center;
                font: normal normal normal 17px/20px Kanit;
            }
            .casino-sm>h1 {
                text-align: center;
            }
        }
        /* Game taps Section Style================== */
        
        .game-tap-section {
            height: auto;
            /* background-image: url('../images/home/BG2.png'); */
            background: #000;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: contain;
            padding-bottom: 40px;
        }
        
        .tab {
            overflow: hidden;
            width: 95%;
            max-width: 1160px;
            height: auto;
            min-height: 86px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-evenly;
        }
        
        .tab button {
            cursor: default;
            transition: 0.3s;
            width: 220px;
            height: 80px;
            /* box-shadow: var(--blue-box-shadow);
        border: var(--border-thick); */
            border-radius: 50px;
            display: flex;
            justify-content: space-evenly;
            align-items: center;
            /* gap: 10px; */
            background: linear-gradient(180deg, rgba(157, 80, 10, 1) -16%, rgba(222, 129, 2, 1) 25%, rgba(222, 129, 2, 1) 37%, rgba(157, 80, 10, 1) 76%);
            margin-top: 10px;
        }
        
        .tablinks h3 {
            width: 100;
            margin: 0;
            text-align: center;
            font: normal normal normal 28px/32px Kanit;
            letter-spacing: 0px;
            color: var(--white-text-color);
            text-shadow: var(--blue-text-shadow-299FF5);
        }
        
        .tablinks h4 {
            margin: 0;
            text-align: center;
            font: normal normal normal 16px/16px Kanit;
            letter-spacing: 0px;
            color: var(--white-text-color);
            text-shadow: var(--blue-text-shadow-299FF5);
        }
        
        .tablinks img {
            width: 40px;
            height: 40px;
        }
        
        .box-pro {
            border: 3px solid #DE8102;
            box-shadow: inset 0px 3px 6px #00000029, 0px 0px 10px #de8102;
            width: 96%;
            margin: auto;
            border-radius: 20px;
            padding: 8px;
        }
        
        .tabcontent {
            position: relative;
            margin-top: 20px;
            display: none;
            width: 96%;
            max-width: 1160px;
            box-shadow: var(--blue-box-shadow);
            border: var(--border-main);
            border-radius: 20px;
            padding-top: 10px;
            padding-bottom: 5px;
            height: auto;
            min-height: 650px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-evenly;
            /* background-color: black; */
            /* border: 1px solid #f1f1f1; */
            /* background-image: var(--border-gra); */
            /* z-index: 0; */
        }
        
        .tabcontent::before {
            /* content: '';
                position: absolute;
                top: 1px;
                right: 1px;
                bottom: 1px;
                left: 1px;
                background-color: #fff;
                box-sizing: border-box;
                z-index: -1; */
            content: '';
            position: absolute;
            top: 4px;
            right: 4px;
            bottom: 4px;
            left: 4px;
            background-color: #000;
            box-sizing: border-box;
            z-index: -1;
        }
        
        .tabcontent img {
            width: 220px;
            height: auto;
            margin-bottom: 5px;
        }
        
        @media (max-width: 693px) {
            .tabcontent img {
                width: 188px;
            }
        }
        
        @media (max-width: 599px) {
            .tabcontent img {
                width: 176px;
            }
        }
        
        @media (max-width:576px) {
            .top-section {
                /* background-position: -855px 80px!important; */
                /* background-position: -149px 77px!important; */
                /* height: 303px; */
            }
            .img-pro {
                width: 100%;
            }
            .tab button {
                width: 139px;
                height: 52px;
                gap: 5px;
                border: var(--border-main);
            }
            .tablinks h3 {
                font: normal normal normal 16px/24px Kanit;
            }
            .tablinks h4 {
                font: normal normal normal 8px/12px Kanit;
            }
            .tablinks img {
                width: 30px;
                height: 30px;
            }
            .tabcontent img {
                width: 130px;
            }
            .tabcontent {
                margin-top: 0px;
                /* max-width: 350px; */
            }
        }
        
        .tb40 {
            padding-top: 40px;
        }
        
        .box-bonus {
            border: none;
            box-shadow: none;
        }
        
        @media (max-width:480px) {
            .mx200 {
                max-width: 200px;
            }
        }
        
        @media (max-width:416px) {
            .tabcontent img {
                width: 116px;
            }
        }
        
        @media (max-width:375px) {
            .tabcontent img {
                width: 110px;
            }
        }
        
        @media (max-width:352px) {
            .tabcontent img {
                width: 102px;
            }
        }
        /* Promotion Section Style================== */
        
        .promotion-section {
            padding-top: 20px;
            height: auto;
            min-height: 547px;
            background-image: url('../images/home/BG3.png');
            background-repeat: no-repeat;
            /* background-position: center center; */
            background-size: cover;
        }
        
        .img-pro {
            margin-bottom: 56px;
        }
        
        .promotion-group {
            max-width: 1160px;
            width: 90%;
            height: auto;
        }
        
        .promotion-group>h2 {
            margin-bottom: 50px;
            text-align: center;
            font: normal normal 300 65px/70px Kanit;
            letter-spacing: 0px;
            color: white;
            text-shadow: var(--blue-text-shadow-299FF5);
        }
        
        .mySlides {
            width: 33%;
            max-width: 330px;
            min-width: 150px;
            /* display: none */
        }
        
        .mySlides>img {
            width: 100%;
            height: auto;
        }
        /* Slideshow container */
        
        .slideshow-container {
            width: 100%;
            position: relative;
            display: flex;
            justify-content: space-around;
        }
        /* Next & previous buttons */
        /* The dots/bullets/indicators */
        
        .dot {
            display: none;
            cursor: pointer;
            height: 5px;
            width: 80px;
            margin: 0 2px;
            background-color: #bbb;
            border-radius: 3px;
            /* display: inline-block; */
            transition: background-color 0.6s ease;
        }
        
        .active,
        .dot:hover {
            background-color: #717171;
        }
        /* Fading animation */
        
        .fade {
            animation-name: fade;
            animation-duration: 1.5s;
            animation-fill-mode: forwards;
        }
        
        @keyframes fade {
            from {
                opacity: .4
            }
            to {
                opacity: 1
            }
        }
        
        @media (max-width:576px) {
            .promotion-group>h2 {
                font: normal normal 300 60px/63px Kanit;
                margin-bottom: 30px;
            }
            .dot {
                display: inline-block;
            }
            .mySlides {
                width: 100%;
            }
            .mySlides:not(:nth-of-type(1)) {
                display: none;
            }
        }
        
        .btn-re,
        .btn-re:hover {
            text-decoration: none;
            text-align: center;
            font: var(--button-text-xlg);
            letter-spacing: 0px;
            width: var(--button-width-lg);
            height: var(--button-height-lg);
            border: 1px solid #ffffff;
            border-radius: 29px;
            color: var(--white-text-color);
            text-shadow: var(--blue-text-shadow-379AFC);
            /* background: var(--blue-btn-bg); */
            background: #000000;
            box-shadow: var(--blue-box-shadow);
            margin-top: 498px;
            margin-top: 500px;
        }
        
        .tapclass {
            margin-top: -54px;
            position: relative;
            z-index: 2;
        }
        
        @media (max-width: 976px) {
            .tapclass {
                background-color: #000;
                margin-top: auto;
            }
        }
        
        @media (max-width: 991px) {
            .tapclass {
                background-color: #000;
                margin-top: auto;
            }
            .promotion-section {
                width: 95%;
                margin: auto;
            }
        }
        
        @media (min-width: 991px) {
            .tapclass {
                background-color: #000;
                margin-top: auto;
            }
            .mt56 {
                margin-top: 56px;
            }
        }
        
        .toplogin {
            background-color: #000;
            border: 3px solid #DE8102;
            box-shadow: inset 0px 3px 6px #00000029, 0px 0px 10px #DE8102;
            color: #ffebcd;
            display: block;
            font-family: SukhumvitReg;
            margin-top: 10px;
            padding-bottom: 10px;
            padding-top: 15px;
            width: 100%;
            border-radius: 20px;
        }
        
        .input-group {
            align-items: stretch;
            display: flex;
            flex-wrap: wrap;
            position: relative;
            width: 100%;
        }
        
        .input-group-prepend {
            display: flex;
        }
        
        .fa-user-alt:before {
            content: "\f406";
        }
        
        .toplogin a {
            color: #ffebcd;
            -webkit-text-decoration: none;
            text-decoration: none;
        }
        
        .golden-btn {
            background-image: linear-gradient(160deg, #a54e07, #b47e11, #fef1a2, #bc881b, #a54e07);
            background-position: 50%;
            background-size: 100% 100%;
            border: 1px solid #a55d07;
            border-radius: 0.2em;
            box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(110 80 20 / 40%), inset 0 -1px 2px 1px #8b4208, inset 0 -1px 1px 2px #fae385;
            box-sizing: border-box;
            color: #783205;
            cursor: pointer;
            display: inline-block;
            font-size: 1em;
            height: auto;
            line-height: 1.9em;
            outline: none;
            padding: 3px 0;
            text-shadow: 0 2px 2px #fae385;
            text-transform: uppercase;
            transition: all .2s ease-in-out;
        }
        
        .promotion-group.head {
            max-width: 1160px;
            width: 96%;
            height: auto;
        }
        
        .btn-linelogin {
            background-color: #00b900;
            border-color: #00b900;
            color: #fff;
        }
        
        .btn-linelogin:hover {
            background-color: #00b900;
            border-color: #00b900;
            color: #fff;
        }
        
        .btn-dark {
            border: 2px solid #212529;
        }