.video-section {
    max-width: 400px;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    bottom: 0;
    background-color: #fff;
}
#hero{
    height: 116vh;
    padding: 0;
}
#carouselExample {
    height: 100%;
    margin-left: 400px;
}
.featured-services .icon-box{
    width: 100%;
}
.btn.btn-primary{
    margin-top: 15px;
}
.section-title h3{
    margin-bottom: 1rem;
}
#counts .nav-link.active::after {
    content: "";
    position: absolute;
    width: 56px;
    height: 3px;
    background: var(--nitttr-accent);
    left: -10px;
    top: 50%;
}
.nav-link.active::after{
    display: none;
}

/* Participants section icon styling */
#counts .tab-pane .chart-img-item img {
    filter: hue-rotate(200deg) saturate(1.2) brightness(1.1) !important;
}

#features-tab-3 .chart-img-item img {
    filter: hue-rotate(200deg) saturate(1.2) brightness(1.1) !important;
}

/* Ensure participants icons have the correct color */
.chart-img-item img.img-fluid {
    filter: hue-rotate(200deg) saturate(1.2) brightness(1.1) !important;
}
.input-box{
    height: auto;
}
.navmenu a, .navmenu a:focus,.navmenu .dropdown ul a{
  font-size: var(--text-20);
}
.navmenu .dropdown .dropdown:hover > ul{
  left: 100%;
}
.column1{
    height: 500px;
    max-width: 30%;
}
@media screen and (min-width:1200px){
    .navmenu .dropdown .dropdown ul{
        z-index: 999;
        left: 100%;
        top: 0;
    }
    .navmenu li:hover > a, .navmenu .active, .navmenu .active:focus,
    .navmenu .dropdown ul a:hover, .navmenu .dropdown ul .active:hover, .navmenu .dropdown ul li:hover > a{
        color: #fcb735 !important;
        font-weight: 500;
    }
}
@media screen and (min-width: 1580px){
    .video-section{
        max-width: 500px;
    }
    #carouselExample {
        margin-left: 500px;
    }
}
@media screen and (max-width:1600px){
    #hero{
        height: 65vh;
    }
}

@media screen and (max-width:1400px){
    section {
        padding: 30px 0;
        overflow: hidden;
    }
    .imgslide1 img {
        max-width: 150px !important;
        height: 100px !important;
    }
    .navmenu a, .navmenu a:focus, .navmenu .dropdown ul a {
        font-size: 17PX;
    }
}
@media (max-width: 1366px) {
    .navbar .dropdown .dropdown ul {
        left: 28px;
        top: calc(100% + 30px);
    }  
    .navbar .dropdown .dropdown:hover > ul {
        left: 90px;
    }
    .fixed-top-section {
        top: 186px;
    }
  }
@media screen and (max-width:1280px) {
    #header .navbar-nav {
        align-items: start;
      }
}
@media screen and (max-width: 1200px) {
    .navbar-expand-lg .navbar-toggler {
        display: block;
    }
    .collapse:not(.show) {
        display: none !important;
    }
    .navbar-expand-lg{
        flex-wrap: wrap;
    }
    .navbar-expand-lg .navbar-collapse{
        flex-basis: 100%;
    }
    .navbar-expand-lg .navbar-nav{
        flex-direction: column;
    }
    #header .container > div{
        align-items: start !important;
    }
    .navmenu > ul {
        display: none !important;
    }
    .navmenu.mobile-nav-active > ul {
        display: flex !important;
        flex-direction: column !important;
        width: 100%;
        background: #fff;
        position: absolute;
        top: 60px;
        left: 0;
        z-index: 9999;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    }
    .mobile-nav-toggle {
        display: block !important;
    }
}
@media screen and (max-width:1040px){
    .social-feed-section {
        top: 16%;
    }
    p {
        font-size: var(--text-16) !important;
      }
      .list-unstyled li{
        font-size: var(--text-16);
      }
}
@media screen and (max-width:991px){
    .add-logo-img .img-fluid {
        max-height: 40px;
    }
    .brand-logo-img img {
        width: auto;
        height: 70px;
    }
    .input-box{
        margin-top:5px ;
    }
    #carouselExample {
        height: 100%;
        margin-left: 0;
    }
    .video-section{
        display: none;
    }
    #hero{
        height: 350px;
    }
    #hero .d-block.w-100 {
        height: 350px;
        object-fit: cover;
        object-position: center;
    }
    .social-feed-section {
        top: 21%;
    }
    /* Updated social media responsive styles */
    .social-feed-list li:first-child {
        width: 50px;
    }
    .social-feed-list li.social-semi-circle {
        width: 40px;
        height: 40px;
    }
    .social-feed-list li.social-semi-circle a {
        font-size: 16px;
    }
    .social-feed-list li.social-semi-circle:hover {
        transform: translateX(-10px) scale(1.15);
        border-radius: 50%;
        width: 50px;
    }
    .social-feed-list li.twitter-section .img-fluid {
        width: 20px;
        height: auto;
    }
    .social-feed-list li i {
        font-size: 20px;
    }
    .fixed-top-section {
        top: 160px;
    }
    .column1{
        max-width:60%
    }
    .navmenu > ul {
        display: none !important;
    }
    .navmenu.mobile-nav-active > ul {
        display: flex !important;
        flex-direction: column !important;
        width: 100%;
        background: #fff;
        position: absolute;
        top: 60px;
        left: 0;
        z-index: 9999;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    }
}
@media screen and (max-width:767px){
    .social-feed-section {
        top: 30%;
    }
    /* Updated social media responsive styles for mobile */
    .social-feed-list li.social-semi-circle {
        width: 35px;
        height: 35px;
    }
    .social-feed-list li.social-semi-circle a {
        font-size: 14px;
    }
    .social-feed-list li.social-semi-circle:hover {
        transform: translateX(-8px) scale(1.1);
        border-radius: 50%;
        width: 43px;
    }
    .fixed-top-section {
        top: 191px;
    }
}
@media screen and (max-width:575px) {
    .font-contrler a {
        font-size: 14px;
      }
    .fixed-top-section {
        top: 211px;
    }
    #topbar{
        height: auto;
    }
    .font-contrler a{
        padding: 2px 4px;
    }
    .column1{
        max-width: 100%;
        height: 350px;
    }
}
@media screen and (max-width:400px){
    
    .fixed-top-section {
        top: 218px;
    }
    .social-feed-section {
        top: 33%;
    }
}

/* === Update Card Styling for Current Updates Section === */
.current-updates-section .update-card,
.update-card {
  background: #fff !important;
  opacity: 0.9;
  border-radius: 1rem !important;
  box-shadow: 0 4px 16px rgba(13,110,253,0.08) !important;
}

.current-updates-section .update-card .card-header,
.update-card .card-header {
  color: #fff !important;
  border-radius: 1rem 1rem 0 0 !important;
  border-bottom: 2px solid #0d6efd !important;
}

.current-updates-section .update-card .card-header h5,
.update-card .card-header h5 {
  color: #fff !important;
}

.current-updates-section .update-card .marquee-list li,
.current-updates-section .update-card .marquee-list a,
.current-updates-section .update-card .marquee-list span,
.update-card .marquee-list li,
.update-card .marquee-list a,
.update-card .marquee-list span {
  color: #092959 !important;
}

.current-updates-section .update-card .marquee-list .new-badge,
.update-card .marquee-list .new-badge {
  background: rgb(219, 18, 18) !important;
  color: #fff !important;
  border-radius: 3px !important;
  font-weight: bold !important;
}

/* Force override Bootstrap bg-primary for update cards */
.update-card .card-header.bg-primary,
.current-updates-section .update-card .card-header.bg-primary {
  background: #40b0bf !important;
  color: #fff !important;
  border-radius: 1rem 1rem 0 0 !important;
  border-bottom: 2px solid #40b0bf !important;
}

/* --- Fix: Make marquee links in update cards white for visibility --- */
.current-updates-section .update-card .marquee-list a,
.update-card .marquee-list a {
  color: #000 !important;
}

/* === Dark Mode Styles for Current Updates Section === */
body.dark-mode .current-updates-section .update-card,
body.dark-mode .update-card {
  background: #23283a !important;
  background-color: #23283a !important;
  opacity: 0.95;
  border-radius: 1rem !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.3) !important;
  border: 1px solid #353b4a !important;
}

body.dark-mode .current-updates-section .update-card .card-header,
body.dark-mode .update-card .card-header {
  background: #40b0bf !important;
  background-color: #40b0bf !important;
  color: #fff !important;
  border-radius: 1rem 1rem 0 0 !important;
  border-bottom: 2px solid #40b0bf !important;
}

body.dark-mode .current-updates-section .update-card .card-header h5,
body.dark-mode .update-card .card-header h5 {
  color: #fff !important;
}

body.dark-mode .current-updates-section .update-card .marquee-list li,
body.dark-mode .current-updates-section .update-card .marquee-list a,
body.dark-mode .current-updates-section .update-card .marquee-list span,
body.dark-mode .update-card .marquee-list li,
body.dark-mode .update-card .marquee-list a,
body.dark-mode .update-card .marquee-list span {
  color: #f3f3f3 !important;
}

body.dark-mode .current-updates-section .update-card .marquee-list a,
body.dark-mode .update-card .marquee-list a {
  color: #fcb735 !important;
}

body.dark-mode .current-updates-section .update-card .marquee-list a:hover,
body.dark-mode .update-card .marquee-list a:hover {
  color: #fff !important;
}

body.dark-mode .current-updates-section .update-card .marquee-list .new-badge,
body.dark-mode .update-card .marquee-list .new-badge {
  background: rgb(219, 18, 18) !important;
  color: #fff !important;
  border-radius: 3px !important;
  font-weight: bold !important;
}

/* Dark mode left panel styling */
body.dark-mode .current-updates-section .left-panel {
  background: #23283a !important;
  background-color: #23283a !important;
  border: 1px solid #353b4a !important;
}

body.dark-mode .current-updates-section .topic-btn {
  color: #f3f3f3 !important;
}

body.dark-mode .current-updates-section .topic-btn.active {
  background: #40b0bf !important;
  background-color: #40b0bf !important;
  color: #fff !important;
}

body.dark-mode .current-updates-section .topic-btn:hover {
  background: #353b4a !important;
  background-color: #353b4a !important;
  color: #fcb735 !important;
}

/* Dark mode button styling */
body.dark-mode .current-updates-section .btn-primary,
body.dark-mode .update-card .btn-primary {
  background: #40b0bf !important;
  background-color: #40b0bf !important;
  color: #fff !important;
  border: none !important;
}

body.dark-mode .current-updates-section .btn-primary:hover,
body.dark-mode .update-card .btn-primary:hover {
  background: #353b4a !important;
  background-color: #353b4a !important;
  color: #fcb735 !important;
}

/* --- Fix: Add margin between menu and marquee for spacing --- */
#header {
  margin-bottom: 0;
}

/* Target the navbar/menu bar specifically */
.navbar,
.navbar-mobile,
#navbar,
.navbar-expand-lg,
.navbar-nav {
  background: var(--nitttr-primary, #053363) !important;
  background-color: var(--nitttr-primary, #053363) !important;
}

/* Ensure navbar text is white for contrast */
.navbar a,
.navbar a:focus,
.navbar li,
.navbar-nav a,
.navbar-nav a:focus,
.navbar-nav li {
  color: #fff !important;
}

/* Handle mobile navbar */
.navbar-mobile {
  background: var(--nitttr-primary, #053363) !important;
  background-color: var(--nitttr-primary, #053363) !important;
}

/* Force navbar background with maximum specificity */
#header .navbar,
#header .navbar-nav,
#header .navbar-expand-lg,
body #header .navbar,
html body #header .navbar {
  background: var(--nitttr-primary, #053363) !important;
  background-color: var(--nitttr-primary, #053363) !important;
}

/* Dark mode navmenu styles - Maximum specificity overrides */
body.dark-mode .navmenu,
body.dark-mode #navmenu,
body.dark-mode nav.navmenu,
body.dark-mode div.navmenu {
  background: #000 !important;
  background-color: #000 !important;
}

body.dark-mode .navmenu > ul,
body.dark-mode #navmenu > ul,
body.dark-mode nav.navmenu > ul,
body.dark-mode div.navmenu > ul {
  background: #000 !important;
  background-color: #000 !important;
}

/* Override inline styles for navmenu background */
body.dark-mode .navmenu[style*="background"],
body.dark-mode #navmenu[style*="background"],
body.dark-mode nav.navmenu[style*="background"],
body.dark-mode div.navmenu[style*="background"] {
  background: #000 !important;
  background-color: #000 !important;
}

body.dark-mode .navmenu > ul > li > a, 
body.dark-mode .navmenu > ul > li > span, 
body.dark-mode .navmenu > ul > li > button, 
body.dark-mode .navmenu > ul > li > .nav-link,
body.dark-mode #navmenu > ul > li > a,
body.dark-mode nav.navmenu > ul > li > a,
body.dark-mode div.navmenu > ul > li > a {
  color: #fff !important;
}

/* Override inline styles for navmenu links */
body.dark-mode .navmenu > ul > li > a[style*="color"],
body.dark-mode #navmenu > ul > li > a[style*="color"],
body.dark-mode nav.navmenu > ul > li > a[style*="color"],
body.dark-mode div.navmenu > ul > li > a[style*="color"] {
  color: #fff !important;
}

body.dark-mode .navmenu > ul > li > a:hover, 
body.dark-mode .navmenu > ul > li > span:hover, 
body.dark-mode .navmenu > ul > li > button:hover, 
body.dark-mode .navmenu > ul > li > .nav-link:hover,
body.dark-mode #navmenu > ul > li > a:hover,
body.dark-mode nav.navmenu > ul > li > a:hover,
body.dark-mode div.navmenu > ul > li > a:hover {
  color: #fcb735 !important;
}

/* Override dropdown icons in dark mode */
body.dark-mode .navmenu .dropdown > a > i,
body.dark-mode .navmenu .dropdown > a.active > i,
body.dark-mode .navmenu .dropdown .dropdown > a > i,
body.dark-mode #navmenu .dropdown > a > i,
body.dark-mode nav.navmenu .dropdown > a > i,
body.dark-mode div.navmenu .dropdown > a > i {
  color: #fff!important;
}

/* === Dropdown Menu Vertical Layout Fix === */
.navmenu .dropdown ul {
    display: block !important;
    flex-direction: column !important;
    position: absolute;
    background: white;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    min-width: 250px;
    z-index: 1000;
    padding: 0;
    margin: 0;
}

.navmenu .dropdown ul li {
    display: block !important;
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.navmenu .dropdown ul li a {
    display: block !important;
    width: 100% !important;
    padding: 10px 15px !important;
    margin: 0 !important;
    border-bottom: 1px solid #eee;
    color: #333 !important;
    text-decoration: none !important;
    white-space: normal !important;
}

.navmenu .dropdown ul li:last-child a {
    border-bottom: none;
}

.navmenu .dropdown ul li a:hover {
    background-color: #f8f9fa !important;
    color: #2487CE !important;
}

/* Nested dropdown positioning */
.navmenu .dropdown .dropdown ul {
    left: 100% !important;
    top: 0 !important;
    position: absolute !important;
}

/* Ensure proper hover behavior */
.navmenu .dropdown:hover > ul {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.navmenu .dropdown .dropdown:hover > ul {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* --- Menu Bar Fit Fix (No Sliding, Allow Wrap) --- */
.navmenu {
  overflow-x: visible !important;
  white-space: normal !important;
  max-width: 100vw !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center;
}

.navmenu > ul {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center;
  width: auto !important;
  padding: 0;
  margin: 0 auto !important;
}

.navmenu > ul > li > a {
    padding: 10px 12px !important;
    font-size: 16px !important;
}

@media (max-width: 1400px) {
  .navmenu > ul > li > a {
    padding: 8px 8px !important;
    font-size: 15px !important;
  }
}

@media (max-width: 1200px) {
  .mobile-nav-toggle {
    display: block !important;
  }
  .navmenu > ul {
    display: none !important;
  }
  .navmenu.mobile-nav-active > ul {
    display: flex !important;
    flex-direction: column !important;
    width: 100%;
    background: #fff;
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 9999;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  }
}

@media (min-width: 1201px) {
  .mobile-nav-toggle {
    display: none !important;
  }
  .navmenu > ul {
    display: flex !important;
    flex-direction: row !important;
    position: static !important;
    background: none !important;
    box-shadow: none !important;
  }
}

.white-shape {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 70px;
  background: linear-gradient(135deg, var(--nitttr-accent) 60%, #fff 100%);
  border-radius: 50%;
  box-shadow: 0 4px 16px rgba(64, 176, 191, 0.15);
  transform: translate(-50%, -50%);
  z-index: 0;
  opacity: 0.18;
}

.stats-item .icon {
  position: relative;
  z-index: 1;
}

/* Force counter box icon background color */
.counter-box .icon {
  background: var(--nitttr-accent) !important;
}

/* Additional specificity for stats section */
#stats .counter-box .icon,
.stats-container .counter-box .icon {
  background: var(--nitttr-accent) !important;
}

/* Force section title underline to yellow */
.section-title h3 span:after {
  background: var(--nitttr-cta) !important;
}

/* Additional specificity for section titles */
.section-title h3 span:after,
.section-title h2 span:after,
.section-title h1 span:after {
  background: var(--nitttr-cta) !important;
}

/* Change title colors to accent teal */
h1, h2, h3, h4, h5, h6 {
  color: #059669;
}

.section-title h2,
.section-title h3,
.section-title h3 span {
  color: var(--nitttr-accent, #40B0BF) !important;
}

.title {
  color: var(--nitttr-accent, #40B0BF) !important;
}

/* Specific title overrides */
/* .about .content h3,
.services .icon-box h4,
.services .icon-box h4 a,
.featured-services .title,
.featured-services .title a,
.team .member .member-info h4,
.testimonials .testimonial-item h3,
.testimonials .testimonial-item h4,
.portfolio .portfolio-item .portfolio-info h4,
.pricing .box h3,
.contact .info-box h3,
.faq .faq-list .question,
.courses-details .header-title h2,
.courses-details .content .content-pra .title h3,
#counts .card h4,
#counts .tab-pane h2,
.banner-title,
.page-title h1,
.about-content h3 {
  color: var(--nitttr-accent, #ffffff);
} */

/* Ensure links in titles also use the accent teal */
.section-title h2 a,
.section-title h3 a,
.section-title h3 span a,
.title a {
  color: var(--nitttr-accent, #40B0BF) !important;
}

/* Hover states for title links */
.section-title h2 a:hover,
.section-title h3 a:hover,
.section-title h3 span a:hover,
.title a:hover,
.services .icon-box h4 a:hover,
.featured-services .title a:hover,
.team .member .member-info h4 a:hover,
.portfolio .portfolio-item .portfolio-info h4 a:hover {
  color: var(--nitttr-primary, #053363) !important;
}

/* Force white background for all sections and elements */
body, html {
  background-color: #fff !important;
  color: var(--nitttr-primary) !important;
}

section {
  background-color: #fff !important;
}

.section-bg {
  background-color: #fff !important;
}

/* Add background colors for sections without image backgrounds */
.about {
  background-color: #f8f9fa !important;
}

.services {
  background-color: #fff !important;
}

.testimonials {
  background-color: #f8f9fa !important;
}

.team {
  background-color: #fff !important;
}

.pricing {
  background-color: #f8f9fa !important;
}

.faq {
  background-color: #fff !important;
}

.contact {
  background-color: #f8f9fa !important;
}

.call-to-action {
  background-color: var(--nitttr-primary) !important;
}

.featured-services {
  background-color: #fff !important;
}

.skills {
  background-color: #f8f9fa !important;
}

.counts {
  background-color: #fff !important;
}

/* Ensure all other sections have white background */
section:not(.section-bg):not(.clients.section-bg.coordinator-section):not(section#portfolio):not(.expertise-section.section-bg):not(.counter-area):not(.inner-banner-section):not(.featured-services):not(section#featured-services) {
  background-color: #fff !important;
}

/* Add subtle background for alternating sections */
section:nth-child(even):not(.section-bg):not(.clients.section-bg.coordinator-section):not(section#portfolio):not(.expertise-section.section-bg):not(.counter-area):not(.inner-banner-section):not(.featured-services):not(section#featured-services) {
  background-color: #f8f9fa !important;
}

/* Ensure specific sections maintain their intended backgrounds */
.clients.section-bg.coordinator-section {
  background-image: url(../img/bg10.jpg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}

section#portfolio {
  background-image: url(../img/bg9.jpg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}

.expertise-section.section-bg {
  background-image: url(../img/bg-experise.jpg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}

.counter-area {
  background-image: url(../img/about-bg.jpg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}

.inner-banner-section {
  background-image: url(../img/about-bg.jpg) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* International Relations section background */
.clients.section-bg.relation-section {
  background-color: var(--nitttr-secondary, #175b91) !important;
}

/* Ensure text is readable on the blue background */
.clients.section-bg.relation-section .section-title h3 span {
  color: #fff !important;
}

.clients.section-bg.relation-section .section-title h3 {
  color: #fff !important;
}

/* At a Glance section dark background */
#counts {
  background-color: var(--nitttr-primary, #053363) !important;
  padding: 60px 0 !important;
}

/* Ensure the title is readable on dark background */
#counts .section-title h3.title-text {
  color: #fff !important;
}

#counts .section-title h3.title-text span {
  color: #fff !important;
}

/* Handle JavaScript-added classes */
#header.scrolled,
#header.fixed-top,
#header.header-scrolled,
#header.scroll-up-sticky,
#header.sticky-top {
  background: var(--nitttr-secondary, #175b91) !important;
  background-color: var(--nitttr-secondary, #175b91) !important;
}

/* Additional override for any potential conflicts */
#header[style*="background"] {
  background: var(--nitttr-secondary, #175b91) !important;
  background-color: var(--nitttr-secondary, #175b91) !important;
}

/* Force white text for better contrast */
#header .navbar a,
#header .navbar a:focus,
#header .navbar li,
#header .logo a,
#header .logo a span {
  color: #fff !important;
}

#header .mobile-nav-toggle {
  color: #fff !important;
}

#counts .tab-pane h2,
#counts .tab-pane h3,
#counts .tab-pane h4,
#counts .card h4,
#counts .tab-pane .count-box span {
  color: var(--nitttr-accent) !important;
}

body.dark-mode .team {
  background: #181c24 !important;
}

/* Override inline styles for team section in dark mode */
body.dark-mode #team[style*="background-color"] {
  background-color: #181c24 !important;
}

/* Maximum specificity override for team section background */
body.dark-mode section#team[style*="background-color: #e8f0fa"] {
  background-color: #181c24 !important;
}

/* Additional override for any background color */
body.dark-mode section#team {
  background-color: #181c24 !important;
}
body.dark-mode .team h1, body.dark-mode .team h2, body.dark-mode .team h3, body.dark-mode .team h4, body.dark-mode .team h5, body.dark-mode .team h6, body.dark-mode .team p, body.dark-mode .team span, body.dark-mode .team a {
  color: #fff !important;
}
/* Team member names in yellow for dark mode */
body.dark-mode .team .member .member-info h4,
body.dark-mode .team .member .member-info h4 a {
  color: #fcb735 !important;
}

/* Team member names in current HTML structure */
body.dark-mode #team h5,
body.dark-mode #team h5 strong {
  color: #fcb735 !important;
}

/* Team member titles in current HTML structure */
body.dark-mode #team h6 {
  color: #fcb735 !important;
}

/* Team description text in current HTML structure */
body.dark-mode #team p {
  color: #fff !important;
}
body.dark-mode .team .btn-primary, body.dark-mode .team .primary-load-btn {
  background: #fcb735 !important;
  color: #000 !important;
  border: none !important;
}
body.dark-mode .team .btn-primary:hover, body.dark-mode .team .primary-load-btn:hover {
  background: #181c24 !important;
  color: #000 !important;
}

/* Dark mode featured services section background only */
body.dark-mode .featured-services,
body.dark-mode section.featured-services,
body.dark-mode #featured-services,
body.dark-mode section#featured-services {
  background: #181c24 !important;
  background-color: #181c24 !important;
}

/* Override the general section rule for featured services in dark mode */
body.dark-mode section.featured-services,
body.dark-mode section#featured-services {
  background: #181c24 !important;
  background-color: #181c24 !important;
}

/* Keep individual cards and buttons unchanged */
body.dark-mode .featured-services .icon-box,
body.dark-mode .featured-services .btn,
body.dark-mode .featured-services .btn-primary {
  /* Preserve original styling - don't override */
}

body.dark-mode section#team[style],
body.dark-mode #team[style] {
  background: #181c24 !important;
  background-color: #181c24 !important;
}
body.dark-mode section#team > .container {
  background: transparent !important;
}

/* Fix unequal sizes of nav links in At a Glance section */
#counts .nav-tabs .nav-item .nav-link {
  width: 100% !important;
  min-height: 60px !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
  white-space: normal !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  line-height: 1.4 !important;
  padding: 15px 20px !important;
  margin-bottom: 10px !important;
  border-radius: 8px !important;
  transition: all 0.3s ease !important;
  box-sizing: border-box !important;
}

#counts .nav-tabs .nav-item .nav-link img {
  flex-shrink: 0 !important;
  margin-right: 12px !important;
}

#counts .nav-tabs .nav-item .nav-link:hover {
  background-color: rgba(252, 183, 53, 0.1) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(252, 183, 53, 0.2) !important;
  border-color: #fcb735 !important;
}

#counts .nav-tabs .nav-item .nav-link.active {
  background-color: #fcb735 !important;
  color: #fff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(252, 183, 53, 0.3) !important;
}

/* Ensure consistent spacing between nav items */
#counts .nav-tabs .nav-item {
  width: 100% !important;
  margin-bottom: 8px !important;
}

#counts .nav-tabs .nav-item:last-child {
  margin-bottom: 0 !important;
}

/* Dark mode adjustments */
body.dark-mode #counts .nav-tabs .nav-item .nav-link {
  background-color: rgba(255, 255, 255, 0.05) !important;
  color: #f3f3f3 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

body.dark-mode #counts .nav-tabs .nav-item .nav-link:hover {
  background-color: rgba(252, 183, 53, 0.2) !important;
  border-color: #fcb735 !important;
}

body.dark-mode #counts .nav-tabs .nav-item .nav-link.active {
  background-color: #fcb735 !important;
  color: #fff !important;
  border-color: #fcb735 !important;
}

/* Dark mode override for team section icons to keep them white */
body.dark-mode .stats-container .icon img,
body.dark-mode .stats-item .icon img,
body.dark-mode #team .icon img {
  filter: brightness(0) invert(1) !important;
}

/* Ensure team section icons are always white regardless of mode */
.stats-container .icon img,
.stats-item .icon img,
#team .icon img {
  filter: brightness(0) invert(1) !important;
}

body.dark-mode #counts .tab-pane h2,
body.dark-mode #counts .tab-pane h3,
body.dark-mode #counts .tab-pane h4,
body.dark-mode #counts .card h4,
body.dark-mode #counts .tab-pane .count-box span {
  color: var(--nitttr-accent) !important;
}

body.dark-mode #dots {
  background: #111 !important;
  opacity: 0.85 !important;
}

.team .member {
  background: #d3e6fd !important;
  color: #222 !important;
}

/* Ensure Meet the Team section background is light blue */
.team.section-bg {
  background: #d3e6fd !important;
}

/* --- At a Glance Section Spacing & Alignment Tweaks --- */
#counts .at-a-glance-box {
  padding: 24px 18px !important; /* Reduce vertical and horizontal padding */
}
#counts .nav-tabs .nav-item .nav-link {
  min-height: 44px !important;
  padding: 8px 14px !important;
  margin-bottom: 6px !important;
  font-size: 1rem !important;
  line-height: 1.2 !important;
}
#counts .nav-tabs .nav-item {
  margin-bottom: 4px !important;
}
#counts .tab-pane .card {
  margin-bottom: 12px !important;
  padding: 10px 0 !important;
}
#counts .card-body.card-padding {
  padding: 10px 16px !important;
  min-height: 70px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
#counts .card h4 {
  margin-bottom: 8px !important;
  font-size: 1.08rem !important;
  line-height: 1.2 !important;
}
#counts .count-box {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
}
#counts .count-box span {
  font-size: 2.1rem !important;
  line-height: 1 !important;
  margin: 0 !important;
}
#counts .chart-img-item {
  margin-left: 10px !important;
  display: flex !important;
  align-items: center !important;
}
#counts .chart-img-item img, #counts .chart-img-item i {
  height: 32px !important;
  width: 32px !important;
  margin: 0 !important;
  vertical-align: middle !important;
}
#counts .tab-pane .row > [class^='col-'] {
  margin-bottom: 8px !important;
}

/* Remove extra vertical space in tab content */
#counts .tab-pane > .pt-4, #counts .tab-pane > .row.pt-4 {
  padding-top: 10px !important;
}
body.dark-mode #site-search-input {
    background: #181a1b !important;
    color: #f3f3f3 !important;
    border: 1.5px solid #fcb735 !important;
}
body.dark-mode #site-search-input:focus {
    border: 1.5px solid #fcb735 !important;
    outline: none !important;
}
body.dark-mode #site-search-input::placeholder {
    color: #bbb !important;
}
body.dark-mode #site-search-suggestions {
    background: #181a1b !important;
    color: #f3f3f3 !important;
    border: 1.5px solid #fcb735 !important;
}
body.dark-mode #site-search-suggestions div {
    background: #181a1b !important;
    color: #f3f3f3 !important;
}
body.dark-mode #site-search-suggestions div:hover {
    background: #222831 !important;
    color: #fcb735 !important;
}

@media (min-width: 576px) {
  #testimonials .carousel-controls-mobile-wrapper .carousel-control-prev,
  #testimonials .carousel-controls-mobile-wrapper .carousel-control-next {
    top: 65% !important;
    transform: translateY(-50%) !important;
  }
}