.lead {
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  font-weight: normal;
  text-align: justify;
}

.center-text {
    text-align: center;       /* Horizontal center */
    margin-top: 10px;        /* Vertical spacing */
    font-size:30px;          /* Text size */
    color: #060C5C;           /* Custom color */
}

.custom-navbar {
    background-color: #ffffff !important; /* Orange background */
}

.custom-navbar .navbar-brand {
    color: rgb(9, 0, 0) !important; /* Brand text color */
}

.custom-navbar .nav-link {
    color: rgb(0, 0, 0) !important; /* Links color */
}

.custom-navbar .nav-link:hover {
    color: #060C5C !important; /* Hover effect */
    background-color: aliceblue;
}

.nav-link.active{
  background-color: aliceblue;
  border-radius: 5px;
}
.features {
  background-color: #f9f9f9;
}

.feature-box {
  background: white;
  padding: 20px;
  margin: 15px;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  transition: transform 0.3s;
}

.feature-box:hover {
  transform: translateY(-10px);
  background-color: aliceblue;
}

.feature-icon {
  font-size: 40px;
  color: #ff6600;
  margin-bottom: 15px;
  
}

.nav-link {
  font-size: 18px;   /* text size increase */
  font-weight: 500;  /* optional: थोड़ा bold करने के लिए */
}


.nav-link-1 {
  font-size: 18px;   /* text size increase */
  font-weight: 500;  /* optional: थोड़ा bold करने के लिए */
}

/* Dropdown toggle text (Courses) */
.nav-link.dropdown-toggle {
  font-size: 18px;   /* size बढ़ाने के लिए */
  font-weight: 500;  /* optional: bold */
}

/* Dropdown items text */
.dropdown-item {
  font-size: 18px;   /* सभी items का size */
}

    .course-img {
      width: 87mm;   /* ~378px */
      height: 49mm;   /* ~189px */
      object-fit: cover;
      border-radius: 8px;
    }
    .slide-row {
      display: flex;
      justify-content: center;
      gap: 1rem;
        transition: transform 0.1s;
    }

    #courseCarousel {  margin: 0 auto; }
  /* Center horizontally */



   /* Animated background for instructions */
    .instructions {
      list-style: none;
      padding: 0;
    }
    .instructions li {
      margin: 12px 0;
      padding: 15px;
      font-size: 1.1rem;
      color: #000;
      border-radius: 8px;
      background: linear-gradient(270deg, #a8d0e6, #d0bdf4, #f3e5f5);
      background-size: 600% 600%;
      animation: gradientMove 6s ease infinite, slideIn 0.6s forwards;
      opacity: 0;
      transform: translateY(20px);
    }
    .instructions li:nth-child(1) { animation-delay: 0.2s; }
    .instructions li:nth-child(2) { animation-delay: 0.4s; }
    .instructions li:nth-child(3) { animation-delay: 0.6s; }
    .instructions li:nth-child(4) { animation-delay: 0.8s; }

    /* Hover effect: orange */
    .instructions li:hover {
      transform: scale(1.05);
      background: linear-gradient(270deg, #005397ff);
      color: #fff;
      box-shadow: 0 0 15px rgba(0,0,0,0.3);
      cursor: pointer;
    }

    @keyframes slideIn {
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }
    @keyframes gradientMove {
      0% { background-position: 0% 50%; }
      50% { background-position: 100% 50%; }
      100% { background-position: 0% 50%; }
    }

    /* Card hover effect */
    .test-card img {
      transition: transform 0.3s;
    }
    .test-card img:hover {
      transform: scale(1.05);
    }
    .start-btn {
      font-size: 1rem;
      padding: 10px 25px;
      transition: 0.3s;
    }
    .start-btn:hover {
      background-color: #e9f2ffff;
      color: #003098ff;
      transform: scale(1.05);
    }

  .custom-breadcrumb {
    padding: 12px 20px;
    border-radius: 8px;
  }

  .custom-breadcrumb .breadcrumb {
    margin: 0;
    background: transparent; /* no background color */
  }

  .custom-breadcrumb .breadcrumb-item a {
    color: #005397;          /* dark blue text */
    font-weight: 500;
    text-decoration: none;
    transition: color 0.3s ease;
  }

  .custom-breadcrumb .breadcrumb-item a:hover {
    color: #007bff;          /* hover effect */
  }

  .custom-breadcrumb .breadcrumb-item.active {
    color: #000;             /* active item black */
    font-weight: 600;
  }

  .custom-breadcrumb i {
    margin-right: 6px;
  }


/* CSS for Course Cards */

/* Breadcrumb Styling */
    .courses-breadcrumb {
      padding: 12px 20px;
      border-radius: 8px;
      background: #fff;
      box-shadow: 0 2px 6px rgba(0,0,0,0.1);
      margin-bottom: 20px;
    }
    .courses-breadcrumb .breadcrumb {
      margin: 0;
      background: transparent;
    }
    .courses-breadcrumb .breadcrumb-item a {
      color: #005397;
      font-weight: 500;
      text-decoration: none;
      transition: color 0.3s ease;
    }
    .courses-breadcrumb .breadcrumb-item a:hover {
      color: #007bff;
    }
    .courses-breadcrumb .breadcrumb-item.active {
      color: #000;
      font-weight: 600;
    }
    .courses-breadcrumb i {
      margin-right: 6px;
    }





    
    /* Animated Gradient Background */
 body {
      background: linear-gradient(-45deg, #ffffff, #d4d4d4,);
      background-size: 400% 400%;
      animation: gradientBG 12s ease infinite;
      min-height: 100vh;
    }
    @keyframes gradientBG {
      0% {background-position: 0% 50%;}
      50% {background-position: 100% 50%;}
      100% {background-position: 0% 50%;}
    }

    /* Card Image Fix (108mm x 68mm ≈ 408px x 257px) */
/* Heading Style */



/* Card Base + Hover Effect */
.course-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.course-card:hover {
  transform: scale(1.05); /* हल्का zoom effect */
  box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}

/* Card Image (Responsive + Rounded) */
.course-card .card-img-top {
  width: 100%;           /* responsive width */
  height: auto;          /* aspect ratio maintain */
  object-fit: contain;   /* पूरा image दिखेगा, crop नहीं होगा */

  background-color: #fff;
  display: block;
  margin: 0 auto;
  transition: transform 0.3s ease;
}

/* Hover effect on image */
.course-card:hover .card-img-top {
  transform: scale(1.0); /* image पर zoom */
}

h2 {
  font-weight: 700;                /* Bold text */
  color: #0f2750;                  /* Dark blue shade */
  text-transform: uppercase;       /* All caps */
  letter-spacing: 1px;             /* Spacing between letters */
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
}

/* Decorative underline */
h2::after {
  content: "";
  display: block;
  width: 80px;
  height: 3px;
  margin: 8px auto 0;
  background: linear-gradient(90deg, #4c6ef5, #22b8cf);
  border-radius: 2px;
}



.slide-row {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;           /* mobile पर wrap हो जाएगा */
}

.course-img {
  flex: 1 1 30%;             /* desktop पर 3 images (≈30% width) */
  max-width: 30%;
  height: 220px;
  object-fit: contain;
  border-radius: 10px;
  background-color: #fff;
  transition: transform 0.3s ease;
}

/* Mobile view: 1 image full width */
@media (max-width: 768px) {
  .course-img {
    flex: 1 1 100%;
    max-width: 100%;
    height: auto;            /* mobile पर height auto */
  }
}