/*@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');*/
@import url('../externals/css2.css');


/******************************FONT CHANGES STARTED!!***************************/
:root {
    --ireda-green: #28a745;
    --ireda-blue: #0d47a1;
    --ireda-gold: #ffc107;
    --govt-grey: #f8f9fa;
    --ireda-font: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/*************************A-, A, A+ ********************/

:root {
  --font-scale-small: 0.875;  /* ~14px */
  --font-scale-normal: 1;     /* ~16px */
  --font-scale-large: 1.25;   /* ~20px */
}

:root {
        --navy   : #0f1f5c;
        --blue   : #1e3a8a;
        --mid    : #2563eb;
        --light  : #3b82f6;
        --pale   : #dbeafe;
        --xpale  : #eff6ff;
        --white  : #ffffff;
        --pg     : #f0f4f8;

        --t1     : #1e293b;
        --t2     : #374151;
        --t3     : #64748b;
        --border : #e2e8f0;

        /* ONE gradient used everywhere */
        --G      : linear-gradient(135deg, var(--navy) 0%, var(--blue) 50%, var(--mid) 100%);

        --r1 : 20px;
        --r2 : 14px;
        --r3 :  8px;

        --s1 : 0 4px 16px  rgba(30,58,138,.08);
        --s2 : 0 10px 40px rgba(30,58,138,.13);
        --s3 : 0 20px 64px rgba(30,58,138,.18);

        --header-h : 98px;
        --sb-w     : 20vw;
        --ease     : cubic-bezier(.4,0,.2,1);
        --t        : all .28s cubic-bezier(.4,0,.2,1);
    }

html.font-small { font-size: calc(16px * var(--font-scale-small)); }
html.font-normal { font-size: 16px; }
html.font-large { font-size: calc(16px * var(--font-scale-large)); }

.utility-font-btn.active {
  background: rgba(37,99,235,0.2) !important;
  color: #2563eb !important;
  transform: scale(1.05);
}

/************************* A-, A, A+ ********************/


body {
    font-family: var(--ireda-font);
    line-height: 1.6;
    color: #333;
    font-weight: 400;
    /*font-size: 14px;*/
	font-size: 0.875rem;
}


.utility-bar {
    font-size: 0.85rem;
}



.navbar-nav .nav-link {
    font-family: var(--ireda-font);
    font-weight: 500;
    font-size: 0.875em;
}

.glass-btn {
    font-family: var(--ireda-font);
    /*font-size: 13.5px;*/ font-size: 0.84rem;
    font-weight: 600;
}

.ireda-dropdown .dropdown-item {
    font-family: var(--ireda-font);
    /*font-size: 14px;*/ font-size: 0.875rem;
    font-weight: 500;
}



.ireda-header .utility-font-btn {
    font-size: clamp(0.65rem, 2.5vw, 0.72rem) !important;  /* Responsive base */
}

.font-small .ireda-header .utility-font-btn,
.font-small .glass-btn,
.font-small #navbar {
    font-size: 0.7rem !important;  /* Fine-tune small mode */
}

.font-large .ireda-header .utility-font-btn,
.font-large .glass-btn,
.font-large #navbar {
    font-size: 0.95rem !important;  /* Fine-tune large mode */
}

/* Ensure nav scales */
.font-small .nav-link,
.font-large .nav-link { 
    font-size: clamp(0.75rem, 4vw, 0.95rem) !important; 
}



/*************************************FONT CHANGES DONE!!*********************************/



.navbar-nav .nav-link {
    font-weight: 500;
    padding: 0.75rem 1.25rem;
}

.navbar-nav .nav-link.active {
    color: var(--ireda-green) !important;
    border-bottom: 3px solid var(--ireda-green);
}

.dropdown-menu {
    border: none;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    padding: 0.5rem 0;
}

.card {
    border: none;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
}

.card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

/* Animations (subtle) */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
    animation: fadeIn 1s ease-out;
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    * { animation-duration: 0.01ms !important; }
}

/* Print styles */
@media print {
    .navbar, .hero-banner { display: none; }
}
 
/* Add to existing CSS */
.hover-lift {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.hover-lift:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.12) !important;
}

.sector-card:hover .sector-icon {
    transform: scale(1.1);
}

.stats-card {
    padding: 1rem;
}

.stats-card .h1 {
    font-size: 2.5rem;
}

@media (max-width: 768px) {
    .stats-card .h1 { font-size: 2rem; }
}

/* Add to existing CSS */

.text-white-50 { color: rgba(255,255,255,0.5) !important; }
.text-white-50:hover { color: rgba(255,255,255,0.8) !important; }

.card-header { border-bottom: 1px solid rgba(0,0,0,0.05); font-weight: 600; }
.bg-gradient { color: white; }

footer a:hover { color: var(--ireda-gold) !important; }
footer ul li { margin-bottom: 0.5rem; }

@media (max-width: 768px) {
    .h2 { font-size: 1.75rem; }
    .display-3 { font-size: 2.5rem; }
}





/****************************************** IREDA HEADER - PERFECT POSITIONING *********************************************/

/* HEADER SCROLL EFFECTS */
/*.ireda-header {
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    border: none !important;
}*/
/* AFTER - always solid */
.ireda-header {
    background: rgba(255,255,255,0.98) !important;
    box-shadow: 0 12px 40px rgba(0,0,0,0.15) !important;
    backdrop-filter: blur(25px) !important;
    border-bottom: 2px solid rgba(30,58,138,0.3) !important;
}

.ireda-header.scrolled {
    background: rgba(255,255,255,0.98) !important;
    box-shadow: 0 12px 40px rgba(0,0,0,0.15) !important;
    border-bottom: 2px solid rgba(30,58,138,0.3) !important;
    backdrop-filter: blur(25px) !important;
}

.ireda-header .header-bg-overlay.scrolled {
    background: rgba(255,255,255,0.98) !important;
    backdrop-filter: blur(25px) !important;
}

/* ROUNDED LOGO */
.ireda-header .col-lg-2 img {
    border-radius: 12px !important;
    border: 2px solid rgba(255,255,255,0.3) !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.1) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.ireda-header.scrolled .col-lg-2 img {
    border-color: rgba(30,58,138,0.2) !important;
    box-shadow: 0 4px 20px rgba(30,58,138,0.15) !important;
}

.ireda-header .col-lg-2 a:hover img {
    transform: scale(1.05) !important;
    box-shadow: 0 8px 25px rgba(37,99,235,0.3) !important;
}

/* POSITIONING */
.top-8px { top: 8px !important; }
.end-8px { right: 8px !important; }
.bottom-8px { bottom: 8px !important; }

/* MINIMALISTIC UTILITY BUTTONS */
#utility-row {
    height: 28px !important;
    z-index: 5000 !important;
}

.utility-link,
.utility-lang-btn,
.utility-icon-btn,
.utility-font-btn {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 0.4rem 0.8rem !important;
/*    font-size: 11.5px !important; 
*/    font-size: 0.72rem;
	font-weight: 500 !important;
    color: rgba(255,255,255,0.9) !important;
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    border-radius: 6px !important;
    margin: 0 0.125rem !important;
}

.ireda-header.scrolled .utility-link,
.ireda-header.scrolled .utility-lang-btn,
.ireda-header.scrolled .utility-icon-btn,
.ireda-header.scrolled .utility-font-btn {
    color: #1e3a8a !important;
    background: rgba(255,255,255,0.7) !important;
}

.ireda-header.scrolled .utility-link:hover,
.ireda-header.scrolled .utility-lang-btn:hover,
.ireda-header.scrolled .utility-icon-btn:hover,
.ireda-header.scrolled .utility-font-btn:hover {
    color: #2563eb !important;
    background: rgba(37,99,235,0.15) !important;
    box-shadow: 0 4px 12px rgba(37,99,235,0.25) !important;
    transform: translateY(-1px) !important;
}

.ireda-header .col-lg-2,
.ireda-header .col-lg-2 * {
    border: none !important;
    border-right: none !important;
    border-bottom: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.ireda-header .col-lg-2 a,
.ireda-header .col-lg-2 img {
    border: none !important;
    background: transparent !important;
}

.utility-lang-btn { 
    padding: 0.4rem 0.7rem !important; 
    min-width: 28px !important; 
    border-radius: 20px !important; 
    font-weight: 600 !important; 
}
.utility-icon-btn { 
    width: 26px !important; 
    height: 26px !important; 
    padding: 0.3rem !important; 
    font-size: 12px !important; 
    border-radius: 50% !important; 
    justify-content: center !important; 
    color: rgba(255,255,255,0.9) !important; 
}
.utility-font-btn { 
    font-weight: 600 !important; 
    padding: 0.4rem 0.6rem !important;
}
.utility-divider { 
    color: rgba(255,255,255,0.7) !important; 
    font-size: 12px !important; 
    font-weight: 400 !important; 
    align-self: center !important; 
}
.ireda-header.scrolled .utility-divider { 
    color: #64748b !important; 
}

.theme-toggle {
    width: 26px !important;
    height: 26px !important;
    padding: 0.3rem !important;
    font-size: 12px !important;
    border-radius: 50% !important;
    justify-content: center !important;
    color: rgba(255,255,255,0.9) !important;
    position: relative !important;
    overflow: hidden !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/*.theme-toggle .bi-moon-stars-fill { display: block !important; }
.theme-toggle .bi-sun-fill { display: none !important; }
body.dark-theme .theme-toggle .bi-moon-stars-fill { display: none !important; }
body.dark-theme .theme-toggle .bi-sun-fill { display: block !important; }*/

/* Light mode — show moon */
[data-bs-theme="light"] .theme-toggle .bi-moon-stars-fill { display: block !important; }
[data-bs-theme="light"] .theme-toggle .bi-sun-fill        { display: none  !important; }

/* Dark mode — show sun */
[data-bs-theme="dark"] .theme-toggle .bi-moon-stars-fill  { display: none  !important; }
[data-bs-theme="dark"] .theme-toggle .bi-sun-fill         { display: block !important; }

.ireda-header.scrolled .theme-toggle {
    color: #1e3a8a !important;
    background: rgba(255,255,255,0.1) !important;
}

.theme-toggle:hover {
    background: rgba(255,193,7,0.3) !important;
    transform: scale(1.1) !important;
    box-shadow: 0 4px 12px rgba(255,193,7,0.4) !important;
}

.ireda-header.scrolled .theme-toggle:hover {
    background: rgba(37,99,235,0.2) !important;
    box-shadow: 0 4px 12px rgba(37,99,235,0.3) !important;
}








/* DROPDOWN SYSTEM - MAIN MENU */
.dropdown { position: relative !important; }

.dropdown:hover > .dropdown-menu.ireda-dropdown {
    display: block !important;
    animation: slideDown 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.ireda-dropdown:hover,
.dropdown:hover .ireda-dropdown { display: block !important; }

.dropdown::before {
    content: '' !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    height: 20px !important;
    z-index: 1 !important;
    background: transparent !important;
}

.dropdown:hover::before { pointer-events: auto !important; }

.dropdown-menu.show.ireda-dropdown {
    display: block !important;
    animation: slideDown 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.dropdown-menu { display: none !important; }

@keyframes slideDown {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}

/* *** NESTED DROPDOWNS - NEW ADDITION *** */
.dropdown-submenu {
    position: relative !important;
}

.submenu-trigger {
    pointer-events: auto !important;
    cursor: pointer !important;
}

.submenu-level-2 {
    display: none !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.25) !important;
    border: 1px solid rgba(0,0,0,0.08) !important;
    background: rgba(255,255,255,0.98) !important;
    backdrop-filter: blur(20px) !important;
}

/* PERFECT HOVER TRIGGERING */
.dropdown-submenu:hover > .submenu-level-2 {
    display: block !important;
    animation: slideRight 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.submenu-trigger:hover ~ .submenu-level-2,
.submenu-trigger:hover + .submenu-level-2 {
    display: block !important;
    animation: slideRight 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* HOVER BRIDGE FOR NESTED MENUS */
.dropdown-submenu::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 30px !important;
    height: 100% !important;
    z-index: 10 !important;
    background: transparent !important;
}

.dropdown-submenu:hover::after {
    pointer-events: auto !important;
}

@keyframes slideRight {
    from { 
        opacity: 0; 
        transform: translateX(10px) scale(0.95); 
    }
    to { 
        opacity: 1; 
        transform: translateX(0) scale(1); 
    }
}

/* MAIN DROPDOWN ITEMS */
.ireda-dropdown .dropdown-item {
    padding: 0.85rem 1.75rem 0.75rem 1.75rem !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    margin: 0.125rem 0.5rem !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    color: #374151 !important;
    position: relative !important;
    border-radius: 10px !important;
    text-decoration: none !important;
}

.ireda-dropdown .dropdown-item::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 1.75rem !important;
    width: 0% !important;
    height: 2px !important;
    background: linear-gradient(to right, #2563eb, #1e3a8a) !important;
    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.ireda-dropdown .dropdown-item:hover::after { 
    width: calc(100% - 3.5rem) !important; 
}

.ireda-dropdown .dropdown-item:hover {
    background: linear-gradient(135deg, rgba(37,99,235,0.08), rgba(30,58,138,0.04)) !important;
    color: #1e3a8a !important;
    transform: translateX(6px) scale(1.02) !important;
    box-shadow: 0 6px 20px rgba(37,99,235,0.2) !important;
}

/* SUBMENU SPECIFIC STYLING */
.submenu-level-2 .dropdown-item {
    padding: 0.75rem 1.5rem !important;
    font-size: 13.5px !important;
    margin: 0.1rem 0.25rem !important;
}

.submenu-level-2 .dropdown-item:hover {
    background: linear-gradient(135deg, rgba(37,99,235,0.15), rgba(30,58,138,0.1)) !important;
    transform: translateX(4px) !important;
    box-shadow: 0 4px 12px rgba(37,99,235,0.2) !important;
}

/* SCHEMES MAIN MENU ENHANCEMENT */
.schemes-main-menu .dropdown-item {
    border-radius: 10px !important;
    margin: 2px 4px !important;
}

.schemes-main-menu .submenu-trigger:hover {
    background: linear-gradient(135deg, rgba(37,99,235,0.12), rgba(30,58,138,0.08)) !important;
    color: #1e3a8a !important;
    box-shadow: 0 4px 12px rgba(37,99,235,0.15) !important;
}

.ireda-header .col-lg-2 { border-right: none !important; }

@media (max-width:1200px) {
    .glass-btn { padding: 0.75rem 1.25rem 0.65rem 1.25rem !important; font-size: 13px !important; }
    .utility-link { padding: 0.35rem 0.6rem !important; font-size: 11px !important; }
    .submenu-level-2 { position: static !important; left: auto !important; }
}







/* === PROFESSIONAL GLASS-BTN SYSTEM - SMOOTH UNDERLINE ONLY === */

/* BASE GLASS BUTTON */
.glass-btn {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 13.5px !important;
    letter-spacing: 0.3px !important;
    padding: 0.85rem 1.5rem 0.75rem 1.5rem !important;
    margin: 0 0.125rem !important;
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    line-height: 1.2 !important;
}

.ireda-header.scrolled .glass-btn { 
    color: #1e3a8a !important; 
}

/* HIDE BOOTSTRAP DEFAULT CARET */
.dropdown-toggle::after,
.glass-btn .dropdown-toggle::after {
    display: none !important;
}

/* === SMOOTH UNDERLINE ANIMATION - ALL BUTTONS === */
.glass-btn:not(.active)::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 0% !important;
    height: 3px !important;
    background: linear-gradient(90deg, #2563eb 0%, #1e40af 50%, #1e3a8a 100%) !important;
    border-radius: 2px 2px 0 0 !important;
    transition: width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    z-index: 2 !important;
}

.glass-btn:not(.active):hover::after {
    width: 100% !important;
}

.glass-btn:not(.active):hover {
    color: #2563eb !important;
    transform: translateY(-1px) !important;
}

/* === ACTIVE STATE - FIXED FULL UNDERLINE === */
.glass-btn.active {
    color: #1e40af !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    position: relative !important;
}

.glass-btn.active::before {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background: linear-gradient(90deg, #2563eb 0%, #1e40af 50%, #1e3a8a 100%) !important;
    border-radius: 2px 2px 0 0 !important;
    z-index: 2 !important;
}

/* NO HOVER EFFECT ON ACTIVE BUTTONS */
.glass-btn.active:hover {
    color: #1e40af !important;
    transform: none !important;
}


/*Latest Updated on 5th May*/
/* ===== NAV CHEVRON ARROWS ===== */
.nav-chevron {
    font-size: 0.65rem !important;
    margin-left: 4px !important;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    color: inherit !important;
}

.dropdown:hover .nav-chevron,
.dropdown.show .nav-chevron {
    transform: rotate(180deg) !important;
}

/* ===== SEARCH BAR ===== */
.header-search-wrapper {
    position: relative;
}

.header-search-inner {
    display: flex;
    align-items: center;
    background: rgba(30,58,138,0.08);
    border: 1px solid rgba(30,58,138,0.2);
    border-radius: 20px;
    padding: 0.25rem 0.75rem;
    gap: 6px;
    transition: all 0.3s ease;
    width: 160px;
}

.header-search-inner:focus-within {
    background: rgba(30,58,138,0.12);
    border-color: rgba(30,58,138,0.5);
    box-shadow: 0 0 0 3px rgba(30,58,138,0.1);
    width: 220px;
}

.search-icon {
    color: #1e3a8a;
    font-size: 0.75rem;
    flex-shrink: 0;
}

.header-search-input {
    border: none !important;
    background: transparent !important;
    outline: none !important;
    font-size: 0.75rem !important;
    color: #1e3a8a !important;
    width: 100%;
    font-family: var(--ireda-font);
}

.header-search-input::placeholder {
    color: rgba(30,58,138,0.5) !important;
}



/* Hide desktop nav on mobile */
@media (max-width: 1200px) {
    /* Force header to stay as a single row */
    .ireda-header {
        height: 70px !important;
    }

    .ireda-header .row {
        flex-wrap: nowrap !important;
        align-items: center !important;
    }

    /* Logo column — fixed width, don't let it grow */
    .ireda-header .col-lg-2 {
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: 60% !important;
    }

    .ireda-header .col-lg-2 a {
        margin-left: 12px !important;
    }

    .ireda-header .col-lg-2 img {
        max-height: 48px !important;
    }

    /* Right column — take remaining space */
    .ireda-header .col-lg-10 {
        flex: 1 1 auto !important;
        width: auto !important;
        position: relative !important;
    }

    /* Hide desktop nav and utility bar */
    #navbar { display: none !important; }
    #utility-row { display: none !important; }
    .header-search-wrapper { display: none !important; }

    /* Hamburger positioning — vertically centred in the right column */
    .hamburger-btn {
        position: absolute !important;
        top: 50% !important;
        right: 16px !important;
        transform: translateY(-50%) !important;
    }

    /* Drawer starts from new header height */
    .mobile-nav-drawer {
        top: 70px !important;
        height: calc(100vh - 70px) !important;
    }

    .mobile-overlay {
        inset: 70px 0 0 0 !important;
    }
}




@media (min-width: 992px) and (max-width: 1200px) {
    #mobile-menu-btn {
        display: flex !important;
    }
    #mobile-drawer {
        display: block !important;
    }
    #mobile-overlay {
        display: block !important;
    }
}













/* ===== MOBILE HAMBURGER ===== */
.hamburger-btn {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    border-radius: 8px;
    transition: background 0.2s ease;
}
.hamburger-btn:hover { background: rgba(30,58,138,0.08); }

.hamburger-bar {
    display: block;
    width: 24px;
    height: 2.5px;
    background: #1e3a8a;
    border-radius: 2px;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: center;
}

.hamburger-btn.open .hamburger-bar:nth-child(1) {
    transform: translateY(7.5px) rotate(45deg);
}
.hamburger-btn.open .hamburger-bar:nth-child(2) {
    opacity: 0;
    transform: scaleX(0);
}
.hamburger-btn.open .hamburger-bar:nth-child(3) {
    transform: translateY(-7.5px) rotate(-45deg);
}

/* ===== DRAWER ===== */
.mobile-nav-drawer {
    position: fixed;
    top: 98px;
    right: -100%;
    width: min(320px, 85vw);
    height: calc(100vh - 98px);
    background: #ffffff;
    box-shadow: -8px 0 40px rgba(0,0,0,0.15);
    overflow-y: auto;
    overscroll-behavior: contain;
    transition: right 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 2147483640;
}

.mobile-nav-drawer.open {
    right: 0;
}

.mobile-nav-drawer::-webkit-scrollbar {
    width: 5px;
}
.mobile-nav-drawer::-webkit-scrollbar-thumb {
    background: rgba(30,58,138,0.25);
    border-radius: 3px;
}

/* ===== OVERLAY ===== */
.mobile-overlay {
    position: fixed;
    inset: 98px 0 0 0;
    background: rgba(0,0,0,0.4);
    backdrop-filter: blur(2px);
    z-index: 2147483639;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.35s ease;
}

.mobile-overlay.open {
    opacity: 1;
    pointer-events: auto;
}

/* ===== DRAWER INNER ===== */
.mobile-nav-inner {
    padding: 0 0 2rem 0;
}

/* ===== MOBILE SEARCH ===== */
.mobile-search-wrapper {
    padding: 1rem 1rem 0.25rem 1rem;
}

.mobile-search-inner {
    display: flex;
    align-items: center;
    background: rgba(30,58,138,0.05);
    border: 1.5px solid rgba(30,58,138,0.15);
    border-radius: 10px;
    padding: 3px 3px 3px 14px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.mobile-search-inner:focus-within {
    border-color: #1e3a8a;
    box-shadow: 0 0 0 3px rgba(30,58,138,0.12);
    background: #ffffff;
}

.mobile-search-input {
    flex: 1;
    border: none;
    background: transparent;
    outline: none;
    font-size: 14px;
    padding: 10px 8px;
    color: #1e3a8a;
    min-width: 0;
}

.mobile-search-input::placeholder {
    color: rgba(30,58,138,0.45);
    font-weight: 500;
}

.mobile-search-submit {
    border: none;
    background: #1e3a8a;
    color: #fff;
    width: 38px;
    height: 38px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 14px;
    transition: background 0.2s ease, transform 0.15s ease;
}

.mobile-search-submit:hover {
    background: #2563eb;
}
.mobile-search-submit:active {
    transform: scale(0.94);
}

/* ===== UTILITY ROW ===== */
.mobile-utility-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    padding: 0.9rem 1rem 0.9rem 1rem;
    border-bottom: 1px solid rgba(30,58,138,0.12);
    margin-bottom: 0.5rem;
}

.mobile-util-link {
    font-size: 11.5px;
    font-weight: 600;
    color: #1e3a8a;
    text-decoration: none;
    padding: 6px 9px;
    border-radius: 6px;
    background: rgba(30,58,138,0.07);
    transition: background 0.2s ease;
    line-height: 1;
    display: inline-flex;
    align-items: center;
}
.mobile-util-link:hover { background: rgba(30,58,138,0.15); }

.mobile-font-group {
    display: flex;
    gap: 3px;
    margin-left: auto;
}

#theme-toggle-mobile {
    width: 30px;
    height: 30px;
    justify-content: center;
    padding: 0;
    font-size: 13px;
}

/* Swap sun/moon icon by theme */
[data-bs-theme="light"] #theme-toggle-mobile .bi-sun-fill,
[data-bs-theme="dark"] #theme-toggle-mobile .bi-moon-stars-fill,
[data-bs-theme="light"] #theme-toggle-desktop .bi-sun-fill,
[data-bs-theme="dark"] #theme-toggle-desktop .bi-moon-stars-fill {
    display: none;
}

/* ===== NAV LIST ===== */
.mobile-nav-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mobile-nav-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0.85rem 1.25rem;
    font-size: 14px;
    font-weight: 600;
    color: #1e3a8a;
    text-decoration: none;
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(30,58,138,0.07);
    cursor: pointer;
    text-align: left;
    transition: background 0.2s ease, color 0.2s ease;
}

.mobile-nav-link:hover,
.mobile-nav-link:active {
    background: rgba(30,58,138,0.06);
    color: #2563eb;
}

.mobile-accordion.open > .mobile-accordion-btn {
    background: rgba(30,58,138,0.06);
    color: #2563eb;
}

.mobile-nav-link .bi-chevron-down {
    font-size: 0.65rem;
    color: rgba(30,58,138,0.55);
    transition: transform 0.3s ease, color 0.3s ease;
    flex-shrink: 0;
}

.mobile-accordion.open > .mobile-accordion-btn .bi-chevron-down {
    transform: rotate(180deg);
    color: #2563eb;
}

/* ===== SUB MENU ===== */
.mobile-sub-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    background: rgba(30,58,138,0.03);
}

/* Generous cap so long menus (RTI ~27 items, Investors ~15 items) expand fully */
.mobile-accordion.open > .mobile-sub-menu {
    max-height: 1400px;
}

.mobile-sub-link {
    display: block;
    padding: 0.65rem 1.25rem 0.65rem 2rem;
    font-size: 13px;
    font-weight: 500;
    color: #374151;
    text-decoration: none;
    border-bottom: 1px solid rgba(30,58,138,0.05);
    border-left: 2px solid transparent;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, padding-left 0.2s ease;
}

.mobile-sub-link:hover,
.mobile-sub-link:active {
    background: rgba(37,99,235,0.08);
    color: #1e3a8a;
    border-left-color: #2563eb;
    padding-left: 2.25rem;
}

/* Body scroll lock when drawer open */
body.mobile-nav-open { overflow: hidden; }

/* ===================================================
   DARK MODE OVERRIDES
   =================================================== */
[data-bs-theme="dark"] .mobile-nav-drawer {
    background: #0f172a;
    box-shadow: -8px 0 40px rgba(0,0,0,0.5);
}

[data-bs-theme="dark"] .hamburger-bar {
    background: #e2e8f0;
}
[data-bs-theme="dark"] .hamburger-btn:hover {
    background: rgba(226,232,240,0.1);
}

[data-bs-theme="dark"] .mobile-utility-row {
    border-bottom-color: rgba(226,232,240,0.12);
}

[data-bs-theme="dark"] .mobile-util-link {
    color: #e2e8f0;
    background: rgba(226,232,240,0.08);
}
[data-bs-theme="dark"] .mobile-util-link:hover {
    background: rgba(226,232,240,0.16);
}

[data-bs-theme="dark"] .mobile-search-inner {
    background: rgba(226,232,240,0.06);
    border-color: rgba(226,232,240,0.15);
}
[data-bs-theme="dark"] .mobile-search-inner:focus-within {
    border-color: #60a5fa;
    box-shadow: 0 0 0 3px rgba(96,165,250,0.15);
    background: rgba(226,232,240,0.03);
}
[data-bs-theme="dark"] .mobile-search-input {
    color: #e2e8f0;
}
[data-bs-theme="dark"] .mobile-search-input::placeholder {
    color: rgba(226,232,240,0.4);
}
[data-bs-theme="dark"] .mobile-search-submit {
    background: #2563eb;
}
[data-bs-theme="dark"] .mobile-search-submit:hover {
    background: #3b82f6;
}

[data-bs-theme="dark"] .mobile-nav-link {
    color: #e2e8f0;
    border-bottom-color: rgba(226,232,240,0.08);
}
[data-bs-theme="dark"] .mobile-nav-link:hover,
[data-bs-theme="dark"] .mobile-nav-link:active,
[data-bs-theme="dark"] .mobile-accordion.open > .mobile-accordion-btn {
    background: rgba(96,165,250,0.12);
    color: #60a5fa;
}
[data-bs-theme="dark"] .mobile-nav-link .bi-chevron-down {
    color: rgba(226,232,240,0.5);
}
[data-bs-theme="dark"] .mobile-accordion.open > .mobile-accordion-btn .bi-chevron-down {
    color: #60a5fa;
}

[data-bs-theme="dark"] .mobile-sub-menu {
    background: rgba(226,232,240,0.03);
}
[data-bs-theme="dark"] .mobile-sub-link {
    color: #94a3b8;
    border-bottom-color: rgba(226,232,240,0.05);
}
[data-bs-theme="dark"] .mobile-sub-link:hover,
[data-bs-theme="dark"] .mobile-sub-link:active {
    background: rgba(96,165,250,0.1);
    color: #e2e8f0;
    border-left-color: #60a5fa;
}

[data-bs-theme="dark"] .mobile-overlay {
    background: rgba(0,0,0,0.6);
}

/* ===== SMALL PHONES ===== */
@media (max-width: 360px) {
    .mobile-nav-drawer {
        width: 100vw;
    }
}










/*Social Media icons*/
/* ============================================
   HEADER UTILITY BAR — SOCIAL ICONS
============================================ */
.utility-social-icon {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    margin: 0 5px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: rgba(255, 255, 255, 0.8) !important;
}

.utility-social-icon:hover {
    background: linear-gradient(135deg, #2563eb, #1e3a8a) !important;
    border-color: rgba(96, 165, 250, 0.5) !important;
    color: #ffffff !important;
    transform: translateY(-2px) scale(1.1) !important;
    box-shadow: 0 6px 16px rgba(37, 99, 235, 0.45) !important;
}

/* Individual brand colors on hover */
.utility-social-icon[aria-label="Facebook"]:hover  { background: linear-gradient(135deg, #1877f2, #1e3a8a) !important; }
.utility-social-icon[aria-label="Twitter"]:hover   { background: linear-gradient(135deg, #1da1f2, #1e3a8a) !important; }
.utility-social-icon[aria-label="LinkedIn"]:hover  { background: linear-gradient(135deg, #0a66c2, #1e3a8a) !important; }
.utility-social-icon[aria-label="Instagram"]:hover { background: linear-gradient(135deg, #e4405f, #1e3a8a) !important; }
.utility-social-icon[aria-label="YouTube"]:hover   { background: linear-gradient(135deg, #ff0000, #1e3a8a) !important; }

/* Scrolled header state */
.ireda-header.scrolled .utility-social-icon {
    color: #1e3a8a !important;
    background: rgba(30, 58, 138, 0.07) !important;
    border-color: rgba(30, 58, 138, 0.15) !important;
}

.ireda-header.scrolled .utility-social-icon:hover {
    background: linear-gradient(135deg, #2563eb, #1e3a8a) !important;
    color: #ffffff !important;
    border-color: rgba(37, 99, 235, 0.4) !important;
}

/* Dark mode */
/*[data-bs-theme="dark"] .utility-social-icon {
    color: rgba(255, 255, 255, 0.75) !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-bs-theme="dark"] .utility-social-icon:hover {
    color: #ffffff !important;
    box-shadow: 0 6px 16px rgba(37, 99, 235, 0.5) !important;
}*/

[data-bs-theme="dark"] .ireda-header .utility-social-icon {
    color: rgba(255, 255, 255, 0.75) !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-bs-theme="dark"] .ireda-header .utility-social-icon:hover {
    color: #ffffff !important;
    /*background: linear-gradient(135deg, #2563eb, #1e3a8a) !important;*/
    border-color: rgba(96, 165, 250, 0.5) !important;
    box-shadow: 0 6px 16px rgba(37, 99, 235, 0.5) !important;
}






/*Making Header Visible during Light mode*/
/* ===== ALWAYS VISIBLE HEADER TEXT ===== */
.ireda-header .glass-btn {
    color: #1e3a8a !important;
}

.ireda-header .utility-link,
.ireda-header .utility-lang-btn,
.ireda-header .utility-icon-btn,
.ireda-header .utility-font-btn,
.ireda-header .utility-divider,
.ireda-header .theme-toggle {
    color: #1e3a8a !important;
	
}


/* Override the global utility color for social icons specifically */
.ireda-header .utility-social-icon {
    color: #1e3a8a !important;
    background: rgba(30, 58, 138, 0.08) !important;
    border-color: rgba(30, 58, 138, 0.2) !important;
}

.ireda-header .utility-social-icon:hover {
    color: #ffffff !important;
}





/************************************************** IREDA Sector Grids Starts **************************************************/

/* IREDA Premium Energy Assets Carousel - Professional Edition */
        :root {
			--ireda-blue: #1e40af;       /* Dark IREDA blue */
			--ireda-blue-light: #3b82f6; /* Light accent */
            --ireda-dark: #0f172a;
            --ireda-light: #f8fafc;
            --glass-bg: rgba(255, 255, 255, 0.1);
            --glass-border: rgba(255, 255, 255, 0.2);
        }

        * {
            box-sizing: border-box;
        }

        .ireda-energy-assets {
            background: linear-gradient(135deg, var(--ireda-light) 0%, #e2e8f0 50%, #cbd5e1 100%);
            
			padding: 10px 0 30px 0; 
            position: relative;
            overflow: hidden;
        }

        .ireda-energy-assets::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: 
                radial-gradient(circle at 20% 80%, rgba(16,185,129,0.1) 0%, transparent 50%),
                radial-gradient(circle at 80% 20%, rgba(59,130,246,0.1) 0%, transparent 50%),
                radial-gradient(circle at 40% 40%, rgba(139,92,246,0.08) 0%, transparent 50%);
            pointer-events: none;
            z-index: 1;
        }

        .ireda-energy-assets h1 {
            font-family: 'Poppins', sans-serif;
            font-weight: 800;
            font-size: clamp(2.0rem, 5vw, 3rem);
            text-align: center;
            color: var(--ireda-dark);
            margin-bottom: 40px;
            position: relative;
            z-index: 2;
            letter-spacing: -0.02em;
            text-shadow: 0 2px 10px rgba(0,0,0,0.05);
        }

        .ireda-energy-assets h1::after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
            width: 150px;
            height: 5px;
            background: linear-gradient(90deg, var(--ireda-green), var(--ireda-blue));
            border-radius: 3px;
            box-shadow: 0 4px 15px rgba(16,185,129,0.3);
        }
		
		.ireda-energy-assets .container {
		    max-width: 1700px !important;  /* UNLOCK FULL WIDTH */
		    padding-left: 0px !important;
		    padding-right: 0px !important;
		}

        /* Optimized Carousel Container */
        .powerSlider {
            max-width: 1700px !important;/* Reduced for 5 items fit */
			width: 100%;
            margin: 0 auto;
            padding: 0 10px;
			overflow: visible !important;
        }

        .owl-carousel {
            z-index: 2;
        }
		
		
		/*To make sure first corousel gets complete visibility and don't get cut***/
		
		.owl-carousel .owl-stage-outer,
		.owl-carousel .owl-stage {
		    overflow: visible !important;
		    margin-left: 0px !important;  /* Offset first slide cut-off */
		}
		
		

		

        /* Premium Power Slide */
        .powerSlide {
            height: 570px;
            position: relative;
            border-radius: 28px;
            overflow: hidden;
            cursor: pointer;
            transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            box-shadow: 0 25px 50px -12px rgba(0,0,0,0.15);
        }

        .powerSlide:hover {
            transform: translateY(-25px) scale(1.02);
            box-shadow: 0 40px 80px -20px rgba(0,0,0,0.25), 0 0 0 1px rgba(255,255,255,0.2);
        }

		        
		.slide-bg {
		    position: absolute;
		    inset: 0;
		    background-size: cover;
		    background-position: center;
		    background-repeat: no-repeat;
		    transition: filter 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94),
		                transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		
		    
		    filter: brightness(0.55);
		}
		


        .powerSlide:hover .slide-bg {
            filter: grayscale(0%) brightness(1) contrast(1.1) saturate(0.8);
            transform: scale(1.05);
        }

        /* Reveal Overlay */
        .reveal-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(180deg, 
                rgba(0,0,0,0.4) 0%, 
                rgba(0,0,0,0.2) 40%, 
                rgba(0,0,0,0.1) 70%,
                transparent 100%);
            transform: translateY(100%);
            transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            z-index: 2;
        }

        .powerSlide:hover .reveal-overlay {
            transform: translateY(0%);
        }

        
		
		.glass-content {
		    position: absolute;
		    bottom: 0;
		    left: 0;
		    right: 0;

		    /* TRANSPARENT initially */
		    background: transparent;
		    backdrop-filter: none !important;
		    border-top: none;

		    padding: 40px 35px 35px;
		    transform: translateY(20px);
		    opacity: 1;

		    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		    z-index: 3;
		}

		
		.glass-content::before {
		    content: '';
		    position: absolute;
		    inset: 0;

		    /* blur layer */
		    background: rgba(255,255,255,0.12);

		    backdrop-filter: blur(0px);
		    -webkit-backdrop-filter: blur(0px);

		    opacity: 0;
		    transition: 
		        backdrop-filter 0.4s ease,
		        -webkit-backdrop-filter 0.4s ease,
		        opacity 0.4s ease;

		    z-index: -1;
		}

		.powerSlide:hover .glass-content::before {
		    backdrop-filter: blur(12px);     /*  increase blur here */
		    -webkit-backdrop-filter: blur(12px);
		    opacity: 1;
		}


       
		.powerSlide:hover .slide-bg {
		    filter: brightness(1);
		    transform: scale(1.05);
		}

		
		.powerSlide:hover .glass-content {
		    background: linear-gradient(
		        180deg,
		        rgba(255,255,255,0.18) 0%,
		        rgba(255,255,255,0.22) 50%,
		        rgba(255,255,255,0.30) 100%
		    );

		    backdrop-filter: blur(22px);
		    -webkit-backdrop-filter: blur(22px); /* IMPORTANT */

		    border-top: 1px solid rgba(255,255,255,0.35);
		}


		.powerSlide:hover h2 {
		    color: rgba(255,255,255,1);
		    text-shadow: 0 4px 14px rgba(0,0,0,0.55);
		}


		
		.powerSlide h2 {
		    font-family: 'Poppins', sans-serif;
		    font-weight: 700;
		    font-size: clamp(1.5rem, 4vw, 2.2rem);

		    /* 👇 very low visibility initially */
		    color: rgba(255,255,255,0.35);

		    margin: 0 0 12px 0;
		    letter-spacing: -0.01em;

		    text-shadow: 0 2px 6px rgba(0,0,0,0.3);

		    transition: color 0.4s ease, text-shadow 0.4s ease;
		}


        
		
		.powerSlide .know-more-btn {
		    display: inline-flex;
		    align-items: center;
		    gap: 12px;

		    /* VERY SUBTLE INITIALLY */
		    color: rgba(255,255,255,0.35);

		    text-decoration: none;
		    font-family: 'Poppins', sans-serif;
		    font-weight: 600;
		    font-size: 0.95rem;
		    letter-spacing: 0.5px;
		    text-transform: uppercase;

		    padding: 12px 24px;

		    /* almost invisible glass */
		    background: rgba(255,255,255,0.05);
		    backdrop-filter: none;
		    border: 1px solid rgba(255,255,255,0.12);

		    border-radius: 50px;
		    box-shadow: none;

		    transition: 
		        color 0.4s ease,
		        background 0.4s ease,
		        border 0.4s ease,
		        box-shadow 0.4s ease,
		        transform 0.4s ease;

		    position: relative;
		    overflow: hidden;
		}

		.powerSlide .know-more-btn::before {
		    content: '';
		    position: absolute;
		    inset: 0;
		    background: linear-gradient(
		        90deg,
		        transparent,
		        rgba(255,255,255,0.25),
		        transparent
		    );
		    transform: translateX(-120%);
		    transition: transform 0.6s ease;
		}

		
		.powerSlide:hover .know-more-btn {
		    color: rgba(255,255,255,1);

		    background: linear-gradient(
		        135deg,
		        rgba(255,255,255,0.25),
		        rgba(255,255,255,0.15)
		    );

		    backdrop-filter: blur(10px);
		    border: 1px solid rgba(255,255,255,0.35);

		    box-shadow: 0 15px 35px rgba(0,0,0,0.35);
		    transform: translateY(-2px);
		}

		.powerSlide:hover .know-more-btn::before {
		    transform: translateX(120%);
		}

		.powerSlide .know-more-btn:hover {
		    background: linear-gradient(135deg, var(--ireda-blue), #1e3a8a);
		    border-color: rgba(30,64,175,0.5);
		    box-shadow: 0 15px 35px rgba(30,64,175,0.4);
		}

		
		

		/*.solar-slide .slide-bg { 
		    background-image: 
		        linear-gradient(rgba(255,193,7,0.4), rgba(251,146,60,0.3)),  
		        url('/images/sectors/solar.jpg');
		}
		.wind-slide .slide-bg { 
		    background-image: 
		        linear-gradient(rgba(59,130,246,0.4), rgba(96,165,250,0.3)),  
		        url('/images/sectors/wind.jpg');
		}
		.hydro-slide .slide-bg { 
		    background-image: 
		        linear-gradient(rgba(14,165,233,0.4), rgba(100,181,246,0.3)),  
		        url('/images/sectors/hydro.jpg');
		}
		.bio-slide .slide-bg { 
		    background-image: 
		        linear-gradient(rgba(34,197,94,0.4), rgba(74,222,128,0.3)),   
		        url('/images/sectors/bio.jpg');
		}
		.storage-slide .slide-bg { 
		    background-image: 
		        linear-gradient(rgba(139,92,246,0.4), rgba(168,85,247,0.3)),  
		        url('/images/sectors/storage.jpg');
		}
		.waste2energy-slide .slide-bg { 
		    background-image: 
		        linear-gradient(rgba(239,68,68,0.4), rgba(248,113,113,0.3)),   
		        url('/images/sectors/waste2energy.jpg');
		}
		.hydrogen-slide .slide-bg { 
		    background-image: 
		        linear-gradient(rgba(16,185,129,0.4), rgba(5,150,105,0.3)),     
		        url('/images/sectors/hydrogen.jpg');
		}
		.compressedbiogas-slide .slide-bg { 
		    background-image: 
		        linear-gradient(rgba(21,128,61,0.4), rgba(22,163,74,0.3)),     
		        url('/images/sectors/compressedbiogas.jpg');
		}
		.tranmission-slide .slide-bg { 
		    background-image: 
		        linear-gradient(rgba(99,102,241,0.4), rgba(129,131,250,0.3)),    
		        url('/images/sectors/transmission.jpg');
		}*/



        /* Premium Controls */
		.carousel-controls {
		    position: fixed;  /* Changed: Screen-fixed positioning */
		    top: 55%;         /* Vertically center */
		    left: 0;
		    right: 0;
		    z-index: 1000;    /* Above everything */
		    display: flex;
		    justify-content: space-between;  /* Push arrows to edges */
		    padding: 0 6px;
		    pointer-events: none;  /* Allow clicks through */
		}

		.play-pause-btn {
		    position: fixed;           /* Screen-fixed */
		    bottom: 80px;              /* Bottom positioning */
		    right: 10px;               /* Right edge */
		    z-index: 1001;             /* Above arrows */
		    width: 56px;
		    height: 56px;
		    border: none;
		    border-radius: 16px;
			background: transparent !important;
			    color: rgba(255,255,255,0.3) !important;
			    box-shadow: none !important;
		    font-size: 1.3rem;
		    cursor: pointer;
		    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		    backdrop-filter: blur(20px);
		    pointer-events: all;       /* Ensure clickable */
		}

		.play-pause-btn:hover {
		    background: linear-gradient(135deg, var(--ireda-blue), #1e3a8a) !important;  /* Dark blue gradient */
		    color: white !important;
		    transform: translateY(-4px) scale(1.05);
		    box-shadow: 0 20px 40px rgba(30,64,175,0.5) !important;
		}

        .custom-slide-nav {
            display: flex;
            gap: 16px;
            justify-content: center;
            margin-top: 40px;
        }

		/* Arrows */
		.custom-slide-prev, .custom-slide-next {
		    pointer-events: all;
		    width: 60px;
		    height: 60px;
		    border: none;
		    border-radius: 20px;
		    background: transparent !important;     /* Transparent initially */
		    color: rgba(255,255,255,0.3) !important; /* Faint icon */
		    font-size: 1.4rem;
		    cursor: pointer;
		    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		    box-shadow: none !important;             /* No shadow */
		    backdrop-filter: blur(20px);
		    border: 1px solid transparent;           /* Invisible border */
		}

		.custom-slide-prev:hover, .custom-slide-next:hover {
		    background: linear-gradient(135deg, var(--ireda-blue), #1e3a8a) !important;  /* Dark blue */
		    color: white !important;
		    transform: translateY(-6px);
		    box-shadow: 0 20px 45px rgba(30,64,175,0.5) !important;
		    border-color: rgba(255,255,255,0.3);
		}
		
		.owl-carousel .owl-item {
		    margin-right: 12px !important;  /* 12px gaps (8px=ultra tight, 20px=wide) */
		}

        /* Responsive Perfection */
        @media (max-width: 1400px) {
            .powerSlider { max-width: 1200px; }
        }

        @media (max-width: 1200px) {
            .powerSlider { max-width: 1000px; }
            .owl-carousel .owl-item { width: 240px !important; margin-right: 10 !important; }
        }

        @media (max-width: 992px) {
            .powerSlider { max-width: 800px; }
            .owl-carousel .owl-item { width: 200px !important; margin-right: 16 !important; }
            .powerSlide { height: 450px; }
        }

        @media (max-width: 768px) {
            .powerSlider { max-width: 100%; padding: 0 15px; }
            .owl-carousel .owl-item { width: 280px !important; margin-right: 12 !important; }
            .powerSlide { height: 390px; }
            .glass-content { padding: 25px 20px 20px; }
        }


/************************************************** IREDA Footer Starts **************************************************/


.ireda-footer { 
    position: relative; 
    overflow: hidden; 
    animation: footerFadeIn 0.8s ease-out;
}

.ireda-footer .py-3 { 
    padding-top: 1.75rem !important; 
    padding-bottom: 1.75rem !important; 
}
@media (min-width: 992px) {
    .ireda-footer .py-3 { 
        padding-top: 2.25rem !important; 
        padding-bottom: 2.25rem !important; 
    }
}

.ireda-logo-gradient {
    background: linear-gradient(135deg, #3b82f6, #1e3a6f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* LOGO */
.footer-logo {
    max-height: 60px !important;
    width: auto;
    object-fit: contain;
    border-radius: 8px;
    transition: all 0.35s cubic-bezier(0.23, 1, 0.320, 1);
    filter: drop-shadow(0 0 0 rgba(59,130,246,0));
}

.footer-logo:hover {
    transform: scale(1.08) translateY(-1px);
    filter:
        drop-shadow(0 6px 16px rgba(59,130,246,0.55))
        drop-shadow(0 0 12px rgba(59,130,246,0.45));
}

@media (max-width: 767px) {
    .footer-logo {
        max-height: 46px !important;
        border-radius: 6px;
    }
}

.social-links {
    gap: 0.5rem !important;
}

/*.social-icon {
    width: 36px !important; 
    height: 36px !important; 
    border-radius: 10px;
    display: flex !important; 
    align-items: center; 
    justify-content: center;
    color: white !important; 
    font-size: 1rem !important;
    text-decoration: none !important;
    box-shadow: 0 6px 20px rgba(0,0,0,0.25) !important;
    transition: all 0.3s cubic-bezier(0.23, 1, 0.320, 1) !important;
}*/
.social-icon {
    width: 38px !important;
    height: 38px !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1rem !important;
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.23, 1, 0.320, 1) !important;
    /* Glassy base */
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(10px) !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.1) !important;
    color: rgba(255,255,255,0.85) !important;
}


/*.social-icon:hover {
    transform: translateY(-3px) scale(1.08) !important;
    box-shadow: 0 12px 30px rgba(0,0,0,0.35) !important;
}*/
.social-icon:hover {
    transform: translateY(-3px) scale(1.08) !important;
    border-color: rgba(255,255,255,0.35) !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.2) !important;
    color: #ffffff !important;
}

/*.facebook-icon { background: linear-gradient(135deg, #1877f2, #166fe5) !important; }
.twitter-icon  { background: linear-gradient(135deg, #1da1f2, #0d8bd9) !important; }
.instagram-icon{ background: linear-gradient(135deg, #e4405f, #f77737, #fcaf45) !important; }
.linkedin-icon { background: linear-gradient(135deg, #0077b5, #005885) !important; }
.youtube-icon  { background: linear-gradient(135deg, #ff0000, #cc0000) !important; }*/

/* Brand colors with glassy overlay */
.facebook-icon  { background: linear-gradient(135deg, rgba(24,119,242,0.75), rgba(22,111,229,0.75)) !important; }
.twitter-icon   { background: linear-gradient(135deg, rgba(29,161,242,0.75), rgba(13,139,217,0.75)) !important; }
.instagram-icon { background: linear-gradient(135deg, rgba(228,64,95,0.75), rgba(247,119,55,0.75), rgba(252,175,69,0.75)) !important; }
.linkedin-icon  { background: linear-gradient(135deg, rgba(0,119,181,0.75), rgba(0,88,133,0.75)) !important; }
.youtube-icon   { background: linear-gradient(135deg, rgba(255,0,0,0.75), rgba(204,0,0,0.75)) !important; }

/* On hover — full opacity brand color + glow */
.facebook-icon:hover  { background: linear-gradient(135deg, #1877f2, #166fe5) !important; box-shadow: 0 8px 25px rgba(24,119,242,0.55), inset 0 1px 0 rgba(255,255,255,0.25) !important; }
.twitter-icon:hover   { background: linear-gradient(135deg, #1da1f2, #0d8bd9) !important; box-shadow: 0 8px 25px rgba(29,161,242,0.55), inset 0 1px 0 rgba(255,255,255,0.25) !important; }
.instagram-icon:hover { background: linear-gradient(135deg, #e4405f, #f77737, #fcaf45) !important; box-shadow: 0 8px 25px rgba(228,64,95,0.55), inset 0 1px 0 rgba(255,255,255,0.25) !important; }
.linkedin-icon:hover  { background: linear-gradient(135deg, #0077b5, #005885) !important; box-shadow: 0 8px 25px rgba(0,119,181,0.55), inset 0 1px 0 rgba(255,255,255,0.25) !important; }
.youtube-icon:hover   { background: linear-gradient(135deg, #ff0000, #cc0000) !important; box-shadow: 0 8px 25px rgba(255,0,0,0.55), inset 0 1px 0 rgba(255,255,255,0.25) !important; }

.horizontal-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;
    justify-content: center;
    align-items: center;
}

.link-tag {
    display: inline-flex !important;
    padding: 0.25rem 0.5rem !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    color: rgba(255,255,255,0.7) !important;
    text-decoration: none !important;
    border-radius: 6px !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    position: relative;
    transition: all 0.3s cubic-bezier(0.23, 1, 0.320, 1) !important;
}

.link-tag::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -4px;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, #3b82f6, #60a5fa);
    transform: translateX(-50%);
    transition: all 0.3s ease;
    border-radius: 2px;
}

.link-tag:hover {
    color: #60a5fa !important;
    transform: translateY(-2px);
    text-shadow: 0 0 10px rgba(96,165,250,0.45);
}

.link-tag:hover::after {
    width: 100%;
}

/* SIMPLIFIED HEADERS */
.simple-header {
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    letter-spacing: 1px;
    color: rgba(255,255,255,0.9) !important;
    margin-bottom: 1rem !important;
    text-transform: uppercase;
}

.text-light-50 { color: rgba(255,255,255,0.6) !important; }
.text-light-75 { color: rgba(255,255,255,0.75) !important; }
.text-light    { color: rgba(255,255,255,0.9) !important; }

.ireda-footer hr {
    border: none;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.25), transparent);
    margin: 1.5rem 0 !important;
}

/* GOVERNMENT LOGOS WITH HOVER TEXT */
.govt-logo-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    margin: 0.25rem;
    transition: all 0.3s cubic-bezier(0.23, 1, 0.320, 1);
}

.govt-logo {
    width: 138px !important;
    height: 58px !important;
    object-fit: contain;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
    transition: all 0.3s cubic-bezier(0.23, 1, 0.320, 1);
    filter: brightness(1.1) contrast(1.05);
}

.logo-tooltip {
    position: absolute;
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%) scale(0);
    background: linear-gradient(135deg, #1e293b, #334155);
    color: #e2e8f0;
    font-size: 0.65rem !important;
    font-weight: 500;
    padding: 6px 10px;
    border-radius: 6px;
    white-space: nowrap;
    box-shadow: 0 8px 25px rgba(0,0,0,0.4);
    border: 1px solid rgba(255,255,255,0.1);
    opacity: 0;
    pointer-events: none;
    z-index: 100;
    min-width: 85px;
    text-align: center;
    line-height: 1.2;
    transition: all 0.25s cubic-bezier(0.23, 1, 0.320, 1);
}

.logo-tooltip br {
    display: block;
    content: "";
    margin: -4px 0;
}

.govt-logo-link:hover .govt-logo {
    transform: scale(1.05) translateY(-2px);
    box-shadow: 0 8px 20px rgba(59,130,246,0.4);
    filter: brightness(1.15) drop-shadow(0 0 10px rgba(59,130,246,0.3));
}

.govt-logo-link:hover .logo-tooltip {
    transform: translateX(-50%) scale(1);
    opacity: 1;
}

/* RESPONSIVE */
@media (min-width: 992px) {
    .ireda-footer h5 { font-size: 1.25rem !important; }
}

@media (max-width: 991px) {
    .ireda-footer h5 { font-size: 1.15rem !important; }
    .simple-header { font-size: 0.7rem !important; }
    .horizontal-links {
        flex-direction: column !important;
        gap: 0.5rem !important;
    }
    .govt-logo { width: 120px !important; height: 50px !important; }
	
    .logo-tooltip {
        bottom: -32px;
        font-size: 0.62rem !important;
        padding: 5px 8px;
        min-width: 78px;
    }
    .ireda-footer .container { 
        padding-left: 1.5rem !important; 
        padding-right: 1.5rem !important; 
    }
}

@media (max-width: 767px) {
    .link-tag {
        font-size: 0.75rem !important;
        padding: 0.2rem 0.4rem !important;
    }
    .govt-logo { width: 105px !important; height: 43px !important; }
	
    .logo-tooltip {
        bottom: -30px;
        font-size: 0.6rem !important;
        padding: 4px 7px;
        min-width: 70px;
    }
}

@media (max-width: 575px) {
    .ireda-footer .row > div {
        margin-bottom: 1.25rem;
    }
    .simple-header {
        font-size: 0.65rem !important;
    }
    .govt-logo { width: 94px !important; height: 38px !important; }
	
    .logo-tooltip {
        bottom: -28px;
        font-size: 0.58rem !important;
        padding: 3px 6px;
        min-width: 65px;
    }
}

@keyframes footerFadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
}

.ireda-footer .row + .row {
    margin-top: 0.25rem;
}

.ireda-footer a {
    text-decoration: none !important;
    border: none !important;
    outline: none !important;
    display: inline-block;
}

.ireda-footer a img {
    vertical-align: middle;
    display: block;
}



/* Add after your footer styles */
.footer-row .small,
.footer-row .text-light-50 {
    font-size: 1.05rem !important; 
	font-weight: 600 !important;
    line-height: 1.25;
}

/* Responsive */
@media (max-width: 768px) {
    .footer-row .small {
        font-size: 0.95rem !important;
    }
}


/* Added Later */
.ireda-footer h5 {
    font-size: 1.1rem !important;
}

@media (min-width: 992px) {
    .ireda-footer h5 { font-size: 1.35rem !important; }
}

.ireda-footer .text-light-75.small {
    font-size: 0.88rem !important;
}



/******************************************** Latest Updates Popup *******************************************/




/* ===========================================
   IREDA BLUE THEME POPUP - FINAL PERFECT
   FIXED INDICATORS + ZERO SCROLL
============================================= */


/* ABSOLUTE SCROLL BLOCK */
#updatesModal,
#updatesModal .modal,
#updatesModal .modal-dialog,
#updatesModal .modal-content,
.carousel-container,
.modal-bottom-content,
.content-inner,
.update-summary-container {
  overflow: hidden !important;
  max-height: none !important;
}

#updatesModal .modal-dialog { 
  max-width: 52vw !important; 
  width: 52vw !important; 
  height: 88vh !important;
  max-height: 88vh !important;
  margin: auto !important;
}

#updatesModal {
  z-index: 7005 !important;
}

.modal-backdrop {
  z-index: 7000 !important;
}


/*#updatesModal .modal-content {
  height: 80vh !important;
  max-height: 80vh !important;
  display: flex !important;
  flex-direction: column !important;
  border-radius: 24px !important;
  background: linear-gradient(145deg, #0a1629 0%, #1a2d3a 50%, #16213e 100%) !important;
  border: 1px solid rgba(21,101,192,0.2) !important;
  box-shadow: 0 60px 160px rgba(0,8,28,0.98) !important;
}
*/

#updatesModal .modal-content {
  height: 85vh !important;
  max-height: 85vh !important;
  display: flex !important;
  flex-direction: column !important;
  border-radius: 24px !important;
  border: 1px solid rgba(21,101,192,0.2) !important;
  box-shadow: none !important;

}


/* FIXED 60/40 - ABSOLUTE */
.carousel-container { 
  height: 60% !important; 
  flex: 0 0 60% !important; 
  border-radius: 24px 24px 0 0 !important;
  overflow: hidden !important;
  position: relative !important; 
}

.modal-bottom-content { 
  height: 40% !important; 
  flex: 0 0 40% !important; 
  background: linear-gradient(180deg, 
    rgba(10,22,41,0.98) 0%, 
    rgba(0,8,28,1) 100%) !important;
  border-radius: 0 0 24px 24px !important;
  display: flex !important;
  position: relative !important;
  z-index: 5 !important;
}

.content-inner {
  height: 100% !important;
  padding: 2.2rem 2.2rem 2.2rem !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

.carousel-inner, .carousel-item { height: 100% !important; }
#updatesModal .carousel-item img { 
  width: 100% !important; height: 100% !important; 
  object-fit: cover !important; object-position: center !important;
}

/* MINIMAL GRADIENT */
.gradient-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg,
    transparent 0%,
    rgba(0,8,20,0.08) 45%,
    rgba(0,8,20,0.25) 65%,
    rgba(0,8,20,0.65) 85%,
    rgba(0,8,20,0.95) 100%);
  z-index: 2 !important;
}

/* CLOSE BUTTON */
.btn-close-modal {
  top: 20px !important; right: 20px !important;
  width: 44px !important; height: 44px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.95) !important;
  backdrop-filter: blur(20px) !important;
  border: 2px solid rgba(21,101,192,0.4) !important;
  color: #0a1629 !important;
  z-index: 15 !important;
  font-size: 15px !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.btn-close-modal:hover {
  background: linear-gradient(135deg, #2196f3, #1565c0) !important;
  transform: scale(1.08) !important;
  box-shadow: 0 10px 28px rgba(33,150,243,0.5) !important;
}

/* 🔥 ALWAYS VISIBLE ARROWS */
.carousel-control-prev, .carousel-control-next {
  opacity: 1 !important;
  width: 48px !important;
  height: 48px !important;
  top: 48% !important;
  transform: translateY(-50%) !important;
  z-index: 12 !important;
  background: rgba(33,150,243,0.15) !important;
  border: 2px solid rgba(255,255,255,0.4) !important;
  border-radius: 50% !important;
  backdrop-filter: blur(20px) !important;
  box-shadow: 0 4px 16px rgba(33,150,243,0.2) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.carousel-control-prev { left: 22px !important; }
.carousel-control-next { right: 22px !important; }

.carousel-control-prev:hover,
.carousel-control-next:hover {
  background: rgba(21,101,192,0.95) !important;
  border-color: rgba(255,255,255,0.9) !important;
  transform: translateY(-50%) scale(1.15) !important;
  box-shadow: 0 16px 40px rgba(21,101,192,0.7) !important;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  width: 48px !important;
  height: 48px !important;
  margin: 0 !important;
  background: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.carousel-control-prev-icon::before {
  content: '\f053' !important;
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
  font-size: 16px !important;
  color: rgba(255,255,255,0.9) !important;
  text-shadow: 0 2px 10px rgba(0,0,0,0.8) !important;
}

.carousel-control-next-icon::before {
  content: '\f054' !important;
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
  font-size: 16px !important;
  color: rgba(255,255,255,0.9) !important;
  text-shadow: 0 2px 10px rgba(0,0,0,0.8) !important;
}

/* 🔥 ENLARGED INVISIBLE INDICATOR BOX - FIXED */
.carousel-indicators {
  bottom: 18px !important; /* SLIGHTLY HIGHER */
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 140px !important; /* ENLARGED INVISIBLE BOX */
  height: 24px !important; /* TALLER INVISIBLE BOX */
  display: flex !important;
  justify-content: center !important; /* PERFECT CENTER */
  align-items: center !important;
  gap: 12px !important; /* MORE SPACE BETWEEN DOTS */
  list-style: none !important;
  padding: 8px 16px !important; /* INVISIBLE PADDING */
  margin: 0 !important;
  background: transparent !important; /* INVISIBLE */
  border: none !important;
  z-index: 12 !important;
  box-sizing: border-box !important;
}

.carousel-indicators li { 
  margin: 0 !important; 
  padding: 0 !important; 
  flex-shrink: 0 !important; 
}

.carousel-indicators [data-bs-target] {
  width: 12px !important; /* SAME DOT SIZE */
  height: 12px !important; /* SAME DOT SIZE */
  border-radius: 50% !important;
  border: 2px solid rgba(255,255,255,0.9) !important;
  background: rgba(255,255,255,0.25) !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
  box-sizing: content-box !important;
  flex-shrink: 0 !important;
}

.carousel-indicators [data-bs-target]:hover {
  background: rgba(255,255,255,0.75) !important;
  transform: scale(1.2) !important;
}

.carousel-indicators .active {
  background: #2196f3 !important;
  border-color: #2196f3 !important;
  transform: scale(1.4) !important;
  box-shadow: 0 0 16px rgba(33,150,243,0.8) !important;
}

/* ═══ TEXT — redesigned: bigger, white, more breathing room ═══ */
.update-header {
  margin-bottom: 1.3rem !important;
}

.update-title {
  color: rgba(255,255,255,0.8) !important;
  font-size: 1.6rem !important;
  font-weight: 800 !important;
  line-height: 1.28 !important;
  letter-spacing: -0.01em !important;
  text-shadow: 0 2px 14px rgba(0,0,0,0.45) !important;
  margin: 0 0 0.75rem 0 !important;
  max-height: 2.6em !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

.update-date {
  color: rgba(255,255,255,0.8) !important;
  font-size: 1.1rem !important;
  font-weight: 600 !important;
  margin: 0 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
}

.update-summary-container { 
  flex: 1 !important; 
  min-height: 0 !important; 
  display: flex !important; 
  align-items: flex-start !important; 
}

.update-summary {
  color: rgba(255,255,255,0.95) !important;
  font-size: 0.95rem !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  max-height: 4.2em !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
}

/* BUTTONS */
.action-buttons {
  display: flex !important;
  gap: 10px !important;
  margin-top: auto !important;
  padding-top: 1rem !important;
}

.btn-know-more,
.btn-close-thanks,
.btn-view-all {
  flex: 1 !important;
  min-height: 46px !important;
  padding: 0.7rem 1rem !important;
  border-radius: 14px !important;
  font-weight: 600 !important;
  font-size: 0.88rem !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

.btn-know-more {
  background: linear-gradient(135deg, #2196f3, #1565c0) !important;
  color: white !important;
  box-shadow: 
    0 4px 16px rgba(33,150,243,0.3),
    inset 0 1px 0 rgba(255,255,255,0.2) !important;
}

.btn-know-more:hover {
  transform: translateY(-2px) !important;
  box-shadow: 
    0 8px 28px rgba(33,150,243,0.5),
    inset 0 1px 0 rgba(255,255,255,0.3) !important;
  background: linear-gradient(135deg, #1565c0, #0d47a1) !important;
}

.btn-close-thanks {
  background: rgba(255,255,255,0.08) !important;
  border: 2px solid rgba(255,255,255,0.3) !important;
  color: rgba(255,255,255,0.95) !important;
  backdrop-filter: blur(12px) !important;
}

.btn-close-thanks:hover {
  background: rgba(33,150,243,0.15) !important;
  border-color: rgba(33,150,243,0.6) !important;
  color: #42a5f5 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(33,150,243,0.2) !important;
}

/* VIEW ALL BUTTON - sits to the right of "Got it, Thanks!" */
.btn-view-all {
  background: rgba(13,71,161,0.25) !important;
  border: 2px solid rgba(33,150,243,0.55) !important;
  color: #90caf9 !important;
  backdrop-filter: blur(12px) !important;
}

.btn-view-all:hover {
  background: linear-gradient(135deg, #1565c0, #0d47a1) !important;
  border-color: rgba(255,255,255,0.6) !important;
  color: white !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(13,71,161,0.5) !important;
}

.btn-icon { font-size: 1rem !important; width: 20px !important; text-align: center !important; flex-shrink: 0 !important; }
.btn-text { white-space: nowrap !important; }

/* RESPONSIVE */
@media (max-width: 1200px) { #updatesModal .modal-dialog { max-width: 52vw !important; width: 52vw !important; } }
@media (max-width: 992px) { 
  #updatesModal .modal-dialog { width: 92vw !important; max-width: 92vw !important; height: 85vh !important; } 
  .content-inner { padding: 1.8rem !important; }
}
@media (max-width: 576px) { 
  .carousel-container { height: 58% !important; }
  .modal-bottom-content { height: 42% !important; }
  .content-inner { padding: 1.4rem !important; }
  .carousel-indicators { width: 120px !important; gap: 10px !important; bottom: 16px !important; }
  .update-header { margin-bottom: 1rem !important; }
  .update-title { font-size: 1.5rem !important; margin-bottom: 0.55rem !important; }
  .update-date { font-size: 0.95rem !important; }
  .update-summary { font-size: 0.9rem !important; }
  .action-buttons { flex-direction: column !important; gap: 10px !important; }
  .btn-know-more, .btn-close-thanks, .btn-view-all { font-size: 0.92rem !important; }
}


/* ==========================================
   GLOBAL MODAL BACKDROP – PSU STYLE
========================================== */

/* Dark + Blur background */
.modal-backdrop.show {
  opacity: 1 !important;
  background: rgba(3, 10, 25, 0.75) !important;
  backdrop-filter: blur(3px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

/* Completely block interaction behind modal */
body.modal-open {
  overflow: hidden !important;
}

body.modal-open *:not(.modal):not(.modal *) {
  pointer-events: none;
}

/* Re-enable interaction ONLY inside modal */
.modal,
.modal * {
  pointer-events: auto !important;
}



/*********************************************Combined stats-whatsnew *************************************/

/* MAIN CONTAINER - PERFECT ONE-SCREEN FIT */
/*.ireda-combined-section {
    background: linear-gradient(135deg, #1e3a8a 0%, #1d4ed8 25%, #3b82f6 50%, #1e40af 75%, #1e293b 100%);
    position: relative; overflow: hidden; min-height: 100vh; max-height: 100vh;
    display: flex; flex-direction: column; padding: 1.2rem 0 0.5rem !important;
}

.ireda-combined-section::before,
.ireda-combined-section::after {
    content: ''; position: absolute; border-radius: 999px;
    filter: blur(40px); opacity: 0.2; pointer-events: none; z-index: 1;
}

.ireda-combined-section::before {
    width: 300px; height: 300px; top: -100px; left: -50px;
    background: radial-gradient(circle, rgba(59, 130, 246, 0.9), transparent);
}

.ireda-combined-section::after {
    width: 400px; height: 400px; bottom: -150px; right: -80px;
    background: radial-gradient(circle, rgba(16, 185, 129, 0.7), transparent);
}

 PROFILE SECTION - COMPACT 
.profile-row { 
    min-height: 25vh; align-items: center; position: relative; z-index: 10; margin-bottom: 1.8rem !important; 
}
.profile-left { padding-left: 0 !important; padding-right: 1.8rem !important; display: flex; align-items: center; }
.profile-right { padding-right: 0 !important; padding-left: 0 !important; display: flex; flex-direction: column; align-items: flex-start; position: relative; }

.profile-separator {
    width: 2px; height: 140px;
    background: linear-gradient(to bottom, transparent 0%, rgba(255,255,255,0.3) 20%, rgba(16,185,129,0.9) 40%, rgba(5,150,105,1) 50%, rgba(16,185,129,0.9) 60%, rgba(255,255,255,0.3) 80%, transparent 100%);
    border-radius: 1px; position: absolute; left: -10px; top: 50%;
    transform: translateY(-50%); box-shadow: 0 0 20px rgba(16,185,129,0.6);
    animation: separatorGlow 3s ease-in-out infinite alternate; opacity: 0; transform: translateY(-50%) scaleY(0.3);
}

.profile-separator.animate-separator {
    opacity: 1 !important; transform: translateY(-50%) scaleY(1) !important;
    animation: separatorGlow 3s ease-in-out infinite alternate;
}

@keyframes separatorGlow {
    0% { box-shadow: 0 0 20px rgba(16,185,129,0.6), 0 0 40px rgba(16,185,129,0.3); }
    100% { box-shadow: 0 0 30px rgba(16,185,129,0.8), 0 0 60px rgba(16,185,129,0.5); }
}

.profile-header-wrapper { position: relative; z-index: 20; }

.profile-title-main {
    color: white !important; font-size: 2.35rem !important; font-weight: 800 !important; margin: 0 !important;
    text-shadow: 0 4px 20px rgba(0,0,0,0.8) !important; letter-spacing: 1px !important;
    opacity: 0; transform: translateY(20px) scale(0.95); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.profile-title-main.animate-title {
    opacity: 1 !important; transform: translateY(0) scale(1) !important;
}

.profile-title-main.animate-title::after {
    content: ''; position: absolute; bottom: -6px; left: 0; width: 195px; height: 3px;
    background: linear-gradient(90deg, #10b981, #059669); border-radius: 2px;
    animation: underlineGrow 0.7s ease-out 0.3s both;
}

@keyframes underlineGrow { 0% { width: 0; } 100% { width: 195px; } }

.profile-text-full.profile-text-animate {
    color: rgba(255,255,255,0.95) !important; font-size: 0.88rem !important; 
    line-height: 1.6 !important; font-weight: 500 !important; margin: 0 !important;
    text-shadow: 0 2px 8px rgba(0,0,0,0.5) !important; opacity: 0 !important; visibility: hidden !important;
    max-width: 580px; padding-left: 1.5rem; overflow: hidden; white-space: nowrap; position: relative;
}

.profile-text-full.profile-text-animate.animate-text {
    visibility: visible !important; opacity: 1 !important;
    animation: typewriterFull 1.8s steps(130) forwards !important;
    border-right: 2px solid rgba(16,185,129,1) !important;
}

.profile-text-full.profile-text-animate.animate-text.typed-complete {
    white-space: normal !important; overflow: visible !important; border-right: none !important;
}

@keyframes typewriterFull {
    0% { width: 0; }
    95% { width: 100%; border-right: 2px solid rgba(16,185,129,1); }
    100% { width: 100%; border-right: none; }
}

 COMPACT STATS CARDS 
.stats-compact-row { margin-bottom: 2rem !important; }
.ireda-combined-section .stats-card {
    position: relative !important; border-radius: 16px !important; background: rgba(15, 23, 42, 0.45) !important;
    border: 1px solid rgba(148, 163, 184, 0.4) !important; backdrop-filter: blur(20px) !important;
    color: #e5f2ff !important; box-shadow: 0 16px 40px rgba(15, 23, 42, 0.6) !important;
    overflow: hidden !important; transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    padding: 1rem 0.8rem !important; height: 100% !important;
}

.ireda-combined-section .stats-card::before {
    content: ''; position: absolute; inset: 0; 
    background: radial-gradient(circle at top left, rgba(59, 130, 246, 0.25), transparent 60%);
    opacity: 0; transition: opacity 0.4s ease;
}

.ireda-combined-section .stats-card:hover {
    transform: translateY(-8px) scale(1.02) !important; 
    box-shadow: 0 28px 60px rgba(15, 23, 42, 0.85) !important;
    border-color: rgba(59, 130, 246, 0.9) !important;
}

.ireda-combined-section .stats-card:hover::before { opacity: 1 !important; }

.ireda-combined-section .stats-icon {
    width: 38px !important; height: 38px !important; border-radius: 50% !important;
    background: radial-gradient(circle, #bfdbfe 0%, #3b82f6 50%, #1d4ed8 100%) !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    color: #ffffff !important; box-shadow: 0 8px 20px rgba(59, 130, 246, 0.7) !important;
    font-size: 16px !important; margin-bottom: 0.6rem !important; transition: all 0.3s ease;
}

.ireda-combined-section .stats-card:hover .stats-icon {
    transform: scale(1.1) rotate(5deg) !important; box-shadow: 0 12px 28px rgba(59, 130, 246, 0.8) !important;
}

.ireda-combined-section .stats-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;   Centers icon horizontally 
    text-align: center !important;
}


.ireda-combined-section .stats-number {
    font-size: 1.6rem !important; font-weight: 800 !important; letter-spacing: 0.03em !important;
    margin-bottom: 0.2rem !important; color: #e5f2ff !important; min-height: 2.2rem; display: flex; align-items: center; justify-content: center;
}

@media (min-width: 992px) {
    .ireda-combined-section .stats-number { font-size: 1.9rem !important; }
}

.ireda-combined-section .stats-label {
    font-size: 0.8rem !important; text-transform: uppercase !important; letter-spacing: 0.15em !important;
    color: rgba(226, 232, 240, 0.92) !important; font-weight: 600 !important;
}

.ireda-combined-section .stats-subtext { 
    font-size: 0.75rem !important; color: rgba(226, 232, 240, 0.75) !important; font-weight: 500 !important; 
}

 QUICK ACCESS HEADER - COMPACT 
 QUICK ACCESS HEADER - ELEGANT BLUE PROFESSIONAL 
.quick-access-header { 
    position: relative; z-index: 15; margin-bottom: 1.6rem !important;
    opacity: 0; transform: translateY(20px);
    transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.quick-access-header.animate-header {
    opacity: 1 !important; transform: translateY(0) !important;
}

.section-badge { position: relative; }
.quick-badge {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.9), rgba(37, 99, 235, 0.85)) !important;
    color: white !important; backdrop-filter: blur(16px) !important; 
    box-shadow: 
        0 12px 40px rgba(59, 130, 246, 0.4),
        0 4px 16px rgba(30, 58, 138, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    font-weight: 700 !important; letter-spacing: 0.5px;
    position: relative; overflow: hidden;
}

.quick-badge::before {
    content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
    transition: left 0.8s ease;
}

.quick-access-header.animate-header .quick-badge::before {
    left: 100%;
}

.quick-gradient {
    background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 50%, #e0f2fe 100%);
    -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; 
    background-clip: text !important; font-weight: 900 !important;
    text-shadow: 0 4px 16px rgba(30, 58, 138, 0.5);
}

.quick-subtitle {
    max-width: 420px; margin: 0 auto !important; 
    color: rgba(255, 255, 255, 0.88) !important; font-weight: 500 !important;
    text-shadow: 0 2px 8px rgba(30, 58, 138, 0.6); opacity: 0.92 !important;
    letter-spacing: 0.3px;
}

 SINGLE ROW QUICK LINKS - BLUE NEOMORPHIC 
.quick-links-grid {
    --card-height: 165px;
	margin-bottom: 0 !important;
	margin-bottom: -1rem !important;
}

.quick-card {
    position: relative !important; height: var(--card-height) !important; border-radius: 24px !important; 
    background: linear-gradient(145deg, rgba(30, 58, 138, 0.85), rgba(15, 23, 42, 0.9)) !important;
    backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(59, 130, 246, 0.2) !important;
    box-shadow: 
        12px 12px 24px rgba(15, 23, 42, 0.6),
        -12px -12px 24px rgba(59, 130, 246, 0.1),
        inset 2px 2px 4px rgba(255, 255, 255, 0.08),
        inset -2px -2px 4px rgba(30, 58, 138, 0.4) !important;
    overflow: hidden !important; transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    text-decoration: none !important; color: rgba(255, 255, 255, 0.95) !important; 
    display: block !important;
}

.quick-card::before {
    content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(37, 99, 235, 0.12));
    opacity: 0; transition: opacity 0.5s ease; z-index: 0;
    pointer-events: none;
}

.quick-card::after {
    content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 3px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.9), transparent);
    transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); transform: translateX(-50%);
    z-index: 3; box-shadow: 0 0 12px rgba(59, 130, 246, 0.6);
}

.quick-card:hover::before { opacity: 1 !important; }
.quick-card:hover::after { 
    width: 85% !important; transition-delay: 0.1s;
}

.quick-card:hover {
    transform: translateY(-12px) !important;
    box-shadow: 
        20px 20px 40px rgba(15, 23, 42, 0.7),
        -20px -20px 40px rgba(59, 130, 246, 0.15),
        inset 4px 4px 8px rgba(255, 255, 255, 0.12),
        inset -4px -4px 8px rgba(30, 58, 138, 0.5),
        0 0 32px rgba(59, 130, 246, 0.4) !important;
    border: 1px solid rgba(59, 130, 246, 0.3) !important;
    z-index: 20 !important;
}

.icon-round-wrapper {
    width: 56px !important; height: 56px !important; border-radius: 18px !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    font-size: 1.4rem !important; color: white !important; position: relative !important;
    margin: 0 auto 0.7rem auto !important; 
    background: linear-gradient(145deg, rgba(59, 130, 246, 0.3), rgba(37, 99, 235, 0.25)) !important;
    backdrop-filter: blur(12px) !important;
    box-shadow: 
        6px 6px 12px rgba(15, 23, 42, 0.6),
        -6px -6px 12px rgba(59, 130, 246, 0.2),
        inset 2px 2px 4px rgba(255, 255, 255, 0.15),
        inset -2px -2px 4px rgba(30, 58, 138, 0.3) !important;
    transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) !important; 
    flex-shrink: 0; z-index: 3;
}

.quick-card:hover .icon-round-wrapper {
    transform: translateY(-8px) scale(1.2) !important;
    box-shadow: 
        12px 12px 24px rgba(15, 23, 42, 0.7),
        -12px -12px 24px rgba(59, 130, 246, 0.25),
        inset 3px 3px 6px rgba(255, 255, 255, 0.2),
        inset -3px -3px 6px rgba(30, 58, 138, 0.4),
        0 0 24px rgba(59, 130, 246, 0.5) !important;
}

.card-inner {
    padding: 1.1rem 0.8rem 1rem !important; height: 100% !important;
    display: flex !important; flex-direction: column !important; text-align: center !important;
    position: relative; z-index: 4;
}

.card-title {
    font-size: 0.9rem !important; font-weight: 800 !important; 
    color: rgba(248, 250, 252, 0.95) !important;
    margin-bottom: 0.3rem !important; line-height: 1.25 !important; 
    min-height: 2.4rem; display: flex; align-items: center; justify-content: center; 
    flex: 1; text-shadow: 0 1px 4px rgba(15, 23, 42, 0.8) !important;
    letter-spacing: 0.3px !important;
}

.quick-card:hover .card-title {
    color: #ffffff !important; text-shadow: 
        0 2px 8px rgba(15, 23, 42, 0.9),
        0 0 12px rgba(59, 130, 246, 0.4) !important;
    transform: scale(1.05);
}

.card-desc {
    opacity: 0.85 !important; font-size: 0.74rem !important; line-height: 1.4 !important;
    margin-bottom: 0 !important; transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    transform: translateY(4px) !important; font-weight: 500 !important;
    color: rgba(209, 213, 219, 0.95) !important; 
    text-shadow: 0 1px 3px rgba(15, 23, 42, 0.7);
}

.quick-card:hover .card-desc {
    opacity: 1 !important; transform: translateY(0) scale(1.06) !important;
    color: rgba(255, 255, 255, 0.95) !important;
}

 BLUE PROFESSIONAL ICON GRADIENTS 
.cmd-icon { background: linear-gradient(135deg, #6b7280, #4b5563); }
.dues-icon { background: linear-gradient(135deg, #10b981, #059669); }
.esms-icon { background: linear-gradient(135deg, #22c55e, #16a34a); }
.fair-icon { background: linear-gradient(135deg, #f59e0b, #d97706); }
.careers-icon { background: linear-gradient(135deg, #3b82f6, #1d4ed8); }
.charter-icon { background: linear-gradient(135deg, #8b5cf6, #7c3aed); }
.csr-icon { background: linear-gradient(135deg, #ec4899, #be185d); }
.complaint-icon { background: linear-gradient(135deg, #ef4444, #dc2626); }
.ease-icon { background: linear-gradient(135deg, #14b8a6, #0d9488); }

 RESPONSIVE BLUE PROFESSIONAL 
@media (max-width: 991px) {
    .quick-links-grid { --card-height: 155px; }
    .col-4 { flex: 0 0 33.333% !important; max-width: 33.333% !important; }
    .icon-round-wrapper { width: 52px !important; height: 52px !important; font-size: 1.3rem !important; }
    .card-inner { padding: 1rem 0.7rem 0.9rem !important; }
    .card-title { font-size: 0.85rem !important; min-height: 2.2rem !important; }
}

@media (max-width: 575px) {
    .col-4 { flex: 0 0 50% !important; max-width: 50% !important; }
    .quick-links-grid { --card-height: 145px; }
    .icon-round-wrapper { width: 48px !important; height: 48px !important; font-size: 1.2rem !important; }
}

@keyframes fadeUpFast { 0% { opacity: 0; transform: translateY(15px); } 100% { opacity: 1; transform: translateY(0); } }

 ENTRANCE ANIMATIONS 
.stats-card, .quick-card { opacity: 0; transform: translateY(25px); }
.stats-card.animate-in { opacity: 1 !important; transform: translateY(0) !important; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; }
.quick-card.animate-in { 
    opacity: 1 !important; transform: translateY(0) !important; 
    transition: all 0.45s cubic-bezier(0.34, 1.56, 0.64, 1) !important; 
}*/






/************************************* combined-investors-press-gallery ************************************/

/* ireda-govt.css - UPDATED PROFESSIONAL STYLES */

/* INVESTORS SECTION */
.ireda-investors { 
    min-height: 32vh; max-height: 32vh; 
    display: flex; flex-direction: column;
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 50%, #cbd5e1 100%);
    padding: 1.25rem 0 !important; overflow: hidden;
    border-bottom: 2px solid rgba(30, 64, 175, 0.1);
}

.stock-title-pro, .ratings-title-pro, .press-title-pro, .gallery-title-pro {
    padding: 0.75rem 1rem 0.65rem; text-align: center;
    font-size: 0.95rem; font-weight: 900; 
    border-radius: 12px 12px 0 0;
    
    /* Medium-Dark IREDA Blue Gradient Background */
    background: linear-gradient(135deg, rgba(30,58,138,0.95) 0%, rgba(30,64,175,0.92) 50%, rgba(37,99,235,0.90) 100%);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(226,232,240,0.6);
    border-bottom: none;
    position: relative;
    
    /* Gradient Text */
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    
    box-shadow: 0 4px 16px rgba(30,58,138,0.20);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.stock-title-pro::after, .ratings-title-pro::after, .press-title-pro::after, .gallery-title-pro::after {
    content: ''; position: absolute; bottom: -3px; left: 50%;
    transform: translateX(-50%); width: 111px; height: 2px;
    /* IREDA Blue Underline */
    background: linear-gradient(90deg, #1e40af, #3b82f6); 
    border-radius: 1px;
}


/* STOCK WATCH - NSE BSE HORIZONTAL */
.stock-logos-panel {
    height: 100%; border-radius: 20px; overflow: hidden;
    background: rgba(255,255,255,0.97); backdrop-filter: blur(30px);
    border: 1px solid rgba(30,58,138,0.15); 
    box-shadow: 0 16px 48px rgba(30,58,138,0.12);
    display: flex; flex-direction: column; position: relative;
}

.stock-logos-panel::before {
    content: ''; position: absolute; top: 0; left: 0; right: 0;
    height: 2px; background: linear-gradient(90deg, transparent, #3b82f6, transparent);
}

.stock-prices-optimized {
    flex: 1; display: flex; flex-direction: row !important;
    justify-content: center; align-items: center; padding: 1.5rem 1rem;
    gap: 1.5rem;
}

.stock-circle-link {
    width: 98px; height: 98px; flex-shrink: 0;
    border-radius: 50%; position: relative; display: flex; 
    align-items: center; justify-content: center;
    transition: all 0.45s cubic-bezier(0.23, 1, 0.320, 1);
    cursor: pointer; overflow: hidden;
    background: linear-gradient(135deg, rgba(255,255,255,0.95), rgba(255,255,255,0.8));
    border: 3px solid rgba(255,255,255,0.6); 
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

.stock-circle-link:hover {
    transform: scale(1.15) translateY(-10px) rotate(2deg);
    box-shadow: 0 30px 65px rgba(59,130,246,0.35), 0 0 35px rgba(59,130,246,0.25);
}

.stock-logo-circle {
    width: 70% !important; height: 70% !important;
    object-fit: contain; z-index: 2; border-radius: 50%;
}

.stock-overlay-circle {
    position: absolute; bottom: -28px; left: 50%; transform: translateX(-50%);
    background: rgba(0,0,0,0.92); backdrop-filter: blur(18px);
    padding: 0.45rem 0.85rem; border-radius: 20px;
    text-align: center; min-width: 85px; opacity: 0;
    transition: all 0.45s cubic-bezier(0.23, 1, 0.320, 1); z-index: 4;
    font-size: 0.72rem; font-weight: 900; color: white; line-height: 1.15;
}

.stock-circle-link:hover .stock-overlay-circle { 
    opacity: 1; bottom: 10px; transform: translateX(-50%) scale(1.05); 
}

.stock-price-overlay {
    font-size: 0.95rem !important; font-weight: 950; color: white;
    margin-bottom: 0.15rem; background: linear-gradient(135deg, #10b981, #059669);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}

.change-overlay {
    font-size: 0.7rem; font-weight: 800; color: white;
    padding: 0.2rem 0.6rem; border-radius: 14px; 
    background: linear-gradient(135deg, rgba(16,185,129,0.95), rgba(5,150,105,0.95));
}

/* CREDIT RATINGS PANEL */
.ratings-all-panel {
    height: 100%; border-radius: 20px; overflow: hidden;
    background: rgba(255,255,255,0.97); backdrop-filter: blur(30px);
    border: 1px solid rgba(30,58,138,0.15); 
    box-shadow: 0 16px 48px rgba(30,58,138,0.12);
    display: flex; flex-direction: column; position: relative;
}

.ratings-all-panel::before {
    content: ''; position: absolute; top: 0; left: 0; right: 0;
    height: 2px; background: linear-gradient(90deg, transparent, #3b82f6, transparent);
}

.ratings-full-row {
    flex: 1; display: flex; flex-direction: row !important;
    align-items: center; justify-content: flex-start;
    padding: 2rem 1.25rem; gap: 1rem; height: 100%;
}

.rating-label-left {
    width: 28px; height: 98px;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0; position: relative; z-index: 3;
}

.rating-label-left span {
    font-size: 0.75rem !important; font-weight: 950; 
    text-transform: uppercase; letter-spacing: 0.25px;
    writing-mode: vertical-rl; text-orientation: mixed;
    text-align: center; line-height: 0.95; padding: 0.4rem 0.3rem;
    border-radius: 14px; transform: rotate(180deg);
    background: linear-gradient(135deg, rgba(255,255,255,0.97), rgba(255,255,255,0.9));
    backdrop-filter: blur(25px); border: 2px solid rgba(255,255,255,0.8);
    box-shadow: 0 8px 25px rgba(0,0,0,0.18); color: #374151;
    white-space: nowrap; min-width: 24px;
}

.national-label span {
    background: linear-gradient(135deg, rgba(59,130,246,0.25), rgba(59,130,246,0.15)) !important;
    color: #1d4ed8 !important; border-color: rgba(59,130,246,0.6) !important;
    box-shadow: 0 8px 25px rgba(59,130,246,0.25) !important;
}

.international-label span {
    background: linear-gradient(135deg, rgba(16,185,129,0.25), rgba(16,185,129,0.15)) !important;
    color: #059669 !important; border-color: rgba(16,185,129,0.6) !important;
    box-shadow: 0 8px 25px rgba(16,185,129,0.25) !important;
}

.rating-group { display: flex; align-items: center; justify-content: center; flex: 1; }
.international-group { flex: 0.95; }
.national-group { flex: 2.15; }

.national-logos-row {
    display: flex !important; justify-content: space-evenly;
    align-items: center; width: 100%; gap: 0.5rem;
}

.rating-circle-link {
    width: 98px !important; height: 98px !important; flex-shrink: 0;
    border-radius: 50%; position: relative; display: flex;
    align-items: center; justify-content: center;
    transition: all 0.45s cubic-bezier(0.23, 1, 0.320, 1);
    cursor: pointer; overflow: hidden;
    background: linear-gradient(135deg, rgba(255,255,255,0.95), rgba(255,255,255,0.8));
    border: 3px solid rgba(255,255,255,0.6); 
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

.rating-circle-link:hover {
    transform: scale(1.15) translateY(-10px) rotate(2deg);
    box-shadow: 0 30px 65px rgba(59,130,246,0.35), 0 0 35px rgba(59,130,246,0.25);
}

.rating-logo-circle {
    width: 70% !important; height: 70% !important;
    object-fit: contain; z-index: 2; border-radius: 50%;
}

.rating-overlay-circle {
    position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%);
    background: linear-gradient(135deg, #0c1a35, #1a4db8); 
    backdrop-filter: blur(18px);
    padding: 0.45rem 0.85rem; border-radius: 20px;
    text-align: center; min-width: 85px; opacity: 1;
    transition: all 0.45s cubic-bezier(0.23, 1, 0.320, 1); z-index: 4;
    font-size: 0.72rem; font-weight: 900; color: white; line-height: 1.15;
}

.rating-circle-link:hover .rating-overlay-circle { 
    transform: translateX(-50%) scale(1.05); 
}

/* PRESS & GALLERY SECTION - FULL WIDTH */
.ireda-press-gallery-section {
  padding: 2.5rem 0;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 50%, #e2e8f0 100%);
  position: relative; border-top: 3px solid rgba(30, 64, 175, 0.15);
}

.ireda-press-gallery-section::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0;
  height: 2px; background: linear-gradient(90deg, transparent, #1e40af, #3b82f6, transparent);
}

.press-panel, .gallery-panel {
  height: 520px !important; background: rgba(255,255,255,0.98);
  border: 1px solid rgba(226, 232, 240, 0.7); border-radius: 24px;
  box-shadow: 0 20px 64px rgba(0, 0, 0, 0.10); overflow: hidden;
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative;
  backdrop-filter: blur(20px);
  display: flex; flex-direction: column;
}

.press-panel::before, .gallery-panel::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px;
  background: linear-gradient(90deg, #3b82f6, #10b981, #f59e0b);
}

.press-panel:hover, .gallery-panel:hover {
  transform: translateY(-12px) scale(1.02);
  box-shadow: 0 40px 80px rgba(0, 0, 0, 0.20);
}

/* UPDATED COMPACT HEADERS */
.press-header, .gallery-header {
  padding: 0.45rem 1rem 0.4rem; text-align: center;
  border-bottom: 1px solid rgba(226, 232, 240, 0.95);
  background: rgba(255,255,255,0.95);
  position: relative; flex-shrink: 0;
  border-radius: 12px 12px 0 0;
}

/*.press-title-pro, .gallery-title-pro {
  font-size: 0.95rem !important; font-weight: 900 !important;
  color: #1e293b !important;
  margin: 0 !important; text-shadow: none;
  text-transform: uppercase; letter-spacing: 0.5px;
}*/

.press-title-pro, .gallery-title-pro {
  font-size: 0.95rem !important; 
  font-weight: 900 !important;
  margin: 0 !important; 
  text-transform: uppercase; 
  letter-spacing: 0.5px;
  
  /* Medium-Dark IREDA Blue Gradient */
  background: linear-gradient(135deg, rgba(30,58,138,0.95) 0%, #1e40af 50%, rgba(37,99,235,0.92) 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}



.press-scroll-container {
  height: 415px !important; padding: 1.8rem 2rem; overflow: hidden;
  flex: 1;
}

/* CONTINUOUS DOWNWARD SCROLL ANIMATION */
@keyframes pressScrollContinuous {
  0% { transform: translateY(0); }
  100% { transform: translateY(-720px); } /* 10 items x 72px */
}

.press-scroll-track {
  height: 1440px; /* Double height for seamless loop */
  display: flex; flex-direction: column;
  animation: pressScrollContinuous 60s linear infinite;
}

.press-scroll-container:hover .press-scroll-track { 
  animation-play-state: paused; 
}

.press-item {
  display: flex; gap: 1.25rem; padding: 1.25rem; height: 72px;
  text-decoration: none; color: inherit; opacity: 0.96;
  transition: all 0.35s cubic-bezier(0.23, 1, 0.320, 1);
  border-radius: 20px; margin-bottom: 0.75rem;
  background: rgba(255, 255, 255, 0.92); backdrop-filter: blur(15px);
  border: 1px solid rgba(226, 232, 240, 0.7); align-items: center;
}

.press-item:hover {
  opacity: 1; background: rgba(255,255,255,1);
  transform: translateX(8px) scale(1.02);
  box-shadow: 0 12px 40px rgba(30, 64, 175, 0.18);
}

.press-date {
  width: 52px; height: 52px; flex-shrink: 0;
  background: linear-gradient(135deg, #60a5fa, #3b82f6) !important;
  color: white !important; border-radius: 16px; display: flex;
  flex-direction: column; align-items: center; justify-content: center;
  box-shadow: 0 6px 24px rgba(96, 165, 250, 0.45);
}

.date-day { font-size: 1.1rem; font-weight: 900; line-height: 1; }
.date-month { font-size: 0.65rem; font-weight: 500; line-height: 1; margin-top: 0.15rem; }

.press-title-main {
  font-size: 0.95rem !important; font-weight: 400 !important;
  color: #0f172a !important; line-height: 1.35 !important;
  margin: 0 !important; letter-spacing: -0.02em; flex: 1;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.gallery-grid-container {
  height: 415px !important; padding: 0.5rem; display: flex;
  flex-direction: column; gap: 1.25rem; flex: 1;
}

.gallery-featured {
  flex: 1; position: relative; border-radius: 20px; overflow: hidden;
  box-shadow: 0 24px 72px rgba(0, 0, 0, 0.18); aspect-ratio: 4 / 3 !important;
  cursor: pointer; transition: all 0.4s cubic-bezier(0.23, 1, 0.320, 1);
  background: linear-gradient(135deg, #f1f5f9, #e2e8f0);
}

.gallery-featured:hover { transform: scale(1.03); box-shadow: 0 32px 88px rgba(0,0,0,0.22); }

.featured-image {
  position: absolute !important; top: 0 !important; left: 0 !important;
  width: 100% !important; height: 100% !important; opacity: 0;
  transition: all 0.6s cubic-bezier(0.23, 1, 0.320, 1); z-index: 1;
}

.featured-image.active {
  opacity: 1 !important; z-index: 2 !important; transform: scale(1);
}

.featured-image:not(.active) { transform: scale(0.96); }

.gallery-image {
  width: 100% !important; height: 100% !important; object-fit: cover !important;
  object-position: center !important; border-radius: 20px;
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.320, 1);
}

.featured-image:hover .gallery-image { transform: scale(1.08); }

.image-overlay-top {
  position: absolute; top: 0; left: 0; right: 0; height: 90px;
  background: linear-gradient(180deg, rgba(0,0,0,0.95) 0%, transparent 75%);
  display: flex; align-items: center; padding: 1.4rem 2rem; z-index: 3;
  opacity: 0; transition: opacity 0.6s ease;
}

.featured-image.active .image-overlay-top { opacity: 1 !important; }


.gallery-caption h5 {
  font-size: 1.15rem; font-weight: 900;
  margin: 0; 
  text-shadow: 0 3px 12px rgba(0,0,0,0.9);
  
  /* White-Grey-Blue Gradient */
  background: linear-gradient(135deg, #ffffff 0%, #f1f5f9 45%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}


.gallery-thumbnails {
  position: absolute; bottom: 16px; left: 16px; right: 16px; height: 72px;
  display: flex; gap: 1rem; padding: 0 0.75rem; z-index: 4;
}

.thumb-slide {
  flex: 1; height: 100%; border-radius: 16px; overflow: hidden;
  cursor: pointer; border: 2px solid transparent; opacity: 0.9;
  transition: all 0.4s cubic-bezier(0.23, 1, 0.320, 1);
  background: rgba(255,255,255,0.95); backdrop-filter: blur(15px);
}

.thumb-slide:hover, .thumb-slide.active {
  opacity: 1; border-color: #60a5fa; transform: scale(1.08);
  box-shadow: 0 12px 40px rgba(96, 165, 250, 0.45);
}

.thumb-image {
  width: 100%; height: 100%; object-fit: cover; object-position: center;
}

/* FIXED PROFESSIONAL VIEW ALL BUTTONS */
.view-all-btn {
  height: 38px !important; display: flex !important; align-items: center;
  justify-content: center; font-size: 0.95rem !important; font-weight: 700 !important;
  background: linear-gradient(135deg, #1e40af 0%, #1d4ed8 50%, #1e3a8a 100%) !important;
  color: white !important; text-decoration: none !important;
  border-top: 2px solid rgba(226, 232, 240, 0.9) !important; gap: 0.75rem;
  transition: all 0.4s cubic-bezier(0.23, 1, 0.320, 1) !important; flex-shrink: 0;
  border-radius: 0 0 12px 12px;
  box-shadow: 0 8px 32px rgba(30,64,175,0.3);
  position: relative; overflow: hidden;
}

.view-all-btn::before {
  content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
  transition: left 0.6s;
}

.view-all-btn:hover::before {
  left: 100%;
}

.view-all-btn:hover {
  transform: translateY(-4px) scale(1.02) !important;
  box-shadow: 0 20px 50px rgba(30, 64, 175, 0.55) !important;
}

/* FORCE SAME HEIGHTS */
.press-panel, .gallery-panel {
    height: 520px !important;
    display: flex !important;
    flex-direction: column !important;
}

.press-scroll-container, .gallery-grid-container {
    flex: 1 !important;
    height: calc(520px - 74px - 38px) !important; /* header(74px) + button(48px) */
    overflow: hidden !important;
}


.image-modal {
  display: none; position: fixed; z-index: 1999; left: 0; top: 0;
  width: 100%; height: 100%; background-color: rgba(0,0,0,0.97);
  backdrop-filter: blur(12px);
}

.modal-content {
  position: relative; margin: auto; display: block; width: 92%;
  max-width: 1400px; max-height: 92%; top: 50%; transform: translateY(-50%);
  animation: modalSlide 0.4s cubic-bezier(0.23, 1, 0.320, 1);
}

@keyframes modalSlide {
  from { opacity: 0; transform: translateY(-50%) scale(0.85); }
  to { opacity: 1; transform: translateY(-50%) scale(1); }
}

#modalImage {
  width: 100%; height: auto; max-height: 88vh; object-fit: contain;
  border-radius: 16px; box-shadow: 0 40px 100px rgba(0,0,0,0.7);
}

#modalCaption {
  color: white; text-align: center; padding: 1.25rem 0; font-size: 1.3rem;
  font-weight: 700; text-shadow: 0 2px 8px rgba(0,0,0,0.8);
}

.close-modal {
  position: absolute; top: -60px; right: 0; color: white;
  font-size: 2.8rem; font-weight: 900; cursor: pointer; opacity: 0.92;
  transition: all 0.4s ease; text-shadow: 0 2px 8px rgba(0,0,0,0.8);
}

.close-modal:hover { opacity: 1; transform: scale(1.1); }

/* RESPONSIVE */
@media (max-width: 991px) {
    .ireda-investors { min-height: auto !important; max-height: none !important; padding: 2rem 0 !important; }
    .stock-prices-optimized { flex-direction: column !important; gap: 1.25rem; padding: 1.25rem 1rem; }
    .ratings-full-row { flex-wrap: wrap; justify-content: center; padding: 1.25rem; gap: 0.75rem; }
    .rating-label-left { width: 26px; height: 90px; }
    .rating-label-left span { font-size: 0.7rem; padding: 0.3rem 0.25rem; }
    
    .press-panel, .gallery-panel { height: 480px !important; }
    .press-scroll-container, .gallery-grid-container { height: 375px !important; }
}

@media (max-width: 767.98px) {
    .press-panel, .gallery-panel { height: 420px !important; }
    .press-scroll-container, .gallery-grid-container { height: 315px !important; }
    .press-title-main { font-size: 0.9rem !important; }
    .gallery-thumbnails { bottom: 12px; left: 12px; right: 12px; height: 60px; }
    .image-overlay-top { height: 75px; padding: 1.1rem 1.5rem; }
    .gallery-caption h5 { font-size: 1rem; }
    .stock-circle-link, .rating-circle-link { width: 88px !important; height: 88px !important; }
}

@media (max-width: 575px) {
    .stock-circle-link, .rating-circle-link { width: 82px !important; height: 82px !important; }
    .rating-label-left { width: 24px; height: 82px; }
    .press-item { padding: 1rem; height: 65px; gap: 1rem; }
    .press-scroll-container, .gallery-grid-container { padding: 0.5rem !important; }
}

/* FIXED PRESS SCROLL ANIMATION - CONTINUOUS DOWNWARD */
@keyframes pressScrollContinuous {
    0% { transform: translateY(0); }
    100% { transform: translateY(-720px); } /* 10 items x 72px */
}

.press-scroll-track {
    height: 1440px !important; /* Double for seamless loop */
    display: flex; flex-direction: column;
}









/******************************************************************* Others ******************************************************************/







/* =====================================================
   PSU STANDARD: HIDE HEADER WHEN MODAL IS OPEN
===================================================== */

body.modal-open .ireda-header,
body.modal-open #utility-row,
body.modal-open .navbar,
body.modal-open header {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity 0.25s ease !important;
}




.language-modal .modal-content {
    border-radius: 15px;
}
.lang-btn {
    border-radius: 12px !important;
    transition: all 0.3s ease;
    font-family: 'Poppins', sans-serif;
}
.lang-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}
.lang-indicator {
    cursor: pointer;
    font-size: 1.2rem;
}
.lang-indicator:hover {
    color: #0d6efd !important;
}



/*Updated on 5th May*/
/****************************************** 
 * NEW: TRANSPARENT HEADER FOR ALL PAGES 
 * Add to BOTTOM - No existing code changes
 ******************************************/

/* 1. ALL PAGES: Header transparent initially */
/*.ireda-header:not(.solid-header) {
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    border: none !important;
}

.ireda-header:not(.solid-header) .header-bg-overlay {
    background: transparent !important;
    backdrop-filter: none !important;
}

.ireda-header:not(.solid-header) img {
    opacity: 0.9 !important;
    border-color: rgba(255,255,255,0.3) !important;
}

 2. Scroll effect (ALL pages) 
.ireda-header.scrolled:not(.solid-header),
.ireda-header.solid-header.scrolled {
    background: rgba(255,255,255,0.98) !important;
    box-shadow: 0 12px 40px rgba(0,0,0,0.15) !important;
    border-bottom: 2px solid rgba(30,58,138,0.3) !important;
    backdrop-filter: blur(25px) !important;
}

.ireda-header.scrolled .header-bg-overlay {
    background: rgba(255,255,255,0.98) !important;
    backdrop-filter: blur(25px) !important;
}

.ireda-header.scrolled:not(.solid-header) img,
.ireda-header.solid-header.scrolled img {
    opacity: 1 !important;
    border-color: rgba(30,58,138,0.2) !important;
}

 3. EXCEPTION: Solid header pages (rare cases) 
.ireda-header.solid-header {
    background: rgba(255,255,255,0.98) !important;
    box-shadow: 0 8px 30px rgba(0,0,0,0.12) !important;
    border-bottom: 1px solid rgba(30,58,138,0.2) !important;
    backdrop-filter: blur(20px) !important;
}

.ireda-header.solid-header .header-bg-overlay {
    background: rgba(255,255,255,0.98) !important;
    backdrop-filter: blur(20px) !important;
}

*/







/* ================================================
   DARK MODE — COMPLETE IREDA IMPLEMENTATION
   Redefines all CSS variables + component overrides
================================================ */

[data-bs-theme="dark"] {

    /* ── REDEFINE ALL COLOR VARIABLES ── */
    --white  : #1e293b;
    --pg     : #0f172a;
    --border : #334155;
    --pale   : #1e3a5f;
    --xpale  : #1e2d45;
    --t1     : #f1f5f9;
    --t2     : #cbd5e1;
    --t3     : #94a3b8;

    /* ── BODY ── */
    body {
        background: #0f172a !important;
        color: #e2e8f0 !important;
    }

    /* ── HEADER ── */
    .ireda-header {
        background: rgba(15, 23, 42, 0.98) !important;
        border-bottom: 2px solid rgba(59, 130, 246, 0.25) !important;
        box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5) !important;
    }

    .ireda-header .glass-btn,
    .ireda-header .nav-link {
        color: rgba(255, 255, 255, 0.88) !important;
        text-shadow: none !important;
    }

    .ireda-header .glass-btn:hover { color: #60a5fa !important; }

    .ireda-header .utility-link,
    .ireda-header .utility-lang-btn,
    .ireda-header .utility-icon-btn,
    .ireda-header .utility-font-btn,
    .ireda-header .utility-divider,
    .ireda-header .theme-toggle {
        color: rgba(255, 255, 255, 0.75) !important;
        background: rgba(255, 255, 255, 0.06) !important;
    }

    .ireda-header .utility-link:hover,
    .ireda-header .utility-lang-btn:hover,
    .ireda-header .utility-font-btn:hover {
        color: #60a5fa !important;
        background: rgba(96, 165, 250, 0.12) !important;
    }

    /* ── DROPDOWNS ── */
    .ireda-dropdown,
    .submenu-level-2 {
        background: #1e293b !important;
        border: 1px solid rgba(59, 130, 246, 0.2) !important;
        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5) !important;
    }

    .ireda-dropdown .dropdown-item {
        color: rgba(255, 255, 255, 0.82) !important;
        background: transparent !important;
    }

    .ireda-dropdown .dropdown-item:hover {
        background: rgba(96, 165, 250, 0.1) !important;
        color: #93c5fd !important;
    }

    /* ── SIDEBAR ── */
    .sidebar {
        background: #1e293b !important;
        border-right: 1px solid rgba(255, 255, 255, 0.07) !important;
    }

    .sb-title { color: rgba(255, 255, 255, 0.82) !important; }

    .sb-item {
        color: rgba(255, 255, 255, 0.82) !important;
    }

    .sb-item:hover {
        background: rgba(96, 165, 250, 0.08) !important;
        color: #93c5fd !important;
        border-left-color: #3b82f6 !important;
    }

    .sb-item.active {
        background: var(--G) !important;
        color: white !important;
    }

    .sb-icon { background: rgba(255, 255, 255, 0.06) !important; color: white !important; }
    .sb-item:hover .sb-icon { background: rgba(96, 165, 250, 0.12) !important; color: #60a5fa !important; }
    .sb-item.active .sb-icon { background: rgba(255, 255, 255, 0.18) !important; color: white !important; }

    /* ── LAYOUT ── */
    .subpage-layout { background: #0f172a !important; }

    .mob-ov { background: rgba(0, 0, 0, 0.7) !important; }

    /* ── PAGE HERO ── (already dark — no change needed) */

    /* ── MOBILE DRAWER ── */
    .mobile-nav-drawer {
        background: #1e293b !important;
        box-shadow: -8px 0 40px rgba(0, 0, 0, 0.6) !important;
    }

    .mobile-utility-row {
        border-bottom-color: rgba(255, 255, 255, 0.07) !important;
    }

    .mobile-util-link {
        color: rgba(255, 255, 255, 0.75) !important;
        background: rgba(255, 255, 255, 0.06) !important;
    }

    .mobile-nav-link {
        color: rgba(255, 255, 255, 0.85) !important;
        border-bottom-color: rgba(255, 255, 255, 0.06) !important;
        background: transparent !important;
    }

    .mobile-nav-link:hover {
        background: rgba(96, 165, 250, 0.08) !important;
        color: #60a5fa !important;
    }

    .mobile-sub-menu { background: rgba(255, 255, 255, 0.02) !important; }

    .mobile-sub-link {
        color: rgba(255, 255, 255, 0.65) !important;
        border-bottom-color: rgba(255, 255, 255, 0.04) !important;
    }

    .mobile-sub-link:hover {
        background: rgba(96, 165, 250, 0.08) !important;
        color: #93c5fd !important;
    }

    /* ── HAMBURGER ── */
    .hamburger-bar { background: rgba(255, 255, 255, 0.85) !important; }

    /* ── SEARCH BAR ── */
    .header-search-inner {
        background: rgba(255, 255, 255, 0.06) !important;
        border-color: rgba(255, 255, 255, 0.12) !important;
    }

    .header-search-input { color: rgba(255, 255, 255, 0.85) !important; }
    .header-search-input::placeholder { color: rgba(255, 255, 255, 0.35) !important; }
    .search-icon { color: rgba(255, 255, 255, 0.5) !important; }

    /* ── BACKGROUND PAGE SPECIFIC ── */
    .stat-card {
        background: #1e293b !important;
        border-color: rgba(59, 130, 246, 0.12) !important;
    }

    .sc-ico { background: rgba(59, 130, 246, 0.12) !important; }
    .sc-lbl { color: white !important; }

    .intro-card {
        background: #1e293b !important;
        border-color: rgba(59, 130, 246, 0.1) !important;
        color: #cbd5e1 !important;
    }

    .intro-card strong { color: #93c5fd !important; }

    .obj-card {
        background: #1e293b !important;
        border-color: rgba(59, 130, 246, 0.1) !important;
    }

    .obj-list li { color: white !important; border-bottom-color: rgba(255,255,255,0.05) !important; }
    .obj-list li:hover { color: #60a5fa !important; }
	
	
	
	/* ── OBJ CARD HEADER TEXT (Main Objectives / Quality Policy) ── */
	    .obj-head h3 {
	        color: #ffffff !important;
	        -webkit-text-fill-color: #ffffff !important;
	    }

	    .obj-head .sub {
	        color: rgba(255, 255, 255, 0.65) !important;
	        -webkit-text-fill-color: rgba(255, 255, 255, 0.65) !important;
	    }

	    /* ── HERO TITLE (Background / page titles) ── */
	    .page-hero h1 {
	        color: #ffffff !important;
	        -webkit-text-fill-color: #ffffff !important;
	        background: none !important;
	    }

	    .page-hero .hero-sub {
	        color: rgba(255, 255, 255, 0.85) !important;
	        -webkit-text-fill-color: rgba(255, 255, 255, 0.85) !important;
	    }

	    /* ── BREADCRUMB ── */
	    .bc-list a,
	    .bc-list span {
	        color: rgba(255, 255, 255, 0.75) !important;
	        -webkit-text-fill-color: rgba(255, 255, 255, 0.75) !important;
	    }
	
	



		
		
		/* ── SECTORS CAROUSEL SECTION ── */
		    .ireda-energy-assets {
		        background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%) !important;
		    }

		    .ireda-energy-assets h1 {
		        color: #e2e8f0 !important;
		        -webkit-text-fill-color: #e2e8f0 !important;
		    }

		    /* ── INVESTORS SECTION ── */
		    .ireda-investors {
		        background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%) !important;
		        border-bottom-color: rgba(59, 130, 246, 0.15) !important;
		    }

		    .stock-logos-panel,
		    .ratings-all-panel {
		        background: #1e293b !important;
		        border-color: rgba(59, 130, 246, 0.2) !important;
		        box-shadow: 0 16px 48px rgba(0, 0, 0, 0.4) !important;
		    }

		    .stock-logos-panel::before,
		    .ratings-all-panel::before {
		        background: linear-gradient(90deg, transparent, #3b82f6, transparent) !important;
		    }

		    /* Stock/Rating circle backgrounds */
		    .stock-circle-link,
		    .rating-circle-link {
		        background: linear-gradient(135deg, #334155, #1e293b) !important;
		        border-color: rgba(59, 130, 246, 0.3) !important;
		        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
		    }

		    /* Rating labels */
		    .rating-label-left span {
		        background: rgba(30, 41, 59, 0.95) !important;
		        color: rgba(255, 255, 255, 0.85) !important;
		        border-color: rgba(255, 255, 255, 0.1) !important;
		    }

		    .national-label span {
		        background: linear-gradient(135deg, rgba(59,130,246,0.2), rgba(59,130,246,0.12)) !important;
		        color: #93c5fd !important;
		        border-color: rgba(59, 130, 246, 0.4) !important;
		    }

		    .international-label span {
		        background: linear-gradient(135deg, rgba(16,185,129,0.2), rgba(16,185,129,0.12)) !important;
		        color: #6ee7b7 !important;
		        border-color: rgba(16, 185, 129, 0.4) !important;
		    }

		    /* Stock/Rating title headers */
		    .stock-title-pro,
		    .ratings-title-pro {
		        -webkit-text-fill-color: transparent !important;
		        background: linear-gradient(135deg, #93c5fd 0%, #60a5fa 50%, #93c5fd 100%) !important;
		        -webkit-background-clip: text !important;
		        background-clip: text !important;
		    }

		    /* ── PRESS & GALLERY SECTION ── */
		    .ireda-press-gallery-section {
		        background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%) !important;
		        border-top-color: rgba(59, 130, 246, 0.2) !important;
		    }

		    .ireda-press-gallery-section::before {
		        background: linear-gradient(90deg, transparent, #3b82f6, transparent) !important;
		    }

		    .press-panel,
		    .gallery-panel {
		        background: #1e293b !important;
		        border-color: rgba(59, 130, 246, 0.15) !important;
		        box-shadow: 0 20px 64px rgba(0, 0, 0, 0.4) !important;
		    }

		    .press-header,
		    .gallery-header {
		        background: rgba(15, 23, 42, 0.95) !important;
		        border-bottom-color: rgba(255, 255, 255, 0.06) !important;
		    }

		    .press-title-pro,
		    .gallery-title-pro {
		        background: linear-gradient(135deg, #93c5fd 0%, #60a5fa 50%, #93c5fd 100%) !important;
		        -webkit-background-clip: text !important;
		        -webkit-text-fill-color: transparent !important;
		        background-clip: text !important;
		    }

		    /* Press items */
		    .press-item {
		        background: rgba(30, 41, 59, 0.9) !important;
		        border-color: rgba(255, 255, 255, 0.06) !important;
		    }

		    .press-item:hover {
		        background: rgba(37, 99, 235, 0.12) !important;
		        box-shadow: 0 12px 40px rgba(59, 130, 246, 0.2) !important;
		    }

		    .press-title-main {
		        color: rgba(255, 255, 255, 0.85) !important;
		    }

		    /* Gallery thumbnails */
		    .thumb-slide {
		        background: rgba(30, 41, 59, 0.95) !important;
		    }

		    .thumb-slide:hover,
		    .thumb-slide.active {
		        border-color: #60a5fa !important;
		        box-shadow: 0 12px 40px rgba(96, 165, 250, 0.3) !important;
		    }
			
			
    /* ── GENERAL CARDS ── */
    .card {
        background: #1e293b !important;
        border-color: rgba(255, 255, 255, 0.07) !important;
        color: #e2e8f0 !important;
    }

    /* ── TOGGLE ICON ── */
    .theme-toggle .bi-moon-stars-fill { display: none !important; }
    .theme-toggle .bi-sun-fill        { display: block !important; }
}

/* ── LIGHT MODE ICON (default) ── */
[data-bs-theme="light"] .theme-toggle .bi-moon-stars-fill { display: block !important; }
[data-bs-theme="light"] .theme-toggle .bi-sun-fill        { display: none  !important; }








/*********************************Making Little Changes************************************/ 

/*Skip to Main Content Part*/
#main-content {
    scroll-margin-top: 98px;
}

/*Push body content below the fixed header*/
/*body {
    padding-top: 98px;
}*/




/*********************************GIGW 3.0, WCAG ************************************/ 
table {
    caption-side: top !important;
}



i[class*="bi-"],
i[class*="fa-"] {
    speak: none;
}



/*------------------------ ── Search-term highlight on landing page ─---------------────────────────── */
mark.search-hl {
    background: #fff3cd;
    color: inherit;
    padding: 0 2px;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(255,193,7,0.5);
}
mark.search-hl:focus { outline: 3px solid #ffbf47; outline-offset: 2px; }

[data-bs-theme="dark"] mark.search-hl,
body.dark-mode mark.search-hl { background: #4a4327; color: #ffe9a8; }

/* Screen-reader-only utility (used by highlight announcer & search form) */
.visually-hidden {
    position: absolute !important;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}


/*Just to remove the box around the lens*/
.header-search-submit {
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    padding: 0;
    appearance: none;
    -webkit-appearance: none;
}

.header-search-submit:focus,
.header-search-submit:focus-visible,
.header-search-submit:active {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}