/* --- Custom Colors --- */
        :root {
            --glocal-blue: #007bff; 
            --glocal-dark-blue: #009fda; 
            --glocal-light-grey: #f8f9fa; 
            --glocal-green: #28a745; 
            --glocal-red: #dc3545; 
        }
        
        html, body {
  overflow-x: hidden;
}

        /* --- Top Bar Styling --- */
        .top-header {
            background-color: var(--glocal-dark-blue); 
            color: #fff;
            font-size: 0.8rem; 
            padding: 18px 0;
        }
        .top-header .nav-link, .top-header span {
            color: #fff;
            padding: 0 10px;
            border-right: 1px solid rgba(255, 255, 255, 0.2);
            
        }
        .top-header .nav-link:last-child {
            border-right: none;
        }
        .top-header .social-icons a {
            color: #fff;
            margin-left: 10px;
            font-size: 1rem;
        }

        
        .main-navbar {
            box-shadow: 0 2px 4px rgba(0,0,0,.1);
          
        }
        .main-navbar .navbar-brand img {
            height: 50px; 
        }
        .main-navbar .nav-link {
            color: #343a40; 
            font-weight: 600;
            padding: 15px 15px;
        }
        .main-navbar .nav-link:hover {
            color: var(--glocal-blue); 
        }

     
        .side-button {
            position: fixed;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            z-index: 1050; 
            writing-mode: vertical-rl;
            text-orientation: mixed;
            padding: 10px 5px;
            cursor: pointer;
            font-weight: bold;
            color: #fff;
            border-radius: 5px 0 0 5px;
        }
        #result-button {
            left: 0;
            right: auto;
            background-color: var(--glocal-blue); 
            border-radius: 0 5px 5px 0;
        }
        #apply-button {
            background-color: #ffc107;
        }
        #login-button {
            top: 40%; 
            background-color: var(--glocal-dark-blue);
            right: 0;
        }
        #login-button.side-button {
             top: 40%;
             transform: translateY(-50%) rotate(180deg);
        }
        #apply-button.side-button {
             top: 60%;
             transform: translateY(-50%) rotate(180deg);
        }


       
        .carousel-item {
            position: relative;
            /*height: 600px; */
            background-color: #f0f0f0; 
        }

       
        .hero-section {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 30px 50px;
           
            background-size: cover;
            background-position: center;
            height: 600px;
        }
        .student-placements {
            display: grid;
            grid-template-columns: repeat(4, 1fr); 
            gap: 15px;
            max-width: 50%;
        }
        .student-card {
            text-align: center;
            position: relative;
        }
        .student-card img {
            width: 100%;
            height: auto;
            border-radius: 10px;
            object-fit: cover;
            border: 4px solid #fff;
          
        }
       
        .student-card-top-row::before {
            content: '';
            position: absolute;
            top: -10px;
            left: -10px;
            right: -10px;
            bottom: -30px;
            background: linear-gradient(135deg, #a050ff, #50a0ff); 
            opacity: 0.1;
            z-index: 0;
            border-radius: 15px;
        }
        .student-card-top-row .student-card {
            z-index: 1;
        }


        .congrats-text-container {
            max-width: 50%;
            text-align: right;
        }
        .congrats-text-container h1 {
            font-size: 3rem;
            font-family: cursive; 
            color: var(--glocal-dark-blue);
        }
        .congrats-text-container h2 {
            font-size: 1.5rem;
            font-weight: 300;
            color: #343a40;
            margin-bottom: 20px;
        }
        .medanta-logo-box {
            background-color: #fff;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0,0,0,.1);
            display: inline-block;
        }
        .medanta-logo-box img {
            max-width: 250px;
            height: auto;
        }

        /* --- Floating Contact Icons --- */
        .contact-float {
            position: fixed;
            left: 10px;
            bottom: 20px;
            z-index: 1060;
            display: flex;
            flex-direction: column;
            gap: 10px;
        }
        .contact-float a {
            font-size: 1.5rem;
            color: #fff;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 2px 5px rgba(0,0,0,.3);
        }
        .contact-float .whatsapp { background-color: #25d366; }
        .contact-float .phone { background-color: var(--glocal-green); }

        
        @media (max-width: 992px) {
            .hero-section {
                flex-direction: column;
                height: auto;
                padding: 20px;
                text-align: center;
            }
            .student-placements {
                max-width: 100%;
                grid-template-columns: repeat(2, 1fr); 
                margin-bottom: 30px;
            }
            .congrats-text-container {
                max-width: 100%;
                text-align: center;
            }
            .top-header .d-flex {
                flex-direction: column;
                align-items: center;
            }
        }
        
        
        
        
        
        

/*================Footer section=========*/

/* --- Footer Styling --- */
.glocal-footer {
    background-color: #022349;
    color: #fff;
    position: relative;
   
    background-image: url('../images/Footer-2.png'), linear-gradient(rgba(2, 35, 73, 0.8), rgba(2, 35, 73, 0.8)); /* Dark overlay */
    background-size: cover;
    background-position: center;
}

.glocal-footer a {
    color: #fff; /* White links */
    text-decoration: none;
    transition: color 0.3s;
}

.glocal-footer a:hover {
    color: #007bff; /* Light blue on hover */
}

.footer-heading {
    color: #fff;
    font-weight: 700;
    font-size: 1.1rem;
    position: relative;
    padding-bottom: 5px;
}
/* Underline/border for headings */
.footer-heading::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px; /* Small underline */
    height: 2px;
    background-color: #007bff;
}

/* Link List Styling */
.footer-links li {
    margin-bottom: 5px;
    font-size: 0.95rem;
}
.footer-links li i {
    font-size: 0.7rem;
    margin-right: 8px;
    color: #007bff; /* Blue icon */
}

/* Footer Bottom Section */
.footer-bottom {
    background-color: rgba(0, 0, 0, 0.2); /* Slightly darker bar */
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.copyright-text, .footer-terms a {
    font-size: 0.85rem;
    color: #ccc;
}
.footer-terms a:hover {
    color: #fff;
}


/* --- News Ticker (Smooth Scroll) Styling --- */

/* The viewport/window for the scrolling news */
.news-ticker-container {
    height: 200px; 
    overflow: hidden; 
    position: relative;
}

/* The content that will scroll */
.news-ticker-content {
    position: absolute;
    width: 100%;
   
    top: 100%; 
    animation: scroll-up 30s linear infinite; 
    
}

.news-item .small-dot {
    font-size: 0.4rem;
    vertical-align: middle;
    margin-right: 5px;
}
.news-item .news-link {
    font-weight: bold;
    display: inline;
}


@keyframes scroll-up {
    0% {
        top: 100%;
    }
    100% {
        top: -100%; 
    }
}


/*================Footer section=========*/




         /* --- Welcome Section Styling --- */
         .welcome-section {
         background-color: #fff; 
         }
         /* Image container styling */
         .main-image-container {
         padding-right: 80px; 
         }
         .welcome-main-img {
         height: auto;
         width: 100%;
         margin-top: -30px; 
         }
         .dedicated-box {
         background-color: #fff; 
         color: #022349; 
         position: absolute;
         bottom: -100px; 
         right: 0;
         width: 58%; 
         box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
         border-top: 5px solid #007bff; 
         }
         .dedicated-title {
         color: black; 
         font-size: 1.5rem;
         }
         .welcome-text-col {
         padding-left: 30px;
         }
         .tagline {
         font-size: 0.8rem;
         font-weight: 600;
         }
         .tagline-box {
         border: 1px solid #000; 
         padding: 3px 8px;
         display: inline-block;
         }
         .welcome-heading {
         color: #022349; 
         }
         .welcome-text {
         color: #6c757d; 
         font-size: 0.95rem;
         line-height: 1.6;
         }
         .more-about-btn {
         background-color: #007bff; 
         border-color: #007bff;
         padding: 10px 30px;
         font-size: 1.1rem;
         font-weight: 600;
         }
         /* --- Responsiveness (Mobile Adjustments) --- */
         @media (max-width: 991px) {
         .welcome-section .row {
         flex-direction: column;
         }
         .main-image-container {
         padding-right: 0; 
         padding-left: 0;
         }
         .dedicated-box {
         position: static;
         width: 90%; 
         margin: 20px auto;
         transform: translateY(0); 
         bottom: auto;
         }
         .welcome-text-col {
         padding: 0 15px;
         margin-top: 20px;
         }
         .welcome-heading {
         font-size: 2rem;
         }
         }
         .features-section {
         background-color: #f8f9fa;
         }
         .feature-box {
         position: relative;
         border: 1px solid #e9ecef;
         background-color: #fff;
         overflow: hidden;
         }
         .feature-heading-strip {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         padding: 10px 15px;
         /*transform: translateY(-50%);*/
         }
         .feature-heading-strip h3 {
         font-size: 1.25rem;
         font-weight: 700;
         }
         .feature-text {
         color: #343a40;
         font-size: 0.95rem;
         line-height: 1.6;
         min-height: 80px;
         }
         .feature-line {
         width: 30%;
         height: 4px;
         border-radius: 2px;
         }
         .full-blue-box {
         background-color: #022349;
         color: #fff;
         border: none;
         padding-top: 50px !important;
         }
         .full-blue-box .feature-heading-strip {
         background-color: #fff !important;
         box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
         }
         .full-blue-box .feature-heading-strip h3 {
         color: #022349 !important;
         }
         @media (max-width: 767px) {
         .feature-box {
         border-left: 1px solid #e9ecef;
         border-right: 1px solid #e9ecef;
         margin-bottom: 20px;
         }
         .feature-heading-strip {
         position: static;
         transform: translateY(0);
         width: auto;
         padding: 10px 15px;
         margin: -25px -25px 0 -25px;
         }
         .full-blue-box {
         padding-top: 20px !important;
         }
         }
         .our-schools-section {
         background-color: #f8f9fa;
         }
         .section-tagline {
         font-size: 0.8rem;
         font-weight: 600;
         color: #000;
         }
         .tagline-box-black {
         border: 1px solid #000;
         padding: 3px 8px;
         display: inline-block;
         }
         .section-title {
         color: #022349;
         }
         .section-description {
         color: #6c757d;
         font-size: 1rem;
         }
         .school-card {
         border: 1px solid #e9ecef;
         border-radius: 8px;
         overflow: hidden;
         background-color: #fff;
         transition: transform 0.3s ease-in-out;
         }
         .school-card:hover {
         transform: translateY(-5px);
         }
         .school-title-strip {
         border-top-left-radius: 8px;
         border-top-right-radius: 8px;
         }
         .school-title-strip h4 {
         font-size: 1.1rem;
         font-weight: 600;
         }
         .school-img-container {
         height: 180px;
         overflow: hidden;
         position: relative;
         }
         .school-img-container img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         transition: transform 0.5s ease;
         }
         .school-card:hover .school-img-container img {
         transform: scale(1.1);
         }
         .school-description {
         font-size: 0.9rem;
         color: #555;
         min-height: 70px;
         margin-bottom: 15px;
         }
         .learn-more-school-btn {
         background-color: #007bff;
         border-color: #007bff;
         font-size: 0.85rem;
         padding: 8px 15px;
         font-weight: 500;
         border-radius: 5px;
         }
         .learn-more-school-btn:hover {
         background-color: #0056b3;
         border-color: #0056b3;
         }
         @media (max-width: 767px) {
         .section-title {
         font-size: 2.5rem;
         }
         .section-description {
         width: 100% !important;
         }
         .school-img-container {
         height: 200px;
         }
         }
         .bg-primary{
         background-color: transparent !important;
         background-image: linear-gradient(170deg, #0245B6 30%, #003082 100%) !important;
         }
         .vc-message-row {
         background-color: #fff;
         border-bottom: 1px solid #eee;
         }
         .vc-image-card {
         position: relative;
         border-right: 1px solid #eee;
         }
         .vc-photo {
         height: auto;
         width: 100%;
         display: block;
         }
         .vc-info-box {
         background-color: #fff;
         }
         .tagline-vc {
         font-size: 0.8rem;
         font-weight: 600;
         }
         .tagline-box-black {
         border: 1px solid #000;
         padding: 3px 8px;
         display: inline-block;
         }
         .vc-heading {
         color: #022349;
         font-size: 2rem;
         }
         .vc-text {
         color: #555;
         font-size: 0.9rem;
         line-height: 1.7;
         margin-bottom: 10px;
         }
         .vc-message-content .more-about-btn {
         background-color: #007bff;
         border-color: #007bff;
         padding: 10px 30px;
         font-weight: 600;
         }
         .vc-separator {
         position: relative;
         text-align: center;
         color: #777;
         font-size: 0.9rem;
         padding: 0 20px;
         display: inline-block;
         }
         .vc-separator::before,
         .vc-separator::after {
         content: '';
         position: absolute;
         top: 50%;
         width: 100px;
         height: 1px;
         background-color: #ddd;
         }
         .vc-separator::before {
         right: 100%;
         margin-right: 10px;
         }
         .vc-separator::after {
         left: 100%;
         margin-left: 10px;
         }
         .leadership-heading {
         color: #022349;
         font-size: 2.2rem;
         }
         .leader-card {
         background-color: #fff;
         }
         .leader-img-container {
         height: auto;
         border-bottom: 1px solid #eee;
         padding-bottom: 10px;
         }
         .leader-img-container img {
         width: 100%;
         height: auto;
         max-height: 290px;
         object-fit: cover;
         display: inline-block;
         }
         .leader-designation-box {
         border-top: 1px solid #eee;
         padding-top: 5px !important;
         }
         .leader-name {
         font-size: 1rem;
         color: #000;
         margin-bottom: 5px;
         }
         .leader-designation {
         font-size: 0.85rem;
         }
         @media (max-width: 991px) {
         .vc-image-card {
         border-right: none;
         border-bottom: 1px solid #eee;
         }
         .vc-info-box {
         padding: 15px 0;
         }
         .vc-message-content {
         padding-top: 20px;
         padding-left: 15px;
         }
         .vc-heading {
         font-size: 1.8rem;
         }
         .vc-separator {
         width: 100%;
         margin: 20px 0;
         }
         .vc-separator::before,
         .vc-separator::after {
         width: 30%;
         }
         }
         @media (max-width: 767px) {
         .leadership-section .row {
         --bs-columns: 2;
         }
         }
         /*testimonal section*/
         .testimonials-section {
         background-color: #f5f5f5;
         }
         .testimonial-title {
         color: #000;
         }
         .testimonial-photo-container {
         width: 100px;
         height: 100px;
         overflow: hidden;
         }
         .testimonial-photo {
         width: 100%;
         height: 100%;
         object-fit: cover;
         border: 3px solid #fff;
         box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
         }
         .testimonial-name {
         font-size: 1.2rem;
         color: #000;
         }
         .testimonial-quote {
         font-size: 0.95rem;
         color: #555;
         line-height: 1.6;
         }
         .large-quote-icon {
         font-size: 3rem;
         color: #007bff;
         background-color: #007bff;
         color: #fff;
         width: 60px;
         height: 60px;
         border-radius: 0 0 0 50%;
         display: flex;
         align-items: center;
         justify-content: center;
         font-weight: 700;
         opacity: 1;
         transform: translate(20px, -20px);
         }
         .carousel-control-prev,
         .carousel-control-next {
         width: 5%;
         }
         .testimonial-arrow {
         font-size: 2rem;
         color: #000;
         opacity: 0.5;
         }
         .carousel-control-prev:hover .testimonial-arrow,
         .carousel-control-next:hover .testimonial-arrow {
         opacity: 1;
         }
         @media (max-width: 767px) {
         .testimonial-quote {
         width: 95% !important;
         }
         .large-quote-icon {
         font-size: 2.5rem;
         width: 50px;
         height: 50px;
         transform: translate(10px, -10px);
         }
         .carousel-control-prev,
         .carousel-control-next {
         width: 10%;
         }
         }