body {
    background-color: #f5f8fc;
  }

  .hero {
    background: linear-gradient(135deg, #eaf2fb, #ffffff);
    padding: 80px 0;
  }

  .hero img {
    max-width: 100%;
  }

  .feature-icon {
    font-size: 40px;
    color: #0d6efd;
  }

  .course-card img {
    height: 200px;
    object-fit: cover;
  }

  .cta {
    background: linear-gradient(135deg, #ff7a18, #ff9f1c);
    color: white;
    padding: 60px 20px;
  }

  /* ===== CART VISIBILITY FIX ===== */

  .cart-icon {
    color: #000 !important;     /* Black cart */
    font-size: 1.4rem;
    position: relative;
  }

  .cart-icon:hover {
    color: #ff9f1c !important;  /* Orange hover */
  }

  .cart-badge {
    position: absolute;
    top: -6px;
    right: -10px;
    background-color: #000;     /* Black badge */
    color: #fff;
    font-size: 0.7rem;
    padding: 3px 6px;
    border-radius: 50%;
  }

@media (max-width: 400px) {
  .navbar .rounded-circle {
    width: 34px !important;
    height: 34px !important;
  }
}
.btn-school {
    color: #fff;
    background-color: #1328E2;
    border-color: #1328E2;
  }
  .btn-school:hover {
    color: #fff;
    background-color: #1328E2;
    border-color: #1328E2;
  }
  .btn-check:focus + .btn-school, .btn-school:focus {
    color: #fff;
    background-color: #1328E2;
    border-color: #1328E2;
    box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
  }
  .btn-check:checked + .btn-school, .btn-check:active + .btn-school, .btn-school:active, .btn-school.active, .show > .btn-school.dropdown-toggle {
    color: #fff;
    background-color: #1328E2;
    border-color: #1328E2;
  }
  .btn-check:checked + .btn-school:focus, .btn-check:active + .btn-school:focus, .btn-school:active:focus, .btn-school.active:focus, .show > .btn-school.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
  }
  .btn-school:disabled, .btn-school.disabled {
    color: #fff;
    background-color: #1328E2;
    border-color: #1328E2;
  }


  .btn-outline-school{
    color: #1328E2 !important;
    border-color: #1328E2;
  }
  .btn-outline-school:hover {
    color: #fff !important;
    background-color: #1328E2;
    border-color: #1328E2;
  }
  .btn-check:focus + .btn-outline-school, .btn-outline-school:focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
  }
  .btn-check:checked + .btn-outline-school, .btn-check:active + .btn-outline-school, .btn-outline-school:active, .btn-outline-school.active, .btn-outline-school.dropdown-toggle.show {
    color: #fff;
    background-color: #1328E2;
    border-color: #1328E2;
  }
  .btn-check:checked + .btn-outline-school:focus, .btn-check:active + .btn-outline-school:focus, .btn-outline-school:active:focus, .btn-outline-school.active:focus, .btn-outline-school.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
  }
  .btn-outline-school:disabled, .btn-outline-school.disabled {
    color: #0d6efd;
    background-color: transparent;
  }
  
  .btn-outline-school{
    color: #fff;
    border-color: #1328E2;
  }
  .btn-outline-secondary:hover {
    color: #fff;
    background-color: #1328E2;
    border-color: #1328E2;
  }
  .btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
    box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
  }
  .btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {
    color: #fff;
    background-color: #1328E2;
    border-color: #1328E2;
  }
  .text-school{
    color: #1328E2 !important;
  }
  .bg-school{
    color: #1328E2 !important;
  }