@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* {
    font-family: 'Poppins', sans-serif;
}

body {
    background: #0c1125 !important;
}

.hero,
.sec2-wiget-cont {
    background: radial-gradient(circle, rgba(14, 21, 54, 1) 0%, rgba(12, 16, 35, 1) 71%) !important;
}

.sec-six-head {
    font-weight: 600;
    line-height: 60px;
    color: #fff;
    font-size: 2.25rem;
}

.sec-six-para {
    font-weight: 400;
    color: #C6C6C6;
    font-size: 20px;
}

.sec-six-bg {
    background-color: #122339 !important;
    margin-top: 60px;
    padding-top: 80px;
    padding-bottom: 70px;
}

.sec-six-img {
    height: 70px;
}

.sec-six-point {
    font-size: 24px;
    color: #fff;
    line-height: 50px;
}

.six-point-para {
    color: #C6C6C6;
}

@media (min-width:992px) {
    #affliate3-sm {
        display: none !important;
    }

    #sec9-mb {
        display: none !important;
    }
}

@media (max-width: 540px) {
    .first-sec {
        background-color: #2f3a5cb5 !important;
        margin-bottom: 0px !important;
    }
    .box{
        margin-top: 22px !important;
    }
    .section-1 {
        margin-top: 15%;
    }

    .social-icon {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .disclaimer-head {
        margin-top: 10px !important;
    }

    .foot-links-2 {
        padding-left: 2%;
    }

    .foot-txt-space {
        text-align: center !important;
    }

    .foot-head-a {
        position: relative;
        bottom: 15px !important;
    }

    #affliate3-lg {
        display: none !important;
    }

    .sec11-head {
        margin-top: 40px;
        font-size: 26px !important;
    }

    #sec9-lg {
        display: none !important;
    }

    #faq-lg {
        display: none !important;
    }

    .sec-six-bg {
        background-color: transparent !important;
        margin-top: 0px;
        padding-top: 0px;
    }

    .card-bg {
        background-color: #122339 !important;
        padding: 26px 0px 14px 0px !important;
        border-radius: 3px;
        margin-top: 50px;
    }

    #sec-six-lg {
        display: none;
    }

    .six-point-para {
        font-size: 14px;
    }

    .sec-six-img {
        height: 75px;
    }

    .sec-six-img-one {
        height: 75px;
    }

    .sec-six-img-two {
        height: 60px;
    }

    .sec-six-img-three {
        height: 70px;
    }
}

@media (min-width: 992px) {
    #sec-six-sm {
        display: none;
    }
}

.sec-seven {
    margin-bottom: 40px;
}

.sec-seven-head {
    color: #fff;
    text-align: center;
    line-height: 120px;
}

.seven-card-title {
    font-size: 20px;
    text-align: center;
    border-bottom: 2px solid #fff;
    line-height: 50px;
    color: #fff;
}

.card-seven-one {
    border: 2px solid #719ad1 !important;
    padding: 20px 10px 20px 10px;
    border-radius: 13px !important;
    background-color: #122339 !important;
    width: 22rem !important;
}

.card-seven-two {
    border: 2px solid #719ad1 !important;
    padding: 20px 10px 20px 10px;
    border-radius: 13px !important;
    background-color: #122339 !important;
    width: 22rem !important;
}

.card-body ul li {
    color: #fff;
    line-height: 45px;
}

.sec-sev-btn-one {
    background-color: #1945ba !important;
    border: 2px solid #1945ba !important;
    color: #fff !important;
    padding: 5px 20px 5px 20px !important;
    border-radius: 20px !important;
}

.sec-sev-btn-two {
    background-color: #1945ba !important;
    border: 2px solid #1945ba !important;
    color: #fff !important;
    padding: 5px 33px 5px 33px !important;
    border-radius: 20px !important;
}

@media (max-width: 540px) {
    .card-seven-two {
        margin-top: 50px;
    }

    .sec-sev-btn-two {
        padding: 5px 33px 5px 33px !important;
    }
}

.sec-eight {
    margin-top: 100px;
}

.sec-eight-head {
    color: #fff;
    text-align: center;
    margin-bottom: 50px;
}

.eight-card-title {
    font-size: 20px;
    text-align: center;
    color: #fff;
    border-bottom: 2px solid #fff;
    line-height: 60px !important;
}

.card-eight-one {
    background-color: #122339 !important;
    border: 2px solid #719ad1 !important;
    border-radius: 12px !important;
    width: 32rem !important;
    padding: 0px 5px 10px 5px !important;
}

.eight-btn-one {
    background-color: #1945ba !important;
    border: 2px solid #1945ba !important;
    border-radius: 30px !important;
    color: #fff !important;
    font-size: 12px !important;
}

.eight-btn-two {
    background-color: #1945ba !important;
    border: 2px solid #1945ba !important;
    border-radius: 30px !important;
    color: #fff !important;
    font-size: 12px !important;
}

.eight-btn-three {
    background-color: #1945ba !important;
    border: 2px solid #1945ba !important;
    border-radius: 30px !important;
    color: #fff !important;
    font-size: 12px !important;
}

.eight-card-title-two {
    color: #fff;
    font-size: 1.25rem;
    line-height: 58px;
    margin-bottom: 0px;
}

.eight-card-title-three {
    color: #fff;
    font-size: 1.25rem;
    line-height: 40px;
}

.curren-btn {
    border: 2px solid #1945ba !important;
    color: #fff !important;
    border-radius: 30px !important;
    font-size: 12px !important;
    padding: 3px 10px 3px 10px !important;
}

.bal-btn-one {
    color: #fff !important;
    border: 2px solid #fff !important;
    font-size: 12px !important;
    border-radius: 30px !important;
    padding: 3px 10px 3px 10px !important;
    margin-top: 15px;
}

.bal-btn-two {
    color: #fff !important;
    border: 2px solid #fff !important;
    font-size: 12px !important;
    border-radius: 30px !important;
    padding: 3px 10px 3px 10px !important;
}

.bal-btn-three {
    color: #fff !important;
    border: 2px solid #fff !important;
    font-size: 12px !important;
    border-radius: 30px !important;
    padding: 3px 10px 3px 10px !important;
}

.bal-btn-four {
    color: #fff !important;
    border: 2px solid #fff !important;
    font-size: 12px !important;
    border-radius: 30px !important;
    padding: 3px 10px 3px 10px !important;
}

.bal-btn-five {
    color: #fff !important;
    border: 2px solid #fff !important;
    font-size: 12px !important;
    border-radius: 30px !important;
    padding: 3px 10px 3px 10px !important;
}

.bal-btn-six {
    color: #fff !important;
    border: 2px solid #fff !important;
    font-size: 12px !important;
    border-radius: 30px !important;
    padding: 3px 10px 3px 10px !important;
}

.bal-btn-align-two {
    margin-top: 10px;
}

.eight-card-title-one {
    color: #fff;
    font-size: 1.25rem;
    line-height: 40px;
}

.card-eight-align-one {
    padding-left: 10px;
    padding-right: 10px;
}

.card-eight-align-two {
    padding-left: 10px;
    padding-right: 10px;
}

.card-eight-two {
    background-color: #122339 !important;
    border: 2px solid #719ad1 !important;
    border-radius: 12px !important;
    padding: 20px 5px 10px 5px !important;
    width: 32rem !important;
    color:#fff;
}
#couponBtn {
    border-radius: 0px 4px 4px 0px !important;
    background: #143594;
    border: 1px solid #444564;
    color:#fff;
}
.couponError {
    display: none;
    color: #dc3545;
    font-size: 14px;
    margin-top: 5px;
}

.card-eight-text-one {
    color: #fff;
}

.card-eight-text-two {
    color: #fff;
}

.card-eight-text-three {
    color: #fff;
}

.eight-btn-three-align {
    margin-top: 20px;
}

.hr-line {
    border-bottom: 2px solid #fff;
    padding-top: 17px;
}
.sec-eight-table {
margin:0px !important;
}

.sec-eight-table tr td {
    color: #fff;
}

.phase-table-btn {
    background-color: #1945ba !important;
    border: 1px solid #1945ba !important;
    color: #fff !important;
    font-size: 17px !important;
}

@media (max-width: 540px) {
    .card-eight-one {
        width: 22.7rem !important;
    }

    .card-eight-two {
        margin-top: 30px;
    }

    .sec-eight-table tr td {
        font-size: 12px !important;
    }

    .card-eight-text {
        font-size: 12px !important;
    }

    .phase-table-btn {
        font-size: 12px !important;
        border-radius: 30px !important;
    }

    .bal-btn-five {
        display: none !important;
    }

    .bal-btn-seven {
        color: #fff !important;
        border: 1px solid #fff !important;
        font-size: 12px !important;
        border-radius: 30px !important;
        padding: 3px 10px 3px 10px !important;
    }

    .bal-btn-eight {
        color: #fff !important;
        border: 1px solid #fff !important;
        font-size: 12px !important;
        border-radius: 30px !important;
        padding: 3px 10px 3px 10px !important;
    }

    .bal-btn-nine {
        color: #fff !important;
        border: 1px solid #fff !important;
        font-size: 12px !important;
        border-radius: 30px !important;
        padding: 3px 10px 3px 10px !important;
    }

    .sec-six-para br {
        display: none !important;
    }

    .card-eight-text-one {
        font-size: 13px;
        color: #fff;
        position: relative;
        left: 73%;
    }

    .card-eight-text-two {
        color: #fff;
        position: relative;
        font-size: 13px;
        left: 34%;
    }

    .card-eight-text-three {
        color: #fff;
        font-size: 13px;
    }

    .card-eight-text-three-funded {
        position: relative;
        left: 73%;
    }
}

@media (min-width: 992px) {
    .bal-btn-seven {
        display: none !important;
    }

    .bal-btn-eight {
        display: none !important;
    }

    .bal-btn-nine {
        display: none !important;
    }
}

.sec11-head {
    text-align: center;
    font-size: 35px;
    font-weight: 600;
    color: #fff;
}

.sec11-cont {
    padding-top: 3%;
}

.sec11-para {
    font-size: 19px;
    color: #d5d5e6;
    text-align: center;
    max-width: 1300px;
    padding-top: 2%;
    padding-bottom: 2%;
}

.sec11-cont2 {
    background-color: #1a1c2c;
    border-radius: 10px;
    padding-top: 2%;
    padding-bottom: .5%;
    margin-bottom: 40px;
}

.sec11-img2 {
    height: 50px !important;
    margin-bottom: 10px;
    margin-right: 15px;
}

.sec11-para2 {
    font-size: 15px;
    color: #9999a7;
    text-align: left;
    max-width: 900px;
}

.sec11-span {
    color: #14b4e6;
    font-size: 20px;
    font-weight: 500;
}

/* .sec11-img {
    height: 650px;
    position: relative;
    bottom: 10%;
} */
.sec11-img {
    height: 525px;
    position: relative;
    bottom: 0%;
    /* filter: box-shadow();
    filter: box-; */
    /* filter: grayscale(100%); */
    filter: drop-shadow(0px 0px 225px #fff);
    /* rotate: -7deg; */
    /* margin-left: -100px; */
}

@media only screen and (max-width: 430px) and (-webkit-min-device-pixel-ratio: 2) {
    .sec11-img {
        -webkit-filter: drop-shadow(0px 0px 135px #fff) !important;
        filter: drop-shadow(0px 0px 135px #fff) !important;
    }
}

/* @supports (-webkit-hyphens:none) {
    @media (max-width:430px) {
        .sec11-img {
            filter: drop-shadow(0px 0px 135px #fff) !important;
        }
    }
    .sec11-img {
        filter: drop-shadow(0px 0px 135px #fff) !important;
    }
} */

@media (max-width:540px) {
    .sec11-img {
        filter: none !important;
        height: 320px !important;
        position: relative !important;
        bottom: 0% !important;
        margin-bottom: 35px;
        margin-top: 15px;
    }
}

.sec9-cont {
    padding-top: 3%;
    padding-bottom: 3%;
}

.sec9-para {
    font-size: 18px;
    color: #ced8e4;
    text-align: center;
    max-width: 1300px;
    padding-top: 2%;
    padding-bottom: 2%;
}

.sec9-card {
    background-color: #122339;
    border-radius: 10px;
    padding: 20px 15px !important;
    height: 550px;
    background-image: linear-gradient(#5B637A, #0d0d30);
}

.sec9-card-mid {
    background-color: #122339;
    border-radius: 10px;
    padding: 20px 15px !important;
    height: 550px;
    background-image: linear-gradient(#327781, #0d0d30);
}

.sec9-card-head {
    font-size: 25px;
    text-align: center;
    color: #fff;
    padding: 10px;
}

.sec9-card-head2 {
    font-size: 25px;
    text-align: right;
    color: #fff;
    padding: 10px;
}

.sec9-card-txt {
    font-size: 15px;
    text-align: left;
    color: #fff;
    padding: 10px;
}

.sec9-card-txt2 {
    font-size: 15px;
    text-align: right;
    color: #fff;
    padding: 10px;
}

.sec9-card-next-icon {
    background-image: url("../images/nxt.png") !important;
    position: relative;
    left: 9px;
}

.sec9-card-prev-icon {
    background-image: url("../images/prv.png") !important;
    position: relative;
    right: 9px;
}

.sec10-card-next-icon {
    background-image: url("../images/nxt.png") !important;
    position: relative;
    left: 22px;
}

.sec10-card-prev-icon {
    background-image: url("../images/prv.png") !important;
    position: relative;
    right: 12px;
}

.sec9-cont2 {
    padding-top: 50px !important;
}

#sitecarousel .carousel-indicators [data-bs-target] {
    width: 18px !important;
    height: 18px !important;
    background-clip: unset !important;
    border-top: 0 solid transparent !important;
    border-bottom: 0px solid transparent !important;
    border-radius: 51px !important;
}

#sitecarousel .carousel-indicators {
    position: relative !important;
    top: 610px !important;
}

#sitecarousel .carousel-indicators .active {
    opacity: 1;
    height: 25px !important;
    width: 25px !important;
    position: relative;
    bottom: 3px !important;
    background-color: #1945ba;
}

.hero-text {
    color: #fff;
    font-weight: 500;
    font-size: 45px;
}

.hero-text-p {
    margin-top: 30px;
    color: #14b4e6;
}

.hero {
    margin-top: 80px !important;
    margin-bottom: 100px;
}

.hero-btn {
    margin-top: 80px;
}

.fund-btn-1 {
    padding: 10px 35px 10px 35px !important;
    background-color: #1945ba !important;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 30px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    box-shadow: rgb(25, 69, 186) 0px 18px 50px -10px;
}

.fund-btn-2 {
    padding: 10px 35px 10px 35px !important;
    background-color: transparent !important;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 30px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    border: 2px solid #1945ba !important;
    box-shadow: rgb(25, 69, 186) 0px 18px 50px -10px;
}

.fund-btn-2:hover {
    background-color: #051c5c !important;
    box-shadow: rgb(45, 96, 234) 0px 18px 50px -10px;
    transition: all 0.5s;
    color: #fff !important;
}

.hero-img {
    width: 550px;
    margin-top: 70px;
}

.hero-img-earth {
    margin-top: 70px;
    height: 500px;
}

.si-fix {
    margin-top: 100px !important;
}

.img-icon {
    height: 50px;
}

.sec-four {
    background-color: #122339;
    margin-top: 50px;
    padding-top: 50px;
    padding-bottom: 30px;
    margin-bottom: 80px;
}

@media (max-width: 540px) {
    .sec-four-lg-one {
        display: none !important;
    }

    .sec-four-lg-two {
        display: none !important;
    }

    .hero-img-earth {
        margin-top: 40px;
        height: 350px;
    }
}

@media (min-width: 992px) {
    .sec-four-mb-one {
        display: none !important;
    }

    .sec-four-mb-two {
        display: none !important;
    }
}

.sec-txt-h {
    color: #fff;
    font-size: 45px;
    font-weight: 500;
}

.sec-txt-p {
    color: #fff;
}

.sec-tx-1 {
    color: #fff;
    font-size: 12px;
}

.sc-fo-1 {
    margin-top: 30px;
}

.dir-txt-h {
    color: #fff;
    margin-top: 50px;
    font-size: 55px;
}

.dir-txt-p {
    color: #c6c6c6;
    font-weight: 400;
    font-size: 23px;
    margin-top: 30px;
}

.dir-txt-p-1 {
    color: #14b4e6;
    font-weight: 600;
    font-size: 20px;
    margin-top: 30px;
}

.sec-five-img {
    height: 860px;
}

.bene-cl {
    font-size: 40px;
    font-weight: 450;
    color: #fff;
    margin-bottom: 50px;
}

.benefits {
    margin-top: 100px;
}

.card-one {
    background-color: #1d1c2e !important;
    width: 21rem !important;
}

.vec-1 {
    width: 65px !important;
    padding: 20px 0 20px 20px;
}

.vec-1-2 {
    width: 45px !important;
    padding: 20px 0 10px 20px;
}

.vec-txt-1 {
    color: #fff;
    padding-left: 20px;
    padding-top: 20px;
}

.vec-txt-2 {
    color: #c6c6c6;
    padding: 10px 20px 40px 20px;
    line-height: 28px;
}

.vec-txt-2-1 {
    color: #c6c6c6;
    padding: 38px 20px 35px 20px;
    line-height: 35px;
}

.mr-tp-si-box {
    margin-top: 50px !important;
}

.sec3-mob-vw {
    display: none;
}

.mb-pad {
    padding-left: 20px;
    padding-right: 20px;
}

.sec2-wiget-cont {
    padding-top: 2.5%;
    border: 2px solid #719ad1 !important;
    border-radius: 15px;
    max-width: 1100px !important;
    margin-top: 40px;
    margin-bottom: 20px;
}

@media (max-width:540px) {
    .hero-img {
        display: none;
    }

    .hero-img-sm {
        margin-top: 45px !important;
    }

    .img-icon {
        height: 40px;
    }

    .hero-text {
        text-align: center;
        font-size: 28px;
    }

    .hero-text-p {
        text-align: center;
        font-size: 13px;
    }

    #hero-text-p-lg {
        display: none;
    }

    #hero-text-lg {
        display: none;
    }

    #dir-text-lg {
        display: none;
    }

    #dir-text-lg-1 {
        display: none;
    }

    #dir-img-lg {
        display: none !important;
    }

    #dir-img-xl {
        display: none !important;
    }

    #widget-lg {
        display: none !important;
    }

    #aff-img-lg {
        display: none !important;
    }

    #hero-btn-lg {
        display: none !important;
    }

    .fund-btn-1 {
        padding: 9px 25px !important;
        background-color: #1945ba !important;
        color: #01030c;
        text-decoration: none;
        border-radius: 22px;
        font-size: 12px !important;
        font-weight: 400;
        box-shadow: rgb(25, 69, 186) 0px 18px 50px -10px;
        align-items: center;
    }

    .fund-btn-2 {
        padding: 9px 27px !important;
        background-color: transparent;
        color: #fff;
        text-decoration: none;
        border-radius: 22px;
        font-size: 12px !important;
        font-weight: 400;
        border: 2px solid #1945ba;
        box-shadow: rgb(25, 69, 186) 0px 18px 50px -10px;
        align-items: center;
    }

    .dir-txt-h {
        text-align: center;
        font-size: 28px;
    }

    .dir-txt-p {
        padding-left: 15px;
        padding-right: 15px;
        font-size: 16px;
    }

    .dir-txt-p-1 {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* .lap-mob {
        width: 380px;
        margin-top: -40px;
        margin-left: -18px;
    } */
    .lap-mob {
        width: 107% !important;
        margin-top: 0px;
        margin-left: 0px;
    }

    .hero-btn {
        margin-top: -1px;
        margin-top: 40px;
    }

    .direct-funded {
        margin-top: -60px;
    }

    .bene-cl {
        font-size: 28px;
        font-weight: 400;
    }

    .sec3-desk-vew {
        display: none;
    }

    .sec3-mob-vw {
        display: unset;
    }

    .sec2-wiget-cont {
        padding-top: 2.5%;
        border: 2px solid #1a193a;
        border-radius: 15px;
        max-width: 350px !important;
        margin-top: 40px;
        margin-bottom: 20px;
    }

    .si-fix {
        margin-top: 40px !important;
    }

    #sec11-lg-view {
        display: none !important;
    }

    .card-one {
        height: 325px !important;
    }
}

@media (min-width: 992px) {
    #sec11-mb-view {
        display: none !important;
    }

    .hero-img-sm {
        display: none;
    }

    #hero-btn-sm {
        display: none !important;
    }
}

.sec10-heading {
    text-align: center;
    color: #fff;
    font-size: 35px;
}

.sec10-p {
    text-align: center;
    color: #fff;
    font-size: 22px;
    padding-top: 11px;
}

.sec10-para {
    padding: 10% 0%;
}

.sec10-crd-head {
    background-color: #524e60 !important;
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
}

.sec10-card {
    border: none !important;
    height: 100% !important;
    margin-right: 8px;
    background-color: #020025 !important;
    border-radius: 20px !important;
}

.sec10-card1 {
    border: none !important;
    height: 100% !important;
    margin-left: 8px;
    background-color: #020025 !important;
    border-radius: 20px !important;
}

.sec10-tog-card-head {
    color: #fff;
    background-color: #524e60;
    text-align: center;
    margin: 0;
    padding: 7% 0%;
    font-size: 23px;
}

.sec10-cont-lft {
    color: #fff;
    background-color: #1a1c2c;
    line-height: 42px;
    font-size: 18px;
}

.sec10-tog-card-cont-rit {
    color: #fff;
    background-color: #1a1c2c;
    text-align: center;
    line-height: 42px;
    font-size: 18px;
}

.sec10-crd-bdy {
    background-color: #1a1c2c !important;
    padding: 10% 6% 10% 10% !important;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.sec10-tog-head {
    color: #fff;
    text-align: center;
    font-size: 45px;
}

.sec10-tab-but {
    color: #fff;
    background-color: #1945ba;
    border: none;
    font-size: 18px;
    padding: 3% 19%;
    border-radius: 23px;
    text-align: center;
}

.sec10-card-btn-grp,
.sec10-card-btn-grp1 {
    text-align: center;
    background-color: #1a1c2c;
    padding-top: 6%;
}

.sec10-card-btn-grp1 {
    padding-top: 22%;
}

.sec10-toggle-but-stand {
    color: #fff;
    border: none;
    font-size: 20px;
    border-radius: 15px;
    padding: 16px 70px;
    font-weight: 500;
    background-color: #58576d;
}

.sec10-toggle-but-active {
    background-color: #1945ba !important;
    color: #fff;
}

.aggr-bt {
    display: none !important;
}

.blc {
    display: none !important;
}

.rmv-blc {
    display: unset !important;
}

.sec10-toggle-but-aggr {
    color: #fff;
    border: none;
    font-size: 20px;
    border-radius: 15px;
    padding: 16px 62px;
    font-weight: 500;
    background-color: #58576d;
}

.sec10-toggle-but-grp {
    text-align: center;
    margin-top: 5%;
    margin-bottom: 10%;
}

.sec10-but-space {
    background-color: #58576d;
    padding: 32px 13px;
    border-radius: 23px !important;
}

.col-mb-3-vw {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.aggr-btn {
    display: none;
}

@media (min-width: 992px) {
    .sec10-canvas {
        padding: 5% 3% !important;
    }
}

@media (max-width: 540px) {
    .sec10-canvas {
        padding: 22% 3% !important;
    }
}

.sec12-head {
    color: #fff;
    text-align: center;
    font-size: 45px;
}

.sec12-canvas {
    padding: 5% 3%;
    padding-bottom: 11%;
}

.bg-col {
    background-color: #1a1c2c;
}

.sect12-crd-1-head {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
}

.sect12-crd-1-cont {
    color: #fff;
}

.sec12-card-out {
    padding: 80px 70px;
    font-size: 14px;
    border-radius: 35px;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 237px;
}

.sec12-card-out1 {
    padding: 80px 70px;
    font-size: 14px;
    border-radius: 35px;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 237px;
}

.img-sec-12-1 {
    border-radius: 73px;
    background-color: #ffffff67;
    position: relative;
    top: 33px;
}

.sect12-crd-1-cont {
    opacity: 0.5;
    font-size: 13px;
    line-height: 21px;
}

.sec13-canvas {
    background-image: url("../images/joinbg-1.webp");
    background-size: cover;
    background-repeat: no-repeat;
}

.sec13-head {
    color: #fff;
    font-size: 31px;
    padding-bottom: 11px;
}

.sec13-cont {
    color: #fff;
    margin-bottom: 30px;
    opacity: 0.5;
}

.main-cont {
    background-color: #1a1c2ce3;
   /* padding: 7% 9%;*/
    text-align: center;
    border-radius: 36px;
}

.main-cont-out {
   /* padding: 8% 16%;*/
    background-image: url("../images/sec13bg-lg-bg.webp");
    background-size: cover;
}

.discod-out-btn {
    background-color: #1945ba;
    text-decoration: none;
    padding: 11px 30px;
    border-radius: 31px;
    color: #fff;
}

.discord-btn {
    padding-left: 10px;
}

.center-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.mobile-vew {
    display: none;
}

@media (max-width:540px) {
    .dft-logo {
        height: 65px !important;
    }

    .col-mb-5-vw {
        flex: 0 0 auto !important;
        width: 100% !important;
        padding-left: 18px !important;
        padding-bottom: 45px;
    }

    .col-mb-5-vw1 {
        flex: 0 0 auto !important;
        width: 100% !important;
        padding-left: 12px !important;
        padding-bottom: 45px;
        padding-right: 17px !important;
    }

    .sec10-p {
        text-align: center;
        color: #fff;
        font-size: 16px;
        padding-top: 11px;
        line-height: 26px;
        padding-inline: 18px;
    }

    .sec10-heading {
        text-align: center;
        color: #fff;
        font-size: 30px;
        line-height: 45px;
    }

    s .sec10-toggle-but-grp {
        text-align: center;
        margin-top: 5%;
        margin-bottom: 10%;
        display: flex;
    }

    .sec10-toggle-but-stand {
        color: #fff;
        border: none;
        font-size: 14px;
        border-radius: 15px;
        padding: 4px 27px;
    }

    .sec10-toggle-but-aggr {
        color: #fff;
        border: none;
        font-size: 14px;
        border-radius: 15px;
        padding: 16px 25px;
        font-weight: 500;
        background-color: #58576d;
    }

    .sec10-tog-head {
        color: #fff;
        text-align: center;
        font-size: 31px;
        padding-bottom: 8px;
    }

    .sec10-but-space {
        background-color: #58576d;
        padding: 12px 12px;
        border-radius: 15px;
        display: flex;
        width: 84%;
        margin-left: 25px;
    }

    .col-mb-3-vw {
        flex: 0 0 auto !important;
        width: 100% !important;
        padding: 1% 8% !important;
    }

    .img-sec-12-1 {
        height: 70px;
        width: 70px;
        border-radius: 73px;
        background-color: #ffffff67;
        position: relative;
        top: 33px;
    }

    .sec10-cont-lft {
        color: #fff;
        background-color: #1a1c2c;
        line-height: 42px;
        font-size: 15.1px;
    }

    .sec10-card-btn-grp1 {
        padding-top: 14%;
    }

    .sec10-tog-card-cont-rit {
        color: #fff;
        background-color: #1a1c2c;
        text-align: center;
        line-height: 42px;
        font-size: 15.1px;
    }

    .sec10-tog-card-head {
        color: #fff;
        background-color: #524e60;
        text-align: center;
        margin: 0;
        padding: 7% 0%;
        font-size: 18px;
    }

    .sec13-head {
        color: #fff;
        font-size: 18px;
        padding-bottom: 11px;
    }

    .main-cont-out {
        padding: 18% 3%;
        background-image: url("../images/sec13bg-lg-bg.webp");
        background-size: cover;
    }

    .sec13-cont {
        color: #fff;
        margin-bottom: 30px;
        opacity: 0.5;
        font-size: 12px;
    }

    .mobile-vew {
        display: unset;
    }

    .desktop-vw {
        display: none !important;
    }

    .mobile-vew .carousel-indicators [data-bs-target] {
        box-sizing: content-box;
        flex: 0 1 auto;
        width: 18px !important;
        height: 18px !important;
        padding: 0;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff;
        background-clip: unset !important;
        border: 0;
        border-top: 0 solid transparent !important;
        border-bottom: 0px solid transparent !important;
        opacity: 1;
        transition: opacity 0.6s ease;
        border-radius: 51px !important;
        position: relative;
        top: 17px;
    }

    .sec3-mob-vw .carousel-indicators [data-bs-target] {
        box-sizing: content-box;
        flex: 0 1 auto;
        width: 18px !important;
        height: 18px !important;
        padding: 0;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff;
        background-clip: unset !important;
        border: 0;
        border-top: 0 solid transparent !important;
        border-bottom: 0px solid transparent !important;
        opacity: 1;
        transition: opacity 0.6s ease;
        border-radius: 51px !important;
        position: relative;
        top: 17px;
    }

    .sec3-mob-vw .carousel-indicators .active {
        opacity: 1;
        height: 25px !important;
        width: 25px !important;
        position: relative;
        top: 14px;
        background-color: #14b4e6;
    }

    .sec3-mob-vw .carousel-indicators {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2;
        display: flex;
        justify-content: center;
        padding: 0;
        margin-right: 15%;
        margin-bottom: 1rem;
        margin-left: 15%;
        list-style: none;
        position: relative;
        top: 370px;
    }

    .sec-four {
        margin-top: 150px;
    }

    .sec3-mob-vw .carousel-control-prev-icon {
        background-image: url("../images/prv.png") !important;
        position: relative;
        right: 7px;
    }

    .sec3-mob-vw .carousel-control-next-icon {
        background-image: url("../images/nxt.png") !important;
        position: relative;
        left: 8px;
    }

    .vec1 {
        color: #ffffff;
    }

    .vec2 {
        color: #ffffff;
    }

    .vec3 {
        color: #ffffff;
    }

    .vec4 {
        color: #fff;
    }

    .vec-txt-2 {
        color: #c6c6c6;
        padding: 20px 20px 40px 20px;
        line-height: 35px;
        font-size: 14px;
    }

    .mobile-vew .carousel-indicators .active {
        opacity: 1;
        height: 25px !important;
        width: 25px !important;
        position: relative;
        top: 14px;
        background-color: #1945ba;
    }

    .pad-tp-mb {
        padding-top: 30px !important;
    }
}

@media (min-width: 992px) {
    #hero-text-p-sm {
        display: none !important;
    }

    #hero-text-sm {
        display: none;
    }

    #dir-text-sm {
        display: none;
    }

    #dir-text-sm-1 {
        display: none;
    }

    #dir-img-sm {
        display: none !important;
    }

    #widget-sm {
        display: none !important;
    }

    #aff-img-sm {
        display: none !important;
    }

    #faq-sm {
        display: none !important;
    }

    .details-1 {
        margin-left: -80px !important;
    }

    .details-2 {
        margin-left: 80px !important;
    }
}

@media (min-width:1900px) {

    /* .lap-half {
        height: 1100px !important;
        margin-top: -240px !important;
        margin-left: 37px !important;
    } */
    .lap-half {
        height: 670px !important;
        margin-top: -30px !important;
        margin-left: 130px !important;
    }
}

@media (min-width:1200px) {
    .lap-half {
        height: 910px;
        margin-top: -210px;
    }
}

@media (min-width:1500px) and (max-width:1890px) {
    .lap-half {
        height: 600px !important;
        margin-top: 0px !important;
        margin-left: 60px !important;
    }
}

/* .lap-half {
    height: 500px;
    margin-top: 0px;
} */
.lap-half {
    height: 500px;
    margin-top: 60px;
    margin-left: 60px;
}

.affliate3-head {
    margin-top: -190px;
    font-size: 26px;
    font-weight: 400;
    text-align: center;
    color: #fff;
}

.affliate3-para {
    padding-top: 20px;
    padding-bottom: 80px;
    color: #9998a7;
    text-align: center;
    font-size: 15px;
}

.affliate3-card1 {
    border-radius: 10px;
    background-color: #4b4966;
    height: 400px;
    max-width: 350px !important;
    margin-bottom: 60px;
}

.affliate3-row {
    align-items: center;
    background-color: #227fbc;
    height: 80px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.affliate3-row2 {
    align-items: center;
    background-color: #635bff;
    height: 80px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.affliate3-card-head {
    text-align: center;
    color: #fff;
    font-size: 22px;
    font-weight: 400;
}

.affliate3-card-inner {
    padding-top: 10%;
    padding-bottom: 10%;
    padding-left: 10% !important;
    padding-right: 10% !important;
}

.affliate3-txt-lg {
    text-align: center;
    color: #227fbc;
    font-size: 6pc;
    font-weight: 400;
}

.affliate3-txt-lg2 {
    text-align: center;
    color: #635bff;
    font-size: 6pc;
    font-weight: 400;
}

.affliate3-para2 {
    padding-top: 20px;
    color: #fff;
    text-align: center;
    font-size: 13px;
}

#AffiliateCaraousel .carousel-indicators [data-bs-target] {
    width: 18px !important;
    height: 18px !important;
    background-clip: unset !important;
    border-top: 0 solid transparent !important;
    border-bottom: 0px solid transparent !important;
    border-radius: 51px !important;
}

#AffiliateCaraousel .carousel-indicators .active {
    opacity: 1;
    height: 20px !important;
    width: 20px !important;
    position: relative;
    bottom: 1px !important;
    background-color: #1945ba;
}

.tx-aff-hs {
    color: #fff;
    font-size: 20px;
    margin-bottom: 25px;
}

.tx-aff-h {
    color: #fff;
    font-size: 50px;
}

.tx-aff-p {
    color: #fff;
    margin-top: 20px;
}

.si-aff {
    margin-top: 80px !important;
}

.aff-btn-1 {
    padding: 10px 35px 10px 35px !important;
    background-color: #1945ba !important;
    color: #fff !important;
    text-decoration: none;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 400;
}

.aff-btn {
    margin-top: 30px !important;
}

/* .aff-img-comp {
    height: 1300px;
    margin-top: -450px;
    z-index: -1;
} */
.aff-img-comp {
    height: 656px;
    margin-top: -90px;
    margin-bottom: 240px;
    z-index: -1;
}

@media (max-width:540px) {
    .tx-aff-h {
        color: #fff;
        font-size: 30px;
        font-weight: 600;
    }

    .tx-aff-p {
        font-size: 19px;
    }

    .aff-img-mob {
        width: 106% !important;
        margin-top: -60px;
    }

    .affliate3-head {
        margin-top: 60px;
    }
}

.aff-sec4-head-sec {
    padding-top: 4%;
    padding-bottom: 2%;
}

.aff-sec4-head {
    color: #fff;
    font-size: 45px;
    text-align: center;
    padding: 1% 25% 1% 25%;
    font-weight: 300;
}

.payout-proce-head {
    color: #fff;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 25px;
    font-weight: 300;
    font-size: 20px;
}

.affiliate-canva,
.payout-canva,
.rewards-canva,
.highconverstion-canva {
    display: flex;
    flex-flow: column;
    justify-content: center !important;
    align-items: center;
}

.affiliate-canva,
.payout-canva {
    padding: 10% 11%;
}

.rewards-canva,
.highconverstion-canva {
    padding: 0% 13% 6% 13%;
}

.payout-proce-cont {
    color: #fff;
    text-align: center;
    font-size: 15px;
    font-weight: 300;
}

.aff-sec-bdy-out-canva {
    background-color: #122339;
}

.aff-sec5-canva {
    padding-bottom: 8%;
}

.aff-sec-terms-head {
    text-align: center;
    color: #9a99a8;
    padding-top: 8%;
    padding-bottom: 4%;
    font-size: 36px;
    font-weight: 400;
}

.aff-sec-terms-cont ul li {
    list-style-type: none;
}

.aff-sec-terms-cont ul li p {
    color: #fff;
    font-weight: 300;
    font-size: 15px;
    padding-bottom: 1%;
}

.aff-sec6-canva {
    padding-bottom: 4%;
}

.aff-sec-con {
    color: #fff;
    font-size: 41px;
    font-weight: 369;
    line-height: 58px;
}

.aff-sec-btn {
    border: none;
    background-color: #1945ba;
    color: #fff;
    font-size: 17px;
    padding: 1% 6%;
    border-radius: 5px;
    margin-top: 6%;
}

.aff-sec-con-out {
    text-align: center;
    background: linear-gradient(270deg, rgba(10, 7, 41, 1) 0%, rgba(42, 28, 69, 1) 35%, rgba(94, 36, 132, 1) 100%);
    padding: 4.5% 16%;
    border-radius: 25px;
}

.accordion-header {
    background-color: #122339 !important;
}

@media (max-width:540px) {
    .aff-sec-terms-cont ul {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 7%;
    }

    .aff-sec4-head-sec {
        padding-top: 29%;
        padding-bottom: 13%;
    }

    .aff-sec4-head {
        color: #fff;
        font-size: 23px;
        text-align: center;
        padding: 1% 7% 1% 7%;
        font-weight: 400;
        line-height: 28px;
    }

    .affiliate-canva,
    .payout-canva {
        padding: 4% 11%;
    }

    .rewards-canva,
    .highconverstion-canva {
        padding: 5% 13% 6% 13%;
    }

    .aff-sec-mo-p {
        color: #1945ba !important;
        text-align: center;
        font-weight: 600 !important;
        line-height: 23px;
    }

    .aff-sec-terms-cont ul li p {
        color: #fff;
        font-weight: 300;
        font-size: 13px;
        padding-bottom: 2%;
    }

    .aff-sec6-canva {
        display: none;
    }

    .aff-sec-terms-head {
        font-size: 21px;
        font-weight: 700;
    }

    .cross-mob {
        width: 280px !important;
    }

    .ser-box {
        padding: 0px 0px 0px 20px !important;
        font-size: 15px;
    }

    .ser-box-2 {
        padding: 20px 90px 20px 20px !important;
        width: 330px;
        font-size: 15px;
    }

    .qus-mob {
        width: 20px !important;
    }

    .txt-fa-mob {
        font-size: 18px !important;
        font-weight: 600 !important;
        color: #cc5de8 !important;
        background-color: #020025 !important;
        padding: 25px 30px 25px 50px !important;
    }

    .txt-fa-mob-active {
        font-size: 18px !important;
        font-weight: 600 !important;
        color: #c0c0c0 !important;
        background-color: #020025 !important;
        padding: 25px 30px 25px 50px !important;
    }

    .txt-fa-1-mob {
        font-size: 18px !important;
        font-weight: 600 !important;
        color: #c0c0c0 !important;
        background-color: #020025 !important;
        padding: 25px 30px 25px 50px !important;
    }

    .txt-fa-1-mob-active {
        font-size: 18px !important;
        font-weight: 600 !important;
        color: #cc5de8 !important;
        background-color: #020025 !important;
        padding: 25px 30px 25px 50px !important;
    }

    .txt-fa-mob-active {
        display: none;
    }

    .txt-fa-1-mob-active {
        display: none;
    }
}

.bg-graph {
    background-image: url("../images/image-9.png");
    background-size: cover;
    padding-bottom: 20px;
}

.si-faq {
    margin-top: 200px !important;
}

.tx-faq-h {
    color: #fff;
    font-size: 55px;
    font-weight: 600;
}

.tx-faq-p {
    color: #fff;
    margin-top: 40px;
    font-size: 23px;
}

.ser-box {
    padding: 0px 0px 0px 20px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(1px);
    color: #fff;
    text-decoration: none;
    border: 0px !important;
}

.ser-box-2 {
    padding: 20px 605px 20px 10px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(1px);
    color: #fff;
    text-decoration: none !important;
    border: 0px !important;
}

.si-mo {
    padding-right: 15px;
    padding-top: 23px;
}

.faq-btn {
    margin-top: 35px !important;
}

.dd {
    color: #fff;
    border: 2px solid;
}

.qus {
    width: 40px;
    margin-left: 15px;
}

.txt-fa {
    background-color: #1945ba !important;
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    text-align: center;
    padding: 10px 18px 10px 18px;
    width: 32%;
    cursor: pointer;
    border-radius: 5px;
}

.txt-fa:hover {
    background-color: #051c5c !important;
    color: #fff;
    transition: all 0.5s;
}

/* .txt-fa-1 {
    font-size: 27px;
    font-weight: 600;
    color: #c0c0c0;
    margin-top: 5px;
    padding: 10px 18px 10px 18px;
    cursor: pointer;
} */
.txt-fa-1 {
    background-color: #0c1125 !important;
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    text-align: center;
    padding: 10px 18px 10px 18px;
    width: 75% !important;
    cursor: pointer;
    border-radius: 5px;
    margin-top: 1px;
}

.faq-btn-2 {
    margin-top: 140px;
}

.bt-line {
    border-bottom: 2px solid #ffffff !important;
}

.faq-sec2-canva {
    padding: 3% 2%;
    padding-bottom: 0px;
}

.faq-sec-acco-col-head {
    background-color: #122339 !important;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 31px;
    padding: 12% 7% !important;
}

.faq-sec-acco-col-head-lrg {
    background-color: #122339 !important;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 31px;
    padding: 29px 3% !important;
}

.faq-sec-acco-col-head-mdm {
    background-color: #122339 !important;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 31px;
    padding: 16% 8% !important;
}

.faq-sec-acco-col-head-mdl {
    background-color: #122339 !important;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 31px;
    padding: 45px 24px !important;
}

.faq-sec-acco-col-head-mdl1 {
    background-color: #122339 !important;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 31px;
    padding: 43px 7% !important;
}

.faq-sec-acco-col-body {
    background-color: #3c3e51 !important;
    color: #fff !important;
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    padding: 34px 16px 23px 30px !important;
}

.accordion-button::after {
    background-image: url("../images/drop-down-arrow.png") !important;
}

.accordion-button:focus {
    box-shadow: none !important;
    border: none !important;
}

.accordion-button:not(.collapsed) {
    box-shadow: none !important;
}

.faq-sec-acco-col-body-cont {
    letter-spacing: 1px;
    line-height: 42px;
    font-weight: 300;
    font-size: 16px;
    text-align: left;
}

.faq-sec-pad {
    padding-bottom: 7%;
}

.accordion-header {
    margin-bottom: 0;
    height: 145px;
}

.faq-sec-acco-col-body-cont-1 {
    letter-spacing: 1px;
    line-height: 42px;
    font-weight: 300;
    font-size: 16px;
    text-align: left;
    padding-bottom: 43px;
}

.faq-sec-acco-col-body-cont-2 {
    letter-spacing: 1px;
    line-height: 42px;
    font-weight: 300;
    font-size: 16px;
    text-align: left;
    padding-bottom: 125px;
}

.faq-sec-acco-col-body-cont-3 {
    letter-spacing: 1px;
    line-height: 42px;
    font-weight: 300;
    font-size: 16px;
    text-align: left;
    padding-bottom: 43px;
}

.faq-sec-acco-col-head-1 {
    background-color: #122339 !important;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 31px;
    padding: 16% 7% !important;
}

.faq-sec-acco-col-head-2 {
    background-color: #122339 !important;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 31px;
    padding: 16% 8% !important;
}

.faq-sec-acco-col-head-3 {
    background-color: #122339 !important;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 31px;
    padding: 12% 8% !important;
}

.faq-sec-acco-col-body-cont-31 {
    letter-spacing: 1px;
    line-height: 42px;
    font-weight: 300;
    font-size: 16px;
    text-align: left;
    padding-bottom: 83px;
}

.faq-sec-acco-col-body-cont-32 {
    letter-spacing: 1px;
    line-height: 42px;
    font-weight: 300;
    font-size: 16px;
    text-align: left;
    padding-bottom: 207px;
}

.sec2-rules-sec {
    display: none;
}

.grey-faq {
    display: none;
}

.pink-active-rule {
    display: none;
}

.faq-sec-acco-col-head-41 {
    background-color: #122339 !important;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 31px;
    padding: 45px 7% !important;
}

.faq-sec-acco-col-head-42 {
    background-color: #122339 !important;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 31px;
    padding: 12% 7% !important;
}

@media (max-width:540px) {
    .gamfi-partner-section img {
        height: 50px !important;
    }

    .mob-pad-faq-t {
        padding-bottom: 23px;
    }

    .faq-sec-acco-col-head-mdm {
        background-color: #122339 !important;
        color: #fff !important;
        font-size: 18px !important;
        line-height: 31px;
        padding: 14% 8% !important;
    }

    .faq-sec-acco-col-head-mdm-mobs1 {
        background-color: #122339 !important;
        color: #fff !important;
        font-size: 18px !important;
        line-height: 31px;
        padding: 13% 8% !important;
    }

    .faq-sec-acco-col-head-mdl1 {
        background-color: #122339 !important;
        color: #fff !important;
        font-size: 18px !important;
        line-height: 31px;
        padding: 28px 7% !important;
    }

    .accordion-header {
        margin-bottom: 0;
        height: 118px;
    }

    .faq-sec-pad {
        padding-bottom: 0%;
    }

    .faq-sec-acco-col-head-mdl {
        background-color: #122339 !important;
        color: #fff !important;
        font-size: 18px !important;
        line-height: 31px;
        padding: 13px 24px !important;
    }

    .faq-sec-acco-col-head-1 {
        background-color: #122339 !important;
        color: #fff !important;
        font-size: 18px !important;
        line-height: 31px;
        padding: 8% 7% !important;
    }

    .faq-sec-acco-col-head-2 {
        background-color: #122339 !important;
        color: #fff !important;
        font-size: 18px !important;
        line-height: 31px;
        padding: 13% 8% !important;
    }

    .faq-sec-acco-col-head-mob {
        background-color: #122339 !important;
        color: #fff !important;
        font-size: 18px !important;
        line-height: 31px;
        padding: 4% 7% !important;
    }

    .faq-sec-acco-col-head-mob1 {
        background-color: #122339 !important;
        color: #fff !important;
        font-size: 18px !important;
        line-height: 31px;
        padding: 8% 8% !important;
    }

    .faq-sec-acco-col-head-mob3 {
        background-color: #122339 !important;
        color: #fff !important;
        font-size: 18px !important;
        line-height: 31px;
        padding: 13% 7% !important;
    }

    .faq-sec-acco-col-head {
        background-color: #122339 !important;
        color: #fff !important;
        font-size: 18px !important;
        line-height: 31px;
        padding: 9% 7% !important;
    }

    .faq-sec-acco-col-head-lrg {
        background-color: #122339 !important;
        color: #fff !important;
        font-size: 18px !important;
        line-height: 31px;
        padding: 13px 3% !important;
    }

    .faq-sec-acco-col-head-mdm-mobs {
        background-color: #122339 !important;
        color: #fff !important;
        font-size: 18px !important;
        line-height: 31px;
        padding: 13% 8% !important;
    }

    .faq-sec-acco-col-head-42 {
        background-color: #122339 !important;
        color: #fff !important;
        font-size: 18px !important;
        line-height: 31px;
        padding: 8% 7% !important;
    }

    .faq-sec-acco-col-head-rul-1 {
        background-color: #122339 !important;
        color: #fff !important;
        font-size: 18px !important;
        line-height: 31px;
        padding: 4% 7% !important;
    }

    .faq-sec-acco-col-head-41 {
        background-color: #122339 !important;
        color: #fff !important;
        font-size: 18px !important;
        line-height: 31px;
        padding: 28px 7% !important;
    }

    .faq-sec-acco-col-head-3 {
        background-color: #122339 !important;
        color: #fff !important;
        font-size: 18px !important;
        line-height: 31px;
        padding: 8% 8% !important;
    }
}

.have-faq {
    background-color: #122339;
    margin-top: 80px;
}

.details {
    width: 340px;
}

#inputPassword6 {
    padding-top: 8px 0px 8px 0px;
    margin-top: 100px;
}

#inputPassword7 {
    padding-top: 8px 0px 8px 0px;
    margin-top: 12px;
}

#inputPassword8 {
    padding-top: 8px 0px 8px 0px;
    margin-top: 12px;
}

.pink {
    background-color: #1945ba !important;
    padding: 7px 140px 7px 140px !important;
    margin-top: 20px;
    color: #fff !important;
    margin-bottom: 100px;
}

.cross-mob {
    width: 400px;
}

.active-pinky {
    color: #1945ba;
}

.faq-sec-acco-col-body-cont-3-1 {
    letter-spacing: 1px;
    line-height: 42px;
    font-weight: 300;
    font-size: 16px;
    text-align: left;
    padding-bottom: 84px;
}

.faq-sec-acco-col-body-22-1 {
    padding-bottom: 127px;
}

.faq-sec-acco-col-body-cont-22-2 {
    padding-bottom: 44px;
}

.aligni {
    list-style-type: none !important;
    text-align: left !important;
    padding-left: 15px;
    padding-bottom: 62px;
}

@media (min-width:1700px) {
    .faq-sec-acco-col-head-mdl1 {
        background-color: #122339 !important;
        color: #fff !important;
        font-size: 18px !important;
        line-height: 31px;
        padding: 43px 7% !important;
    }
}

@media (min-width: 1900px) {
    .faq-sec-acco-col-head {
        padding: 57px 7% !important;
    }

    .faq-sec-acco-col-head-lrg {
        padding: 42px 3% !important;
    }

    .faq-sec-acco-col-head-mdm {
        padding: 10% 8% !important;
    }

    .faq-sec-acco-col-head-mdl1 {
        padding: 57px 7% !important;
    }

    .faq-sec-acco-col-head-42 {
        padding: 42px 7% !important;
    }

    .faq-sec-acco-col-head-1 {
        padding: 57px 7% !important;
    }

    .faq-sec-acco-col-head-2 {
        padding: 57px 8% !important;
    }

    .faq-sec-acco-col-head-3 {
        padding: 57px 8% !important;
    }

    .faq-sec-acco-col-head-mdl {
        padding: 42px 24px !important;
    }

    .moni-head {
        padding: 42px 7% !important;
    }
}

@media (min-width:992px) {
    #sm-100 {
        display: none !important;
    }
}

@media (max-width:540px) {
    #lg-100 {
        display: none !important;
    }

    .bal-btn-one {
        width: 80px !important;
    }

    .sm-center {
        justify-content: start !important;
        display: flex !important;
    }
}

.inactive-state {
    background-color: transparent !important;
    border: 2px solid #1945ba !important;
    opacity: 0.7;
}

.active-state {
    opacity: 1;
    background-color: #1945ba !important;
}

.inactive-state2 {
    background-color: transparent !important;
    border: 2px solid #1945ba !important;
    opacity: 0.7;
}

.active-state2 {
    opacity: 1;
    background-color: #1945ba !important;
}

.active-btn {
    opacity: 1;
    background-color: #1945ba !important;
}

.fund-btn-1:hover {
    background-color: #051c5c !important;
    box-shadow: rgb(45, 96, 234) 0px 18px 50px -10px;
    transition: all 0.5s;
}

.benefits .card {
    box-shadow: rgba(45, 95, 234, 0.350) 0px 18px 50px -10px;
}

.card {
    box-shadow: rgba(45, 95, 234, 0.350) 0px 18px 50px -10px;
}

.sec10-tab-but:hover,
.btn:hover {
    transition: all 0.5s;
    background-color: #051c5c !important;
    box-shadow: rgb(25, 69, 186) 0px 18px 50px -10px
}

.inactive-state:hover,
.inactive-state2:hover {
    background-color: #1945ba !important;
}

.hide-200 {
    display: none !important;
}

.disclaimer-p {
    font-size: 12px;
    color: #8f96a8;
    margin: 0px;
    font-weight: 300;
}

.disclaimer-head {
    font-size: 15px;
    color: #8f96a8;
    margin-top: 20px;
}

.social-icon {
    font-size: 22px;
    color: #fff;
    margin-left: 10px;
    margin-right: 5px;
    margin-top: 10px;
}

.social-icon:hover {
    color: #1945ba;
}

.footer-li {
    padding-left: 3px;
}

.gamfi-partner-section img {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    height: 70px;
}

.gamfi-partner-section img:hover {
    opacity: 0.7;
}

.partner-item .partner-image {
    padding-right: 70px;
}

.gamfi-partner-section .gamfi-partner-inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
}

.gamfi-partner-section .gamfi-partner-inner::after,
.gamfi-partner-section .gamfi-partner-inner::before {
    content: "";
    display: block;
    width: 50px;
    height: 100%;
    position: absolute;
    top: 0px;
    background: -webkit-gradient(linear, left top, right top, from(#000), to(rgba(10, 10, 26, 0)));
    background: linear-gradient(to right, #0c1125, rgba(10, 10, 26, 0));
    z-index: 1;
}

.gamfi-partner-section .gamfi-partner-inner::before {
    left: 0;
}

.gamfi-partner-section .gamfi-partner-inner::after {
    right: 0;
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

.gamfi-partner-section .gamfi-partner-inner .partner-image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-animation: loop_animate 20s linear 0s infinite normal none running;
    animation: loop_animate 20s linear 0s infinite normal none running;
}

.gamfi-partner-section .gamfi-partner-inner .partner-image a {
    margin: 0px 35px;
}

@-webkit-keyframes loop_animate {
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }

    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes loop_animate {
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }

    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.marquee-cont {
    padding-top: 30px;
    padding-bottom: 30px;
}

@media (min-width:1200px) and (max-width:1300px) {
    .foot-bottom-links a {
        font-size: 9px !important;
    }
}

.section-1 {
    padding-top: 12%;
    padding-bottom: 10%;
}

.head-para {
    font-size: 15px;
    text-align: justify;
    font-weight: 400;
}

.terms-head {
    font-size: 24px;
}

.terms-ul {
    list-style-type: lower-roman;
    color: #fff;
}

.mar-bottom {
    margin-bottom: 25px;
}

.contact-page {
    margin: 8rem 0;
}

.contact-cont {
    background-color: #6EC1E4;
    padding: 100px 0px;
    border-radius: 15px;
}

.contact-head {
    color: #ffffff;
    font-weight: 700;
    text-align: center;
}

.cont-sub-sec-one {
    margin: 6rem 0;
}

.sec1-sub-head {
    color: #6EC1E4;
}

.sec1-btn {
    text-align: center;
    font-weight: 400;
    color: #ffffff !important;
    background-color: #004960 !important;
    padding: 10px 40px !important;
    border-radius: 25px 25px 25px 25px !important;
}

.sec1-btn:hover {
    color: #ffffff !important;
    background-color: #004960 !important;
}

.sec1-span {
    color: #ffffff;
}

.cont-sub-sec-two {
    margin: 6rem 0;
}

.sec2-mail {
    color: #6EC1E4;
    text-decoration: none;
}

.sec2-sub-head {
    color: #6EC1E4;
}

.sec2-sub-span {
    color: #ffffff;
}

.sec-three-cont {
    background-color: #ffffff;
    padding: 45px 0px 45px 0px;
    border-radius: 15px;
    box-shadow: 0px 4px 12px 3px rgba(0, 0, 0, 0.06);
}

.sec-three-sub-head {
    font-weight: 600;
    text-align: center;
}

.sec3-sub-btn {
    text-align: center;
    font-weight: 400;
    color: #ffffff !important;
    background-color: #004960 !important;
    padding: 10px 30px !important;
    border-radius: 25px 25px 25px 25px !important;
}

.sec3-sub-btn:hover {
    background-color: #004960 !important;
}

@media (max-width: 540px) {
    .contact-cont {
        padding: 50px 0;
    }

    .cont-sub-sec-one {
        margin: 3rem 0;
    }

    .sec1-btn {
        margin-top: 35px;
    }

    .sec2-sub-head {
        margin-top: 25px;
    }

    .cont-sub-sec-two {
        margin: 3rem 0;
    }

    .sec-three-sub-head {
        margin-bottom: 20px;
    }

    .sec3-sub-btn {
        margin-bottom: 15px;
    }

    .moveing {
        margin-top: 20% !important;
    }
}

.moveing {
    display: grid;
    justify-content: center;
    margin-top: 10%;
}

.cookies {
    color: #fff;
}

.line-style {
    background-color: #fff;
    height: 2px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.cookies-color {
    color: #fff;
    margin-bottom: 35px;
}

.sub-heading {
    color: #6EC1E4;
    margin-bottom: 18px;
}

.cookiess-1 {
    color: #fff;
    line-height: 57px;
}

.cookiess {
    color: #fff;
    height: 30px;
}

.sub-heading-1 {
    color: #6EC1E4;
    height: 50px;
}

.link-chnage {
    text-decoration: none;
    color: #6EC1E4;
}

/* .link-chnage:hover {
    color: #6EC1E4;
} */

/* risk disclo */
.risk-content {
    color: #fff !important;
}

.bolds {
    color: #6EC1E4;
}


/* fold -280 */
@media (min-width:275px) and (max-width:285px) {

    /* home */
    .dft-logo {
        height: 45px !important;
    }

    .client-area {
        background-color: transparent !important;
        border: 1.5px solid #1945ba !important;
        border-radius: 10px !important;
        width: 117px;
        color: #fff !important;
        font-weight: 500 !important;
        margin-right: 10px;
    }

    .sign-up {
        background-color: #1945ba !important;
        border: 1.5px solid #1945ba !important;
        border-radius: 10px !important;
        width: 117px;
        color: #fff !important;
        font-weight: 500 !important;
    }

    .hero-text {
        text-align: center;
        font-size: 22px;
    }

    #widget-sm {
        margin-top: -50px;
    }

    .bene-cl {
        font-size: 20px;
        font-weight: 400;
    }

    .bene-cl {
        font-size: 20px;
        font-weight: 400;
        margin-top: -50px;
    }

    .sec3-mob-vw .carousel-indicators [data-bs-target] {

        width: 14px !important;
        height: 14px !important;

    }

    .sec3-mob-vw .carousel-indicators .active {

        height: 16px !important;
        width: 16px !important;
        position: relative;
        top: 15px;
        background-color: #14b4e6;
    }

    .sec-txt-h {
        color: #fff;
        font-size: 30px;
        font-weight: 500;
    }

    .sec-txt-p {
        color: #fff;
        font-size: 11px;
    }

    .fund-btn-1 {
        padding: 9px 7px !important;
        background-color: #1945ba !important;
        color: #01030c;
        text-decoration: none;
        border-radius: 22px;
        font-size: 12px !important;
        font-weight: 400;
        box-shadow: rgb(25, 69, 186) 0px 18px 50px -10px;
        align-items: center;
    }

    .sec-seven-head {
        color: #fff;
        text-align: center;
        line-height: 40px;
        margin-top: -35px;
        margin-bottom: 40px;
    }

    .sec-eight-head {
        color: #fff;
        text-align: center;
        margin-bottom: 40px;
        margin-top: -35px;
    }

    #sitecarousel .carousel-indicators [data-bs-target] {
        width: 14px !important;
        height: 14px !important;

    }

    #sitecarousel .carousel-indicators .active {
        opacity: 1;
        height: 16px !important;
        width: 16px !important;
        position: relative;
        bottom: 1px !important;
        background-color: #1945ba;
    }

    .mobile-vew .carousel-indicators [data-bs-target] {

        width: 14px !important;
        height: 14px !important;

    }

    .mobile-vew .carousel-indicators .active {

        height: 16px !important;
        width: 16px !important;
        position: relative;
        top: 16px;
        background-color: #1945ba;
    }

    .sec11-img {
        filter: none !important;
        height: 240px !important;
        position: relative !important;
        bottom: 0% !important;
        margin-bottom: 35px;
        margin-top: 15px;
    }

    .fund-btn-2 {
        padding: 9px 8px !important;
        background-color: transparent;
        color: #fff;
        text-decoration: none;
        border-radius: 22px;
        font-size: 12px !important;
        font-weight: 400;
        border: 2px solid #1945ba;
        box-shadow: rgb(25, 69, 186) 0px 18px 50px -10px;
        align-items: center;
    }

    .hero-img-earth {
        margin-top: 40px;
        height: 260px;
    }

    .vec-txt-2 {
        color: #c6c6c6;
        padding: 20px 20px 40px 20px;
        line-height: 26px;
        font-size: 15px;
    }

    .vec1 {
        color: #2cbca5;
        font-size: 18px;
    }

    .mes {
        margin-top: -25px;
    }

    .sec-six-head {
        font-weight: 600;
        line-height: 60px;
        color: #fff;
        font-size: 2rem;
    }

    .sec-six-para {
        font-weight: 400;
        color: #C6C6C6;
        font-size: 13px;
    }

    .sec-six-point {
        font-size: 16px;
        color: #fff;
        line-height: 30px;
    }

    .sec-six-img-one {
        height: 50px;
    }

    .sec-six-img-two {
        height: 50px;
    }

    .sec-six-img-three {
        height: 50px;
    }

    .card-bg {
        background-color: #122339 !important;
        padding: 26px 5px 14px 5px !important;
        border-radius: 3px;
        margin-top: 50px;
    }

    .eight-btn-one {

        border-radius: 30px !important;
        color: #fff !important;
        font-size: 7px !important;
    }

    .eight-btn-two {

        border-radius: 30px !important;
        color: #fff !important;
        font-size: 7px !important;
    }

    .eight-btn-three {

        border-radius: 30px !important;
        color: #fff !important;
        font-size: 7px !important;
    }

    .bal-btn-one {
        color: #fff !important;
        border: 2px solid #fff !important;
        font-size: 12px !important;
        border-radius: 30px !important;
        padding: 3px 5px 3px 5px !important;
        margin-top: 15px;
    }

    .sec9-card-head {
        font-size: 15px;
        text-align: center;
        color: #fff;
        padding: 10px;
    }

    .sec9-card-head2 {
        font-size: 15px;
        text-align: right;
        color: #fff;
        padding: 10px;
    }

    .sec9-card-txt {
        font-size: 12px;
        text-align: left;
        color: #fff;
        padding: 10px;
    }

    .sec9-card-txt2 {
        font-size: 11px;
        text-align: right;
        color: #fff;
        padding: 10px;
    }

    .sec9-card-next-icon {
        background-image: url("../images/nxt.png") !important;
        position: relative;
        left: 0px;
        top: -5px;
    }

    .sec9-card-prev-icon {
        background-image: url("../images/prv.png") !important;
        position: relative;
        right: 0px;
    }

    .sec10-heading {
        text-align: center;
        color: #fff;
        font-size: 20px;
        line-height: 35px;
    }

    .sec10-p {
        text-align: center;
        color: #fff;
        font-size: 13px;
        padding-top: 10px;
        line-height: 22px;
        padding-inline: 18px;
    }

    .sec10-tog-head {
        color: #fff;
        text-align: center;
        font-size: 22px;
        padding-bottom: 8px;
    }

    .sec10-tog-card-head {
        color: #fff;
        background-color: #524e60;
        text-align: center;
        margin: 0;
        padding: 7% 0%;
        font-size: 16px;
    }

    .sec10-cont-lft {
        color: #fff;
        background-color: #1a1c2c;
        line-height: 42px;
        font-size: 10px;
    }

    .sec10-tog-card-cont-rit {
        color: #fff;
        background-color: #1a1c2c;
        text-align: center;
        line-height: 42px;
        font-size: 10px;
        margin-left: -10px;
    }

    .sec11-head {
        margin-top: 40px;
        font-size: 22px !important;
    }

    .sec11-para {
        font-size: 12px;
        color: #d5d5e6;
        text-align: center;
        max-width: 1300px;
        padding-top: 2%;
        padding-bottom: 2%;
    }

    .sec11-span {
        color: #14b4e6;
        font-size: 19px;
        font-weight: 500;
    }

    .sec11-para2 {
        font-size: 12px;
        color: #9999a7;
        text-align: left;
        max-width: 900px;
    }

    .sec12-card-out {
        padding: 80px 15px;
        font-size: 14px;
        border-radius: 35px;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 237px;
    }

    .sec12-card-out1 {
        padding: 80px 15px;
        font-size: 14px;
        border-radius: 35px;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 237px;
    }

    .input-group-text {
        width: 43% !important;
        background-color: #1945ba !important;
        border: none !important;
        border-top-right-radius: 20px !important;
        border-bottom-right-radius: 20px !important;
        color: #fff !important;
    }

    .sec-eight-table tr td {
        font-size: 10px !important;
    }

    .sec-eight-table tr td {
        font-size: 9px !important;
    }

    .card-eight-text-one {
        font-size: 11px;
        color: #fff;
        position: relative;
        left: 30%;
    }

    .card-eight-text-two {
        color: #fff;
        position: relative;
        font-size: 10px;
        left: 15%;
    }

    .card-eight-text-three {
        color: #fff;
        font-size: 10px;
    }

    .phase-table-btn {
        font-size: 10px !important;
        border-radius: 30px !important;
    }

    .sec12-head {
        color: #fff;
        text-align: center;
        font-size: 30px;
    }

    .sec10-toggle-but-aggr {
        color: #fff;
        border: none;
        font-size: 10px;
        border-radius: 15px;
        padding: 10px 18px;
        font-weight: 500;
        background-color: #58576d;
    }

    .sec10-toggle-but-stand {
        color: #fff;
        border: none;
        font-size: 10px;
        border-radius: 15px;
        padding: 0px 20px;
    }

    .sec10-tab-but {
        color: #fff;
        background-color: #1945ba;
        border: none;
        font-size: 13px;
        padding: 3% 19%;
        border-radius: 23px;
        text-align: center;
    }

    .sec11-img2 {
        height: 40px !important;

    }


    /* afflilatepage */
    .si-aff {
        margin-top: 40px !important;
    }

    .tx-aff-hs {
        font-size: 15px;
    }

    .tx-aff-h {
        font-size: 22px;
    }

    .tx-aff-p {
        font-size: 15px;
    }

    .aff-btn-1 {
        padding: 10px 25px 10px 25px !important;
    }

    .affliate3-head {
        font-size: 22px;
    }

    .affliate3-para {
        font-size: 12px;
    }

    #AffiliateCaraousel .carousel-indicators [data-bs-target] {
        width: 14px !important;
        height: 14px !important;

    }

    #AffiliateCaraousel .carousel-indicators .active {
        position: relative;
        bottom: 0px !important;
    }

    .aff-sec4-head {
        color: #fff;
        font-size: 20px;
        text-align: center;
        padding: 1% 7% 1% 7%;
        font-weight: 400;
        line-height: 28px;
    }

    .affiliate-canva,
    .payout-canva {
        padding: 4% 7%;
    }

    .payout-proce-cont {
        font-size: 12px;
    }

    /* faq */
    .ser-box-2 {
        padding: 20px 90px 20px 20px !important;
        width: 210px;
        font-size: 15px;
    }

    .tx-faq-h {
        color: #fff;
        font-size: 40px;
        font-weight: 600;
        margin-top: -55px;
    }

    .faq-sec-acco-col-head {
        font-size: 15px !important;
        line-height: 25px;
    }

    .faq-sec-acco-col-head-lrg {
        font-size: 15px !important;
        line-height: 25px;
    }

    .faq-sec-acco-col-head-41 {
        font-size: 15px !important;
        line-height: 25px;
    }

    .faq-sec-acco-col-head-mdm-mobs {
        font-size: 15px !important;
        line-height: 25px;
    }

    .faq-sec-acco-col-head-mdm {
        font-size: 15px !important;
        line-height: 25px;

    }

    .faq-sec-acco-col-head-mdl {
        font-size: 15px !important;
        line-height: 25px;
    }

    .faq-sec-acco-col-head-mdl1 {
        font-size: 15px !important;
        line-height: 25px;
    }

    .faq-sec-acco-col-head-42 {
        font-size: 15px !important;
        line-height: 25px;
    }

    .faq-sec-acco-col-body-cont {
        line-height: 25px;
    }

    .faq-sec-acco-col-body-cont-1 {
        line-height: 25px;
    }

    .faq-sec-acco-col-body-cont-2 {
        line-height: 25px;
    }

    .faq-sec-acco-col-body-cont-3-1 {
        line-height: 25px;
    }

    .pink {
        padding: 7px 100px 7px 100px !important;
    }

    .faq-sec-acco-col-head-1 {
        font-size: 15px !important;
        line-height: 25px;

    }

    .faq-sec-acco-col-head-2 {
        font-size: 15px !important;
        line-height: 25px;

    }

    .faq-sec-acco-col-head-3 {
        font-size: 15px !important;
        line-height: 25px;
    }

    .faq-sec-acco-col-body-cont-32 {
        line-height: 30px;
    }

    .faq-sec-acco-col-body-cont-32 {
        line-height: 30px;
    }

    .phase-align {
        justify-content: start !important;
    }
    .txt-fa-mob {
        padding: 25px 0px 25px 30px !important;
    }
    .txt-fa-1-mob-active {
        padding: 25px 0px 25px 20px !important;
    }
    .txt-fa-1-mob {
        padding: 25px 0px 25px 20px !important;
    }
}

/* Media Query for low resolution  Tablets, Ipads */
@media (min-width: 481px) and (max-width: 767px) {
    .benefits {
        margin-top: 50px !important;
    }
    #widget-sm
    {
        display: none !important;
    }
    .hero-img {
        display: none !important;
    }
    #hero-text-lg{
        display: none !important;
    }
    #hero-text-p-lg{
        display: none !important;
    }
    .affliate3-para {
        padding-bottom: 50px !important;
    }
    .cross-mob {
        width: 225px !important;
        height: 246px !important;
        position: relative !important;
        top: 38% !important;
        left: 55px !important;
    }
    #affliate3-lg{
        display: none !important;
    }
    #sec9-lg{
        display: none !important;
    }
    #sec-six-lg{
        display: none !important;
    }
   #dir-text-lg-1{
    display: none !important;
   }
    #dir-img-sm {
        display: none !important;
    }

    .lap-half {
        height: 255px !important;
    }

    #hero-btn-lg {
        display: none !important;
    }

    .hero-img-earth {
        height: 450px !important;
    }

    .card-one {
        width: 500px !important;
        margin-bottom: 30px !important;
    }

    .sec-four-mb-one {
        display: none !important;
    }

    .sec-four-mb-two {
        display: none !important;
    }

    .sec-six-img-one {
        height: 75px !important;
    }

    .sec-six-img-two {
        height: 60px !important;
    }

    .sec-six-img-three {
        height: 70px;
    }

    .card-seven-one,
    .card-seven-two {
        width: 35rem !important;
        margin-bottom: 30px !important;
    }

    .sec-eight {
        margin-top: 0px !important;
    }

    .card-eight-one {
        margin-bottom: 25px !important;
    }

    .phase-align {
        justify-content: center !important;
    }

    .sec9-card {
        margin-bottom: 35px !important;
    }

    .sec9-card-mid {
        margin-bottom: 35px !important;
    }

    .col-mb-5-vw1 {
        margin-top: 35px !important;
        margin-bottom: 25px !important;
    }

    #sec11-mb-view {
        display: none !important;
    }

    .quick-align {
        margin-top: 15px !important;
    }

    .disclaimer-p {
        padding-bottom: 15px !important;
    }

    .sec11-img {
        height: 400px !important;
        margin-bottom: 30px !important;
    }

    #aff-img-sm,
    #faq-sm {
        display: none !important;
    }

    .aff-img-comp {
        height: 456px !important;
    }

    .aff-btn-1 {
        margin-bottom: 25px !important;
    }

    .txt-fa {
        width: 185px !important;
    }

    .faq-box-col {
        margin-bottom: 25px !important;
    }

    .faq-box-col-new {
        margin-bottom: 33px !important;
    }

    .faq-box-col-new2 {
        margin-bottom: 43px !important;
    }

    .faq-box-col-new3 {
        margin-bottom: 53px !important;
    }

    .faq-cont {
        padding-top: 30px !important;
    }

    .ser-box-2 {
        padding: 20px 250px 20px 10px !important;
    }
}
@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

.pulse-icon {
    animation: pulse 1.5s ease-in-out infinite;
}
.first-sec {
    background-color: #2f3a5cb5 !important;
    margin-bottom: 50px;
}

.down-card {
    margin-top: 50px;
}
.benefits .card {
    box-shadow: rgba(45, 95, 234, 0.35) 0px 18px 50px -10px,
        
        inset #808080d4 0px 0px 18px 3px;
}
.discount-bar {
    background: linear-gradient(90deg, #1945ba, #3d6bff);
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    padding: 10px 0;
    top: 0;
    width: 100%;
    z-index: 1055; /* stays above navbar */
}

/* ---- Coupon Code Input Style ---- */
.coupon-label {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
}

.coupon-wrapper {
    display: flex;
    width: 100%;
    background: #1b1f29;
    border: 1px solid #2a3140;
    border-radius: 10px;
    overflow: hidden;
    transition: 0.3s;
}

.coupon-wrapper:focus-within {
    border-color: #5a6bff;
    box-shadow: 0 0 8px rgba(90, 107, 255, 0.4);
}

.coupon-input {
    flex: 1;
    padding: 10px 14px;
    background: transparent;
    border: none;
    color: #ffffff;
    outline: none;
    font-size: 15px;
}

.coupon-input::placeholder {
    color: #9aa3b8;
}

.coupon-btn {
    background: #5a6bff;
    border: none;
    padding: 0 20px;
    color: #ffffff;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
}

.coupon-btn:hover {
    background: #4d5aff;
}

.couponError {
    color: #ff6b6b;
    font-size: 14px;
    margin-top: 6px;
    display: none; /* Keep hidden by default */
}

.couponError i {
    vertical-align: middle;
    margin-right: 4px;
}
/* ---- Refund Information Table Style ---- */
.refund-row td {
    padding: 14px 12px;
    vertical-align: middle;
}

.refund-label {
    font-weight: 600;
    color: #ffffff;
    font-size: 15px;
}

.refund-value {
    color: #ffffff;
}

.refund-box {
    background: #1b1f29;
    border: 1px solid #2a3140;
    padding: 10px 14px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
}

.refund-text {
    opacity: 0.8;
}

.refund-amount {
    font-weight: 700;
    font-size: 16px;
    color: #5a6bff;
}

/* ---- Base Reusable Card Style ---- */
.pay-card {
    display: block;
    cursor: pointer;
    border-radius: 12px;
    border: 1px solid #2d3546;
    background: #1b1f29;
    transition: 0.25s;
    padding: 12px;
}

.pay-card:hover {
    border-color: #5a6bff;
}

.pay-card input[type="radio"] {
    display: none;
}

.pay-card input[type="radio"]:checked + .pay-content {
    background: linear-gradient(145deg, #2b3450, #1b2233);
    border-color: #5a6bff;
    box-shadow: 0 0 6px rgba(90, 107, 255, 0.4);
}

/* ---- Content inside card ---- */
.pay-content {
    display: flex;
    align-items: center;
    font-size: 15px;
    padding: 10px;
    border-radius: 10px;
    color: #ffffff;
    border: 1px solid transparent;
    transition: 0.25s;
}

.pay-content i {
    font-size: 16px;
    color: #5a6bff;
}

/* ---- Disabled Card ---- */
.disabled-card {
    opacity: 0.45;
    cursor: not-allowed;
    pointer-events: none;
}

.disabled-content {
    color: #b7b7b7 !important;
}

/* ---- "Soon" Badge ---- */
.soon-badge {
    color: #00d4b5;
    margin-left: 6px;
    font-weight: 600;
    font-size: 14px;
}

/* ---- Section Title ---- */
.payment-title {
    color: #ffffff;
    font-weight: 600;
}