@extends('layouts.main')
@push('title')
    <title>Home</title>
@endpush
@section('main-section')
<link rel="stylesheet" href={{asset('assets/css/style.css')}}>
    <style>
    .goldcasino {
    display: flex;
    align-items: center;
}
    .why-choose-us {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
          gap: 20px;
          margin-top: 30px;
      }

      .why-choose-card {
    background-color: #2e0f55;
    border-radius: 15px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    color: #fff;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
}

      .why-choose-card:hover {
          transform: translateY(-10px);
          box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
      }

      .why-choose-card .icon {
          font-size: 3.5rem;
          color: #ff6600;
          margin-bottom: 15px;
      }

      .why-choose-card h4 {
          font-size: 1.4rem;
          margin-bottom: 10px;
          color: #fff;
      }

      .why-choose-card p {
          font-size: 1.5rem;
          color: #fff;
      }

      .roulette .arrow {
            width: 0;
            height: 0;
            border: 47px solid transparent;
            border-top: 55px solid #fea900;
            position: absolute;
            left: 50%;
            transform: translate(-50%, -54px);
            z-index: 20;
            border-radius: 0.35em;
        }


        .game-join-card {
            position: relative;
            overflow: hidden;
            border-radius: 15px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            background: #000000;
            padding: 20px;
            text-align: center;
            max-width: 600px;
            margin: auto;
        }

        .connectcart img {
            width: 80px;
            margin-bottom: 15px;
            transition: transform 0.3s ease;
        }

        .cartheader h6 {
            font-size: 1.4rem;
            color: #ff6600;
            margin: 10px 0;
        }

        .cartheader p {
            font-size: 2rem;
            color: #fff9f9;
        }

        .download-game-btn {
            margin-top: 15px;
        }

        .download-game-btn-link {
            display: inline-block;
            background-color: #ff6600;
            color: #fff;
            padding: 10px 20px;
            border-radius: 25px;
            font-size: 1.2rem;
            text-decoration: none;
            transition: background-color 0.3s ease, transform 0.3s ease;
        }

        .download-game-btn-link:hover {
            background-color: #ff3300;
            transform: scale(1.1);
        }

        .download-game-btn-link .waves {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: 25px;
            background: rgba(255, 255, 255, 0.3);
            animation: wave-animation 1.5s infinite;
        }

        @keyframes wave-animation {
            0% {
                transform: scale(0.8);
            }

            50% {
                transform: scale(1.1);
            }

            100% {
                transform: scale(0.8);
            }
        }

        .game-join-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
        }

        @media (max-width: 767px) {
            .game-join-card {
                padding: 10px;
            }

            .connectcart img {
                width: 60px;
            }

            .cartheader h6 {
                font-size: 1.2rem;
            }

            .cartheader p {
                font-size: 0.9rem;
            }
        }

        .dragon-bg {
            position: relative;
            z-index: 0;
        }


        .dragon-bg::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 500px;
            height: 400px;
            background-image: url('/goldcoin/img/dragon-bg.png');
            background-size: contain;
            background-repeat: no-repeat;
            z-index: -1;
        }

        .dragon-bg::after {
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            width: 500px;
            height: 400px;
            background-image: url('/goldcoin/img/tigerroar.png');
            background-size: contain;
            background-repeat: no-repeat;
            z-index: -1;
        }

        .teen-bg {
            position: relative;
            z-index: 0;
            overflow: visible;
        }

        

        .teen-bg::before{
          content: "";
            position: absolute;
            left: 0;
            top: -100px;
            width: 500px;
            height: 400px;
            background-image: url('/goldcoin/img/pokercard.png');
            background-size: contain;
            background-repeat: no-repeat;
            z-index: -1;
        }

        .teen-bg::after{
          content: "";
            position: absolute;
            right: 0;
            top: -40px;
            width: 500px;
            height: 400px;
            background-image: url('/goldcoin/img/die.png');
            background-size: contain;
            background-repeat: no-repeat;
            z-index: -1;
        }

        .choose-bg {
            position: relative;
            z-index: 0;
            overflow: visible;
        }



        .choose-bg::before{
          content: "";
            position: absolute;
            left: 0;
            top: -100px;
            width: 500px;
            height: 400px;
            background-image: url('/goldcoin/img/snake.png');
            background-size: contain;
            background-repeat: no-repeat;
            z-index: -1;
        }

        .choose-bg::after{
          content: "";
            position: absolute;
            right: 0;
            bottom: -120px;
            width: 500px;
            height: 400px;
            background-image: url('/goldcoin/img/ladder.png');
            background-size: contain;
            background-repeat: no-repeat;
            z-index: -1;
        }

        .gamecard {
            position: relative;
            overflow: hidden;
            border-radius: 15px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
            transition: transform 0.3s ease;
            text-align: center;
            background: #fff;
            background: #2e0f55;
            padding: 20px;
            margin: 20px 5px;
        }

        .gamecard img {
            {{-- width: 100%; --}} border-radius: 15px;
            transition: transform 0.3s ease;
        }

        .gamecard h3 {
            margin-top: 15px;
            font-size: 2rem;
            color: #fff;
        }

        .gamecard:hover {
            transform: translateY(-10px);
        }

        .download-game-btn .button-container {
            position: absolute;
            bottom: 50px;
            left: 0;
            right: 0;
            text-align: center;
            opacity: 0;
            transition: opacity 0.3s ease, transform 0.3s ease;
        }

        .download-game-btn-link {
            display: inline-block;
            background-color: #ff6600;
            color: #fff;
            padding: 10px 20px;
            border-radius: 25px;
            font-size: 1.2rem;
            text-decoration: none;
            transition: background-color 0.3s ease, transform 0.3s ease;
        }

        .download-game-btn-link:hover {
            background-color: #ba901c;
            color: #fff;
            transform: scale(1.1);
        }

        .download-game-btn-link .waves {
            position: absolute;
            top: 0;
            left: 10%;
            width: 80%;
            height: 100%;
            border-radius: 25px;
            /* transform: translate(-50%,-50%); */
            background: rgba(255, 255, 255, 0.3);
            animation: wave-animation 1.5s infinite;
        }

        @keyframes wave-animation {
            0% {
                transform: scale(0.8);
            }

            50% {
                transform: scale(1.1);
            }

            100% {
                transform: scale(0.8);
            }
        }

        /* Show button on hover for desktop */
        @media (min-width: 768px) {
            .gamecard:hover .button-container {
                opacity: 1;
                transform: translateY(-50%);
            }
        }

        /* Always show the button on mobile */
        @media (max-width: 767px) {
            .button-container {
                opacity: 1 !important;
                position: static !important;
                transform: translateY(0);
            }

            .goldcasino {
            display: block;
        }
        }


        .bg-dark-game {
            background: #1b244a !important;
        }

        .bg-dark-purple{
          background: #2e0f55;
        }

        .text-white {
            color: #fff;
        }

        .carousel-inner {
            padding: 60px 0;
        }



        .roulette {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            /* height: 100vh; */
        }

        .roulette .wheel img {
            transition: transform 10s cubic-bezier(0.3, 1, 0.7, 1), 10s filter cubic-bezier(0.1, 1, 0.8, 1), 10s -webkit-filter cubic-bezier(0.1, 1, 0.8, 1);
            will-change: transform;
            border-radius: 50%;
            /* box-shadow: 0 0 100px rgba(0, 0, 0, 0.5); */
            width: 100%;
            max-width: 600px;
            /* border:4px dashed rgba(255,255,255, .5); */
        }

 

        .spin {
            cursor: pointer;
        }

        html,
        body {
            overflow-x: hidden !important;
        }

        .btn_down {
            position: fixed;
            right: 10px;
            bottom: 60px;
            z-index: 9999;
        }

        /* #menuzord{
      position: relative;
    } */

        .btn_cover_dn {
            position: absolute;
            right: 50px;
            top: 20px;
        }




        /* :root {
      --clr-blk: #000;
      --clr-bkg-clr: #cfa020;
      --clr-txt: #f9e589;
      --clr-txt1: #5c4003;
      --clr-txt-sha: #ffcc00;
      --clr-bord1: #fadc88;
      --clr-bord2: #9c7625;
      --cl-boxsha1: #fafac4;
      --cl-boxsha2: #fdd832;
      --cl-boxsha3: #f7b42f;
    } */

        .btn_top {
            padding-top: 23px;
        }







        .downbtn {
            position: relative;
            display: inline-block;
            padding: .625em 0.25em;
            color: #f9e589;
            text-decoration: none;
            text-align: center;
            vertical-align: center;
            font-size: 1em;
            font-weight: bold;
            text-transform: uppercase;
            letter-spacing: .125em;
            border: none;
            border-radius: .375em;
            text-shadow: 0 .063em 0.125em #000;
            border-top: .031em solid #fadc88;
            border-left: .031em solid #9c7625;
            border-right: .031em solid #9c7625;
            border-bottom: .031em solid #9c7625;
            /*   outline-color: transparent; */
            overflow: hidden;
            z-index: 1;
            transition: all 0.2s ease;
            cursor: pointer;
        }

        .downbtn .waves {
            position: absolute;
            width: 100%;
            /* height: 6.250em;
      top: -3.75em; */
            height: 200px;
            top: -60px;
            left: 0;
            background-color: #cfa020;
            box-shadow: inset 0 0 3.125em rgba(0, 0, 0, 0.5);
            z-index: -1;
            transition: .5s;
        }

        .downbtn .waves::after,
        .downbtn .waves::before {
            content: '';
            position: absolute;
            width: 200%;
            height: 200%;
            top: 0;
            left: 50%;
            transform: translate(-50%, -75%);
        }

        .downbtn .waves::before {
            border-radius: 45%;
            background: rgba(20, 20, 20, 1);
            animation: animate 5s linear infinite;
        }

        .downbtn .waves::after {
            border-radius: 40%;
            background: rgba(20, 20, 20, 0.5);
            animation: animate 10s linear infinite;
        }

        .downbtn:hover .waves,
        .downbtn:focus .waves,
        .downbtn:active .waves {
            /* top: -7.188em; */
            top: -115px;
        }

        .downbtn:hover,
        .downbtn:focus,
        .downbtn:active {
            color: #f9e589;
            text-shadow: .063em .063em .188em #ffcc00;
            border: .5px solid #fadc88;
            box-shadow: 0 0 .625em #fafac4,
                0 0 2.5em #fdd832,
                0 0 3.75em #f7b42f;
        }

        @keyframes animate {
            0% {
                transform: translate(-50%, -75%) rotate(0deg);
            }

            100% {
                transform: translate(-50%, -75%) rotate(360deg);
            }
        }


        @media only screen and (max-width:540.78px) {
            .downbtn {
                position: relative;
                display: inline-block;
                padding: 0.325em 0.25em;
                color: #f9e589;
                text-decoration: none;
                text-align: center;
                vertical-align: center;
                font-size: 0.75em;
                border-radius: .375em;

            }
        }





        .text-black {
            color: #000;
        }

        .mem-image {
            width: 50px;
        }

        .benifits_icon {
            width: 40px;
        }

        .wealth-image {
            width: 70px;
        }

        @media (max-width: 767px) {
          .why-choose-card h4 {
              font-size: 1.2rem;
          }
          .why-choose-card p {
              font-size: 0.9rem;
          }

          .roulette .arrow {
                border: 30px solid transparent;
                border-top: 40px solid #fea900;
                transform: translate(-50%, -12px);
            }

   
            .dragon-bg::after {
                width: 236px;
                height: 250px;
            }

            .dragon-bg::before {
                display: none;
                }

                .teen-bg::before {
                    left: -18px;
                    top: -67px;
                    width: 260px;
                    height: 200px;
                }

                .teen-bg::after {
                    top: -40px;
                    width: 200px;
                    height: 200px;
                }

                .choose-bg::before {
                    top: -50px;
                    width: 200px;
                    height: 200px;
                }

                .choose-bg::after {
                    right: 63px;
                    bottom: -106px;
                    width: 200px;
                    height: 200px;
                }
      }
    </style>


    <div id="rev-slider">
        <div id="rev_slider_46_1_wrapper" class="rev_slider_wrapper fullscreen-container" data-alias="notgeneric1"
            style="background-color:transparent;padding:0px;">
            <div id="rev_slider_46_1" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.0.7">
                <ul>
                    <li data-index="rs-148" data-transition="zoomout" data-slotamount="default"
                        data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000">
                        <!-- MAIN IMAGE -->
                        <img src="{{ asset('goldcoin/img/hero/casinospin.png') }}" alt=""
                            data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat"
                            data-bgparallax="10" class="rev-slidebg">
                        <!-- LAYERS -->

                        {{-- Desktop Title --}}
                        <!-- LAYER NR. 1 -->
                        <div class="tp-caption NotGeneric-Title   tp-resizeme rs-parallaxlevel-0 d-none d-md-block"
                            id="slide-148-layer-1" data-x="['center','center','center','center']"
                            data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']"
                            data-voffset="['-40','-40','-40','-40']" data-fontsize="['70','70','45','15']"
                            data-lineheight="['70','70','70','50']" data-width="none" data-height="none"
                            data-whitespace="nowrap" data-transform_idle="o:1;"
                            data-transform_in="x:[105%];z:0;rX:45deg;rY:0deg;rZ:90deg;sX:1;sY:1;skX:0;skY:0;s:2000;e:Power4.easeInOut;"
                            data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
                            data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
                            data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1000" data-splitin="chars"
                            data-splitout="none" data-responsive_offset="on" data-elementdelay="0.05"
                            style="z-index: 5; white-space: nowrap; color:#fff  ;  ">Discover Exciting Games & Win Big
                        </div>
                        <!-- LAYER NR. 2 -->
                        <div class="tp-caption NotGeneric-SubTitle   tp-resizeme rs-parallaxlevel-0 d-none d-md-block"
                            id="slide-149-layer-2" data-x="['center','center','center','center']"
                            data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']"
                            data-voffset="['15','15','15','15']" data-fontsize="['16','16','16','14']" data-width="none"
                            data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;"
                            data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
                            data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
                            data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;"
                            data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1500" data-splitin="none"
                            data-splitout="none" data-responsive_offset="on"
                            style="z-index: 6; white-space: nowrap;font-weight: normal;">Play thrilling games and win real rewards! Join now for endless excitement and a chance to earn big. </div>
                        <div class="tp-caption rev-scroll-btn  rs-parallaxlevel-0 d-none d-md-block" id="slide-150-layer-4"
                            data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                            data-y="['bottom','bottom','bottom','bottom']" data-voffset="['50','50','50','50']"
                            data-width="35" data-height="55" data-whitespace="nowrap" data-transform_idle="o:1;"
                            data-style_hover="cursor:pointer;"
                            data-transform_in="y:50px;opacity:0;s:1500;e:Power3.easeInOut;"
                            data-transform_out="y:50px;opacity:0;s:1000;s:1000;" data-start="2000" data-splitin="none"
                            data-splitout="none" data-actions='[{"event":"click","action":"scrollbelow","offset":"0px"}]'
                            data-basealign="slide" data-responsive_offset="off" data-responsive="off"
                            style="z-index: 9; min-width: 35px; max-width: 35px; max-width: 55px; max-width: 55px; white-space: nowrap; font-size: px; line-height: px; font-weight: 100;border-color:rgba(255, 255, 255, 0.50);border-style:solid;border-width:1px;border-radius:23px 23px 23px 23px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;">
                            <span> </span> </div>

                        {{-- Mobile Title --}}
                        <div class="tp-caption NotGeneric-Title   tp-resizeme rs-parallaxlevel-0 d-block d-md-none"
                            id="slide-148-layer-1" data-x="['center','center','center','center']"
                            data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']"
                            data-voffset="['-40','-40','-40','-40']" data-fontsize="['70','70','45','15']"
                            data-lineheight="['70','70','70','50']" data-width="none" data-height="none"
                            data-whitespace="nowrap" data-transform_idle="o:1;"
                            data-transform_in="x:[105%];z:0;rX:45deg;rY:0deg;rZ:90deg;sX:1;sY:1;skX:0;skY:0;s:2000;e:Power4.easeInOut;"
                            data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
                            data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
                            data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1000"
                            data-splitin="chars" data-splitout="none" data-responsive_offset="on"
                            data-elementdelay="0.05" style="z-index: 5; white-space: nowrap; color:#fff  ;  ">Discover Exciting</div>
                        <div class="tp-caption NotGeneric-Title   tp-resizeme rs-parallaxlevel-0 d-block d-md-none"
                            id="slide-148-layer-1" data-x="['center','center','center','center']"
                            data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']"
                            data-voffset="['-20','-20','-20','-20']" data-fontsize="['70','70','45','15']"
                            data-lineheight="['70','70','70','50']" data-width="none" data-height="none"
                            data-whitespace="nowrap" data-transform_idle="o:1;"
                            data-transform_in="x:[105%];z:0;rX:45deg;rY:0deg;rZ:90deg;sX:1;sY:1;skX:0;skY:0;s:2000;e:Power4.easeInOut;"
                            data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
                            data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
                            data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1000"
                            data-splitin="chars" data-splitout="none" data-responsive_offset="on"
                            data-elementdelay="0.05" style="z-index: 5; white-space: nowrap; color:#fff  ;  ">Games & Win Big!</div>

                        <!-- LAYER NR. 2 -->
                        <div class="tp-caption NotGeneric-SubTitle   tp-resizeme rs-parallaxlevel-0 d-block d-md-none"
                            id="slide-149-layer-2" data-x="['center','center','center','center']"
                            data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']"
                            data-voffset="['15','15','15','15']" data-fontsize="['16','16','16','14']" data-width="none"
                            data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;"
                            data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
                            data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
                            data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;"
                            data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1500"
                            data-splitin="none" data-splitout="none" data-responsive_offset="on"
                            style="z-index: 6; white-space: nowrap;font-weight: normal;">Play thrilling games and win real rewards! </div>

                        <!-- LAYER NR. 2 -->
                        <div class="tp-caption NotGeneric-SubTitle   tp-resizeme rs-parallaxlevel-0 d-block d-md-none"
                            id="slide-149-layer-2" data-x="['center','center','center','center']"
                            data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']"
                            data-voffset="['30','30','30','30']" data-fontsize="['16','16','16','14']" data-width="none"
                            data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;"
                            data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
                            data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
                            data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;"
                            data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1500"
                            data-splitin="none" data-splitout="none" data-responsive_offset="on"
                            style="z-index: 6; white-space: nowrap;font-weight: normal;">Join now for endless </div>
                        <!-- LAYER NR. 2 -->
                        <div class="tp-caption NotGeneric-SubTitle   tp-resizeme rs-parallaxlevel-0 d-block d-md-none"
                            id="slide-149-layer-2" data-x="['center','center','center','center']"
                            data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']"
                            data-voffset="['45','45','45','45']" data-fontsize="['16','16','16','14']" data-width="none"
                            data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;"
                            data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
                            data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
                            data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;"
                            data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1500"
                            data-splitin="none" data-splitout="none" data-responsive_offset="on"
                            style="z-index: 6; white-space: nowrap;font-weight: normal;">
                            excitement and a chance to earn big. </div>
                        <div class="tp-caption rev-scroll-btn  rs-parallaxlevel-0 d-block d-md-none"
                            id="slide-150-layer-4" data-x="['center','center','center','center']"
                            data-hoffset="['0','0','0','0']" data-y="['bottom','bottom','bottom','bottom']"
                            data-voffset="['50','50','50','50']" data-width="35" data-height="55"
                            data-whitespace="nowrap" data-transform_idle="o:1;" data-style_hover="cursor:pointer;"
                            data-transform_in="y:50px;opacity:0;s:1500;e:Power3.easeInOut;"
                            data-transform_out="y:50px;opacity:0;s:1000;s:1000;" data-start="2000" data-splitin="none"
                            data-splitout="none" data-actions='[{"event":"click","action":"scrollbelow","offset":"0px"}]'
                            data-basealign="slide" data-responsive_offset="off" data-responsive="off"
                            style="z-index: 9; min-width: 35px; max-width: 35px; max-width: 55px; max-width: 55px; white-space: nowrap; font-size: px; line-height: px; font-weight: 100;border-color:rgba(255, 255, 255, 0.50);border-style:solid;border-width:1px;border-radius:23px 23px 23px 23px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;">
                            <span> </span> </div>


                    </li>
                    <li data-index="rs-149" data-transition="zoomout" data-slotamount="default"
                        data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000">

                        <img src="{{ asset('goldcoin/img/hero/casinospin.png') }}" alt=""
                            data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat"
                            data-bgparallax="10" class="rev-slidebg">
                        <div class="tp-caption NotGeneric-Title   tp-resizeme rs-parallaxlevel-0 d-none d-md-block"
                            id="slide-148-layer-1" data-x="['center','center','center','center']"
                            data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']"
                            data-voffset="['-40','-40','-40','-40']" data-fontsize="['70','70','70','45']"
                            data-lineheight="['70','70','70','50']" data-width="none" data-height="none"
                            data-whitespace="nowrap" data-transform_idle="o:1;"
                            data-transform_in="x:[105%];z:0;rX:45deg;rY:0deg;rZ:90deg;sX:1;sY:1;skX:0;skY:0;s:2000;e:Power4.easeInOut;"
                            data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
                            data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
                            data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1000"
                            data-splitin="chars" data-splitout="none" data-responsive_offset="on"
                            data-elementdelay="0.05" style="z-index: 5; white-space: nowrap; color:#fff ; ">Play, Win, and Earn Today!</div>
                        <div class="tp-caption NotGeneric-SubTitle   tp-resizeme rs-parallaxlevel-0 d-none d-md-block"
                            id="slide-149-layer-2" data-x="['center','center','center','center']"
                            data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']"
                            data-voffset="['15','15','15','15']" data-fontsize="['16','16','16','14']" data-width="none"
                            data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;"
                            data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
                            data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
                            data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;"
                            data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1500"
                            data-splitin="none" data-splitout="none" data-responsive_offset="on"
                            style="z-index: 6; white-space: nowrap;font-weight: normal;">Jump into exciting games and test your luck. Enjoy nonstop action and start earning real rewards!</div>

                        <div class="tp-caption rev-scroll-btn  rs-parallaxlevel-0"
                            id="slide-150-layer-4 d-none d-md-block" data-x="['center','center','center','center']"
                            data-hoffset="['0','0','0','0']" data-y="['bottom','bottom','bottom','bottom']"
                            data-voffset="['50','50','50','50']" data-width="35" data-height="30"
                            data-whitespace="nowrap" data-transform_idle="o:1;" data-style_hover="cursor:pointer;"
                            data-transform_in="y:50px;opacity:0;s:1500;e:Power3.easeInOut;"
                            data-transform_out="y:50px;opacity:0;s:1000;s:1000;" data-start="2000" data-splitin="none"
                            data-splitout="none" data-actions='[{"event":"click","action":"scrollbelow","offset":"0px"}]'
                            data-basealign="slide" data-responsive_offset="off" data-responsive="off"
                            style="z-index: 9; min-width: 35px; max-width: 35px; max-width: 55px; max-width: 55px; white-space: nowrap; font-size: px; line-height: px; font-weight: 100;border-color:rgba(255, 255, 255, 0.50);border-style:solid;border-width:1px;border-radius:23px 23px 23px 23px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;">
                            <span> </span> </div>
                        <div class="tp-caption NotGeneric-Title   tp-resizeme rs-parallaxlevel-0 d-block d-md-none"
                            id="slide-148-layer-1" data-x="['center','center','center','center']"
                            data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']"
                            data-voffset="['-40','-40','-40','-40']" data-fontsize="['70','70','45','15']"
                            data-lineheight="['70','70','70','5']" data-width="none" data-height="none"
                            data-whitespace="nowrap" data-transform_idle="o:1;"
                            data-transform_in="x:[105%];z:0;rX:45deg;rY:0deg;rZ:90deg;sX:1;sY:1;skX:0;skY:0;s:2000;e:Power4.easeInOut;"
                            data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
                            data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
                            data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1000"
                            data-splitin="chars" data-splitout="none" data-responsive_offset="on"
                            data-elementdelay="0.05" style="z-index: 5; white-space: nowrap; color:#fff ; ">Planting
                            Prosperity,</div>

                        <div class="tp-caption NotGeneric-Title   tp-resizeme rs-parallaxlevel-0 d-block d-md-none"
                            id="slide-148-layer-1" data-x="['center','center','center','center']"
                            data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']"
                            data-voffset="['-20','-20','-20','-20']" data-fontsize="['70','70','45','15']"
                            data-lineheight="['70','70','70','5']" data-width="none" data-height="none"
                            data-whitespace="nowrap" data-transform_idle="o:1;"
                            data-transform_in="x:[105%];z:0;rX:45deg;rY:0deg;rZ:90deg;sX:1;sY:1;skX:0;skY:0;s:2000;e:Power4.easeInOut;"
                            data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
                            data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
                            data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1000"
                            data-splitin="chars" data-splitout="none" data-responsive_offset="on"
                            data-elementdelay="0.05" style="z-index: 5; white-space: nowrap; color:#fff ; "> Growing
                            Wealth!</div>

                        <div class="tp-caption NotGeneric-SubTitle   tp-resizeme rs-parallaxlevel-0 d-block d-md-none"
                            id="slide-149-layer-2" data-x="['center','center','center','center']"
                            data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']"
                            data-voffset="['15','15','15','15']" data-fontsize="['16','16','16','14']" data-width="none"
                            data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;"
                            data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
                            data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
                            data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;"
                            data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1500"
                            data-splitin="none" data-splitout="none" data-responsive_offset="on"
                            style="z-index: 6; white-space: nowrap;font-weight: normal;">Let Your Wealth Blossom with
                            Wealth Free. </div>

                        <div class="tp-caption NotGeneric-SubTitle   tp-resizeme rs-parallaxlevel-0 d-block d-md-none"
                            id="slide-149-layer-2" data-x="['center','center','center','center']"
                            data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']"
                            data-voffset="['30','30','30','30']" data-fontsize="['16','16','16','14']" data-width="none"
                            data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;"
                            data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
                            data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
                            data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;"
                            data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1500"
                            data-splitin="none" data-splitout="none" data-responsive_offset="on"
                            style="z-index: 6; white-space: nowrap;font-weight: normal;">Cultivate Financial Freedom, One
                            Coin at a Time.</div>
                        <!-- LAYER NR. 3 -->

                        <!-- LAYER NR. 4 -->
                        <div class="tp-caption rev-scroll-btn  rs-parallaxlevel-0 d-block d-md-none"
                            id="slide-150-layer-4" data-x="['center','center','center','center']"
                            data-hoffset="['0','0','0','0']" data-y="['bottom','bottom','bottom','bottom']"
                            data-voffset="['50','50','50','50']" data-width="35" data-height="55"
                            data-whitespace="nowrap" data-transform_idle="o:1;" data-style_hover="cursor:pointer;"
                            data-transform_in="y:50px;opacity:0;s:1500;e:Power3.easeInOut;"
                            data-transform_out="y:50px;opacity:0;s:1000;s:1000;" data-start="2000" data-splitin="none"
                            data-splitout="none" data-actions='[{"event":"click","action":"scrollbelow","offset":"0px"}]'
                            data-basealign="slide" data-responsive_offset="off" data-responsive="off"
                            style="z-index: 9; min-width: 35px; max-width: 35px; max-width: 55px; max-width: 55px; white-space: nowrap; font-size: px; line-height: px; font-weight: 100;border-color:rgba(255, 255, 255, 0.50);border-style:solid;border-width:1px;border-radius:23px 23px 23px 23px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;">
                            <span> </span> </div>

                    </li>
                    <!-- SLIDE  -->
                    <!-- SLIDE  -->
                    <li data-index="rs-150" data-transition="zoomout" data-slotamount="default"
                        data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000">
                        <!-- MAIN IMAGE -->
                        <img src="{{ asset('goldcoin/img/hero/casinospin.png') }}" alt=""
                            data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat"
                            data-bgparallax="10" class="rev-slidebg">
                        <!-- LAYERS -->
                        <!-- LAYER NR. 1 -->
                        <div class="tp-caption NotGeneric-Title   tp-resizeme rs-parallaxlevel-0" id="slide-148-layer-1"
                            data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                            data-y="['middle','middle','middle','middle']" data-voffset="['-40','-40','-40','-40']"
                            data-fontsize="['70','70','70','45']" data-lineheight="['70','70','70','50']"
                            data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;"
                            data-transform_in="x:[105%];z:0;rX:45deg;rY:0deg;rZ:90deg;sX:1;sY:1;skX:0;skY:0;s:2000;e:Power4.easeInOut;"
                            data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
                            data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
                            data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1000"
                            data-splitin="chars" data-splitout="none" data-responsive_offset="on"
                            data-elementdelay="0.05" style="z-index: 5; white-space: nowrap; color:#fff  ;  ">Unleash the Fun & Earn Rewards!
                        </div>

                        <div class="tp-caption rev-scroll-btn  rs-parallaxlevel-0" id="slide-150-layer-4"
                            data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                            data-y="['bottom','bottom','bottom','bottom']" data-voffset="['50','50','50','50']"
                            data-width="35" data-height="55" data-whitespace="nowrap" data-transform_idle="o:1;"
                            data-style_hover="cursor:pointer;"
                            data-transform_in="y:50px;opacity:0;s:1500;e:Power3.easeInOut;"
                            data-transform_out="y:50px;opacity:0;s:1000;s:1000;" data-start="2000" data-splitin="none"
                            data-splitout="none" data-actions='[{"event":"click","action":"scrollbelow","offset":"0px"}]'
                            data-basealign="slide" data-responsive_offset="off" data-responsive="off"
                            style="z-index: 9; min-width: 35px; max-width: 35px; max-width: 55px; max-width: 55px; white-space: nowrap; font-size: px; line-height: px; font-weight: 100;border-color:rgba(255, 255, 255, 0.50);border-style:solid;border-width:1px;border-radius:23px 23px 23px 23px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;">
                            <span> </span> </div>
                    </li>
                    <!-- SLIDE  -->

                </ul>
                <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
            </div>
        </div>
    </div>
    <!-- End-Header -->



    <!-- Content slide -->
    <div class="join-us bg-dark-game">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div id="carousel-example-generic-2" class="carousel slide">
                        <!-- Wrapper for slides -->
                        <div class="carousel-inner">
                            <div class="item active">
                                <div class="row goldcasino">
                                    <div class="col-sm-12  col-md-6">
                                        <div class="list-o">

                                            <h1> <span class="yellow">Exciting Digital</span>
                                                <span class="text-white"> Gaming Arena </span>
                                            </h1>
                                            <ul>
                                                <li>
                                                    <div>
                                                        <p>Dive into the world of thrilling online games! Explore our
                                                            collection of top-tier digital games like Aviator, Colour
                                                            Prediction, and Dragon Tiger Tie. Test your luck, predict the
                                                            outcomes, and enjoy endless excitement right from your screen.
                                                            Get ready for a heart-racing experience where every decision
                                                            could be the key to victory!</p>
                                                        <p>Feel free to tweak them as needed!</p>
                                                        @forelse($application as $app)
                                                            @if ($app->status == '1')
                                                                <div class="">
                                                                    <a target="_blank" href='{{ $app->apk }}'
                                                                        class="downbtn">
                                                                        <span class="waves"></span> <i
                                                                            class="fa fa-download" aria-hidden="true"></i>
                                                                        Download App
                                                                    </a>
                                                                </div>
                                                            @endif
                                                        @empty
                                                            <div class="">
                                                                <a target="_blank"
                                                                    href='https://shreeagtmultimedia.s3.ap-south-1.amazonaws.com/my_wealth_free/mwf_app-v2.apk'
                                                                    class="downbtn">
                                                                    <span class="waves"></span> <i class="fa fa-download"
                                                                        aria-hidden="true"></i> Download App
                                                                </a>
                                                            </div>
                                                        @endforelse
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="col-sm-12 col-md-6">
                                        <div class="roulette">
                                            <div class="wheel spin">
                                                <div class="arrow">
                                                </div>
                                                <img src="{{ asset('goldcoin/img/gamble-game.jpg') }}">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Indicators -->

                        {{-- <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic-2" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic-2" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic-2" data-slide-to="2"></li>
          </ol> --}}
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END Content-->


    <!-- Investores   -->
    <div id="coin" class="bg-dark-game dragon-bg">
        <div class="section-title center text-center">
            {{-- <h2 class="wow fadeInDown">Services: <span class="yellow"> coin</span></h2> --}}
            <h2 class="wow fadeInDown"><span class="yellow">Your Chance to</span><span class="text-white"> Play & Earn
                    Big!</span></h2>
            <hr>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-lg-4">
                    <div class="gamecard">
                        <img src="{{ asset('goldcoin/img/colorprediction.png') }}" alt="">
                        <div>
                            <h3>Color Prediction</h3>
                        </div>
                        <div class="download-game-btn">
                            @forelse($application as $app)
                                @if ($app->status == '1')
                                    <div class="button-container">
                                        <a target="_blank" href='{{ $app->apk }}' class="download-game-btn-link">
                                            <span class="waves"></span>
                                            <i class="fa fa-download" aria-hidden="true"></i> Download App
                                        </a>
                                    </div>
                                @endif
                            @empty
                                <div class="button-container">
                                    <a target="_blank"
                                        href='https://shreeagtmultimedia.s3.ap-south-1.amazonaws.com/my_wealth_free/mwf_app-v2.apk'
                                        class="download-game-btn-link">
                                        <span class="waves"></span>
                                        <i class="fa fa-download" aria-hidden="true"></i> Download App
                                    </a>
                                </div>
                            @endforelse
                        </div>
                    </div>
                </div>

                <div class="col-lg-4">
                    <div class="gamecard">
                        <img src="{{ asset('goldcoin/img/aviator.png') }}" alt="">
                        <div>
                            <h3>Avaitor</h3>
                        </div>
                        <div class="download-game-btn">
                            @forelse($application as $app)
                                @if ($app->status == '1')
                                    <div class="button-container">
                                        <a target="_blank" href='{{ $app->apk }}' class="download-game-btn-link">
                                            <span class="waves"></span>
                                            <i class="fa fa-download" aria-hidden="true"></i> Download App
                                        </a>
                                    </div>
                                @endif
                            @empty
                                <div class="button-container">
                                    <a target="_blank"
                                        href='https://shreeagtmultimedia.s3.ap-south-1.amazonaws.com/my_wealth_free/mwf_app-v2.apk'
                                        class="download-game-btn-link">
                                        <span class="waves"></span>
                                        <i class="fa fa-download" aria-hidden="true"></i> Download App
                                    </a>
                                </div>
                            @endforelse
                        </div>
                    </div>
                </div>

                <div class="col-lg-4">
                    <div class="gamecard">
                        <img src="{{ asset('goldcoin/img/dragontiger.png') }}" alt="">
                        <div>
                            <h3>Dragon Tiger</h3>
                        </div>
                        <div class="download-game-btn">
                            @forelse($application as $app)
                                @if ($app->status == '1')
                                    <div class="button-container">
                                        <a target="_blank" href='{{ $app->apk }}' class="download-game-btn-link">
                                            <span class="waves"></span>
                                            <i class="fa fa-download" aria-hidden="true"></i> Download App
                                        </a>
                                    </div>
                                @endif
                            @empty
                                <div class="button-container">
                                    <a target="_blank"
                                        href='https://shreeagtmultimedia.s3.ap-south-1.amazonaws.com/my_wealth_free/mwf_app-v2.apk'
                                        class="download-game-btn-link">
                                        <span class="waves"></span>
                                        <i class="fa fa-download" aria-hidden="true"></i> Download App
                                    </a>
                                </div>
                            @endforelse
                        </div>
                    </div>
                </div>

                <div class="col-lg-4">
                    <div class="gamecard">
                        <img src="{{ asset('goldcoin/img/andarbahar.png') }}" alt="">
                        <div>
                            <h3>Andar Bahar</h3>
                        </div>
                        <div class="download-game-btn">
                            @forelse($application as $app)
                                @if ($app->status == '1')
                                    <div class="button-container">
                                        <a target="_blank" href='{{ $app->apk }}' class="download-game-btn-link">
                                            <span class="waves"></span>
                                            <i class="fa fa-download" aria-hidden="true"></i> Download App
                                        </a>
                                    </div>
                                @endif
                            @empty
                                <div class="button-container">
                                    <a target="_blank"
                                        href='https://shreeagtmultimedia.s3.ap-south-1.amazonaws.com/my_wealth_free/mwf_app-v2.apk'
                                        class="download-game-btn-link">
                                        <span class="waves"></span>
                                        <i class="fa fa-download" aria-hidden="true"></i> Download App
                                    </a>
                                </div>
                            @endforelse
                        </div>
                    </div>
                </div>

                <div class="col-lg-4">
                    <div class="gamecard">
                        <img src="{{ asset('goldcoin/img/teenpati.png') }}" alt="">
                        <div>
                            <h3>Teen Patti</h3>
                        </div>
                        <div class="download-game-btn">
                            @forelse($application as $app)
                                @if ($app->status == '1')
                                    <div class="button-container">
                                        <a target="_blank" href='{{ $app->apk }}' class="download-game-btn-link">
                                            <span class="waves"></span>
                                            <i class="fa fa-download" aria-hidden="true"></i> Download App
                                        </a>
                                    </div>
                                @endif
                            @empty
                                <div class="button-container">
                                    <a target="_blank"
                                        href='https://shreeagtmultimedia.s3.ap-south-1.amazonaws.com/my_wealth_free/mwf_app-v2.apk'
                                        class="download-game-btn-link">
                                        <span class="waves"></span>
                                        <i class="fa fa-download" aria-hidden="true"></i> Download App
                                    </a>
                                </div>
                            @endforelse
                        </div>
                    </div>
                </div>

                <div class="col-lg-4">
                    <div class="gamecard">
                        <img src="{{ asset('goldcoin/img/lottery.png') }}" alt="">
                        <div>
                            <h3>Lottery Bingo</h3>
                        </div>
                        <div class="download-game-btn">
                            @forelse($application as $app)
                                @if ($app->status == '1')
                                    <div class="button-container">
                                        <a target="_blank" href='{{ $app->apk }}' class="download-game-btn-link">
                                            <span class="waves"></span>
                                            <i class="fa fa-download" aria-hidden="true"></i> Download App
                                        </a>
                                    </div>
                                @endif
                            @empty
                                <div class="button-container">
                                    <a target="_blank"
                                        href='https://shreeagtmultimedia.s3.ap-south-1.amazonaws.com/my_wealth_free/mwf_app-v2.apk'
                                        class="download-game-btn-link">
                                        <span class="waves"></span>
                                        <i class="fa fa-download" aria-hidden="true"></i> Download App
                                    </a>
                                </div>
                            @endforelse
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- END OUR Project -->

    <!-- Investores   -->
    <div id="" class="bg-dark-purple teen-bg join-us">
        <div class="container">
            <div class="row">
                <div class="row">
                    <div class="col-lg-12">
                        <div>
                            <div class="game-join-card">
                                <div class="connectcart">
                                    <img src="{{ asset('goldcoin/img/brightlogo.png') }}" alt="logo">
                                    <div class="cartheader">
                                        <h6>Join Us & Play to Earn!</h6>
                                        <p>Download and install the game to start your winning journey. Don’t miss the
                                            chance to earn while you play!</p>
                                    </div>
                                    <div class="download-game-btn">

                                        @forelse($application as $app)
                                            @if ($app->status == '1')
                                                <a target="_blank" href='{{ $app->apk }}'
                                                    class="download-game-btn-link">
                                                    <i class="fa fa-download" aria-hidden="true"></i> Download App
                                                </a>
                                            @endif
                                        @empty

                                            <a target="_blank"
                                                href='https://shreeagtmultimedia.s3.ap-south-1.amazonaws.com/my_wealth_free/mwf_app-v2.apk'
                                                class="download-game-btn-link">
                                                <i class="fa fa-download" aria-hidden="true"></i> Download App
                                            </a>
                                        @endforelse


                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END OUR Project -->

    <div id="" class="bg-dark-game choose-bg join-us">
<div class="container">
  <div class="why-choose-us">
    <div class="why-choose-card">
        <i class="fa fa-gamepad icon" aria-hidden="true"></i>
        <h4>Exciting Gameplay</h4>
        <p>Experience thrilling and engaging games that keep you on the edge of your seat.</p>
    </div>
    <div class="why-choose-card">
        <i class="fa fa-inr icon" aria-hidden="true"></i>
        <h4>Earn Real Rewards</h4>
        <p>Win and earn while you play, making your gaming experience rewarding and fun.</p>
    </div>
    <div class="why-choose-card">
        <i class="fa fa-shield icon" aria-hidden="true"></i>
        <h4>Safe & Secure</h4>
        <p>Play with confidence knowing your data and transactions are protected with top-notch security.</p>
    </div>
    <div class="why-choose-card">
        <i class="fa fa-mobile-phone icon" aria-hidden="true"></i>
        <h4>Play Anywhere</h4>
        <p>Enjoy your favorite games on the go, anytime, anywhere with our mobile-friendly platform.</p>
    </div>
</div>
</div>
    </div>

    <!-- Achivements -->

    {{-- <div id="achivements" class="low-back">
        <div class="low-back-up">
            <div class="container">
                <div class="col-lg-12 text-center"> </div>
                <div class="col-lg-12">
                    <div class="row achive_box">
                        <div class="col-md-4 col-sm-4">
                            <div class="achivement-box">
                                <div class="ico">
                                    <span class="icon-trophy"></span>
                                </div>
                                <span class="count">20</span>
                                <h4>Total Investor </h4>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-4">
                            <div class="achivement-box">
                                <div class="ico"> <span class="icon-megaphone"></span> </div>
                                <span class="count">80</span>
                                <h4>Total Withdraw</h4>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-4">
                            <div class="achivement-box">
                                <div class="ico"> <span class="icon-happy"></span> </div>
                                <span class="count">1340</span>
                                <h4>Total Transaction</h4>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div> --}}

    <!-- END Achivements-->

    <!-- Team  -->


    <!-- Video Background  -->

    {{-- <div id="video" class="html-video-i">
        <div class="home_overlay">
            <video class="text-center" muted="" autoplay="" loop="">
                <!-- MP4 for Safari, IE9, iPhone, iPad, Android, and Windows Phone 7 -->
                <source type="video/mp4" src="goldcoin/videos/officeloop_low.mp4">
                Your browser does not support the video tag.
            </video>
            <div class="video-text video-back">
                <h1 class="wow fadeInDown"> <span class="top-heading">Invest IN<strong> WEALTH FREE </strong></span> </h1>
            </div>
        </div>
    </div> --}}

    <!-- End Video Background -->



    <!-- END Demo Heading -->

    <!-- Blog  -->



    <!-- END Clients-->

    <!--Contact Popup-->

    <div class="modal fade pop-box" id="donate-popup" tabindex="-1" role="dialog" aria-labelledby="donate-popup"
        aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <!--Donation div-->
                <div class="donation-div">
                    <div class="donation-plz">
                        <form method="post" action="contact.html">

                            <!--Form Portlet-->

                            <!--Form Portlet-->
                            <div class="form-portlet">
                                <h4>Consultaion Information</h4>
                                <div class="row clearfix">
                                    <div class="form-group col-lg-6 col-md-6 col-xs-12">
                                        <div class="field-label">First Name <span class="required">*</span></div>
                                        <input type="text" name="name" value="" placeholder="First Name"
                                            required="">
                                    </div>
                                    <div class="form-group col-lg-6 col-md-6 col-xs-12">
                                        <div class="field-label">Last Name <span class="required">*</span></div>
                                        <input type="text" name="name" value="" placeholder="Last Name"
                                            required="">
                                    </div>
                                    <div class="form-group col-lg-6 col-md-6 col-xs-12">
                                        <div class="field-label">Email <span class="required">*</span></div>
                                        <input type="email" name="name" value="" placeholder="Email"
                                            required="">
                                    </div>
                                    <div class="form-group col-lg-6 col-md-6 col-xs-12">
                                        <div class="field-label">Phone <span class="required">*</span></div>
                                        <input type="text" name="name" value="" placeholder="Phone"
                                            required="">
                                    </div>
                                    <div class="form-group col-lg-6 col-md-6 col-xs-12">
                                        <div class="field-label">Address 1 <span class="required">*</span></div>
                                        <input type="text" name="name" value="" placeholder="Address 1"
                                            required="">
                                    </div>
                                    <div class="form-group col-lg-6 col-md-6 col-xs-12">
                                        <div class="field-label">Address 2 <span class="required">*</span></div>
                                        <input type="text" name="name" value="" placeholder="Address 2"
                                            required="">
                                    </div>
                                </div>
                            </div>
                            <br>

                            <!--Form Portlet-->

                            <div class="text-left">
                                <button type="submit" class="theme-btn btn-style-two">Send Now</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>

    <!-- END Donate Popup-->

    <!-- Demo Heading -->


    <!-- END Demo Heading -->
    <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
    <script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js'></script>
    <script src='https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.10/vue.min.js'></script>
    <script>
        perfecthalf = 1 / 37 * 360 / 2;

        let currentLength = perfecthalf;

        $(".wheel img").css("transform", "rotate(" + perfecthalf + "deg)");

        $(".spin").click(() => {
            $(".wheel img").css("filter", "blur(0px)");

            spininterval = getRandomInt(0, 37) * (360 / 37) + getRandomInt(3, 4) * 360;
            currentLength += spininterval;

            numofsecs = spininterval;

            console.log(currentLength);
            $(".wheel img").css("transform", "rotate(" + currentLength + "deg)");

            setTimeout(function() {
                $(".wheel img").css("filter", "blur(0px)");
            }, numofsecs);
        });

        function getRandomInt(min, max) {
            return Math.floor(Math.random() * (max - min + 1)) + min;
        }

        $(document).ready(function() {
            $(".spin").click();
        });
    </script>

    <script>
       $(window).on('scroll', function() {
     if ($(window).scrollTop() > 40) {
         $("nav.transparrent-bg").css({
             'background-color': '#fff', 'border-bottom': '1px solid #eee' 
        }
        );
         $("nav.transparrent-bg .menuzord-menu > li > a").css({
             'padding-top': '40px', 'color': '#333' 
        }
        );
         $("nav.transparrent-bg .menuzord-brand").css({
             'margin-top': '6px', 
        }
        );
         $("nav.transparrent-bg .right_mp_menu > ul > li > a").css({
             'padding-top': '40px', 'color': '#333' 
        }
        );
         $("nav.navbar-fixed-top").addClass("nav_border");
         $(".changeable").attr("src", "/goldcoin/img/klm_logo.png");
    }
     else {
         $("nav.transparrent-bg").css({
             'background-color': 'transparent', 'border': '1px solid transparent' 
        }
        );
         $("nav.transparrent-bg .menuzord-menu > li > a").css({
             'padding-top': '40px', 'color': '#fff' 
        }
        );
         $("nav.transparrent-bg .menuzord-brand").css({
             'margin-top': '6px', 
        }
        );
         $("nav.transparrent-bg .right_mp_menu > ul > li > a").css({
             'padding-top': '40px', 'color': '#fff' 
        }
        );
         $("nav.navbar-fixed-top").removeClass("nav_border");
         $(".changeable").attr("src", "/goldcoin/img/brightlogo.png");
    }
}
);
    </script>
@endsection