body{
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
/* Smooth scroll */
:root {
  scroll-behavior: smooth;
}

/* button  */
.main-btn{
    background-color: #47b549;
    color: white;
}
.main-btn:hover{
    background-color: white;
    color: #47b549;
    border: 1px solid #32CD32;
   
}
.red-btn{
  color: white;
  background-color: red;
}
.red-btn:hover{
  color: red;
  background-color: white;
  border: 1px solid red;
}

/* top bar */
    .top-bar {
      background-color: #043220;
      color: #fff;
      font-size: 14px;
    }
    .top-bar i {
      margin-right: 8px;
    }
    .contact-box i {
      font-size: 24px;
      color: #47b549;
    }
    .logo{
        width: 150px;
    }

    /* nav bar */
    .nav-bar {
      background-color: #043220;
    }
    .nav-link {
      color: #fff !important;
      font-weight: 600;
      font-size: 13px;
    }
    .nav-link:hover {
      color: #47b549 !important;
    }
    .dropdown-item:hover{
      color: #47b549 !important; 
    }

      @media (min-width: 992px) {
    .navbar .dropdown:hover .dropdown-menu {
      display: block;
      margin-top: 0; 
    }
  }
  .active{
    color: #47b549 !important;
    font-weight: 500;
  }

  /* Remove border in all states */
.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler:active {
  border: none !important;
  box-shadow: none !important; /* remove focus outline */
}

  /* services */

  .feature-box {
    transform: translateY(-10px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.2);
  }
  .feature-box .icon-circle {
    width: 70px;
    height: 70px;
    color: #fff;
    background-color: #47b549;
  }

  /* about us */

    section h2 {
    color: #043220; /* Custom heading color */
  }
  section p {
    font-size: 16px;
    line-height: 1.7;
    color: #333;
  }

  /* titel under line */
  .section-title {
  display: inline-block;
  position: relative;
}

.section-title::after {
  content: "";
  display: block;
  width: 80px;         /* underline width */
  height: 3px;         /* underline thickness */
  background: #47b549;     /* underline color */
  margin: 10px auto 0; /* 10px gap between text & underline */
}

/* footer */
.footer-menu li a{
color: #ffffffa8;
}
.footer-menu li{
padding-top: 10px;
}
.footer-menu li a:hover{
  color: #32CD32;
}

@media (max-width: 767px) {
  .footer-menu {
    padding-left: 0px; /* remove padding on small screens */
  }
}

/* contact */

.contact{
    background-color: #32CD32;
    color: #fff;
}
.contact i{
    color: #043220;
}
.contact p{
    color: #fff;
}

/* contact page  */

 .contact-card {
    color: #fff;
    transition: transform 0.3s, box-shadow 0.3s;
    cursor: pointer;
  }

  .contact-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
  }

  .phone-card { background-color: #48b54a; }
  .email-card { background-color: #053120; }
  .address-card { background-color: #48b54a; }

  .contact-card a {
    color: #fff;
  }

  .contact-card i {
    display: block;
  }

  .underline-green {
  color: #ffffff;              /* text color white */
  text-decoration: underline;
  text-decoration-color: #28a745; /* underline green (#28a745 = Bootstrap green) */
  text-underline-offset: 10px;   /* gap between text and underline */
}

.team-card {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.team-card img {
  width: 100%;
  height: auto;
  display: block;
}

.team-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.8);
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  opacity: 0;
  transform: scale(0.9);
  border: 2px solid #ff3b3b;
  transition: all 0.4s ease-in-out;
}

.team-card:hover .team-overlay {
  opacity: 1;
  transform: scale(1);
}

.team-overlay h5 {
  font-weight: 700;
  margin-bottom: 5px;
}

.team-overlay p {
  margin: 0;
  font-size: 14px;
}

.team-info {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.6);
  color: #fff;
  width: 100%;
  padding: 8px 12px;
}