@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&display=swap');

:root{
    --primary:#2563eb;
    --primary-dark:#1d4ed8;
    --primary-soft:#eff6ff;
    --accent:#0ea5e9;
    --dark:#0f172a;
    --muted:#64748b;
    --line:#e2e8f0;
    --bg:#f8fafc;
    --white:#ffffff;
    --shadow:0 22px 55px rgba(15,23,42,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    font-family:'Cairo',Arial,sans-serif;
    background:var(--bg);
    color:var(--dark);
    line-height:1.8;
}
a{text-decoration:none;color:inherit}
.container{width:min(1180px,92%);margin:auto}

.topbar{
    background:rgba(255,255,255,.92);
    backdrop-filter:blur(14px);
    border-bottom:1px solid var(--line);
    position:sticky;
    top:0;
    z-index:20;
}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{font-size:24px;font-weight:900;display:flex;align-items:center;gap:12px;color:#172033}
.logo{
    width:46px;height:46px;border-radius:16px;
    background:linear-gradient(135deg,var(--primary),var(--accent));
    color:#fff;display:grid;place-items:center;font-weight:900;
    box-shadow:0 12px 25px rgba(37,99,235,.25);
}
nav{display:flex;align-items:center;gap:24px}
nav a{font-weight:800;color:#334155}
nav a:hover{color:var(--primary)}
.nav-cta,.btn{
    border-radius:16px;
    padding:12px 22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-weight:900;
    border:0;
    cursor:pointer;
    font-family:inherit;
}
.nav-cta,.primary{
    background:linear-gradient(135deg,var(--primary),var(--accent));
    color:#fff!important;
    box-shadow:0 14px 30px rgba(37,99,235,.24);
}
.secondary{
    background:#fff;
    color:var(--primary);
    border:1px solid #bfdbfe;
}
.menu-btn{display:none;border:0;background:var(--primary-soft);border-radius:14px;padding:9px 13px;font-size:22px;color:var(--primary)}

.hero{
    padding:82px 0;
    background:
      radial-gradient(circle at 15% 10%, #dbeafe 0, transparent 28%),
      radial-gradient(circle at 85% 0%, #e0f2fe 0, transparent 28%),
      linear-gradient(180deg,#fff,#f8fafc);
}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center}
.badge{
    background:var(--primary-soft);
    color:var(--primary-dark);
    padding:8px 16px;
    border-radius:999px;
    font-weight:900;
    border:1px solid #bfdbfe;
}
.hero h1{font-size:54px;line-height:1.25;margin:20px 0 12px;color:#0f172a}
.hero p{font-size:19px;color:var(--muted)}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}
.phone-strip{display:flex;gap:12px;flex-wrap:wrap}
.phone-strip a{
    background:#fff;
    border:1px solid var(--line);
    border-radius:16px;
    padding:10px 16px;
    font-weight:900;
    color:var(--primary);
    box-shadow:0 8px 20px rgba(15,23,42,.05);
}
.hero-card,.card,.content-box,.form-card,.cta-box,.admission-box{
    background:#fff;
    border:1px solid var(--line);
    border-radius:30px;
    box-shadow:var(--shadow);
}
.hero-card{padding:32px}
.hero-card h2{margin-top:0}
.hero-card li{margin:10px 0}

.slider{padding:38px 0;background:#fff}
.slider-wrap{
    position:relative;
    overflow:hidden;
    border-radius:32px;
    box-shadow:var(--shadow);
    background:#fff;
    border:1px solid var(--line);
}
.slide{
    display:none;
    min-height:330px;
    padding:52px;
    color:#fff;
    background:
      linear-gradient(135deg,rgba(37,99,235,.96),rgba(14,165,233,.92)),
      radial-gradient(circle at top left,#fff6,transparent 35%);
}
.slide.active{display:block}
.slide h2{font-size:40px;margin:0 0 12px}
.slide p{font-size:19px;max-width:760px}
.slider-dots{position:absolute;bottom:18px;right:30px;display:flex;gap:8px}
.slider-dots button{width:12px;height:12px;border-radius:50%;border:0;background:#ffffff66;cursor:pointer}
.slider-dots button.active{background:#fff}

.section{padding:74px 0}
.section-head{text-align:center;margin-bottom:34px}
.section-head span{color:var(--primary);font-weight:900}
.section-head h2{font-size:36px;margin:6px 0;color:#0f172a}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{padding:26px;transition:.25s}
.card:hover{transform:translateY(-6px);box-shadow:0 28px 70px rgba(37,99,235,.13)}
.card-img,.icon{
    height:150px;
    border-radius:24px;
    background:linear-gradient(135deg,#eff6ff,#e0f2fe);
    color:var(--primary);
    display:grid;
    place-items:center;
    font-size:56px;
    margin-bottom:16px;
}
.icon{width:62px;height:62px;font-size:28px;margin:0}
.icon.big{width:84px;height:84px;font-size:36px}
.card h3{font-size:22px;margin:18px 0 8px}
.card p{color:var(--muted)}
.card a{color:var(--primary);font-weight:900}

.cta{padding:0 0 74px}
.cta-box{
    text-align:center;
    padding:40px;
    background:linear-gradient(135deg,var(--primary),var(--accent));
    color:#fff;
}
.page-title{
    padding:68px 0;
    background:linear-gradient(135deg,var(--primary),var(--accent));
    color:#fff;
}
.page-title h1{font-size:44px;margin:0 0 10px}
.page-title p{font-size:18px;margin:0;color:#eef6ff}

.content-box{padding:36px}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}

.form-card,.admission-box{
    padding:34px;
}
.form-card input,.form-card textarea,
.admission-box input,.admission-box textarea,.admission-box select{
    width:100%;
    border:1px solid #cbd5e1;
    border-radius:16px;
    padding:14px 16px;
    font-family:inherit;
    font-size:16px;
    background:#fff;
    outline:none;
}
.form-card input:focus,.form-card textarea:focus,
.admission-box input:focus,.admission-box textarea:focus,.admission-box select:focus{
    border-color:var(--primary);
    box-shadow:0 0 0 4px rgba(37,99,235,.12);
}
.form-card label,.admission-box label{
    display:block;
    font-weight:900;
    color:#334155;
    margin-bottom:7px;
}
.form-card{display:flex;flex-direction:column;gap:10px}
.admission-box{
    background:linear-gradient(180deg,#fff,#f8fbff);
    max-width:860px;
    margin:auto;
}
.admission-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}
.admission-grid .full{grid-column:1/-1}
.alert{
    background:#dcfce7;
    color:#166534;
    border:1px solid #bbf7d0;
    border-radius:14px;
    padding:12px 14px;
    font-weight:800;
    margin-bottom:16px;
}
.footer{background:#0f172a;color:#cbd5e1;padding-top:52px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}
.footer h3,.footer h4{color:#fff}
.footer a{display:block;margin:8px 0}
.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.1);padding:16px;margin-top:28px}

@media(max-width:900px){
    .menu-btn{display:block}
    nav{
        display:none;
        position:absolute;
        top:82px;
        right:4%;
        left:4%;
        background:#fff;
        border:1px solid var(--line);
        border-radius:22px;
        box-shadow:var(--shadow);
        padding:18px;
        flex-direction:column;
        align-items:stretch;
    }
    nav.open{display:flex}
    .hero-grid,.contact-grid,.footer-grid{grid-template-columns:1fr}
    .hero h1{font-size:38px}
    .cards{grid-template-columns:1fr}
    .admission-grid{grid-template-columns:1fr}
    .admission-grid .full{grid-column:auto}
    .page-title h1{font-size:34px}
    .slide{padding:32px;min-height:270px}
    .slide h2{font-size:30px}
}


/* v1.2.0 */
.whatsapp-widget{position:fixed;left:24px;bottom:24px;z-index:60}
.whatsapp-float{
    position:relative;
        background:#22c55e;
    color:#fff!important;
    padding:14px 20px;
    border-radius:999px;
    font-weight:900;
    box-shadow:0 18px 38px rgba(34,197,94,.34);
}
.trust-strip{
    padding:22px 0;
    background:#fff;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
}
.trust-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
}
.trust-item{
    background:#f8fbff;
    border:1px solid #dbeafe;
    border-radius:22px;
    padding:18px;
    text-align:center;
    font-weight:900;
    color:#1e3a8a;
}
.testimonials{
    padding:74px 0;
    background:#fff;
}
.quote-card{
    background:#f8fafc;
    border:1px solid var(--line);
    border-radius:26px;
    padding:25px;
    box-shadow:var(--shadow);
}
.quote-card p{color:#475569}
.status-badge{
    display:inline-flex;
    border-radius:999px;
    padding:5px 12px;
    font-weight:900;
    background:#eff6ff;
    color:#1d4ed8;
}
.status-new{background:#eff6ff;color:#1d4ed8}
.status-contacted{background:#fef3c7;color:#92400e}
.status-registered{background:#dcfce7;color:#166534}
.status-rejected{background:#fee2e2;color:#991b1b}
.filter-box{
    display:grid;
    grid-template-columns:1fr 220px auto;
    gap:12px;
    align-items:end;
}
.section-split{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:26px;
    align-items:center;
}
.feature-list{
    display:grid;
    gap:12px;
}
.feature-list div{
    background:#fff;
    border:1px solid var(--line);
    border-radius:18px;
    padding:14px 16px;
    font-weight:800;
}
@media(max-width:900px){
    .trust-grid,.section-split{grid-template-columns:1fr}
    .filter-box{grid-template-columns:1fr}
    .whatsapp-float{left:14px;bottom:14px}
}


/* v1.2.1 */
.whatsapp-widget{direction:rtl}
.whatsapp-float{
    border:0;
    font-family:inherit;
}
.whatsapp-menu{
    position:absolute;
    left:0;
    bottom:64px;
    width:260px;
    background:#fff;
    border:1px solid var(--line);
    border-radius:22px;
    box-shadow:0 24px 60px rgba(15,23,42,.16);
    padding:14px;
    display:none;
}
.whatsapp-menu.open{display:block}
.whatsapp-menu strong{
    display:block;
    color:#0f172a;
    margin:4px 6px 10px;
    font-size:15px;
}
.whatsapp-menu a{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    padding:12px;
    border-radius:16px;
    color:#0f172a;
    font-weight:900;
    border:1px solid transparent;
}
.whatsapp-menu a:hover{
    background:#f0fdf4;
    border-color:#bbf7d0;
}
.whatsapp-menu small{
    color:#22c55e;
    font-weight:900;
}
.slider{
    padding:28px 0 0;
    background:linear-gradient(180deg,#fff,#f8fafc);
}
@media(max-width:900px){
    .whatsapp-widget{left:14px;bottom:14px}
    .whatsapp-menu{width:245px}
}


/* v1.2.2 - Guaranteed top hero slider */
.top-slider{
    padding:26px 0 0;
    background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);
}
.hero-slider{
    min-height:430px;
}
.hero-slider .slide{
    min-height:430px;
    padding:64px;
    background:
      linear-gradient(135deg,rgba(37,99,235,.96),rgba(14,165,233,.92)),
      radial-gradient(circle at 12% 20%,rgba(255,255,255,.36),transparent 28%),
      radial-gradient(circle at 88% 12%,rgba(255,255,255,.22),transparent 30%);
}
.slide-content{
    max-width:820px;
}
.badge.light{
    background:rgba(255,255,255,.18);
    color:#fff;
    border:1px solid rgba(255,255,255,.35);
}
.slide-btn{
    background:#fff;
    color:#1d4ed8!important;
    margin-top:12px;
}
.after-slider{
    padding-top:54px;
}
@media(max-width:900px){
    .hero-slider,.hero-slider .slide{min-height:340px}
    .hero-slider .slide{padding:36px 26px}
}


/* v1.2.3 - MIT logo and mobile menu */
.logo{
    font-size:14px;
    letter-spacing:.5px;
    direction:ltr;
}
.menu-btn{
    width:46px;
    height:42px;
    display:none;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
}
.menu-btn span{
    width:22px;
    height:3px;
    background:var(--primary);
    border-radius:99px;
    display:block;
    transition:.25s;
}
.menu-btn.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.menu-btn.active span:nth-child(2){opacity:0}
.menu-btn.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
@media(max-width:900px){
    .menu-btn{display:flex}
    nav{
        top:88px;
        right:3%;
        left:3%;
        padding:14px;
        gap:6px;
    }
    nav a{
        background:#f8fbff;
        border:1px solid #e2e8f0;
        border-radius:16px;
        padding:12px 14px;
        color:#0f172a;
    }
    nav a:hover{
        background:#eff6ff;
        color:var(--primary);
    }
    nav .nav-cta{
        text-align:center;
        justify-content:center;
        margin-top:6px;
    }
    .brand{font-size:20px}
    .logo{width:50px}
}


/* v1.2.4 site sidebar */
.site-sidebar{
    position:fixed;
    top:0;
    right:-300px;
    width:280px;
    height:100%;
    background:#fff;
    z-index:999;
    padding:20px;
    box-shadow:-10px 0 40px rgba(0,0,0,.15);
    transition:.3s;
}
.site-sidebar.open{right:0}
.site-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.4);
    display:none;
    z-index:998;
}
.site-overlay.open{display:block}


/* v1.3.0 image based UI */
.dept-photo{
    height:180px;
    border-radius:24px;
    overflow:hidden;
    margin-bottom:16px;
    background:linear-gradient(135deg,#eff6ff,#dbeafe);
}
.dept-photo img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.slide.has-image{
    background-size:cover!important;
    background-position:center!important;
    position:relative;
}
.slide.has-image::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(15,23,42,.70),rgba(37,99,235,.45));
}
.slide.has-image .slide-content{
    position:relative;
    z-index:2;
}
.admin-thumb{
    width:90px;
    height:56px;
    border-radius:12px;
    object-fit:cover;
    background:#eff6ff;
}


/* FIX mobile nav conflict */
@media(max-width:900px){
    nav{
        display:none!important;
    }
}


/* v1.3.2 - ROOT FIX public mobile sidebar */
body.drawer-open{overflow:hidden}
.desktop-nav{display:flex}
.site-drawer,
.site-sidebar,
.site-overlay{display:none!important}

.site-drawer-overlay{
    position:fixed;
    inset:0;
    background:rgba(15,23,42,.52);
    opacity:0;
    visibility:hidden;
    transition:.25s ease;
    z-index:998;
}
.site-drawer-overlay.open{
    opacity:1;
    visibility:visible;
}
.site-drawer{
    display:block!important;
    position:fixed;
    top:0;
    right:-330px;
    width:min(320px,86vw);
    height:100vh;
    background:#fff;
    z-index:999;
    padding:18px;
    box-shadow:-18px 0 55px rgba(15,23,42,.18);
    transition:right .28s ease;
    overflow-y:auto;
    border-radius:28px 0 0 28px;
}
.site-drawer.open{right:0}
.site-drawer-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding-bottom:16px;
    margin-bottom:12px;
    border-bottom:1px solid var(--line);
}
.drawer-close{
    width:42px;
    height:42px;
    border:0;
    background:#eff6ff;
    color:#1d4ed8;
    border-radius:14px;
    font-size:28px;
    line-height:1;
    cursor:pointer;
}
.site-drawer a{
    display:flex;
    align-items:center;
    padding:14px 15px;
    margin:8px 0;
    border-radius:16px;
    background:#f8fbff;
    color:#0f172a;
    font-weight:900;
    border:1px solid #e2e8f0;
}
.site-drawer a:hover{
    background:#eff6ff;
    color:#2563eb;
}
.site-drawer .drawer-cta{
    background:linear-gradient(135deg,#2563eb,#0ea5e9);
    color:#fff!important;
    justify-content:center;
    box-shadow:0 12px 26px rgba(37,99,235,.20);
}
@media(max-width:900px){
    .desktop-nav{display:none!important}
    .menu-btn{display:flex!important}
}
@media(min-width:901px){
    .menu-btn{display:none!important}
    .site-drawer-overlay,
    .site-drawer{display:none!important}
}


/* mit v1.4.1 - full responsive polish */
:root{
    --container:1180px;
}
html{
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
}
body{
    overflow-x:hidden;
}
.container{
    width:min(var(--container), calc(100% - 32px));
}
img,video,iframe{
    max-width:100%;
}
button,input,select,textarea{
    font:inherit;
}
.topbar{
    min-height:74px;
}
.nav{
    min-height:74px;
    height:auto;
    padding:10px 0;
}
.brand{
    min-width:0;
}
.brand span:last-child{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.logo{
    flex:0 0 auto;
}
.hero{
    padding:clamp(42px,7vw,82px) 0;
}
.hero-grid{
    gap:clamp(20px,4vw,38px);
}
.hero h1{
    font-size:clamp(32px,5.2vw,56px);
}
.hero p,.slide p{
    font-size:clamp(16px,2.2vw,19px);
}
.hero-card{
    height:100%;
}
.hero-actions,.phone-strip{
    align-items:center;
}
.top-slider{
    padding-top:18px;
}
.hero-slider,.hero-slider .slide{
    min-height:clamp(300px,45vw,460px);
}
.hero-slider .slide{
    padding:clamp(28px,6vw,66px);
}
.slide h2{
    font-size:clamp(28px,4.8vw,44px);
}
.section{
    padding:clamp(46px,7vw,76px) 0;
}
.section-head h2{
    font-size:clamp(27px,4vw,38px);
}
.cards{
    grid-template-columns:repeat(auto-fit,minmax(245px,1fr));
}
.card{
    min-width:0;
}
.card h3{
    line-height:1.45;
}
.dept-photo,.card-img{
    height:clamp(132px,22vw,185px);
}
.contact-grid,.section-split{
    gap:clamp(18px,4vw,28px);
}
.form-card,.admission-box,.content-box{
    padding:clamp(22px,4vw,36px);
}
.admission-grid{
    align-items:start;
}
input,textarea,select{
    min-height:48px;
}
textarea{
    resize:vertical;
}
.footer-grid{
    gap:24px;
}
.whatsapp-widget{
    max-width:calc(100vw - 28px);
}
.whatsapp-menu{
    max-width:calc(100vw - 28px);
}

/* table/mobile utility */
.table-responsive{
    width:100%;
    overflow-x:auto;
}

/* browser-safe effects */
@supports not (backdrop-filter: blur(10px)){
    .topbar,.admin-header{
        background:#fff!important;
    }
}

@media(max-width:1100px){
    .hero-grid{
        grid-template-columns:1fr;
    }
    .hero-card{
        max-width:760px;
    }
}
@media(max-width:900px){
    .container{
        width:calc(100% - 26px);
    }
    .nav{
        min-height:68px;
    }
    .brand{
        font-size:18px;
    }
    .brand span:last-child{
        max-width:190px;
    }
    .hero{
        text-align:right;
    }
    .hero-actions .btn{
        flex:1 1 180px;
    }
    .phone-strip a{
        flex:1 1 160px;
        justify-content:center;
    }
    .trust-grid{
        grid-template-columns:1fr 1fr;
    }
    .footer-grid{
        grid-template-columns:1fr;
    }
    .site-drawer{
        border-radius:24px 0 0 24px;
    }
}
@media(max-width:560px){
    .container{
        width:calc(100% - 22px);
    }
    .brand span:last-child{
        max-width:150px;
    }
    .logo{
        width:44px;
        height:40px;
        font-size:12px;
    }
    .hero-actions{
        flex-direction:column;
    }
    .hero-actions .btn{
        width:100%;
    }
    .phone-strip{
        flex-direction:column;
    }
    .phone-strip a{
        width:100%;
    }
    .trust-grid{
        grid-template-columns:1fr;
    }
    .cta-box{
        padding:28px 18px;
    }
    .page-title{
        padding:44px 0;
    }
    .page-title h1{
        font-size:30px;
    }
    .site-drawer{
        width:min(300px,90vw);
    }
    .whatsapp-widget{
        left:12px;
        bottom:12px;
    }
    .whatsapp-float{
        padding:12px 16px;
    }
}
@media(min-width:1400px){
    :root{
        --container:1240px;
    }
}


/* mit v1.4.2 - clean minimal responsive design */
body{
    background:#f7f9fc;
}
.topbar{
    box-shadow:none;
}
.nav{
    max-height:none;
}
.top-slider{
    padding:18px 0 0!important;
}
.hero-slider,
.hero-slider .slide{
    min-height:260px!important;
}
.hero-slider .slide{
    padding:34px 28px!important;
}
.slide h2{
    font-size:clamp(26px,5vw,40px)!important;
    margin-bottom:8px!important;
}
.slide p{
    margin:0 0 18px!important;
    max-width:720px;
}
.simple-hero{
    padding:42px 0!important;
    background:#f7f9fc!important;
}
.hero h1{
    font-size:clamp(30px,5vw,46px)!important;
    margin:0 0 12px!important;
}
.hero p{
    margin:0!important;
}
.clean-card ul{
    margin:0;
    padding-right:22px;
}
.clean-card li{
    margin:8px 0!important;
}
.section{
    padding:46px 0!important;
}
.section-head{
    margin-bottom:22px!important;
}
.section-head h2{
    font-size:clamp(26px,4vw,34px)!important;
    margin:4px 0!important;
}
.cards{
    gap:18px!important;
}
.card{
    padding:20px!important;
    border-radius:22px!important;
    box-shadow:0 12px 32px rgba(15,23,42,.06)!important;
}
.card h3{
    margin:12px 0 6px!important;
}
.card p{
    margin:0 0 12px!important;
}
.dept-photo,
.card-img{
    height:135px!important;
    margin-bottom:12px!important;
    border-radius:18px!important;
}
.card-img{
    font-size:42px!important;
}
.cta{
    padding:0 0 46px!important;
}
.cta-box{
    padding:28px!important;
    border-radius:24px!important;
}
.cta-box h2{
    margin:0 0 8px!important;
}
.cta-box p{
    margin:0 0 16px!important;
}
.hero-card,
.content-box,
.form-card,
.admission-box,
.card,
.cta-box{
    border-color:#e5edf7!important;
}
.whatsapp-widget{
    transform:scale(.88);
    transform-origin:left bottom;
}
.whatsapp-menu{
    bottom:58px!important;
}
.footer{
    padding-top:34px!important;
}
.footer-grid{
    gap:18px!important;
}

/* remove excessive visual height on mobile */
@media(max-width:900px){
    .top-slider{
        padding-top:12px!important;
    }
    .hero-slider,
    .hero-slider .slide{
        min-height:220px!important;
    }
    .hero-slider .slide{
        padding:26px 22px!important;
    }
    .hero-grid{
        gap:16px!important;
    }
    .simple-hero{
        padding:30px 0!important;
    }
    .hero-card{
        padding:22px!important;
        border-radius:22px!important;
    }
    .section{
        padding:34px 0!important;
    }
    .cards{
        grid-template-columns:1fr!important;
    }
    .card{
        padding:18px!important;
    }
    .dept-photo,
    .card-img{
        height:120px!important;
    }
    .cta-box{
        padding:24px 18px!important;
    }
}
@media(max-width:560px){
    .hero-slider,
    .hero-slider .slide{
        min-height:200px!important;
    }
    .slide h2{
        font-size:26px!important;
    }
    .slide p{
        font-size:15px!important;
    }
    .hero h1{
        font-size:30px!important;
    }
    .hero p{
        font-size:16px!important;
    }
    .section-head{
        text-align:center!important;
    }
    .whatsapp-widget{
        transform:scale(.82);
    }
}


/* mit v1.5.0 final clean UI */
.site-logo-img{
    width:52px;
    height:52px;
    object-fit:contain;
    border-radius:14px;
}
.top-slider{
    padding:18px 0 0!important;
}
.hero-slider{
    border-radius:26px!important;
    overflow:hidden;
    min-height:320px!important;
}
.hero-slider .slide{
    min-height:320px!important;
    padding:46px!important;
    display:none;
    align-items:center;
    background:linear-gradient(135deg,#1d4ed8,#0ea5e9)!important;
}
.hero-slider .slide.active{
    display:flex!important;
}
.hero-slider .slide.has-image{
    background-size:cover!important;
    background-position:center!important;
}
.hero-slider .slide.has-image:before{
    background:linear-gradient(90deg,rgba(15,23,42,.72),rgba(37,99,235,.36))!important;
}
.slide-content{
    max-width:760px;
}
.slide h2{
    font-size:clamp(30px,5vw,48px)!important;
    margin:0 0 10px!important;
    color:#fff!important;
}
.slide p{
    font-size:clamp(16px,2vw,21px)!important;
    color:#eef6ff!important;
    margin:0 0 20px!important;
    line-height:1.8;
}
.intro-section{
    padding:34px 0 12px;
}
.intro-card{
    background:#fff;
    border:1px solid #e5edf7;
    border-radius:26px;
    box-shadow:0 14px 34px rgba(15,23,42,.06);
    padding:30px;
}
.intro-card h1{
    margin:0 0 10px;
    font-size:clamp(30px,4vw,44px);
    color:#0f172a;
}
.intro-card p{
    margin:0;
    color:#475569;
    font-size:18px;
}
.hero,.simple-hero,.clean-card,.cta{
    display:none!important;
}
.section{
    padding:42px 0!important;
}
.card{
    min-height:0!important;
}
.whatsapp-widget{
    z-index:700;
}
@media(max-width:900px){
    .site-logo-img{width:46px;height:46px}
    .hero-slider,.hero-slider .slide{min-height:260px!important}
    .hero-slider .slide{padding:28px 22px!important}
    .intro-section{padding:24px 0 8px}
    .intro-card{padding:22px;border-radius:22px}
}
@media(max-width:560px){
    .hero-slider,.hero-slider .slide{min-height:230px!important}
    .slide h2{font-size:28px!important}
    .intro-card p{font-size:16px}
}