@font-face {
    font-family: 'Avenir';
    src: 
         url('../fonts/Avenir/Avenir-Light.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Avenir-bold';
    src: 
         url('../fonts/Avenir/Avenir-Heavy.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
.nav-item.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* Adjust positioning if needed */
}
.nav-link.active {
    color: green !important;
}
.dropdown-icon {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
}
.dailog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    max-height: 681px;
    height: fit-content;
    width: 520px;
    border-radius: 20px;
    background: #000000;
    border: 1px solid #a3a3a3;
}

.blur {
    filter: blur(5px);
    pointer-events: none;
}

.h-48 {
    height: 48px !important;
}

#stateSelect ,#countrySelect {
    color: white;
}

#stateSelect option,   #countrySelect option  {
    background-color: transparent !important;
    color: black !important;
}
.light-theme {
    --bg-color: #ffffff;
    --text-color: #000000;
    --text-secondary: #00000080;
    --border-color: #0000001A;
}

:root {
    --bg-light: #0000001A;
    --bg-color: #000000;
    --text-secondary: #FFFFFF80;
    --text-color: #ffffff;
    --border-color: #FFFFFF3A;
}

.bg-dark {
    background-color: var(--bg-color) !important;
}

.link{
    color: white;
    cursor: pointer;
    text-decoration: none;
}
.link:active{
    color: #F2674A;
}

.nav-item{
    font-weight:550 !important;
}
.nav-link{
    color:  var(--text-color) !important;
}

.nav-link:hover {
    color: #F2674A !important;
}
.nav-link.active {
    color: #F2674A !important; 
    border-bottom: 3px solid #F2674A;
}

.dropdown-item:hover {
    background-color: transparent !important;
    color: #F2674A !important;
}
.dropdown-item.active{
    background-color: transparent !important;
}

.text-align-justify{
    text-align: justify !important;
}

/* .dailog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    height: 681px;
    width: 520px;
    border-radius: 20px;
    background: #000000;
    border: 1px solid #a3a3a3;
} */

.h-48 {
    height: 48px !important;
}
body {
    padding: 0px;
    margin: 0;
    width: 100%;
    height: 100vh;
    overflow-x: hidden;
    color: var(--text-color) !important;
    background-color: var(--bg-color) !important;
    /* background-size:contain; */
    font-family: 'Avenir' !important;
}

.header {
    position: fixed !important;
    backdrop-filter: blur(10px);
    background-color: var(--bg-light) !important;
    margin: 0px auto !important;
    
}


.fs-64 {
    justify-content: center;
    /* font-size: clamp(28px, 5vw, 64px); */
    font-size: 64px !important;
    margin-bottom: 0px;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.fs-32 {
    font-weight: 700;
    /* font-size: clamp(18px,3vw ,32px); */
    font-size: 32px;
    text-align: center;
    margin-top: 5px;
}

.fs-24 {
    font-size: 24px;
}

.fs-md-2 {
    font-size: 32px !important;
}

.fs-18 {
    /* font-size: clamp(10px, 3vw, 18px); */
    font-size: 18px;
    margin-bottom: 0px;
    max-width: 35%;
}

.fs-16 {
    font-size: clamp(9px, 3vw, 16px);
    margin-bottom: 0px;
    text-align: left;
}

.fs-20 {
    font-size: clamp(10px, 3vw, 20px);
    font-size: 20px;
}

.fs-14 {
    /* font-size: clamp(8px, 3vw, 14px); */
    font-size: 14px;
}

.text-secondary {
    color: var(--text-secondary);
    margin-bottom: 0;
}

.pr-10 {
    padding-right: 20px;
}

.bold {
    font-weight: 900;
}

.w-78 {
    width: 78%;
    margin: 0px auto;
}
.w-40{
    width: 45% !important;
}

.text-center {
    text-align: center;
}

.d-flex {
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
}

.header {
    position: sticky;
    z-index: 2;
    height: 64px !important;
    top: 0px;
    width: 100%;
    margin: 0px auto;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 20px;
    border-bottom: 1px solid var(--border-color);
    background-color: var(--bg-color);
}

.body {

    color: var(--text-color);
    padding: 0px auto !important;
    margin: 0px auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.menue {
    padding: 0;
    display: flex;
    list-style-type: none;
    /* color: var(--text-color); */
    gap: 20px;
}

.menue-items {
    font-size: larger;
    font-weight: 600;
}

.btn-orange {
    background-color: #F2674A !important;
    border-radius: 50px !important;
    border: none !important;
    white-space: nowrap !important;
}



.videopart {
    position: fixed;
    max-width: 1380px !important;
    width: 100%;
    top: 100px;
    height: calc(100vh - 100px) !important;
}

.w-100 {
    width: 100% !important;
    max-width: 100% !important;
}
.max-width{
    max-width: 49% !important;
}
.mainpart {
    padding: 30px !important;
    max-width: 1380px !important;
    height: fit-content;
    position: relative;
    margin: 0px auto;
    width: 100%;
    margin-top: 100vh;
    background-color: var(--bg-color) !important;

}

.bg-img {
    background: url(../Backgrounds/body.png);
    background-repeat: no-repeat;
    background-position: 0px 500px;
}

.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-top-left-radius: 50px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 10px;
    object-fit: cover;
}

.videoinfo {
    /* position: absolute; */
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 100%;
    z-index: 99;
    position: relative;
    text-align: center;
    color: white;
    z-index: 2;

}

.op-ani {
    animation: opacity 3s ease;
    transition: all .3s;
}

.opt-desc {
    /* width: 100% !important; */
    margin: 0px auto;
}

@keyframes opacity {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.mainsection {
    width: 100%;
    max-width: 1380px;
    height: fit-content;
    margin: 0px auto;
    background-color: var(--bg-color) !important;
    /* margin-top: 64px !important; */
    overflow: hidden;
    /* position: relative; */
    /* margin-top: 100vh; */
}

.fullbody {
    width: 100% !important;
}
.toastify .toast-close {
    color: #000; /* Set the close button color to white */
    font-size: 20px; /* Optional: Set the size of the close button */
  }
.booster {
    width: 100%;
    /* Set a width for the element */
    height: 200px;
    background: url(../Backgrounds/boosterloans.png);
    /* Initial state */
    /* transform: scale(0.7); */
    scale: 0.9;
    border-radius: 30px !important;
    margin-top: 0px !important;
}

.heading {
    font-size: clamp(40px, 5vw, 54px);
    margin: 0px;
    margin-bottom: clamp(10px, 1%, 20px);
    display: inline-block;
    font-family:'Avenir-bold' !important;
    font-weight: bolder !important;
    background: linear-gradient(to right, #F2674A 35%, #4A7AF2 65%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.submit-btn {
    margin: 0px auto;
    padding: 13px 127px !important;
    border: none;
    margin-top: clamp(10px, 3%, 30px);
    display: block;
    color: var(--text-color);
}

.mt-0 {
    margin-top: 0px;
}

.input-container {
    position: relative;
    display: flex;
    align-items: center;
    width: 35%;
}

.input-container i{
    position: absolute;
    left: 20px;
    top: 15px;
}
.i{
    position: absolute;
    left: 10px;
    top: 10px;
}

.input {
    border: 1px solid var(--border-color);
    color: var(--text-color);
    clip-rule: var(--text-color);
    padding: 13px 50px;
    margin-bottom: 20px;
    width: 100%;
    border-radius: 50px;
    background-color: transparent;
}

.mr-20 {
    margin-right: 20px;
}

.card {
    position: relative;
    text-align: center;
    background-size: cover;
    border-radius: 30px;
    background-color: transparent !important;
    margin-top: clamp(20px, 5%, 50px);
    padding: clamp(20px, 4vw, 50px);
}
.confetti-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
}


.discover {
    background: url(../Backgrounds/discover.png);
    background-position: center;
    backdrop-filter: blur(30px);
    background-color: rgba(0, 0, 0, 0.5);
    background-size: 100% 100%;
    margin-bottom: 50px;
    background-repeat: no-repeat;
}
.discover_opt{
    width: 25%;
}
.opt_heading {
    /* font-size: clamp(10px,5vw,20px); */
    font-family: Avenir-bold;
}

.opt_desc {
    text-wrap: wrap;
    /* font-size: clamp(10px,5vw,20px); */
}

.d-flex {
    display: flex;
    align-items: center;
    gap: 15px;
}

.pc_img {
    margin-top: 30px;
    margin: 0px auto;
}

.trade {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}

.trade-item {
    display: flex;
    align-items: center !important;
    gap: 10px;
    margin: 30px 0px !important;
}

.listtype {
    height: 28px;
    width: 32px;
}

.trade-img {
    height: 500px;
    width: 500px;
}

.referfriend {
    /* background: url(../Backgrounds/referfriend.png); */
    background-color: #4A7AF21A !important;
    padding-bottom: 30px;
    border-radius: 30px !important;
}

.hunting {
    background: url(../Backgrounds/hunting.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    padding: 50px;
    margin-bottom: 50px;
}

.circle {
    height: 54px;
    position: relative;
    width: 54px;
    border: 1px solid #4EDF6D;
    border-radius: 50%;
}

.circle2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 22px;
    width: 22px;
    background-color: #4EDF6D;
    border-radius: 50%;
}

.cborder::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 0%);
    height: 200px;
    border: 3px solid #FFFFFF1A;
    border-radius: 30px;
}

.hunting-text {
    width: 100%;
}

.steps {
    width: 50%;
}

.stp {
    display: flex;
    gap: 20px;
    align-items: start;
    padding-bottom: 50px;
}

.hunting-main {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.hunting-img {
    height: 400px;
    width: 400px;
}

.text-start {
    width: 100%;
    max-width: 100%;
    text-align: start !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.hunting-images {
    width: 35%;
    gap: 40px;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.investing {
    background: url(../Backgrounds/investing.png);
    background-size: 100% 100%;
    padding: 25px 50px;
    display: flex;
    flex-direction: row !important;
    align-items: center;
    justify-content: space-between;

}

.invest-btn {
    padding: 13px 52px !important;
    margin: 0px;
    white-space: nowrap;
}

.caption {
    font-size: clamp(8px, 3vw, 14px);
    color: var(--text-secondary);
}

.mb-50 {
    margin-bottom: 50px !important;
}

.input2 {
    width: 30%;

}

.btn-2 {
    display: inline-block;
    margin: 0px;
    white-space: nowrap;
}

.signup {
    padding: 20px 100px;
    background: url(../Backgrounds/signup.png);
    background-size: 100% 100%;
    background-position: center;
}

.signup-form {
    display: flex;
    gap: 10px;
    align-items: start;
    justify-content: center;
}

.part-1 {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.footer {
    background: url(../Backgrounds/footer.png);
    background: radial-gradient(rgb(62, 10, 10), black) !important;
    z-index: 2;
    /* backdrop-filter: blur(200px); */
    background-size: cover;
    margin-top: 0px !important;
    background-position: center;
    padding-bottom: 0px;
}

.social-icon {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 50px;
}

@keyframes float {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-20px);
    }

    100% {
        transform: translateY(0px);
    }
}

.floating {
    animation: float 3s ease-in-out infinite;
}

.glow-button {
    background: linear-gradient(90deg, #F2674A, #4A7AF2);
    /* background-color: #F2674A; */
    border: none;
    /* padding: 12px 24px; */
    /* color: white; */
    /* font-size: 18px; */
    /* border-radius: 8px; */
    /* box-shadow: 0px 5px 15px rgba(255, 165, 0, 0.4); */

    transition: all 0.3s ease-in-out;
}

.glow-button:hover {
    /* transform:scale(1.05); */
    box-shadow: 0px 5px 15px rgba(242, 103, 74, 0.5), 0px 5px 20px rgba(74, 122, 242, 0.5);
    /* box-shadow: 0px 10px 15px rgba(200, 50, 20, 0.6); */
    /* box-shadow: 0px 20px 20px rgba(242, 103, 74, 0.4); */
}

.scale {
    scale: 0.8;
}

.opacity {
    opacity: 0;
}
.heading-text{
    font-size: 100px; 
    font-weight: 700; 
    color:#F2674A ;
}

/* ------------------------------------------------------------------------------------Booster -------------------------------------------------------------------------- */
.booster-1 {
    background: url(../Images/gradientcircle.png);
    background-position: 25vw 30px;
    background-repeat: no-repeat;
    background-size: 185px;
}


.booster-2 {
    background: url(../Backgrounds/boosterloan1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 30px 30px 10px 30px;
    border-radius: 20px !important;
}

.credit-check {
    background: url(../Backgrounds/boosterloan2.png);
    background-size: 100% 100%;
    max-width: 400px;
}
.licencing{
    background: url(../Backgrounds/Licencingfirst.png);
    background-size: 100% 95%;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 30px !important;
}
.ai-bg{
    background: url(../Images/AIservice/Background.png);
    background-size: 100% 95%;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 30px !important;
}

.credit-check1 {
    background: url(../Backgrounds/bigcard-1.png) !important;
    background-size: 100% 100% !important;
    max-width: 400px !important;
    border-radius: 30px !important;
}
.small-card-1{
    background:url(../Backgrounds/smallcard-1.png) ;
    background-size: 100% 100% !important;
    max-width: 400px !important;
    border-radius: 30px !important;
}
.small-card-2{
    background:url(../Backgrounds/smallcard-2.png) ;
    background-size: 100% 100%;
    max-width: 400px !important;
}
.small-card-3{
    background:url(../Backgrounds/smallcard-3.png) ;
    background-size: 100% 100%;
    max-width: 400px !important;
}
.white-space{
    white-space: nowrap;
}
.credit-check2 {
    background: url(../Backgrounds/bigcard-2.png) !important;
    background-size: 100% 100% !important;
    background-position: center;
    border-radius: 30px !important;
}

.credit-check3 {
    background: url(../Backgrounds/bigcard--3.png) !important;
    background-size: 100% 100% !important;
    background-position: center;
    border-radius: 30px !important;
}

.blink-btn {
    /* box-shadow: 0 0 30px rgba(74, 122, 242, 1), 0 0 50px rgba(242, 103, 74, 1); */

    border-radius: 30px;
    background: linear-gradient(90deg, rgba(242, 103, 74, 0.2), rgba(74, 122, 242, 0.2)) !important;
    box-sizing: content-box;
    animation: blink 2s infinite alternate;
    transition: all .3s;
}

@keyframes blink {
    0% {
        box-shadow: 0 0 15px rgba(242, 103, 74, 0.8), 0 0 15px rgba(242, 103, 74, 0.8);
    }

    100% {
        box-shadow: 0 0 15px rgba(74, 122, 242, 1), 0 0 15px rgba(74, 122, 242, 1);
    }
}

.booster-7 {
    background: url(../Backgrounds/hunting.png);
    background-size: 100% 100%;
}

/* ------------------------------------------------------------ Partners -------------------------------------------------- */
.partners-screen{
    background-image: url(../Backgrounds/body.png);
    /* background-size: 100% 100%; */
    background-repeat: no-repeat;
    background-position: left top;
}
.partner{
    display: flex;
    align-items: stretch;
    backdrop-filter: blur(20px) !important;
    
    background: rgba(0, 0, 0, 0.2) !important;
    justify-content: space-between;
}
.number-heading{
    position: relative;
}
.number{
    font-family: Avenir-bold !important;
    font-weight: 900 !important;
    font-size: 90px !important;
    margin: 0px;
    display: inline-block;
    line-height: normal;
    opacity: 0.3;
   
}
.number-100{
    display: inline-block;
    line-height: normal;
    opacity: 0.3;
    position: absolute;
    top: 40px;
     left: 20px;
    font-family: Avenir-bold !important;
    font-weight: 900 !important;
    font-size: 130px !important;
}
.heading-name{
    font-family: Avenir-bold !important;
    font-weight: 900 !important;
    display: inline-block;
    position: absolute;
    top: 52%;
    left: 8%;
}
.partner-img{
    background: url(../Images/Partner/RDQ.png);
    background-size: 100% 100%;
    height: 150px;
    width: 400px;
    padding: auto !important;
}

 /* --------------------------------------------------------------- Fees ---------------------------------------- */
.fees{
    background-position: 19vw 79% !important;
}
 /* --------------------------------------------------------------- FAQ ---------------------------------------- */

.text-down{
    opacity: 1;
    display: block;
    animation: down 1s ease;
    transform: translateY(10px);
    transition: all.3s;
}
@keyframes down {
    from{ display:none !important; opacity: 0; transform:translateY(-10px)}
    to{transform:translateY(10px); display: block; opacity: 1;}
}
.text-up{
    display: none;
    opacity: 0;
    animation: up 1s ease;
    transform: translateY(10px);
    transition: all.3s;
}
@keyframes up{
    from{ display:block; opacity: 1; transform:translateY(10px);}
    to{transform:translateY(-10px);display: none; opacity: 0; }
}
.payment{
    width: 49% !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px !important;
    border-radius: 20px;
}
.card-1{
    border-radius: 20px;
    width: 49%;
}

@media (min-width:768px) and (max-width:1024px) {
    .video {
        width: 100%;
    }

    .fs-18 {
        max-width: 70%;
    }

    .trade {
        flex-direction: column;
    }

    .trade-img {
        height: 90%;
        width: 90%;
    }

    .hunting-main {
        flex-direction: column;
    }

    .hunting-img {
        height: 300px;
        width: 300px;
    }

    .steps {
        width: 100%;
    }

    .invest-img {
        display: none;
    }

    .investing {
        padding: 30px !important;
    }

    .investing .heading {
        white-space: nowrap;
    }

    .caption {
        width: 100% !important;
    }

    .signup-form {
        flex-direction: column;
    }

    .card {
        padding: 30px;
    }

    .part-1 {
        flex-direction: column;
        gap: 20px;
    }

    .part-1-1 {
        width: 100% !important;
    }

}