body {
  overflow-x: hidden;
}
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #ffff;
}
::-webkit-scrollbar-thumb {
  background-color: white;
  border-radius: 10px solid transparent;
  background-clip: content-box;
}

/* NAVBAR */
.custom-navbar {
  background-color: rgb(52, 119, 97);
}
.custom-navbar a {
  font-weight: 600;
}
.nav-link {
  position: relative;
}

.nav-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 0;
  height: 2px;
  background-color: white;
  transition: width 0.3s ease;
}

.nav-link:hover::after,
.nav-link.active::after {
  width: 100%;
}
/* ABOUT */
.about-section {
  background-color: rgb(217, 227, 185);
}

.large-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
  border: 8px solid rgb(52, 119, 97);
  transition: all 0.3s ease;
}

.shadow-hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.shadow-hover:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

#about ul li {
  font-size: 1.05rem;
  color: rgb(50, 50, 50);
}

.about-button {
  font-size: 0.9rem;
  padding: 12px 20px;
  border-radius: 22px;
  background-color: rgb(52, 119, 97);
  color: #fff;
  font-weight: 600;
  border: none;
  transition: all 0.3s ease;
}

.about-button:hover {
  background-color: rgb(42, 100, 82);
  color: #fff;
}

.service-heading {
  color: rgb(40, 40, 40);
  font-weight: 700;
}

p.lead {
  color: rgb(30, 30, 30);
}

p.text-secondary {
  color: rgb(45, 45, 45);
}

/* FOOTER */
.footer {
  background-color: rgb(52, 119, 97);
  font-size: 0.95rem;
}
.footer a.footer-link {
  color: #e2e2e2;
  transition: color 0.3s ease;
}
.footer a.footer-link:hover {
  color: #ffffff;
  text-decoration: underline;
}
.footer .footer-icon {
  color: #ffffff;
  transition: transform 0.3s ease;
}
.footer .footer-icon:hover {
  color: #a5d6c5;
  transform: scale(1.2);
}
.footer i {
  vertical-align: middle;
}