body {
 /* font-family: 'Roboto', sans-serif; */
   font-family: 'Inter', sans-serif;
  margin: 0;
  padding: 0;
  background-color: #e7e7e7;
}

.shrunk-wrapper {
  width: 95%;
  margin: 0 auto;
}

.btn.slide-btn {
  background-color: #ff6600;
  color: white;
  border-radius: 10px;
}

.btn.slide-btn:hover {
  background-color: #1B3B6F;
}

.feature-icon-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem; /* equivalent to p-3 in Bootstrap */
  border-radius: 0.25rem; /* equivalent to rounded in Bootstrap */
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); /* equivalent to shadow-sm in Bootstrap */
  height: 100%;
}

.icon-green {
  background-color: #75D156;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%; /* makes it circular */
  margin-bottom: 1rem; /* equivalent to mb-3 in Bootstrap */
}

.service-icon {
  width: 80px;
  height: 80px;
  background-color: #75D156;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.3s ease, transform 0.3s ease;
  margin-bottom: 25px;
}

.service-icon:hover {
  background-color: #0A3C2D;
  transform: scale(1.1);
}

.feature-icon-box {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.feature-icon-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}
.card-title-custom {
  font-weight: 600; /* fw-semibold */
  margin-bottom: 0.5rem; /* mb-2 */
  color: rgb(77, 155, 0);
}

.section-heading-custom {
  font-weight: 600; /* fw-semibold */  
  color: rgb(77, 155, 0);
  /* color: lawngreen; */
  text-align: center;
  margin-bottom: 1.5rem; /* mb-4 */
}

.section-heading-custom h2{
  font-weight: 600; /* fw-semibold */  
  color: rgb(216, 253, 180);
  text-align: center;
  margin-bottom: 1.5rem; /* mb-4 */
}

#vision-mission p{
  text-align: justify;
}