body {
    font-family: sans-serif;
    scroll-behavior: smooth;
    width: 100%;
    height: 100%;
}

.top-bar {
    background-color: #000;
    color: #fff;
    padding: 14px 0;
    font-size: 14px;
}

.text-scrooling {
    overflow: hidden;
    white-space: nowrap;
    width: 50%;
    position: relative;
}

.text-scrooling span {
    display: inline-block;
    animation: animate-Text 12s linear infinite;
}

@keyframes animate-Text {
    0%{transform: translateX(-100%);}
    100%{transform: translateX(100%);}
}


.navbar-main {
      background: #fff;
      box-shadow: 0 6px 20px rgba(0,0,0,0.15);
      height: 80px;
      transition: all 0.3s ease;
    }
    .navbar-main.scrolled {
      background: #f8f9fa;
      box-shadow: 0 8px 25px rgba(0,0,0,0.25);
    }
    .navbar-brand img { height: 50px; }
    .nav-link {
      font-weight: 500;
      margin: 0 8px;
      color: #212529 !important;
    }
    .navbar-nav .nav-link:hover { color: #3b3b3b !important; }
    @media (max-width: 991px) {
      .navbar-nav {
        background: #fff;
        border-radius: 8px;
        padding: 10px;
      }  
    }

 
    .banner {
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.6)),url('img/main_banner.jpeg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 80vh;              
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.banner-btn {
    background-color: #f8f9fa;
    color: #000;
    padding: 8px;
}

.banner-btn:hover {
    
    color: #ffffff;
    border: 1px solid #fff;
}

  .service-section {
    position: relative;
    width: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(255, 181, 181, 0.7), rgba(0, 0, 0, 0.7)),url('img/Our Service.jpeg') no-repeat center center fixed;
    background-size: cover;
    padding: 6rem 2rem; 
  }

  .service-section img {
    box-shadow: 0 6px 20px rgba(0,0,0,0.3);
 
  }

  .gallery-card {
    cursor: pointer;
    transition: transform 0.3s, box-shadow 0.3s;
    box-shadow: 0 6px 18px rgba(0,0,0,0.2);
    border: none;
  }
  .gallery-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
  }
  .gallery-card img {
    cursor: pointer;
  }


  .lightbox-modal {
    background-color: rgba(0,0,0,0.9); 
    border: none;
    text-align: center;
    padding: 2rem;
    animation: fadeZoom 0.4s ease;
  }
  .lightbox-modal img {
    max-height: 90vh;
    border-radius: 8px;
    box-shadow: 0 12px 40px rgba(0,0,0,0.6);
  }

  @keyframes fadeZoom {
    from { transform: scale(0.95); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
  }

.scroll-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 99;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #000000; 
  color: #ffffff;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.3);
  transition: transform 0.3s ease, background-color 0.3s ease;
  text-decoration: none;
}

.scroll-top:hover {
  background-color: #ffffff;
  color: #000000;
  transform: translateY(-5px) scale(1.1);
}


html {
  scroll-behavior: smooth;
}
.arrow {
  font-size: 14px !important;
}