body {
  font-family: 'Poppins', sans-serif;
  background-color: #F5F5F0;
  color: #000;
}

.nav-link {
  color: #000 !important;
  font-weight: 500;
}
.nav-link:hover {
  color: #1055C9 !important;
}

.navbar-brand img {
  max-height: 55px;
  transition: transform 0.2s ease-in-out;
}

.navbar-brand img:hover {
  transform: scale(1.05);
}

footer {
  background-color: #1055C9;
}
.whatsapp-float {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1000;
}

.icon {
  min-width: 45px;
  height: 45px;
}

.map-section iframe {
  display: block;
  width: 100%;
  height: 400px;
}

form input, form textarea {
  border-radius: 6px;
  border: 1px solid #ccc;
}

form input:focus, form textarea:focus {
  border-color: #1055C9;
  box-shadow: 0 0 4px rgba(16, 85, 201, 0.4);
}

.table thead th {
  vertical-align: middle;
  background-color: #1055C9 !important;
  color: #fff;
}

.table tbody tr:hover {
  background-color: #F5F5F0;
}

.carousel-caption h2 {
  font-size: 2rem;
}

.card:hover {
  transform: translateY(-5px);
  transition: all 0.3s ease;
}

.card i {
  color: #1055C9;
}

/* Glowing Satisfaction Text */
.glowing-text {
  color: #fff;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 2rem;
  letter-spacing: 2px;
  text-shadow: 0 0 8px #ffffffb0, 0 0 16px #a5c8ff, 0 0 24px #1055C9;
  animation: glowPulse 2.5s infinite alternate;
}

@keyframes glowPulse {
  from { text-shadow: 0 0 5px #ffffff, 0 0 10px #a5c8ff, 0 0 15px #1055C9; }
  to { text-shadow: 0 0 15px #ffffff, 0 0 25px #a5c8ff, 0 0 35px #1055C9; }
}

/* Marquee ticker styling */
marquee {
  font-weight: 500;
  color: #fff;
}

marquee:hover {
  animation-play-state: paused;
}


.whatsapp-cta {
  background-color: #1055C9;
  font-size: 1.1rem;
}

.blink-bg {
  animation: blinkBackground 1.5s infinite;
}

@keyframes blinkBackground {
  0% { background-color: #1055C9; }
  50% { background-color: #0d3f9c; }
  100% { background-color: #1055C9; }
}

/* 🔹 Highlight EPR Menu */
.epr-highlight {
  background-color: #1055C9 !important;
  color: #fff !important;
  border-radius: 6px;
  padding: 6px 12px !important;
  font-weight: 600;
  animation: eprBlink 2s infinite;
}

.epr-highlight:hover {
  background-color: #0d3f9c !important;
  color: #fff !important;
}

@keyframes eprBlink {
  0% { box-shadow: 0 0 8px #1055C9; }
  50% { box-shadow: 0 0 15px #ffffff; }
  100% { box-shadow: 0 0 8px #1055C9; }
}