/* optional: subtle fixed height for the navbar and logo alignment */
    .navbar { padding: .5rem 0; }
    .navbar-brand img { height: 50px; width: auto; display: inline-block; }
    /* keep the navbar content strictly left (logo) and right (button) */
    .nav-right { margin-left: auto; }
    .features-box {
      background: #fff;
      border-radius: 8px;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
      /*padding: 40px 20px;*/
    }

    .feature-item {
      text-align: center;
      padding: 20px;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      border-radius: 8px;
    }

    .feature-item:hover {
      transform: translateY(-5px);
      box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
    }

    .feature-item img {
      width: 35px;
      height: auto;
      margin-bottom: 15px;
    }

    .feature-item h6 {
      font-weight: 600;
      color: #212529;
      margin-bottom: 0;
      
    }
    
    .sobha-text {
    font-size: 16px;
    color: #212529;
    margin-bottom: 10px;
  }

  .sobha-text i {
    color: #000;
    margin-right: 8px;
  }

  .sobha-text b {
    font-weight: 600;
    margin-right: 4px;
  }
  
.logo-section {
      background: #fff;
      overflow: hidden;
      padding: 50px 0;
    }

    .logo-slider {
      display: flex;
      align-items: center;
      animation: scroll 25s linear infinite;
      gap: 40px;
    }

    .logo-slider:hover {
      animation-play-state: paused; /* pause on hover */
    }

    .brand-logo {
      flex: 0 0 auto;
      width: 140px;
      height: 140px;
      border-radius: 50%;
      background-color: #fff;
      border: 2px solid #d4af37; /* gold border */
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
      display: flex;
      justify-content: center;
      align-items: center;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .brand-logo:hover {
      transform: translateY(-5px);
      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
    }

    .brand-logo img {
      max-width: 80%;
      max-height: 80%;
      object-fit: contain;
    }

    @keyframes scroll {
      0% {
        transform: translateX(0);
      }
      100% {
        transform: translateX(-50%);
      }
    }

    /* Make it loop seamlessly */
    .slider-track {
      display: flex;
      width: calc(250px * 16); /* adjust width based on number of logos × duplicates */
    }
    



.image-marquee-wrapper {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.image-marquee {
  display: flex;
  align-items: center;
  gap: 60px;
  animation: scroll-left 10s linear infinite; /* faster speed */
}


.image-marquee img {
  height: 300px; /* Adjust size */
  width: auto;
  flex-shrink: 0;
  transition: transform 10s ease;
 
}

.image-marquee img:hover {
  transform: scale(1.1);
}

@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}}

@media (max-width: 768px) {
  .image-marquee {
    animation-duration: 15s;
  }
}