/* === NAVBAR === */
.navbar {
  background-color: #ffffff !important;
  border-bottom: 1px solid #e5ece6;
  box-shadow: 0 4px 8px rgba(44, 120, 108, 0.05);
}

.navbar-brand {
  color: #1f2d2a !important;
  font-weight: 700;
  font-size: 1.5rem;
}

.navbar-nav .nav-link {
  color: #2d2d2d !important;
  font-weight: 500;
  transition: all 0.3s ease;
}

.navbar-nav .nav-link:hover {
  color: #1f2d2a !important;
}

.navbar-nav .nav-link.active {
  color: #fca311 !important;
  font-weight: 600;
}

/* === DROPDOWN === */
.dropdown-menu {
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 10px 25px rgba(44, 120, 108, 0.1);
}

.dropdown-item {
  color: #2d2d2d;
  font-weight: 500;
}

.dropdown-item:hover {
  background-color: #edf8f5;
  color: #1f2d2a;
  border-left: 3px solid #1f2d2a;
}

/* === BUTTONS === */
.btn-primary {
  background-color: #1f2d2a;
  border-color: #1f2d2a;
}

.btn-primary:hover {
  background-color: #225e52;
  border-color: #225e52;
}

.btn-accent {
  background-color: #fca311;
  border-color: #fca311;
  color: #fff;
}

.btn-accent:hover {
  background-color: #e6950f;
}

/* === ABOUT SECTION === */
.about-wrapper {
  background: linear-gradient(to right, #f5f7f2, #eaf4ed);
}

.about-text h2 {
  color: #2d2d2d;
}

.about-text p {
  color: #6f7d75;
}

.about-text .btn {
  background-color: #1f2d2a;
}

.about-text .btn:hover {
  background-color: #225e52;
}

/* === SERVICES SECTION === */
.services-section {
  background: linear-gradient(135deg, #f5f7f2, #eaf4ed);
}

.services-section h2 {
  color: #1f2d2a;
}

.section-subtitle {
  color: #6f7d75;
}

/* Service Card Icons */
.icon-purple {
  color: #1f2d2a;
}
.icon-pink {
  color: #fca311;
}
.icon-gold {
  color: #d4af37;
}
.icon-indigo {
  color: #225e52;
}
.icon-coral {
  color: #ff7f50;
}
.icon-sky {
  color: #00bfff;
}

/* === FAQ SECTION === */
.faq-section {
  background: linear-gradient(135deg, #f5f7f2, #eaf4ed);
}

.faq-header h2 {
  color: #1f2d2a;
}

.faq-header p {
  color: #6f7d75;
}

.accordion-button {
  color: #2d2d2d;
  background-color: #ffffff;
  border-left: 5px solid transparent;
}

.accordion-button:not(.collapsed) {
  background-color: #e5f3f0;
  color: #1f2d2a;
  border-left: 5px solid #1f2d2a;
}

.accordion-item {
  box-shadow: 0 8px 16px rgba(44, 120, 108, 0.08);
}

.accordion-body {
  color: #6f7d75;
}

/* === FOOTER === */
footer {
  background-color: #1f2d2a;
  color: #f1f5f2;
}

footer a {
  color: #f1f5f2;
}

footer a:hover {
  color: #fca311;
}

footer .bi {
  color: #f1f5f2;
}

footer .bi:hover {
  color: #fca311;
}