/* ============================================== Admission Criteria — Shared Styles Save as: css/admission.css Link in admission.php : ============================================== */ :root { --adm-red: #c0001e; --adm-dark: #8b0000; --adm-navy: #003580; --adm-accent: #00ACC1; --adm-light: #fff5f5; --adm-gold: #FFB300; } /* ── Page wrapper ── */ .adm-section { padding: 60px 0; background: #f9f9f9; min-height: 60vh; } /* ── Course hero band ── */ .adm-hero-band { background: linear-gradient(135deg, var(--adm-red), var(--adm-dark)); color: #fff; border-radius: 16px; padding: 32px 40px; display: flex; align-items: center; gap: 20px; margin-bottom: 40px; box-shadow: 0 8px 30px rgba(192,0,30,0.25); } .adm-hero-band .icon-wrap { width: 68px; height: 68px; background: rgba(255,255,255,0.18); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 30px; flex-shrink: 0; } .adm-hero-band h4 { font-weight: 800; margin-bottom: 4px; } .adm-hero-band p { margin: 0; opacity: .85; font-size: 14px; } /* ── Section heading ── */ .adm-heading { font-size: 1.5rem; font-weight: 800; color: var(--adm-red); margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.5px; } .adm-heading::after { content: ''; display: block; width: 60px; height: 4px; background: linear-gradient(90deg, var(--adm-red), var(--adm-gold)); border-radius: 2px; margin-top: 8px; } .adm-heading.center::after { margin: 8px auto 0; } /* ── Info card ── */ .adm-card { background: #fff; border-radius: 14px; box-shadow: 0 4px 20px rgba(192,0,30,0.07); padding: 28px; border-left: 5px solid var(--adm-red); transition: transform 0.2s, box-shadow 0.2s; height: 100%; } .adm-card:hover { transform: translateY(-4px); box-shadow: 0 12px 36px rgba(192,0,30,0.13); } .adm-card h5 { font-weight: 800; color: var(--adm-red); } /* ── Document row ── */ .adm-doc-row { display: flex; align-items: center; gap: 14px; background: #fff; border: 1.5px solid #f0d0d5; border-radius: 12px; padding: 14px 18px; margin-bottom: 12px; transition: all 0.2s; } .adm-doc-row:hover { border-color: var(--adm-red); box-shadow: 0 4px 16px rgba(192,0,30,0.10); transform: translateX(4px); } .adm-doc-icon { width: 46px; height: 46px; background: linear-gradient(135deg, var(--adm-red), var(--adm-dark)); border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: #fff; font-size: 20px; } .adm-doc-info { flex: 1; } .adm-doc-title { font-weight: 700; color: var(--adm-navy); font-size: 15px; margin-bottom: 2px; } .adm-doc-meta { font-size: 12px; color: #888; } .adm-doc-btn { background: var(--adm-red); color: #fff; border: none; border-radius: 8px; padding: 7px 16px; font-size: 12px; font-weight: 700; text-decoration: none; display: inline-flex; align-items: center; gap: 5px; transition: background 0.2s; white-space: nowrap; } .adm-doc-btn:hover { background: var(--adm-dark); color: #fff; } /* ── Checklist ── */ .adm-check-item { display: flex; gap: 12px; margin-bottom: 14px; align-items: flex-start; } .adm-check-item .ci-num { width: 30px; height: 30px; background: var(--adm-red); color: #fff; border-radius: 50%; font-size: 13px; font-weight: 800; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px; } .adm-check-item .ci-text { font-size: 14px; color: #333; line-height: 1.6; } .adm-check-item .ci-text strong { color: var(--adm-navy); } /* ── Eligibility table ── */ .adm-table th { background: var(--adm-red); color: #fff; font-size: 13px; font-weight: 700; text-align: center; } .adm-table td { font-size: 13px; vertical-align: middle; } .adm-table tbody tr:hover { background: var(--adm-light); } /* ── Important note box ── */ .adm-note { background: #fff8e1; border: 1.5px solid var(--adm-gold); border-radius: 12px; padding: 16px 20px; font-size: 13.5px; color: #6a4500; line-height: 1.7; } /* ── Stat mini cards ── */ .adm-stat { background: linear-gradient(135deg, var(--adm-red), var(--adm-dark)); color: #fff; border-radius: 14px; padding: 22px 14px; text-align: center; } .adm-stat .num { font-size: 2.2rem; font-weight: 800; line-height: 1; color: #ffe0e0; } .adm-stat .lbl { font-size: 12px; opacity: .8; margin-top: 6px; } /* ── Course tab pills (for prospectus) ── */ .adm-pill { background: #f0f0f0; color: #333; border-radius: 30px; padding: 6px 18px; font-size: 13px; font-weight: 600; text-decoration: none; display: inline-block; transition: all 0.2s; } .adm-pill.active, .adm-pill:hover { background: var(--adm-red); color: #fff; } /* ── Step timeline (for form/process pages) ── */ .adm-steps { position: relative; padding-left: 36px; } .adm-steps::before { content: ''; position: absolute; left: 12px; top: 0; bottom: 0; width: 3px; background: linear-gradient(180deg, var(--adm-red), var(--adm-gold)); border-radius: 2px; } .adm-step { position: relative; margin-bottom: 28px; } .adm-step::before { content: ''; position: absolute; left: -30px; top: 6px; width: 14px; height: 14px; background: var(--adm-red); border: 3px solid #fff; border-radius: 50%; box-shadow: 0 0 0 3px var(--adm-red); } .adm-step-num { font-size: 11px; text-transform: uppercase; letter-spacing: 1px; color: var(--adm-red); font-weight: 700; } .adm-step h6 { font-weight: 800; color: var(--adm-navy); margin: 2px 0 4px; } .adm-step p { font-size: 13px; color: #555; margin: 0; } /* ── Download big button ── */ .adm-dl-btn { background: linear-gradient(135deg, var(--adm-red), var(--adm-dark)); color: #fff; border: none; border-radius: 14px; padding: 16px 40px; font-size: 15px; font-weight: 800; text-decoration: none; display: inline-flex; align-items: center; gap: 10px; box-shadow: 0 6px 24px rgba(192,0,30,0.3); transition: transform 0.2s, box-shadow 0.2s; } .adm-dl-btn:hover { color: #fff; transform: translateY(-3px); box-shadow: 0 10px 32px rgba(192,0,30,0.38); } /* ── Responsive ── */ @media(max-width:768px) { .adm-hero-band { flex-direction: column; text-align: center; padding: 24px; } .adm-hero-band .icon-wrap { margin: 0 auto; } }