.enhanced-section {
  font-family: "Poppins", sans-serif;
}

/* Fade-up default state */
.animate-up {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

/* Active when scrolled into view */
.animate-up.visible {
  opacity: 1;
  transform: translateY(0);
}

.text-gradient {
  background: linear-gradient(90deg, #007bff, #00bcd4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
}

.contentbox {
  color: #555;
  font-size: 0.95rem;
  line-height: 1.6;
  min-height: 100px;
}

.gradient-btn {
  background: linear-gradient(90deg, #007bff, #00bcd4);
  border: none;
  border-radius: 30px;
  padding: 10px 25px;
  color: #fff;
  font-weight: 500;
  box-shadow: 0 4px 10px rgba(0, 123, 255, 0.3);
  transition: all 0.3s ease;
}

.gradient-btn:hover {
  background: linear-gradient(90deg, #0062cc, #0097a7);
  transform: scale(1.05);
}

.box2,
.cardbox2 {
  transition: all 0.4s ease;
  position: relative;
}

.box2:hover {
  transform: translateY(-10px);
}

.box2:hover .iconbox img {
  transform: scale(1.1);
}

.iconbox img {
  transition: transform 0.3s ease;
}

.cardbox2:hover h6,
.cardbox2:hover p {
  transform: translateY(-4px);
}

.delay-1 {
  animation-delay: 0.2s;
}
.delay-2 {
  animation-delay: 0.4s;
}
.delay-3 {
  animation-delay: 0.6s;
}

/* ===== Improved Feature Section ===== */
.feature-box {
  transition: all 0.4s ease;
}

.feature-box:hover {
  transform: translateY(-8px);
}

.feature-box img {
  transition: transform 0.3s ease;
}

.feature-box:hover img {
  transform: scale(1.1);
}

/* ===== Benefits Section ===== */
.circlebox,
.circlembox {
  transition: all 0.35s ease;
  position: relative;
}

.circlebox img,
.circlembox img {
  transition: transform 0.35s ease;
}

.circlebox:hover,
.circlembox:hover {
  transform: translateY(-8px);
}

.circlebox:hover img,
.circlembox:hover img {
  transform: scale(1.15);
}

/* Subtle fade-up animation */
.fade-up {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.8s ease;
}

.fade-up.visible {
  opacity: 1;
  transform: translateY(0);
}

.fade-delay-1 {
  transition-delay: 0.2s;
}
.fade-delay-2 {
  transition-delay: 0.4s;
}
.fade-delay-3 {
  transition-delay: 0.6s;
}

/* Optional floating animation for visual life */
@keyframes floatIcon {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}

.circlebox:hover {
  animation: floatIcon 2s ease-in-out infinite;
}

/* ===== Multiple Users Section ===== */
.squarebox img {
  transition: transform 0.3s ease;
}

.squarebox:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 20px rgba(141, 162, 192, 0.3);
}

.squarebox:hover img {
  transform: scale(1.1);
}

/* ===== Features Section ===== */
.card-features {
  background: url(../home-assets/feature-img.png) center center / cover
    no-repeat;
  z-index: 1;
}

.card-features::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  background: url(../home-assets/feautre-img1.png) center center / cover
    no-repeat;
  height: 100%;
  width: 0%;
  z-index: -1;
  transition: all 0.6s ease;
}

.card-features img {
  position: relative;
  z-index: 2;
  transition: transform 0.4s ease;
}

.card-features:hover::before {
  width: 100%;
}

.card-features:hover p,
.card-features:hover span {
  color: #fff !important;
}

.card-features:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 20px rgba(141, 162, 192, 0.25);
}

.card-features:hover img {
  transform: scale(1.1);
}

/* ===== Testimonials Section ===== */
.testimonials img:hover {
  transform: scale(1.1);
}

.iconbox.visible img,
.cardbox2.visible img,
.circlebox.visible img,
.squareone.visible img,
.squaretwo.visible img,
.squarethree.visible img,
.card-features.visible img,
.testimonials.visible img,
.aboutbox.visible img {
  animation: SpecializedFeatures2_hithere__MiAom 1s ease; /* no 'forwards' */
}

@keyframes SpecializedFeatures2_hithere__MiAom {
  30% {
    transform: scale(1.2);
  }
  40%,
  60% {
    transform: rotate(-20deg) scale(1.2);
  }
  50% {
    transform: rotate(20deg) scale(1.2);
  }
  70% {
    transform: rotate(0deg) scale(1.2);
  }
  to {
    transform: scale(1);
  }
}

/* ===== eel-online Page ===== */
/* ===== Exam Platform & Features ===== */
.examcards .col-sm-12,
.exambox3 .text-center {
  background: url(../home-assets/choose_bg.jpg) center center / cover no-repeat;
  z-index: 1;
}

.exambox3 .text-center {
  position: relative; /* isolate the ::before layer */
  overflow: hidden; /* keep the animation inside */
}

.examcards .col-sm-12::before,
.exambox3 .text-center::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  background: url(../home-assets/choose--img.png) center center / cover
    no-repeat;
  background-image: linear-gradient(0deg, #000b5b 0, #0157ff 100%);
  height: 100%;
  width: 0%;
  z-index: -1;
  transition: all 0.6s ease;
}

.examcards .col-sm-12 img,
.exambox3 .text-center img {
  position: relative;
  z-index: 2;
  transition: transform 0.4s ease;
}

.examcards .col-sm-12:hover::before,
.exambox3 .text-center:hover::before {
  width: 100%;
}

.examcards .col-sm-12:hover p,
.examcards .col-sm-12:hover span,
.examcards .col-sm-12:hover h4,
.exambox3 .text-center:hover h1,
.exambox3 .text-center:hover p {
  color: #fff !important;
}