@media (min-width: 768px) {
  .sticky-sidebar {
      position: sticky;
      top: 200px !important; /* Adjust this value based on your header/navbar height */
      z-index: 10;
  }
}

/* Responsive Breakpoints */
@media (max-width: 1199.98px) {
    .slider-item {
        flex: 0 0 calc((100% - 24px) / 2);
        min-width: calc((100% - 24px) / 2);
    }
  }
  
  @media (max-width: 767.98px) {
    .slider-item {
        flex: 0 0 85%;
        min-width: 85%;
    }

    .width-50 {
      width: 100%;
    }
    
    .section-title {
        font-size: 3rem;
    }
  
    .slider-controls {
        margin-bottom: 1.5rem;
    }
    
  .smallclients.logo-slider .slider {
    width: 100%;
  }

  }

  /* Mobile Layout: Full Width Bottom Nav */
@media (max-width: 767.98px) {
    body {
      padding-left: 0;
    }
    section, footer { 
      padding-left: 0px;
    }
    .ba-sidebar-container {
        top: auto;
        bottom: 0;
        left: 0;
        width: 100vw;
        height: auto;
        flex-direction: row;
        justify-content: center;
        padding: 12px 16px;
        
        /* Glassmorphism Styles */
        background: rgba(50, 46, 43, 0.65); /* Translucent base color */
        backdrop-filter: blur(12px) saturate(180%);
        -webkit-backdrop-filter: blur(12px) saturate(180%); /* Safari support */
        border-top: 1px solid rgba(255, 255, 255, 0.12); /* Subtle edge highlight */
        box-shadow: 0 -8px 32px 0 rgba(0, 0, 0, 0.37);
      }
  
    /* Hide Logo and Separate Bottom Contact on Mobile */
    .ba-sidebar-top,
    .ba-sidebar-bottom {
      display: none;
    }
  
    .ba-sidebar-menu {
      flex-direction: row;
      justify-content: space-around;
      width: 100%;
      background-color: transparent;
      padding: 0;
      gap: 0;
    }
  
    .ba-nav-item {
      width: 50px;
      height: 50px;
    }
  
    /* Adjust tooltips to show above items on mobile */
    .ba-nav-tooltip {
      left: 50%;
      top: auto;
      bottom: calc(100% + 12px);
      transform: translateX(-50%) scale(0.95);
    }
  
    .ba-nav-item:hover .ba-nav-tooltip {
      transform: translateX(-50%) scale(1);
    }

    .hero-lead {
      font-size: 3rem; 
    }

    .mob-nav {
      display: block !important;
      position: fixed;
      left: 0px;
      top: 0px;
      z-index: 1051;
      width: 100%;
      padding: 5px;
    
      /* Glassmorphism Effect */
      background: rgba(255, 255, 255, 0.25);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      border-bottom: 1px solid rgba(255, 255, 255, 0.3);
      box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05);
    }

    .mobile-logo img {
      height: 30px;
      width: 200px;
      object-fit: contain;
    }

    .site-logo{
      display: none;
    }

    .text-large {
      font-size: 3rem; 
    }

  }