/*
Theme Name: Universal Private ITI Premium
Version: 2.0
Author: Universal Educational Trust
Description: Premium responsive theme for Universal Private ITI.
*/
:root{--navy:#071f42;--blue:#0c5da8;--red:#d51f2a;--gold:#f6b800;--muted:#64748b;--bg:#f4f7fb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#172033;line-height:1.65}a{text-decoration:none;color:inherit}.wrap{width:92%;max-width:1200px;margin:auto}
.top{background:var(--navy);color:#dbeafe;font-size:13px}.top .wrap{min-height:38px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.top a{color:#fff;font-weight:bold}.brand{min-height:92px;display:flex;align-items:center;gap:14px}.seal{width:68px;height:68px;border-radius:50%;border:4px solid var(--gold);background:radial-gradient(circle,#fff 0 38%,#0c5da8 39% 65%,#071f42 66%);display:grid;place-items:center;color:#fff;font-weight:900}.brand h1{margin:0;color:var(--navy);font-size:25px}.brand small{color:var(--muted);font-weight:bold;letter-spacing:.6px}.nav{background:var(--navy)}.nav ul{list-style:none;margin:0;padding:0;display:flex;justify-content:flex-end;flex-wrap:wrap}.nav a{display:block;color:#fff;padding:14px 16px;font-weight:bold}.nav a:hover{background:var(--red)}
.hero{background:linear-gradient(120deg,#061a38,#0b4d88,#1374bd);color:#fff;padding:78px 0}.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:45px;align-items:center}.badge{display:inline-block;background:var(--gold);color:#10213c;padding:7px 14px;border-radius:30px;font-size:12px;font-weight:900}.hero h2{font-size:54px;line-height:1.05;margin:18px 0}.hero p{font-size:19px;color:#e8f2ff}.btn{display:inline-block;padding:12px 20px;border-radius:6px;background:var(--red);color:#fff;font-weight:900;margin:6px 8px 0 0}.btn.light{background:#fff;color:var(--navy)}.hero-card{background:#ffffff12;border:1px solid #ffffff35;border-radius:15px;padding:25px}.hero-card h3{margin-top:0}.row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #ffffff25}.row:last-child{border:0}.row b{color:#ffd34d}
section{padding:68px 0}.soft{background:var(--bg)}.head{text-align:center;max-width:780px;margin:0 auto 38px}.head .k{color:var(--red);font-weight:900;font-size:12px;letter-spacing:1.5px}.head h2{color:var(--navy);font-size:36px;line-height:1.15;margin:8px 0}.head p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid #e4eaf2;border-radius:13px;padding:27px;box-shadow:0 12px 35px #071f4210}.card h3{color:var(--navy);margin-top:14px}.ico{width:52px;height:52px;border-radius:12px;background:#eaf3ff;color:var(--blue);display:grid;place-items:center;font-size:25px}.trade{padding:0;overflow:hidden}.tradebar{height:7px;background:linear-gradient(90deg,var(--red),var(--gold),var(--blue))}.tradebody{padding:25px}.tag{background:#edf5ff;color:var(--blue);font-size:12px;padding:4px 9px;border-radius:20px;font-weight:bold}.stats{background:var(--navy);color:#fff}.statgrid{display:grid;grid-template-columns:repeat(4,1fr)}.stat{text-align:center;padding:15px}.stat strong{display:block;color:#ffd34d;font-size:31px}.stat span{font-size:13px}.cta{background:linear-gradient(100deg,var(--red),#a91620);color:#fff}.ctagrid{display:flex;justify-content:space-between;align-items:center;gap:20px}.cta h2{font-size:34px;margin:0}.contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact{border:1px solid #e4eaf2;border-radius:14px;padding:28px;box-shadow:0 12px 35px #071f4210}.contact h3{color:var(--navy)}.map{min-height:270px;border-radius:14px;background:#e4eef9;display:grid;place-items:center;text-align:center;color:var(--navy);padding:20px}
footer{background:#06172f;color:#cbdcf1;padding:45px 0 18px}.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}.foot h3{color:#fff}.copy{border-top:1px solid #ffffff20;margin-top:30px;padding-top:15px;font-size:13px;display:flex;justify-content:space-between}
@media(max-width:850px){.hero-grid,.contactgrid{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.statgrid{grid-template-columns:1fr 1fr}.ctagrid{display:block}.hero h2{font-size:43px}.foot{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.cards,.statgrid,.foot{grid-template-columns:1fr}.hero h2{font-size:36px}.brand h1{font-size:20px}.seal{width:56px;height:56px}.nav ul{display:block}.nav a{padding:10px 12px}.copy{display:block}}
