.section-box {
      border: 2px solid var(--secondery-color);
      border-radius: 8px;
      margin-bottom: 28px;
      background: #fff;
  }

  .section-box-header {
      background: var(--secondery-color);
      color: #fff;
      padding: 10px 18px;
      border-radius: 6px 6px 0 0;
      font-size: 1rem;
      font-weight: 600;
      letter-spacing: 0.3px;
  }

  .section-box-header i {
      opacity: 0.9;
  }

  .section-box-body {
      padding: 20px 24px 8px;
  }

  .form-label {
      font-weight: 500;
      font-size: 0.875rem;
      margin-bottom: 4px;
  }

  .required-star {
      color: var(--secondery-color);
  }

  .big-radio {
      transform: scale(1.3);
      margin-left: 8px;
      cursor: pointer;
  }

  .medical-question {
      background: #fff8f8;
      border-left: 3px solid var(--secondery-color);
      padding: 10px 14px;
      border-radius: 0 4px 4px 0;
      margin-bottom: 10px;
  }

  .fee-option-card {
      border: 1px solid #e0e0e0;
      border-radius: 6px;
      padding: 12px 14px;
      height: 100%;
  }

  .fee-option-card .form-check-label {
      font-weight: 600;
      font-size: 0.875rem;
      display: block;
      margin-bottom: 6px;
  }
    .bg-primary{
    background: var(--primary-color)!important;
  }
  .bg-secondery{
    background: var(--secondery-color)!important;
  }
  /* ---------------------------------------------------------------
     Beehive School System theme (logo colours)
     teal #155765 · gold #C9972F · honey #F2C230 · cream #FFF9EC
     --------------------------------------------------------------- */
  :root {
      --bs-primary: #155765;
      --bs-primary-rgb: 21, 87, 101;
      --bs-link-color: #155765;
      --bs-link-hover-color: #0f414c;
      --beehive-gold: #C9972F;
      --beehive-honey: #F2C230;
      --beehive-cream: #FFF9EC;
  }
  a { color: #155765; }
  a:hover { color: #0f414c; }
  .text-primary { color: #155765 !important; }
  .border-primary { border-color: #155765 !important; }
  .btn-primary {
      --bs-btn-bg: #155765; --bs-btn-border-color: #155765;
      --bs-btn-hover-bg: #0f414c; --bs-btn-hover-border-color: #0f414c;
      --bs-btn-active-bg: #0f414c; --bs-btn-active-border-color: #0f414c;
      --bs-btn-disabled-bg: #155765; --bs-btn-disabled-border-color: #155765;
      background-color: #155765; border-color: #155765;
  }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active { background-color: #0f414c !important; border-color: #0f414c !important; }
  .btn-outline-primary { color: #155765; border-color: #155765; }
  .btn-outline-primary:hover { background-color: #155765; border-color: #155765; color: #fff; }
  .btn-warning, .bg-warning { background-color: var(--beehive-gold) !important; border-color: var(--beehive-gold) !important; color: #fff !important; }
  .form-control:focus, .form-select:focus { border-color: var(--beehive-gold); box-shadow: 0 0 0 .2rem rgba(201, 151, 47, .2); }
  .form-check-input:checked { background-color: #155765; border-color: #155765; }
  .page-item.active .page-link { background-color: #155765; border-color: #155765; }
  .page-link { color: #155765; }
  .card .card-header { border-bottom: 2px solid var(--beehive-honey); }
  .leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link.active {
      background-color: var(--beehive-honey) !important; color: #155765 !important;
  }
  .leftbar-tab-menu .main-icon-menu .logo-sm { background: #fff; border-radius: 10px; padding: 3px; }
  .leftbar-tab-menu .main-menu-inner .topbar-left .logo .logo-lg { height: auto; max-height: 52px; max-width: 100%; }

  /* Login: teal-to-honey background with a soft honeycomb pattern */
  .auth-bg {
      background:
          url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='98' viewBox='0 0 56 98'%3E%3Cpath d='M28 66L0 50V18L28 2l28 16v32L28 66zm0 32L0 82V66l28-16 28 16v16L28 98z' fill='none' stroke='%23F2C230' stroke-opacity='.18' stroke-width='2'/%3E%3C/svg%3E"),
          linear-gradient(135deg, #155765 0%, #1d6b7a 55%, #C9972F 100%) !important;
  }
  .auth-bg .text-warning { color: var(--beehive-honey) !important; }
  .auth-bg .border-warning { border-color: var(--beehive-honey) !important; }