body {
      font-family: 'Segoe UI', sans-serif;
      overflow-x: hidden;
      color: #021A54;
    }
    
    .wa-float {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #25D366;
  color: white;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  z-index: 999;
  text-decoration: none;
  transition: 0.3s;
}

.wa-float:hover {
  background-color: #1ebe5d;
  transform: scale(1.1);
}
    
    .navbar-brand{
        color: #021A54;
    }

    .hero-bg {
        background-image: url("../images/background/IMG_2777.jpeg");
  height: 650px;
  width: 100%;
      color: white;
      align-items: center;
      opacity: 30%;
      background-size: cover;
    }
    
    .hero-img{
        position: absolute;
        margin-left: -5;
        background-size: cover;
        overflow: hidden;
        min-height: 500px;
    }
    

  .hero-overlay {
      position: relative;
      background-color: #021A54; 
      padding: 50px;
      border-radius: 10px;
      color: white;
      margin-top: -500px;
      margin-bottom: 185px;
  }
  
  .motor-icon img {
      position: absolute;
      margin-top: -35px;
      margin-left: -35px;
      width: 200px;
      background-size: cover;
      transform: scaleX(-1) rotate(20deg);
  }

    .banner {
        position: relative;
      background: #f8f9fa;
      padding: 60px 0;
      text-align: center;
    }

    .logo-placeholder {
      font-size: 24px;
      font-weight: bold;
      letter-spacing: 2px;
    }
    
    .rent-btn {
        background-color: #021A54;
        border: none;
    }
    .rent-btn:hover,
.rent-btn:focus,
.rent-btn:active {
    background-color: #3852B4 !important;
    color: white;
    border: none;
}
    
    .location-title{
        color: #021A54;
    }
    
    .location-sub{
        color: #021A54;
    }
    
.testimonial-scroll::-webkit-scrollbar {
  display: none;
}
.testimonial-scroll {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.testimonial-card {
  min-width: 230px;
  max-width: 230px;
  flex: 0 0 auto;
  scroll-snap-align: start;
}

.testimonial-card img {
  height: 180px;
  object-fit: cover;
}

.footer{
    background-color: #021A54;;
}