body,
html{
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    font-family: Poppins;
    scroll-behavior: smooth;
    /*overflow: hidden;*/
    /*overflow-y:scroll;*/
}

html::-webkit-scrollbar, #main::-webkit-scrollbar
{
    display: none;
    /*width: 12px;*/
    /*background-color: #F5F5F5;*/
}

@media screen and (min-width: 576px) {
    #main {
        /*max-width: 576px;*/
        /*margin: auto 100px;*/
    }
    #wallet-details{
        max-width: 576px;
        /*margin: auto 16%;*/
    }
    /*#ads-img{*/
    /*    max-width: 576px;*/
    /*}*/
    /*.product-detail-image{*/
    /*    max-width: 576px;*/
    /*    height: 200px;*/
    /*}*/
    .user-detail{
        margin-left: -42px
    }
    .package-head{
        /*padding-right: unset;*/
    }
}

@media screen and (min-width: 768px) {
    #main {
        /*max-width: 768px;*/
        /*margin: auto 100px;*/
    }
    #wallet-details{
        max-width: 768px;
        /*margin: auto 22%;*/
    }
    /*#ads-img{*/
    /*    max-width: 768px;*/
    /*}*/
    /*.product-detail-image{*/
    /*    max-width: 768px;*/
    /*    height: 200px;*/
    /*}*/
    .user-detail{
        margin-left: -90px
    }
    .top-head{
        padding-left: 6%;
    }
    .package-head{
        padding-right: 36px;
    }
}

@media screen and (min-width: 992px) {
    #main {
        /*max-width: 992px;*/
        /*margin: auto 120px;*/
    }
    #wallet-details{
        max-width: 992px;
        /*margin: auto 26%;*/
    }
    /*#ads-img{*/
    /*    max-width: 992px;*/
    /*}*/
    /*.product-detail-image{*/
    /*    max-width: 992px;*/
    /*    height: 200px;*/
    /*}*/
    .user-detail{
        margin-left: -100px
    }
    .top-head{
        padding-left: 6%;
    }
    .package-head{
        padding-right: 46px;
    }
}

@media screen and (min-width: 1200px) {
    #main {
        /*max-width: 1200px;*/
        /*margin: auto 150px;*/
    }
    #wallet-details{
        max-width: 1200px;
        /*margin: auto 28%;*/
    }
    /*#ads-img{*/
    /*    max-width: 1200px;*/
    /*    height: 80px;*/
    /*}*/
    /*.product-detail-image{*/
    /*    max-width: 1200px;*/
    /*    height: 400px;*/
    /*}*/
    .user-detail{
        margin-left: -130px
    }
    .top-head{
        padding-left: 6%;
    }
    .package-head{
        padding-right: 66px;
    }

    /*#main::-webkit-scrollbar-track*/
    /*{*/
    /*    background-color: #FFFFFF;*/
    /*}*/

    /*html::-webkit-scrollbar*/
    /*{*/
    /*    display: none;*/
    /*    !*width: 12px;*!*/
    /*    !*background-color: #F5F5F5;*!*/
    /*}*/

    /*#main::-webkit-scrollbar-thumb*/
    /*{*/
    /*    background-color: #c9c8c8;*/
    /*    !*background-color: #252836;*!*/
    /*}*/
    /*#main::-webkit-scrollbar-thumb:hover*/
    /*{*/
    /*    background-color: #b3b2b2;*/
    /*}*/
}

@media screen and (min-width: 1440px) {
    #main {
        /*max-width: 1440px;*/
        /*margin: auto 150px;*/
    }
    #wallet-details{
        max-width: 1440px;
        /*margin: auto 28%;*/
    }
    /*#ads-img{*/
    /*    max-width: 1440px;*/
    /*    height: 80px;*/
    /*}*/
    /*.product-detail-image{*/
    /*    max-width: 1440px;*/
    /*    height: 400px;*/
    /*}*/
    .user-detail{
        margin-left: -190px;
    }
    .package-head{
        padding-right: 100px;
    }

    /*#main::-webkit-scrollbar-track*/
    /*{*/
    /*    background-color: #FFFFFF;*/
    /*}*/

    /*html::-webkit-scrollbar*/
    /*{*/
    /*    display: none;*/
    /*    !*width: 12px;*!*/
    /*    !*background-color: #F5F5F5;*!*/
    /*}*/

    /*#main::-webkit-scrollbar-thumb*/
    /*{*/
    /*    background-color: #c9c8c8;*/
    /*    !*background-color: #252836;*!*/
    /*}*/
    /*#main::-webkit-scrollbar-thumb:hover*/
    /*{*/
    /*    background-color: #b3b2b2;*/
    /*}*/
}

@media screen and (min-width: 2560px) {
    #main {
        /*max-width: 2560px;*/
        /*margin: auto 520px;*/
    }
    #wallet-details{
        max-width: 2560px;
        /*margin: auto 28%;*/
    }
    /*#ads-img{*/
    /*    max-width: 2560px;*/
    /*}*/
    /*.product-detail-image{*/
    /*    max-width: 2560px;*/
    /*    height: 400px;*/
    /*}*/
    .user-detail{
        margin-left: -162px
    }
    .package-head{
        padding-right: 100px;
    }

    /*#main::-webkit-scrollbar-track*/
    /*{*/
    /*    background-color: #FFFFFF;*/
    /*}*/

    /*html::-webkit-scrollbar*/
    /*{*/
    /*    display: none;*/
    /*    !*width: 12px;*!*/
    /*    !*background-color: #F5F5F5;*!*/
    /*}*/

    /*#main::-webkit-scrollbar-thumb*/
    /*{*/
    /*    background-color: #c9c8c8;*/
    /*    !*background-color: #252836;*!*/
    /*}*/
    /*#main::-webkit-scrollbar-thumb:hover*/
    /*{*/
    /*    background-color: #b3b2b2;*/
    /*}*/
}

#main {
    display: block;
    justify-content: center;
    height: 100%;
    padding: 0;
    /*margin: 0;*/
    /*overflow-y: scroll;*/
    /*overflow: overlay;*/
    /*box-shadow: rgb(240 0 221/ 50%) 0 5px 20px;*/
    /*box-shadow: rgb(240 0 221/ 50%) 0 5px 20px;*/
    background: black;
    /*scroll-behavior: smooth;*/
}

.dark-layout .swiper-container:not(.swiper-parallax) .swiper-slide{
    background-color: unset;
}

/*#main::webkit-scrollbar {*/
/*    width: 10px;*/
/*}*/
/*#main::-webkit-scrollbar-track {*/
/*    background: transparent;*/
/*}*/
/*#main::-webkit-scrollbar-thumb {*/
/*    background: transparent;*/
/*}*/

    /*** APP ***/
.app-home{
    width: auto;
    /*height: 200px;*/
    display: block;
}

.feather, [data-feather]{
    height: auto;
    width: auto;
    min-width: 0;
    min-height: 0;
    display: inline-block;
}

.app-text-primary{
    background: -webkit-linear-gradient(90deg, #0832FF 0%, #F000DD 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}

.app-heading{
    color: white;
    transition: 0.8s;
    /*background: white;*/
    /*-webkit-background-clip: text;*/
    /*-webkit-text-fill-color: transparent;*/
    /*font-weight: bold;*/
    font-size: 14px;
}

.app-text{
    color: white;
    transition: 0.8s;
    font-size: 12px;
}

.app-text-form{
    color: white;
    vertical-align: text-top;
    font-size: 14px;
}

.form-check-input:checked{
    background-color: #F000DD;
    border-color: #F000DD;
}

/*** Flat-Pickr ***/
/*.flatpickr-calendar .flatpickr-day.selected, .flatpickr-calendar .flatpickr-day.selected:hover {*/
/*    background: #F000DD;*/
/*    color: #fff;*/
/*    border-color: #F000DD;*/
/*}*/

/*.flatpickr-calendar .flatpickr-day.today {*/
/*    border-color: #F000DD;*/
/*}*/

.form-control:focus{
    border-color: #F000DD;
    background-color: #262835;
}

/*.bootstrap-touchspin.input-group .form-control{*/
/*    background-color: black;*/
/*}*/

/*.btn-primary{*/
/*    background: linear-gradient(90deg, #0832FF 0%, #F000DD 100%);*/
/*    width: auto;*/
/*    color: white;*/
/*}*/

.select2-container--default .select2-selection--single{
    background-color: #151822;
    border-radius: 10px;
    border: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
    color: white;
}

.select2-container--classic .select2-selection--single:focus,.select2-container--default .select2-selection--single:focus{
    /*border-color: #F000DD;*/
    /*background-color: #262835;*/
}

.select2-selection__arrow{
    display: none;
}

.select2-dropdown--below, .select2-dropdown--above{
    background-color: #262835;
    color: white;
    /*background-color: white;*/
    /*color: black;*/
}
.select2-search__field{
    background: #262835;
    color: white;
    /*background: white;*/
    /*color: black;*/
}

/*.app-form{*/
/*    background-color: black;*/
/*}*/


.app-btn{
    background: linear-gradient(90deg, #0832FF 0%, #F000DD 100%);
    width: auto;
    color: white;
    /*padding: 6px;*/
    border: 0;
    /*opacity: 0.6;*/
    transition: 0.5s;
    border-radius: 10px;
    font-size: 12px;
    /*-webkit-background-clip: text;*/
    /*-webkit-text-fill-color: transparent;*/
}

.app-btn:hover {
    /*background-color: rgba(115, 103, 240, 0.04);*/
    /*background-image: linear-gradient();*/
    /*color: #252a38;*/
    color: #252836;
    opacity: 1;
}

#ads-img{
    border-radius: 10px;
    /*width: 16rem !important;*/
    max-width:100%;
    max-height:100%;
    /*height: auto;*/
    /*width: auto;*/
    height: 120px;
    width: 350px;
}

    /*** Raffles ***/
.app-raffle-create-btn{
    /*background: #252a38;*/
    display: block;
    /*width: fit-content;*/
    /*height: fit-content;*/
    color: white;
    /*max-width: 100%;*/
    /*max-height: 100%;*/
    /*width: fit-content;*/
    /*width: 106px;*/
    height: 9rem !important;
    /*width: 7rem !important;*/
    /*height: 8rem !important;*/
    /*padding: 16px 28px;*/
    /*padding: 20px 20px;*/
    transition: 0.8s;
    border-radius: 10px;
    font-size: 14px;
    border: solid 3px transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)),
    linear-gradient(90deg, #0832FF 0%, #F000DD 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 2px 1000px 1px #252836 inset;
}

.app-raffle-btn{
    /*background: #252a38;*/
    background: #252836;
    color: white;
    display: block;
    /*max-width: 100%;*/
    /*max-height: 100%;*/
    /*width: auto;*/
    /*height: auto;*/
    /*width: 106px;*/
    /*height: 130px;*/
    /*width: 8rem !important;*/
    height: 9rem !important;
    /*margin-right: 24px;*/
    /*padding: 16px 28px;*/
    /*padding: 10px 20px;*/
    transition: 0.8s;
    border-radius: 10px;
    font-size: 12px;
    /*background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)),*/
    /*linear-gradient(90deg, #0832FF 0%, #F000DD 100%);*/
    /*background-origin: border-box;*/
    /*background-clip: content-box, border-box;*/
    /*box-shadow: 2px 1000px 1px #252836 inset;*/
}

.app-raffle-more-btn{
    /*background: #252a38;*/
    background: #252836;
    color: white;
    display: block;
    max-width: 100%;
    max-height: 100%;
    /*width: min-content;*/
    width: 130px;
    height: 140px;
    /*width: 7rem !important;*/
    /*height: 8rem !important;*/
    /*margin-right: 24px;*/
    /*padding: 16px 28px;*/
    /*padding: 10px 20px;*/
    transition: 0.8s;
    border-radius: 10px;
    font-size: 12px;
    /*background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)),*/
    /*linear-gradient(90deg, #0832FF 0%, #F000DD 100%);*/
    /*background-origin: border-box;*/
    /*background-clip: content-box, border-box;*/
    /*box-shadow: 2px 1000px 1px #252836 inset;*/
}

.app-raffle-create-btn:hover{
    /*background-image: linear-gradient(90deg, #0832FF, #F000DD);*/
    /*color: white;*/
    /*opacity: 1;*/
    /*padding: 16px 28px;*/
    /*border-radius: 15px ;*/
}

.app-hr{
    color:#9b9da3
}

.app-hr-form{
    color:#9b9da3;
    margin-top: 1rem; !important;
}

.app-buy-coupons-btn{
    height: 5rem !important;
    color: white;
    border-radius: 10px;
    /*font-size: 18px;*/
    /*padding: .5rem 3rem;*/
    transition: 0.8s;
    border: solid 3px transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)),
    linear-gradient(90deg, #0832FF 0%, #F000DD 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 2px 1000px 1px black inset;
}

.app-total-coupons
/*.app-total-coins*/
{
    /*background: linear-gradient(90deg, #0832FF 0%, #F000DD 100%);*/
    /*width: auto;*/
    /*color: white;*/
    /*padding: 6px;*/
    /*border: 0;*/
    /*opacity: 0.6;*/
    transition: 0.5s;
    /*border-radius: 10px;*/
    height: 7rem !important;
    width: -webkit-fill-available;
    text-align: center;
    color: white;
    border-radius: 10px;
    font-size: 18px;
    /*padding: .5rem 3rem;*/
    border: solid 3px transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)),
    linear-gradient(180deg, #0832FF 0%, #F000DD 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 2px 1000px 1px #252836 inset;
}

.app-given-coupons
    /*.app-total-coins*/
{
    /*background: linear-gradient(90deg, #0832FF 0%, #F000DD 100%);*/
    /*width: auto;*/
    /*color: white;*/
    /*padding: 6px;*/
    /*border: 0;*/
    /*opacity: 0.6;*/
    transition: 0.5s;
    /*border-radius: 10px;*/
    height: 5rem !important;
    width: fit-content;
    text-align: center;
    color: white;
    border-radius: 10px;
    font-size: 18px;
    /*padding: .5rem 3rem;*/
    border: solid 3px transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)),
    linear-gradient(180deg, #0832FF 0%, #F000DD 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 2px 1000px 1px #252836 inset;
}

    /*** Market-Place***/
.app-marketplace-btn{
    /*background: #252a38;*/
    background: #252836;
    color: white;
    /*max-width: 100%;*/
    /*max-height: 100%;*/
    /*width: 250px;*/
    width: max-content;
    height: auto;
    /*margin-right: 24px;*/
    /*width: 7.5rem !important;*/
    /*height: 9.5rem !important;*/
    /*padding: 16px 28px;*/
    /*padding: 30px 40px;*/
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    transition: 0.8s;
    border-radius: 10px;
    font-size: 13px;
}

#app-product-view{
    max-width: 100%;
    max-height: 100%;
    width: 280px;
    height: 240px;
    /*height: auto;*/
    border-radius: 12px;
}

#app-product-more{
    /*max-width: 100%;*/
    /*max-height: 100%;*/
    width: 300px;
    height: 230px;
    /*height: auto;*/
    border-radius: 12px;
}

.product-detail-image{
    max-width: 100%;
    max-height: 100%;
    /*width: 520px;*/
    /*height: 200px;*/
    border-radius: 12px;
}

.view-more{
    color: white;
    transition: 0.8s;
    font-size: 13px;
}

.coin-wallet-btn{
    background: #252836;
    color: white;
    /*max-width: 100%;*/
    /*max-height: 100%;*/
    width: 185px;
    height: 55px;
    transition: 0.8s;
    border-radius: 10px;
    font-size: 12px;
}

.total-coin{
    color: white;
    max-height: 100%;
    max-width: 100%;
    width: -webkit-fill-available;
    height: 7rem !important;
    /*padding: 16px 28px;*/
    /*padding: 20px 20px;*/
    transition: 0.8s;
    border-radius: 10px;
    font-size: 12px;
    border: solid 3px transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)),
    linear-gradient(180deg, #0832FF 0%, #F000DD 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 2px 1000px 1px #252836 inset;
}

.app-play-earn{
    background: linear-gradient(90deg, #0832FF 0%, #F000DD 100%);
    position: relative;
    display: block;
    width: auto;
    color: white;
    /*padding: 6px;*/
    border: 0;
    /*opacity: 0.6;*/
    transition: 0.5s;
    border-radius: 10px;
    /*-webkit-background-clip: text;*/
    /*-webkit-text-fill-color: transparent;*/
    /*animation: border 10s ease-in-out infinite alternate;*/
    /*animation: glower 20s linear infinite;*/
    /*box-shadow: rgb(240 0 221/ 60%) 0 5px 20px;*/
    /*transform: scale(1);*/
}

.app-redeem{
    background: linear-gradient(90deg, #0832FF 0%, #F000DD 100%);
    position: relative;
    display: block;
    width: auto;
    color: white;
    /*padding: 6px;*/
    border: 0;
    /*opacity: 0.6;*/
    transition: 0.5s;
    border-radius: 10px;
    /*-webkit-background-clip: text;*/
    /*-webkit-text-fill-color: transparent;*/
    /*animation: border 10s ease-in-out infinite alternate;*/
    /*animation: glower 20s linear infinite;*/
    box-shadow: rgb(240 0 221/ 60%) 0 5px 20px;
    transform: scale(1);
    animation: pulse 1s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(240 0 221);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(240 0 221);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(240 0 221);
    }
}

/*@-webkit-keyframes border {*/
/*    from{*/
/*        box-shadow: rgb(240 0 221/ 50%) 0 5px 20px;*/
/*    }*/
/*    to{*/
/*        box-shadow: rgb(240 0 221/ 50%) 0 5px 20px;*/
/*    }*/
/*}*/


.box {
    position: relative;
    height:  400px;
    width: 380px;
    display: block;
    background: linear-gradient(0deg, black, #444444);
}


.glowing::before{
    content: '';
    position: absolute;
    left: -2px;
    top: -2px;
    background: linear-gradient(45deg, #e8f74d, #ff6600d9, #00ff66, #13ff13, #ad27ad, #bd2681, #6512b9, #ff3300de, #5aabde);
    background-size: 400%;
    width: calc(100% + 5px);
    height: calc(100% + 5px);
    z-index: -1;
    animation: glower 20s linear infinite;
}

@keyframes glower {
    0% {
        background-position: 0 0;
    }

    50% {
        background-position: 400% 0;
    }

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



.app-redeem-btn{
    background: white;
    color: #F000DD;
    width: auto;
    transition: 0.5s;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
}

.raffle-detail-img{
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    border-radius: 24px;
}

.raffle-details{
    background: #252836;
    color: white;
    transition: 0.5s;
    border-radius: 10px;
}

.share-coin-container{
    position:fixed;
    bottom:50px;
    right:30px;
    /*right: 0;*/
    cursor:pointer;
}

.share-coin-btn{
    max-height: 100%;
    max-width: 100%;
    width: 150px;
    height: 50px;
    /*background: #005CEE;*/
    color: white;
    border-radius: 10px;
    transition: 0.8s;
    font-size: 12px;
    /*line-height: 26px;*/
}
.share-coin-btn:hover{
    color: #93a3bd;
    /*color: #8b9cb5;*/
}

.beneficiary-btn
{
    background: #252836;
    color: white;
    display: block;
    max-width: 100%;
    max-height: 100%;
    /*width: min-content;*/
    width: 110px;
    height: 130px;
    /*padding: 16px 28px;*/
    /*padding: 10px 20px;*/
    transition: 0.8s;
    border-radius: 10px;
    font-size: 12px;
}

.iti{
    display: block;
}
.iti--separate-dial-code .iti__selected-dial-code{
    color: white;
}
.iti__country-list{
    background-color: black;
    color: white;
}
.iti__dial-code{
    color: white;
}
.iti__arrow{
    border-top: 4px solid white;
}

.app-setting{
    background: #252836;
    color: white;
    transition: 0.5s;
    padding: 1rem;
    /*border-radius: 10px;*/
}

.wallet-details{
    background: #151822;
    color: white;
    transition: 0.5s;
    border-radius: 10px;
    width: -webkit-fill-available;
    /*margin: 0 3%;*/
}

.crypto-sell-btn{
    background: black;
    width: auto;
    color: white;
    /*padding: 6px;*/
    border: 0;
    /*opacity: 0.6;*/
    transition: 0.5s;
    border-radius: 14px;
    font-size: 12px;
    /*-webkit-background-clip: text;*/
    /*-webkit-text-fill-color: transparent;*/
}

.crypto-sell-icon {
    background: url('public/images/web/game_coin.png');
    height: 20px;
    width: 20px;
    display: block;
    /* Other styles here */
}

.crypto-buy-btn{
    background: transparent;
    width: auto;
    color: white;
    /*padding: 6px;*/
    border: 2px solid;
    /*opacity: 0.6;*/
    transition: 0.5s;
    border-radius: 14px;
    font-size: 12px;
    /*-webkit-background-clip: text;*/
    /*-webkit-text-fill-color: transparent;*/
}

.package-btn{
    /*background: #252a38;*/
    background: #262835;
    color: white;
    max-width: 100%;
    max-height: 100%;
    width: -webkit-fill-available;
    height: auto;
    /*margin-right: 24px;*/
    /*width: 7.5rem !important;*/
    /*height: 9.5rem !important;*/
    /*padding: 16px 28px;*/
    /*padding: 30px 40px;*/
    /*padding-top: 0;*/
    /*padding-left: 0;*/
    /*padding-right: 0;*/
    transition: 0.8s;
    border-radius: 10px;
    font-size: 13px;
    transition: 0.8s;
}

.coin {
    content: url("../../images/web/game_coin.png");
    /*height: 16px;*/
    /*width: 16px;*/
    display: block;
    /* Other styles here */
}

.coupon{
    content: url('../../images/web/coupons.png');
    /*height: 16px;*/
    /*width: 16px;*/
    display: block;
    /* Other styles here */
}

.coupon-new{
    content: url('../../images/web/coupons-new.png');
    /*height: 16px;*/
    /*width: 16px;*/
    display: block;
    /* Other styles here */
}

.coupon-white {
    content: url('../../images/web/coupon_white.png');
    /*height: 16px;*/
    /*width: 16px;*/
    display: block;
    /* Other styles here */
}

.coupon-pink {
    content: url('../../images/web/coupon_pink.png');
    /*height: 16px;*/
    /*width: 16px;*/
    display: block;
    /* Other styles here */
}

.address {
    content: url('../../images/web/profile.png');
    /*height: 16px;*/
    /*width: 16px;*/
    display: block;
    /* Other styles here */
}

.faq {
    content: url('../../images/web/info.png');
    /*height: 16px;*/
    /*width: 16px;*/
    display: block;
    /* Other styles here */
}

.logout {
    content: url('../../images/web/logout.png');
    /*height: 16px;*/
    /*width: 16px;*/
    display: block;
    /* Other styles here */
}

.share {
    content: url('../../images/web/share.png');
    /*height: 16px;*/
    /*width: 16px;*/
    display: block;
    /* Other styles here */
}

.notification {
    content: url('../../images/web/notification.png');
    /*height: 16px;*/
    /*width: 16px;*/
    display: block;
    /* Other styles here */
}

.coin-history-icon {
    content: url('../../images/web/coin-history.png');
    /*height: 16px;*/
    /*width: 16px;*/
    display: block;
    /* Other styles here */
}

.connect{
    background: linear-gradient(90deg, #0832FF 0%, #F000DD 100%);
    width: auto;
    color: white;
    /*padding: 6px;*/
    border: 0;
    /*opacity: 0.6;*/
    transition: 0.5s;
    border-radius: 10px;
    font-size: 12px;
}

.fb {
    content: url('../../images/web/fb.png');
    /*height: 16px;*/
    /*width: 16px;*/
    display: block;
    /* Other styles here */
}

.insta {
    content: url('../../images/web/insta.png');
    /*height: 16px;*/
    /*width: 16px;*/
    display: block;
    /* Other styles here */
}

.twitter{
    content: url('../../images/web/twitter.png');
    /*height: 16px;*/
    /*width: 16px;*/
    display: block;
    /* Other styles here */
}

.titkok{
    content: url('../../images/web/tiktok.png');
    /*height: 16px;*/
    /*width: 16px;*/
    display: block;
    /* Other styles here */
}

.whatsapp{
    content: url('../../images/web/whatsapp.png');
    /*height: 16px;*/
    /*width: 16px;*/
    display: block;
    /* Other styles here */
}

.telegram{
    content: url('../../images/web/telegram.png');
    /*height: 16px;*/
    /*width: 16px;*/
    display: block;
    /* Other styles here */
}

.discord{
    content: url('../../images/web/discord.png');
    /*height: 16px;*/
    /*width: 16px;*/
    display: block;
    /* Other styles here */
}

.winners-details{
    background: #262835;
    color: white;
    transition: 0.5s;
    border-radius: 10px;
}

.country-btn{
    /*background: #252a38;*/
    display: block;
    cursor: pointer;
    /*width: fit-content;*/
    /*height: fit-content;*/
    color: white;
    max-width: 100%;
    max-height: 100%;
    /*width: min-content;*/
    width: 150px;
    height: 130px;
    /*width: 7rem !important;*/
    /*height: 8rem !important;*/
    /*padding: 16px 28px;*/
    /*padding: 20px 20px;*/
    transition: 0.8s;
    border-radius: 10px;
    font-size: 12px;
    border: solid 1px transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)),
    linear-gradient(0deg, #F000DD 100%, #0832FF 0% );
    /*background-color: #F000DD;*/
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 2px 1000px 1px black inset;
}

.plan-btn{
    /*background: #252a38;*/
    display: block;
    /*width: fit-content;*/
    /*height: fit-content;*/
    color: white;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    /*width: 250px;*/
    /*height: 158px;*/
    /*padding: 16px 28px;*/
    /*padding: 20px 20px;*/
    transition: 0.8s;
    border-radius: 10px;
    font-size: 12px;
    border: solid 2px transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)),
    linear-gradient(0deg, #F000DD 100%, #0832FF 0% );
    /*background-color: #F000DD;*/
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 2px 1000px 1px black inset;
}

.otp{
    background: black;
    height: 46px;
    width: 46px;
    border-radius: 10px;
    border: solid 1px white;
    color: white;
    font-size: xx-large;
    text-align: -webkit-center;
}















/*.animated{*/
/*    animation-duration: 0.6s;*/
/*    z-index: 9;*/
/*    !*visibility: hidden;*!*/
/*    animation-fill-mode: both;*/
/*}*/

/*@-webkit-keyframes fadeInUp {*/
/*    from {*/
/*        opacity: 0;*/
/*        -webkit-transform: translate3d(0, 40px, 0);*/
/*        transform: translate3d(0, 40px, 0);*/
/*    }*/
/*    to {*/
/*        opacity: 1;*/
/*        -webkit-transform: translate3d(0, 0, 0);*/
/*        transform: translate3d(0, 0, 0);*/
/*    }*/
/*}*/

/*@keyframes fadeInUp {*/
/*    from {*/
/*        opacity: 0;*/
/*        -webkit-transform: translate3d(0, 40px, 0);*/
/*        transform: translate3d(0, 40px, 0);*/
/*    }*/
/*    to {*/
/*        opacity: 1;*/
/*        -webkit-transform: translate3d(0, 0, 0);*/
/*        transform: translate3d(0, 0, 0);*/
/*    }*/
/*}*/

/*.fadeInUp {*/
/*    -webkit-animation-name: fadeInUp;*/
/*    animation-name: fadeInUp;*/
/*}*/



/*#wrapper{*/
/*    width: 50%;*/
/*    height: 50%;*/
/*}*/

.preloader {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
}

.preloader:before,
.preloader:after {
    position: absolute;
    left: 0;
    height: 51%;
    width: 100%;
    /*transition: all 0.6s ease;*/
    transition: all 0.6s ease;
    /*background: #fff;*/
    background: #252836;
    content: "";
}

.preloader:before {
    top: 0;
}

.page-loaded .preloader:before {
    transform: translate(0, -100%);
}

.preloader:after {
    bottom: 0;
}

.page-loaded .preloader:after {
    transform: translate(0, 100%);
}

.preloader.no-default {
    /*background-color: #0b0c22;*/
    background-color: #0832FF;
}

.page-loaded .preloader.no-default:before,
.page-loaded .preloader.no-default:after {
    transform: translate(0, 0);
}

.preloader.no-default:before,
.preloader.no-default:after {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transition: all 0.6s;
    /*background-color: #0b0c22;*/
    background-color: #0832FF;
}

.preloader-alt:after,
.preloader-alt:before {
    /*background: #10122d;*/
    background: #0832FF;
}

.page-loaded .preloader.no-split:before,
.page-loaded .preloader.no-split:after {
    transform: translate(0, 0);
}


.preload-image{
    display: block;
    position: relative;
    left: 50%;
    top: 45%;
    width: 80px;
    height: 80px;
    margin: -35px 0 0 -35px;
    z-index: 1001;
}

.spinner {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 80px;
    height: 80px;
    /*margin: -35px 0 0 -35px;*/
    margin: -16px 0 0 -46px;
    z-index: 1001;
    animation: unset!important;
}

.spinner-gif{
    content: url("../../images/web/spinner.gif");
    display: block;
}

.spinner-round {
    border-radius: 50%;
    border: 2px solid transparent;
    /*border-top-color: #46bdf4;*/
    border-top-color: #0832FF;
    animation: spin 2s linear infinite;
}

.spinner-round:before,
.spinner-round:after {
    content: "";
    position: absolute;
    border-radius: 50%;
    border: 3px solid transparent;
}

.spinner-round:before {
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    /*border-top-color: #2b56f5;*/
    border-top-color: #F000DD;
    animation: spin 3s linear infinite;
}

.spinner-round:after {
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    /*border-top-color: #0b0c22;*/
    border-top-color: #0832FF;
    animation: spin 1.5s linear infinite;
}

.spinner-alt {
    border-radius: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
}

.spinner-alt:after,
.spinner-alt:before {
    content: "";
    position: absolute;
    border-radius: 50%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.spinner-alt:before {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.spinner-alt:after {
    border: 1px solid;
    border-top-color: #fff;
    border-right-color: transparent;
    border-left-width: 0;
    border-bottom-width: 0;
    animation: spin 1.5s linear infinite;
}

.spinner-alt.load-done {
    transition: all 0.4s;
    transform: scale(3);
    opacity: 0;
    border-color: transparent;
}

.spinner-alt.load-done:after,
.spinner-alt.load-done:before {
    opacity: 0;
}

.spinner-alt.spinner-light {
    border: 1px solid rgba(10, 16, 21, 0.1);
}

.spinner-alt.spinner-light:after {
    /*border-top-color: #0a1015;*/
    border-top-color: #0832FF;
}

.spinner-brand {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
}



.spinner-round {
    border-radius: 50%;
    border: 2px solid transparent;
    /*border-top-color: #46bdf4;*/
    border-top-color: #0832FF;
    animation: spin 2s linear infinite;
}

.spinner-round:before,
.spinner-round:after {
    content: "";
    position: absolute;
    border-radius: 50%;
    border: 3px solid transparent;
}

.spinner-round:before {
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    /*border-top-color: #2b56f5;*/
    border-top-color: #F000DD;
    animation: spin 3s linear infinite;
}

.spinner-round:after {
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    /*border-top-color: #0b0c22;*/
    border-top-color: #0832FF;
    animation: spin 1.5s linear infinite;
}
.preload-particles-container{
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0 !important;
}
.preload-particles-container.is-fixed{
    position: fixed !important;
    z-index: 0 !important;
}



.banner-rounded-bg .particles-container {
    transform: rotate(8deg) skew(-10deg);
    transform-origin: top right;
}
.particles-container {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0 !important;
}
.particles-container.is-fixed {
    position: fixed !important;
    z-index: -1 !important;
}











.reveal {
    position: relative;
    opacity: 0;
}
.reveal.active {
    opacity: 1;
}

/*.active.fadeInLeft {*/
/*    visibility: visible;*/
/*    !*animation-name: fadeInLeft;*!*/
/*    !*animation-duration: 1s;*!*/
/*    !*animation-timing-function: ease-in;*!*/
/*    !*animation-delay: 2s;*!*/
/*    animation: fadeInLeft 1s ease-in;*/
/*}*/
/*.active.fadeInUp {*/
/*    visibility: visible;*/
/*    !*animation-name: fadeInUp;*!*/
/*    !*animation-duration: 1s;*!*/
/*    !*animation-timing-function: ease-in;*!*/
/*    !*animation-delay: 2s;*!*/
/*    animation: fadeInUp 1s ease-in;*/
/*}*/
/*.active.fadeInDown {*/
/*    visibility: visible;*/
/*    !*animation-name: fadeInDown;*!*/
/*    !*animation-duration: 1s;*!*/
/*    !*animation-timing-function: ease-in;*!*/
/*    !*animation-delay: 2s;*!*/
/*    animation: fadeInDown 1s ease-in 1s;*/
/*}*/

/*@keyframes fadeInLeft {*/
/*    0% {*/
/*        opacity: 0;*/
/*        -webkit-transform: translate3d(-100%, 0, 0);*/
/*        transform: translate3d(-100%, 0, 0);*/
/*    }*/
/*    to {*/
/*        opacity: 1;*/
/*        -webkit-transform: translateZ(0);*/
/*        transform: translateZ(0);*/
/*    }*/
/*}*/
/*@keyframes fadeInUp {*/
/*    0% {*/
/*        opacity: 0;*/
/*        -webkit-transform: translate3d(0, 100%, 0);*/
/*        transform: translate3d(0, 100%, 0);*/
/*    }*/
/*    to {*/
/*        opacity: 1;*/
/*        -webkit-transform: translateZ(0);*/
/*        transform: translateZ(0);*/
/*    }*/
/*}*/
/*@keyframes fadeInDown {*/
/*    0% {*/
/*        opacity: 0;*/
/*        -webkit-transform: translate3d(0, -100%, 0);*/
/*        transform: translate3d(0, -100%, 0);*/
/*    }*/
/*    to {*/
/*        opacity: 1;*/
/*        -webkit-transform: translateZ(0);*/
/*        transform: translateZ(0);*/
/*    }*/
/*}*/