:root { –sl-navy:#1a3a6b; –sl-gold:#c8972a; –sl-saffron:#e8820c; –sl-light:#f5f7fa; –sl-gray:#6b7280; –sl-dark:#1f2937; } .sl-page { font-family:’Segoe UI’,sans-serif; color:var(–sl-dark); } .sl-hero-banner { background:linear-gradient(135deg,var(–sl-navy) 0%,#2a5298 100%); padding:70px 40px; text-align:center; color:white; position:relative; overflow:hidden; } .sl-hero-banner::before { content:”; position:absolute; top:0;left:0;right:0;bottom:0; background:url(‘https://slarya.edu.in/Content/assets/img/SL_img/23.jpg’) center/cover; opacity:0.12; } .sl-hero-banner h1 { font-size:2.6rem; font-weight:700; margin:0 0 12px; position:relative; } .sl-hero-banner p { font-size:1.1rem; opacity:0.85; position:relative; } .sl-breadcrumb { background:var(–sl-gold); padding:10px 40px; font-size:0.9rem; color:white; } .sl-breadcrumb a { color:white; text-decoration:none; } .sl-section-label { color:var(–sl-saffron); font-weight:700; font-size:0.85rem; letter-spacing:2px; text-transform:uppercase; margin-bottom:10px; } .sl-contact-wrap { max-width:1100px; margin:0 auto; padding:60px 30px; } .sl-contact-grid { display:grid; grid-template-columns:1fr 1.6fr; gap:50px; } .sl-contact-info h2 { font-size:1.8rem; color:var(–sl-navy); margin:0 0 24px; } .sl-info-item { display:flex; gap:16px; margin-bottom:28px; align-items:flex-start; } .sl-info-icon { width:48px; height:48px; background:var(–sl-navy); border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:1.3rem; flex-shrink:0; } .sl-info-text h4 { color:var(–sl-navy); margin:0 0 4px; font-size:1rem; } .sl-info-text p, .sl-info-text a { color:var(–sl-gray); margin:0; font-size:0.92rem; line-height:1.6; text-decoration:none; } .sl-info-text a:hover { color:var(–sl-saffron); } .sl-social-links { display:flex; gap:12px; margin-top:8px; } .sl-social-links a { width:40px; height:40px; border-radius:8px; background:var(–sl-navy); color:white; display:flex; align-items:center; justify-content:center; text-decoration:none; font-size:1.1rem; transition:background 0.2s; } .sl-social-links a:hover { background:var(–sl-saffron); } .sl-contact-form { background:white; border-radius:14px; padding:40px; box-shadow:0 8px 40px rgba(0,0,0,0.08); } .sl-contact-form h3 { font-size:1.4rem; color:var(–sl-navy); margin:0 0 24px; } .sl-form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; } .sl-field { margin-bottom:20px; } .sl-field label { display:block; color:var(–sl-dark); font-weight:600; font-size:0.9rem; margin-bottom:6px; } .sl-field input, .sl-field select, .sl-field textarea { width:100%; padding:12px 16px; border:2px solid #e5e7eb; border-radius:8px; font-size:0.95rem; font-family:inherit; color:var(–sl-dark); outline:none; transition:border 0.2s; box-sizing:border-box; } .sl-field input:focus, .sl-field select:focus, .sl-field textarea:focus { border-color:var(–sl-navy); } .sl-field textarea { height:130px; resize:vertical; } .sl-submit-btn { width:100%; background:var(–sl-navy); color:white; border:none; padding:15px; border-radius:8px; font-size:1rem; font-weight:700; cursor:pointer; transition:background 0.2s; font-family:inherit; } .sl-submit-btn:hover { background:var(–sl-saffron); } .sl-map-section { background:var(–sl-light); padding:0; } .sl-map-section iframe { width:100%; height:420px; border:none; display:block; } .sl-hours { background:var(–sl-navy); padding:40px; } .sl-hours .inner { max-width:1100px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:24px; text-align:center; } .sl-hour-item { color:white; } .sl-hour-item .day { color:var(–sl-gold); font-weight:700; font-size:0.9rem; margin-bottom:4px; } .sl-hour-item .time { font-size:1rem; } @media(max-width:768px){ .sl-contact-grid{grid-template-columns:1fr;} .sl-form-row{grid-template-columns:1fr;} .sl-hours .inner{grid-template-columns:1fr;} .sl-hero-banner h1{font-size:1.8rem;} }