:root{--navy:#102a43;--blue:#1266a3;--teal:#00a6a6;--soft:#f3f8fb;--text:#243b53;--muted:#627d98;--white:#fff;--shadow:0 18px 45px rgba(16,42,67,.12)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.65}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}.topbar{position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);z-index:20;border-bottom:1px solid #e6eef5}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{
    display:flex;
    align-items:center;
    gap:14px;
    text-decoration:none;
}



.brand-text b{
    font-size:32px;
    font-weight:800;
    color:#1f2937;
    line-height:1.1;
}

.brand-text b{
    font-size:28px;
    color:#1f2937;
    line-height:1.1;
}

.brand-text small{
    font-size:13px;
    color:#6b7280;
    margin-top:4px;
}
.mark{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,var(--navy),var(--teal));color:#fff;display:grid;place-items:center;font-weight:800}nav{display:flex;gap:23px;font-weight:650;color:var(--navy)}nav a:hover{color:var(--blue)}.btn,.primary{background:linear-gradient(135deg,var(--blue),var(--teal));color:#fff;padding:12px 20px;border-radius:999px;font-weight:750;box-shadow:var(--shadow);display:inline-flex;align-items:center;gap:8px}.ghost{border:1px solid #c8d9e8;color:var(--navy);padding:11px 18px;border-radius:999px;font-weight:750;display:inline-flex;align-items:center;gap:8px}.hamb{display:none;background:none;border:0;font-size:30px}.hero{background:radial-gradient(circle at top right,#dff7f9,transparent 36%),linear-gradient(180deg,#f7fbff,#fff);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:38px;padding:70px 0 40px}.eyebrow{color:var(--teal);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:13px}.hero h1{font-size:clamp(36px,5vw,64px);line-height:1.08;margin:10px 0;color:var(--navy)}.hero p{font-size:18px;color:var(--muted);max-width:650px}.cta{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}.stat{background:#fff;padding:18px;border-radius:22px;box-shadow:var(--shadow)}.stat b{font-size:25px;color:var(--navy);display:block}.photo-card{position:relative;border-radius:36px;background:linear-gradient(135deg,#d8eef9,#fff);padding:20px 20px 0;box-shadow:var(--shadow)}.photo-card img{width:100%;display:block;max-height:620px;object-fit:contain}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:-25px;position:relative;z-index:3}.quick .item,.card{background:#fff;border:1px solid #e6eef5;border-radius:24px;padding:22px;box-shadow:var(--shadow)}.section{padding:72px 0}.section.alt{background:var(--soft)}.title{max-width:760px;margin-bottom:30px}.title h2{font-size:clamp(28px,3vw,42px);color:var(--navy);margin:0 0 10px}.title p{color:var(--muted)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.list{display:grid;gap:12px;padding:0;margin:0;list-style:none}.list li{background:#fff;border:1px solid #e6eef5;padding:14px 16px;border-radius:16px}.service{position:relative;overflow:hidden}.service:before{content:"";position:absolute;right:-30px;top:-30px;width:100px;height:100px;background:#e0fbfc;border-radius:50%}.pub{padding:18px;border-left:4px solid var(--teal);background:#fff;border-radius:14px;margin-bottom:12px}.contactbox{display:grid;grid-template-columns:1fr 1fr;gap:26px}.form{background:#fff;border-radius:24px;padding:24px;box-shadow:var(--shadow);border:1px solid #e6eef5}input,textarea{width:100%;padding:14px 15px;border:1px solid #ccddea;border-radius:14px;margin-bottom:12px;font:inherit}textarea{min-height:120px}button.submit{border:0;cursor:pointer;width:100%;justify-content:center}.map{height:270px;background:linear-gradient(135deg,#dceefb,#f8fbff);border-radius:24px;display:grid;place-items:center;color:var(--muted);border:1px dashed #9fb3c8}.footer{background:var(--navy);color:#d9e2ec;padding:44px 0 0}.footgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:24px}.footer h3,.footer h4{color:#fff}.social{display:flex;gap:10px;flex-wrap:wrap}.social a{background:rgba(255,255,255,.1);padding:9px 12px;border-radius:12px}.copy{text-align:center;border-top:1px solid rgba(255,255,255,.1);padding:18px;margin-top:30px;color:#bcccdc}.mobilebar{display:none}.admin-layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:var(--navy);color:#fff;padding:24px}.sidebar a{display:block;padding:12px;border-radius:12px;margin:4px 0}.sidebar a:hover{background:rgba(255,255,255,.12)}.admin-main{padding:30px;background:#f7fbff}.admin-card{background:#fff;border-radius:20px;padding:22px;box-shadow:var(--shadow);margin-bottom:20px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eef7ff,#fff)}.loginbox{width:min(420px,92%);background:#fff;padding:28px;border-radius:24px;box-shadow:var(--shadow)}@media(max-width:860px){body{padding-bottom:76px}.nav{height:70px}.hamb{display:block}nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;padding:18px;box-shadow:var(--shadow);flex-direction:column}.open nav{display:flex}.nav .btn{display:none}.hero-grid,.grid-2,.contactbox,.footgrid,.admin-layout{grid-template-columns:1fr}.hero-grid{padding:42px 0}.quick,.grid-3,.stats{grid-template-columns:1fr}.mobilebar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;border-top:1px solid #d9e2ec;box-shadow:0 -8px 24px rgba(16,42,67,.12)}.mobilebar a{padding:9px 4px;text-align:center;font-size:20px;color:var(--navy);font-weight:800}.mobilebar span{display:block;font-size:11px;font-weight:700}.sidebar{position:static}.admin-grid{grid-template-columns:1fr}}
.social-links{
    display:flex;
    align-items:center;
    gap:12px;
}

.social-links a{
    width:46px;
    height:46px;
    border-radius:50%;
    background:#0d4f7a;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    transition:.3s;
    font-size:18px;
}

.social-links a:hover{
    transform:translateY(-3px);
    background:#0f6aa6;
}
.hero .ghost{
    background:#25D366 !important;
    color:#fff !important;
    border:none !important;
}

.hero .ghost:hover{
    background:#1ebe5d !important;
}
.mobile-bottom{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    height:74px;
    background:#fff;
    border-top:1px solid #e5e7eb;
    display:none;
    grid-template-columns:repeat(4,1fr);
    z-index:9999;
    box-shadow:0 -8px 24px rgba(15,23,42,.08);
}

.mobile-bottom a{
    text-decoration:none;
    color:#12304f;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    font-size:12px;
    font-weight:700;
}

.mobile-bottom i{
    width:34px;
    height:34px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:17px;
    background:#eef7fb;
    color:#0f4c81;
}

.mobile-bottom a:nth-child(2) i{
    background:#e8f4ff;
    color:#0f75bc;
}

.mobile-bottom a:nth-child(3) i{
    background:#25D366;
    color:#fff;
}

.mobile-bottom a:nth-child(4) i{
    background:#fff3e6;
    color:#f59e0b;
}

@media(max-width:768px){
    .mobile-bottom{
        display:grid;
    }

    body{
        padding-bottom:78px;
    }
}

.contact-item{
    display:flex;
    align-items:center;
    gap:15px;
    padding:18px;
    margin-bottom:12px;
    background:#fff;
    border-radius:16px;
    box-shadow:0 4px 14px rgba(0,0,0,.05);
}

.contact-item i{
    width:52px;
    height:52px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    color:#fff;
}

.contact-item .fa-phone{
    background:#0f75bc;
}

.contact-item .fa-whatsapp{
    background:#25D366;
}

.contact-item .fa-location-dot{
    background:#f59e0b;
}

.contact-item .fa-clock{
    background:#64748b;
}

.contact-item div{
    display:flex;
    flex-direction:column;
}

.contact-item strong{
    font-size:15px;
    color:#0f172a;
}

.contact-item span{
    color:#64748b;
    font-size:14px;
}
@media(min-width:769px){
    .brand{
        display:flex !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:4px !important;
        line-height:1.15 !important;
        min-width:330px !important;
    }

    .brand b{
        display:block !important;
        font-size:26px !important;
        font-weight:800 !important;
        color:#1f2937 !important;
        white-space:nowrap !important;
    }

    .brand small{
        display:block !important;
        font-size:13px !important;
        color:#64748b !important;
        margin:0 !important;
        white-space:nowrap !important;
    }

    .nav{
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:40px !important;
    }

    nav{
        display:flex !important;
        align-items:center !important;
        gap:24px !important;
        flex-shrink:0 !important;
    }
}

.contact-cards{
    display:grid !important;
    grid-template-columns:repeat(4,1fr) !important;
    gap:18px !important;
    margin-top:34px !important;
}

.info-card{
    background:#ffffff !important;
    border:1px solid #e7eef5 !important;
    border-radius:24px !important;
    padding:22px !important;
    display:flex !important;
    align-items:flex-start !important;
    gap:15px !important;
    text-decoration:none !important;
    color:#132b46 !important;
    box-shadow:0 14px 32px rgba(15,23,42,.06) !important;
    transition:.25s ease !important;
}

.info-card:hover{
    transform:translateY(-4px) !important;
    box-shadow:0 18px 38px rgba(15,23,42,.10) !important;
}

.info-icon{
    width:52px !important;
    height:52px !important;
    border-radius:16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-shrink:0 !important;
    color:#fff !important;
    font-size:20px !important;
}

.call-card .info-icon{
    background:linear-gradient(135deg,#0f75bc,#0f4c81) !important;
}

.whatsapp-card .info-icon{
    background:linear-gradient(135deg,#25D366,#128C7E) !important;
}

.time-card .info-icon{
    background:linear-gradient(135deg,#64748b,#334155) !important;
}

.address-card .info-icon{
    background:linear-gradient(135deg,#f59e0b,#ea580c) !important;
}

.info-card div:last-child{
    display:flex !important;
    flex-direction:column !important;
    gap:5px !important;
}

.info-card strong{
    font-size:16px !important;
    font-weight:800 !important;
    color:#132b46 !important;
}

.info-card span{
    font-size:15px !important;
    color:#263b55 !important;
    line-height:1.45 !important;
}

.info-card small{
    font-size:13px !important;
    color:#64748b !important;
    line-height:1.35 !important;
}

@media(max-width:1024px){
    .contact-cards{
        grid-template-columns:repeat(2,1fr) !important;
    }
}

@media(max-width:768px){
    .contact-cards{
        grid-template-columns:1fr !important;
        gap:14px !important;
        margin-top:24px !important;
    }

    .info-card{
        padding:20px !important;
        border-radius:22px !important;
    }

    .info-icon{
        width:48px !important;
        height:48px !important;
        border-radius:15px !important;
    }
}
.admin-table-box{
    background:#fff;
    border-radius:18px;
    padding:20px;
    box-shadow:0 8px 24px rgba(15,23,42,.08);
    overflow-x:auto;
}

.admin-table{
    width:100%;
    border-collapse:collapse;
    font-size:14px;
}

.admin-table th{
    background:#f1f5f9;
    color:#0f172a;
    text-align:left;
    padding:14px;
    font-weight:800;
    white-space:nowrap;
}

.admin-table td{
    padding:14px;
    border-bottom:1px solid #e5e7eb;
    color:#334155;
    vertical-align:top;
}

.admin-table tr:hover{
    background:#f8fafc;
}

.btn.danger{
    background:#dc2626;
    color:#fff;
    border:none;
    padding:8px 14px;
    border-radius:10px;
    cursor:pointer;
    font-weight:700;
}

.btn.danger:hover{
    background:#b91c1c;
}
.admin-card{
    background:#fff;
    border-radius:18px;
    padding:24px;
    box-shadow:0 8px 24px rgba(15,23,42,.08);
}

.table-wrap{
    overflow-x:auto;
}

.admin-table{
    width:100%;
    border-collapse:collapse;
    font-size:14px;
}

.admin-table th{
    background:#f1f5f9;
    padding:14px;
    text-align:left;
    font-weight:800;
}

.admin-table td{
    padding:14px;
    border-bottom:1px solid #e5e7eb;
    vertical-align:top;
}

.delete-btn{
    background:#dc2626;
    color:#fff;
    border:0;
    padding:8px 14px;
    border-radius:9px;
    cursor:pointer;
    font-weight:700;
}
.about-hero{
padding:80px 0;
background:#f8fbff;
}

.about-grid{
display:grid;
grid-template-columns:1.2fr .8fr;
gap:50px;
align-items:center;
}

.about-photo img{
width:100%;
border-radius:30px;
display:block;
}

.eyebrow{
display:inline-block;
margin-bottom:10px;
font-size:13px;
font-weight:700;
letter-spacing:1px;
color:#0ea5a4;
text-transform:uppercase;
}

.about-content h1{
font-size:42px;
margin-bottom:10px;
}

.lead{
font-size:18px;
line-height:1.9;
color:#475569;
margin-top:25px;
}

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

.about-card{
background:#fff;
padding:25px;
border-radius:20px;
text-align:center;
box-shadow:0 10px 30px rgba(0,0,0,.06);
}

.about-card h3{
font-size:28px;
margin-bottom:10px;
color:#0f2f4f;
}

.about-detail-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:25px;
}

.detail-card{
background:#fff;
padding:30px;
border-radius:20px;
box-shadow:0 10px 30px rgba(0,0,0,.06);
}

.check-list{
list-style:none;
padding:0;
margin:0;
}

.check-list li{
padding:10px 0;
border-bottom:1px solid #edf2f7;
}

.check-list li:before{
content:"✓ ";
color:#0ea5a4;
font-weight:bold;
}

@media(max-width:768px){

.about-grid,
.about-cards,
.about-detail-grid{
grid-template-columns:1fr;
}

.about-content h1{
font-size:32px;
}

}