:root {
            /* Color System */
            --primary: 30 24 56;
            --primary-foreground: 0 0% 98%;
            --secondary: 45 100% 60%;
            --secondary-foreground: 222.2 84% 4.9%;
            --accent: 210 40% 98%;
            --accent-foreground: 222.2 84% 4.9%;
            --muted: 210 40% 96%;
            --muted-foreground: 215.4 16.3% 46.9%;
            --background: 0 0% 100%;
            --foreground: 222.2 84% 4.9%;
            --border: 214.3 31.8% 91.4%;
            
            /* Gradients */
            --gradient-primary: linear-gradient(135deg, hsl(var(--primary)), hsl(270 30% 40%));
            --gradient-secondary: linear-gradient(135deg, hsl(22.47deg 100% 66.85%), hsl(22.25deg 100% 35.43%));
            --gradient-divine: linear-gradient(135deg, hsl(var(--background)), hsl(210 40% 98%));
            
            /* Shadows */
            --shadow-divine: 0 10px 30px -10px hsl(var(--primary) / 0.3);
            --shadow-glow: 0 0 40px hsl(var(--secondary) / 0.4);
        }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        h1, h2, h3, h4, h5, h6 {
             font-family: "Salsa", cursive;
        }
        thead th{
                background-color: #cf611f !important;
               color: #fff !important;
        }
        body {
             font-family: "Poppins", sans-serif;
            line-height: 1.6;
            color: hsl(var(--foreground));
            background: hsl(var(--background));              
            letter-spacing: 0.5px;      
        overflow-x: hidden !important;
        }
        p{
              font-size: 17px !important;
        }
        
        /* Utility Classes */
        .gradient-primary {
            background: var(--gradient-primary);
        }
        
        .gradient-secondary {
            background: var(--gradient-secondary);
        }
        
        .gradient-divine {
            background: var(--gradient-divine);
        }
        
        .text-primary {
            color: hsl(var(--primary)) !important;
        }
        
        .text-secondary {
                color: hsl(208.59deg 97.39% 30%) !important;
        }
        
       .text-muted {
  color: hsl(0deg 0% 22.83%) !important;
}
        
        .bg-primary {
            background-color: hsl(var(--primary)) !important;
        }
        
        .bg-secondary {
            background-color: hsl(var(--secondary)) !important;
        }
        
        .bg-muted {
            background-color: hsl(var(--muted)) !important;
        }
        
        /* Cross Pattern Background */
        .cross-pattern {
            background-image: 
                radial-gradient(circle at 25px 25px, hsl(var(--primary) / 0.1) 2px, transparent 2px),
                radial-gradient(circle at 75px 75px, hsl(var(--secondary) / 0.1) 2px, transparent 2px);
            background-size: 100px 100px;
        }
        
        /* Animations */
        @keyframes float {
            0%, 100% { transform: translateY(0px) rotate(0deg); }
            33% { transform: translateY(-10px) rotate(1deg); }
            66% { transform: translateY(5px) rotate(-1deg); }
        }
        
        @keyframes divineGlow {
            0%, 100% { box-shadow: 0 0 20px hsl(var(--secondary) / 0.3); }
            50% { box-shadow: 0 0 30px hsl(var(--secondary) / 0.6), 0 0 40px hsl(var(--secondary) / 0.3); }
        }
        
        @keyframes slideUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        @keyframes pulse {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.7; }
        }
        
        .floating-animation {
            animation: float 6s ease-in-out infinite;
        }
        
        .divine-pulse {
            animation: divineGlow 3s ease-in-out infinite;
        }
        
        .slide-up {
            animation: slideUp 0.8s ease-out forwards;
        }
        
        .fade-in-delay {
            opacity: 0;
            animation: fadeIn 0.6s ease-out forwards;
        }
        
        .golden-glow:hover {
            animation: divineGlow 1s ease-in-out;
        }
        
        /* Header Styles */
        .navbar-custom {
            transition: all 0.3s ease;
            padding: 5px 0;
        }
        
        .navbar-scrolled {
            background-color: rgba(255, 255, 255, 0.95) !important;
            backdrop-filter: blur(10px);
            box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
        }
        
        .navbar-brand-custom {
            display: flex;
            align-items: center;
            gap: 12px;
        }
        
        .brand-icon {
            width: 40px;
            height: 40px;
            background: var(--gradient-primary);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: bold;
            font-size: 18px;
        }
        
        .dropdown-menu-custom {
            border: none;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
            border-radius: 12px;
            padding: 0.5rem;
        }

        .dropdown-item:focus, .dropdown-item:hover {
    color: #ffffff !important;
    background-color: #ef8343 !important;
}
        
        .dropdown-item-custom {
            border-radius: 8px;
            padding: 12px 16px;
            transition: all 0.2s ease;
        }
        
        .dropdown-item-custom:hover {
            background-color: hsl(var(--accent));
               color: #fe6502;
        }
        
        /* Hero Section */
        .hero-section {
            position: relative;
            height: 100vh;
            overflow: hidden;
        }
        
        .hero-slide {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            opacity: 0;
            transition: opacity 1s ease-in-out;
        }
        
        .hero-slide.active {
            opacity: 1;
        }
/*         
        .hero-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 19%;
                background: linear-gradient(45deg, rgb(255 231 176 / 67%), rgba(51, 51, 51, 0.247));
        } */
        
        .hero-content {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            color: white;
            z-index: 2;
            width: 90%;
            max-width: 800px;
        }
        
        /* Events Section */
        .event-card {
                /* background: linear-gradient(90deg, rgb(0 42 78 / 95%) 0%, rgb(4 80 145 / 93%) 35%, rgb(0 50 94 / 95%) 100%), url(../sedos/home/upcoming-event.gif) !important; */
            background: white;
            border-radius: 16px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
            overflow: hidden;
        }
        #events{
             background: linear-gradient(90deg, rgb(255 255 255 / 90%) 0%, rgb(255 255 255 / 79%) 35%, rgb(255 255 255 / 77%) 100%), url(./sedos/home/upcoming-event.gif) !important;
    background-size: cover !important;
    padding: 50px 0px 70px 0px;
        }
        #events h5{
                color: #000000bf !important;
        }
        .event-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
        }
        
        .event-type-badge {
            padding: 6px 12px;
            border-radius: 20px;
            font-size: 12px;
            font-weight: 600;
        }
        
     .event-type-special {
    background: linear-gradient(90deg, rgb(0 54 114) 6%, rgb(4 76 147) 48%, rgb(24 98 181) 150%);
    color: #fff;
}
        
        .event-type-weekly {
             background: linear-gradient(90deg, rgb(0 54 114) 6%, rgb(4 76 147) 48%, rgb(24 98 181) 150%);
            color: hsl(var(--primary-foreground));
        }
        
        .event-type-outreach {
                background: linear-gradient(90deg, rgb(0 54 114) 6%, rgb(4 76 147) 48%, rgb(24 98 181) 150%);
            color: white;
        }
        
        .event-type-fellowship {
            background-color: #8b5cf6;  
            color: white;
        }
        .read-more{
                background-color: #025097;
            color: hsl(var(--primary-foreground)); 
            border-radius: 8px;
        }
           .read-more:hover{
                   background-color: #eb6110;
            color: hsl(var(--primary-foreground)); 
            border-radius: 8px;
        }
        /* Bulletin Section */
        .bulletin-section {
            background: var(--gradient-divine);
            position: relative;
            overflow: hidden;
        }
        
        .book-cover-container {
            position: relative;
        }
        
        .book-cover-glow {
            position: absolute;
            inset: -16px;
            background: var(--gradient-primary);
            opacity: 0.2;
            border-radius: 16px;
            filter: blur(20px);
            transition: opacity 0.3s ease;
        }
        
        .book-cover-container:hover .book-cover-glow {
            opacity: 0.3;
        }
        
        .book-cover {
            position: relative;
            background: white;
            border-radius: 16px;
            padding: 2rem;
            box-shadow: var(--shadow-divine);
            transition: transform 0.3s ease;
        }
        
        .book-cover:hover {
            transform: scale(1.02);
        }
        
        .article-card {
            background: white;
            border-radius: 12px;
            padding: 1.5rem;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
            transition: all 0.3s ease;
            margin-bottom: 1.5rem;
        }
        .article-card p{
            margin-bottom: 0px !important;
        }
        .article-card h5{
                color: #015094 !important;
        }
        .article-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
        }
        .article-card a{
              color: #e07332 !important;
        }
        
        /* Publications Carousel */
        .publications-carousel {
            position: relative;
        }
        .publication{
            background: linear-gradient(90deg, rgb(237 237 237 / 81%) 0%, rgb(74 153 225 / 78%) 35%, rgb(0 49 90 / 77%) 100%), url(./sedos/home/water-wave.gif) !important;
        }
        .publication-card {
            border-radius: 16px;
            overflow: hidden;
            
            transition: all 0.3s ease;
            margin: 0 15px;
        }
        
        .publication-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
        }
        
        .carousel-nav {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background: var(--gradient-primary);
            border: none;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            color: white;
            font-size: 18px;
            z-index: 3;
            transition: all 0.3s ease;
        }
        .bulletin-btn{
            background: var(--gradient-secondary); 
            color: hsl(var(--primary));
             border: none;
              border-radius: 12px; 
              font-weight: 600;
               padding: 12px;
        }
        .bulletin-btn a{
            color: #fff !important;
            text-decoration: none;
        }
        .carousel-nav:hover {
            transform: translateY(-50%) scale(1.1);
            box-shadow: var(--shadow-glow);
        }
        
        .carousel-nav.prev {
            left: -25px;
        }
        
        .carousel-nav.next {
            right: -25px;
        }
        
        /* Footer */
        .footer-custom {
               background-color: #c95300;
            color: hsl(var(--primary-foreground));
            position: relative;
            overflow: hidden;
        }
            .footer-custom li,
        .footer-custom a,
        .footer-custom p{
            font-size:15px !important;
        }
        
        .social-icon {
            width: 40px;
            height: 40px;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
            text-decoration: none;
            color: hsl(var(--primary-foreground));
        }
        
        .social-icon:hover {
            background: var(--gradient-secondary);
            color: hsl(var(--primary));
            transform: scale(1.1);
        }
        
        .scroll-to-top {
            position: fixed;
            bottom: 2rem;
            right: 2rem;
            width: 50px;
            height: 50px;
            background: var(--gradient-secondary);
            border: none;
            border-radius: 50%;
            color: #fff;
            font-size: 20px;
            box-shadow: var(--shadow-divine);
            transition: all 0.3s ease;
            z-index: 1000;
        }
        
        .scroll-to-top:hover {
            transform: scale(1.1);
            animation: divineGlow 1s ease-in-out;
        }
        @media (min-width: 768px) {
        .pl-75{
            padding-left:10px;
        }

        }


         @media (max-width: 991px) {
             
             .slider {
                width: 100%;
                 height: auto !important; 
                background: linear-gradient(90deg, rgba(237, 237, 237, 0.86) 0%, rgba(255, 255, 255, 0.73) 35%, rgb(255, 255, 255) 100%) center bottom / cover no-repeat, url(./sedos/home/slider-bg.gif) !important;
                background-position: center bottom !important;
                background-size: cover !important;
            }

            .filament-tiptap-grid-builder__column {
                    grid-column: span 12 !important;
                    }             
             .news{
                box-shadow: 0 0 10px #d1d1d1;
                padding: 20px;
                height: auto;
            }
      .hero-section .hero-text h1{
           font-size:16px !important; 
        }
        .hero-section .hero-text p{
           font-size:14px !important; 
        }
         .hero-text{
             padding:10px !important;
         }
         .hero-section{
                 height: 100vh !important;
         }
         
           .hero-section {
    flex-direction: column; 
  }

  .hero-text {
    flex: unset;   
    width: 100%;  
    padding: 20px; 
    text-align: center; 
  }

  .hero-slider {
    flex: unset;
    width: 100%;  
    height: auto; 
  }

  .pe-0{
      padding-right:15px !important;
  }
  .partners .col-lg-2{
      margin-top:20px !important;
  }
  .publications-carousel img{
          width: 100% !important;
    height: auto !important;
  }
  .book-cover-container img {
     height:auto !important; 
}
    .hero-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100% !important;
        background: linear-gradient(45deg, rgb(38 38 38 / 67%), rgb(255 255 255 / 62%));
    } 
         }
        /* Responsive Design */
        @media (max-width: 768px) {

            .news {
                box-shadow: 0 0 10px #d1d1d1;
                padding: 12px !important;
                height: auto !important;
            }
            .subpage img{
                    width: 100% !important;
            }
              .pagination {
                margin-bottom: 0 !important;
                display: block;
            }

            .breadcrumb-custom {
            display: block !important;        ;
            color: #044e8f !important;
            font-weight: 500;
            list-style: none;
            padding-left: 0;
        }

            .news {
            box-shadow: 0 0 10px #d1d1d1;
            padding: 12px !important;
            margin-top: 30px;
            }

            .hero-section {
                position: relative;
                height: 80vh !important;
                overflow: hidden;
            }
            .social-links{
                display:none !important;
            }
            .logo1 {
                width: 40px !important;
            }
            .logo2 {
                width: 190px !important;
            }
            .navbar-nav {
             
               padding-left: 24px;
            }
            .event-item .ms-3{
                    margin-left: 0rem !important;
            }
            .event-item h2{
                text-align:center !important;
            }
            .navbar-scrolled{
                 background-color:#fff !important;
            }

            .hero-content h1 {
                font-size: 2.5rem !important;
            }
            
            .hero-content p {
                font-size: 1.1rem !important;
            }
            
            .carousel-nav {
                display: none;
            }
        }
  .logo1{
        width: 100px;
  }
    .logo2{
        width: 350px;
  }

  .nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size:17px;
    font-weight: var(--bs-nav-link-font-weight);
    color: rgb(19, 19, 19) !important;
    text-decoration: none;
    background: 0 0;
    border: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}
.navbar-scrolled .nav-link {
    color: rgb(0 0 0) !important;
}
h2{
        color: #044e8f !important;
}
h2 .color{
        color: #ff6305 !important;
}
.mt-6{
    margin-top: 6px;
}
.event-btn button a{
    color:#fff;
    text-decoration: none;
}

.bulletin-btn:hover,
.event-btn button:hover{
background: linear-gradient(135deg,  hsl(22.25deg 100% 35.43%), hsl(22.47deg 100% 66.85%)) !important;
}
.footer-link{
    text-decoration: none !important;
    color: #fff !important;
    font-weight: 700;
}
footer div a,
footer li a{
font-size: 15px !important;
}
.footer-link:hover{
    text-decoration: none !important;
        color: #005294 !important;
    font-weight: 700;
}

.display-inline-flex {
    display: inline-flex !important;
}
.padding{
   padding-top: 5px;
    padding-right: 5px;
}
.footer-bottom a{
    color: #dddddd;
    text-decoration: none;
}
.footer-bottom a:hover{
    color: #ffffff;
    text-decoration: none;
}
.footer-bottom p{
    text-align:center;
    font-size: 16px !important;
}
.fa-facebook-f{
      background-color: #005194;
       padding: 7px 9px 6px 9px;
    border-radius: 7px;
    color: #fff;
}
.fa-facebook-f:hover{
    background-color: #ff5b00;
       padding: 7px 9px 6px 9px;
    border-radius: 7px;
    color: #ffffff;
}

.fa-youtube{
 background-color: #b30000;

    border-radius: 7px;
    color: #fff;
    font-size: 15px;
padding: 7px 6px 6px 7px;
}
.fa-youtube:hover{
     background-color: #ff5b00;
 padding: 7px 6px 6px 8px;
    border-radius: 7px;
    color: #ffffff;
}
.fa-flickr{
 background-color: #1f1f1f;
    border-radius: 7px;
    color: #fff;
    font-size: 15px;
padding: 7px 6px 6px 8px;
}
.fa-flickr:hover{
     background-color: #ff5b00;
 padding: 7px 6px 6px 8px;
    border-radius: 7px;
    color: #ffffff;
}
.calender-bg{    
    position:absolute;
    background-color: #00203c75;
    top: 50%;
    left:45%
    
}
.calender-bg p{
        color: #fff !important;
    font-weight: 700;
        margin-bottom: 0;
}
.program-bg{
    position:absolute;
    background-color: #00203c75;
    top: 50%;
    left:50%  
}

.program-bg p{  
        color: #fff !important;
    font-weight: 700;
        margin-bottom: 0;
}

.program-bg1{
    position:absolute;
    background-color: #00203cc7;
    top: 50%;
    left:50%  
}

.program-bg1 p{  
        color: #fff !important;
    font-weight: 700;
        margin-bottom: 0;
}

.topbar .topbar-inner {
    height: 45px;
    padding: 10px 15px;
    /* background: rgba(255, 255, 255, .5); */
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1240px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .logo1 {
    width: 60px;
}
.logo2 {
    width: 200px;
}


}
.social-links{
        padding-left: 40px;
}
@media (min-width: 1200px) {
    .display-3 {
        font-size: 3rem !important;
    }
}
/* .navbar{
   background-image: url('./sedos/home/header-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
} */



.book-cover-container img{
height: 348px;
}    

.partners p{
    text-align: center;
    margin-bottom: 0;
    color: #00335e;
    font-weight: 700;
}
.partners-box{  
    box-shadow: 0 0 6px #044e8fde;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;  
}
.partners{
        padding: 50px 0px 50px 0px;
        background-image: url(../img/sedos/home/partners-bg.png);
            background-size: cover;
    background-position: center;
}

.partners-box:hover {
       box-shadow: 0 0 6px #e47736 !important;
    padding: 20px;
     height: 100%;  
}
.partners a{
    text-decoration: none;

}
.hero-nav,
.hero-nav{
    display:none !important;
}
.slider {
    width: 100%;
    height: 80vh;
    background: linear-gradient(90deg, rgba(237, 237, 237, 0.86) 0%, rgba(255, 255, 255, 0.73) 35%, rgb(255, 255, 255) 100%) center bottom / cover no-repeat, url(./sedos/home/slider-bg.gif) !important;
    background-position: center bottom !important;
        background-size: cover !important;
}
.slider #carouselExampleIndicators{
  margin-top: 1%;  
  margin-left: 5%;
 }
 
.nav-link:focus, .nav-link:hover {
    color: rgb(252 100 4) !important;
}
/* Submenu positioning */
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%; /* Open at right side */
  margin-top: -1px;
}
/* Show dropdown on hover */
.navbar-nav .dropdown:hover > .dropdown-menu {
  display: block;
  margin-top: 0; /* remove the small gap */
}

/* Submenu positioning */
.dropdown-submenu {
  position: relative;
      border-bottom: 1px dashed #e4783780;  
}
.dropdown-menu li{
    border-bottom: 1px dashed #e4783780;    
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
  top: 0;
  left: 100%; /* open to the right */
  margin-top: -1px;
}


.breadcrumb-section {
       background: linear-gradient(90deg, rgb(237 237 237 / 86%) 0%, rgb(255 255 255 / 73%) 35%, rgb(255 255 255 / 57%) 100%), url(./sedos/home/bread-crumb.gif) !important;
    /* background-image: url(./sedos/home/bread-crumb.gif); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
        padding: 15px;
}
.breadcrumb-custom{
   display: flex;
    color: #044e8f !important;
    font-weight: 500;
    list-style: none;
    padding-left: 0;
}
.breadcrumb-custom li{
        padding-right: 15px;
            color: #000 !important;
}

.breadcrumb-custom li a{
        color: #000;
        text-decoration: none;
}
.news-events{
   background: linear-gradient(90deg, rgb(237 237 237 / 86%) 0%, rgb(255 255 255 / 73%) 35%, rgb(255 255 255 / 57%) 100%), url(./sedos/home/subpage-bg.png) !important;
         background-size: auto !important;
            background-repeat: repeat !important; 
}
.subpage{
    padding: 50px 0px 50px 0px;
    background: linear-gradient(90deg, rgb(237 237 237 / 86%) 0%, rgb(255 255 255 / 73%) 35%, rgb(255 255 255 / 57%) 100%), url(./sedos/home/subpage-bg.png) !important;
    background-size: contain !important;
            background-repeat: repeat !important;
}

.subpage h3{
       color: #044e8f;
        text-align: left !important;
           margin-top: 30px; text-align:left !important;
}

.subpage > :first-child h3{
       color: #044e8f;
    margin-top: 0px;
     text-align:left !important;
}
.subpage > :first-child h4{
    color: #d26422;
    margin-top: 0px;
    text-align:left;
}
.subpage h4{
    color: #d26422;
    margin-top: 30px;
     text-align:left;
}

.subpage h2{
    color: #020064 !important;
    font-size: 35px;

}
.news-events h3{
    padding-top: 10px;
    color: #044e98;
    margin-top: 10px;
        margin-bottom: 0;
}
.date i{
    color: #cc2f12;
}
.date p{
    margin-bottom: 0px;
    padding-left: 10px;
        color: #cc2f12;
}
.news-events  a{
    text-decoration: none;
    color: #fc6704;
    position: relative;
    padding-right: 20px;
        font-size: 16px;
}
/*.news-events  a::after{*/
/*    content: "\f061";*/
/*    font-family: "Font Awesome 5 Free";*/
/*    font-weight: 900;*/
/*    position: absolute;*/
/*    right: 0;*/
/*    top: 0px;*/


/* .news .text-content{
    padding-top: 10px;
} */
.py-5 {
    padding-top: 30px !important;
    padding-bottom: 48px !important;
}
.mlr-auto{
    margin-left:auto;
    margin-right:auto;
    display:table;
}
.footer-bottom{
    padding-top:20px;
}
.navbar-toggler {
    padding: 3px !important;
}
.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: 10px !important;
    color: #7070709e;
    content: var(--bs-breadcrumb-divider, "/");
}
/* Fix dropdown width and text alignment */
.dropdown-menu.dropdown-menu-custom {
    min-width: 260px;   /* Adjust width as needed */
    max-width: 300px;   /* Optional: prevent overly wide */
    white-space: normal; /* Wrap text inside */
    word-wrap: break-word; /* Ensure long words break */
    padding: 8px 12px;   /* Space inside the box */
}

.dropdown-submenu .dropdown-menu {
    min-width: 260px;   /* Submenu width */
    white-space: normal;
    word-wrap: break-word;
    padding: 8px 12px;
}

.dropdown-item {
    white-space: normal;  /* Allow wrapping */
    line-height: 1.4;
}

    input::placeholder {
        color: white !important;
        opacity: 1; /* ensures full white instead of faded */
    }

    .subpage input::placeholder {
       color: #999999 !important;
        opacity: 1; /* ensures full white instead of faded */
    }
.subpage .news img{
    height:250px;
         border-bottom: 1px dashed #f06a10a8;
}
   .news {
            box-shadow: 0 0 10px #d1d1d1;
            padding: 12px !important;
        
            height:640px;
   }
   .news-events{
    padding: 50px 0px 0px 0px !important;
   }
.currentIssue-section h4 a{
    text-decoration: none;
    color: #005291;
}
.currentIssue-section h4 a:hover{
    text-decoration: none;
        color: #fd6303;
}
.pagination {
    margin-bottom: 0 !important;
}
.issue-excerpt {
    
    color: #000000 !important;
    text-align: justify;
}
.subpage a{
    text-decoration: none !important;
    color: #ff5f00;
}
.subpage a:hover{
    text-decoration: none !important;
    color: #fd6303;
}
.table-responsive {
  width: 100% !important;          /* make it full width */
  overflow-x: auto !important;     /* allow horizontal scroll */
  -webkit-overflow-scrolling: touch; /* smooth scroll on mobile */
}

.table {
  min-width: 700px; /* optional: minimum width so columns don’t squish too much */
}
a{
text-decoration: none !important;
}
.active{
    color:#000 !important;
}

/*active menu*/

  /* Highlight for active links - only text color */
    .nav-link.active, 
    .dropdown-item.active, 
    .dropdown-submenu.active > .dropdown-toggle, 
    .nav-item.active > .nav-link {
        color: rgb(252 100 4) !important;
        background-color: transparent !important;
    }
    .videos{
     padding:50px;
    }
     .videos img{
         height:250px;
     }
     .form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: #dbdbdb !important;
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: var(--bs-border-radius);
    transition: border-color .15s 
ease-in-out, box-shadow .15s 
ease-in-out;
}
.footer-custom input::placeholder {
  color: #000 !important;   /* your desired color */
  opacity: 1;       /* make sure it’s fully visible */
}

  .slider .slider-about{
      padding:0px 37px;
  }
    .slider .slider-about p{
        text-align:justify;
    }
    .annual-general-assemblys .news{
        height: 480px;
    }