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

/* ===== Pre-admission form (scoped) ===== */
.af-page{
  --af-ink:#0f172a;--af-muted:#475569;--af-teal:#165d36;--af-teal-2:#167b43;--af-teal-3:#239653;
  --af-line:#e2e8f0;--af-bg:#f1f5f9;
  color:var(--af-ink);background:var(--af-bg);
}
.af-page *{box-sizing:border-box;}
.af-container{width:100%;max-width:1080px;margin-inline:auto;padding-inline:18px;}
.red_mark{color:#dc2626;font-weight:700;}

/* Hero */
.af-hero{
  position:relative;overflow:hidden;padding:54px 0 48px;
  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(--af-line);
}
.af-hero__inner{max-width:820px;margin-inline:auto;text-align:center;}
.af-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:16px;}
.af-hero h1{font-size:clamp(1.8rem,4.6vw,2.7rem);font-weight:800;line-height:1.22;color:#165d36;margin:0 0 12px;}
.af-hero p{color:var(--af-muted);font-size:clamp(1rem,2.2vw,1.1rem);line-height:1.8;margin:0 auto;max-width:640px;}
.af-deadline{display:inline-flex;align-items:center;gap:9px;margin-top:18px;padding:10px 20px;border-radius:999px;background:var(--af-teal);color:#fff;font-weight:600;font-size:.98rem;box-shadow:0 14px 28px -16px rgba(15,118,110,1);}
.af-deadline svg{width:18px;height:18px;flex:0 0 auto;}

/* Body + quick nav */
.af-body{padding:30px 0 76px;}
.af-quicknav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:22px;}
.af-quicknav a{display:inline-block;padding:7px 14px;border-radius:999px;background:#fff;border:1px solid var(--af-line);color:#334155;font-size:.85rem;font-weight:600;text-decoration:none;transition:.18s;}
.af-quicknav a:hover{border-color:var(--af-teal-3);color:var(--af-teal);background:#f4f9f1;}

/* Card */
.af-card{background:#fff;border:1px solid var(--af-line);border-radius:16px;padding:22px;margin-bottom:18px;box-shadow:0 18px 44px -38px rgba(15,23,42,.65);scroll-margin-top:90px;}
.af-card__head{display:flex;align-items:center;gap:12px;padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid var(--af-line);font-weight:700;font-size:1.05rem;color:#0f172a;}
.af-num{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 8px;border-radius:9px;background:linear-gradient(135deg,var(--af-teal),var(--af-teal-3));color:#fff;font-weight:700;font-size:.9rem;flex:0 0 auto;}
.af-hint{font-weight:500;font-size:.85rem;color:#94a3b8;margin-left:auto;}

/* Grid + fields */
.af-grid{display:grid;gap:16px;grid-template-columns:1fr;}
@media (min-width:768px){.af-grid{grid-template-columns:1fr 1fr;}}
.af-field{min-width:0;}
.af-span-2{grid-column:1/-1;}
.af-field > label{display:block;font-weight:600;font-size:.92rem;color:#334155;margin-bottom:7px;}
.af-field .af-req{color:#dc2626;font-weight:700;}
.af-field input[type="text"],.af-field input[type="email"],.af-field select,.af-field textarea{
  width:100%;padding:12px 14px;border:1.5px solid var(--af-line);border-radius:11px;font-size:.98rem;
  background:#fff;color:#0f172a;font-family:inherit;transition:border-color .18s,box-shadow .18s;
}
.af-field textarea{resize:vertical;line-height:1.6;}
.af-field input:focus,.af-field select:focus,.af-field textarea:focus{outline:none;border-color:var(--af-teal-3);box-shadow:0 0 0 4px rgba(35,150,83,.15);}

/* Searchable thana/upazila select (select2) — match the .af-field look */
.af-field .select2-container{width:100% !important;}
.af-field .select2-container--default .select2-selection--single{
  height:auto;border:1.5px solid var(--af-line);border-radius:11px;background:#fff;
  transition:border-color .18s,box-shadow .18s;
}
.af-field .select2-container--default .select2-selection--single .select2-selection__rendered{
  padding:12px 34px 12px 14px;line-height:1.4;color:#0f172a;font-size:.98rem;
}
.af-field .select2-container--default .select2-selection--single .select2-selection__placeholder{color:#94a3b8;}
.af-field .select2-container--default .select2-selection--single .select2-selection__arrow{height:100%;top:0;right:8px;}
.af-field .select2-container--default.select2-container--focus .select2-selection--single,
.af-field .select2-container--default.select2-container--open .select2-selection--single{
  border-color:var(--af-teal-3);box-shadow:0 0 0 4px rgba(35,150,83,.15);
}
.select2-dropdown{border:1.5px solid #e2e8f0;border-radius:12px;box-shadow:0 18px 44px -30px rgba(15,23,42,.5);overflow:hidden;}
.select2-search--dropdown .select2-search__field{border:1.5px solid #e2e8f0;border-radius:9px;padding:8px 10px;font-family:inherit;}
.select2-search--dropdown .select2-search__field:focus{outline:none;border-color:#239653;}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background:#167b43;}
.select2-container--default .select2-results__option[aria-selected=true]{background:#f4f9f1;color:#165d36;font-weight:600;}
.af-choices{display:flex;flex-direction:column;gap:9px;margin-top:4px;}
.af-choice{display:flex;align-items:center;gap:9px;font-weight:500;color:#334155;cursor:pointer;}
.af-choice input{width:17px;height:17px;accent-color:var(--af-teal);flex:0 0 auto;}

/* Assessment questions — boxed look */
.af-qbox{border:1.5px solid var(--af-line);border-radius:12px;padding:14px;background:#fff;transition:border-color .18s,box-shadow .18s;}
.af-qbox > label{display:block;font-weight:600;font-size:.92rem;color:#334155;margin-bottom:9px;}

/* Required-but-empty highlight */
.af-invalid{border-color:#dc2626 !important;box-shadow:0 0 0 3px rgba(220,38,38,.14) !important;}

/* Mobile field with fixed country-code prefix */
.af-field .mobile-field{display:flex;align-items:stretch;border:1.5px solid var(--af-line);border-radius:11px;overflow:hidden;background:#fff;transition:border-color .18s,box-shadow .18s;}
.af-field .mobile-field:focus-within{border-color:var(--af-teal-3);box-shadow:0 0 0 4px rgba(35,150,83,.15);}
.af-field .mobile-field.af-invalid{border-color:#dc2626 !important;box-shadow:0 0 0 3px rgba(220,38,38,.14) !important;}
.af-field .mobile-prefix{display:flex;align-items:center;padding:0 12px;background:#f4f9f1;color:#165d36;font-weight:700;font-size:.95rem;border-right:1.5px solid var(--af-line);white-space:nowrap;letter-spacing:.02em;}
.af-field .mobile-field input[type="text"]{flex:1;min-width:0;border:none !important;border-radius:0;background:transparent;box-shadow:none !important;}
.af-field .mobile-field input[type="text"]:focus{box-shadow:none !important;}

/* Branch cards */
.af-branches{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));}
.single_branch{position:relative;display:flex;align-items:center;padding:16px 16px 16px 48px;border:1.5px solid var(--af-line);border-radius:12px;background:#fff;cursor:pointer;font-weight:600;color:#334155;transition:border-color .18s,background .18s,box-shadow .18s;}
.single_branch:hover{border-color:var(--af-teal-3);background:#f4f9f1;}
.single_branch.active{border-color:var(--af-teal);background:#ecfdf5;box-shadow:0 0 0 3px rgba(15,118,110,.12);color:#165d36;}
.single_branch .desired_branch{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:18px;height:18px;accent-color:var(--af-teal);}

/* Important admission information */
.af-important{margin-bottom:18px;padding:16px 18px;border:1px solid #fcd34d;border-left:5px solid #d97706;border-radius:10px;background:#fffbeb;color:#78350f;line-height:1.8;}
.af-important h3{margin:0 0 8px;color:#92400e;font-size:1rem;font-weight:800;}
.af-important__list{margin:0;padding-left:1.35rem;display:grid;gap:8px;}
.af-important__list li{padding-left:3px;}
.af-important__sublist{margin:4px 0 0;padding-left:1.25rem;display:grid;gap:2px;list-style-type:circle;}
.af-important__highlight{display:inline-block;padding:1px 7px;border-radius:4px;background:#edf5dd;color:#165d36;font-weight:800;}
.af-important__link{display:inline-flex;align-items:center;margin:4px 0;padding:6px 12px;border:1px solid #165d36;border-radius:6px;background:#165d36;color:#fff !important;font-weight:700;text-decoration:none;line-height:1.4;}
.af-important__link:hover{background:#10472b;border-color:#10472b;}

/* Uploads */
.upload-box{height:100%;background:#fbfcfe;border:1px solid var(--af-line);border-radius:12px;padding:16px;}
.upload-label{display:block;font-weight:600;font-size:.92rem;color:#334155;margin-bottom:10px;}
.file-drop-area{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;min-height:118px;padding:18px;border:2px dashed #cbd5e1;border-radius:12px;background:#f8fafc;cursor:pointer;overflow:hidden;transition:border-color .18s,background .18s;}
.file-drop-area:hover{border-color:var(--af-teal-3);background:#f4f9f1;}
.file-drop-area input[type="file"]{position:absolute;inset:0;opacity:0;cursor:pointer;}
.file-drop-area .placeholder{color:#64748b;font-size:.88rem;}
.file-drop-area .placeholder svg{width:36px;height:36px;fill:#94a3b8;margin-bottom:6px;}
.preview-content{display:none;position:absolute;inset:0;background:#fff;border-radius:10px;overflow:hidden;}
.preview-content img{width:100%;height:100%;object-fit:cover;}
.preview-content .file-name{position:absolute;left:0;right:0;bottom:0;background:rgba(15,23,42,.72);color:#fff;font-size:.78rem;padding:6px 8px;text-align:center;word-break:break-all;}
.remove-btn{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:999px;border:none;background:rgba(15,23,42,.7);color:#fff;font-size:15px;line-height:1;cursor:pointer;}
.upload-note{margin-top:7px;font-size:.78rem;color:#94a3b8;}
.af-uploads{display:grid;gap:16px;grid-template-columns:1fr;}
@media (min-width:768px){.af-uploads{grid-template-columns:1fr 1fr;}}

/* Present / Permanent address — left / right boxes */
.af-addr-grid{display:grid;grid-template-columns:1fr;gap:16px;}
@media (min-width:768px){.af-addr-grid{grid-template-columns:1fr 1fr;}}
.af-addr-box{background:#f8fafc;border:1.5px solid var(--af-line);border-radius:12px;padding:16px;}
.af-addr-title{font-weight:700;color:#165d36;font-size:1rem;margin-bottom:12px;}
.af-addr-fields{display:grid;grid-template-columns:1fr;gap:14px;}

/* Acknowledgement */
.af-ack{display:flex;gap:12px;align-items:flex-start;background:#f8fafc;border:1px solid var(--af-line);border-radius:12px;padding:16px;line-height:1.9;color:#334155;font-size:.95rem;cursor:pointer;}
.af-ack input{margin-top:6px;width:18px;height:18px;accent-color:var(--af-teal);flex:0 0 auto;}

/* Alerts / helper */
.af-alert{display:flex;gap:12px;align-items:flex-start;border-radius:12px;padding:16px 18px;margin-bottom:18px;font-size:.95rem;}
.af-alert svg{width:22px;height:22px;flex:0 0 auto;}
.af-alert--error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;}
.af-alert h3{margin:0 0 4px;font-size:1rem;font-weight:700;}
.af-head-actions{display:flex;justify-content:flex-end;margin-bottom:14px;}

/* Buttons */
.af-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 30px;border-radius:12px;font-weight:700;font-size:1.05rem;border:none;cursor:pointer;text-decoration:none;transition:transform .18s,background .18s,box-shadow .18s;}
.af-btn svg{width:19px;height:19px;}
.af-btn--primary{background:var(--af-teal);color:#fff;box-shadow:0 16px 32px -18px rgba(15,118,110,1);width:100%;max-width:420px;}
.af-btn--primary:hover{background:#10472b;transform:translateY(-1px);}
.af-btn--amber{background:#f59e0b;color:#fff;padding:11px 20px;font-size:.92rem;border-radius:10px;}
.af-btn--amber:hover{background:#d97706;}
.af-submit{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:6px;}
.af-submit .af-note{color:var(--af-muted);font-size:.85rem;text-align:center;}

/* Wizard layout */
.af-wizard{display:grid;gap:24px;grid-template-columns:1fr;align-items:start;}
.af-wizard__side{min-width:0;}
.af-wizard__main{min-width:0;}

/* Vertical step list (left) */
.af-steps{position:relative;display:flex;flex-direction:column;gap:6px;}
.af-steps::before{content:"";position:absolute;left:27px;top:26px;bottom:26px;width:2px;background:var(--af-line);z-index:0;}
.af-stepbtn{position:relative;z-index:1;display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:12px;border:1.5px solid transparent;background:#fff;color:#334155;font-weight:600;font-size:.95rem;font-family:inherit;text-align:left;cursor:pointer;transition:background .18s,border-color .18s,color .18s,box-shadow .18s;}
.af-stepbtn:hover{background:#f8fafc;border-color:var(--af-line);}
.af-stepbtn:disabled{opacity:.55;cursor:not-allowed;}
.af-stepbtn__num{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:28px;height:28px;border-radius:999px;background:#e2e8f0;color:#475569;font-size:.8rem;font-weight:700;transition:background .18s,color .18s;}
.af-stepbtn__label{line-height:1.4;}
.af-stepbtn.is-active{border-color:var(--af-teal);background:#f4f9f1;color:var(--af-teal);box-shadow:0 14px 28px -22px rgba(15,118,110,1);}
.af-stepbtn.is-active .af-stepbtn__num{background:var(--af-teal);color:#fff;}
.af-stepbtn.is-done .af-stepbtn__num{background:var(--af-teal-3);color:#fff;}

.af-wizard-ready .af-step{display:none;}
.af-wizard-ready .af-step.is-active{display:block;animation:afStepIn .3s ease;}
@keyframes afStepIn{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
.af-wizard-nav #afBack,.af-wizard-nav #afNext{display:none;}
.af-wizard-nav{display:flex;justify-content:space-between;gap:12px;margin-top:8px;}
.af-wizard-nav .af-btn{width:auto;max-width:none;min-width:140px;}
.af-closed{background:#fff;border:1px solid var(--af-line);border-radius:16px;padding:46px 28px;text-align:center;box-shadow:0 18px 44px -38px rgba(15,23,42,.65);max-width:640px;margin:0 auto;}
.af-closed svg{width:52px;height:52px;color:#dc2626;margin-bottom:14px;}
.af-closed h3{font-size:1.4rem;font-weight:800;color:#0f172a;margin:0 0 10px;}
.af-closed p{color:var(--af-muted);line-height:1.85;margin:0;}

@media (min-width:960px){
  .af-wizard{grid-template-columns:296px minmax(0,1fr);}
  .af-wizard__side{position:sticky;top:84px;}
}
@media (max-width:959px){
  .af-steps{flex-direction:row;overflow-x:auto;padding:4px 2px 12px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;}
  .af-steps::-webkit-scrollbar{height:6px;}
  .af-steps::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px;}
  .af-steps::before{display:none;}
  .af-stepbtn{width:auto;white-space:nowrap;border-color:var(--af-line);border-radius:999px;}
}

@media (max-width:560px){
  .af-hero{padding:42px 0 40px;}
  .af-body{padding:24px 0 60px;}
  .af-card{padding:18px;}
  .af-hint{margin-left:0;}
  .af-wizard-nav{flex-direction:column-reverse;}
  .af-wizard-nav .af-btn{width:100%;min-width:0;}
}


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