body {
    background-color: #000000;
}

/* FONTS CLASSES */
.poppins-thin {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.poppins-extralight {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: normal;
}

.poppins-light {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.poppins-regular {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.poppins-medium {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.poppins-semibold {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.poppins-bold {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.poppins-extrabold {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: normal;
}

.poppins-black {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: normal;
}

.poppins-thin-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: italic;
}

.poppins-extralight-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: italic;
}

.poppins-light-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.poppins-regular-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.poppins-medium-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: italic;
}

.poppins-semibold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: italic;
}

.poppins-bold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.poppins-extrabold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: italic;
}

.poppins-black-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: italic;
}

/* Buttons */
.default-btn {
    background-color: #ff7b3c;
    width: 150px;
    color: black;
    font-weight: 500;
    text-align: center;
    border-radius: 200px;
    padding: 10px;
    border: none;
    margin-right: 10px;
}

.default-outline-btn {
    background: transparent;
    width: 150px;
    text-align: center;
    border-radius: 200px;
    padding: 10px;
    color: white;
    font-weight: 500;
    border: 1px solid white;
}

/* HOME SECTION CSS */
#Home {
    background-image: url('../images/extra/home-page-left.png');
    
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    /* Ensures the image covers the full section */
    background-position: center;
    /* Centers the image */
}

@media (max-width: 800px) {
    #Home {
        background-image: none;
        height: auto;
        /* Removes background on mobile */
    }
}


.font-color-title {
    background: linear-gradient(180deg, #FFFFFF 44%, rgba(255, 255, 255, 0.58) 76%, rgba(255, 255, 255, 0.25) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

.home-card-border {
    border: 1px solid #ff7b3c;
    /* border-image-source: linear-gradient(180deg, rgba(238, 238, 238, 0.4984) 0%, rgba(233, 187, 69, 0.89) 100%); */
}

.home-card-bg {
    background: linear-gradient(109.2deg, rgb(10 12 14) 5.57%, rgb(255 123 60) 97.83%);

}

/* Loop Section */
@keyframes scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

.animate-scroll {
    display: flex;
    animation: scroll 15s linear infinite;
}

/* Why choose us section */
.why-choose-page-title {
    
    background: linear-gradient(180deg, #FFFFFF 50%, rgba(255, 255, 255, 0.66) 76%, rgba(255, 255, 255, 0.33) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Hide scrollbar */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.bg-gradient {
    background: linear-gradient(180deg, #262626 0%, #000000 18%);

}

.bg-btn-gradient {
    background: linear-gradient(90deg, #668bef 0%, rgb(13 32 82) 100%);

}
.text-sm {
    font-size: 18px;
    line-height: var(--tw-leading, var(--text-sm--line-height));
}


/* Bot page section */
#botpage {
    background-image: url('images/extra/AIT-bot-bg.png');
    height: 100vh;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    /* Ensures the image covers the full section */
    background-position: center;
    /* Centers the image */
}

@media (max-width: 800px) {
    #botpage {
        background-image: none;
        height: 85vh;
        /* Removes background on mobile */
    }
}

/* Earning section */
.earn-card-border {
    border: 1px solid #FFFFFF26
}

/* Get started section */
#getStarted {
    background-image: url('images/extra/ready-to-get.png');
    height: 100vh;
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain; 
    background-position: center;
}

@media (max-width: 450px) {
    #getStarted {
        background-image: none;
        height: 50vh;
        /* Removes background on mobile */
    }
}