/* Import Noto Sans Devanagari font for headings */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Devanagari:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* Import Hind font for paragraph content */
@import url('https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&display=swap');

/* global.css */
:root {
    --bg-primary: #0b2e4d;
}
  
body {
    font-family: 'Hind', sans-serif;
    background-color: #E6ECF1; /* Light yellow-cream background */
    color: #333;
}
.top-full {
    top: 58px !important;
}

/* Apply Hind font to all paragraph content */
p, .text-base, .text-sm, .text-lg, .text-xl,
.paragraph, .description, .content,
.text-gray-700, .text-gray-600, .text-gray-800,
.text-yellow-700, .text-yellow-600, .text-orange-600, .text-orange-700,
.text-blue-600, .text-blue-700, .text-green-600, .text-green-700,
.text-red-600, .text-red-700, .text-purple-600, .text-purple-700,
.font-normal, .font-medium, .font-light {
            font-family: 'Hind', sans-serif !important;
        }

/* Additional content areas that should use Hind font */
.award-card p, .award-card .text-base, .award-card .text-sm,
.jury-card p, .jury-card .text-base, .jury-card .text-sm,
.contact-form p, .contact-form .text-base, .contact-form .text-sm,
.office-hours p, .office-hours .text-base, .office-hours .text-sm,
.social-media p, .social-media .text-base, .social-media .text-sm,
.about-content p, .about-content .text-base, .about-content .text-sm,
.category-description p, .category-description .text-base, .category-description .text-sm,
.instructions-content p, .instructions-content .text-base, .instructions-content .text-sm {
            font-family: 'Hind', sans-serif !important;
        }

/* Form elements and input text */
input, textarea, select, label, .form-label, .input-text {
            font-family: 'Hind', sans-serif !important;
        }

/* Navigation text that's not a heading */
nav a, .nav-link, .menu-item, .dropdown-item {
            font-family: 'Hind', sans-serif !important;
        }

/* Apply Noto Sans Devanagari to all headings */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
[class*="text-"]:is([class*="text-1"], [class*="text-2"], [class*="text-3"], [class*="text-4"], [class*="text-5"], [class*="text-6"]),
.font-bold, .font-semibold, .font-extrabold,
.section-title,
.award-card h2, .award-card h3, .award-card h4,
.jury-card h3, .jury-card h4,
.slider-caption h2,
.contact-form h2,
.contact-info h3,
.office-hours h2,
.social-media h2 {
            font-family: 'Noto Sans Devanagari', sans-serif !important;
        }

/* Additional specific heading styles */
.text-2xl, .text-3xl, .text-4xl, .text-5xl, .text-6xl,
.text-xl, .text-lg {
            font-family: 'Noto Sans Devanagari', sans-serif !important;
        }

/* Navigation and menu headings */
nav h1, nav h2, nav h3,
.dropdown-menu h3, .dropdown-menu h4,
.mobile-menu h3, .mobile-menu h4 {
            font-family: 'Noto Sans Devanagari', sans-serif !important;
        }

/* Form and button text that should use the heading font */
button[type="submit"], .btn-primary, .btn-secondary,
.form-title, .form-heading {
            font-family: 'Noto Sans Devanagari', sans-serif !important;
        }

/* Ensure proper font loading */
@font-face {
            font-family: 'Noto Sans Devanagari';
            font-display: swap;
        }

@font-face {
            font-family: 'Hind';
            font-display: swap;
        }

/* Typography improvements for better readability */
p {
            line-height: 1.6;
            margin-bottom: 1rem;
        }

.text-base, .text-sm, .text-lg, .text-xl {
            line-height: 1.5;
        }

/* Ensure proper font rendering */
body, p, div, span, a, li, td, th {
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            text-rendering: optimizeLegibility;
        }
        .container {
            max-width: 1170px !important;
            margin: 0 auto;
            /* padding: 1.5rem; */
        }
        .section-title {
            border-bottom: 2px solid var(--bg-primary); /* Yellow border */
            padding-bottom: 0.5rem;
            margin-bottom: 1.5rem;
        }
        .award-card {
            background-color: #ffffff;
            border-radius: 0.75rem; /* Rounded corners */
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            padding: 1.5rem;
            margin-bottom: 1.5rem;
            transition: transform 0.2s ease-in-out;
        }
        .award-card:hover {
            transform: translateY(-5px);
        }
        .award-number {
            background-color: var(--bg-primary); /* Yellow background for number */
            color: white;
            border-radius: 9999px; /* Fully rounded */
            width: 2.5rem;
            height: 2.5rem;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            flex-shrink: 0; /* Prevent shrinking */
        }
        .selection-criteria {
            margin-top: 1rem;
            padding-left: 1rem;
            border-left: 3px solid #fcd34d; /* Lighter yellow border */
        }
        /* Custom style for the About Section card */
        .about-card-gradient {
            background: linear-gradient(135deg, #fffbeb 0%, #ffffff 100%); /* Light yellow to white gradient */
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* Stronger shadow */
        }
        /* Custom style for Jury Member card */
        .jury-slider .slick-track {
            align-items: stretch;
            display: flex;
            gap: 20px;
        }
        .jury-card {
            background-color: #ffffff; 
            border-radius: 0.75rem;
            /* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); */
            padding: 1.5rem;
            text-align: center;
            transition: transform 0.2s ease-in-out;
            display: flex;
            flex-direction: column;
            align-items: center;
            min-height: 100%;
        }
        .jury-card:hover {
            transform: translateY(-5px);
        }
        .jury-image {
            width: 120px;
            height: 120px;
            border-radius: 50%;
            object-fit: cover;
            border: 3px solid #99B3C7; 
            margin-bottom: 1rem;
            margin: 0 auto 10px;
        }
        /* Slider specific styles */
        .slider-container {
            position: relative;
            /* max-width: 1200px; */
            margin: 0 auto 0rem;
            overflow: hidden;
            /* border-radius: 0.75rem; */
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
      
        .slider-button {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.5);
            color: white;
            border: none;
            padding: 0.75rem 1rem;
            cursor: pointer;
            font-size: 1.5rem;
            border-radius: 0.5rem;
            transition: background-color 0.3s ease;
            z-index: 10;
        }
        .slider-button:hover {
            background-color: rgba(0, 0, 0, 0.7);
        }
        .slider-button.prev {
            left: 1rem;
        }
        .slider-button.next {
            right: 1rem;
        }
        .slider-caption {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
            color: white;
            padding: 1.5rem;
            text-align: center;
            opacity: 0; /* Start hidden */
            transition: opacity 0.5s ease-in-out;
        }
        .slider-caption h2 {
            font-size: 2rem;
            font-weight: bold;
            margin-bottom: 0.5rem;
        }
        .slider-caption p {
            font-size: 1rem;
        }
  .advisory-container {
            position: relative;
            width: 100%;
            padding: 2rem;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 80vh;
            background-color: #0c1a2e; 
        }

        .center-circle {
            width: 250px;
            height: 250px;
            background-color: #922026; /* Deep red color */
            border-radius: 50%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            color: white;
            z-index: 10;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
            border: 5px solid #ffcc00;
        }

        .member-card {
            position: absolute;
            background-color: transparent;
            color: white;
            text-align: center;
            width: 150px;
            z-index: 5;
            padding: 0.5rem;
        }
		
		.video-dot 
		{
		display: none !important;
		}


        .member-card h3 {
            font-size: 1rem;
            font-weight: 600;
            line-height: 1.2;
            margin-bottom: 0.25rem;
        }

        .member-card p {
            font-size: 0.8rem;
            line-height: 1.2;
            opacity: 0.8;
        }

        /* Positions for each member card */
        .card-top { top: 10%; }
        .card-top-left { top: 25%; left: 15%; }
        .card-top-right { top: 25%; right: 15%; }
        .card-mid-left { top: 50%; left: 5%; transform: translateY(-50%); }
        .card-mid-right { top: 50%; right: 5%; transform: translateY(-50%); }
        .card-bottom-left { bottom: 25%; left: 15%; }
        .card-bottom-right { bottom: 25%; right: 15%; }
        .card-bottom { bottom: 10%; }

        /* Mobile adjustments */
        @media (max-width: 768px) {
            .center-circle {
                width: 150px;
                height: 150px;
                border-width: 3px;
            }
            .center-circle h2 {
                font-size: 1.25rem;
            }
            .center-circle p {
                font-size: 0.8rem;
            }
            .member-card {
                width: 100px;
            }
            .member-card h3 {
                font-size: 0.8rem;
            }
            .member-card p {
                font-size: 0.6rem;
            }
        }

/* Mobile Navigation Styles */
@media (max-width: 767px) {
	
	
    
    #mobile-menu ul {
        padding: 0;
        margin: 0;
    }
    
    #mobile-menu li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    }
    
    #mobile-menu li:last-child {
        border-bottom: none;
    }
    
    #mobile-menu a {
        padding: 1rem 1.5rem;
        display: inline-flex;
        color: var(--bg-primary);
        text-decoration: none;
        transition: background-color 0.3s ease;
        width: 100%;
    }
    #download-btn {
        width: 200px !important;
        padding: 7px !important;
        display: flex !important;
        justify-content : center;
        margin: 12px;
    }
    
    #mobile-menu a:hover {
        background-color: rgba(255, 255, 255, 0.1);
    }
    
    /* Mobile dropdown menu */
    #mobile-menu .bg-yellow-600 {
        background-color: rgba(255, 255, 255, 0.1) !important;
        margin: 0;
        border-radius: 0;
    }
    
    #mobile-menu .bg-yellow-600 a {
        padding: 0.75rem 2rem;
        color: white;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        font-size: 0.9rem;
    }
    
    #mobile-menu .bg-yellow-600 a:last-child {
        border-bottom: none;
    }
    
    #mobile-menu .bg-yellow-600 a:hover {
        background-color: rgba(255, 255, 255, 0.2);
    }
    #banner-slider .slick-list {
        width: 100%;
        height: auto !important; 
    }
}

/* Ensure mobile menu button is properly positioned */
#mobile-menu-button {
    position: relative;
    z-index: 1001;
    cursor: pointer;
}

/* Video Carousel Styles */
.video-carousel-container {
    position: relative;
    max-width: 100%;
    overflow: hidden;
}

.video-carousel {
    position: relative;
    width: 100%;
}

.video-carousel-track {
    display: flex;
    transition: transform 0.5s ease-in-out;
    width: 100%;
}

.video-item {
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.video-item:hover {
    transform: translateY(-5px);
}

.video-item .aspect-video {
    aspect-ratio: 16/9;
    background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
    position: relative;
    overflow: hidden;
}

.video-item .aspect-video svg {
    transition: all 0.3s ease;
}

.video-item:hover .aspect-video svg {
    transform: scale(1.1);
    color: #ca8a04;
}

.video-nav-btn {
    transition: all 0.3s ease;
    opacity: 0.8;
}

.video-nav-btn:hover {
    opacity: 1;
    transform: scale(1.1);
}

.video-nav-btn:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.video-dots {
    margin-top: 1.5rem;
}

.video-dot {
    transition: all 0.3s ease;
    cursor: pointer;
}

.video-dot.active {
    background-color: #ca8a04;
    transform: scale(1.2);
}

.video-dot:hover {
    background-color: #ca8a04;
}

/* Responsive adjustments for video carousel */
@media (max-width: 768px) {
    .video-item {
        width: 100%;
        margin: 0 0.5rem;
    }
    
    .video-carousel-track {
        transform: none !important;
    }
    
    .video-nav-btn {
        display: none;
    }
    
    .video-dots {
        margin-top: 1rem;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .video-item {
        width: 50%;
    }
}

/* Social Media Icons Styles */
.social-icon-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    transition: all 0.3s ease;
}

.social-icon-link:hover {
    transform: translateY(-5px);
}

.social-icon-link div {
    transition: all 0.3s ease;
}

.social-icon-link:hover div {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.social-icon-link span {
    transition: color 0.3s ease;
}

.social-icon-link:hover span {
    color: #ca8a04;
}

/* Responsive social media icons */
@media (max-width: 768px) {
    .social-icon-link div {
        padding: 0.75rem;
    }
    
    .social-icon-link svg {
        width: 1.5rem;
        height: 1.5rem;
    }
    
    .social-icon-link span {
        font-size: 0.75rem;
    }
}

/* Hide mobile menu on desktop */
@media (min-width: 768px) {
    #mobile-menu {
        display: none !important;
    }
    
    #mobile-menu-button {
        display: none !important;
    }
}
#banner-slider .slider-image {
    width: 100%;
    height: 550px; /* Fixed height for consistency */
    object-fit: cover; /* Cover the area, cropping if necessary */
    display: block;
    transition: opacity 0.5s ease-in-out;
}
#banner-slider .slick-list {
    width: 100%;
    height: 550px; 
}
  .slider {
 position: relative;
  max-width: 100%;
  margin: auto;
  overflow: hidden;
  transition: height 0.4s ease; /* smooth height adjust */
    }

    .slides {
	 display: flex;
 	 transition: transform 0.5s ease-in-out;
    }

    .slide {
 	flex: 0 0 100%;
    }

    .slide img {
      width: 100%;
      display: block;
      /* object-fit: cover;
      height: 550px; */
    }

    /* Arrows */
    .prev, .next {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background-color: rgba(0, 0, 0, 0.5);
      color: white;
      border: none;
      padding: 10px;
      cursor: pointer;
      border-radius: 50%;
      font-size: 20px;
      z-index: 10;
      height: 50px;
      width: 50px;
    }

    .prev { left: 10px; }
    .next { right: 10px; }

    /* Responsive */
    @media (max-width: 768px) {
      .prev, .next {
        padding: 8px;
        font-size: 16px;
      }
    }