/* Custom animations */
.animate-pulse-gentle {
    animation: pulse 2s infinite alternate;
}

@keyframes pulse {
    0% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

.animate-spin-slow {
    animation: spin 7s linear infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.animate-drift {
    animation: drift 20s linear infinite;
}

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

    50% {
        transform: translateY(30px);
    }

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

.animate-fade-in-down {
    animation: fadeInDown 1s forwards;
    opacity: 0;
}

.animate-fade-in-up {
    animation: fadeInUp 1s forwards;
    opacity: 0;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.motion-aware {
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 1.5s ease-in-out;
}

/* Responsive: Hide on small screens */
@media (max-width: 1024px) {
    .lg-block {
        display: none;
    }
}


/* Marquee Animation */
@keyframes marquee {
    0% {
        transform: translateX(0);
    }

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

.animate-marquee {
    animation: marquee 28s linear infinite;
}

/* Text Glow (simulate animate-text-glow) */
.animate-text-glow {
    text-shadow: 0 0 8px #f26622, 0 0 20px #f2662278;
}

/* Utility fallback for white/10 or [#f26622] classes if Tailwind missing */
.bg-white\/10 {
    background-color: rgba(255, 255, 255, 0.10);
}

.text-\[\#f26622\] {
    color: #f26622;
}

.border-\[\#f26622\]\/30 {
    border-color: #f26622;
    border-opacity: 0.3;
}


.motion-aware {
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.animate-spin-slow {
    animation: spin 7s linear infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.animate-drift {
    animation: drift 26s linear infinite;
}

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

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

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

/* Responsive Hide */
@media (max-width: 768px) {

    .md-block,
    .lg-block {
        display: none;
    }
}

@media (max-width: 1024px) {
    .lg-block {
        display: none;
    }
}

/* Optional background blur for orange block */
.blur-3xl {
    filter: blur(24px);
}


.motion-aware {
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.animate-spin-slow {
    animation: spin 7s linear infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.animate-pulse-gentle {
    animation: pulse 2s infinite alternate;
}

@keyframes pulse {
    0% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

/* Responsive Hides */
@media (max-width: 1024px) {
    .lg-block {
        display: none;
    }
}



.motion-aware {
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.animate-spin-slow {
    animation: spin 8s linear infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.animate-pulse-gentle {
    animation: pulse 2s infinite alternate;
}

@keyframes pulse {
    0% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

.animate-drift {
    animation: drift 18s linear infinite;
}

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

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

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

@media (max-width: 1024px) {
    .lg-block {
        display: none;
    }
}



.motion-aware {
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.animate-pulse-gentle {
    animation: pulse 2s infinite alternate;
}

@keyframes pulse {
    0% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

.animate-drift {
    animation: drift 22s linear infinite;
}

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

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

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

/* Responsive hide for non-lg screens */
@media (max-width: 1024px) {
    .lg-block {
        display: none;
    }
}



.motion-aware {
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.animate-pulse-gentle {
    animation: pulse 2s infinite alternate;
}

@keyframes pulse {
    0% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

.animate-spin-slow {
    animation: spin 8s linear infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.animate-drift {
    animation: drift 20s linear infinite;
}

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

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

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

/* Slider container and slides */
.slider-container {
    overflow: hidden;
    max-width: 750px;
    margin: 0 auto;
    position: relative;
}

.slider-track {
    display: flex;
    transition: transform 0.5s ease;
    will-change: transform;
}

.slide {
    flex: 0 0 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* Navigation buttons */
.nav-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(88, 89, 91, 0.5);
    padding: 0.5rem;
    border-radius: 9999px;
    cursor: pointer;
    color: white;
    z-index: 10;
    transition: background-color 0.3s;
}

.nav-button:hover {
    background-color: rgb(88, 89, 91);
}

.nav-button.left {
    left: 1rem;
}

.nav-button.right {
    right: 1rem;
}



/* Our Graduates Are Hired By Top Companies & Startups */
.motion-aware {
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.clip-chevron {
    clip-path: polygon(0 0, 100% 50%, 0 100%);
}

/* Responsive hides */
@media (max-width: 1024px) {
    .lg-block {
        display: none;
    }
}



/* From Campus to a Global Career */
.motion-aware {
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.animate-pulse-gentle {
    animation: pulse 2s infinite alternate;
}

@keyframes pulse {
    0% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

.animate-spin-slow {
    animation: spin 7s linear infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.animate-drift {
    animation: drift 28s linear infinite;
}

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

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

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

/* Responsive hide */
@media (max-width: 1024px) {
    .lg-block {
        display: none;
    }
}