@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

h1, h2, h3, h4, h5, h6{
    font-family: 'Poppins';
}

a{font-family: 'Poppins'; }

p{font-family: 'Roboto';}

    .top-bar {
      background: linear-gradient(#2c1a0e, #222);
      color: #fff;
      font-size: 14px;
    }
    
    .bg-dark-new {   background: linear-gradient(#2c1a0e, #222);}
    .bg-dark-footer { background: linear-gradient(#2c1a0e, #222);}

    .top-bar .contact-info i,
    .top-bar .social-icons a {
      color: #efd26d;
    }

    .top-bar .social-icons a {
      margin-left: 10px;
    }

    .enquiry-btn {
      background-color: #244d27;
      color: white !important;
      border-radius: 6px;
      padding: 8px 15px;
    }

    .navbar-nav .nav-link {
      padding-right: 15px;
    }

    .logo-img {
      height: 40px;
    }

    /* Show dropdown on hover */
    @media (min-width: 992px) {
      .navbar .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
      }

      .dropdown-toggle::after {
        transition: transform 0.2s ease;
      }

      .navbar .dropdown:hover .dropdown-toggle::after {
        transform: rotate(180deg);
      }
    }
    
     .tabs button {
      margin-right: 10px;
    }
    .tabs .active {
      background-color: #343a40;
      color: white;
    }
    .carousel-item img {
      max-width: 100%;
      height: auto;
      object-fit: contain;
    }
    .floor-heading {
      text-align: center;
      margin-bottom: 30px;
      font-size: 32px;
      font-weight: bold;
    }
    
        .project-section {
      background-color: #2e2e2e;
      color: #fff;
      padding: 0;
    }

    .project-details {
      padding: 20px 30px;
    }

    .project-details h4 {
      font-weight: bold;
      margin-bottom: 15px;
    }

    .form-control {
      border-radius: 5px;
    }

    .submit-btn {
      background-color: #222;
      border: none;
      color: #fff;
      padding: 10px 20px;
      font-weight: bold;
      display: flex;
      align-items: center;
      gap: 8px;
      border-radius: 5px;
    }

    .submit-btn:hover {
      background-color: #edb500;
      color: #000;
    }

    .cta-buttons button {
      margin-right: 10px;
    }

    .icon-buttons {
      display: flex;
      flex-direction: column;
      gap: 10px;
      margin-top: 15px;
    }

    .icon-buttons a {
      display: inline-block;
      width: 40px;
      height: 40px;
      background-color: #003b5c;
      color: white;
      text-align: center;
      line-height: 40px;
      border-radius: 50%;
      font-size: 18px;
    }

    .privacy-policy {
      font-size: 14px;
    }
    
    .footer-section {
  background-color: #1a1a1a;
  color: #fff;
  font-size: 14px;
}

.footer-section h6 {
  font-weight: bold;
  color: #f0c14b;
}

.footer-section p {
  color: #fff;
  line-height: 1.6;
}

.footer-links a {
  color: #efd26d;
  margin-right: 15px;
  text-decoration: none;
  font-size: 13px;
}

.footer-links a:hover {
  color: #f0c14b;
  text-decoration: underline;
}

.footer-disclaimer {
  color: #bbb;
  font-size: 13px;
}

.footer-bottom {
  font-size: 13px;
  color: #efd26d;
}

.footer-section h5 {
    color: #efd26d;
}

.shiny-gold {
  position: relative;
  background: linear-gradient(
    45deg,
    #ffd700,
    #ffcc00,
    #e6ac00,
    #ffd700
  );
  overflow: hidden;
}

/* Shiny effect overlay */
.shiny-gold::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.6) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-20deg);
  animation: shine 3s infinite;
}

/* Animation */
@keyframes shine {
  0% {
    left: -75%;
  }
  100% {
    left: 125%;
  }
}