body {
  scroll-behavior: smooth;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #212529;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
  color: #198754;
}
.display-4{
    color:#fff;
}

html {
  scroll-behavior: smooth;
}
section {
  padding-top: 100px;
  padding-bottom: 100px;
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
section.in-view {
  opacity: 1;
  transform: translateY(0px);
}
.navbar .nav-link {
  margin-right: 15px;
}

#home {
  background: linear-gradient(rgba(0, 128, 0, 0.7), rgba(0, 100, 0, 0.7)), url('https://indroyc.com/wp-content/uploads/2019/05/mustansiriya-madrasah-building.jpg') center/cover no-repeat;
  background-attachment: fixed;
}
.feature-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: none;
  border-radius: 10px;
}

.feature-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 0 20px rgba(0, 128, 0, 0.2);
}
/* About us section */
/* Animation on Scroll */
.animate-section {
  opacity: 0;
  transform: translateY(40px);
  transition: all 0.8s ease-out;
}

.animate-section.in-view {
  opacity: 1;
  transform: translateY(0);
}

/* About Box Styling */
.about-box {
  background-color: #fff;
  border-left: 5px solid #198754;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.about-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 0 20px rgba(25, 135, 84, 0.2);
}

/* Icon Hover Effect */
.hover-icon {
  transition: transform 0.3s ease, color 0.3s ease;
}

.hover-icon:hover {
  transform: scale(1.2);
  color: #0f5132;
}
/* Custom Input */
.demo-form .form-label {
  font-weight: 600;
  margin-bottom: 5px;
  color: #198754;
}

.custom-input {
  width: 100%;
  padding: 10px 15px;
  font-size: 16px;
  border: 2px solid #dee2e6;
  border-radius: 8px;
  background-color: #fff;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.custom-input:focus {
  border-color: #198754;
  outline: none;
  box-shadow: 0 0 5px rgba(25, 135, 84, 0.3);
}