/* Admissions Specific Styles - Mobile First Approach */

      /* Process Highlights */
      .process-highlights {
        margin-top: 25px;
      }

      .highlight-item {
        display: flex;
        align-items: center;
        gap: 15px;
        margin-bottom: 15px;
        padding: 12px;
        background: var(--bg2);
        border-radius: 8px;
      }

      .highlight-item i {
        font-size: 1.3rem;
        min-width: 25px;
        text-align: center;
      }

      .highlight-item span {
        color: var(--text);
        font-weight: 600;
        font-size: 0.95rem;
      }

      /* Criteria Table */
      .criteria-table-wrapper {
        background: var(--white);
        border-radius: 15px;
        padding: 20px 15px;
        box-shadow: var(---box-shadow);
        width: 100%;
        margin: 0 auto;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
      }

      .criteria-table {
        width: 100%;
        min-width: 600px;
        border-collapse: collapse;
        border-radius: 10px;
        overflow: hidden;
      }

      .criteria-table th {
        padding: 15px 12px;
        text-align: center;
        font-weight: 700;
        font-size: 1rem;
        border: none;
        white-space: nowrap;
      }

      .criteria-table td {
        padding: 12px 10px;
        text-align: center;
        border-bottom: 1px solid var(--border);
        font-size: 0.95rem;
        color: var(--text);
      }

      .criteria-table tbody tr:hover {
        background: var(--bg3);
      }

      /* Apply Now Card */
      .apply-card {
        background: linear-gradient(
          135deg,
          var(--theme-blue),
          var(--theme-purple)
        );
        border-radius: 20px;
        padding: 30px 20px;
        color: var(--white);
        text-align: center;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
        width: 100%;
        margin: 0 auto;
      }

      .apply-icon {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.2);
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 20px;
        font-size: 1.8rem;
        backdrop-filter: blur(10px);
      }

      .apply-card h3 {
        margin-bottom: 15px;
        font-size: 1.5rem;
        line-height: 1.3;
      }

      .apply-card p {
        margin-bottom: 25px;
        opacity: 0.9;
        line-height: 1.6;
        font-size: 0.95rem;
      }

      .apply-now-btn {
        background: var(--white);
        color: var(--theme-blue);
        padding: 14px 30px;
        border-radius: 50px;
        text-decoration: none;
        font-weight: 700;
        font-size: 1rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        transition: all 0.3s ease;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
        width: fit-content;
        margin: 0 auto;
      }

      .apply-now-btn:hover {
        transform: translateY(-3px);
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
        color: var(--theme-blue);
      }

      /* Contact Cards */
      .contact-card {
        background: var(--white);
        border-radius: 15px;
        padding: 25px 20px;
        text-align: center;
        box-shadow: var(---box-shadow);
        transition: transform 0.3s ease;
        height: 100%;
        margin-bottom: 20px;
      }

      .contact-card:hover {
        transform: translateY(-5px);
      }

      .contact-icon {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 15px;
        color: var(--white);
        font-size: 1.5rem;
      }

      .contact-card h4 {
        color: var(--header);
        margin-bottom: 12px;
        font-size: 1.2rem;
      }

      .contact-card p {
        color: var(--text);
        margin: 0;
        line-height: 1.5;
        font-size: 0.95rem;
      }

      /* Hero Section Mobile Optimizations */
      .admissions-hero .hero-content h1 {
        font-size: 2rem;
        line-height: 1.2;
      }

      .admissions-hero .hero-content p {
        font-size: 1rem;
        line-height: 1.6;
      }

      .hero-stats {
        flex-direction: column;
        gap: 15px;
        margin-top: 25px;
      }

      .stat-item {
        border-right: none !important;
        border-bottom: 2px solid var(--theme-blue);
        padding-bottom: 15px;
        width: 100%;
      }

      .stat-item:last-child {
        border-bottom: none;
        padding-bottom: 0;
      }

      .hero-image img {
        width: 100% !important;
        height: auto !important;
        max-width: 500px;
        margin: 0 auto;
        display: block;
      }

      /* Section Title Mobile Optimizations */
      .section-title h2 {
        font-size: 1.8rem;
        line-height: 1.2;
      }

      .section-title p {
        width: 100% !important;
        font-size: 1rem;
      }

      /* Process Image Mobile */
      .process-image img {
        width: 100% !important;
        height: auto !important;
        max-width: 650px;
      }

      /* Marquee Section Mobile */
      .marquee-section .cmn-textslide {
        font-size: 0.9rem;
        padding: 8px 15px;
      }

      .marquee-section .cmn-textslide i {
        margin-right: 8px;
      }

      /* Breadcrumb Mobile */
      .page-heading h1 {
        font-size: 1.8rem;
        text-align: center;
      }

      /* Mobile Menu Adjustments */
      .mobile-menu {
        max-height: 80vh;
        overflow-y: auto;
      }

      /* Tablet Styles */
      @media (min-width: 768px) {
        .hero-stats {
          flex-direction: row;
          gap: 0;
        }

        .stat-item {
          border-right: 2px solid var(--theme-blue) !important;
          border-bottom: none;
          padding-bottom: 0;
          width: auto;
          flex: 1;
        }

        .stat-item:last-child {
          border-right: none !important;
        }

        .apply-card {
          padding: 40px;
        }

        .apply-card h3 {
          font-size: 1.8rem;
        }

        .criteria-table-wrapper {
          padding: 30px;
        }

        .section-title p {
          width: 80% !important;
        }
      }

      /* Desktop Styles */
      @media (min-width: 992px) {
        .hero-stats .stat-item {
          flex: none;
          width: 33.333%;
        }

        .apply-card {
          width: 600px;
        }

        .criteria-table-wrapper {
          width: 800px;
        }

        .section-title p {
          width: 700px !important;
        }

        .highlight-item {
          flex-direction: row;
        }
      }

      /* Large Desktop Styles */
      @media (min-width: 1200px) {
        .admissions-hero .hero-content h1 {
          font-size: 2.5rem;
        }

        .contact-card {
          padding: 30px 25px;
        }

        .contact-icon {
          width: 70px;
          height: 70px;
          font-size: 1.8rem;
        }
      }

      /* Small Mobile Devices */
      @media (max-width: 375px) {
        .admissions-hero .hero-content h1 {
          font-size: 1.8rem;
        }

        .section-title h2 {
          font-size: 1.6rem;
        }

        .apply-now-btn {
          padding: 12px 25px;
          font-size: 0.95rem;
        }

        .highlight-item {
          flex-direction: column;
          text-align: center;
          gap: 8px;
        }

        .highlight-item span {
          font-size: 0.9rem;
        }
      }

      /* Touch Device Optimizations */
      @media (hover: none) and (pointer: coarse) {
        .apply-now-btn:hover {
          transform: none;
        }

        .contact-card:hover {
          transform: none;
        }

        .apply-now-btn:active,
        .contact-card:active {
          transform: scale(0.98);
        }
      }

      /* Landscape Mode Optimization */
      @media (max-height: 600px) and (orientation: landscape) {
        .hero-section {
          min-height: auto;
          padding: 40px 0;
        }

        .hero-image {
          display: none;
        }
      }