/* css basic */
* { font-family: ; vertical-align: middle; padding: 0; margin: 0; box-sizing: border-box; }
a { text-decoration: none; color: #000; }

/* theme basic */
.t-theme{color:#fbbb48;}
.t-dark{color:#121212;}
.theme-bg-light{background-color:#fbbb48;}
.theme-bg-dark{background-color:#121212;}
.bg-white{background-color:#ffffff;}

/* font weight */
.t-thin{font-weight: 100;}
.t-bold{font-weight: 600;}
.t-black{font-weight: 700;}
.t-i-thin{font-weight: 100; font-style: italic;}
.t-i-bold{font-weight: 600; font-style: italic;}
.t-i-black{font-weight: 700; font-style: italic;}

/* font-sizes */
.t-8{font-size: 8px;}
.t-10{font-size: 10px;}
.t-12{font-size: 12px;}
.t-14{font-size: 14px;}
.t-16{font-size: 16px;}
.t-18{font-size: 18px;}
.t-20{font-size: 20px;}
.t-22{font-size: 22px;}
.t-24{font-size: 24px;}
.t-26{font-size: 26px;}
.t-28{font-size: 28px;}
.t-30{font-size: 30px;}
.t-32{font-size: 32px;}
.t-34{font-size: 34px;}
.t-36{font-size: 36px;}
.t-38{font-size: 38px;}
.t-40{font-size: 40px;}
.t-42{font-size: 42px;}
.t-44{font-size: 44px;}
.t-46{font-size: 46px;}
.t-48{font-size: 48px;}
.t-50{font-size: 50px;}
.t-52{font-size: 52px;}
.t-54{font-size: 54px;}



.slide-img {display: block; background-color: #121212; background-image: url('/web-assets/images/slide-img.webp'); height: 780px; background-repeat: no-repeat; background-size: 100%; background-position: center; color: #fff; }
.slide-img-mb {display: none; background-color: #121212; background-image: url('/web-assets/images/slide-img-mb.webp'); height: 780px; background-repeat: no-repeat; background-size: 100%; background-position: center; color: #fff; }
.con-p{padding: 150px 85px 58px 85px}
.slide-title { color: #fbbb48; font-size: 51px; font-weight: 700; line-height: 50px; letter-spacing: 2.4px; }
.slide-sub-title { color: #fff; font-size: 30px; line-height: 30px; font-weight: 700; letter-spacing: 3px; padding-top: 8px; }
.slide-desc { color: #fff; font-size: 20px; line-height: 24px; letter-spacing: 1.7px; padding-top: 60px; }
.btnshake { animation-duration: 10s; animation-fill-mode: both; display: inline-block; background-color: #fbbb48; padding: 28px 50px; border-radius: 100px; font-size: 30px; color: #010100; font-weight: 700; line-height: 30px; width: 100%; text-align: center; }
.horizontalShake {cursor: pointer; animation-name: horizontalShake; animation-iteration-count: infinite }

@keyframes horizontalShake {

    3%, 12%, 21%, 30%, 39%, 48%, 57%, 65%, 74%, 83%, 92% { transform: translateX(5px) }
    6%, 15%, 24%, 33%, 42%, 51%, 60%, 68%, 77%, 86%, 95% { transform: translateX(3px) }
    9%,18%, 27%, 36%, 45%, 54%, 63%, 71%, 80%, 89%, 98% { transform: translateX(-5px) }
}

.con-pad{padding: 0 90px;}

.stats-img{height: 100px; background-position: left; background-repeat: no-repeat; background-size: 62%;}


.check-bg{position: relative; background-color: #222;background-image: url('/web-assets/images/background/check_bg.png');padding-top: 100px; height:400px; background-position: center center;background-repeat: no-repeat;}
.stats-outer{display: inline-flex;text-align: center;}
.stats-w{width: 25%;padding: 10px;}

.over-div-h{height: 210px;}
.mar-t{background-color: #fff;border-radius: 20px;padding: 20px;}
.dark-card{border-radius: 8px;padding: 12px 30px; background-color: #2a2a2a; box-shadow: #00000033 0px 1px 5px 0px;}
.text-area{padding-left: 32px;line-height: 65px;}
.img-area{width: 68px; height: 70px; text-align: center; padding-top: 3px;}
.top-sec{margin-top: -160px; z-index: 99999999999; position: sticky; padding:0 90px ;}
.dark-card.text{color: #fff;background-color: #2a2a2a; font-weight: 500;font-size: 22px; position: relative;padding-left: 48px;line-height: 46px;}
.dark-card.text::after{position: absolute; content: ''; top: 43.6%; left: 4.1%; border-radius: 10px; height: 7px; width: 7px; background-color: #fbbb48;}
.dark-card.text::before{position: absolute; content: ''; top: 36.1%; left: 3.2%; border-radius: 10px; height: 17px; width: 17px; background-color: #fbbb4880;}
.les-mar{margin: 20px 70px ;text-align: center;}


.dot-bg{background-image: url(/web-assets/images/background/dot_bg.png);height:px;background-repeat: no-repeat;background-position: center;background-size: cover;}
.y-card{border: 1px solid #fbbb48;padding: 20px;border-radius: 10px;background-color: #fbbb4830;}
.y-card li{font-size: 21px; line-height: 30px; font-weight: 500;margin-bottom: 10px;list-style: none;}

.cards{background-color: #fff;border-radius: 10px;border: 1px solid #fbbb48; padding: 15px; padding-bottom: 10px;}

.border-card{border: 1px solid #fbbb48;padding: 15px 10px;border-radius: 10px; background-color: #1d1d1d;}

.top-small-box{background-image: url('/web-assets/images/teature-bg.jpg'); background-position: center; background-size: 100%; border-bottom: 1px solid #fddd48; border-top: 0; color: #fff; text-align: center; border-radius: 10px; margin: -39px 50px 0; font-weight: 800; font-size: 25px; padding-bottom: 12px;}
.side-img{border-radius: 8px;box-shadow: #00000033 0px 1px 5px 0px; background-image: url(/web-assets/images/achivement.webp);background-size: 100%; height: 520px;background-repeat: no-repeat;background-position: center;}
.bonus-card-images{ height: 215px; background-position: center; background-size: 62%; background-repeat: no-repeat;}

.top-box{background-color: #2a2a2a; border: 1px solid #fddd48; color: #fff; text-align: center; border-radius: 10px; margin: -39px 50px 0; font-weight: 600; font-size: 34px; padding : 15px 30px; }
.btn-mar{margin: 34px 265px 10px 265px;text-align: center;}

.video-cards{border: 1px solid #000;min-height: 300px;margin-left: -16%;}



.carousel-indicators.round-icon{	height: 10px; width: 10px; border-radius: 100%; position: absolute; bottom: -50px;}
    

.acr-top-bar{border-radius: 14px;background-color: #2a2a2a;padding: 20px 22px;color: #fff;font-weight: 700;font-size: 26px;}
.acr-hide-bar{background-color: rgb(42, 42, 42); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; margin-top: -12px;}
.faq-icon{color: #868686;position: absolute;bottom: 34%;right: 2%;}



.footer-bar{position: fixed;bottom: 0; width: 100%; border-top: 3px solid #fbbb48; background-color: #1a1a1a;padding: 8px;z-index: 9999999999;}
.last-btn{position: absolute;bottom: 14px ;right: -18%;}
.btm-btn{border-radius: 10px; font-size: 28px; width: 220px; padding: 12px 5px;}
        
        





/* Form css */
.form.container{border: 1px solid #bebebe; align-content: center; justify-content: center; margin: auto; border-radius: 10px; width: 500px; }
.fields-outer{padding: 20px;}
input{border-radius: 3px; width: 100%; border: 1px solid #ccc; padding: 10px 10px; color: #757474;outline: none; }
    .text-bg{background-color: #e4f3ff; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 20px 15px; }
    .btn-outer{ background-color: #fff; box-shadow: 0px -1px 4px #cecccc;text-align: center; padding: 30px 100px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px; }
    .submit-btn{ background-color: #030386; border-radius: 10px; width: 100%; color: #fff; padding: 10px 20px; box-shadow: 2px 3px 8px #616161; }





    
    
    @media (min-width: 350px) and (max-width: 700px) {
        
        /* font-sizes */
        .t-sm-8{font-size: 8px;}
        .t-sm-10{font-size: 10px;}
        .t-sm-12{font-size: 12px;}
.t-sm-14{font-size: 14px;}
.t-sm-16{font-size: 16px;}
.t-sm-18{font-size: 18px;}
.t-sm-20{font-size: 20px;}
.t-sm-22{font-size: 22px;}
.t-sm-24{font-size: 24px;}
.t-sm-26{font-size: 26px;}
.t-sm-28{font-size: 28px;}
.t-sm-30{font-size: 30px;}
.t-sm-32{font-size: 32px;}
.t-sm-34{font-size: 34px;}
.t-sm-36{font-size: 36px;}
.t-sm-38{font-size: 38px;}
.t-sm-40{font-size: 40px;}
.t-sm-42{font-size: 42px;}
.t-sm-44{font-size: 44px;}
.t-sm-46{font-size: 46px;}
.t-sm-48{font-size: 48px;}
.t-sm-50{font-size: 50px;}
.t-sm-52{font-size: 52px;}
.t-sm-54{font-size: 54px;}

.line-h-sm{line-height: 33px;}
.line-h-xsm{line-height: 26px;}



.con-pad{padding: 0 10px;}
.slide-img { display: none; background-color: #121212; background-image: url('/web-assets/images/slide-img.webp'); height: 650px; background-repeat: no-repeat; background-size: 180%; color: #fff; background-position: right bottom; }
.slide-img-mb {display: block; background-color: #121212; height: 765px; background-repeat: no-repeat; background-size: 90%; background-position: 50% 60%; color: #fff; }
.con-p{padding: 10px}
.check-bg{position: relative; background-color: #222;background-size: cover; background-image: url('/web-assets/images/background/check_bg.png'); padding-top: 75px; height: 690px; background-position: center center; background-repeat: no-repeat;}
.top-sec{margin-top: -80px; z-index: 99999999999; position: sticky; padding:0 10px ;}
.slide-title { text-align: center; color: #fbbb48; font-size: 30px; font-weight: 700; line-height: 30px;padding-top: 50px; letter-spacing: 0; }
.slide-sub-title { text-align: center; color: #fff; font-size: 20px; line-height: 20px; font-weight: 700; letter-spacing: 0px; }
.slide-desc {color: #fff; font-size: 14px; line-height: 16px; letter-spacing: 0; padding-top: 14px; text-align: center; }
.slide-mb-mar{}
.btnshake {cursor: pointer; animation-duration: 10s; animation-fill-mode: both; display: inline-block; background-color: #fbbb48; padding: 28px 20px; border-radius: 100px; font-size: 20px; color: #010100; font-weight: 700; line-height: 30px; width: 100%; text-align: center; }
/* .btnshake{animation-duration: 10s; animation-fill-mode: both; display: inline-block; background-color: #fbbb48; padding: 28px 0px; border-radius: 100px; font-size: 20px; color: #010100; font-weight: 700; line-height: 10px; width: 100%; text-align: center;} */
.stats-outer{display: inline;text-align: center;}
.stats-w{width: 100%;padding: 10px;}
.img-area { width: 60px; height: 70px; text-align: center; padding-top: 3px; }
.text-area { padding-left: 12px; line-height: 62px; text-align: center; }
.text-area:last-child{padding-left: 38px; line-height: 28px; text-align: left; }
.dark-card { border-radius: 8px; padding: 12px 18px; background-color: #2a2a2a; box-shadow: #00000033 0px 1px 5px 0px;}
.over-div-h { height: 630px; }
.les-mar{margin: 20px 10px ;text-align: center;}
.side-img{border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 5px 0px; background-image: url(/web-assets/images/achivement.webp); background-size: 100%; height: 373px; background-repeat: no-repeat; background-position: center; margin-top: 0; margin-bottom: 30px;}
.btn-mar{margin: 10px;text-align: center;}

.dark-card.text { color: #fff; background-color: #2a2a2a; font-weight: 500; font-size: 18px; position: relative; padding-left: 48px; line-height: 36px; }
.dark-card.text::after { position: absolute; content: ''; top: 44.5%; left: 4.7%; border-radius: 10px; height: 7px; width: 7px; background-color: #fbbb48;}
.dark-card.text::before { position: absolute; content: ''; top: 36.1%; left: 3.2%; border-radius: 10px; height: 17px; width: 17px; background-color: #fbbb4880; }
.acr-top-bar{border-radius: 14px;background-color: #2a2a2a;padding: 20px 22px;color: #fff;font-weight: 700;font-size: 18px; padding-right: 50px;}
.acr-hide-bar{background-color: rgb(42, 42, 42); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; margin-top: -12px;}


.last-btn{position: absolute;bottom: 16px ;right: 2%;}
.btm-btn{ border-radius: 10px; font-size: 20px; width: 160px; padding: 12px 5px;}
    
    
.form.container{border: 1px solid #bebebe; align-content: center; justify-content: center; margin: auto; border-radius: 10px; width: 400px; }

}

@media (min-width: 750px) and (max-width: 900px) {
    
    .con-pad{padding: 0 90px;}
    .btn-mar{margin: 10px 0;text-align: center; width: 100%;}
    .over-div-h { height: 715px; }
    .last-btn { position: absolute; bottom: 14px; right: -8%; }
    .slide-img-mb {display: block; background-color: #121212; height: 789px; background-repeat: no-repeat; background-size: 65%; background-position: 50% 56%; color: #fff;}

    
}