/* Google Font (Optional, but looks modern) */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');

body {
    font-family: 'Poppins', sans-serif;
    /* Smooth scrolling */
    scroll-behavior: smooth;
}

/* --- Section Padding --- */


/* --- Carousel Styling --- */
.carousel-item {
    height: 70vh; /* 70% of the viewport height */
    min-height: 400px;
}

.carousel-item img {
    object-fit: cover; /* Ensures image covers the area without distortion */
    height: 100%;
}

.carousel-caption {
    background: rgba(0, 0, 0, 0.5); /* Dark overlay for text readability */
    border-radius: 10px;
    padding: 15px;
}

/* --- Notice Bar --- */
.notice-bar {
    padding: 10px;
    font-weight: 500;
}

/* --- Course Card Animation --- */
.course-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.course-card:hover {
    transform: translateY(-10px); /* Lifts the card up */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15) !important;
}

/* --- Gallery Image Animation --- */
.gallery-img {
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.gallery-img:hover {
    transform: scale(1.05); /* Zoom in effect */
    opacity: 0.9;
}

/* --- Partners Logo Scroll Animation (Right to Left) --- */
.partners-container {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    padding: 20px 0;
}

.partners-scroll {
    display: inline-block;
    /* Animation: name, duration, timing-function, iteration-count */
    animation: scroll-rtl 30s linear infinite;
}

.partners-scroll img {
    height: 80px; /* Adjust logo height */
    margin: 0 40px;
    filter: grayscale(1); /* Makes logos look uniform */
    transition: filter 0.3s ease;
}

.partners-scroll img:hover {
    filter: grayscale(0); /* Color on hover */
}

/* Keyframes for the scrolling animation */
@keyframes scroll-rtl {
    0% {
        transform: translateX(0%);
    }
    100% {
        /* Move 50% left (half the total width, since we duplicated logos) */
        transform: translateX(-50%);
    }
}

/* --- Fade-in Animation on Scroll --- */
.fade-in {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.fade-in.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* --- Footer --- */
footer a.text-white:hover {
    text-decoration: underline !important;
}

footer .btn-outline-light:hover {
    background-color: #fff;
    color: #343a40; /* Dark color */
}
.olbtn{
    padding: 4px 10px;
    background-color: rgba(208, 255, 0, 0.945);
    color: Black;
    border-radius: 16px 0px;
    animation: fade-in-normal 1s ease-out 0s infinite normal forwards;
    text-decoration: none;
}

.glowlink{
    color: #ffffff;
    /* text-shadow: rgb(255 255 255) 0px 1px 20px; */
    padding: 5px;
    border-radius: 0px 16px;
    background-color: #bb41b9;
    /* animation: vibrate-3-normal 1s ease 0s infinite normal none; */
    text-decoration: none;
}

 @keyframes vibrate-3-normal {0% { transform: translate(0); } 10% { transform: translate(-2px, -2px); } 20% { transform: translate(2px, -2px); } 30% { transform: translate(-2px, 2px); } 40% { transform: translate(2px, 2px); } 50% { transform: translate(-2px, -2px); } 60% { transform: translate(2px, -2px); } 70% { transform: translate(-2px, 2px); } 80% { transform: translate(-2px, -2px); } 90% { transform: translate(2px, -2px); } 100% { transform: translate(0);} }


@keyframes fade-in-normal {0% { opacity: 0; } 100% { opacity: 1;} }
.mn-logo{
    height:105px;
    filter: drop-shadow(0 0 10px #ffffff);
}
@media screen and (max-width: 769px) {
  .mn-logo{
    width: 100px;
    height: 100px;
    
    
  }
}