.bg-yellow-400 {
    background-color: #ff7e00 !important;
}

.hover\:bg-yellow-500:hover {
    background-color: transparent !important;
    color: #ff7e00;
    border-color: #ff7e00;
    border-width: 1px;
}

nav.bg-white {
    position: relative;
    z-index: 10000;
}

nav.bg-white li a button.border {
    background-color: transparent !important;
    color: #ff7e00 !important;
    border-color: #ff7e00 !important;
}

nav.bg-white li a button.border:hover {
    background-color: #ff7e00 !important;
    color: #fff !important;

}

a.block.custom-style.active\:text-blue-700 {
    color: #ff7e00 !important;
    background-color: #fff !important;
}

a.hover\:bg-gray-100.md\:hover\:bg-transparent.md\:hover\:text-blue-700.md\:p-0:hover {
    color: #ff7e00 !important;
}


.hero-section {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: calc(100vh - 80px);
}

@media screen and (max-width: 767px) {
    .hero-section {
        background-size: cover;
        background-position-x: -94px;
        height: auto;
    }
}

.main-btn,
.sec-btn {
    width: 100%;
    text-align: center;
    padding: 0.75rem;
    border: 1px solid #ff7e00;
    border-radius: 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main-btn:hover .button-text,
.sec-btn:hover .button-text {
    color: #fff;
    transform: scale(1.005);
}

.main-btn {
    color: #fff;
    background-color: #ff7e00;
}

.main-btn:hover {
    background-color: transparent;
    color: #ff7e00;
}

.sec-btn {
    color: #ff7e00;
    background-color: transparent;
}

.sec-btn:hover {
    background-color: #ff7e00;
    color: #fff;
}

.future-section {
    background-image: url(/imgs/1.png);
    background-size: cover
}

.future-section .future-gif {
    width: 456.296px;
    height: 436.655px
}

.future-section .future-img {
    width: 304.296px;
    height: 271.655px;
    top: 90px;
    position: absolute;
}

.future-section .future-title span {
    color: var(--primary-1, #40b2e8)
}

/* .youtube-section {
    background-image: url(/imgs/2.png);
    background-position: center;
    background-size: cover;
} */

.prize-section,
.contact-page {
    background-image: url(/imgs/3..png);
    background-position: left;
    background-size: cover;
}

.prize-section .prize-bg {
    background-image: url(/imgs/prizes\ section.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
}

@media screen and (max-width: 767px) {
    .prize-section .prize-bg {
        background-size: contain;
        background-position: left 33%;
    }
}

.paths-section {
    background-image: url(/imgs/4.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.participation-section,
.trackone-participation,
.tracktwo-participation {
    background-image: url(/imgs/11.png);
    background-size: cover;
    background-position: top;
}

.guidelines-section,
.trackone-guidelines,
.tracktwo-guidelines {
    background-image: url(/imgs/5.png);
    background-position: top;
    background-size: cover;
}

.reading-section,
.trackone-reading,
.tracktwo-reading {
    background-image: url(/imgs/6.png);
    background-size: cover;
    background-position: center;
}

/* .goals-section {
    background-image: url(/imgs/5.png);
    background-size: cover;
    background-position: center;
} */

.goals-section .goal-col img {
    height: auto;
}

/* .reviews-section {
    background-image: url(/imgs/7.png);
    background-size: cover;
    background-position: center;
} */

.reviews-section .owl-carousel {
    direction: ltr;
}

.reviews-section .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 35px !important;
}

.effect-section {
    background-image: url(/imgs/9.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}

.footer-section {
    background-image: url(/imgs/FOOTER.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}

.footer-haad {
    color: #333;
    font-size: 25px;
    font-style: normal;
    font-weight: bold;
    position: relative;
}

.footer-haad::after {
    content: '';
    background-color: #ff7e00;
    position: absolute;
    bottom: 0;
    width: 30%;
    height: 1.2px;
    font-weight: bold !important;
    transition: all .3s ease-in-out;
}

@media screen and (max-width: 767px) {
    .footer-haad::after {
        right: unset !important;
        left: 50%;
        transform: translateX(-50%);
    }
}

.footer-haad:hover:after {
    width: 100%;
}

.footer-contact {
    color: var(--text-color, #333);
    /* font-family: 'Lilita One'; */
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.about-goals {
    background-image: url(/imgs/image\ 70.png);
    background-repeat: no-repeat;
    height: calc(100vh - 80px);
    background-position: center;
    position: relative;
    background-size: cover;
}

.about-goals::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #00000078;
}

.about-mission {
    background-image: url(/imgs/1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.about-learn {
    background-image: url(/imgs/4.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.contact-map {
    background-image: url(/imgs/3..png);
    background-repeat: no-repeat;
    background-size: cover;
}

.login-section {
    background-image: url(/imgs/4.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.login-section {
    background-image: url(/imgs/3..png) !important;
    background-repeat: no-repeat;
    background-size: cover;
}

.trackone-hero {
    background-image: url(/imgs/hero1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
}

.trackone-focus {
    background-image: url(/imgs/1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.trackone-video,
.tracktwo-video {
    background-image: url(/imgs/3..png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.trackone-video .trackone-environment,
.tracktwo-video .tracktwo-environment {
    background-image: url(/imgs/3..png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.tracktwo-learn {
    background-image: url(/imgs/1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.hero-section .hero-logo {
    width: 100px;
    height: auto;
}

.register-page {
    background-image: url(/imgs/3..png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.mega-title,
.mega-title-center {
    color: #ff7e00;
    position: relative;
    font-size: 28px;
    font-weight: bold !important;
    line-height: 150%;
    padding-bottom: 8px;
    text-transform: uppercase;
}

.mega-title::after,
.mega-title-center::after {
    content: '';
    background-color: #7dd3fc;
    position: absolute;
    bottom: 0;
    width: 30%;
    height: 3px;
    transition: all .3s ease-in-out;
}

.mega-title-center::after {
    left: 50%;
    transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
    .mega-title::after {
        right: unset;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media (min-width: 768px) {
    .nav-btns li {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media screen and (max-width: 767px) {
    #navbar-sticky {
        position: absolute;
        top: -15px;
        width: 100%;
        left: 0;
    }
}

@media screen and (max-width: 767px) {
    .dropdown-language {
        left: 50%;
        transform: translateX(-50%);
    }
}