.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;
      }
  

/* ===== Admission procedure page (scoped) ===== */
.ap-page{
  --ap-ink:#0f172a;
  --ap-muted:#475569;
  --ap-teal:#165d36;
  --ap-teal-2:#167b43;
  --ap-teal-3:#239653;
  --ap-line:#e2e8f0;
  color:var(--ap-ink);
  background:#fff;
}
.ap-container{width:100%;max-width:1120px;margin-inline:auto;padding-inline:20px;}

/* Hero */
.ap-hero{
  position:relative;overflow:hidden;padding:60px 0 66px;
  background:
    radial-gradient(900px 320px at 12% -10%,rgba(35,150,83,.16),transparent 60%),
    radial-gradient(720px 300px at 92% 0%,rgba(22,123,67,.12),transparent 60%),
    linear-gradient(180deg,#f4f9f1 0%,#ffffff 100%);
  border-bottom:1px solid var(--ap-line);
}
.ap-hero__inner{max-width:840px;margin-inline:auto;text-align:center;}
.ap-chip{
  display:inline-block;padding:7px 16px;border-radius:999px;background:#edf5dd;
  color:#165d36;font-weight:600;font-size:.85rem;letter-spacing:.02em;margin-bottom:18px;
}
.ap-hero__title{
  font-size:clamp(1.9rem,5vw,3rem);font-weight:800;line-height:1.22;
  color:#165d36;margin:0 0 14px;
}
.ap-hero__lead{
  font-size:clamp(1rem,2.3vw,1.15rem);line-height:1.8;color:var(--ap-muted);
  margin:0 auto;max-width:680px;
}
.ap-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:28px;}

/* Buttons */
.ap-btn{
  display:inline-flex;align-items:center;gap:9px;padding:13px 22px;border-radius:11px;
  font-weight:600;font-size:1rem;line-height:1;border:1.5px solid transparent;
  transition:transform .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease,border-color .18s ease;
  text-decoration:none;cursor:pointer;
}
.ap-btn svg{width:18px;height:18px;flex:0 0 auto;}
.ap-btn--primary{background:var(--ap-teal);color:#fff;box-shadow:0 12px 26px -14px rgba(15,118,110,.9);}
.ap-btn--primary:hover{background:#10472b;transform:translateY(-2px);}
.ap-btn--ghost{background:#fff;color:var(--ap-teal);border-color:#99f6e4;}
.ap-btn--ghost:hover{background:#f4f9f1;border-color:var(--ap-teal-3);transform:translateY(-2px);}
.ap-btn--soft{background:var(--ap-teal-2);color:#fff;box-shadow:0 12px 26px -16px rgba(22,123,67,.9);}
.ap-btn--soft:hover{background:var(--ap-teal);transform:translateY(-2px);}
.ap-btn:focus-visible{outline:2px solid #165d36;outline-offset:2px;}

/* Sections */
.ap-section{padding:56px 0;}
.ap-section--alt{background:#f8fafc;border-block:1px solid var(--ap-line);}
.ap-section__head{text-align:center;max-width:660px;margin:0 auto 38px;}
.ap-section__head h2{font-size:clamp(1.4rem,3.6vw,2rem);font-weight:800;color:var(--ap-teal);margin:0 0 10px;}
.ap-section__head p{color:var(--ap-muted);font-size:1.02rem;line-height:1.7;margin:0;}

/* Steps */
.ap-steps{list-style:none;margin:0;padding:0;display:grid;gap:20px;grid-template-columns:repeat(4,minmax(0,1fr));}
.ap-step{
  position:relative;background:#fff;border:1px solid var(--ap-line);border-radius:16px;
  padding:28px 22px 24px;box-shadow:0 18px 40px -32px rgba(15,23,42,.6);overflow:hidden;
}
.ap-step::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--ap-teal),var(--ap-teal-3));}
.ap-step__num{
  display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:13px;
  background:linear-gradient(135deg,var(--ap-teal),var(--ap-teal-3));color:#fff;font-weight:800;font-size:1.05rem;
  margin-bottom:16px;box-shadow:0 12px 22px -14px rgba(15,118,110,.95);
}
.ap-step__title{font-size:1.12rem;font-weight:700;margin:0 0 8px;color:#0f172a;}
.ap-step__text{color:var(--ap-muted);line-height:1.7;font-size:.97rem;margin:0;}

/* Documents */
.ap-docs{display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr));}
.ap-card{
  background:#fff;border:1px solid var(--ap-line);border-radius:16px;padding:26px;
  box-shadow:0 22px 45px -38px rgba(15,23,42,.7);display:flex;flex-direction:column;
}
.ap-card__head{display:flex;gap:14px;align-items:center;padding-bottom:18px;margin-bottom:20px;border-bottom:1px dashed var(--ap-line);}
.ap-card__icon{flex:0 0 auto;width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:#f4f9f1;color:var(--ap-teal);}
.ap-card__icon svg{width:24px;height:24px;}
.ap-card__head h3{font-size:1.15rem;font-weight:700;margin:0;color:#0f172a;}
.ap-checklist{list-style:none;margin:0;padding:0;display:grid;gap:13px;}
.ap-checklist li{display:flex;gap:11px;align-items:flex-start;color:#334155;line-height:1.65;}
.ap-checklist svg{flex:0 0 auto;width:19px;height:19px;margin-top:3px;color:var(--ap-teal-3);}

/* Help band */
.ap-help{
  display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;
  background:linear-gradient(135deg,#165d36 0%,#167b43 100%);color:#fff;border-radius:20px;
  padding:32px 34px;box-shadow:0 26px 55px -34px rgba(15,118,110,1);
}
.ap-help__text h3{font-size:1.35rem;font-weight:800;margin:0 0 6px;}
.ap-help__text p{color:rgba(255,255,255,.88);margin:0;line-height:1.6;}
.ap-help__actions{display:flex;gap:12px;flex-wrap:wrap;}
.ap-help .ap-btn--primary{background:#fff;color:var(--ap-teal);box-shadow:none;}
.ap-help .ap-btn--primary:hover{background:#f4f9f1;}
.ap-help .ap-btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.6);}
.ap-help .ap-btn--ghost:hover{background:rgba(255,255,255,.12);}

/* Responsive */
@media (max-width:980px){.ap-steps{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:860px){.ap-docs{grid-template-columns:1fr;}}
@media (max-width:560px){
  .ap-hero{padding:44px 0 52px;}
  .ap-section{padding:44px 0;}
  .ap-steps{grid-template-columns:1fr;}
  .ap-actions .ap-btn{width:100%;justify-content:center;}
  .ap-help{padding:26px 22px;flex-direction:column;align-items:stretch;}
  .ap-help__text,.ap-help__actions{width:100%;}
  .ap-help__actions{flex-direction:column;}
  .ap-help__actions .ap-btn{width:100%;justify-content:center;}
}


.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;}}