/* Megh Bari Cloud Theme V5 — sky blue, premium, mobile-first */
:root{
  --ink:#123347;
  --ink2:#0c3a52;
  --paper:#f4fbfe;
  --white:#fff;
  --muted:#4a6574;
  --sky:#7ec8e8;
  --sky2:#3aa0d0;
  --navy:#0e4a62;
  --cloud:#e7f4fb;
  --line:#d4e7f0;
  --green:#1aa56a;
  --green2:#12885a;
  --blue:#1877f2;
  --violet:#2f7fb8;
  --violet2:#5aa7d6;
  --violetBlack:#0e4a62;
  --wa:#16a85a;
  --ms:#1877f2;
  --call:#c1121f;
  --shadow:0 22px 60px rgba(14,74,98,.14);
}
html,body{
  background:linear-gradient(180deg,#cfeaf8 0%,#eef8fd 28%,#ffffff 100%)!important;
  color:var(--ink)!important;
}
.topbar{background:linear-gradient(90deg,#0b3b52,#0e4a62 55%,#15607d)!important;color:#fff!important}
.header{background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--line)!important;backdrop-filter:blur(14px)}
.menu a:after{background:linear-gradient(90deg,#3aa0d0,#7ec8e8)!important}
.lang{background:#e7f4fb!important;border-color:#c5e3f1!important}
.lang button.active{background:linear-gradient(135deg,#0e4a62,#1c6d8c)!important}
.btn-green{background:linear-gradient(135deg,#12885a,#1aa56a)!important}
.btn-violet{background:linear-gradient(135deg,#0e4a62,#2f7fb8)!important;box-shadow:0 12px 28px rgba(14,74,98,.22)!important}
.nav-fb,.btn-facebook{
  background:#1877f2!important;color:#fff!important;border:0!important;
  padding:10px 14px!important;border-radius:12px!important;font-weight:800!important
}
.hero{
  background:#cfe8f5!important;
  min-height:min(88vh,720px)!important;
}
.hero-bg{
  background-image:url('hero-cloud.jpg')!important;
  background-size:cover!important;
  background-position:center center!important;
  filter:saturate(1.05) contrast(1.02)!important;
  opacity:1!important;
}
.hero:before,.hero:after{
  background:linear-gradient(105deg,rgba(232,246,252,.88) 0%,rgba(207,232,245,.38) 42%,rgba(255,255,255,0) 70%)!important;
}
.hero-copy{color:var(--ink)!important}
.hero h1{color:#0c3a52!important;letter-spacing:-.02em}
.hero p{color:#3d5d70!important;text-shadow:none!important}
.eyebrow{background:#0e4a62!important;color:#fff!important;border:0!important}
.fact{background:rgba(255,255,255,.92)!important;border:1px solid var(--line)!important;color:var(--ink)!important;border-radius:16px}
.section.dark{background:linear-gradient(180deg,#e4f4fb,#d5ecf6)!important;color:var(--ink)!important}
.section.soft{background:linear-gradient(180deg,#f7fcfe,#eef8fd)!important}
.pagehero{background:linear-gradient(180deg,#d7eef8,#fff)!important}
.footer{background:linear-gradient(180deg,#0c3a52,#0e4a62)!important;color:#e8f6fb!important}
.footer a{color:#fff!important}

.wow-strip{
  margin:18px 0 0;
  padding:22px 22px 20px;
  border-radius:22px;
  background:
    linear-gradient(120deg,rgba(14,74,98,.78),rgba(58,160,208,.42)),
    url('hero-sky.jpg') center/cover;
  color:#fff;
  box-shadow:var(--shadow);
}
.wow-strip h3{margin:0 0 8px;font-size:clamp(22px,3vw,32px)}
.wow-strip p{margin:0;max-width:62ch;color:#eef8fd}

.home-gallery{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:12px!important;
}
.home-gallery .gitem{
  margin:0;position:relative;overflow:hidden;border-radius:16px;
  background:#d7eef8;cursor:zoom-in;
}
.home-gallery .gitem:nth-child(1),
.home-gallery .gitem:nth-child(7){grid-column:auto;grid-row:auto}
.home-gallery .gitem img{
  width:100%;height:100%;min-height:128px;object-fit:cover;display:block;
  transition:transform .45s ease;
}
.home-gallery .gitem:hover img{transform:scale(1.08)}
.home-gallery .gitem:after{
  content:"+";position:absolute;right:10px;bottom:8px;width:28px;height:28px;
  border-radius:50%;background:rgba(14,74,98,.75);color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;
}

.modal{z-index:200}
.modal.open img{animation:mbzoom .35s ease}
@keyframes mbzoom{from{transform:scale(.92);opacity:.4}to{transform:scale(1);opacity:1}}

.review-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:12px 0 22px}
.review-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 10px 24px rgba(14,74,98,.06)}
.review-card span{display:block;font-size:13px;color:#5b7482;margin:4px 0 8px}
.review-form{display:grid;gap:10px;max-width:680px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}
.review-form input,.review-form textarea{width:100%;padding:12px;border:1px solid #d4e7f0;border-radius:12px;font-size:16px}
.review-form .hp{position:absolute;left:-9999px}

.speech{max-width:72ch;margin:0 0 16px;font-size:16.6px;line-height:1.85;text-align:justify;color:#2c4a5c}
.leader img,.management-message img.card,img[src*="md.jpg"],img[src*="management.png"]{
  object-fit:cover;object-position:center 18%;background:#eef6fb;border-radius:22px
}

.mobilebar.stick3{
  display:grid!important;
  grid-template-columns:1fr 1fr 1fr;
  position:fixed;left:10px;right:10px;
  bottom:calc(10px + env(safe-area-inset-bottom));
  z-index:120;gap:6px;padding:6px;
  background:rgba(14,74,98,.96)!important;
  border-radius:16px;width:auto!important;transform:none!important;
}
.mobilebar.stick3 a{
  min-height:48px;display:flex;align-items:center;justify-content:center;
  border-radius:12px;color:#fff!important;font-weight:800;font-size:13px;text-align:center
}
.mobilebar .wa{background:#16a85a!important}
.mobilebar .messenger{background:#1877F2!important}
.mobilebar .call{background:#c1121f!important}
body{padding-bottom:calc(84px + env(safe-area-inset-bottom))!important}
.footer{padding-bottom:28px!important}

.social-float{z-index:40}
@media(max-width:900px){
  .social-float{display:none!important}
  .home-gallery{grid-template-columns:repeat(2,1fr)!important}
  .home-gallery{grid-template-columns:repeat(3,1fr)!important}
  .home-gallery .gitem:nth-child(1),
  .home-gallery .gitem:nth-child(7){grid-column:auto;grid-row:auto}
  .home-gallery .gitem img{height:118px;min-height:118px}
  .review-list{grid-template-columns:1fr}
  .hero{min-height:0!important}
  .hero h1{font-size:clamp(28px,8vw,36px)!important}
  .header .actions .btn-green{display:none!important}
  .speech{text-align:left;font-size:15.6px}
}
@media(max-width:390px){
  .mobilebar.stick3 a{font-size:11px}
}

/* V6 contrast + bilingual facilities */
.hero .fact,
.fact{
  background:#ffffff !important;
  border:1px solid #c5e3f1 !important;
  color:#0c3a52 !important;
  box-shadow:0 8px 22px rgba(14,74,98,.12);
  padding:12px 14px !important;
}
.hero .fact b,
.fact b{
  color:#0c3a52 !important;
  font-size:18px !important;
  font-weight:800 !important;
  display:block !important;
}
.hero .fact span,
.fact span{
  color:#3d5d70 !important;
  font-weight:700 !important;
}
.hero-facts{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  margin-top:16px;
}
@media(max-width:900px){
  .hero-facts{grid-template-columns:1fr 1fr !important}
  .hero-facts .fact:last-child{grid-column:1 / -1}
}
.facilities-visual img,
img[data-bn][src*="facilit"],
img[data-en][src*="facilit"]{
  width:100%;
  height:auto;
  border-radius:18px;
  display:none;
}
body.bn img[data-bn],
body:not(.en) img[data-bn]{display:block !important}
body.en img[data-en]{display:block !important}
body.en img[data-bn],
body:not(.en) img[data-en]{display:none !important}
body.en [data-en]{display:inline !important}
body.en img[data-en]{display:block !important}

/* home-gallery 3col v7 */
.home-gallery{grid-template-columns:repeat(3,1fr)!important;gap:12px!important}
.home-gallery .gitem{grid-column:auto!important;grid-row:auto!important}
.home-gallery .gitem img{height:160px!important;min-height:160px!important;border-radius:16px}
@media(max-width:700px){
  .home-gallery{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}
  .home-gallery .gitem img{height:96px!important;min-height:96px!important}
}

/* v8 hero readability + 6-up gallery */
.hero-copy p,
.hero p{
  color:#123347 !important;
  font-weight:700 !important;
  font-size:clamp(17px,2.1vw,20px) !important;
  line-height:1.55 !important;
  max-width:36em;
  text-shadow:0 1px 0 rgba(255,255,255,.65) !important;
}
.hero h1{
  color:#0a2f42 !important;
  font-weight:800 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.5);
}
.home-gallery{grid-template-columns:repeat(3,1fr)!important;gap:12px!important}
.home-gallery .gitem{grid-column:auto!important;grid-row:auto!important}
.home-gallery .gitem img{height:170px!important;min-height:170px!important}
@media(max-width:700px){
  .hero-copy p,.hero p{font-size:16px !important;font-weight:700 !important}
  .home-gallery{grid-template-columns:repeat(2,1fr)!important}
  .home-gallery .gitem img{height:120px!important;min-height:120px!important}
}