@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;500;600;700&display=swap');:root{--navy:#083b75;--blue:#0d63b8;--pale:#eaf4ff;--ink:#14283f;--muted:#61748b;--line:#e2eaf3}*{box-sizing:border-box}body{margin:0;font-family:'Hind Siliguri',system-ui,sans-serif;color:var(--ink);background:#f8fbff}button,input,textarea{font:inherit}button,a{cursor:pointer}a{color:var(--blue);text-decoration:none}.top{background:#fff;display:flex;align-items:center;justify-content:space-between;padding:14px max(calc((100% - 1160px)/2),22px);gap:20px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;min-width:max-content}.brand b,.brand small{display:block}.brand b{font-size:17px;color:var(--navy)}.brand small{font-size:12px;color:var(--muted)}.logo{height:43px;width:43px;border-radius:14px;background:linear-gradient(145deg,#0877d8,#062d60);color:white;display:grid;place-items:center;font-size:27px;font-weight:bold}nav{display:flex;gap:3px;align-items:center;flex-wrap:wrap}nav button,.quick button{border:0;background:transparent;color:#43566d;padding:10px 11px;border-radius:10px;font-size:14px}nav button:hover,nav button.active{background:var(--pale);color:var(--blue)}.menu{display:none;background:var(--pale);border:0;padding:8px 12px;border-radius:8px}main{max-width:1160px;margin:auto;padding:24px 22px 60px}.page{display:none}.page.active{display:block}.hero{min-height:390px;background:linear-gradient(120deg,#082f5f,#0b5da7);border-radius:25px;overflow:hidden;color:white;padding:50px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;position:relative}.hero:after{content:'';position:absolute;width:390px;height:390px;border:1px solid #ffffff1c;border-radius:50%;right:-120px;top:-140px}.eyebrow{color:#1680d9;font-size:13px;font-weight:700;letter-spacing:.5px}.hero .eyebrow{color:#a9d9ff}.hero h1{font-size:clamp(29px,4vw,46px);line-height:1.35;margin:14px 0}.hero h1 em{font-style:normal;color:#83d1ff}.hero p{color:#d7eaff;max-width:430px}.actions{display:flex;gap:12px;align-items:center;margin-top:25px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;padding:12px 20px;font-weight:600}.primary{background:#0876d4;color:white}.primary:hover{background:#005da9}.secondary{background:#ffffff1c;color:white;border:1px solid #ffffff50}.heroArt{height:270px;position:relative;display:grid;place-items:center}.monitor{width:260px;position:relative;z-index:1}.screen{height:165px;border:9px solid #d8e6f4;background:linear-gradient(135deg,#eaf7ff,#9fcfff);border-radius:13px;box-shadow:0 15px 35px #00152d70;padding:20px;position:relative}.screenTop{height:12px;width:100%;background:#c1d9ed;border-radius:5px}.screenLines{display:grid;gap:9px;margin-top:20px;width:54%}.screenLines i{height:7px;background:#5a9cdb;border-radius:6px}.screenLines i:nth-child(2){width:75%}.screenLines i:nth-child(3){width:90%}.screenBadge{position:absolute;right:15px;bottom:17px;background:#0b5da7;color:white;border-radius:8px;padding:10px;font-size:12px;text-align:center;font-weight:bold}.stand{width:80px;height:35px;background:#b9d4eb;margin:auto;clip-path:polygon(30% 0,70% 0,82% 80%,100% 100%,0 100%,18% 80%)}.floating{position:absolute;background:white;color:#16416d;padding:10px 14px;border-radius:12px;box-shadow:0 10px 30px #00152d38;font-size:13px;z-index:2}.f1{top:27px;right:0}.f2{bottom:20px;left:-5px}.clockrow{display:grid;grid-template-columns:1fr 1.7fr;gap:18px;margin:22px 0 42px}.clockbox,.quick{background:white;border:1px solid var(--line);border-radius:18px;padding:20px 24px}.clockbox span,.quick>span{display:block;color:var(--muted);font-size:13px}.clockbox strong{display:block;color:var(--navy);font-size:27px}.clockbox small{color:var(--muted)}.quick div{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.quick button{background:#f0f6fd;color:var(--blue)}.sectionHead{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:35px 0 17px}.sectionHead h2,.commentArea h2{font-size:25px;margin:4px 0}.textBtn{border:0;background:none;color:var(--blue);font-weight:600}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.serviceCard{background:white;border:1px solid var(--line);border-radius:16px;padding:20px;min-height:150px;box-shadow:0 4px 14px #0a3a6506}.serviceCard .symbol{width:40px;height:40px;background:var(--pale);border-radius:12px;display:grid;place-items:center;color:var(--blue);font-size:22px}.serviceCard h3{font-size:16px;line-height:1.5;margin:13px 0 5px}.serviceCard p{color:var(--muted);font-size:13px;margin:0}.slider{height:300px;position:relative;overflow:hidden;border-radius:20px;background:linear-gradient(130deg,#0a376b,#1b82cf)}.slider img{width:100%;height:100%;object-fit:cover;display:block;opacity:.88}.slideShade{position:absolute;inset:0;background:linear-gradient(90deg,#05274dd9,#05274d00);display:flex;flex-direction:column;justify-content:end;align-items:start;padding:30px;color:white}.slideShade span{font-size:13px;color:#bfe5ff}.slideShade b{font-size:25px}.slideBtn{position:absolute;top:45%;border:0;border-radius:50%;height:38px;width:38px;background:#ffffffd9;color:#073767;font-size:28px}.prev{left:13px}.next{right:13px}.dots{position:absolute;bottom:12px;right:25px;display:flex;gap:6px}.dots i{width:8px;height:8px;background:#ffffff85;border-radius:50%}.dots i.on{background:white;width:22px;border-radius:9px}.noticeList{display:grid;gap:10px}.notice{background:white;border:1px solid var(--line);border-radius:13px;padding:16px 18px;display:flex;gap:13px;align-items:start}.noticeIcon{color:var(--blue);background:var(--pale);padding:8px;border-radius:10px}.commentArea{margin-top:40px;background:#eef6ff;border-radius:20px;padding:28px;display:grid;grid-template-columns:.8fr 1fr;gap:25px}.commentArea p{color:var(--muted)}#commentForm{display:grid;gap:10px}input,textarea{border:1px solid #d5e2ef;background:white;padding:12px 14px;border-radius:10px;outline-color:#4e9ce5;width:100%}textarea{min-height:90px;resize:vertical}#commentForm small{color:var(--muted);font-size:11px}.comments{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap}.commentItem{background:white;border:1px solid var(--line);border-radius:10px;padding:12px;min-width:180px;max-width:100%}.commentItem small{display:block;color:var(--muted)}.pageIntro{padding:25px 0 20px}.pageIntro h1{font-size:34px;margin:5px 0}.pageIntro p{color:var(--muted)}.serviceGroups,.linkGroups{display:grid;gap:18px}.group{background:white;border:1px solid var(--line);border-radius:17px;padding:20px}.group h2{font-size:20px;color:var(--navy);margin:0 0 14px}.serviceList{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.serviceItem{background:#f5f9fe;border-radius:9px;padding:10px 13px}.priceGroup{background:white;border:1px solid var(--line);border-radius:15px;margin-bottom:17px;overflow:hidden}.priceGroup h2{background:#edf6ff;color:var(--navy);font-size:19px;padding:13px 17px;margin:0}.priceRow{display:grid;grid-template-columns:1fr auto;gap:12px;padding:11px 17px;border-top:1px solid #edf1f6}.priceRow b{color:var(--blue);white-space:nowrap}.search{max-width:480px}.noteBox{background:#fff9e8;border:1px solid #f4e5b9;border-radius:14px;padding:18px;margin-top:22px}.noteBox ul{margin-bottom:0;padding-left:22px}.linkGroupGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.linkGroup{background:white;border:1px solid var(--line);border-radius:15px;padding:18px}.linkGroup h2{font-size:18px;margin:0 0 12px;color:var(--navy)}.linkRow{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid #edf1f6}.linkRow a{font-size:14px}.linkRow span{color:#8293a7}.galleryGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.galleryTile{height:190px;border-radius:15px;overflow:hidden;position:relative;background:linear-gradient(135deg,#0b4078,#3b9fe9);color:white;display:flex;align-items:end;padding:18px}.galleryTile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.galleryTile:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#03264cbd,transparent 75%)}.galleryTile b{position:relative;z-index:1}.contactGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.contactCard{background:white;border:1px solid var(--line);border-radius:16px;padding:24px}.contactIcon{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:var(--pale);color:var(--blue);font-size:24px}.contactCard small{display:block;color:var(--muted);margin-top:15px}.contactCard h3{font-size:18px;margin:6px 0 12px}.contactCard a{font-size:14px}footer{background:#ffffff;color:var(--ink);border-top:1px solid var(--line);padding:30px max(calc((100% - 1160px)/2),22px);display:flex;align-items:center;gap:24px;flex-wrap:wrap}footer .brand b{color:var(--navy)}footer p{margin-right:auto;color:var(--muted)}footer>small{color:var(--muted)}footer>a{color:var(--blue);font-size:13px}@media(max-width:900px){.top{flex-wrap:wrap}.menu{display:block}nav{display:none;width:100%;grid-template-columns:repeat(3,1fr)}nav.open{display:grid}nav button{text-align:left}.hero{padding:32px;grid-template-columns:1fr}.heroArt{display:none}.cards{grid-template-columns:repeat(2,1fr)}.clockrow{grid-template-columns:1fr}.commentArea{grid-template-columns:1fr}.galleryGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){main{padding:15px 13px 40px}.top{padding:12px 14px}.brand b{font-size:15px}.hero{padding:25px 21px;min-height:330px;border-radius:18px}.hero h1{font-size:30px}.cards{gap:9px}.serviceCard{padding:14px}.sectionHead h2,.commentArea h2{font-size:21px}.slider{height:220px}.slideShade{padding:20px}.slideShade b{font-size:20px}.commentArea{padding:20px}.serviceList,.linkGroupGrid,.contactGrid{grid-template-columns:1fr}.priceRow{font-size:14px;grid-template-columns:1fr auto}.priceRow b{font-size:13px}.galleryGrid{grid-template-columns:1fr 1fr}.galleryTile{height:150px;padding:12px}.pageIntro h1{font-size:29px}footer{padding:25px 16px;gap:12px}footer p{width:100%;margin:0}}

/* Notice table layout */
.noticeTableWrap{overflow-x:auto;margin:12px 0}
.noticeTable{width:100%;border-collapse:collapse;background:#fff;min-width:620px}
.noticeTable th,.noticeTable td{border:1px solid var(--line);padding:12px;text-align:left;vertical-align:top}
.noticeTable th{background:#eaf4ff;color:#083b75;font-weight:700}
.noticeTable td:first-child,.noticeTable th:first-child{white-space:nowrap;width:110px}
.noticeTable td:last-child,.noticeTable th:last-child{white-space:nowrap;width:100px}
.noticeTable a{display:inline-block;padding:6px 10px;border-radius:7px;background:#0d63b8;color:white}
.galleryTile video{width:100%;height:100%;max-height:260px;object-fit:cover;border-radius:12px}
.fileDrop{border:2px dashed #8aa4c4;border-radius:12px;padding:16px;margin-top:8px;text-align:center;background:#f8fbff;cursor:pointer}
.fileDrop.dragover{background:#eaf4ff;border-color:#0d63b8}

/* Clock and three calendar dates */
.clockrow{grid-template-columns:.8fr 2.2fr}.datebox{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:center}.datebox>div{min-width:0}.datebox span{display:block;color:var(--muted);font-size:13px;margin-bottom:7px}.datebox strong{display:block;color:var(--navy);font-size:17px;line-height:1.5}.noticeTable{min-width:500px}.noticeTable th:first-child,.noticeTable td:first-child{width:140px}.noticeTable th:last-child,.noticeTable td:last-child{width:100px}.noticeTable td:nth-child(2){min-width:240px}@media(max-width:900px){.clockrow{grid-template-columns:1fr}.datebox{grid-template-columns:1fr;gap:12px}}@media(max-width:560px){.datebox{padding:17px}.datebox strong{font-size:16px}}

/* Four distinct colors for live time and the three calendar dates */
.clockbox{border-top:4px solid #0d63b8;background:linear-gradient(180deg,#edf6ff 0%,#fff 70%)}
.clockbox #clock{color:#0d63b8}
.datebox>div:nth-child(1){border-left:4px solid #16803c;padding:8px 0 8px 12px;border-radius:3px}
.datebox>div:nth-child(1) span,.datebox>div:nth-child(1) strong{color:#16803c}
.datebox>div:nth-child(2){border-left:4px solid #b45309;padding:8px 0 8px 12px;border-radius:3px}
.datebox>div:nth-child(2) span,.datebox>div:nth-child(2) strong{color:#b45309}
.datebox>div:nth-child(3){border-left:4px solid #7c3aed;padding:8px 0 8px 12px;border-radius:3px}
.datebox>div:nth-child(3) span,.datebox>div:nth-child(3) strong{color:#7c3aed}
@media(max-width:900px){.datebox>div{padding-left:12px}}

/* Four separate, Bengali-language time/date cards */
.clockrow{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}
.clockbox,.datecard{min-width:0;min-height:112px;border-radius:16px;padding:17px 18px;border:1px solid var(--line);}
.clockbox span,.datecard span{display:block;font-size:13px;margin-bottom:8px;color:var(--muted)}
.clockbox strong,.datecard strong{display:block;font-size:clamp(16px,1.45vw,21px);line-height:1.55;overflow-wrap:anywhere}
.timebox{border-top:4px solid #0d63b8;background:linear-gradient(180deg,#edf6ff,#fff)}.timebox #clock,.timebox span{color:#0d63b8}
.english-date{border-top:4px solid #16803c;background:linear-gradient(180deg,#edfff2,#fff)}.english-date strong,.english-date span{color:#16803c}
.bangla-date{border-top:4px solid #b45309;background:linear-gradient(180deg,#fff5e8,#fff)}.bangla-date strong,.bangla-date span{color:#b45309}
.arabic-date{border-top:4px solid #7c3aed;background:linear-gradient(180deg,#f5efff,#fff)}.arabic-date strong,.arabic-date span{color:#7c3aed}
@media(max-width:1000px){.clockrow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.clockrow{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.clockbox,.datecard{padding:13px;min-height:105px}.clockbox strong,.datecard strong{font-size:15px}.clockbox span,.datecard span{font-size:12px}}

/* New government holiday and Islamic window links/cards */
nav .navlink{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:10px;border:0;background:transparent;color:#d9eaff;text-decoration:none;font:inherit;font-size:13px;white-space:nowrap}
nav .navlink:hover,nav .navlink.active{background:#174f85;color:#fff}
.quickInfo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0 34px}
.quickInfoCard{display:flex;gap:16px;align-items:flex-start;border:1px solid var(--line);border-radius:18px;padding:22px;background:#fff;box-shadow:0 8px 24px #082c5010}
.quickIcon{width:54px;height:54px;flex:0 0 54px;display:grid;place-items:center;border-radius:15px;background:#eaf4ff;font-size:28px}
.islamicQuick .quickIcon{background:#e7f8ef}.quickInfoCard h2{margin:5px 0 8px;font-size:22px}.quickInfoCard p{color:var(--muted);font-size:14px;line-height:1.7;margin:0 0 12px}.quickInfoCard a{font-weight:700;color:#0d63b8}.islamicQuick a{color:#087e5b}
@media(max-width:900px){.quickInfo{grid-template-columns:1fr}nav .navlink{justify-content:flex-start;text-align:left}}
@media(max-width:560px){.quickInfoCard{padding:17px;gap:12px}.quickIcon{width:45px;height:45px;flex-basis:45px;font-size:23px}.quickInfoCard h2{font-size:19px}}


/* Premium navigation, holiday & Islamic cards */
nav .navlink{color:#25415f;background:#f2f7fd;border:1px solid #e0ebf7;font-weight:700;font-size:13px;transition:transform .2s,background .2s,box-shadow .2s}
nav .navlink:hover{background:#e2efff;color:#0757a5;transform:translateY(-1px);box-shadow:0 5px 14px #0b3a681c}
nav .adminNav{background:linear-gradient(135deg,#083b75,#0876d4);color:#fff;border-color:#0a5ba8;box-shadow:0 5px 14px #0b3a6828}
nav .adminNav:hover{background:linear-gradient(135deg,#062b55,#075ca7);color:#fff}
.quickInfoCard{position:relative;overflow:hidden;isolation:isolate;min-height:190px;transition:transform .25s,box-shadow .25s,border-color .25s}
.quickInfoCard:before{content:"";position:absolute;z-index:-1;inset:0;opacity:.95;background:linear-gradient(125deg,#fff 10%,#f2f8ff 100%)}
.quickInfoCard:after{content:"";position:absolute;z-index:-1;width:170px;height:170px;border-radius:50%;right:-60px;top:-70px;background:#1680d914;transition:transform .35s}
.quickInfoCard:hover{transform:translateY(-5px);box-shadow:0 18px 38px #082c5020;border-color:#a8c9ed}
.quickInfoCard:hover:after{transform:scale(1.45)}
.holidayQuick{border-top:4px solid #0d63b8;background:linear-gradient(135deg,#fff,#eff7ff)}
.holidayQuick .quickIcon{background:linear-gradient(145deg,#dff0ff,#a9d8ff);box-shadow:0 8px 20px #1680d925}
.holidayQuick .eyebrow{color:#0b68ba}
.holidayQuick h2{color:#083b75}
.holidayQuick a{display:inline-flex;align-items:center;gap:7px;padding:10px 15px;border-radius:11px;color:#fff;background:linear-gradient(110deg,#0757a5,#1591e8);box-shadow:0 6px 15px #0d63b82c}
.holidayQuick a:hover{filter:brightness(1.08)}
.islamicQuick{border-top:4px solid #0b986b;background:linear-gradient(135deg,#fff,#edfff6)}
.islamicQuick:before{background:linear-gradient(125deg,#fff 10%,#effff7 100%)}
.islamicQuick:after{background:#0b986b12}
.islamicQuick .quickIcon{background:linear-gradient(145deg,#dcfce9,#9de8bf);box-shadow:0 8px 20px #0b986b20}
.islamicQuick .eyebrow{color:#087e5b}
.islamicQuick h2{color:#075c43}
.islamicQuick a{display:inline-flex;align-items:center;gap:7px;padding:10px 15px;border-radius:11px;color:#fff;background:linear-gradient(110deg,#087e5b,#18a875);box-shadow:0 6px 15px #0b986b2b}
.islamicQuick a:hover{filter:brightness(1.08)}
.quickIcon{font-size:30px}
.welcomeToast{position:fixed;z-index:50;right:18px;bottom:18px;display:flex;align-items:center;gap:11px;max-width:min(460px,calc(100vw - 28px));padding:13px 14px;border:1px solid #b8d7f4;border-radius:17px;background:#fff;box-shadow:0 14px 42px #082c5030;animation:welcomeIn .55s ease-out}
.welcomeSoundIcon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#dff0ff,#c7f5e2);font-size:22px;flex-shrink:0}
.welcomeToastText{display:flex;flex-direction:column;gap:2px;min-width:0}
.welcomeToastText b{color:#083b75;font-size:14px}
.welcomeToastText span{font-size:12px;color:#61748b;line-height:1.4}
#welcomeSpeak{border:0;border-radius:10px;background:#083b75;color:#fff;padding:9px 11px;font-size:12px;font-weight:700;white-space:nowrap}
.welcomeClose{align-self:flex-start;border:0;background:transparent;color:#61748b;font-size:22px;line-height:1;padding:0 0 0 2px}
@keyframes welcomeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){nav .navlink{justify-content:flex-start;text-align:left;padding:10px}nav.open{grid-template-columns:repeat(2,minmax(0,1fr))}.welcomeToast{right:12px;bottom:12px}}
@media(max-width:560px){.quickInfoCard{min-height:0}.quickInfoCard h2{font-size:20px}.quickInfoCard p{font-size:13px}.welcomeToast{left:10px;right:10px;bottom:10px;max-width:none;padding:11px;gap:8px}.welcomeSoundIcon{width:36px;height:36px}.welcomeToastText{flex:1}.welcomeToastText span{font-size:11px}#welcomeSpeak{padding:8px 9px}}


/* Navigation consistency: holiday and Islamic links look like the other menu options. */
nav .navlink{display:inline-flex;align-items:center;justify-content:center;padding:10px 11px;border-radius:10px;border:0;background:transparent;color:#43566d;text-decoration:none;font:inherit;font-size:14px;font-weight:400;white-space:nowrap;box-shadow:none;transition:background .2s,color .2s}
nav .navlink:hover,nav .navlink.active{background:var(--pale);color:var(--blue);transform:none;box-shadow:none}
nav .adminNav{background:transparent;color:#43566d;border:0;box-shadow:none;font-weight:400}
nav .adminNav:hover{background:var(--pale);color:var(--blue);box-shadow:none}
/* Centered welcome popup, no voice/autoplay. */
.welcomeModal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(3,20,42,.68);backdrop-filter:blur(7px);animation:welcomeModalIn .25s ease-out}
.welcomeModalCard{position:relative;width:min(500px,100%);padding:42px 30px 34px;text-align:center;overflow:hidden;border:1px solid #d8e8f8;border-radius:26px;background:linear-gradient(145deg,#fff 0%,#f1f8ff 55%,#f0fff8 100%);box-shadow:0 28px 90px #00152d55}
.welcomeModalCard:before{content:"";position:absolute;width:230px;height:230px;top:-140px;right:-90px;border-radius:50%;background:#1680d916;pointer-events:none}
.welcomeModalCard:after{content:"";position:absolute;width:180px;height:180px;bottom:-125px;left:-75px;border-radius:50%;background:#0b986b12;pointer-events:none}
.welcomeClose{position:absolute;z-index:2;right:13px;top:12px;width:38px;height:38px;display:grid;place-items:center;border:1px solid #dce8f4;border-radius:50%;background:#fff;color:#52677e;font-size:28px;line-height:1;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.welcomeClose:hover{background:#083b75;color:#fff;transform:rotate(90deg)}
.welcomeModalIcon{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 18px;border-radius:23px;background:linear-gradient(135deg,#083b75,#0876d4 60%,#0b986b);color:white;font-size:38px;box-shadow:0 12px 28px #083b7530}
.welcomeBismillah{position:relative;margin:0 0 10px;color:#087e5b;font-size:clamp(20px,4vw,25px);font-weight:700}
.welcomeModalCard h2{position:relative;margin:0 auto 8px;max-width:390px;color:#083b75;font-size:clamp(22px,4.5vw,30px);line-height:1.45}
.welcomeMessage{position:relative;margin:0;color:#38536f;font-size:18px;font-weight:600}
.welcomeAccent{width:70px;height:4px;margin:22px auto 13px;border-radius:5px;background:linear-gradient(90deg,#0876d4,#0b986b)}
.welcomeModalCard small{position:relative;color:#61748b;font-size:13px}
.welcomeModalClosing{opacity:0;transition:opacity .18s ease}
@keyframes welcomeModalIn{from{opacity:0}to{opacity:1}}
@media(max-width:560px){.welcomeModal{padding:15px}.welcomeModalCard{padding:40px 20px 29px;border-radius:22px}.welcomeModalIcon{width:62px;height:62px;font-size:32px;margin-bottom:15px}.welcomeMessage{font-size:16px}}

/* Welcome brand is intentionally kept on one line on desktop and scales down on phones. */
.welcomeModalCard .welcomeBrandLine{max-width:none;width:100%;white-space:nowrap;font-size:clamp(14px,3.2vw,25px);letter-spacing:-.35px;line-height:1.35}
@media(max-width:390px){.welcomeModalCard .welcomeBrandLine{font-size:13px;letter-spacing:-.55px}}

/* Restore the five homepage service options from the original website. */
#homeServices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;visibility:visible;opacity:1}
#homeServices .serviceCard{display:block;visibility:visible;opacity:1;min-width:0}
@media(max-width:900px){#homeServices{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#homeServices{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}}

/* Shop logo */
.brand .logo{overflow:hidden;background:white;border-radius:10px;border:1px solid #e2eaf3}.brand .logo img{width:100%;height:100%;object-fit:contain;display:block}

/* Visible shop emblem at header and footer */
.brand .logo{width:66px;height:55px;flex-shrink:0;background:transparent;border:0;border-radius:0;overflow:visible}
.brand .logo img{width:100%;height:100%;object-fit:contain}
@media(max-width:560px){.brand .logo{width:57px;height:50px}}

/* Notice document preview */
.noticeView{border:0;border-radius:7px;background:#075eac;color:white;padding:7px 12px;cursor:pointer;font:inherit;white-space:nowrap}
.noticeDocumentOverlay{position:fixed;inset:0;z-index:99999;background:rgba(0,18,44,.82);display:flex;align-items:center;justify-content:center;padding:12px}
.noticeDocumentOverlay[hidden]{display:none}
.noticeDocumentPanel{width:min(960px,100%);height:min(92vh,950px);background:white;border-radius:12px;display:flex;flex-direction:column;overflow:hidden}
.noticeDocumentHeader{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#eaf4ff;gap:10px}
.noticeDocumentClose{border:0;border-radius:7px;background:#093d73;color:white;padding:8px 12px;cursor:pointer}
.noticeDocumentBody{min-height:0;flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px}
.noticeDocumentBody iframe{width:100%;flex:1;border:0;min-height:0}
.noticeDocumentBody img{max-width:100%;max-height:calc(100% - 40px);object-fit:contain;min-height:0}
.noticeOpenLink{padding:5px 8px}
.noticeTable td,.noticeTable th{vertical-align:middle}

/* Compact, single-row navigation with horizontal scrolling on narrow screens */
.top{max-width:100%;padding:12px 18px;gap:12px}
.top .brand{flex-shrink:0}
#nav{display:flex;flex:1;min-width:0;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;gap:4px;align-items:center}
#nav .navlink{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex-shrink:0;padding:9px 9px;font-size:12px;border-radius:9px}
@media(max-width:900px){.top{flex-wrap:wrap}.menu{display:none}#nav,#nav.open{display:flex;flex-basis:100%;width:100%;flex-wrap:nowrap;overflow-x:auto;grid-template-columns:none}}

/* Requested compact three-dot navigation and editable announcement ticker */
.top{position:sticky}.menu{display:block;font-size:25px;line-height:1;order:3;background:#f0f6fd;color:var(--navy)}nav#nav{display:none;position:absolute;right:18px;top:calc(100% - 2px);width:min(320px,calc(100vw - 28px));max-height:75vh;overflow:auto;background:#fff;border:1px solid var(--line);box-shadow:0 12px 30px #173c6020;border-radius:14px;padding:10px;grid-template-columns:1fr;z-index:30}nav#nav.open{display:grid}nav#nav a{padding:10px 12px;border-radius:8px}nav#nav a:hover,nav#nav a.active{background:var(--pale)}.runningTicker{display:flex;gap:10px;align-items:center;background:#fff8df;color:#694c00;border-bottom:1px solid #f1e4b4;padding:7px max(calc((100% - 1160px)/2),22px);font-size:14px}.runningTicker span{font-weight:bold;white-space:nowrap}.runningTicker marquee{flex:1}

/* Small correction: align header logo and brand text along the bottom edge */
.top .brand{align-items:flex-end}
.top .brand>div:last-child{padding-bottom:3px}

/* Header/menu/ticker alignment refinements */
.top{padding-left:18px;padding-right:max(calc((100% - 900px)/2),22px)}
.menu{display:block;background:#eef6ff;border:0;padding:8px 12px;border-radius:9px;font-size:20px;color:#174a7e}
.top nav{display:none;position:absolute;right:max(calc((100% - 900px)/2),22px);top:calc(100% + 5px);width:min(300px,calc(100vw - 28px));background:#fff;padding:10px;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 35px #102b4930;flex-direction:column;align-items:stretch;gap:3px}
.top nav.open{display:flex}
.top nav .navlink{display:block;padding:9px 12px;border-radius:8px}
.runningTicker{padding-left:max(calc((100% - 900px)/2),22px);padding-right:max(calc((100% - 900px)/2),22px);min-height:35px;max-height:42px;overflow:hidden}
main{max-width:940px}
.helplineIntro{background:linear-gradient(120deg,#083b75,#0d63b8);color:#fff;padding:28px;border-radius:18px;margin-bottom:22px}
.helplineIntro h1{margin:6px 0 8px;font-size:clamp(24px,4vw,34px)}
.helplineIntro p{margin:0;color:#dceeff}
.helplineTools{display:flex;gap:10px;margin:18px 0;flex-wrap:wrap}
.helplineTools input{flex:1;min-width:220px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fff}
.helplineGroup{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;margin:16px 0;box-shadow:0 4px 16px #15375c08}
.helplineGroup h2{font-size:19px;margin:0 0 12px;color:var(--navy);border-bottom:1px solid var(--line);padding-bottom:10px}
.helplineItem{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 2px;border-bottom:1px solid #edf1f6}
.helplineItem:last-child{border-bottom:0}
.helplineItem span{font-size:14px}
.helplineItem a{white-space:nowrap;background:#eaf5ff;padding:7px 11px;border-radius:9px;font-weight:700}
.helplineNote{background:#fff8df;border:1px solid #f1e4b4;color:#694c00;padding:14px;border-radius:12px;font-size:13px;margin-top:20px}
@media(max-width:560px){.top{padding:12px 14px}.top nav{right:14px}.runningTicker{padding-left:14px;padding-right:14px}.helplineIntro{padding:22px}.helplineGroup{padding:13px}.helplineItem{align-items:flex-start}.helplineItem span{max-width:68%}.helplineItem a{font-size:13px}}

/* Final alignment and compact announcement strip */
.top .brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;min-width:max-content}.top .brand .logo{flex:0 0 43px;overflow:hidden}.top .brand .logo img{display:block;width:100%;height:100%;object-fit:contain}.top .brand>div:last-child{padding:0!important;align-self:center}.tickerOuter{max-width:900px;margin:0 auto;background:#fff8df}.tickerOuter .runningTicker{width:100%;max-width:none;margin:0;padding:7px 14px;background:transparent;min-height:35px;max-height:42px}.footerInner{max-width:900px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 14px;flex-wrap:wrap}.footerInner .brand{display:flex;align-items:center;gap:10px;color:inherit}.footerInner .brand .logo{width:43px;height:43px;overflow:hidden}.footerInner .brand .logo img{width:100%;height:100%;object-fit:contain}.footerInner .brand b,.footerInner .brand small{display:block}.footerInner .brand b{color:var(--navy)}.footerInner .brand small,.footerInner small,.footerInner>span{font-size:12px;color:var(--muted)}footer{border-top:1px solid var(--line);background:#fff;margin-top:30px}@media(max-width:600px){.tickerOuter{max-width:100%}.footerInner{justify-content:flex-start}.footerInner>small{width:100%}}

/* Requested header/ticker/footer alignment */
.tickerOuter{max-width:900px;margin:0 auto;display:flex;align-items:center;gap:0;background:transparent}
.tickerOuter .runningTicker{flex:1 1 auto;min-width:0;width:auto;background:#fff0a8;border-radius:5px 0 0 5px}
.tickerBrand{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:0 0 0 12px;min-width:0}
.tickerBrand .logo{width:38px;height:38px;flex:0 0 38px;border-radius:9px;overflow:hidden}
.tickerBrand .logo img{width:100%;height:100%;object-fit:contain}
.tickerBrand b{font-size:14px;color:var(--navy);white-space:nowrap}.tickerBrand small{font-size:11px;white-space:nowrap;color:var(--muted)}
.footerInner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:14px}
.footerInner>.brand{justify-self:start}.footerInner>span{text-align:center;justify-self:center}.footerInner>small{text-align:right;justify-self:end;line-height:1.5}
@media(max-width:600px){.tickerOuter{padding:0 12px}.tickerBrand{padding-left:8px;gap:5px}.tickerBrand .logo{width:32px;height:32px;flex-basis:32px}.tickerBrand b{font-size:11px}.tickerBrand small{font-size:9px}.footerInner{grid-template-columns:1fr;justify-items:center;text-align:center}.footerInner>.brand,.footerInner>span,.footerInner>small{justify-self:center;text-align:center;width:auto}.footerInner>small{width:100%}}

/* Fix: logo replaces the speaker icon at the start of the homepage ticker; no brand beside ticker */
.tickerOuter{max-width:900px;margin:0 auto;display:block;background:#fff8df}
.tickerOuter .runningTicker{display:flex;align-items:center;gap:10px;width:100%;max-width:100%;box-sizing:border-box;background:#fff0a8;border-radius:5px;padding:5px 10px;min-height:42px;max-height:42px;overflow:hidden}
.tickerLogo{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;white-space:nowrap}
.tickerLogo img{display:block;width:100%;height:100%;object-fit:contain}
.tickerOuter marquee{flex:1;min-width:0}
@media(max-width:600px){.tickerOuter{padding:0 12px}.tickerOuter .runningTicker{padding:4px 8px}.tickerLogo{flex-basis:28px;width:28px;height:28px}}

/* Final requested correction: keep original speaker icon in ticker; move brand to right side of top header */
.top{display:flex;align-items:center;gap:14px}
.top>.brand{margin-left:auto;order:2}
.top>.menu{order:3;flex-shrink:0}
.top>nav{order:4}
.tickerLogo{font-size:20px;line-height:1;flex:0 0 32px;width:32px;height:32px}
.tickerLogo img{display:none!important}
@media(max-width:600px){.top>.brand{margin-left:auto}.tickerLogo{flex-basis:28px;width:28px;height:28px}}

/* Final correction: align the shop logo/name directly above the ticker's speaker icon. */
@media(min-width:601px){.top>.brand{position:absolute;left:max(calc((100% - 900px)/2),22px);top:50%;transform:translateY(-50%);margin-left:0;order:0}.top>.menu{margin-left:auto}}
@media(max-width:600px){.top>.brand{position:absolute;left:12px;top:50%;transform:translateY(-50%);margin-left:0;order:0}.top>.menu{margin-left:auto}}
/* Keep the ticker speaker visible; no shop logo is placed inside the ticker. */
.tickerLogo{display:inline-flex!important;font-size:20px;line-height:1;align-items:center;justify-content:center}
.tickerLogo img{display:none!important}


/* v5 alignment and navigation stability fixes */
.top{position:relative;z-index:100;background:#fff;min-height:74px}
@media(min-width:601px){.top>.brand{left:max(calc((100% - 900px)/2 + 10px),32px);top:50%;transform:translateY(-50%)}.top>.menu{position:relative;z-index:102}.top nav{z-index:101}}
@media(max-width:600px){.top>.brand{left:22px;top:50%;transform:translateY(-50%)}.top>.menu{position:relative;z-index:102}.top nav{z-index:101}}
.footerInner{max-width:900px;padding-left:24px;padding-right:24px;box-sizing:border-box}
.helplineItem{gap:12px}.helplineItem>span{display:flex;gap:6px;align-items:flex-start}.helplineSerial{flex:0 0 auto;color:var(--blue,#1769aa);min-width:22px}
.top nav.open{display:flex;z-index:200;position:absolute}
.admin-section summary{cursor:pointer;position:relative;z-index:1}

/* v6: consistent shared navigation/header on Holidays and Islamic pages */
.top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:78px;box-sizing:border-box}
.top>.brand{position:absolute!important;left:max(calc((100% - 900px)/2 + 10px),32px)!important;top:50%!important;transform:translateY(-50%)!important;margin-left:0!important;display:flex;align-items:center;gap:10px;min-width:0;flex:0 0 auto}
.top>.brand .logo{width:48px;height:48px;flex:0 0 48px;overflow:hidden}
.top>.brand .logo img{display:block;width:100%;height:100%;object-fit:contain}
.top>.menu{position:relative;left:auto;top:auto;transform:none;flex:0 0 auto;z-index:300}
.top nav{z-index:400!important}
.helplineSerial{display:none!important}

/* Logo position only: restore alignment above the ticker microphone; preserve all other v6 fixes. */
@media(max-width:600px){.top>.brand{left:22px!important;top:50%!important;transform:translateY(-50%)!important}}