.elementor-132 .elementor-element.elementor-element-73001ee{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-132 .elementor-element.elementor-element-73001ee:not(.elementor-motion-effects-element-type-background), .elementor-132 .elementor-element.elementor-element-73001ee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-132 .elementor-element.elementor-element-c8b188f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-132 .elementor-element.elementor-element-c8b188f:not(.elementor-motion-effects-element-type-background), .elementor-132 .elementor-element.elementor-element-c8b188f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-132 .elementor-element.elementor-element-d0a8316{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-132 .elementor-element.elementor-element-d0a8316:not(.elementor-motion-effects-element-type-background), .elementor-132 .elementor-element.elementor-element-d0a8316 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-132 .elementor-element.elementor-element-d59c0b9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -50px) 0px;}.elementor-132 .elementor-element.elementor-element-905f132{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-132 .elementor-element.elementor-element-905f132:not(.elementor-motion-effects-element-type-background), .elementor-132 .elementor-element.elementor-element-905f132 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-132 .elementor-element.elementor-element-5d7e84b3{--display:flex;--padding-top:70px;--padding-bottom:120px;--padding-left:24px;--padding-right:24px;}.elementor-132 .elementor-element.elementor-element-5d7e84b3:not(.elementor-motion-effects-element-type-background), .elementor-132 .elementor-element.elementor-element-5d7e84b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00114214;}.elementor-132 .elementor-element.elementor-element-76b158de .exu-pg-heading{color:#002045;font-size:50px;}.elementor-132 .elementor-element.elementor-element-76b158de .exu-pg-divider{background-color:#D4AF37;}.elementor-132 .elementor-element.elementor-element-76b158de .exu-pg-subheading{color:#64748B;}.elementor-132 .elementor-element.elementor-element-76b158de .exu-pg-card{background-color:#ffffff;border-radius:20px;padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-76b158de .exu-pg-card-body{padding:24px 24px 24px 24px;}.elementor-132 .elementor-element.elementor-element-76b158de .exu-pg-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px -8px rgba(0, 32, 69, 0.12);}.elementor-132 .elementor-element.elementor-element-76b158de .exu-pg-card-image{height:200px;min-height:200px;border-radius:20px 20px 0 0;margin:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-76b158de .exu-pg-badge{background-color:#D4AF37;color:#ffffff;border-radius:100px;padding:4px 14px 4px 14px;margin-bottom:12px;}.elementor-132 .elementor-element.elementor-element-76b158de .exu-pg-card-icon{color:#ffffff;font-size:40px;}.elementor-132 .elementor-element.elementor-element-76b158de .exu-pg-card-icon-wrap{background-color:rgba(0, 0, 0, 0);border-radius:16px;}.elementor-132 .elementor-element.elementor-element-76b158de .exu-pg-card-title{color:#002045;margin-bottom:8px;}.elementor-132 .elementor-element.elementor-element-76b158de .exu-pg-card-desc{color:#64748B;margin-bottom:16px;}.elementor-132 .elementor-element.elementor-element-76b158de .exu-pg-spec{background-color:#f1f4f9;color:#475569;border-radius:8px;}.elementor-132 .elementor-element.elementor-element-76b158de .exu-pg-specs{gap:6px;}.elementor-132 .elementor-element.elementor-element-76b158de .exu-pg-grid{column-gap:24px;row-gap:24px;}.elementor-132 .elementor-element.elementor-element-73a6061{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-132 .elementor-element.elementor-element-73a6061:not(.elementor-motion-effects-element-type-background), .elementor-132 .elementor-element.elementor-element-73a6061 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-132 .elementor-element.elementor-element-389e1bc{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-132 .elementor-element.elementor-element-389e1bc:not(.elementor-motion-effects-element-type-background), .elementor-132 .elementor-element.elementor-element-389e1bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-132 .elementor-element.elementor-element-68cb50f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-132 .elementor-element.elementor-element-68cb50f:not(.elementor-motion-effects-element-type-background), .elementor-132 .elementor-element.elementor-element-68cb50f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-132 .elementor-element.elementor-element-5d7e84b3{--padding-top:65px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}.elementor-132 .elementor-element.elementor-element-76b158de .exu-pg-heading{font-size:27px;}}@media(min-width:768px){.elementor-132 .elementor-element.elementor-element-5d7e84b3{--content-width:1200px;}}/* Start Element CSS: html *//* ===========================================================
EXCEL UNIVERSITY
PREMIUM HERO V2
CSS ONLY
=========================================================== */

.excel-premium-hero{
    position:relative;
    min-height:100vh;
    overflow:hidden;
    font-family:'DM Sans',sans-serif;
    display:flex;
    align-items:center;
    background:#081C3A;
}

.excel-premium-hero *{
    box-sizing:border-box;
}

/* ===========================================
BACKGROUND
=========================================== */

.hero-image{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    transform:scale(1.04);
    transition:transform .8s ease;
}

.excel-premium-hero:hover .hero-image{
    transform:scale(1.08);
}

.hero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        100deg,
        rgba(5,16,40,.92) 5%,
        rgba(5,16,40,.72) 45%,
        rgba(5,16,40,.40) 100%
    );
    z-index:1;
}

/* ===========================================
DECORATIVE BLOBS
=========================================== */

.hero-glow{
    position:absolute;
    border-radius:50%;
    filter:blur(80px);
    z-index:1;
}

.hero-glow-one{
    width:500px;
    height:500px;
    right:-180px;
    top:-180px;
    background:rgba(30,58,138,.28);
}

.hero-glow-two{
    width:380px;
    height:380px;
    left:-150px;
    bottom:-150px;
    background:rgba(215,38,56,.18);
}

/* ===========================================
LAYOUT
=========================================== */

.hero-container{

    position:relative;

    z-index:5;

    max-width:1450px;

    width:100%;

    margin:auto;

    display:grid;

    grid-template-columns:1.15fr .85fr;

    gap:70px;

    align-items:center;

    padding:130px 6% 180px;

}

/* ===========================================
LEFT CONTENT
=========================================== */

.hero-left{
    color:#fff;
}

.hero-badge{

    display:inline-flex;

    align-items:center;

    padding:10px 22px;

    border-radius:100px;

    background:rgba(255,255,255,.10);

    border:1px solid rgba(255,255,255,.15);

    backdrop-filter:blur(16px);

    font-size:13px;

    letter-spacing:1px;

    font-weight:700;

    margin-bottom:26px;

}

.hero-left h1{

    margin:0;

    font-size:74px;

    font-weight:800;

    line-height:.95;

    letter-spacing:-2px;

}

.hero-left p{

    max-width:640px;

    margin:30px 0 40px;

    font-size:19px;

    line-height:1.8;

    color:rgba(255,255,255,.92);

}

/* ===========================================
BUTTONS
=========================================== */

.hero-buttons{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

}

.hero-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 36px;

    border-radius:60px;

    font-weight:700;

    text-decoration:none;

    transition:.35s;

}

.hero-primary{

    background:#D72638;

    color:#fff;

    box-shadow:0 20px 40px rgba(215,38,56,.30);

}

.hero-primary:hover{

    transform:translateY(-5px);

    box-shadow:0 30px 60px rgba(215,38,56,.35);

}

.hero-secondary{

    color:#fff;

    background:rgba(255,255,255,.10);

    border:1px solid rgba(255,255,255,.20);

    backdrop-filter:blur(14px);

}

.hero-secondary:hover{

    background:#fff;

    color:#0B2D70;

}

/* ===========================================
RIGHT GLASS CARD
=========================================== */

.hero-glass-card{

    background:rgba(255,255,255,.10);

    backdrop-filter:blur(24px);

    border:1px solid rgba(255,255,255,.16);

    border-radius:30px;

    padding:42px;

    color:#fff;

    box-shadow:
    0 25px 60px rgba(0,0,0,.18);

}

.glass-header span{

    display:block;

    color:#8FD1FF;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

    margin-bottom:12px;

}

.glass-header h3{

    margin:0;

    font-size:34px;

    line-height:1.2;

    font-weight:800;

}

.glass-divider{

    height:1px;

    background:rgba(255,255,255,.18);

    margin:30px 0;

}

.glass-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:22px;

}

.glass-item{

    background:rgba(255,255,255,.06);

    border-radius:18px;

    padding:22px;

}

.glass-item h2{

    margin:0;

    font-size:34px;

    font-weight:800;

}

.glass-item p{

    margin:8px 0 0;

    font-size:14px;

    color:rgba(255,255,255,.88);

    line-height:1.5;

}

/* ===========================================
BOTTOM BAR
=========================================== */

.hero-bottom-bar{

    position:absolute;

    left:50%;

    bottom:0;

    transform:translateX(-50%);

    width:88%;

    max-width:1350px;

    display:grid;

    grid-template-columns:repeat(3,1fr);

    background:#fff;

    border-radius:26px 26px 0 0;

    overflow:hidden;

    box-shadow:0 -5px 35px rgba(0,0,0,.12);

    z-index:6;

}

.bottom-item{

    padding:30px 35px;

    border-right:1px solid #EDF2F7;

}

.bottom-item:last-child{

    border-right:none;

}

.bottom-item strong{

    display:block;

    color:#0B2D70;

    font-size:18px;

    margin-bottom:8px;

}

.bottom-item span{

    color:#64748B;

    font-size:15px;

    line-height:1.6;

}

/* ===========================================
SCROLL
=========================================== */

.hero-scroll{

    position:absolute;

    bottom:145px;

    left:50%;

    transform:translateX(-50%);

    color:#fff;

    display:flex;

    flex-direction:column;

    align-items:center;

    gap:12px;

    z-index:5;

    font-size:13px;

    letter-spacing:1px;

    text-transform:uppercase;

}

.scroll-line{

    width:2px;

    height:55px;

    background:rgba(255,255,255,.65);

    border-radius:10px;

}

/* ===========================================
RESPONSIVE
=========================================== */

@media(max-width:1200px){

.hero-container{

grid-template-columns:1fr;

padding-bottom:240px;

}

.hero-left h1{

font-size:56px;

}

.hero-glass-card{

max-width:700px;

}

.hero-bottom-bar{

grid-template-columns:1fr;

width:92%;

border-radius:24px;

bottom:30px;

}

.bottom-item{

border-right:none;

border-bottom:1px solid #EEF2F7;

}

.bottom-item:last-child{

border-bottom:none;

}

.hero-scroll{

display:none;

}

}

@media(max-width:768px){

.hero-container{

padding:120px 25px 260px;

}

.hero-left h1{

font-size:42px;

letter-spacing:-1px;

}

.hero-left p{

font-size:17px;

margin:24px 0 30px;

}

.hero-buttons{

flex-direction:column;

}

.hero-btn{

width:230px;

}

.hero-glass-card{

padding:28px;

}

.glass-header h3{

font-size:28px;

}

.glass-grid{

grid-template-columns:1fr;

}

}/* End Element CSS */
/* Start Element CSS: html *//* ===========================================================
PRESIDENT'S WELCOME SECTION
CSS ONLY
=========================================================== */

.excel-president-section{

    padding:130px 6%;

    background:#ffffff;

    font-family:'DM Sans',sans-serif;

    position:relative;

    overflow:hidden;

}

.excel-president-section *{

    box-sizing:border-box;

}

.president-container{

    max-width:1450px;

    margin:auto;

    display:grid;

    grid-template-columns:520px 1fr;

    gap:90px;

    align-items:center;

}

/* ===========================================================
LEFT IMAGE
=========================================================== */

.president-image{

    position:relative;

}

.image-frame{

    position:relative;

    border-radius:30px;

    overflow:hidden;

    box-shadow:
    0 35px 70px rgba(15,23,42,.15);

}

.image-frame img{

    display:block;

    width:100%;

    height:720px;

    object-fit:cover;

    transition:.45s;

}

.image-frame:hover img{

    transform:scale(1.04);

}

.image-frame::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(

    to top,

    rgba(11,45,112,.20),

    transparent

    );

    z-index:1;

}

/* Decorative Border */

.image-frame::after{

    content:"";

    position:absolute;

    inset:18px;

    border:1px solid rgba(255,255,255,.35);

    border-radius:18px;

    z-index:2;

}

/* Floating Card */

.experience-card{

    position:absolute;

    right:-35px;

    bottom:40px;

    width:220px;

    background:#0B2D70;

    color:#fff;

    border-radius:24px;

    padding:30px;

    box-shadow:
    0 30px 60px rgba(11,45,112,.28);

}

.experience-card h2{

    margin:0;

    font-size:58px;

    line-height:1;

    font-weight:800;

}

.experience-card span{

    display:block;

    margin-top:10px;

    font-size:15px;

    line-height:1.6;

    opacity:.95;

}

/* ===========================================================
RIGHT CONTENT
=========================================================== */

.section-label{

    display:inline-flex;

    align-items:center;

    padding:10px 20px;

    border-radius:100px;

    background:#EEF4FF;

    color:#0B2D70;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

    margin-bottom:18px;

}

.president-content h2{

    margin:0;

    font-size:56px;

    line-height:1.05;

    font-weight:800;

    color:#0B2D70;

    letter-spacing:-1.5px;

    margin-bottom:30px;

}

.president-content p{

    font-size:18px;

    line-height:1.9;

    color:#5F6C7B;

    margin-bottom:22px;

}

/* Quote */

.president-content blockquote{

    margin:45px 0;

    padding:30px 35px;

    border-left:5px solid #0B2D70;

    background:#F8FBFF;

    border-radius:0 18px 18px 0;

    color:#0B2D70;

    font-size:22px;

    line-height:1.6;

    font-weight:600;

    font-style:normal;

}

/* Footer */

.president-footer{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-top:45px;

    gap:30px;

}

.president-footer h4{

    margin:0;

    font-size:24px;

    color:#0B2D70;

    font-weight:700;

}

.president-footer span{

    display:block;

    margin-top:6px;

    color:#64748B;

    font-size:15px;

}

.president-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 36px;

    background:#D72638;

    color:#fff;

    text-decoration:none;

    border-radius:60px;

    font-weight:700;

    transition:.35s;

    box-shadow:
    0 18px 40px rgba(215,38,56,.25);

}

.president-btn:hover{

    transform:translateY(-5px);

    box-shadow:
    0 25px 55px rgba(215,38,56,.35);

}

/* ===========================================================
RESPONSIVE
=========================================================== */

@media(max-width:1200px){

.president-container{

grid-template-columns:1fr;

gap:70px;

}

.president-image{

max-width:600px;

margin:auto;

}

.experience-card{

right:25px;

bottom:25px;

}

}

@media(max-width:768px){

.excel-president-section{

padding:90px 24px;

}

.president-container{

gap:50px;

}

.image-frame img{

height:520px;

}

.experience-card{

position:relative;

right:auto;

bottom:auto;

margin-top:-45px;

margin-left:auto;

width:210px;

}

.president-content h2{

font-size:38px;

}

.president-content p{

font-size:16px;

line-height:1.8;

}

.president-content blockquote{

font-size:19px;

padding:24px;

}

.president-footer{

flex-direction:column;

align-items:flex-start;

}

.president-btn{

width:220px;

}

}/* End Element CSS */
/* Start Element CSS: html *//* ===========================================================
VISION • MISSION • FOUNDATION
CSS ONLY
=========================================================== */

.excel-foundation{

    padding:120px 6%;

    background:#F8FAFC;

    font-family:'DM Sans',sans-serif;

    position:relative;

    overflow:hidden;

}

.excel-foundation *{

    box-sizing:border-box;

}

.foundation-container{

    max-width:1450px;

    margin:auto;

}

/* ===========================================================
HEADER
=========================================================== */

.foundation-header{

    max-width:820px;

    margin:0 auto 70px;

    text-align:center;

}

.foundation-tag{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:10px 22px;

    background:#EEF4FF;

    color:#0B2D70;

    border-radius:100px;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

    margin-bottom:18px;

}

.foundation-header h2{

    margin:0 0 18px;

    font-size:48px;

    line-height:1.08;

    font-weight:800;

    color:#0B2D70;

    letter-spacing:-1px;

}

.foundation-header p{

    margin:0 auto;

    max-width:720px;

    font-size:18px;

    line-height:1.8;

    color:#64748B;

}

/* ===========================================================
GRID
=========================================================== */

.foundation-grid{

    display:grid;

    grid-template-columns:1fr 1.15fr 1fr;

    gap:32px;

    align-items:stretch;

}

/* ===========================================================
CARD
=========================================================== */

.foundation-card{

    background:#ffffff;

    border:1px solid #E7EDF7;

    border-radius:26px;

    padding:40px;

    position:relative;

    transition:.35s ease;

    box-shadow:

        0 10px 30px rgba(15,23,42,.05),

        0 25px 60px rgba(15,23,42,.06);

}

.foundation-card:hover{

    transform:translateY(-10px);

    border-color:#C8D8F8;

    box-shadow:

        0 20px 45px rgba(15,23,42,.08),

        0 35px 80px rgba(15,23,42,.12);

}

/* ===========================================================
FEATURED CARD
=========================================================== */

.foundation-card.featured{

    background:linear-gradient(135deg,#0B2D70,#184AA9);

    border:none;

    box-shadow:

        0 25px 60px rgba(11,45,112,.20);

}

.foundation-card.featured .foundation-icon{

    background:rgba(255,255,255,.16);

    color:#ffffff;

}

.foundation-card.featured .foundation-label{

    color:#CFE1FF;

}

.foundation-card.featured h3{

    color:#ffffff;

}

.foundation-card.featured p{

    color:rgba(255,255,255,.92);

}

/* ===========================================================
ICON
=========================================================== */

.foundation-icon{

    width:72px;

    height:72px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#EEF4FF;

    color:#0B2D70;

    border-radius:20px;

    font-size:32px;

    margin-bottom:24px;

    box-shadow:

        0 10px 25px rgba(30,58,138,.08);

}

/* ===========================================================
TEXT
=========================================================== */

.foundation-label{

    display:block;

    margin-bottom:14px;

    color:#1E63D8;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

}

.foundation-card h3{

    margin:0 0 18px;

    font-size:28px;

    line-height:1.2;

    color:#0B2D70;

    font-weight:700;

}

.foundation-card p{

    margin:0;

    font-size:16px;

    line-height:1.8;

    color:#64748B;

}

/* ===========================================================
RESPONSIVE
=========================================================== */

@media(max-width:1100px){

.foundation-grid{

grid-template-columns:1fr;

gap:28px;

}

.foundation-card{

padding:34px;

}

}

@media(max-width:768px){

.excel-foundation{

padding:90px 24px;

}

.foundation-header{

margin-bottom:50px;

}

.foundation-header h2{

font-size:36px;

}

.foundation-header p{

font-size:16px;

}

.foundation-card{

padding:30px;

}

.foundation-icon{

width:64px;

height:64px;

font-size:28px;

}

.foundation-card h3{

font-size:24px;

}

.foundation-card p{

font-size:15px;

line-height:1.7;

}

}/* End Element CSS */
/* Start Element CSS: html *//* ===========================================================
WHY CHOOSE EXCEL UNIVERSITY
PART 1
HEADER + GALLERY
=========================================================== */

.excel-why-premium{

    padding:130px 6%;

    background:#F8FAFC;

    font-family:'DM Sans',sans-serif;

    position:relative;

    overflow:hidden;

}

.excel-why-premium *{

    box-sizing:border-box;

}

.why-container{

    max-width:1450px;

    margin:auto;

}

/* ===========================================================
HEADER
=========================================================== */

.why-header{

    max-width:850px;

    margin:0 auto 70px;

    text-align:center;

}

.why-tag{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:10px 22px;

    background:#EEF4FF;

    color:#0B2D70;

    border-radius:100px;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

    margin-bottom:18px;

}

.why-header h2{

    margin:0 0 20px;

    font-size:52px;

    line-height:1.05;

    font-weight:800;

    color:#0B2D70;

    letter-spacing:-1px;

}

.why-header p{

    max-width:760px;

    margin:auto;

    font-size:18px;

    line-height:1.8;

    color:#64748B;

}

/* ===========================================================
IMAGE GALLERY
=========================================================== */

.why-gallery{

    display:grid;

    grid-template-columns:2fr 1fr;

    gap:28px;

    margin-bottom:80px;

}

/* LEFT LARGE IMAGE */

.gallery-large{

    position:relative;

    overflow:hidden;

    border-radius:28px;

    box-shadow:

        0 18px 45px rgba(15,23,42,.08),

        0 35px 80px rgba(15,23,42,.10);

}

.gallery-large img{

    width:100%;

    height:620px;

    object-fit:cover;

    display:block;

    transition:.6s ease;

}

.gallery-large:hover img{

    transform:scale(1.06);

}

.gallery-large::after{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(

        to top,

        rgba(11,45,112,.18),

        transparent 55%

    );

}

/* RIGHT COLUMN */

.gallery-column{

    display:grid;

    grid-template-rows:1fr 1fr;

    gap:28px;

}

/* SMALL IMAGES */

.gallery-small{

    position:relative;

    overflow:hidden;

    border-radius:24px;

    box-shadow:

        0 16px 35px rgba(15,23,42,.07),

        0 30px 65px rgba(15,23,42,.08);

}

.gallery-small img{

    width:100%;

    height:296px;

    object-fit:cover;

    display:block;

    transition:.55s ease;

}

.gallery-small:hover img{

    transform:scale(1.06);

}

.gallery-small::after{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(

        to top,

        rgba(11,45,112,.16),

        transparent 60%

    );

}

/* ===========================================================
RESPONSIVE
=========================================================== */

@media(max-width:1100px){

.why-gallery{

grid-template-columns:1fr;

}

.gallery-column{

grid-template-columns:1fr 1fr;

grid-template-rows:auto;

}

.gallery-large img{

height:520px;

}

.gallery-small img{

height:260px;

}

}

@media(max-width:768px){

.excel-why-premium{

padding:90px 24px;

}

.why-header{

margin-bottom:50px;

}

.why-header h2{

font-size:36px;

line-height:1.15;

}

.why-header p{

font-size:16px;

}

.why-gallery{

gap:20px;

margin-bottom:60px;

}

.gallery-column{

grid-template-columns:1fr;

gap:20px;

}

.gallery-large img{

height:340px;

}

.gallery-small img{

height:240px;

}

}


/* ===========================================================
WHY CHOOSE EXCEL UNIVERSITY
PART 2
FEATURE CARDS
=========================================================== */

.why-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:28px;

    margin-bottom:90px;

}

/* ===========================================================
CARD
=========================================================== */

.why-card{

    position:relative;

    background:#ffffff;

    border:1px solid #E8EEF8;

    border-radius:24px;

    padding:34px;

    overflow:hidden;

    transition:.35s ease;

    box-shadow:

        0 8px 22px rgba(15,23,42,.04),

        0 22px 55px rgba(15,23,42,.06);

}

/* Accent Line */

.why-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:5px;

    background:linear-gradient(

        90deg,

        #0B2D70,

        #1E63D8

    );

    transform:scaleX(0);

    transform-origin:left;

    transition:.35s;

}

/* Hover */

.why-card:hover{

    transform:translateY(-10px);

    border-color:#C8D8F7;

    box-shadow:

        0 18px 35px rgba(15,23,42,.08),

        0 35px 75px rgba(15,23,42,.12);

}

.why-card:hover::before{

    transform:scaleX(1);

}

/* ===========================================================
NUMBER
=========================================================== */

.why-card span{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    width:62px;

    height:62px;

    border-radius:18px;

    background:#EEF4FF;

    color:#0B2D70;

    font-size:22px;

    font-weight:800;

    margin-bottom:24px;

    box-shadow:

        0 10px 25px rgba(30,58,138,.08);

}

/* ===========================================================
TITLE
=========================================================== */

.why-card h3{

    margin:0 0 14px;

    color:#0B2D70;

    font-size:24px;

    line-height:1.3;

    font-weight:700;

}

/* ===========================================================
TEXT
=========================================================== */

.why-card p{

    margin:0;

    font-size:16px;

    line-height:1.8;

    color:#64748B;

}

/* ===========================================================
STAGGERED LAYOUT
=========================================================== */

.why-card:nth-child(2),
.why-card:nth-child(5),
.why-card:nth-child(8),
.why-card:nth-child(11){

    margin-top:24px;

}

.why-card:nth-child(3),
.why-card:nth-child(6),
.why-card:nth-child(9),
.why-card:nth-child(12){

    margin-top:48px;

}

/* ===========================================================
RESPONSIVE
=========================================================== */

@media(max-width:1200px){

.why-grid{

grid-template-columns:repeat(2,1fr);

}

.why-card:nth-child(n){

margin-top:0;

}

}

@media(max-width:768px){

.why-grid{

grid-template-columns:1fr;

gap:22px;

margin-bottom:70px;

}

.why-card{

padding:28px;

}

.why-card span{

width:56px;

height:56px;

font-size:20px;

margin-bottom:20px;

}

.why-card h3{

font-size:22px;

}

.why-card p{

font-size:15px;

line-height:1.7;

}

}

/* ===========================================================
WHY CHOOSE EXCEL UNIVERSITY
PART 3
CTA BANNER + RESPONSIVE
=========================================================== */

.why-banner{

    position:relative;

    overflow:hidden;

    border-radius:32px;

    padding:65px 70px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:60px;

    background:linear-gradient(
        135deg,
        #0B2D70 0%,
        #123B8F 55%,
        #1C56C5 100%
    );

    box-shadow:
        0 25px 60px rgba(11,45,112,.18);

}

/* Decorative Glow */

.why-banner::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    background:rgba(255,255,255,.08);

    top:-220px;

    right:-120px;

    filter:blur(5px);

}

.why-banner::after{

    content:"";

    position:absolute;

    width:260px;

    height:260px;

    border-radius:50%;

    background:rgba(255,255,255,.05);

    bottom:-130px;

    left:-80px;

}

/* ===========================================================
CONTENT
=========================================================== */

.why-banner-content{

    position:relative;

    z-index:2;

    max-width:760px;

}

.why-banner-content h2{

    margin:0 0 18px;

    color:#ffffff;

    font-size:46px;

    line-height:1.08;

    font-weight:800;

    letter-spacing:-1px;

}

.why-banner-content p{

    margin:0;

    color:rgba(255,255,255,.92);

    font-size:18px;

    line-height:1.8;

}

/* ===========================================================
BUTTONS
=========================================================== */

.why-banner-buttons{

    position:relative;

    z-index:2;

    display:flex;

    gap:18px;

    flex-wrap:wrap;

}

.why-banner-buttons a{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-width:210px;

    padding:18px 34px;

    border-radius:60px;

    text-decoration:none;

    font-size:16px;

    font-weight:700;

    transition:.35s ease;

}

/* Primary */

.why-banner-buttons a:first-child{

    background:#D72638;

    color:#ffffff;

    box-shadow:
        0 18px 35px rgba(215,38,56,.30);

}

.why-banner-buttons a:first-child:hover{

    transform:translateY(-5px);

    box-shadow:
        0 25px 50px rgba(215,38,56,.40);

}

/* Outline */

.why-banner-buttons .outline{

    background:rgba(255,255,255,.10);

    color:#ffffff;

    border:1.5px solid rgba(255,255,255,.30);

    backdrop-filter:blur(18px);

}

.why-banner-buttons .outline:hover{

    background:#ffffff;

    color:#0B2D70;

}

/* ===========================================================
RESPONSIVE
=========================================================== */

@media(max-width:1200px){

.why-banner{

flex-direction:column;

align-items:flex-start;

padding:55px;

gap:35px;

}

.why-banner-content{

max-width:100%;

}

}

@media(max-width:768px){

.why-banner{

padding:40px 28px;

border-radius:24px;

gap:28px;

}

.why-banner-content h2{

font-size:32px;

line-height:1.15;

}

.why-banner-content p{

font-size:16px;

line-height:1.7;

}

.why-banner-buttons{

width:100%;

flex-direction:column;

}

.why-banner-buttons a{

width:100%;

min-width:100%;

padding:16px 24px;

font-size:15px;

}

}/* End Element CSS */
/* Start Element CSS: html *//* ===========================================================
ABOUT US HERO
PART 2 — CSS ONLY
=========================================================== */

.excel-about-hero{

    position:relative;
    min-height:100vh;
    overflow:hidden;
    font-family:'DM Sans',sans-serif;
    display:flex;
    align-items:center;

}

.excel-about-hero *{

    box-sizing:border-box;

}

/* ===========================================================
BACKGROUND
=========================================================== */

.hero-bg{

    position:absolute;
    inset:0;

    width:100%;
    height:100%;

    object-fit:cover;

    transform:scale(1.03);

}

.hero-overlay{

    position:absolute;
    inset:0;

    background:
    linear-gradient(
        90deg,
        rgba(5,22,58,.90) 0%,
        rgba(5,22,58,.70) 42%,
        rgba(5,22,58,.35) 100%
    );

    z-index:1;

}

/* ===========================================================
ACCENT
=========================================================== */

.hero-accent{

    position:absolute;

    right:-220px;
    top:-220px;

    width:520px;
    height:520px;

    background:radial-gradient(circle,#D72638 0%,transparent 70%);

    opacity:.15;

    filter:blur(40px);

    z-index:1;

}

/* ===========================================================
LAYOUT
=========================================================== */

.hero-container{

    position:relative;

    z-index:3;

    max-width:1450px;

    margin:auto;

    width:100%;

    display:grid;

    grid-template-columns:1.2fr .8fr;

    gap:70px;

    align-items:center;

    padding:140px 6% 120px;

}

/* ===========================================================
CONTENT
=========================================================== */

.hero-content{

    color:#fff;

}

.hero-label{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    border-radius:100px;

    background:rgba(255,255,255,.12);

    backdrop-filter:blur(14px);

    border:1px solid rgba(255,255,255,.15);

    font-size:13px;

    letter-spacing:1px;

    font-weight:700;

    margin-bottom:24px;

}

.hero-content h1{

    margin:0;

    font-size:72px;

    line-height:.98;

    font-weight:800;

    letter-spacing:-2px;

}

.hero-content p{

    max-width:650px;

    margin:30px 0 40px;

    font-size:19px;

    line-height:1.8;

    color:rgba(255,255,255,.92);

}

/* ===========================================================
BUTTONS
=========================================================== */

.hero-buttons{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

}

.hero-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    font-weight:700;

    padding:18px 36px;

    border-radius:60px;

    transition:.35s;

}

.hero-btn.primary{

    background:#D72638;

    color:#fff;

    box-shadow:0 20px 40px rgba(215,38,56,.35);

}

.hero-btn.primary:hover{

    transform:translateY(-4px);

}

.hero-btn.secondary{

    background:rgba(255,255,255,.10);

    border:1px solid rgba(255,255,255,.25);

    backdrop-filter:blur(12px);

    color:#fff;

}

.hero-btn.secondary:hover{

    background:#fff;

    color:#0B2D70;

}

/* ===========================================================
RIGHT CARD
=========================================================== */

.hero-card{

    background:rgba(255,255,255,.12);

    backdrop-filter:blur(20px);

    border:1px solid rgba(255,255,255,.18);

    border-radius:28px;

    padding:40px;

    color:#fff;

    box-shadow:

    0 25px 60px rgba(0,0,0,.18);

}

.hero-card-header span{

    display:block;

    color:#8FD1FF;

    font-size:15px;

    margin-bottom:12px;

    font-weight:700;

}

.hero-card-header h3{

    margin:0 0 35px;

    font-size:34px;

    line-height:1.15;

    font-weight:800;

}

.hero-stats{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:24px;

}

.hero-stat{

    padding:20px;

    border-radius:18px;

    background:rgba(255,255,255,.06);

}

.hero-stat h2{

    margin:0;

    font-size:34px;

    font-weight:800;

}

.hero-stat span{

    display:block;

    margin-top:8px;

    font-size:15px;

    line-height:1.5;

    color:rgba(255,255,255,.90);

}

/* ===========================================================
SCROLL INDICATOR
=========================================================== */

.scroll-indicator{

    position:absolute;

    bottom:35px;

    left:50%;

    transform:translateX(-50%);

    z-index:5;

    display:flex;

    flex-direction:column;

    align-items:center;

    gap:12px;

    color:#fff;

    font-size:13px;

    letter-spacing:1px;

    text-transform:uppercase;

}

.scroll-line{

    width:2px;

    height:55px;

    background:rgba(255,255,255,.65);

    border-radius:10px;

}

/* ===========================================================
RESPONSIVE
=========================================================== */

@media(max-width:1200px){

.hero-container{

grid-template-columns:1fr;

padding-top:120px;

}

.hero-card{

max-width:650px;

}

}

@media(max-width:768px){

.hero-container{

padding:120px 25px 80px;

}

.hero-content h1{

font-size:46px;

letter-spacing:-1px;

}

.hero-content p{

font-size:17px;

margin:24px 0 30px;

}

.hero-buttons{

flex-direction:column;

}

.hero-btn{

width:230px;

}

.hero-card{

padding:30px;

}

.hero-card-header h3{

font-size:28px;

}

.hero-stats{

grid-template-columns:1fr;

}

.scroll-indicator{

display:none;

}

}/* End Element CSS */