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



  /* your same style block — unchanged */
  :root{
    --bg:#f3efe6;
    --card:#fffaf6;
    --accent:#dcd7c8;
    --border:#c8c0b0;
    --muted:#6b6b6b;
    --label:#2f2f2f;
    --field-radius:6px;
    --shadow: 0 4px 12px rgba(25,25,25,0.06);
    --accent-2: #e6f7f6;
  }
  html,body{min-height:100%;margin:0;background:linear-gradient(180deg,var(--bg), #eef9f9 70%);}
  .page{max-width:900px;margin:28px auto;background:var(--card);padding:28px;border-radius:12px;box-shadow:var(--shadow);border:1px solid rgba(0,0,0,0.03);}
  .guardian{border:1px solid var(--accent);padding:14px;border-radius:10px;margin-bottom:16px;background:linear-gradient(180deg,rgba(255,255,255,0.6),rgba(255,255,255,0.94));}
  .guardian-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;}
  .guardian-head .title{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px;}
  .guardian-head .title .num{background:var(--accent-2);border-radius:6px;padding:6px 10px;font-weight:700;color:#136b67;border:1px solid rgba(19,107,103,0.06);}
  .section-grid{display:grid;grid-template-columns:1fr 150px;gap:14px;align-items:start;}
  .fields{display:grid;grid-template-columns:1fr;gap:12px;}
  .row{display:grid;grid-template-columns:1fr 160px 110px;gap:10px;align-items:center;}
  .row.full{grid-template-columns:1fr;}
  .row.split-2{grid-template-columns:1fr 1fr;}
  .row.two-thirds{grid-template-columns:2fr 1fr;}
  .row .field{display:flex;flex-direction:column;gap:6px;}
  label{font-size:13px;color:var(--label);font-weight:600;}
.data-box {
    padding: 2px 10px;
    border-radius: var(--field-radius);
    border: 1px solid var(--border);
    font-size: 13px;
    background: white;
    box-shadow: inset 0 1px 0 rgba(0,0,0,0.02);
    color: #2f2f2f;
    height: 25px;
}
  .photo-box{
    border:1px dashed var(--border);
    min-height:150px;
    border-radius:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:12px;
    background:linear-gradient(0deg,rgba(255,255,255,0.6),rgba(255,255,255,0.9));
    color:var(--muted);
    font-weight:600;
  }
  .small-row{display:grid;grid-template-columns:1fr 220px;gap:10px;align-items:center;}
  .page-foot{display:flex;justify-content:flex-end;align-items:center;margin-top:8px;color:var(--muted);font-weight:600;font-size:13px;}
  @media (max-width:700px){
    .page{padding:18px;max-width:92%;}
    .section-grid{grid-template-columns:1fr;}
    .row{grid-template-columns:1fr;}
    .row.two-thirds{grid-template-columns:1fr;}
    .small-row{grid-template-columns:1fr;}
  }

@media print{
  .noprint,.no-print,header,footer,nav{
    display: none;
  }
  .page {
    max-width: 100%;
    margin: 0;
    padding: 0;
    box-shadow: none;
    border: none!important;
  }

  html, body {
    height: unset!important;
    margin: 0;
    background: none!important;
  }
  .page{padding:0;max-width:100%;}
  
  
}

  table{
    width:100%;
    border-collapse:collapse;
    border-bottom: none;
  }
  .bb_none{
    border-top: none;
  }
  th,td{
    border:1px solid #bbb;
    padding:5px;
    text-align:left;
  }
  th{
    background:#f2fdfc;
    color:#333;
    width:30%;
  }
  tr:nth-child(even){
    background:#fafafa;
  }
  .bg-blue-600 {
      background-color: rgb(37 99 235 / 1);
  }
  .bg-green-600 {
    background-color: rgb(22 163 74 / 1);
  }
  .question_list td {
    	font-size: 13px;
    	padding: 0 3px;
    }
    .question_list th {
    	font-size: 14px;
    	padding: 2px 3px;
    	border-color:#ddd!important;
    }
  
  


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