.border-red-500 {
    border-color: rgb(239 68 68 / 1);
}
.text-red-800 {
    color: rgb(153 27 27 / 1);
}
.border-red-400 {
    border-color: rgb(248 113 113 / 1);
}
.bg-red-50 {
    background-color: rgb(254 242 242 / 1);
}
.text-pink-300 {
    color: rgb(249 168 212 / 1);
}
    body {
      font-family: 'Tiro Bangla', sans-serif;
    }


/* Optional: prevent any AOS transformed elements from breaking viewport */
[data-aos] {
  max-width: 100%;
  box-sizing: border-box;
}

    /* Typography */
    body {
      font-family: 'Noto Serif Bengali', serif;
      font-size: 1rem;
      color: #333;
    }

    h1,
    h2,
    h3,
    h4 {
      font-family: 'Noto Serif Bengali', serif;
    }

    /* Notice Marquee */
    @keyframes marquee {
      0% {
        transform: translateX(100%);
      }

      100% {
        transform: translateX(-100%);
      }
    }

    .animate-marquee {
      animation: marquee 100s linear infinite;
    }

    /* Nav Hover Animation */
    nav a {
      position: relative;
      transition: color 0.3s ease;
    }

    nav a::after {
      content: "";
      position: absolute;
      width: 0%;
      height: 2px;
      left: 0;
      bottom: -4px;
      background: #165d36;
      transition: width 0.3s ease;
    }

    nav a:hover::after {
      width: 100%;
    }

    /* Dropdown animation */
    .dropdown-menu {
      transform: translateY(-10px);
      opacity: 0;
      visibility: hidden;
      transition: all 0.3s ease;
    }

    .group:hover .dropdown-menu {
      transform: translateY(0);
      opacity: 1;
      visibility: visible;
    }

    /* Mobile menu animation */
    #mobileMenu {
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      max-height: calc(100vh - 72px);
      max-height: calc(100dvh - 72px);
      transition: max-height 0.4s ease;
    }

    /* Prevent page-level horizontal scrolling from wide/transformed content.
       Applied to the root only so body never becomes a second scroller. */
    html {
      overflow-x: hidden;
    }
    @media (max-width: 1024px) {
        .mhide{
            display:none;
        }
        html, body {
          max-width: 100%;
        }
    }
    /* The full menu is ~770px wide, so show it only where it fits and keep
       the hamburger on tablets (same 1024px boundary as .mhide). */
    @media (max-width: 1023.98px) {
      .nav-desktop { display: none !important; }
      .nav-toggle { display: block !important; }
    }
    .top_btn{
        border-radius:3px;
    }
    .top_btn:hover{
        color:rgb(15 118 110 / var(--tw-bg-opacity, 1));
        background:#fff;
        cursor:pointer;
    }
     .head_nav {
        position: relative;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
      }
      .head_nav.sticky {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: white;
        box-shadow: 0 8px 22px -12px rgba(15,23,42,.55);
        z-index: 999;
        animation: navDrop 0.32s ease;
      }
      /* Add .stop_sticky_nav on <body> to disable the pinned nav */
      body.stop_sticky_nav .head_nav.sticky {
        position: static;
        animation: none;
        box-shadow: none;
      }
      @keyframes navDrop {
        from { transform: translateY(-100%); }
        to   { transform: translateY(0); }
      }
      nav button{
        background: transparent;
      }
  

/* ===== Home page (scoped) ===== */
.hm-page{
  --hm-ink:#0f172a;--hm-muted:#475569;--hm-teal:#165d36;--hm-teal-2:#167b43;--hm-teal-3:#239653;
  --hm-line:#e2e8f0;--hm-bg:#f8fafc;
  color:var(--hm-ink);background:#fff;
}
.hm-page *{box-sizing:border-box;}
.hm-container{width:100%;max-width:1120px;margin-inline:auto;padding-inline:20px;}
.hm-section{padding:64px 0;}
.hm-section--tint{background:var(--hm-bg);}
.hm-eyebrow{display:inline-block;padding:6px 14px;border-radius:999px;background:#edf5dd;color:#165d36;font-weight:600;font-size:.82rem;margin-bottom:14px;}
.hm-h2{font-size:clamp(1.5rem,3.4vw,2.1rem);font-weight:800;color:var(--hm-teal);line-height:1.3;margin:0;}
.hm-sub{color:var(--hm-muted);line-height:1.8;margin:10px 0 0;}
.hm-center{text-align:center;}
.hm-sec-head{max-width:760px;margin:0 auto 40px;text-align:center;}
.hm-card{background:#fff;border:1px solid var(--hm-line);border-radius:16px;box-shadow:0 20px 45px -40px rgba(15,23,42,.75);}

/* Hero */
.hm-hero{
  position:relative;overflow:hidden;padding:40px 0;
  background:
    radial-gradient(900px 340px at 10% -10%,rgba(35,150,83,.14),transparent 60%),
    radial-gradient(760px 320px at 95% 0%,rgba(22,123,67,.10),transparent 60%),
    linear-gradient(180deg,#f4f9f1 0%,#ffffff 100%);
  border-bottom:1px solid var(--hm-line);
}
.hm-hero__grid{display:grid;gap:26px;grid-template-columns:1fr;align-items:stretch;}
@media (min-width:1024px){.hm-hero__grid{grid-template-columns:5fr 2fr;}}

.hm-hero__slider{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 24px 55px -40px rgba(15,23,42,.9);}
.hm-hero__slider .swiper{width:100%;height:420px;}
.hm-hero__slider .swiper-slide{position:relative;overflow:hidden;background:#0f172a;}
.hm-hero__slider .swiper-slide img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s ease;border-radius:12px;}
.hm-hero__slider .swiper-slide-active img{transform:scale(1.03);}
.hm-hero__slider .swiper-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,.12) 48%,transparent 78%);pointer-events:none;}
@media (max-width:768px){.hm-hero__slider .swiper{height:300px;}}
@media (max-width:480px){.hm-hero__slider .swiper{height:220px;}}
.hm-hero__slider .swiper-button-prev,
.hm-hero__slider .swiper-button-next{
  width:44px;height:44px;border-radius:999px;background:rgba(15,23,42,.5);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:22px;opacity:0;transition:.25s;backdrop-filter:blur(4px);
}
.hm-hero__slider:hover .swiper-button-prev,
.hm-hero__slider:hover .swiper-button-next{opacity:1;}
.hm-hero__slider .swiper-button-prev:hover,
.hm-hero__slider .swiper-button-next:hover{background:var(--hm-teal-3);}
.hm-hero__slider .swiper-button-prev::after,
.hm-hero__slider .swiper-button-next::after{display:none;}
.hm-hero__slider .swiper-button-prev{left:14px;}
.hm-hero__slider .swiper-button-next{right:14px;}
.hm-hero__slider .swiper-pagination{bottom:14px;}
.hm-hero__slider .swiper-pagination-bullet{background:rgba(255,255,255,.65);opacity:1;width:8px;height:8px;box-shadow:0 0 0 1.5px rgba(15,23,42,.4);transition:.3s;}
.hm-hero__slider .swiper-pagination-bullet-active{background:var(--hm-teal-3);width:22px;border-radius:10px;box-shadow:0 0 0 2px rgba(255,255,255,.9);}

/* Notices */
.hm-notices{display:flex;flex-direction:column;background:#fff;border:1px solid var(--hm-line);border-radius:16px;padding:22px;box-shadow:0 20px 45px -40px rgba(15,23,42,.75);}
.hm-notices__title{font-size:1.2rem;font-weight:800;color:#0f172a;text-align:center;margin:0 0 16px;}
#notice-container{position:relative;overflow:hidden;min-height:250px;padding-top:4px;flex:1;}
.hm-notice{display:block;padding:12px;margin-bottom:12px;border:1px solid var(--hm-line);border-radius:12px;background:#fff;text-decoration:none;transition:.2s;}
.hm-notice:hover{background:#f4f9f1;border-color:#99f6e4;}
.hm-notice__date{font-size:.75rem;color:#94a3b8;margin:0 0 4px;}
.hm-notice__title{font-size:.95rem;font-weight:700;line-height:1.45;color:#1e293b;margin:0;transition:.2s;}
.hm-notice:hover .hm-notice__title{color:var(--hm-teal);}
#scrolling-wrapper{position:relative;overflow:hidden;height:190px;}
#scrolling-wrapper::-webkit-scrollbar{display:none;}
#scrolling-wrapper{scrollbar-width:none;}
@keyframes hmBlink{
  0%,100%{background-color:#f4f9f1;border-color:#239653;box-shadow:0 0 6px rgba(35,150,83,.2);}
  50%{background-color:#edf5dd;border-color:#167b43;box-shadow:0 0 14px rgba(35,150,83,.35);}
}
.blink-highlight{border-left:5px solid var(--hm-teal-3);animation:hmBlink 1.6s ease-in-out infinite;}
.hm-notices__all{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;color:var(--hm-teal);font-weight:600;font-size:.9rem;text-decoration:none;}
.hm-notices__all:hover{color:#10472b;}
.hm-notices__all svg{width:16px;height:16px;}

/* About */
.hm-about__grid{display:grid;gap:40px;grid-template-columns:1fr;align-items:center;}
@media (min-width:900px){.hm-about__grid{grid-template-columns:1fr 1fr;}}
.hm-about__media{position:relative;}
.hm-about__media img{width:100%;height:auto;max-height:420px;object-fit:cover;border-radius:16px;box-shadow:0 30px 60px -45px rgba(15,23,42,.9);display:block;}
.hm-about__badge{position:absolute;left:16px;bottom:16px;background:#fff;color:var(--hm-teal);font-weight:700;font-size:.9rem;padding:8px 14px;border-radius:10px;box-shadow:0 10px 24px -16px rgba(15,23,42,.7);}
.hm-about__text p{color:#334155;line-height:1.95;font-size:1.03rem;text-align:justify;margin:0;}
.hm-about__text p + p{margin-top:16px;}

/* Why (posts) */
.hm-why__grid{display:grid;gap:24px;grid-template-columns:1fr;}
@media (min-width:700px){.hm-why__grid{grid-template-columns:1fr 1fr;}}
@media (min-width:1024px){.hm-why__grid{grid-template-columns:repeat(3,1fr);}}
.hm-why__card{padding:28px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;}
.hm-why__card:hover{transform:translateY(-4px);box-shadow:0 30px 55px -42px rgba(15,23,42,.9);}
.hm-why__top{display:flex;align-items:center;gap:14px;margin-bottom:18px;}
.hm-why__num{font-size:2.4rem;font-weight:800;color:#99f6e4;line-height:1;}
.hm-why__ic{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:999px;background:#f4f9f1;color:var(--hm-teal);}
.hm-why__ic svg{width:26px;height:26px;}
.hm-why__title{font-size:1.22rem;font-weight:800;color:#0f172a;line-height:1.5;margin:0 0 12px;}
.hm-why__text{color:#475569;line-height:1.85;font-size:.97rem;margin:0 0 20px;flex-grow:1;}
.hm-link{display:inline-flex;align-items:center;gap:8px;color:var(--hm-teal);font-weight:700;text-decoration:none;margin-top:auto;}
.hm-link svg{width:18px;height:18px;transition:transform .2s;}
.hm-link:hover{color:#10472b;}
.hm-link:hover svg{transform:translateX(4px);}

/* Facilities */
.hm-fac__grid{display:grid;gap:24px;grid-template-columns:1fr;}
@media (min-width:820px){.hm-fac__grid{grid-template-columns:1fr 1fr;}}
.hm-fac__card{padding:30px;display:flex;flex-direction:column;border-top:4px solid var(--hm-teal-2);}
.hm-fac__ic{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:16px;background:#f4f9f1;color:var(--hm-teal);margin-bottom:20px;}
.hm-fac__ic svg{width:30px;height:30px;}
.hm-fac__card h3{font-size:1.3rem;font-weight:800;color:#0f172a;line-height:1.5;margin:0 0 12px;}
.hm-fac__card p{color:#475569;line-height:1.9;font-size:.98rem;margin:0;}
.hm-fac__cta{text-align:center;margin-top:38px;}
.hm-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 26px;border-radius:12px;font-weight:700;text-decoration:none;transition:.2s;}
.hm-btn--primary{background:var(--hm-teal);color:#fff;box-shadow:0 16px 32px -20px rgba(15,118,110,1);}
.hm-btn--primary:hover{background:#10472b;transform:translateY(-2px);}

/* Chairman */
.hm-chair{background:var(--hm-bg);}
.hm-chair__card{padding:34px;display:grid;gap:28px;grid-template-columns:1fr;align-items:center;border-bottom:4px solid var(--hm-teal-2);}
@media (min-width:820px){.hm-chair__card{grid-template-columns:200px minmax(0,1fr);padding:44px;}}
.hm-chair__img{width:150px;height:150px;border-radius:999px;object-fit:cover;border:5px solid #99f6e4;box-shadow:0 20px 40px -28px rgba(15,23,42,.8);display:block;margin:0 auto;}
@media (min-width:820px){.hm-chair__img{width:190px;height:190px;}}
.hm-chair__quote{font-size:clamp(1.1rem,2.4vw,1.4rem);line-height:1.9;color:#1e293b;text-align:justify;margin:0 0 18px;}
.hm-chair__name{font-size:1.15rem;font-weight:800;color:#0f172a;margin:0;}
.hm-chair__role{color:var(--hm-teal);font-size:1rem;margin:2px 0 0;}

/* Contact */
.hm-contact__cards{display:grid;gap:22px;grid-template-columns:1fr;margin-bottom:44px;}
@media (min-width:820px){.hm-contact__cards{grid-template-columns:repeat(3,1fr);}}
.hm-contact__card{padding:26px;text-align:center;display:flex;flex-direction:column;align-items:center;border-bottom:4px solid var(--hm-teal-2);transition:transform .2s,box-shadow .2s;}
.hm-contact__card:hover{transform:translateY(-4px);box-shadow:0 30px 55px -42px rgba(15,23,42,.9);}
.hm-contact__ic{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:999px;background:#f4f9f1;color:var(--hm-teal);margin-bottom:16px;}
.hm-contact__ic svg{width:26px;height:26px;}
.hm-contact__card h3{font-size:1.15rem;font-weight:800;color:#0f172a;margin:0 0 8px;}
.hm-contact__card p{color:#475569;line-height:1.7;margin:0;}
.hm-contact__card p + p{margin-top:6px;font-size:.9rem;color:#94a3b8;}
.hm-contact__card a{color:var(--hm-teal);font-weight:600;text-decoration:none;margin-top:8px;}
.hm-contact__card a:hover{text-decoration:underline;}
.hm-contact__split{display:grid;gap:32px;grid-template-columns:1fr;background:#fff;border:1px solid var(--hm-line);border-radius:18px;padding:30px;box-shadow:0 20px 45px -42px rgba(15,23,42,.8);}
.hm-contact__split > div{min-width:0;}
@media (min-width:900px){.hm-contact__split{grid-template-columns:1fr 1fr;}}
.hm-contact__split h3{font-size:1.5rem;font-weight:800;color:#0f172a;margin:0 0 22px;}
.hm-form{display:grid;gap:16px;}
.hm-form__row{display:grid;gap:16px;grid-template-columns:1fr;}
@media (min-width:560px){.hm-form__row{grid-template-columns:1fr 1fr;}}
.hm-form input,.hm-form textarea{width:100%;padding:13px 15px;border:1.5px solid var(--hm-line);border-radius:11px;font-size:1rem;font-family:inherit;background:#fff;transition:border-color .18s,box-shadow .18s;}
.hm-form input:focus,.hm-form textarea:focus{outline:none;border-color:var(--hm-teal-3);box-shadow:0 0 0 4px rgba(35,150,83,.15);}
.hm-form textarea{resize:vertical;min-height:140px;}
.hm-form__submit{background:var(--hm-teal);color:#fff;border:none;border-radius:12px;padding:14px 30px;font-weight:700;font-size:1rem;cursor:pointer;transition:.2s;justify-self:start;}
.hm-form__submit:hover{background:#10472b;transform:translateY(-1px);}
#feedbackMsg{margin-top:14px;font-weight:600;}
.hm-map{border-radius:14px;overflow:hidden;border:1px solid var(--hm-line);height:340px;}
.hm-map iframe{width:100%;height:340px;border:0;display:block;}
@media (max-width:900px){.hm-map,.hm-map iframe{height:300px;}}

/* Branches */
.hm-branch__grid{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;}
.hm-branch__card{background:#fff;border:1px solid var(--hm-line);border-radius:16px;padding:26px;flex:0 1 340px;max-width:100%;border-top:4px solid var(--hm-teal-2);box-shadow:0 20px 45px -42px rgba(15,23,42,.8);}
.hm-branch__card h4{font-size:1.2rem;font-weight:800;color:#0f172a;text-align:center;margin:0 0 12px;}
.hm-branch__addr{color:#475569;line-height:1.8;margin:0 0 12px;}
.hm-branch__card a{display:block;color:var(--hm-teal);text-decoration:none;font-size:.95rem;line-height:1.9;}
.hm-branch__card a:hover{text-decoration:underline;}

@media (max-width:640px){
  .hm-section{padding:48px 0;}
  .hm-hero{padding:28px 0;}
  .hm-chair__card{padding:26px;}
  .hm-about__text p,.hm-fac__card p,.hm-why__text{text-align:left;}
}


.site-footer{
  --ft-panel:#122036;--ft-line:rgba(255,255,255,.10);
  --ft-text:#a9b8c9;--ft-head:#ffffff;--ft-teal:#2dd4bf;
  position:relative;
  background:linear-gradient(180deg,#0b1a2b 0%,#0a1420 100%);
  color:var(--ft-text);
  font-family:'Noto Serif Bengali',serif;
}
.site-footer::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#165d36,#2dd4bf);}
.site-footer *{box-sizing:border-box;}
.ft-container{width:100%;max-width:1120px;margin-inline:auto;padding-inline:22px;}

/* Logo | links | contact | Facebook (small box), spaced across the row */
.ft-main{display:grid;grid-template-columns:minmax(0,345px) minmax(0,160px) minmax(0,190px) minmax(0,235px);justify-content:space-between;gap:34px;align-items:start;padding:58px 0 44px;}
@media (max-width:980px){
  .ft-main{grid-template-columns:1fr 1fr;justify-content:start;gap:34px;padding:46px 0 36px;}
  .ft-fb-col{grid-column:1 / -1;}
}
@media (max-width:560px){
  .ft-main{grid-template-columns:1fr;gap:30px;padding:40px 0 30px;}
  .ft-fb-col{grid-column:auto;}
}

.ft-brand .ft-logo{height:72px;width:auto;margin-bottom:16px;display:block;}
.ft-about{line-height:1.9;font-size:.9rem;color:var(--ft-text);margin:0;}

.ft-title{font-size:1rem;font-weight:700;color:var(--ft-head);margin:0 0 20px;position:relative;padding-bottom:12px;}
.ft-title::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--ft-teal),#165d36);}

.ft-links{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
.ft-links a{color:var(--ft-text);text-decoration:none;font-size:.94rem;transition:color .18s,padding-left .18s;}
.ft-links a:hover{color:var(--ft-teal);padding-left:5px;}
.ft-contact{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
.ft-contact li{display:flex;gap:10px;align-items:flex-start;line-height:1.6;font-size:.9rem;}
.ft-contact svg{width:18px;height:18px;flex:0 0 auto;margin-top:2px;color:var(--ft-teal);}
.ft-contact a{color:var(--ft-text);text-decoration:none;word-break:break-word;transition:color .18s;}
.ft-contact a:hover{color:var(--ft-teal);}

.ft-fb{border:1px solid var(--ft-line);border-radius:14px;overflow:hidden;background:var(--ft-panel);}
.fb-frame-wrapper{position:relative;height:210px;overflow:hidden;}
.fb-frame-wrapper > *{position:absolute;inset:0;width:100%;height:100%;border:0;}
.fb-placeholder{display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:.9rem;}
@media (max-width:560px){.fb-frame-wrapper{height:200px;}}

.ft-bottom{border-top:1px solid var(--ft-line);padding:24px 0;}
.ft-bottom__inner{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;}
.ft-bottom p{margin:0;font-size:.88rem;color:var(--ft-text);}
.ft-bottom__links{display:flex;gap:24px;flex-wrap:wrap;}
.ft-bottom__links a{color:var(--ft-text);text-decoration:none;font-size:.88rem;transition:.18s;}
.ft-bottom__links a:hover{color:var(--ft-teal);}
@media (max-width:560px){.ft-bottom__inner{flex-direction:column;align-items:flex-start;}}