/* Navbar background and layout */
.navbar-modern {
  background-color: #1f2d3d;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}

/* Navbar brand styling */
.navbar-modern .navbar-brand span {
  color: #ecf0f1;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: color 0.3s ease;
}

.navbar-modern .navbar-brand:hover span {
  color: #3498db;
}

/* Navigation links */
.navbar-modern .nav-link {
  color: #bdc3c7;
  font-weight: 500;
  padding: 0.5rem 1rem;
  border-radius: 5px;
  transition: all 0.2s ease-in-out;
}

.navbar-modern .nav-link:hover,
.navbar-modern .nav-link.active {
  color: #ffffff;
  background-color: #2c3e50;
}

/* Search input */
.navbar-modern .search-input {
  background-color: #34495e;
  border: none;
  color: #fff;
  padding: 0.5rem 1rem;
  border-radius: 20px;
  transition: box-shadow 0.2s ease;
}

.navbar-modern .search-input::placeholder {
  color: #95a5a6;
}

.navbar-modern .search-input:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(52, 152, 219, 0.4);
}

/* Search button */
.navbar-modern .search-btn {
  border-radius: 20px;
  padding: 0.5rem 1.2rem;
  font-weight: 600;
  transition: all 0.2s ease;
  box-shadow: 0 2px 5px rgba(52, 152, 219, 0.3);
}

.navbar-modern .search-btn:hover {
  background-color: #2980b9;
  box-shadow: 0 4px 12px rgba(52, 152, 219, 0.4);
}
/* footer */
.footer-modern {
  background-color: #1f2d3d;
  color: #bdc3c7;
}

.footer-modern h5 {
  color: #ecf0f1;
  letter-spacing: 1px;
}

.footer-modern .footer-link {
  color: #bdc3c7;
  text-decoration: none;
  transition: color 0.2s ease;
  font-weight: 500;
}

.footer-modern .footer-link:hover {
  color: #3498db;
}

.footer-modern i {
  margin-right: 6px;
  vertical-align: middle;
}
.hero-section {
  background: linear-gradient(to right, #f8f9fa, #e8ecf2);
  border-bottom: 1px solid #dee2e6;
}

.features-section h4 {
  font-size: 1.25rem;
  margin-top: 1rem;
}

.cta-section {
  background-color: #0b5ed7;
  background-image: linear-gradient(135deg, #0b5ed7 0%, #0b5ed7 100%);
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.cta-section .btn {
  font-weight: 600;
  border-radius: 25px;
}
.features-section i {
  transition: transform 0.3s ease;
}
.features-section i:hover {
  transform: scale(1.1);
  color: #1f2d3d;
}