*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:Arial,sans-serif;
    background:#f5f7fb;
    color:#222;
}

.container{
    max-width:1200px;
    margin:auto;
    padding:20px;
}

.back{
    display:inline-block;
    margin-bottom:15px;
    color:#0d6efd;
    text-decoration:none;
}

.hero{
    background:linear-gradient(135deg,#0d6efd,#084298);
    color:#fff;
    padding:32px;
    border-radius:18px;
    margin-bottom:25px;
}

.hero h1{
    margin:0 0 10px;
    font-size:32px;
}

.hero p{
    margin:0;
    opacity:.95;
    line-height:1.6;
}

.section,
.box,
.filter-box,
.result-box,
.note-box,
.suggestions,
.quick-box{
    background:#fff;
    padding:25px;
    border-radius:15px;
    box-shadow:0 2px 10px rgba(0,0,0,.08);
    margin-bottom:25px;
}

.section h2,
.box h2,
.result-box h2,
.note-box h2{
    margin-top:0;
    margin-bottom:15px;
}

.grid,
.card-grid,
.action-grid,
.suggestion-grid,
.filter-grid,
.info-grid,
.course-grid,
.stats-grid,
.list-grid{
    display:grid;
    gap:15px;
}

.card-grid{
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
}

.action-grid,
.suggestion-grid,
.filter-grid,
.info-grid,
.course-grid,
.list-grid{
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
}

.stats-grid{
    grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
}

.card,
.action-card,
.item,
.course-card,
.info-box,
.hostel-card,
.result-card{
    background:#f8f9fa;
    border:1px solid #e5e5e5;
    border-radius:12px;
    padding:16px;
    text-decoration:none;
    color:#222;
}

.card{
    background:#fff;
    padding:24px;
    box-shadow:0 2px 10px rgba(0,0,0,.08);
    transition:.3s;
}

.card:hover,
.action-card:hover,
.item:hover{
    background:#eef5ff;
    border-color:#0d6efd;
    transform:translateY(-3px);
}

.card h3,
.hostel-card h3,
.result-card h3{
    margin:0 0 10px;
    color:#0d6efd;
}

.stat-card{
    background:#fff;
    padding:20px;
    border-radius:15px;
    text-align:center;
    box-shadow:0 2px 10px rgba(0,0,0,.08);
}

.stat-card h2{
    margin:0;
    color:#0d6efd;
}

.stat-card p{
    margin:6px 0 0;
    color:#666;
}

.badge{
    display:inline-block;
    background:#eef5ff;
    color:#0d6efd;
    padding:5px 10px;
    border-radius:20px;
    font-size:13px;
    margin:4px 5px 4px 0;
}

.note{
    background:#fff3cd;
    padding:12px;
    border-radius:10px;
    font-size:14px;
    margin-top:12px;
}

label{
    font-weight:bold;
    display:block;
    margin-bottom:6px;
}

select,
input{
    width:100%;
    padding:11px;
    border:1px solid #ccc;
    border-radius:10px;
}

button{
    padding:12px 20px;
    border:0;
    border-radius:10px;
    background:#0d6efd;
    color:white;
    font-weight:bold;
    cursor:pointer;
}

table{
    width:100%;
    border-collapse:collapse;
}

th,
td{
    padding:12px;
    border-bottom:1px solid #ddd;
    text-align:left;
}

th{
    background:#f1f5ff;
}

.amount{
    font-weight:bold;
    color:#0d6efd;
}

.meta{
    line-height:1.8;
    color:#444;
}

@media(max-width:768px){
    .hero{
        padding:28px 20px;
    }

    .hero h1{
        font-size:26px;
    }

    .container{
        padding:15px;
    }

    table{
        font-size:14px;
    }
}


*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

:root{
    --primary:#2563eb;
    --primary-dark:#1e40af;
    --secondary:#f97316;
    --dark:#0f172a;
    --text:#334155;
    --muted:#64748b;
    --white:#ffffff;
    --soft:#f8fafc;
    --border:#e2e8f0;
}

body{
    font-family: Arial, sans-serif;
    background:
        radial-gradient(circle at top left, rgba(37,99,235,.15), transparent 35%),
        radial-gradient(circle at top right, rgba(249,115,22,.14), transparent 35%),
        linear-gradient(180deg,#f8fbff,#eef4ff);
    color:var(--dark);
    min-height:100vh;
    overflow-x:hidden;
}

a{
    text-decoration:none;
}

.container{
    width:100%;
    max-width:1250px;
    margin:auto;
    padding:24px;
    position:relative;
    z-index:2;
}

.page-bg{
    position:fixed;
    inset:0;
    overflow:hidden;
    z-index:0;
    pointer-events:none;
}

.shape{
    position:absolute;
    border-radius:50%;
    filter:blur(4px);
    opacity:.45;
    animation:floatShape 8s ease-in-out infinite;
}

.shape-1{
    width:240px;
    height:240px;
    background:#93c5fd;
    top:80px;
    left:-80px;
}

.shape-2{
    width:260px;
    height:260px;
    background:#fdba74;
    right:-100px;
    top:260px;
    animation-delay:1.5s;
}

.shape-3{
    width:180px;
    height:180px;
    background:#c4b5fd;
    bottom:40px;
    left:25%;
    animation-delay:3s;
}

@keyframes floatShape{
    0%,100%{
        transform:translateY(0) scale(1);
    }
    50%{
        transform:translateY(-25px) scale(1.06);
    }
}

/* HERO */

.hero{
    display:grid;
    grid-template-columns:1.25fr .75fr;
    gap:35px;
    align-items:center;
    background:
        linear-gradient(135deg,rgba(15,23,42,.96),rgba(30,64,175,.95)),
        url("https://images.unsplash.com/photo-1523050854058-8df90110c9f1?auto=format&fit=crop&w=1200&q=70");
    background-size:cover;
    background-position:center;
    border-radius:32px;
    padding:55px;
    color:#fff;
    box-shadow:0 30px 80px rgba(15,23,42,.35);
    position:relative;
    overflow:hidden;
}

.hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at top right,rgba(255,255,255,.16),transparent 35%),
        radial-gradient(circle at bottom left,rgba(249,115,22,.25),transparent 30%);
    pointer-events:none;
}

.hero-left,
.hero-right{
    position:relative;
    z-index:2;
}

.badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 16px;
    border-radius:50px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.25);
    backdrop-filter:blur(12px);
    color:#dbeafe;
    font-weight:bold;
    font-size:14px;
    margin-bottom:22px;
}

.hero h1{
    font-size:50px;
    line-height:1.08;
    max-width:760px;
    margin-bottom:20px;
    letter-spacing:-1px;
}

.hero h1 span{
    display:block;
    color:#facc15;
}

.hero p{
    font-size:18px;
    line-height:1.7;
    color:#e2e8f0;
    max-width:720px;
}

.hero-search{
    margin-top:28px;
    width:100%;
    max-width:680px;
    background:rgba(255,255,255,.96);
    color:#64748b;
    border-radius:60px;
    padding:9px 10px 9px 20px;
    display:flex;
    align-items:center;
    gap:14px;
    box-shadow:0 15px 35px rgba(0,0,0,.25);
}

.hero-search i{
    color:var(--primary);
    font-size:19px;
}

.hero-search span{
    flex:1;
    font-size:15px;
}

.hero-search a{
    background:linear-gradient(135deg,#2563eb,#1d4ed8);
    color:#fff;
    padding:13px 22px;
    border-radius:50px;
    font-weight:bold;
    white-space:nowrap;
}

.hero-buttons{
    margin-top:24px;
    display:flex;
    gap:15px;
    flex-wrap:wrap;
}

.btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:14px 22px;
    border-radius:50px;
    font-weight:bold;
    transition:.3s;
}

.primary-btn{
    background:#f97316;
    color:#fff;
    box-shadow:0 12px 25px rgba(249,115,22,.35);
}

.light-btn{
    background:rgba(255,255,255,.14);
    color:#fff;
    border:1px solid rgba(255,255,255,.25);
    backdrop-filter:blur(10px);
}

.btn:hover{
    transform:translateY(-3px);
}

/* HERO RIGHT GRAPHIC */

.hero-right{
    min-height:360px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.student-card{
    background:rgba(255,255,255,.16);
    backdrop-filter:blur(18px);
    border:1px solid rgba(255,255,255,.25);
    border-radius:30px;
    padding:35px;
    text-align:center;
    width:290px;
    box-shadow:0 25px 70px rgba(0,0,0,.35);
}

.student-icon{
    width:105px;
    height:105px;
    border-radius:50%;
    background:linear-gradient(135deg,#facc15,#f97316);
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 20px;
    box-shadow:0 18px 35px rgba(249,115,22,.35);
}

.student-icon i{
    font-size:52px;
    color:#fff;
}

.student-card h3{
    font-size:28px;
    margin-bottom:10px;
}

.student-card p{
    font-size:14px;
    color:#e2e8f0;
}

.floating-card{
    position:absolute;
    background:rgba(255,255,255,.95);
    color:#0f172a;
    border-radius:18px;
    padding:14px 18px;
    display:flex;
    align-items:center;
    gap:10px;
    font-weight:bold;
    box-shadow:0 18px 35px rgba(0,0,0,.25);
    animation:floatCard 4.5s ease-in-out infinite;
}

.floating-card i{
    color:#2563eb;
}

.card-one{
    top:28px;
    left:10px;
}

.card-two{
    right:0;
    top:145px;
    animation-delay:1s;
}

.card-three{
    bottom:30px;
    left:30px;
    animation-delay:2s;
}

@keyframes floatCard{
    0%,100%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(-14px);
    }
}

/* STATS */

.stats-box{
    margin-top:28px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}

.stat{
    background:rgba(255,255,255,.82);
    backdrop-filter:blur(16px);
    border:1px solid rgba(255,255,255,.75);
    border-radius:24px;
    padding:24px;
    box-shadow:0 15px 35px rgba(15,23,42,.08);
    transition:.3s;
}

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

.stat i{
    width:48px;
    height:48px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#dbeafe;
    color:#2563eb;
    font-size:22px;
    margin-bottom:14px;
}

.stat h3{
    font-size:20px;
    margin-bottom:8px;
}

.stat p{
    color:var(--muted);
    font-size:14px;
    line-height:1.55;
}

/* SECTION TITLE */

.section-title{
    text-align:center;
    max-width:760px;
    margin:48px auto 26px;
}

.section-title span,
.quick-header span,
.guide span{
    display:inline-block;
    color:#2563eb;
    font-weight:bold;
    margin-bottom:8px;
    text-transform:uppercase;
    font-size:13px;
    letter-spacing:.7px;
}

.section-title h2{
    font-size:36px;
    margin-bottom:12px;
    letter-spacing:-.5px;
}

.section-title p{
    color:var(--muted);
    line-height:1.7;
}

/* CARDS */

.card-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
}

.service-card{
    position:relative;
    background:#fff;
    border-radius:28px;
    padding:28px;
    color:var(--dark);
    box-shadow:0 18px 40px rgba(15,23,42,.08);
    border:1px solid rgba(226,232,240,.9);
    overflow:hidden;
    transition:.35s;
    min-height:255px;
}

.service-card::before{
    content:"";
    position:absolute;
    inset:auto -40px -70px auto;
    width:150px;
    height:150px;
    border-radius:50%;
    opacity:.16;
    transition:.35s;
}

.service-card:hover{
    transform:translateY(-8px);
    box-shadow:0 25px 65px rgba(15,23,42,.16);
}

.service-card:hover::before{
    transform:scale(1.25);
    opacity:.24;
}

.icon-circle{
    width:66px;
    height:66px;
    border-radius:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:18px;
    position:relative;
    z-index:2;
}

.icon-circle i{
    font-size:30px;
    color:#fff;
}

.service-card h3{
    font-size:22px;
    margin-bottom:12px;
    position:relative;
    z-index:2;
}

.service-card p{
    color:var(--muted);
    line-height:1.65;
    font-size:15px;
    position:relative;
    z-index:2;
}

.card-arrow{
    margin-top:20px;
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-weight:bold;
    position:relative;
    z-index:2;
}

.blue .icon-circle,
.blue::before{
    background:linear-gradient(135deg,#2563eb,#60a5fa);
}

.purple .icon-circle,
.purple::before{
    background:linear-gradient(135deg,#7c3aed,#c084fc);
}

.green .icon-circle,
.green::before{
    background:linear-gradient(135deg,#16a34a,#86efac);
}

.orange .icon-circle,
.orange::before{
    background:linear-gradient(135deg,#f97316,#fdba74);
}

.red .icon-circle,
.red::before{
    background:linear-gradient(135deg,#dc2626,#fca5a5);
}

.teal .icon-circle,
.teal::before{
    background:linear-gradient(135deg,#0d9488,#5eead4);
}

.blue .card-arrow{color:#2563eb;}
.purple .card-arrow{color:#7c3aed;}
.green .card-arrow{color:#16a34a;}
.orange .card-arrow{color:#f97316;}
.red .card-arrow{color:#dc2626;}
.teal .card-arrow{color:#0d9488;}

/* QUICK LINKS */

.quick-box{
    background:rgba(255,255,255,.88);
    backdrop-filter:blur(16px);
    border:1px solid rgba(255,255,255,.85);
    border-radius:30px;
    padding:32px;
    margin-top:35px;
    box-shadow:0 20px 50px rgba(15,23,42,.1);
}

.quick-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:20px;
}

.quick-header h2{
    font-size:30px;
}

.quick-header > i{
    width:58px;
    height:58px;
    border-radius:20px;
    background:#fff7ed;
    color:#f97316;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:26px;
}

.quick-links{
    display:flex;
    gap:13px;
    flex-wrap:wrap;
}

.quick-links a{
    background:#f8fafc;
    color:#1e40af;
    padding:12px 17px;
    border-radius:50px;
    border:1px solid #dbeafe;
    font-weight:bold;
    font-size:14px;
    display:inline-flex;
    align-items:center;
    gap:8px;
    transition:.3s;
}

.quick-links a:hover{
    background:#2563eb;
    color:#fff;
    transform:translateY(-3px);
    box-shadow:0 12px 24px rgba(37,99,235,.25);
}

/* GUIDE */

.guide{
    margin-top:35px;
    margin-bottom:25px;
    display:flex;
    gap:24px;
    align-items:flex-start;
    background:linear-gradient(135deg,#fff7ed,#fffbeb);
    border:1px solid #fed7aa;
    border-radius:30px;
    padding:32px;
    box-shadow:0 20px 45px rgba(249,115,22,.12);
}

.guide-icon{
    min-width:70px;
    height:70px;
    border-radius:24px;
    background:linear-gradient(135deg,#f97316,#facc15);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
    box-shadow:0 15px 30px rgba(249,115,22,.25);
}

.guide h2{
    font-size:28px;
    margin-bottom:10px;
}

.guide p{
    color:#7c2d12;
    line-height:1.75;
}

/* RESPONSIVE */

@media(max-width:1050px){
    .hero{
        grid-template-columns:1fr;
        padding:45px 32px;
    }

    .hero h1{
        font-size:42px;
    }

    .hero-right{
        min-height:330px;
    }

    .stats-box{
        grid-template-columns:repeat(2,1fr);
    }

    .card-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:700px){
    .container{
        padding:14px;
    }

    .hero{
        padding:34px 20px;
        border-radius:24px;
    }

    .hero h1{
        font-size:32px;
    }

    .hero p{
        font-size:16px;
    }

    .hero-search{
        border-radius:22px;
        flex-wrap:wrap;
        padding:16px;
    }

    .hero-search span{
        width:100%;
        flex:unset;
    }

    .hero-search a{
        width:100%;
        text-align:center;
    }

    .hero-buttons{
        flex-direction:column;
    }

    .btn{
        justify-content:center;
        width:100%;
    }

    .hero-right{
        min-height:290px;
    }

    .student-card{
        width:245px;
        padding:28px 20px;
    }

    .floating-card{
        font-size:12px;
        padding:10px 12px;
    }

    .card-one{
        left:0;
        top:18px;
    }

    .card-two{
        right:0;
        top:120px;
    }

    .card-three{
        left:5px;
        bottom:22px;
    }

    .stats-box{
        grid-template-columns:1fr;
    }

    .section-title h2{
        font-size:28px;
    }

    .card-grid{
        grid-template-columns:1fr;
    }

    .quick-box,
    .guide{
        padding:24px;
        border-radius:24px;
    }

    .quick-header{
        align-items:flex-start;
    }

    .quick-header h2{
        font-size:24px;
    }

    .guide{
        flex-direction:column;
    }
}

/* =====================================================
   SCHOLARSHIP ESTIMATOR RICH DESIGN
===================================================== */

.premium-back{
    display:inline-flex;
    align-items:center;
    gap:9px;
    background:#fff;
    color:#1e40af;
    padding:12px 18px;
    border-radius:50px;
    font-weight:bold;
    box-shadow:0 10px 25px rgba(15,23,42,.08);
    border:1px solid #dbeafe;
    margin-bottom:18px;
    transition:.3s;
}

.premium-back:hover{
    background:#2563eb;
    color:#fff;
    transform:translateY(-3px);
}

.estimator-hero{
    display:grid;
    grid-template-columns:1.2fr .8fr;
    gap:35px;
    align-items:center;
    border-radius:32px;
    padding:50px;
    color:#fff;
    position:relative;
    overflow:hidden;
    box-shadow:0 30px 80px rgba(15,23,42,.30);
}

.scholarship-hero{
    background:
        linear-gradient(135deg,rgba(88,28,135,.96),rgba(190,24,93,.92)),
        radial-gradient(circle at top right,rgba(250,204,21,.35),transparent 35%);
}

.estimator-hero::before{
    content:"";
    position:absolute;
    width:350px;
    height:350px;
    border-radius:50%;
    background:rgba(255,255,255,.12);
    right:-120px;
    top:-120px;
}

.estimator-hero::after{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    border-radius:50%;
    background:rgba(250,204,21,.18);
    left:-90px;
    bottom:-90px;
}

.estimator-hero-content,
.estimator-hero-graphic{
    position:relative;
    z-index:2;
}

.estimator-hero h1{
    font-size:48px;
    line-height:1.1;
    margin-bottom:15px;
    letter-spacing:-1px;
}

.estimator-hero p{
    max-width:720px;
    color:#fce7f3;
    font-size:18px;
    line-height:1.7;
}

.hero-mini-points{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    margin-top:24px;
}

.hero-mini-points span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.24);
    backdrop-filter:blur(12px);
    padding:10px 14px;
    border-radius:50px;
    color:#fff;
    font-weight:bold;
    font-size:14px;
}

.hero-mini-points i{
    color:#facc15;
}

.estimator-hero-graphic{
    min-height:280px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.big-circle-icon{
    width:190px;
    height:190px;
    border-radius:50%;
    background:linear-gradient(135deg,#facc15,#f97316);
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 25px 60px rgba(0,0,0,.32);
    border:8px solid rgba(255,255,255,.22);
}

.big-circle-icon i{
    font-size:82px;
    color:#fff;
}

.mini-float{
    position:absolute;
    background:#fff;
    color:#581c87;
    border-radius:18px;
    padding:13px 16px;
    display:flex;
    align-items:center;
    gap:9px;
    font-weight:bold;
    box-shadow:0 18px 35px rgba(0,0,0,.22);
    animation:floatCard 4.5s ease-in-out infinite;
}

.mini-float i{
    color:#db2777;
}

.mf-1{
    left:15px;
    top:25px;
}

.mf-2{
    right:5px;
    top:120px;
    animation-delay:1s;
}

.mf-3{
    left:45px;
    bottom:25px;
    animation-delay:2s;
}

/* PANEL */

.premium-panel{
    margin-top:28px;
    background:rgba(255,255,255,.90);
    backdrop-filter:blur(16px);
    border:1px solid rgba(255,255,255,.85);
    border-radius:30px;
    padding:32px;
    box-shadow:0 20px 50px rgba(15,23,42,.10);
}

.panel-heading{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    margin-bottom:24px;
}

.panel-heading span{
    display:inline-block;
    color:#db2777;
    font-weight:bold;
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:.7px;
    margin-bottom:6px;
}

.panel-heading h2{
    font-size:30px;
    letter-spacing:-.4px;
}

.panel-heading > i{
    width:58px;
    height:58px;
    border-radius:20px;
    background:#fdf2f8;
    color:#db2777;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:25px;
}

/* FORM */

.estimator-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

.form-group label{
    display:block;
    font-weight:bold;
    margin-bottom:8px;
    color:#334155;
}

.form-group select,
.form-group input{
    width:100%;
    height:52px;
    border:1px solid #dbeafe;
    background:#f8fafc;
    border-radius:16px;
    padding:0 15px;
    font-size:15px;
    color:#0f172a;
    outline:none;
    transition:.25s;
}

.form-group select:focus,
.form-group input:focus{
    border-color:#db2777;
    background:#fff;
    box-shadow:0 0 0 4px rgba(219,39,119,.10);
}

.button-group{
    display:flex;
    align-items:flex-end;
}

.premium-btn{
    width:100%;
    height:52px;
    border:0;
    border-radius:16px;
    background:linear-gradient(135deg,#db2777,#7e22ce);
    color:#fff;
    font-weight:bold;
    font-size:15px;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    box-shadow:0 14px 30px rgba(219,39,119,.25);
    transition:.3s;
}

.premium-btn:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 40px rgba(219,39,119,.32);
}

/* SCHOLARSHIP RESULT */

.scholarship-result-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
}

.scholarship-card{
    background:#fff;
    border-radius:26px;
    padding:26px;
    border:1px solid #fbcfe8;
    box-shadow:0 18px 38px rgba(15,23,42,.08);
    position:relative;
    overflow:hidden;
    transition:.3s;
}

.scholarship-card::before{
    content:"";
    position:absolute;
    width:160px;
    height:160px;
    border-radius:50%;
    background:linear-gradient(135deg,#f9a8d4,#c084fc);
    opacity:.15;
    right:-55px;
    top:-60px;
}

.scholarship-card:hover{
    transform:translateY(-6px);
    box-shadow:0 25px 58px rgba(15,23,42,.14);
}

.scholarship-card-top{
    display:flex;
    align-items:center;
    gap:15px;
    position:relative;
    z-index:2;
}

.scholarship-icon{
    width:60px;
    height:60px;
    min-width:60px;
    border-radius:20px;
    background:linear-gradient(135deg,#db2777,#7e22ce);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:26px;
    box-shadow:0 12px 25px rgba(219,39,119,.25);
}

.scholarship-card h3{
    font-size:21px;
    margin-bottom:5px;
}

.scholarship-card-top p{
    color:#64748b;
    font-size:14px;
}

.scholarship-amount{
    position:relative;
    z-index:2;
    margin:22px 0;
    font-size:38px;
    font-weight:900;
    color:#db2777;
    letter-spacing:-1px;
}

.scholarship-meta{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
}

.scholarship-meta div{
    background:#f8fafc;
    border:1px solid #e2e8f0;
    border-radius:16px;
    padding:13px;
}

.scholarship-meta span{
    display:block;
    color:#64748b;
    font-size:12px;
    margin-bottom:5px;
}

.scholarship-meta strong{
    color:#0f172a;
    font-size:14px;
}

.premium-note{
    margin-top:22px;
    background:#fff7ed;
    color:#7c2d12;
    border:1px solid #fed7aa;
    border-radius:18px;
    padding:16px 18px;
    line-height:1.6;
    display:flex;
    gap:10px;
    align-items:flex-start;
}

.premium-note i{
    color:#f97316;
    margin-top:3px;
}

.small-note{
    font-size:14px;
    margin-top:18px;
}

.empty-state{
    text-align:center;
    padding:45px 20px;
    border-radius:24px;
    background:#f8fafc;
    border:1px dashed #cbd5e1;
}

.empty-state i{
    width:75px;
    height:75px;
    border-radius:50%;
    background:#fdf2f8;
    color:#db2777;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 18px;
    font-size:30px;
}

.empty-state h3{
    font-size:24px;
    margin-bottom:8px;
}

.empty-state p{
    color:#64748b;
}

/* NEXT ACTION */

.next-action-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}

.next-action-card{
    background:#f8fafc;
    border:1px solid #e2e8f0;
    border-radius:22px;
    padding:20px;
    color:#0f172a;
    display:flex;
    gap:14px;
    align-items:flex-start;
    transition:.3s;
}

.next-action-card i{
    width:48px;
    height:48px;
    min-width:48px;
    border-radius:16px;
    background:#dbeafe;
    color:#2563eb;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:21px;
}

.next-action-card h3{
    font-size:18px;
    margin-bottom:6px;
}

.next-action-card p{
    color:#64748b;
    font-size:14px;
    line-height:1.45;
}

.next-action-card:hover{
    background:#2563eb;
    color:#fff;
    transform:translateY(-5px);
    box-shadow:0 18px 35px rgba(37,99,235,.25);
}

.next-action-card:hover p{
    color:#dbeafe;
}

.next-action-card:hover i{
    background:#fff;
}

/* MOBILE */

@media(max-width:1050px){
    .estimator-hero{
        grid-template-columns:1fr;
    }

    .estimator-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .scholarship-result-grid{
        grid-template-columns:1fr;
    }

    .next-action-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:700px){
    .estimator-hero{
        padding:34px 22px;
        border-radius:24px;
    }

    .estimator-hero h1{
        font-size:34px;
    }

    .estimator-hero p{
        font-size:16px;
    }

    .estimator-hero-graphic{
        min-height:250px;
    }

    .big-circle-icon{
        width:145px;
        height:145px;
    }

    .big-circle-icon i{
        font-size:60px;
    }

    .mini-float{
        font-size:12px;
        padding:10px 12px;
    }

    .premium-panel{
        padding:24px;
        border-radius:24px;
    }

    .panel-heading{
        align-items:flex-start;
    }

    .panel-heading h2{
        font-size:24px;
    }

    .estimator-grid{
        grid-template-columns:1fr;
    }

    .scholarship-meta{
        grid-template-columns:1fr;
    }

    .scholarship-amount{
        font-size:32px;
    }

    .next-action-grid{
        grid-template-columns:1fr;
    }

    .premium-note{
        font-size:14px;
    }
}


/* =====================================================
   GOVERNMENT HOSTEL FINDER RICH DESIGN
===================================================== */

.hostel-back:hover{
    background:#0d9488;
    border-color:#0d9488;
}

.hostel-hero{
    background:
        linear-gradient(135deg,rgba(6,78,59,.96),rgba(13,148,136,.92)),
        radial-gradient(circle at top right,rgba(45,212,191,.35),transparent 35%);
}

.hostel-points i{
    color:#5eead4;
}

.hostel-big-icon{
    background:linear-gradient(135deg,#14b8a6,#22c55e);
}

.hostel-float{
    color:#064e3b;
}

.hostel-float i{
    color:#0d9488;
}

.hostel-heading span{
    color:#0d9488;
}

.hostel-heading > i{
    background:#ccfbf1;
    color:#0d9488;
}

.hostel-form select:focus,
.hostel-form input:focus{
    border-color:#0d9488;
    box-shadow:0 0 0 4px rgba(13,148,136,.12);
}

.hostel-btn{
    background:linear-gradient(135deg,#0d9488,#16a34a);
    box-shadow:0 14px 30px rgba(13,148,136,.25);
}

.hostel-btn:hover{
    box-shadow:0 18px 40px rgba(13,148,136,.32);
}

.hostel-grid{
    grid-template-columns:repeat(5,1fr);
}

/* HOSTEL RESULT CARDS */

.hostel-result-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
}

.premium-hostel-card{
    position:relative;
    background:#fff;
    border-radius:28px;
    padding:26px;
    border:1px solid #ccfbf1;
    box-shadow:0 18px 38px rgba(15,23,42,.08);
    overflow:hidden;
    transition:.3s;
}

.premium-hostel-card::before{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    border-radius:50%;
    background:linear-gradient(135deg,#5eead4,#86efac);
    opacity:.16;
    right:-70px;
    top:-70px;
}

.premium-hostel-card:hover{
    transform:translateY(-6px);
    box-shadow:0 25px 58px rgba(15,23,42,.14);
}

.hostel-card-header{
    display:flex;
    align-items:flex-start;
    gap:16px;
    position:relative;
    z-index:2;
}

.hostel-card-icon{
    width:62px;
    height:62px;
    min-width:62px;
    border-radius:21px;
    background:linear-gradient(135deg,#0d9488,#22c55e);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:27px;
    box-shadow:0 12px 25px rgba(13,148,136,.24);
}

.hostel-card-header h3{
    font-size:21px;
    margin-bottom:10px;
    line-height:1.3;
}

.hostel-tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.hostel-tags span{
    background:#ecfdf5;
    color:#047857;
    border:1px solid #bbf7d0;
    padding:6px 10px;
    border-radius:50px;
    font-size:12px;
    font-weight:bold;
}

.hostel-info-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
    margin-top:22px;
}

.hostel-info-grid div{
    background:#f8fafc;
    border:1px solid #e2e8f0;
    border-radius:18px;
    padding:14px;
}

.hostel-info-grid i{
    color:#0d9488;
    font-size:18px;
    margin-bottom:9px;
}

.hostel-info-grid span{
    display:block;
    color:#64748b;
    font-size:12px;
    margin-bottom:5px;
}

.hostel-info-grid strong{
    color:#0f172a;
    font-size:14px;
}

.hostel-address{
    position:relative;
    z-index:2;
    margin-top:16px;
    background:#f0fdfa;
    border:1px solid #99f6e4;
    border-radius:18px;
    padding:15px;
    display:flex;
    gap:10px;
    align-items:flex-start;
    color:#134e4a;
}

.hostel-address i{
    color:#0d9488;
    margin-top:3px;
}

.hostel-address p{
    line-height:1.6;
    font-size:14px;
}

.hostel-note{
    background:#ecfdf5;
    color:#064e3b;
    border-color:#a7f3d0;
}

.hostel-note i{
    color:#0d9488;
}

.hostel-empty i{
    background:#ccfbf1;
    color:#0d9488;
}

.hostel-action i{
    background:#ccfbf1;
    color:#0d9488;
}

.hostel-action:hover{
    background:#0d9488;
    box-shadow:0 18px 35px rgba(13,148,136,.25);
}

.hostel-action:hover i{
    background:#fff;
    color:#0d9488;
}

/* HOSTEL MOBILE */

@media(max-width:1150px){
    .hostel-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:1050px){
    .hostel-result-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:700px){
    .hostel-grid{
        grid-template-columns:1fr;
    }

    .hostel-info-grid{
        grid-template-columns:1fr;
    }

    .hostel-card-header{
        flex-direction:column;
    }
}

/* =====================================================
   FEE INFORMATION RICH DESIGN
===================================================== */

.fee-back:hover{
    background:#f97316;
    border-color:#f97316;
}

.fee-hero{
    background:
        linear-gradient(135deg,rgba(124,45,18,.96),rgba(234,88,12,.92)),
        radial-gradient(circle at top right,rgba(250,204,21,.38),transparent 35%);
}

.fee-points i{
    color:#fde68a;
}

.fee-big-icon{
    background:linear-gradient(135deg,#facc15,#f97316);
}

.fee-float{
    color:#7c2d12;
}

.fee-float i{
    color:#f97316;
}

.fee-heading span{
    color:#f97316;
}

.fee-heading > i{
    background:#fff7ed;
    color:#f97316;
}

.fee-form select:focus,
.fee-form input:focus{
    border-color:#f97316;
    box-shadow:0 0 0 4px rgba(249,115,22,.12);
}

.fee-grid{
    grid-template-columns:repeat(4,1fr);
}

.fee-btn{
    background:linear-gradient(135deg,#f97316,#ea580c);
    box-shadow:0 14px 30px rgba(249,115,22,.25);
}

.fee-btn:hover{
    box-shadow:0 18px 40px rgba(249,115,22,.32);
}

/* FEE RESULT CARDS */

.fee-result-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
}

.premium-fee-card{
    position:relative;
    background:#fff;
    border-radius:28px;
    padding:26px;
    border:1px solid #fed7aa;
    box-shadow:0 18px 38px rgba(15,23,42,.08);
    overflow:hidden;
    transition:.3s;
}

.premium-fee-card::before{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    border-radius:50%;
    background:linear-gradient(135deg,#facc15,#fb923c);
    opacity:.18;
    right:-70px;
    top:-70px;
}

.premium-fee-card:hover{
    transform:translateY(-6px);
    box-shadow:0 25px 58px rgba(15,23,42,.14);
}

.fee-card-top{
    display:flex;
    align-items:flex-start;
    gap:16px;
    position:relative;
    z-index:2;
}

.fee-card-icon{
    width:62px;
    height:62px;
    min-width:62px;
    border-radius:21px;
    background:linear-gradient(135deg,#f97316,#facc15);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:27px;
    box-shadow:0 12px 25px rgba(249,115,22,.24);
}

.fee-card-top h3{
    font-size:21px;
    margin-bottom:8px;
    line-height:1.3;
}

.fee-card-top p{
    color:#64748b;
    font-size:14px;
}

.fee-amount{
    position:relative;
    z-index:2;
    margin:22px 0;
    font-size:40px;
    font-weight:900;
    color:#ea580c;
    letter-spacing:-1px;
}

.fee-meta-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:13px;
}

.fee-meta-grid div{
    background:#f8fafc;
    border:1px solid #e2e8f0;
    border-radius:17px;
    padding:14px;
}

.fee-meta-grid span{
    display:block;
    color:#64748b;
    font-size:12px;
    margin-bottom:5px;
}

.fee-meta-grid strong{
    color:#0f172a;
    font-size:14px;
}

.fee-note{
    background:#fff7ed;
    color:#7c2d12;
    border-color:#fed7aa;
}

.fee-note i{
    color:#f97316;
}

.fee-empty i{
    background:#fff7ed;
    color:#f97316;
}

/* GUIDANCE */

.fee-guidance-box{
    background:linear-gradient(135deg,#fff7ed,#fffbeb);
    border:1px solid #fed7aa;
    border-radius:24px;
    padding:24px;
    display:flex;
    gap:18px;
    align-items:flex-start;
    margin-bottom:24px;
}

.fee-guidance-icon{
    width:58px;
    height:58px;
    min-width:58px;
    border-radius:20px;
    background:linear-gradient(135deg,#f97316,#facc15);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:25px;
    box-shadow:0 12px 25px rgba(249,115,22,.22);
}

.fee-guidance-box p{
    color:#7c2d12;
    line-height:1.75;
}

.fee-action i{
    background:#fff7ed;
    color:#f97316;
}

.fee-action:hover{
    background:#f97316;
    box-shadow:0 18px 35px rgba(249,115,22,.25);
}

.fee-action:hover i{
    background:#fff;
    color:#f97316;
}

/* FEE MOBILE */

@media(max-width:1050px){
    .fee-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .fee-result-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:700px){
    .fee-grid{
        grid-template-columns:1fr;
    }

    .fee-meta-grid{
        grid-template-columns:1fr;
    }

    .fee-card-top{
        flex-direction:column;
    }

    .fee-amount{
        font-size:32px;
    }

    .fee-guidance-box{
        flex-direction:column;
    }
}

/* =====================================================
   DISTRICT-WISE EDUCATION RICH DESIGN
===================================================== */

.district-back:hover{
    background:#2563eb;
    border-color:#2563eb;
}

.district-hero{
    background:
        linear-gradient(135deg,rgba(30,64,175,.96),rgba(13,148,136,.92)),
        radial-gradient(circle at top right,rgba(96,165,250,.38),transparent 35%);
}

.district-points i{
    color:#93c5fd;
}

.district-big-icon{
    background:linear-gradient(135deg,#2563eb,#14b8a6);
}

.district-float{
    color:#1e3a8a;
}

.district-float i{
    color:#2563eb;
}

.district-heading span{
    color:#2563eb;
}

.district-heading > i{
    background:#dbeafe;
    color:#2563eb;
}

/* SUMMARY */

.district-summary-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
    margin-top:28px;
}

.district-summary-card{
    background:rgba(255,255,255,.90);
    backdrop-filter:blur(16px);
    border:1px solid rgba(255,255,255,.85);
    border-radius:24px;
    padding:22px;
    display:flex;
    align-items:center;
    gap:16px;
    box-shadow:0 18px 40px rgba(15,23,42,.09);
    transition:.3s;
}

.district-summary-card:hover{
    transform:translateY(-5px);
    box-shadow:0 24px 55px rgba(15,23,42,.14);
}

.district-summary-card i{
    width:58px;
    height:58px;
    min-width:58px;
    border-radius:20px;
    background:linear-gradient(135deg,#2563eb,#14b8a6);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:25px;
    box-shadow:0 12px 25px rgba(37,99,235,.24);
}

.district-summary-card strong{
    display:block;
    font-size:30px;
    color:#0f172a;
    line-height:1;
}

.district-summary-card span{
    display:block;
    color:#64748b;
    margin-top:6px;
    font-weight:bold;
    font-size:14px;
}

/* DISTRICT CARDS */

.premium-district-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
}

.premium-district-card{
    position:relative;
    background:#fff;
    color:#0f172a;
    border-radius:28px;
    padding:25px;
    border:1px solid #bfdbfe;
    box-shadow:0 18px 38px rgba(15,23,42,.08);
    overflow:hidden;
    transition:.3s;
}

.premium-district-card::before{
    content:"";
    position:absolute;
    width:165px;
    height:165px;
    border-radius:50%;
    background:linear-gradient(135deg,#93c5fd,#5eead4);
    opacity:.17;
    right:-65px;
    top:-65px;
}

.premium-district-card:hover{
    transform:translateY(-7px);
    box-shadow:0 26px 60px rgba(15,23,42,.15);
    border-color:#2563eb;
}

.district-card-top{
    display:flex;
    align-items:flex-start;
    gap:15px;
    position:relative;
    z-index:2;
}

.district-card-icon{
    width:60px;
    height:60px;
    min-width:60px;
    border-radius:20px;
    background:linear-gradient(135deg,#2563eb,#14b8a6);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:26px;
    box-shadow:0 12px 25px rgba(37,99,235,.24);
}

.district-card-top h3{
    font-size:22px;
    margin-bottom:7px;
    line-height:1.3;
}

.district-card-top p{
    color:#64748b;
    font-size:14px;
}

.district-stat-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
    margin-top:22px;
}

.district-stat-grid div{
    background:#f8fafc;
    border:1px solid #e2e8f0;
    border-radius:17px;
    padding:14px;
}

.district-stat-grid strong{
    display:block;
    font-size:24px;
    color:#2563eb;
    margin-bottom:4px;
}

.district-stat-grid span{
    color:#64748b;
    font-size:13px;
    font-weight:bold;
}

.district-card-footer{
    position:relative;
    z-index:2;
    margin-top:18px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    color:#2563eb;
    font-weight:bold;
}

.premium-district-card:hover .district-card-footer i{
    transform:translateX(5px);
}

.district-card-footer i{
    transition:.3s;
}

.district-empty i{
    background:#dbeafe;
    color:#2563eb;
}

.district-action i{
    background:#dbeafe;
    color:#2563eb;
}

.district-action:hover{
    background:#2563eb;
    box-shadow:0 18px 35px rgba(37,99,235,.25);
}

.district-action:hover i{
    background:#fff;
    color:#2563eb;
}

/* DISTRICT MOBILE */

@media(max-width:1100px){
    .district-summary-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .premium-district-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:700px){
    .district-summary-grid{
        grid-template-columns:1fr;
    }

    .premium-district-grid{
        grid-template-columns:1fr;
    }

    .district-card-top{
        flex-direction:column;
    }

    .district-summary-card strong{
        font-size:26px;
    }
}

/* =====================================================
   DISTRICT DETAIL DASHBOARD RICH DESIGN
===================================================== */

.district-view-back:hover{
    background:#0891b2;
    border-color:#0891b2;
}

.district-view-hero{
    background:
        linear-gradient(135deg,rgba(8,47,73,.96),rgba(8,145,178,.92)),
        radial-gradient(circle at top right,rgba(34,211,238,.38),transparent 35%);
}

.district-view-points i{
    color:#67e8f9;
}

.district-view-big-icon{
    background:linear-gradient(135deg,#0891b2,#2563eb);
}

.district-view-float{
    color:#083344;
}

.district-view-float i{
    color:#0891b2;
}

.district-view-heading span{
    color:#0891b2;
}

.district-view-heading > i{
    background:#cffafe;
    color:#0891b2;
}

/* STATS */

.district-detail-stats-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:16px;
    margin-top:28px;
}

.district-detail-stat-card{
    background:rgba(255,255,255,.90);
    backdrop-filter:blur(16px);
    border:1px solid rgba(255,255,255,.85);
    border-radius:24px;
    padding:20px;
    box-shadow:0 18px 40px rgba(15,23,42,.09);
    transition:.3s;
}

.district-detail-stat-card:hover{
    transform:translateY(-5px);
    box-shadow:0 24px 55px rgba(15,23,42,.14);
}

.district-detail-stat-card i{
    width:52px;
    height:52px;
    border-radius:18px;
    background:linear-gradient(135deg,#0891b2,#2563eb);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:23px;
    margin-bottom:14px;
    box-shadow:0 12px 25px rgba(8,145,178,.24);
}

.district-detail-stat-card strong{
    display:block;
    font-size:30px;
    line-height:1;
    color:#0f172a;
}

.district-detail-stat-card span{
    display:block;
    margin-top:7px;
    color:#64748b;
    font-size:13px;
    font-weight:bold;
}

/* COURSE CARDS */

.district-course-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.district-course-card{
    background:#fff;
    color:#0f172a;
    border:1px solid #bae6fd;
    border-radius:22px;
    padding:18px;
    display:flex;
    align-items:center;
    gap:14px;
    position:relative;
    overflow:hidden;
    box-shadow:0 14px 30px rgba(15,23,42,.07);
    transition:.3s;
}

.district-course-card:hover{
    transform:translateY(-5px);
    border-color:#0891b2;
    box-shadow:0 22px 45px rgba(15,23,42,.13);
}

.course-mini-icon{
    width:50px;
    height:50px;
    min-width:50px;
    border-radius:17px;
    background:linear-gradient(135deg,#0891b2,#2563eb);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:21px;
}

.district-course-card h3{
    font-size:17px;
    margin-bottom:6px;
    line-height:1.3;
}

.district-course-card span{
    color:#0891b2;
    font-weight:bold;
    font-size:13px;
}

.course-arrow{
    margin-left:auto;
    color:#0891b2;
    transition:.3s;
}

.district-course-card:hover .course-arrow{
    transform:translateX(5px);
}

/* BRANCH CARDS */

.district-branch-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

.district-branch-card{
    background:#fff;
    color:#0f172a;
    border:1px solid #bae6fd;
    border-radius:24px;
    padding:22px;
    box-shadow:0 16px 35px rgba(15,23,42,.08);
    transition:.3s;
    position:relative;
    overflow:hidden;
}

.district-branch-card::before{
    content:"";
    position:absolute;
    width:150px;
    height:150px;
    border-radius:50%;
    background:linear-gradient(135deg,#67e8f9,#93c5fd);
    opacity:.16;
    right:-55px;
    top:-60px;
}

.district-branch-card:hover{
    transform:translateY(-6px);
    box-shadow:0 25px 55px rgba(15,23,42,.14);
    border-color:#0891b2;
}

.branch-top{
    position:relative;
    z-index:2;
    display:flex;
    gap:14px;
    align-items:flex-start;
}

.branch-icon{
    width:54px;
    height:54px;
    min-width:54px;
    border-radius:18px;
    background:linear-gradient(135deg,#0891b2,#2563eb);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:23px;
}

.branch-top h3{
    font-size:18px;
    margin-bottom:6px;
    line-height:1.3;
}

.branch-top p{
    color:#64748b;
    font-size:14px;
    line-height:1.4;
}

.branch-bottom{
    position:relative;
    z-index:2;
    margin-top:18px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    color:#0891b2;
    font-weight:bold;
}

/* COLLEGE LIST */

.district-college-list{
    display:flex;
    flex-direction:column;
    gap:15px;
}

.district-college-card{
    background:#fff;
    color:#0f172a;
    border:1px solid #bae6fd;
    border-radius:24px;
    padding:20px;
    display:flex;
    align-items:flex-start;
    gap:16px;
    box-shadow:0 14px 30px rgba(15,23,42,.07);
    transition:.3s;
}

.district-college-card:hover{
    transform:translateY(-4px);
    border-color:#0891b2;
    box-shadow:0 22px 45px rgba(15,23,42,.13);
}

.college-list-icon{
    width:58px;
    height:58px;
    min-width:58px;
    border-radius:20px;
    background:linear-gradient(135deg,#0891b2,#2563eb);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:25px;
}

.college-list-content{
    flex:1;
}

.college-list-content h3{
    font-size:20px;
    margin-bottom:10px;
    line-height:1.35;
}

.college-list-tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:10px;
}

.college-list-tags span{
    background:#ecfeff;
    color:#155e75;
    border:1px solid #a5f3fc;
    padding:7px 11px;
    border-radius:50px;
    font-size:12px;
    font-weight:bold;
}

.college-list-tags .campus-tag{
    background:#eff6ff;
    color:#1e40af;
    border-color:#bfdbfe;
}

.college-list-content p{
    color:#64748b;
    font-size:14px;
    line-height:1.5;
}

.college-list-arrow{
    color:#0891b2;
    margin-top:20px;
    transition:.3s;
}

.district-college-card:hover .college-list-arrow{
    transform:translateX(5px);
}

/* HOSTELS */

.district-hostel-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
}

.district-hostel-card{
    background:#fff;
    border:1px solid #bae6fd;
    border-radius:24px;
    padding:22px;
    box-shadow:0 16px 35px rgba(15,23,42,.08);
    transition:.3s;
    position:relative;
    overflow:hidden;
}

.district-hostel-card::before{
    content:"";
    position:absolute;
    width:145px;
    height:145px;
    border-radius:50%;
    background:linear-gradient(135deg,#67e8f9,#5eead4);
    opacity:.18;
    right:-55px;
    top:-60px;
}

.district-hostel-card:hover{
    transform:translateY(-6px);
    box-shadow:0 25px 55px rgba(15,23,42,.14);
}

.district-hostel-icon{
    width:58px;
    height:58px;
    border-radius:20px;
    background:linear-gradient(135deg,#0891b2,#2563eb);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:25px;
    margin-bottom:16px;
    position:relative;
    z-index:2;
}

.district-hostel-card h3{
    position:relative;
    z-index:2;
    font-size:20px;
    margin-bottom:12px;
    line-height:1.35;
}

.district-hostel-tags{
    position:relative;
    z-index:2;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:13px;
}

.district-hostel-tags span{
    background:#ecfeff;
    color:#155e75;
    border:1px solid #a5f3fc;
    padding:7px 11px;
    border-radius:50px;
    font-size:12px;
    font-weight:bold;
}

.district-hostel-card p{
    position:relative;
    z-index:2;
    color:#64748b;
    font-weight:bold;
}

.district-wide-link{
    margin-top:20px;
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:linear-gradient(135deg,#0891b2,#2563eb);
    color:#fff;
    padding:14px 20px;
    border-radius:50px;
    font-weight:bold;
    box-shadow:0 14px 30px rgba(8,145,178,.25);
    transition:.3s;
}

.district-wide-link:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 40px rgba(8,145,178,.32);
}

.district-view-note{
    background:#ecfeff;
    color:#155e75;
    border-color:#a5f3fc;
}

.district-view-note i{
    color:#0891b2;
}

.district-view-empty i{
    background:#cffafe;
    color:#0891b2;
}

.district-view-action i{
    background:#cffafe;
    color:#0891b2;
}

.district-view-action:hover{
    background:#0891b2;
    box-shadow:0 18px 35px rgba(8,145,178,.25);
}

.district-view-action:hover i{
    background:#fff;
    color:#0891b2;
}

/* DISTRICT VIEW MOBILE */

@media(max-width:1150px){
    .district-detail-stats-grid{
        grid-template-columns:repeat(3,1fr);
    }

    .district-course-grid,
    .district-branch-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:800px){
    .district-detail-stats-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .district-course-grid,
    .district-branch-grid,
    .district-hostel-grid{
        grid-template-columns:1fr;
    }

    .district-college-card{
        flex-direction:column;
    }

    .college-list-arrow{
        margin-top:0;
    }
}

@media(max-width:600px){
    .district-detail-stats-grid{
        grid-template-columns:1fr;
    }

    .district-course-card{
        align-items:flex-start;
    }

    .course-arrow{
        display:none;
    }
}

/* =====================================================
   COURSE DIRECTORY RICH DESIGN
===================================================== */

.course-back:hover{
    background:#7c3aed;
    border-color:#7c3aed;
}

.course-hero{
    background:
        linear-gradient(135deg,rgba(49,46,129,.96),rgba(124,58,237,.92)),
        radial-gradient(circle at top right,rgba(196,181,253,.38),transparent 35%);
}

.course-points i{
    color:#ddd6fe;
}

.course-big-icon{
    background:linear-gradient(135deg,#7c3aed,#2563eb);
}

.course-float{
    color:#312e81;
}

.course-float i{
    color:#7c3aed;
}

.course-heading span{
    color:#7c3aed;
}

.course-heading > i{
    background:#ede9fe;
    color:#7c3aed;
}

/* SUMMARY */

.course-summary-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
    margin-top:28px;
}

.course-summary-card{
    background:rgba(255,255,255,.90);
    backdrop-filter:blur(16px);
    border:1px solid rgba(255,255,255,.85);
    border-radius:24px;
    padding:24px;
    display:flex;
    align-items:center;
    gap:16px;
    box-shadow:0 18px 40px rgba(15,23,42,.09);
    transition:.3s;
}

.course-summary-card:hover{
    transform:translateY(-5px);
    box-shadow:0 24px 55px rgba(15,23,42,.14);
}

.course-summary-card i{
    width:60px;
    height:60px;
    min-width:60px;
    border-radius:20px;
    background:linear-gradient(135deg,#7c3aed,#2563eb);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:26px;
    box-shadow:0 12px 25px rgba(124,58,237,.24);
}

.course-summary-card strong{
    display:block;
    font-size:32px;
    color:#0f172a;
    line-height:1;
}

.course-summary-card span{
    display:block;
    color:#64748b;
    margin-top:7px;
    font-weight:bold;
    font-size:14px;
}

/* COURSE CARDS */

.premium-course-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
}

.premium-course-card{
    position:relative;
    background:#fff;
    color:#0f172a;
    border-radius:28px;
    padding:25px;
    border:1px solid #ddd6fe;
    box-shadow:0 18px 38px rgba(15,23,42,.08);
    overflow:hidden;
    transition:.3s;
}

.premium-course-card::before{
    content:"";
    position:absolute;
    width:165px;
    height:165px;
    border-radius:50%;
    background:linear-gradient(135deg,#c4b5fd,#93c5fd);
    opacity:.17;
    right:-65px;
    top:-65px;
}

.premium-course-card:hover{
    transform:translateY(-7px);
    box-shadow:0 26px 60px rgba(15,23,42,.15);
    border-color:#7c3aed;
}

.course-card-top{
    display:flex;
    align-items:flex-start;
    gap:15px;
    position:relative;
    z-index:2;
}

.course-card-icon{
    width:60px;
    height:60px;
    min-width:60px;
    border-radius:20px;
    background:linear-gradient(135deg,#7c3aed,#2563eb);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:26px;
    box-shadow:0 12px 25px rgba(124,58,237,.24);
}

.course-card-top h3{
    font-size:22px;
    margin-bottom:7px;
    line-height:1.3;
}

.course-card-top p{
    color:#64748b;
    font-size:14px;
    line-height:1.45;
}

.course-card-stats{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
    margin-top:22px;
}

.course-card-stats div{
    background:#f8fafc;
    border:1px solid #e2e8f0;
    border-radius:17px;
    padding:14px;
}

.course-card-stats strong{
    display:block;
    font-size:25px;
    color:#7c3aed;
    margin-bottom:4px;
}

.course-card-stats span{
    color:#64748b;
    font-size:13px;
    font-weight:bold;
}

.course-card-footer{
    position:relative;
    z-index:2;
    margin-top:18px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    color:#7c3aed;
    font-weight:bold;
}

.premium-course-card:hover .course-card-footer i{
    transform:translateX(5px);
}

.course-card-footer i{
    transition:.3s;
}

.course-empty i{
    background:#ede9fe;
    color:#7c3aed;
}

.course-action i{
    background:#ede9fe;
    color:#7c3aed;
}

.course-action:hover{
    background:#7c3aed;
    box-shadow:0 18px 35px rgba(124,58,237,.25);
}

.course-action:hover i{
    background:#fff;
    color:#7c3aed;
}

/* COURSE MOBILE */

@media(max-width:1100px){
    .premium-course-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:800px){
    .course-summary-grid{
        grid-template-columns:1fr;
    }

    .premium-course-grid{
        grid-template-columns:1fr;
    }

    .course-card-top{
        flex-direction:column;
    }
}

/* =====================================================
   COURSE DETAIL DASHBOARD RICH DESIGN
===================================================== */

.course-view-back:hover{
    background:#4f46e5;
    border-color:#4f46e5;
}

.course-view-hero{
    background:
        linear-gradient(135deg,rgba(30,27,75,.96),rgba(79,70,229,.92)),
        radial-gradient(circle at top right,rgba(129,140,248,.40),transparent 35%);
}

.course-view-points i{
    color:#c7d2fe;
}

.course-view-big-icon{
    background:linear-gradient(135deg,#4f46e5,#7c3aed);
}

.course-view-float{
    color:#312e81;
}

.course-view-float i{
    color:#4f46e5;
}

.course-view-heading span{
    color:#4f46e5;
}

.course-view-heading > i{
    background:#eef2ff;
    color:#4f46e5;
}

/* STATS */

.course-view-stats-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
    margin-top:28px;
}

.course-view-stat-card{
    background:rgba(255,255,255,.90);
    backdrop-filter:blur(16px);
    border:1px solid rgba(255,255,255,.85);
    border-radius:24px;
    padding:24px;
    display:flex;
    align-items:center;
    gap:16px;
    box-shadow:0 18px 40px rgba(15,23,42,.09);
    transition:.3s;
}

.course-view-stat-card:hover{
    transform:translateY(-5px);
    box-shadow:0 24px 55px rgba(15,23,42,.14);
}

.course-view-stat-card i{
    width:60px;
    height:60px;
    min-width:60px;
    border-radius:20px;
    background:linear-gradient(135deg,#4f46e5,#7c3aed);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:26px;
    box-shadow:0 12px 25px rgba(79,70,229,.24);
}

.course-view-stat-card strong{
    display:block;
    font-size:32px;
    color:#0f172a;
    line-height:1;
}

.course-view-stat-card span{
    display:block;
    color:#64748b;
    margin-top:7px;
    font-weight:bold;
    font-size:14px;
}

/* ACTION CARDS */

.course-view-action-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.course-view-action-card{
    background:#fff;
    color:#0f172a;
    border:1px solid #c7d2fe;
    border-radius:24px;
    padding:22px;
    display:flex;
    gap:15px;
    align-items:flex-start;
    box-shadow:0 16px 35px rgba(15,23,42,.08);
    transition:.3s;
}

.course-view-action-card:hover{
    transform:translateY(-6px);
    background:#4f46e5;
    color:#fff;
    box-shadow:0 25px 55px rgba(79,70,229,.25);
}

.course-view-action-card > i{
    width:54px;
    height:54px;
    min-width:54px;
    border-radius:18px;
    background:#eef2ff;
    color:#4f46e5;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:23px;
}

.course-view-action-card:hover > i{
    background:#fff;
    color:#4f46e5;
}

.course-view-action-card h3{
    font-size:18px;
    margin-bottom:7px;
}

.course-view-action-card p{
    color:#64748b;
    line-height:1.45;
    font-size:14px;
}

.course-view-action-card:hover p{
    color:#e0e7ff;
}

/* BRANCH CARDS */

.course-view-branch-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

.course-view-branch-card{
    position:relative;
    background:#fff;
    color:#0f172a;
    border:1px solid #c7d2fe;
    border-radius:26px;
    padding:24px;
    box-shadow:0 18px 38px rgba(15,23,42,.08);
    overflow:hidden;
    transition:.3s;
}

.course-view-branch-card::before{
    content:"";
    position:absolute;
    width:150px;
    height:150px;
    border-radius:50%;
    background:linear-gradient(135deg,#c7d2fe,#ddd6fe);
    opacity:.22;
    right:-60px;
    top:-60px;
}

.course-view-branch-card:hover{
    transform:translateY(-6px);
    border-color:#4f46e5;
    box-shadow:0 25px 55px rgba(15,23,42,.14);
}

.course-view-branch-icon{
    width:58px;
    height:58px;
    border-radius:20px;
    background:linear-gradient(135deg,#4f46e5,#7c3aed);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:25px;
    margin-bottom:16px;
    position:relative;
    z-index:2;
}

.course-view-branch-card h3{
    position:relative;
    z-index:2;
    font-size:20px;
    line-height:1.35;
    margin-bottom:20px;
}

.course-view-branch-footer{
    position:relative;
    z-index:2;
    display:flex;
    justify-content:space-between;
    align-items:center;
    color:#4f46e5;
    font-weight:bold;
}

/* DISTRICT CARDS */

.course-view-district-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.course-view-district-card{
    background:#fff;
    color:#0f172a;
    border:1px solid #c7d2fe;
    border-radius:22px;
    padding:20px;
    display:flex;
    justify-content:space-between;
    gap:12px;
    align-items:center;
    box-shadow:0 14px 30px rgba(15,23,42,.07);
    transition:.3s;
}

.course-view-district-card:hover{
    transform:translateY(-5px);
    border-color:#4f46e5;
    box-shadow:0 22px 45px rgba(15,23,42,.13);
}

.course-view-district-card div{
    display:flex;
    align-items:center;
    gap:12px;
}

.course-view-district-card i{
    width:45px;
    height:45px;
    min-width:45px;
    border-radius:15px;
    background:#eef2ff;
    color:#4f46e5;
    display:flex;
    align-items:center;
    justify-content:center;
}

.course-view-district-card h3{
    font-size:17px;
}

.course-view-district-card span{
    color:#4f46e5;
    font-weight:bold;
    font-size:13px;
    white-space:nowrap;
}

/* FEE CARDS */

.course-view-fee-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

.course-view-fee-card{
    background:#fff;
    border:1px solid #fed7aa;
    border-radius:26px;
    padding:24px;
    box-shadow:0 18px 38px rgba(15,23,42,.08);
    position:relative;
    overflow:hidden;
    transition:.3s;
}

.course-view-fee-card::before{
    content:"";
    position:absolute;
    width:150px;
    height:150px;
    border-radius:50%;
    background:linear-gradient(135deg,#facc15,#fb923c);
    opacity:.18;
    right:-60px;
    top:-60px;
}

.course-view-fee-card:hover{
    transform:translateY(-6px);
    box-shadow:0 25px 55px rgba(15,23,42,.14);
}

.course-view-fee-top{
    display:flex;
    gap:14px;
    align-items:flex-start;
    position:relative;
    z-index:2;
}

.course-view-fee-icon{
    width:56px;
    height:56px;
    min-width:56px;
    border-radius:19px;
    background:linear-gradient(135deg,#f97316,#facc15);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
}

.course-view-fee-top h3{
    font-size:19px;
    margin-bottom:6px;
}

.course-view-fee-top p{
    color:#64748b;
    font-size:14px;
}

.course-view-fee-amount{
    position:relative;
    z-index:2;
    margin:22px 0;
    font-size:34px;
    font-weight:900;
    color:#ea580c;
}

.course-view-fee-meta{
    position:relative;
    z-index:2;
    background:#f8fafc;
    border:1px solid #e2e8f0;
    border-radius:16px;
    padding:13px;
}

.course-view-fee-meta span{
    display:block;
    color:#64748b;
    font-size:12px;
    margin-bottom:5px;
}

.course-view-fee-meta strong{
    color:#0f172a;
}

.course-view-note{
    background:#eef2ff;
    color:#312e81;
    border-color:#c7d2fe;
}

.course-view-note i{
    color:#4f46e5;
}

.course-view-empty i{
    background:#eef2ff;
    color:#4f46e5;
}

.course-view-next-action i{
    background:#eef2ff;
    color:#4f46e5;
}

.course-view-next-action:hover{
    background:#4f46e5;
    box-shadow:0 18px 35px rgba(79,70,229,.25);
}

.course-view-next-action:hover i{
    background:#fff;
    color:#4f46e5;
}

/* COURSE VIEW MOBILE */

@media(max-width:1150px){
    .course-view-stats-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .course-view-action-grid,
    .course-view-branch-grid,
    .course-view-district-grid,
    .course-view-fee-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:700px){
    .course-view-stats-grid,
    .course-view-action-grid,
    .course-view-branch-grid,
    .course-view-district-grid,
    .course-view-fee-grid{
        grid-template-columns:1fr;
    }

    .course-view-stat-card,
    .course-view-action-card{
        align-items:flex-start;
    }

    .course-view-district-card{
        align-items:flex-start;
        flex-direction:column;
    }

    .course-view-district-card span{
        white-space:normal;
    }

    .course-view-fee-amount{
        font-size:30px;
    }
}

/* =====================================================
   COLLEGE SEARCH RICH DESIGN
===================================================== */

.college-back:hover{
    background:#2563eb;
    border-color:#2563eb;
}

.college-hero{
    background:
        linear-gradient(135deg,rgba(15,23,42,.96),rgba(37,99,235,.92)),
        radial-gradient(circle at top right,rgba(96,165,250,.38),transparent 35%);
}

.college-points i{
    color:#93c5fd;
}

.college-big-icon{
    background:linear-gradient(135deg,#2563eb,#0ea5e9);
}

.college-float{
    color:#1e3a8a;
}

.college-float i{
    color:#2563eb;
}

.college-heading span{
    color:#2563eb;
}

.college-heading > i{
    background:#dbeafe;
    color:#2563eb;
}

.college-form select:focus,
.college-form input:focus{
    border-color:#2563eb;
    box-shadow:0 0 0 4px rgba(37,99,235,.12);
}

.college-filter-grid{
    grid-template-columns:1.2fr 1.2fr 1fr 1fr 1fr;
}

.college-btn{
    background:linear-gradient(135deg,#2563eb,#1d4ed8);
    box-shadow:0 14px 30px rgba(37,99,235,.25);
}

.college-btn:hover{
    box-shadow:0 18px 40px rgba(37,99,235,.32);
}

/* RESULT LIST */

.premium-college-list{
    display:flex;
    flex-direction:column;
    gap:16px;
}

.premium-college-card{
    background:#fff;
    color:#0f172a;
    border:1px solid #bfdbfe;
    border-radius:26px;
    padding:22px;
    display:flex;
    align-items:flex-start;
    gap:17px;
    box-shadow:0 16px 35px rgba(15,23,42,.08);
    position:relative;
    overflow:hidden;
    transition:.3s;
}

.premium-college-card::before{
    content:"";
    position:absolute;
    width:160px;
    height:160px;
    border-radius:50%;
    background:linear-gradient(135deg,#93c5fd,#38bdf8);
    opacity:.15;
    right:-65px;
    top:-70px;
}

.premium-college-card:hover{
    transform:translateY(-5px);
    border-color:#2563eb;
    box-shadow:0 25px 55px rgba(15,23,42,.14);
}

.college-result-icon{
    position:relative;
    z-index:2;
    width:62px;
    height:62px;
    min-width:62px;
    border-radius:21px;
    background:linear-gradient(135deg,#2563eb,#0ea5e9);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:27px;
    box-shadow:0 12px 25px rgba(37,99,235,.24);
}

.college-result-content{
    position:relative;
    z-index:2;
    flex:1;
}

.college-result-content h3{
    font-size:21px;
    line-height:1.35;
    margin-bottom:11px;
}

.college-result-tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:12px;
}

.college-result-tags span{
    background:#eff6ff;
    color:#1e40af;
    border:1px solid #bfdbfe;
    padding:7px 11px;
    border-radius:50px;
    font-size:12px;
    font-weight:bold;
    display:inline-flex;
    align-items:center;
    gap:6px;
}

.college-result-tags .college-campus-tag{
    background:#ecfeff;
    color:#155e75;
    border-color:#a5f3fc;
}

.college-result-meta{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:10px;
}

.college-result-meta p{
    background:#f8fafc;
    border:1px solid #e2e8f0;
    border-radius:15px;
    padding:12px;
    color:#475569;
    font-size:14px;
    line-height:1.5;
}

.college-result-meta i{
    color:#2563eb;
    margin-right:6px;
}

.college-result-arrow{
    position:relative;
    z-index:2;
    color:#2563eb;
    margin-top:20px;
    transition:.3s;
}

.premium-college-card:hover .college-result-arrow{
    transform:translateX(5px);
}

.college-note{
    background:#eff6ff;
    color:#1e3a8a;
    border-color:#bfdbfe;
}

.college-note i{
    color:#2563eb;
}

.college-empty i{
    background:#dbeafe;
    color:#2563eb;
}

.college-action i{
    background:#dbeafe;
    color:#2563eb;
}

.college-action:hover{
    background:#2563eb;
    box-shadow:0 18px 35px rgba(37,99,235,.25);
}

.college-action:hover i{
    background:#fff;
    color:#2563eb;
}

/* COLLEGE SEARCH MOBILE */

@media(max-width:1150px){
    .college-filter-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:800px){
    .premium-college-card{
        flex-direction:column;
    }

    .college-result-meta{
        grid-template-columns:1fr;
    }

    .college-result-arrow{
        margin-top:0;
    }
}

@media(max-width:700px){
    .college-filter-grid{
        grid-template-columns:1fr;
    }
}

/* =====================================================
   COLLEGE DETAIL PROFILE RICH DESIGN
===================================================== */

.college-view-back:hover{
    background:#0f766e;
    border-color:#0f766e;
}

.college-view-hero{
    background:
        linear-gradient(135deg,rgba(15,23,42,.96),rgba(15,118,110,.92)),
        radial-gradient(circle at top right,rgba(45,212,191,.38),transparent 35%);
}

.college-view-points i{
    color:#5eead4;
}

.college-view-big-icon{
    background:linear-gradient(135deg,#0f766e,#2563eb);
}

.college-view-float{
    color:#134e4a;
}

.college-view-float i{
    color:#0f766e;
}

.college-view-heading span{
    color:#0f766e;
}

.college-view-heading > i{
    background:#ccfbf1;
    color:#0f766e;
}

/* INFO GRID */

.college-info-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.college-info-card{
    background:#fff;
    border:1px solid #ccfbf1;
    border-radius:24px;
    padding:22px;
    box-shadow:0 16px 35px rgba(15,23,42,.08);
    transition:.3s;
}

.college-info-card:hover{
    transform:translateY(-5px);
    box-shadow:0 24px 55px rgba(15,23,42,.14);
}

.college-info-card i{
    width:54px;
    height:54px;
    border-radius:18px;
    background:linear-gradient(135deg,#0f766e,#2563eb);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:23px;
    margin-bottom:15px;
    box-shadow:0 12px 25px rgba(15,118,110,.24);
}

.college-info-card span{
    display:block;
    color:#64748b;
    font-size:13px;
    font-weight:bold;
    margin-bottom:7px;
}

.college-info-card strong{
    display:block;
    color:#0f172a;
    font-size:17px;
    line-height:1.45;
}

.college-info-card a{
    color:#0f766e;
}

.website-card{
    background:linear-gradient(135deg,#ecfeff,#f0fdfa);
}

/* COURSES */

.college-course-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
}

.college-course-card{
    background:#fff;
    color:#0f172a;
    border:1px solid #ccfbf1;
    border-radius:24px;
    padding:20px;
    display:flex;
    align-items:flex-start;
    gap:15px;
    position:relative;
    overflow:hidden;
    box-shadow:0 16px 35px rgba(15,23,42,.08);
    transition:.3s;
}

.college-course-card::before{
    content:"";
    position:absolute;
    width:150px;
    height:150px;
    border-radius:50%;
    background:linear-gradient(135deg,#5eead4,#93c5fd);
    opacity:.16;
    right:-55px;
    top:-60px;
}

.college-course-card:hover{
    transform:translateY(-5px);
    border-color:#0f766e;
    box-shadow:0 24px 55px rgba(15,23,42,.14);
}

.college-course-icon{
    position:relative;
    z-index:2;
    width:56px;
    height:56px;
    min-width:56px;
    border-radius:19px;
    background:linear-gradient(135deg,#0f766e,#2563eb);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
}

.college-course-card div{
    position:relative;
    z-index:2;
    flex:1;
}

.college-course-card h3{
    font-size:19px;
    line-height:1.35;
    margin-bottom:7px;
}

.college-course-card p{
    color:#64748b;
    line-height:1.5;
    font-size:14px;
}

.college-course-card .course-arrow{
    position:relative;
    z-index:2;
    color:#0f766e;
    margin-top:18px;
    transition:.3s;
}

.college-course-card:hover .course-arrow{
    transform:translateX(5px);
}

/* FEE CARDS */

.college-fee-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
}

.college-fee-card{
    background:#fff;
    border:1px solid #fed7aa;
    border-radius:28px;
    padding:26px;
    box-shadow:0 18px 38px rgba(15,23,42,.08);
    position:relative;
    overflow:hidden;
    transition:.3s;
}

.college-fee-card::before{
    content:"";
    position:absolute;
    width:170px;
    height:170px;
    border-radius:50%;
    background:linear-gradient(135deg,#facc15,#fb923c);
    opacity:.18;
    right:-65px;
    top:-70px;
}

.college-fee-card:hover{
    transform:translateY(-6px);
    box-shadow:0 25px 55px rgba(15,23,42,.14);
}

.college-fee-top{
    display:flex;
    gap:15px;
    align-items:flex-start;
    position:relative;
    z-index:2;
}

.college-fee-icon{
    width:60px;
    height:60px;
    min-width:60px;
    border-radius:20px;
    background:linear-gradient(135deg,#f97316,#facc15);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:25px;
}

.college-fee-top h3{
    font-size:20px;
    margin-bottom:6px;
    line-height:1.35;
}

.college-fee-top p{
    color:#64748b;
    font-size:14px;
}

.college-fee-amount{
    position:relative;
    z-index:2;
    margin:22px 0;
    font-size:38px;
    font-weight:900;
    color:#ea580c;
}

.college-fee-meta{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
}

.college-fee-meta div{
    background:#f8fafc;
    border:1px solid #e2e8f0;
    border-radius:16px;
    padding:13px;
}

.college-fee-meta span{
    display:block;
    color:#64748b;
    font-size:12px;
    margin-bottom:5px;
}

.college-fee-meta strong{
    color:#0f172a;
    font-size:14px;
}

.college-fee-remark{
    position:relative;
    z-index:2;
    margin-top:16px;
    background:#fff7ed;
    color:#7c2d12;
    border:1px solid #fed7aa;
    border-radius:16px;
    padding:14px;
    display:flex;
    gap:9px;
    align-items:flex-start;
    line-height:1.5;
    font-size:14px;
}

.college-fee-remark i{
    color:#f97316;
    margin-top:3px;
}

.college-view-note{
    background:#ecfeff;
    color:#134e4a;
    border-color:#99f6e4;
}

.college-view-note i{
    color:#0f766e;
}

.college-view-empty i{
    background:#ccfbf1;
    color:#0f766e;
}

.college-view-action i{
    background:#ccfbf1;
    color:#0f766e;
}

.college-view-action:hover{
    background:#0f766e;
    box-shadow:0 18px 35px rgba(15,118,110,.25);
}

.college-view-action:hover i{
    background:#fff;
    color:#0f766e;
}

/* COLLEGE VIEW MOBILE */

@media(max-width:1050px){
    .college-info-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .college-course-grid,
    .college-fee-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:700px){
    .college-info-grid{
        grid-template-columns:1fr;
    }

    .college-course-card,
    .college-fee-top{
        flex-direction:column;
    }

    .college-fee-meta{
        grid-template-columns:1fr;
    }

    .college-fee-amount{
        font-size:32px;
    }
}

/* =====================================================
   DISCIPLINE / BRANCH LIST RICH DESIGN
===================================================== */

.discipline-back:hover{
    background:#9333ea;
    border-color:#9333ea;
}

.discipline-hero{
    background:
        linear-gradient(135deg,rgba(88,28,135,.96),rgba(147,51,234,.92)),
        radial-gradient(circle at top right,rgba(216,180,254,.40),transparent 35%);
}

.discipline-points i{
    color:#e9d5ff;
}

.discipline-big-icon{
    background:linear-gradient(135deg,#9333ea,#2563eb);
}

.discipline-float{
    color:#581c87;
}

.discipline-float i{
    color:#9333ea;
}

.discipline-heading span{
    color:#9333ea;
}

.discipline-heading > i{
    background:#f3e8ff;
    color:#9333ea;
}

/* SUMMARY */

.discipline-summary-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
    margin-top:28px;
}

.discipline-summary-card{
    background:rgba(255,255,255,.90);
    backdrop-filter:blur(16px);
    border:1px solid rgba(255,255,255,.85);
    border-radius:24px;
    padding:22px;
    display:flex;
    gap:15px;
    align-items:center;
    box-shadow:0 18px 40px rgba(15,23,42,.09);
    transition:.3s;
}

.discipline-summary-card:hover{
    transform:translateY(-5px);
    box-shadow:0 24px 55px rgba(15,23,42,.14);
}

.discipline-summary-card i{
    width:58px;
    height:58px;
    min-width:58px;
    border-radius:20px;
    background:linear-gradient(135deg,#9333ea,#2563eb);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:25px;
    box-shadow:0 12px 25px rgba(147,51,234,.24);
}

.discipline-summary-card strong{
    display:block;
    font-size:24px;
    color:#0f172a;
    line-height:1.15;
}

.discipline-summary-card span{
    display:block;
    color:#64748b;
    margin-top:6px;
    font-weight:bold;
    font-size:13px;
}

/* BRANCH CARDS */

.premium-discipline-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
}

.premium-discipline-card{
    position:relative;
    background:#fff;
    color:#0f172a;
    border-radius:28px;
    padding:25px;
    border:1px solid #e9d5ff;
    box-shadow:0 18px 38px rgba(15,23,42,.08);
    overflow:hidden;
    transition:.3s;
}

.premium-discipline-card::before{
    content:"";
    position:absolute;
    width:165px;
    height:165px;
    border-radius:50%;
    background:linear-gradient(135deg,#d8b4fe,#93c5fd);
    opacity:.18;
    right:-65px;
    top:-65px;
}

.premium-discipline-card:hover{
    transform:translateY(-7px);
    box-shadow:0 26px 60px rgba(15,23,42,.15);
    border-color:#9333ea;
}

.discipline-card-icon{
    position:relative;
    z-index:2;
    width:62px;
    height:62px;
    border-radius:21px;
    background:linear-gradient(135deg,#9333ea,#2563eb);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:27px;
    margin-bottom:18px;
    box-shadow:0 12px 25px rgba(147,51,234,.24);
}

.premium-discipline-card h3{
    position:relative;
    z-index:2;
    font-size:21px;
    line-height:1.35;
    margin-bottom:20px;
}

.discipline-card-meta{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
}

.discipline-card-meta div{
    background:#f8fafc;
    border:1px solid #e2e8f0;
    border-radius:17px;
    padding:14px;
}

.discipline-card-meta strong{
    display:block;
    color:#9333ea;
    font-size:22px;
    margin-bottom:4px;
}

.discipline-card-meta span{
    color:#64748b;
    font-size:13px;
    font-weight:bold;
}

.discipline-card-footer{
    position:relative;
    z-index:2;
    margin-top:18px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    color:#9333ea;
    font-weight:bold;
}

.premium-discipline-card:hover .discipline-card-footer i{
    transform:translateX(5px);
}

.discipline-card-footer i{
    transition:.3s;
}

.discipline-empty i{
    background:#f3e8ff;
    color:#9333ea;
}

.discipline-action i{
    background:#f3e8ff;
    color:#9333ea;
}

.discipline-action:hover{
    background:#9333ea;
    box-shadow:0 18px 35px rgba(147,51,234,.25);
}

.discipline-action:hover i{
    background:#fff;
    color:#9333ea;
}

/* DISCIPLINE MOBILE */

@media(max-width:1100px){
    .discipline-summary-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .premium-discipline-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:700px){
    .discipline-summary-grid{
        grid-template-columns:1fr;
    }

    .premium-discipline-grid{
        grid-template-columns:1fr;
    }

    .discipline-summary-card{
        align-items:flex-start;
    }

    .discipline-card-meta{
        grid-template-columns:1fr;
    }
}

/* =====================================================
   DISCIPLINE / BRANCH DETAIL RICH DESIGN
===================================================== */

.discipline-view-back:hover{
    background:#6d28d9;
    border-color:#6d28d9;
}

.discipline-view-hero{
    background:
        linear-gradient(135deg,rgba(59,7,100,.96),rgba(109,40,217,.92)),
        radial-gradient(circle at top right,rgba(216,180,254,.42),transparent 35%);
}

.discipline-view-points i{
    color:#e9d5ff;
}

.discipline-view-big-icon{
    background:linear-gradient(135deg,#6d28d9,#2563eb);
}

.discipline-view-float{
    color:#581c87;
}

.discipline-view-float i{
    color:#6d28d9;
}

.discipline-view-heading span{
    color:#6d28d9;
}

.discipline-view-heading > i{
    background:#f3e8ff;
    color:#6d28d9;
}

/* STATS */

.discipline-view-stats-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
    margin-top:28px;
}

.discipline-view-stat-card{
    background:rgba(255,255,255,.90);
    backdrop-filter:blur(16px);
    border:1px solid rgba(255,255,255,.85);
    border-radius:24px;
    padding:24px;
    display:flex;
    align-items:center;
    gap:16px;
    box-shadow:0 18px 40px rgba(15,23,42,.09);
    transition:.3s;
}

.discipline-view-stat-card:hover{
    transform:translateY(-5px);
    box-shadow:0 24px 55px rgba(15,23,42,.14);
}

.discipline-view-stat-card i{
    width:60px;
    height:60px;
    min-width:60px;
    border-radius:20px;
    background:linear-gradient(135deg,#6d28d9,#2563eb);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:26px;
    box-shadow:0 12px 25px rgba(109,40,217,.24);
}

.discipline-view-stat-card strong{
    display:block;
    font-size:32px;
    color:#0f172a;
    line-height:1;
}

.discipline-view-stat-card span{
    display:block;
    color:#64748b;
    margin-top:7px;
    font-weight:bold;
    font-size:14px;
}

/* DISTRICT CARDS */

.discipline-view-district-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.discipline-view-district-card{
    background:#fff;
    color:#0f172a;
    border:1px solid #e9d5ff;
    border-radius:22px;
    padding:20px;
    display:flex;
    justify-content:space-between;
    gap:12px;
    align-items:center;
    box-shadow:0 14px 30px rgba(15,23,42,.07);
    transition:.3s;
}

.discipline-view-district-card:hover{
    transform:translateY(-5px);
    border-color:#6d28d9;
    box-shadow:0 22px 45px rgba(15,23,42,.13);
}

.discipline-view-district-card div{
    display:flex;
    align-items:center;
    gap:12px;
}

.discipline-view-district-card i{
    width:45px;
    height:45px;
    min-width:45px;
    border-radius:15px;
    background:#f3e8ff;
    color:#6d28d9;
    display:flex;
    align-items:center;
    justify-content:center;
}

.discipline-view-district-card h3{
    font-size:17px;
}

.discipline-view-district-card span{
    color:#6d28d9;
    font-weight:bold;
    font-size:13px;
    white-space:nowrap;
}

/* COLLEGE LIST */

.discipline-view-college-list{
    display:flex;
    flex-direction:column;
    gap:16px;
}

.discipline-view-college-card{
    background:#fff;
    color:#0f172a;
    border:1px solid #e9d5ff;
    border-radius:26px;
    padding:22px;
    display:flex;
    align-items:flex-start;
    gap:17px;
    box-shadow:0 16px 35px rgba(15,23,42,.08);
    position:relative;
    overflow:hidden;
    transition:.3s;
}

.discipline-view-college-card::before{
    content:"";
    position:absolute;
    width:160px;
    height:160px;
    border-radius:50%;
    background:linear-gradient(135deg,#d8b4fe,#93c5fd);
    opacity:.16;
    right:-65px;
    top:-70px;
}

.discipline-view-college-card:hover{
    transform:translateY(-5px);
    border-color:#6d28d9;
    box-shadow:0 25px 55px rgba(15,23,42,.14);
}

.discipline-view-college-icon{
    position:relative;
    z-index:2;
    width:62px;
    height:62px;
    min-width:62px;
    border-radius:21px;
    background:linear-gradient(135deg,#6d28d9,#2563eb);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:27px;
    box-shadow:0 12px 25px rgba(109,40,217,.24);
}

.discipline-view-college-content{
    position:relative;
    z-index:2;
    flex:1;
}

.discipline-view-college-content h3{
    font-size:21px;
    line-height:1.35;
    margin-bottom:11px;
}

.discipline-view-tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:12px;
}

.discipline-view-tags span{
    background:#f3e8ff;
    color:#581c87;
    border:1px solid #e9d5ff;
    padding:7px 11px;
    border-radius:50px;
    font-size:12px;
    font-weight:bold;
    display:inline-flex;
    align-items:center;
    gap:6px;
}

.discipline-view-college-content p{
    background:#f8fafc;
    border:1px solid #e2e8f0;
    border-radius:15px;
    padding:12px;
    color:#475569;
    font-size:14px;
    line-height:1.5;
}

.discipline-view-college-content p i{
    color:#6d28d9;
    margin-right:6px;
}

.discipline-view-arrow{
    position:relative;
    z-index:2;
    color:#6d28d9;
    margin-top:20px;
    transition:.3s;
}

.discipline-view-college-card:hover .discipline-view-arrow{
    transform:translateX(5px);
}

/* FEE CARDS */

.discipline-view-fee-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

.discipline-view-fee-card{
    background:#fff;
    border:1px solid #fed7aa;
    border-radius:26px;
    padding:24px;
    box-shadow:0 18px 38px rgba(15,23,42,.08);
    position:relative;
    overflow:hidden;
    transition:.3s;
}

.discipline-view-fee-card::before{
    content:"";
    position:absolute;
    width:150px;
    height:150px;
    border-radius:50%;
    background:linear-gradient(135deg,#facc15,#fb923c);
    opacity:.18;
    right:-60px;
    top:-60px;
}

.discipline-view-fee-card:hover{
    transform:translateY(-6px);
    box-shadow:0 25px 55px rgba(15,23,42,.14);
}

.discipline-view-fee-top{
    display:flex;
    gap:14px;
    align-items:flex-start;
    position:relative;
    z-index:2;
}

.discipline-view-fee-icon{
    width:56px;
    height:56px;
    min-width:56px;
    border-radius:19px;
    background:linear-gradient(135deg,#f97316,#facc15);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
}

.discipline-view-fee-top h3{
    font-size:19px;
    margin-bottom:6px;
}

.discipline-view-fee-top p{
    color:#64748b;
    font-size:14px;
}

.discipline-view-fee-amount{
    position:relative;
    z-index:2;
    margin:22px 0;
    font-size:34px;
    font-weight:900;
    color:#ea580c;
}

.discipline-view-fee-meta{
    position:relative;
    z-index:2;
    background:#f8fafc;
    border:1px solid #e2e8f0;
    border-radius:16px;
    padding:13px;
}

.discipline-view-fee-meta span{
    display:block;
    color:#64748b;
    font-size:12px;
    margin-bottom:5px;
}

.discipline-view-fee-meta strong{
    color:#0f172a;
}

.discipline-view-note{
    background:#f3e8ff;
    color:#581c87;
    border-color:#e9d5ff;
}

.discipline-view-note i{
    color:#6d28d9;
}

.discipline-view-empty i{
    background:#f3e8ff;
    color:#6d28d9;
}

.discipline-view-action i{
    background:#f3e8ff;
    color:#6d28d9;
}

.discipline-view-action:hover{
    background:#6d28d9;
    box-shadow:0 18px 35px rgba(109,40,217,.25);
}

.discipline-view-action:hover i{
    background:#fff;
    color:#6d28d9;
}

/* MOBILE */

@media(max-width:1150px){
    .discipline-view-stats-grid,
    .discipline-view-district-grid,
    .discipline-view-fee-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:800px){
    .discipline-view-stats-grid,
    .discipline-view-district-grid,
    .discipline-view-fee-grid{
        grid-template-columns:1fr;
    }

    .discipline-view-college-card{
        flex-direction:column;
    }

    .discipline-view-arrow{
        margin-top:0;
    }

    .discipline-view-district-card{
        flex-direction:column;
        align-items:flex-start;
    }

    .discipline-view-district-card span{
        white-space:normal;
    }
}

.ad-box {
    width: 100%;
    margin: 22px 0;
    text-align: center;
    overflow: hidden;
}

.ad-box ins {
    min-height: 90px;
}