/* Global Theme */
body {
  background-color: #ffffff;
  color: #000000;
  font-family: 'Poppins', sans-serif;
}

/* Navbar */
.navbar {
  background-color: #ffffff !important;
  border-bottom: 1px solid #ddd;
}
.navbar .nav-link {
  color: #000 !important;
  font-weight: 500;
}
.navbar .nav-link.active,
.navbar .nav-link:hover {
  color: #ffc107 !important;
}

/* Hero Section */
.hero {
  background-color: #f8f9fa;
  color: #000;
  padding: 100px 0;
}
.hero h1 {
  letter-spacing: 1px;
}
.hero .btn-warning {
  border-radius: 50px;
  transition: all 0.3s ease;
}
.hero .btn-warning:hover {
  background-color: #ffc107;
  color: #000;
  transform: translateY(-3px);
}
.hero .btn-outline-light {
  border-radius: 50px;
  transition: all 0.3s ease;
}
.hero .btn-outline-light:hover {
  background-color: #fff;
  color: #000;
  transform: translateY(-3px);
}

/* Services Section */
.services-section {
  background-color: #ffffff;
  color: #000000;
}
.service-card {
  background-color: #f8f9fa;
  border: 1px solid #ddd;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.service-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}
.service-card img {
  height: 200px;
  object-fit: cover;
}
.card-title,
.card-text {
  color: #000;
}

/* Featurette Section */
.featurette {
  background-color: #ffffff;
  color: #000000;
}

/* Our Process */
.our-process {
  background-color: #ffffff;
  color: #000000;
}

/* Testimonials Section */
.testimonials {
  background-color: #ffffff;
  color: #000000;
}
.testimonials .p-4 {
  background-color: #f8f9fa;
  border: 1px solid #ddd;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.testimonials .p-4:hover {
  transform: translateY(-5px);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

/* Commitment Section */
.commitment {
  background: linear-gradient(to right, #fff8e1, #ffffff);
  border-top: 2px solid #ffc107;
  color: #000;
}

/* Forms */
.form-control {
  background-color: #f9f9f9;
  color: #000;
  border: 1px solid #ccc;
  padding: 10px 12px;
  border-radius: 6px;
  transition: 0.3s ease;
}
.form-control::placeholder {
  color: #888;
}
.form-control:focus {
  background-color: #fff;
  border-color: #888;
  box-shadow: 0 0 5px rgba(255, 193, 7, 0.4);
  color: #000;
}
textarea.form-control {
  resize: none;
}

/* Buttons */
.btn-custom {
  background-color: #e3e3e3;
  color: #000;
  border: none;
  transition: 0.3s;
}
.btn-custom:hover {
  background-color: #fff;
  color: #000;
}

/* Footer */
footer {
  background-color: #f8f9fa;
  color: #000;
  border-top: 1px solid #ddd;
  padding: 20px 0;
  margin-top: 50px;
}
footer a {
  color: #000;
  text-decoration: none;
}
footer a:hover {
  color: #ffc107;
}

/* Image Style */
.services-overview img {
  filter: none; /* removed dark invert */
}

/* Shadows */
.shadow-sm {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1) !important;
}



.about-us img {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.about-us img:hover {
  transform: scale(1.03);
  box-shadow: 0 8px 16px rgba(0,0,0,0.15);
}
.about-us h2 {
  color: #000;
}
.about-us p {
  color: #333;
}


.btn-custom-light {
  background-color: #ffe380; /* light gold shade */
  color: #000; /* black text */
  border: none;
  border-radius: 50px; /* keeps the same shape */
  transition: all 0.3s ease;
  font-weight: 600;
}

.btn-custom-light:hover {
  background-color: #ffd54f; /* slightly darker on hover */
  color: #000;
  transform: translateY(-3px);
}

/* WhatsApp Floating Button */
.whatsapp-float {
  position: fixed;
  bottom: 25px;
  right: 25px;
  background-color: #25d366;
  border-radius: 50%;
  padding: 12px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  z-index: 999;
  animation: bounce 2s infinite;
  transition: transform 0.3s ease, background-color 0.3s ease;
}

.whatsapp-float:hover {
  transform: scale(1.1);
  background-color: #1ebe57;
}

.whatsapp-float img {
  width: 40px;
  height: 40px;
}

/* Bouncing Animation */
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-8px);
  }
  60% {
    transform: translateY(-4px);
  }
}