body {
    line-height: 1.6 !important;
}

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

.fw-extrabold {
    font-weight: 800 !important;
}

.display-6 {
    font-size: calc(1.3875rem + 1vw);
}

.plyr__video-wrapper,
.plyr__controls {
    border-radius: 12px !important;
    /* Adjust as needed */
    /* overflow: hidden; Ensures the rounded corners are visible */
}

.video-wrapper {
    width: 600px;
    border-radius: 12px;
    /* Optional: Adds rounded corners */
    overflow: hidden;
    /* Prevents content from overflowing */
}

.hero-subtitle {
    font-size: 18px !important;
}

.section-3-text-wrapper {
    max-width: 600px;
    /* Adjust to get the desired line breaks */
    margin: 0 auto;
    /* Centers the text block */
    word-break: break-word;
}

.section-4-text-wrapper {
    max-width: 500px;
    /* Adjust to get the desired line breaks */
    word-break: break-word;
}

.section-py {
    padding-block: 6.25rem;
    padding-inline: 0
}

@media(max-width: 1199.98px) {
    .section-py {
        padding-block: 5rem;
        padding-inline: 0
    }
}

@media(max-width: 767.98px) {
    .section-py {
        padding-block: 3rem;
        padding-inline: 0
    }
    .subscribe-form{
        width: 100% !important;
    }
    .hero-subtitle {
        font-size: 15px !important;
    }
}

@media (min-width: 576px) {
    .mb-sm-0 {
        margin-block-end: 0 !important;
    }
}

.subscribe-form{
    width: 500px;
}

.pt-12 {
    padding-block-start: 3rem !important;
}
.pb-6 {
    padding-block-end: 1.5rem !important;
}

.text-white{
    color: #fff !important;
}

.mb-6 {
    margin-block-end: 1rem !important;
}

.waitlist-bg{
    /* background: rgb(113,91,255); */
    /* background: linear-gradient(82deg, rgba(113,91,255,1) 14%, rgba(134,136,212,1) 48%, rgba(158,143,255,1) 91%); */
    background: linear-gradient(82deg, rgba(107, 108, 252,1) 14%, rgba(140, 251, 249, 0.6) 94%);
}
.poppins-regular {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.bg-secondary2{
    background-color: #A9A9A9 !important;
    opacity: 0.9 !important;
}

.kol-embed-page-frame{
    height: 100% !important;
    --bs-gutter-x: 1.625rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1* var(--bs-gutter-y));
    align-items: center;
}

.kol-embed-page-frame > *{
    --bs-gutter-x: 1.625rem;
    --bs-gutter-y: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    margin-top: var(--bs-gutter-y);
}

.kol-page-embedded .is-section{
    background: white !important;
}

.grecaptcha-badge{
    opacity: 0 !important;
}

.form-label{
    font-size: 1rem !important;
    text-transform: none !important;
}

.rounded-5{
    border-radius: 1rem !important;
}

/* .affiliate-benefits-section {
    background-color: #ffffff;
} */

.affiliate-benefits-section .card {
    background-color: #040539;
    border-radius: 1.5rem;
    padding-bottom: 2rem;
}

.affiliate-benefits-section .card img.card-img-top {
    width: 30%;
    margin: 2rem 2rem 1rem 2rem;
}

.affiliate-benefits-section .card .card-body {
    padding-left: 2rem;
    padding-right: 2rem;
}

/* .ready-to-earn-section {
    background-color: #F5F5F9;
} */

.ready-to-earn-section .primary-bg {
    border-radius: 1.5rem !important;
}

.rounded-5{
    border-radius: 0.8rem !important;
}






.text-deep-purple{
    color: #262254 !important;
}

.landing-green-bg{
    background-color: #47d90c !important;
    color: white !important;
    transition: background-color 0.3s ease;
    border: 1px solid #47d90c !important;
}

.btn.landing-green-bg:hover {
    background-color: #3ebf0a !important; /* Slightly darker green */
    border: 1px solid #3ebf0a !important;
}

.fw-medium-600{
    font-weight: 600;
}



/* Accordion CSS Styling */
.accordion-button-text{
    font-weight: 700;
    font-size: 1.5rem !important;
}

.accordion-body-text{
    font-size: 1.2rem !important;
}

.accordion-border-bottom{
    border-bottom: 1px solid #262254;
}

.border-1{
    border: 1px solid #262254 !important;
}




/* Dots Elements CSS Style */
/* Parent section should hide overflow */
.landing-hero {
    position: relative;
    overflow: hidden; /* hides overflowing parts like the dots */
}

/* Right dots */
.affiliate-dots-img-right {
    position: absolute;
    top: 50%;
    right: -90px;   /* desktop offset */
    transform: translateY(-50%);
    width: 150px;
    height: auto;
    z-index: 0;
}

/* Tablet screens */
@media (max-width: 992px) {
    .affiliate-dots-img-right {
        right: -60px;
        width: 120px;
    }
}

/* Mobile screens */
@media (max-width: 768px) {
    .affiliate-dots-img-right {
        right: -40px;
        width: 90px;
    }
}

/* Extra small screens */
@media (max-width: 576px) {
    .affiliate-dots-img-right {
        right: -20px;
        width: 70px;
    }
}

.affiliate-dots-img-left {
    position: absolute;
    top: 50%;
    left: -90px;       /* default for desktop */
    transform: translateY(-50%);
    width: 150px;      /* default size */
    height: auto;
    z-index: 0;
}

/* Tablet screens */
@media (max-width: 992px) {
    .affiliate-dots-img-left {
        top: 45%;
        left: -60px;   /* move closer to card */
        width: 120px;  /* smaller size */
    }
}

/* Mobile screens */
@media (max-width: 768px) {
    .affiliate-dots-img-left {
        top: 40%;
        left: -40px;   /* even closer */
        width: 90px;   /* smaller size */
    }
}

/* Extra small screens */
@media (max-width: 576px) {
    .affiliate-dots-img-left {
        top: 35%;
        left: -20px;
        width: 70px;
    }
}


@media (max-width: 767.98px) {
    .btn-responsive {
        width: 100% !important;
    }
}

/* Hero-Image CSS Style */
.hero-image {
    width: 70% !important;       /* makes it wider than the column */
    height: auto;      /* keeps aspect ratio */
    object-fit: contain; /* ensures image fits nicely */
}
/* Tablet (≥768px and <992px) */
@media (max-width: 991.98px) {
    .hero-image {
        width: 100% !important;        /* slightly wider on tablet */
    }
}

/* Mobile (<768px) */
@media (max-width: 767.98px) {
    .hero-image {
        width: 95% !important;        /* almost full width on mobile */
    }
}


.card-wrapper {
    position: relative; /* makes the image position relative to this wrapper */
}

.dots-img-left-card-1 {
    position: absolute;
    top: 16.5rem;   /* adjust to move above the card */
    left: -3rem;  /* adjust to move to the left of the card */
    width: 8.5rem;  /* adjust size as needed */
    height: auto;
    z-index: 0;   /* behind the card */
}

.dots-img-left-card-2 {
    position: absolute;
    top: -3rem;   /* adjust vertical position to peek from top-left */
    left: -3rem;    /* adjust horizontal position */
    width: 8.5rem;  /* size of the dots */
    height: auto;
    z-index: 0;     /* behind the card */
}

.dots-img-right-card {
    position: absolute;
    bottom: -3rem;   /* adjust vertical position */
    right: -3rem;    /* adjust horizontal position */
    width: 8.5rem;   /* size of the dots */
    height: auto;
    z-index: 0;      /* behind the card */
}

.card-wrapper .card {
    position: relative;
    z-index: 1;   /* ensures card is above the dots image */
}