:root{--o:#e4500f;--dark:#242424;--bg:#f8f8f8}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Inter","Noto Sans Bengali",Arial,sans-serif;color:#2b2b2b;line-height:1.65;background:#fff;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
ul{list-style:none}
h1,h2,h3,h4{font-family:"Anton","Noto Sans Bengali",Impact,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.5px;line-height:1.15}
:lang(bn) h1,:lang(bn) h2,:lang(bn) h3,:lang(bn) h4{font-weight:700;text-transform:none}
.section{padding:80px 0}
.bg-light{background:var(--bg)}
.big-title{font-size:clamp(30px,5vw,56px);text-align:center;margin-bottom:46px;color:#1b1b1b}
.big-title span{color:var(--o)}
.sec-sub{text-align:center;max-width:760px;margin:-26px auto 46px;color:#555}
.btn{display:inline-block;background:var(--o);color:#fff;padding:13px 32px;border:0;border-radius:40px;cursor:pointer;font-size:16px;font-weight:600;transition:.3s;font-family:inherit}
.btn:hover{background:var(--dark);transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.2)}

/* header */
.site-header{position:fixed;top:24px;left:0;right:0;z-index:100;transition:top .3s}
.site-header.scrolled{top:10px}
.bar{width:min(1300px,calc(100% - 80px));margin:0 auto;background:#fff;border-radius:60px;padding:10px 14px 10px 26px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 8px 28px rgba(0,0,0,.14)}
.logo img{height:50px}
.logo span{font-family:"Anton",Impact,sans-serif;font-size:26px;color:var(--o);letter-spacing:1px}
nav>ul{display:flex;gap:4px;align-items:center}
nav li{position:relative}
nav>ul>li>a{display:block;padding:14px 20px;font-weight:500;transition:.25s;border-radius:30px}
nav>ul>li>a:hover{color:var(--o)}
nav li ul{position:absolute;top:100%;left:0;min-width:270px;background:#fff;border-radius:16px;box-shadow:0 12px 30px rgba(0,0,0,.15);padding:8px 0;opacity:0;visibility:hidden;transform:translateY(14px);transition:.3s}
nav li:hover>ul{opacity:1;visibility:visible;transform:none}
nav li ul a{display:block;padding:10px 20px;font-size:15px;transition:.2s}
nav li ul a:hover{background:var(--bg);color:var(--o);padding-left:26px}
.bar-right{display:flex;align-items:center;gap:12px}
.quote-btn{display:flex;align-items:center;gap:8px;background:var(--dark);color:#fff;padding:13px 26px;border-radius:40px;border:2px solid var(--o);font-weight:500;transition:.3s}
.quote-btn:hover{background:var(--o)}
.lang-btn{width:48px;height:48px;border-radius:50%;background:#fff;border:2px solid var(--o);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--o);transition:.3s}
.lang-btn:hover{background:var(--o);color:#fff}
.menu-btn{display:none;background:none;border:0;font-size:30px;cursor:pointer;color:var(--dark)}

/* hero slider */
.hero-wrap{padding:20px}
.hero{position:relative;height:calc(100vh - 40px);min-height:580px;border-radius:22px;overflow:hidden;background:#3a3a3a}
.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1.1s,visibility 1.1s}
.slide.active{opacity:1;visibility:visible}
.slide .bgimg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.14);transition:transform 8s ease-out}
.slide.active .bgimg{transform:scale(1)}
.slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.6) 100%)}
.slide-text{position:absolute;left:70px;bottom:120px;max-width:900px;color:#fff;z-index:2;padding-right:20px}
.slide-text h2{font-size:clamp(38px,6.5vw,72px);display:inline-block;border-bottom:8px solid var(--o);margin-bottom:20px;padding-bottom:4px}
.slide-text p{font-size:clamp(16px,2vw,24px);font-weight:600;max-width:820px}
.slide-text h2,.slide-text p{opacity:0;transform:translateY(50px);transition:opacity .9s,transform .9s}
.slide.active .slide-text h2{opacity:1;transform:none;transition-delay:.5s}
.slide.active .slide-text p{opacity:1;transform:none;transition-delay:.8s}
.dots{position:absolute;left:70px;bottom:55px;display:flex;gap:10px;z-index:3}
.dots button{width:70px;height:4px;border:0;background:rgba(255,255,255,.4);cursor:pointer;position:relative;overflow:hidden}
.dots button::after{content:"";position:absolute;left:0;top:0;height:100%;width:0;background:var(--o)}
.dots button.active::after{animation:fill 6s linear forwards}
@keyframes fill{to{width:100%}}

@media(max-width:1000px){
  .menu-btn{display:block}
  .quote-btn{display:none}
  nav{display:none;position:absolute;top:84px;left:20px;right:20px;background:#fff;border-radius:22px;box-shadow:0 12px 30px rgba(0,0,0,.18);padding:10px}
  nav.open{display:block}
  nav>ul{flex-direction:column;align-items:stretch}
  nav li ul{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;padding-left:14px}
  .bar{width:calc(100% - 40px)}
  .slide-text,.dots{left:30px}
}
@media(max-width:600px){
  .section{padding:55px 0}
  .slide-text{bottom:100px}
}