/* Header & Footer Improvements - use CSS variables for easy theming */
:root{
  /* Primary palette (indigo) and accent (teal) */
  --primary: #1d53d6; /* primary color */
  --primary-600: #2d6cdf;
  --accent: #14b8a6;  /* teal accent */
  --muted: #cfe6ff;
  --muted-2: #98b6d6;
  --bg-footer-1: #06142a;
  --bg-footer-2: #0b2240;
  --topbar-1: #0f4f17;
  --topbar-2: #0b6a26;
  --on-dark: #dfeeff;
  --surface: #ffffff;
  --shadow: rgba(20,20,40,0.06);
}

/* Top header */
.top-header-section {
  background: linear-gradient(90deg,#0b2240 0%, #074ca6 100%);
  color: var(--on-dark);
  padding: 8px 0;
  font-size: 14px;
}
.top-header-section .company-title ul{ list-style:none; margin:0; padding:0; display:flex; gap:18px; align-items:center; }
.top-header-section .company-title ul li{ color:var(--on-dark); display:flex; align-items:center; gap:8px; }
.top-header-section .company-title ul li i{ color: #ffdede; }
.top-header-section .top-social{ display:flex; gap:10px; justify-content:flex-end; align-items:center; }
/* .top-header-section .top-social a{ color:var(--on-dark); background:rgba(255,255,255,0.06); border-radius:6px; transition:all .2s; }
.top-header-section .top-social a:hover{ background: rgba(255,255,255,0.12); transform:translateY(-2px); } */

/* Logo + Navigation */
/* .menu-section{ background:var(--surface); padding:18px 0; box-shadow:0 6px 20px var(--shadow); }
.menu-section .logo img{ max-height:70px; display:block; margin:0 auto; } */
/* .stellarnav{ margin-top:12px; }
.stellarnav .menu{ display:flex; gap:18px; justify-content:center; flex-wrap:wrap; }
.stellarnav .menu li a{ color:#222; padding:10px 12px; font-weight:600; border-radius:6px; transition:all .15s; }
.stellarnav .menu li a:hover{ background: #f3f7ff; color:var(--primary); transform:translateY(-2px); }
.stellarnav .menu li.parent > a:after{ content:' ▾'; font-size:12px; margin-left:6px; } */

/* Mobile adjustments: collapse behavior depends on existing JS, so ensure spacing */
@media (max-width: 767px){
  /* .top-header-section .company-title ul{ flex-direction:column; gap:6px; } */
  /* .menu-section .logo img{ max-height:56px; } */
  /* .stellarnav .menu{ justify-content:flex-start; padding-left:10px; } */
  .top-header-section{
    display: none;
  }
}

/* Footer */
.footer-section{ background: linear-gradient(180deg,var(--bg-footer-2) 0%, var(--bg-footer-1) 100%); color:var(--on-dark); padding:40px 0; }
.footer-wrpp .footer-logo img{ max-width:160px; margin-bottom:12px; }
.footer-section .footer-content{ color:var(--muted); margin:8px 0; display:flex; align-items:center; gap:8px; }
.footer-section .footer-content i{ color: var(--primary-600); }
.footer-section .footer-title{ color:var(--on-dark); font-size:1.05rem; margin-bottom:12px; font-weight:700; }
.footer-section .footer-menu ul{ list-style:none; padding:0; margin:0; }
.footer-section .footer-menu ul li a{ color:var(--muted); display:block; padding:6px 0; transition:all .15s; }
.footer-section .footer-menu ul li a:hover{ color:var(--on-dark); transform:translateX(4px); }
.footer-social a{ color:var(--on-dark); display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:50%; background:rgba(255,255,255,0.04); margin-right:6px; }
.footer-social a:hover{ background:rgba(127,176,255,0.14); color:var(--on-dark); transform:translateY(-4px); }

/* Footer columns spacing */
.footer-section .embitions_content{ color:var(--muted); }

/* Bottom footer */
.bottom-footer-section{ background:#051225; color:var(--muted-2); padding:14px 0; font-size:14px; }
.bottom-footer-section a{ color:var(--primary-600); }
.copy-right{ font-weight:500; }
.design-developed{ text-align:right; }

/* Scroll to top */
.scrollToTop{ position:fixed; right:18px; bottom:20px; width:44px; height:44px; border-radius:50%; background:linear-gradient(135deg,var(--primary-600),var(--primary)); color:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 8px 20px rgba(29,83,214,0.2); z-index:9999; opacity:0.95; }
.scrollToTop:hover{ transform:translateY(-4px); }

/* Small screens adjustments */
@media (max-width: 991px){
  .footer-section .footer-wrpp .row > div{ margin-bottom:22px; }
  .design-developed{ text-align:left; margin-top:8px; }
}

/* Ensure good contrast for Bengali text */
body, h1,h2,h3,h4,h5,h6,p,li,a{ font-family:'Hind Siliguri','Noto Sans Bengali',sans-serif; }