@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: 2rem;
    }
  
    .slider-controls {
        margin-bottom: 1.5rem;
    }
    
  .smallclients.logo-slider .slider {
    width: 100%;
  }

  }

  /* Mobile Layout: Full Width Bottom Nav */
@media (max-width: 767.98px) { 
    .four-sections .team-item {
      margin-top: 10px;
    }
    .w-80, .w-95 {
      width: 100%; 
    }
    .hero-slider-section { 
      min-height: 667px; 
    }

    .hero-slider-section .slide-description {
      font-size: 1.2rem; 
    }
    .site-logo {
      height: 60px;
      width: 100%;
      object-fit: contain; 
      position: relative;
    }
    .hero-slider-section .hero-controls-bar { 
      width: 100%; 
    }
    .process-steps-wrapper {
      display: none;
    }
  .og-fixed-socials-wrap {
    right: 8px;
  }
  .og-social-node {
    width: 32px;
    height: 32px;
    font-size: 0.85rem;
  }
  .og-fixed-socials-wrap {
    display:none !important;
  }

  .services-section .slider-item {
    flex: 0 0 calc((100% - 48px) / 1);
    min-width: calc((100% - 48px) / 1);
    scroll-snap-align: start;
  }
  
  }