@media (max-width: 420px) {
    .wa-float {
        width: 45px !important;
        height: 45px !important;
    }
}

@media(max-width:560px) {
    .hero {
        padding: 130px 0 0px !important;
    }

    .oc1 {

        left: 15% !important;
    }

    .oc2 {
        right: -2% !important;
    }
}

.wa-float {
    bottom: 26px !important;
    right: 26px !important;
    width: 45px !important;
    height: 45px !important;
}

.wa-float::before {
    animation: none !important;
}

.totop {
    bottom: 80px !important;
    right: 26px !important;
    background-color: #05277b !important;
}

.jee-program::before{
        background: unset !important;
}

.jee-hero{
        background: radial-gradient(880px 520px at 88% -8%, rgb(255 138 0 / 0%), transparent 60%), radial-gradient(600px 500px at 6% 108%, rgb(255 138 0 / 0%), transparent 60%), linear-gradient(150deg, var(--navy-deep) 0%, var(--navy) 55%, #142a72 100%) !important;
}

.jee-schol-banner::after{
     background: unset !important;
}

.jee-schol-banner{
        background: radial-gradient(1100px 420px at 15% 0%, rgb(255 138 0 / 0%), transparent 55%), linear-gradient(120deg, var(--navy-deep) 0%, var(--navy) 60%, #142a72 100%) !important;
}

.glr-cta-banner{
        background: radial-gradient(1100px 420px at 15% 0%, rgb(255 138 0 / 0%), transparent 55%), linear-gradient(120deg, var(--navy-deep) 0%, var(--navy) 60%, #142a72 100%) !important;
}

.glr-cta-banner::after {
        background: radial-gradient(circle, rgb(255 138 0 / 0%), transparent 70%) !important;
}

.scholarship-banner::before{
    background: radial-gradient(circle, rgb(234 146 36 / 0%), transparent 70%) !important;
}


.scholarship-banner{
    background: linear-gradient(120deg, var(--navy) 0%, #1D2E5C 55%, #132248 130%) !important;
}

.glr-hero{
    padding-top: 100px !important
    ;
}