/* ===================================================
   DREAMX VENTURE LTD — main.css
   Font: Poppins | Bootstrap 5 | Single CSS file
   =================================================== */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

:root {
  --red:      #d62828;
  --red-dk:   #a81c1c;
  --red-lt:   #f05050;
  --blue:     #0c1f4a;
  --blue-md:  #1a3a7e;
  --blue-lt:  #2563eb;
  --dark:     #080e1a;
  --off:      #f6f8fb;
  --muted:    #6b7280;
  --border:   #e5e7eb;
  --radius:   14px;
  --shadow:   0 4px 20px rgba(0,0,0,.07);
  --shadow-l: 0 12px 45px rgba(0,0,0,.13);
  --ease:     cubic-bezier(.4,0,.2,1);
  --trans:    all .3s var(--ease);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Poppins',sans-serif;color:#1f2937;background:#fff;overflow-x:hidden;font-size:15px;line-height:1.7;}
h1,h2,h3,h4,h5,h6{font-family:'Poppins',sans-serif;color:var(--blue);font-weight:700;line-height:1.25;}
a{text-decoration:none;}
img{max-width:100%;}

/* ── LAYOUT ── */
.sp{padding:88px 0;}
.sp-sm{padding:58px 0;}
.bg-off{background:var(--off);}

/* ── TYPOGRAPHY HELPERS ── */
.lbl{font-size:.72rem;font-weight:700;letter-spacing:3.5px;text-transform:uppercase;color:var(--red);display:inline-block;margin-bottom:6px;}
.ttl{font-size:clamp(1.6rem,3vw,2.45rem);font-weight:800;color:var(--blue);line-height:1.2;}
.sub{font-size:.93rem;color:var(--muted);line-height:1.8;}
.t-red{color:var(--red)!important;}
.bar{width:50px;height:3px;background:linear-gradient(90deg,var(--red),var(--red-lt));border-radius:2px;margin:10px 0 20px;}
.bar-c{margin:10px auto 20px;}

/* ── REVEAL ── */
.rv{opacity:0;transform:translateY(22px);transition:opacity .6s var(--ease),transform .6s var(--ease);}
.rv.on{opacity:1;transform:none;}

/* ── BUTTONS ── */
.btn-r,.btn-b,.btn-ow{
  display:inline-flex;align-items:center;gap:8px;
  font-family:'Poppins',sans-serif;font-weight:700;font-size:.88rem;
  border:none;border-radius:9px;padding:11px 26px;cursor:pointer;
  transition:var(--trans);white-space:nowrap;text-decoration:none;
}
.btn-r{background:linear-gradient(135deg,var(--red-dk),var(--red));color:#fff;}
.btn-r:hover{color:#fff;transform:translateY(-3px);box-shadow:0 10px 28px rgba(214,40,40,.4);}
.btn-b{background:linear-gradient(135deg,var(--blue),var(--blue-md));color:#fff;}
.btn-b:hover{color:#fff;transform:translateY(-3px);box-shadow:0 10px 28px rgba(12,31,74,.35);}
.btn-ow{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5);}
.btn-ow:hover{background:rgba(255,255,255,.1);border-color:#fff;color:#fff;transform:translateY(-3px);}

/* ══════════════════════════════
   NAVBAR
══════════════════════════════ */
.main-nav{
  position:fixed;top:0;left:0;right:0;z-index:1050;
  background:transparent;
  transition:background .35s var(--ease),box-shadow .35s var(--ease),padding .35s var(--ease);
  padding:6px 0;
}
/* .dx-nav.stuck{
  background:rgba(8,14,26,.96);
  backdrop-filter:blur(18px);
  box-shadow:0 4px 26px rgba(0,0,0,.35);
} */

/* White pill logo — always visible */
.nav-logo{
  background:#fff;
  border-radius:9px;
  padding:4px 10px;
  display:inline-flex;align-items:center;
  box-shadow:0 2px 10px rgba(0,0,0,.18);
  transition:var(--trans);
}
.nav-logo:hover{transform:scale(1.04);}
.nav-logo img{height:44px;width:auto;display:block;}

/* Hamburger */
.navbar-toggler{
  border:2px solid rgba(255,255,255,.38)!important;
  border-radius:8px;padding:6px 10px;
  background:rgba(255,255,255,.06);transition:var(--trans);
}
.navbar-toggler:hover{background:rgba(214,40,40,.2);border-color:var(--red)!important;}
.navbar-toggler:focus{box-shadow:none!important;}
.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,.9)' stroke-linecap='round' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important;}

/* Mobile collapse */
.navbar-collapse{
  background:rgba(8,14,26,.97);
  border-radius:0 0 14px 14px;
  padding:4px 12px 14px;
}
@media(min-width:992px){
  .navbar-collapse{background:transparent;padding:0;border-radius:0;}
}

.nav-link{
  font-weight:600;font-size:.86rem;
  color:rgba(255,255,255,.8)!important;
  padding:10px 12px!important;border-radius:7px;
  transition:var(--trans);
}
.nav-link:hover,.nav-link.cur{color:#fff!important;}
@media(min-width:992px){
  .nav-link.cur{position:relative;}
  .nav-link.cur::after{
    content:'';position:absolute;bottom:3px;left:50%;transform:translateX(-50%);
    width:18px;height:2px;background:var(--red);border-radius:2px;
  }
}
@media(max-width:991px){
  .nav-link{padding:11px 14px!important;border-bottom:1px solid rgba(255,255,255,.06);}
  .nav-link:last-child{border-bottom:none;}
  .nav-link.cur{background:rgba(214,40,40,.14);color:var(--red-lt)!important;}
}

.nav-cta{
  background:linear-gradient(135deg,var(--red-dk),var(--red))!important;
  color:#fff!important;border-radius:8px!important;
  padding:8px 18px!important;font-weight:700!important;
  margin-left:6px;
}
.nav-cta:hover{transform:translateY(-2px);box-shadow:0 7px 20px rgba(214,40,40,.4);}
@media(max-width:991px){.nav-cta{margin:8px 0 2px!important;display:block;text-align:center;}}

/* ── TICKER ── */
.ticker{background:linear-gradient(90deg,var(--red-dk),var(--red),var(--red-dk));padding:9px 0;overflow:hidden !important;white-space:nowrap;}
.tick-inner{display:inline-flex;animation:tick 38s linear infinite;gap:0;}
.tick-inner span{color:#fff;font-weight:600;font-size:.8rem;}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ══════════════════════════════
   HERO SLIDER
══════════════════════════════ */
.hero-wrap{height:100vh;min-height:580px;position:relative;overflow:hidden;}
/* #mainCar,.carousel-inner,.carousel-item{height:100%;} */
#mainCar, .carousel-inner { height: 100%; }
.carousel-item { height: 100%; position: absolute; width: 100%; top: 0; left: 0; }
.carousel-item.active { position: relative; }

.carousel-indicators [data-bs-target] {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: rgba(255,255,255,.4);
  border: none;
  opacity: 1;
  transition: all .3s ease;
}
.carousel-indicators .active {
  width: 26px;
  border-radius: 5px;
  background: var(--red);
}

.s-bg{
  position:absolute;inset:0;
  background-size:cover;background-position:center;
  transform:scale(1.06);transition:transform 7s ease;
}
.carousel-item.active .s-bg{transform:scale(1);}

/* Slide themes */
/* .bg-s1{background:radial-gradient(ellipse at 25% 45%,#1e4080 0%,#060d1c 70%);}
.bg-s2{background:radial-gradient(ellipse at 70% 35%,#1c1c60 0%,#060d1c 70%);}
.bg-s3{background:radial-gradient(ellipse at 25% 60%,#500f0f 0%,#060d1c 70%);}
.bg-s4{background:radial-gradient(ellipse at 65% 30%,#0a2e0a 0%,#060d1c 70%);} */

.bg-s1 { background-image: url('https://images.unsplash.com/photo-1545324418-cc1a3fa10c00?w=1600&q=80'); background-size: cover; background-position: center; }
.bg-s2 { background-image: url('https://images.unsplash.com/photo-1486325212027-8081e485255e?w=1600&q=80'); background-size: cover; background-position: center; }
.bg-s3 { background-image: url('https://images.unsplash.com/photo-1512917774080-9991f1c4c750?w=1600&q=80'); background-size: cover; background-position: center; }
.bg-s4 { background-image: url('https://images.unsplash.com/photo-1600596542815-ffad4c1539a9?w=1600&q=80'); background-size: cover; background-position: center; }

/* city silhouette */
/* .s-bg::after{
  content:'';position:absolute;bottom:0;left:0;right:0;height:38%;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 260'%3E%3Cpath fill='rgba(0,0,0,0.55)' d='M0,260V175l50-5V120h20V80h18V55h14v25h14V80h18v40h35V85h20V45h18V22h18v23h18V45h20V85h35V75h22V28h18v22h20V28h22V75h22V45h18V62h14v-17h18v17h18V38h22V18h18v20h22V18h22V38h28V12h18v26h20V18h18v20h18V18h22V65h28V45h18V25h18v20h18V25h22V0h18v25h14v-12h18v12h18V0h22V38h30V18h18v20h18V18h18V38h22v-18h18V0h18v38h1440v222H0z'/%3E%3C/svg%3E") no-repeat bottom;background-size:cover;
} */

.s-grad{position:absolute;inset:0;background:linear-gradient(108deg,rgba(5,10,22,.86) 0%,rgba(5,10,22,.55) 52%,rgba(5,10,22,.12) 100%);pointer-events:none;}

.s-body{position:relative;z-index:5;max-width:640px;padding-top:78px;pointer-events:none;}

.s-body a,.s-body button,.s-body .s-tag{pointer-events:auto;}

.s-badge{
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(214,40,40,.18);border:1px solid rgba(214,40,40,.4);
  color:#ffa0a0;padding:5px 15px;border-radius:30px;
  font-size:.76rem;font-weight:700;letter-spacing:.4px;
  margin-bottom:16px;backdrop-filter:blur(6px);
}

.s-title{
  font-size:clamp(2.1rem,5.2vw,4.2rem);
  font-weight:900;color:#fff;line-height:1.06;
  margin-bottom:14px;text-shadow:0 3px 16px rgba(0,0,0,.3);
}

.s-desc{font-size:clamp(.88rem,1.4vw,1.05rem);color:rgba(255,255,255,.74);line-height:1.78;margin-bottom:18px;max-width:500px;}

.s-tags{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:26px;}
.s-tag{
  display:flex;align-items:center;gap:5px;
  background:rgba(255,255,255,.1);backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,.17);
  color:rgba(255,255,255,.86);padding:6px 13px;
  border-radius:30px;font-size:.78rem;font-weight:600;
}
.s-tag i{color:var(--red-lt);font-size:.82rem;}

.s-btns{display:flex;flex-wrap:wrap;gap:11px;}

/* Arrow controls */
.s-ctrl{
  width:48px;height:48px;
  background:rgba(255,255,255,.12);backdrop-filter:blur(8px);
  border:1.5px solid rgba(255,255,255,.25);border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:1.05rem;transition:var(--trans);
}
.s-ctrl:hover{background:var(--red);border-color:var(--red);transform:scale(1.08);}
.carousel-control-prev{left:18px;z-index:10;}
.carousel-control-next{right:18px;z-index:10;}
@media(max-width:575px){
  .carousel-control-prev{left:8px;}.carousel-control-next{right:8px;}
  .s-ctrl{width:40px;height:40px;font-size:.9rem;}
  .s-body{padding-top:44px;}
  .s-title{font-size:2rem;}
}

/* ═══ BULLET INDICATORS — clearly visible ═══ */
.s-bullets{
  position:absolute;
  bottom:26px;
  left:50%;
  transform:translateX(-50%);
  z-index:30;
  display:flex;align-items:center;gap:7px;
  background:rgba(0,0,0,.35);
  padding:7px 14px;
  border-radius:30px;
  backdrop-filter:blur(6px);
}
.s-dot{
  width:9px;height:9px;border-radius:50%;
  background:rgba(255,255,255,.4);
  border:none;padding:0;cursor:pointer;
  transition:var(--trans);
}
.s-dot.on{background:var(--red);width:26px;border-radius:5px;}

/* Slide number */
.s-num{
  position:absolute;bottom:26px;right:26px;z-index:30;
  color:rgba(255,255,255,.45);font-size:1.55rem;font-weight:800;
}
.s-num strong{color:#fff;}
@media(max-width:575px){.s-num{display:none;}}

/* ══════════════════════════════
   STATS
══════════════════════════════ */
.stats{background:linear-gradient(135deg,var(--blue) 0%,var(--dark) 100%);position:relative;overflow:hidden;}
.stats::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(214,40,40,.09),transparent 70%);}
.stat-cell{padding:34px 18px;text-align:center;border-right:1px solid rgba(255,255,255,.08);position:relative;z-index:1;}
.stat-cell:last-child{border-right:none;}
.stat-cell i{display:block;font-size:1.8rem;color:var(--red-lt);margin-bottom:7px;opacity:.85;}
.stat-cell h3{font-size:2.3rem;font-weight:900;color:#fff;margin-bottom:3px;line-height:1;}
.stat-cell p{color:rgba(255,255,255,.48);font-size:.8rem;font-weight:500;margin:0;}
@media(max-width:575px){
  .stat-cell{padding:20px 10px;}
  .stat-cell:nth-child(2n){border-right:none;}
  .stat-cell:nth-child(n+3){border-top:1px solid rgba(255,255,255,.08);}
  .stat-cell h3{font-size:1.75rem;}
}

/* ══════════════════════════════
   PAGE HERO (inner pages)
══════════════════════════════ */
.pg-hero{
  height:320px;background:linear-gradient(135deg,var(--dark) 0%,var(--blue) 55%,#48090a 100%);
  position:relative;display:flex;align-items:center;overflow:hidden;padding-top:72px;
}
.pg-hero::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='55' height='55' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='27' cy='27' r='1' fill='rgba(255,255,255,.05)'/%3E%3C/svg%3E");}
.pg-ov{position:absolute;inset:0;background:rgba(8,14,26,.38);}
.pg-content{position:relative;z-index:2;}
.pg-bc .breadcrumb-item a{color:rgba(255,255,255,.52);font-size:.8rem;}
.pg-bc .breadcrumb-item.active{color:rgba(255,255,255,.8);font-size:.8rem;}
.pg-bc .breadcrumb-item+.breadcrumb-item::before{color:rgba(255,255,255,.3);}
.pg-title{font-size:clamp(1.85rem,4vw,3rem);font-weight:900;color:#fff;margin-bottom:6px;}
.pg-sub{color:rgba(255,255,255,.62);font-size:.92rem;margin:0;}
@media(max-width:575px){.pg-hero{height:220px;padding-top:68px;}}

/* ══════════════════════════════
   ABOUT / IMAGE WRAP
══════════════════════════════ */
.img-a{position:relative;}
.img-a-main{
  height:390px;border-radius:16px;overflow:hidden;
  background:linear-gradient(135deg,var(--blue) 0%,var(--blue-md) 55%,var(--red-dk) 100%);
  display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;
}
.img-a-badge{
  position:absolute;bottom:-14px;right:-10px;
  background:#fff;border-radius:12px;padding:14px 18px;
  text-align:center;box-shadow:0 6px 24px rgba(0,0,0,.12);
}
.img-a-dot{position:absolute;top:-10px;left:-10px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--red),transparent);opacity:.2;}
.feat-list{display:flex;flex-wrap:wrap;gap:9px;}
.feat-item{
  display:flex;align-items:center;gap:7px;
  background:var(--off);border:1px solid var(--border);border-radius:8px;
  padding:9px 13px;font-weight:600;font-size:.82rem;
  transition:var(--trans);flex:1 1 calc(50% - 10px);min-width:0;
}
.feat-item:hover{background:#fff0f0;border-color:rgba(214,40,40,.22);transform:translateX(3px);}

/* ══════════════════════════════
   SERVICE CARDS
══════════════════════════════ */
.svc{background:#fff;border-radius:var(--radius);padding:30px 24px;box-shadow:var(--shadow);height:100%;border-bottom:3px solid transparent;transition:var(--trans);}
.svc:hover{transform:translateY(-7px);box-shadow:var(--shadow-l);border-bottom-color:var(--red);}
.svc-ico{width:58px;height:58px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:1.65rem;color:#fff;margin-bottom:16px;}
.ic-r{background:linear-gradient(135deg,var(--red-dk),var(--red));}
.ic-b{background:linear-gradient(135deg,var(--blue),var(--blue-md));}
.ic-g{background:linear-gradient(135deg,#b7710d,#c9963a);}
.ic-gr{background:linear-gradient(135deg,#065f46,#059669);}
.ic-p{background:linear-gradient(135deg,#5b21b6,#8b5cf6);}
.ic-c{background:linear-gradient(135deg,#0891b2,#06b6d4);}
.svc h5{font-size:.94rem;font-weight:700;margin-bottom:7px;}
.svc p{font-size:.82rem;color:var(--muted);line-height:1.7;margin-bottom:13px;}
.svc-lnk{color:var(--red);font-weight:700;font-size:.8rem;display:inline-flex;align-items:center;gap:5px;transition:var(--trans);}
.svc-lnk:hover{gap:9px;}

/* ══════════════════════════════
   PROJECT / PORTFOLIO CARDS
══════════════════════════════ */
.pc{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:var(--trans);}
.pc:hover{transform:translateY(-8px);box-shadow:var(--shadow-l);}
.pc-img{height:210px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.pc-img i{font-size:3.5rem;color:rgba(255,255,255,.48);z-index:2;position:relative;}
.pc-ov{position:absolute;inset:0;background:rgba(0,0,0,.18);transition:var(--trans);}
.pc:hover .pc-ov{background:rgba(0,0,0,.28);}
.pc-st{position:absolute;top:11px;right:11px;z-index:3;padding:4px 12px;border-radius:20px;font-size:.7rem;font-weight:700;}
.st-c{background:#059669;color:#fff;}.st-u{background:var(--red);color:#fff;}
.pc-body{padding:18px;}
.pc-price{background:#fff0f0;color:var(--red);font-size:.76rem;font-weight:700;padding:3px 9px;border-radius:7px;white-space:nowrap;}
.pc-specs{display:flex;flex-wrap:wrap;gap:7px;margin:9px 0;}
.pc-specs span{font-size:.76rem;color:var(--muted);display:flex;align-items:center;gap:3px;}
/* thumb gradients */
.pt1{background:linear-gradient(135deg,#1a3a6e,#2e74d4);}
.pt2{background:linear-gradient(135deg,#0f2244,#1a5276);}
.pt3{background:linear-gradient(135deg,#065f46,#059669);}
.pt4{background:linear-gradient(135deg,#7c2d12,#ea580c);}
.pt5{background:linear-gradient(135deg,#b71c1c,#d32f2f);}
.pt6{background:linear-gradient(135deg,#581c87,#9333ea);}

/* ══════════════════════════════
   WHY US
══════════════════════════════ */
.why-sec{background:linear-gradient(135deg,var(--dark) 0%,var(--blue) 100%);position:relative;overflow:hidden;}
.why-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 35% 50%,rgba(214,40,40,.09),transparent 60%);}
.why-card{background:rgba(255,255,255,.05);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:30px 20px;text-align:center;position:relative;z-index:1;transition:var(--trans);height:100%;}
.why-card:hover{background:rgba(255,255,255,.09);transform:translateY(-6px);border-color:rgba(214,40,40,.38);}
.why-n{font-size:2.6rem;font-weight:900;color:rgba(214,40,40,.2);line-height:1;margin-bottom:4px;}
.why-i{font-size:2.1rem;color:var(--red-lt);display:block;margin-bottom:11px;}
.why-card h5{font-size:.92rem;font-weight:700;color:#fff;margin-bottom:7px;}
.why-card p{font-size:.8rem;color:rgba(255,255,255,.52);line-height:1.7;margin:0;}

/* ══════════════════════════════
   TESTIMONIALS
══════════════════════════════ */
.tcard{background:#fff;border-radius:18px;padding:36px 32px;box-shadow:var(--shadow-l);text-align:center;}
.tq{font-size:2.8rem;color:rgba(214,40,40,.1);line-height:1;}
.ttxt{font-size:.95rem;line-height:1.85;color:#374151;font-style:italic;margin-bottom:20px;}
.tav{width:50px;height:50px;border-radius:50%;margin:0 auto;background:var(--off);display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#cbd5e1;border:2px solid var(--border);}
/* testimonial dots */
.t-dots{position:static;margin-top:20px;display:flex;justify-content:center;gap:6px;}
.t-dots button{width:9px;height:9px;border-radius:50%;background:#d1d5db;border:none;opacity:1;padding:0;transition:var(--trans);}
.t-dots button.active{background:var(--red);width:22px;border-radius:5px;}
@media(max-width:575px){.tcard{padding:24px 16px;}}

/* ══════════════════════════════
   BLOG
══════════════════════════════ */
.bcard{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:var(--trans);height:100%;}
.bcard:hover{transform:translateY(-7px);box-shadow:var(--shadow-l);}
.bthumb{height:190px;position:relative;overflow:hidden;background-size:cover;background-position:center;transition:var(--trans);}
.bcard:hover .bthumb{transform:scale(1.04);}
.bcat{position:absolute;top:11px;left:11px;background:rgba(0,0,0,.5);backdrop-filter:blur(5px);color:#fff;font-size:.68rem;font-weight:700;padding:4px 11px;border-radius:20px;}
.bbody{padding:18px;}
.bmeta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:9px;}
.bmeta span{font-size:.73rem;color:var(--muted);display:flex;align-items:center;gap:3px;}
.btitle{font-size:.94rem;font-weight:700;color:var(--blue);line-height:1.4;margin-bottom:7px;transition:var(--trans);}
.bcard:hover .btitle{color:var(--red);}
.bsnip{font-size:.8rem;color:var(--muted);line-height:1.7;margin-bottom:13px;}
.blnk{color:var(--red);font-weight:700;font-size:.8rem;display:inline-flex;align-items:center;gap:4px;transition:var(--trans);}
.blnk:hover{gap:8px;}
/* thumb colors */
.bt1{background:linear-gradient(135deg,#1e3a8a,#3b82f6);}
.bt2{background:linear-gradient(135deg,#14532d,#16a34a);}
.bt3{background:linear-gradient(135deg,#7c2d12,#ea580c);}
.bt4{background:linear-gradient(135deg,#1e1b4b,#7c3aed);}
.bt5{background:linear-gradient(135deg,#0c4a6e,#0ea5e9);}
.bt6{background:linear-gradient(135deg,#064e3b,#10b981);}

/* ══════════════════════════════
   CTA BAND
══════════════════════════════ */
.cta{background:linear-gradient(135deg,var(--red-dk),var(--red));padding:64px 0;position:relative;overflow:hidden;}
.cta::before{content:'';position:absolute;top:-55%;right:-5%;width:360px;height:360px;border-radius:50%;background:rgba(255,255,255,.05);}
.cta h2{font-size:clamp(1.5rem,3vw,2.3rem);font-weight:800;color:#fff;}
.cta p{color:rgba(255,255,255,.7);font-size:.92rem;margin:0;}

/* ══════════════════════════════
   MISSION / VISION
══════════════════════════════ */
.mv-box{background:#fff;border-radius:var(--radius);padding:36px 30px;box-shadow:var(--shadow);height:100%;position:relative;overflow:hidden;transition:var(--trans);}
.mv-box::before{content:'';position:absolute;top:-32px;right:-32px;width:130px;height:130px;border-radius:50%;background:rgba(214,40,40,.04);}
.mv-box:hover{transform:translateY(-6px);box-shadow:var(--shadow-l);}
.mv-ico{width:70px;height:70px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.9rem;color:#fff;margin-bottom:20px;}
.mv-r{background:linear-gradient(135deg,var(--red-dk),var(--red));}
.mv-b{background:linear-gradient(135deg,var(--blue),var(--blue-md));}
.mv-box h3{font-size:1.25rem;font-weight:800;margin-bottom:10px;}
.mv-box p{font-size:.86rem;color:var(--muted);line-height:1.8;margin-bottom:16px;}
.mv-ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px;}
.mv-ul li{display:flex;align-items:flex-start;gap:8px;font-size:.84rem;font-weight:500;color:#374151;}
.mv-ul li i{color:var(--red);flex-shrink:0;margin-top:3px;}

/* ── VALUE BOX ── */
.vbox{background:#fff;border-radius:13px;padding:26px 18px;text-align:center;box-shadow:var(--shadow);border-top:4px solid;transition:var(--trans);height:100%;}
.vbox:hover{transform:translateY(-6px);box-shadow:var(--shadow-l);}
.vbox h5{font-size:.88rem;font-weight:700;margin:9px 0 5px;}
.vbox p{font-size:.78rem;color:var(--muted);line-height:1.7;margin:0;}
.vr{border-top-color:var(--red);}.vb{border-top-color:var(--blue);}.vg{border-top-color:#c9963a;}.ve{border-top-color:#059669;}

/* ── TEAM ── */
.tc{background:#fff;border-radius:var(--radius);padding:24px 18px;text-align:center;box-shadow:var(--shadow);transition:var(--trans);height:100%;}
.tc:hover{transform:translateY(-7px);box-shadow:var(--shadow-l);}
.tav2{width:96px;height:96px;border-radius:50%;margin:0 auto;overflow:hidden;border:3px solid var(--border);display:flex;align-items:center;justify-content:center;}
.ts a{width:30px;height:30px;border-radius:50%;background:var(--off);border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;color:var(--blue);text-decoration:none;font-size:.84rem;transition:var(--trans);}
.ts a:hover{background:var(--red);border-color:var(--red);color:#fff;}

/* ── TIMELINE ── */
.tl{position:relative;padding:8px 0;}
.tl::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--red),var(--blue));transform:translateX(-50%);}
.tl-row{display:flex;align-items:flex-start;gap:26px;margin-bottom:40px;}
.tl-yr{font-size:1.3rem;font-weight:900;color:var(--red);min-width:72px;text-align:right;padding-top:4px;}
.tl-dot{width:15px;height:15px;border-radius:50%;background:var(--red);border:3px solid #fff;box-shadow:0 0 0 3px var(--red);flex-shrink:0;margin-top:6px;z-index:1;}
.tl-box{background:#fff;border-radius:10px;padding:16px 20px;box-shadow:var(--shadow);flex:1;}
.tl-box h5{font-size:.88rem;font-weight:700;color:var(--blue);margin-bottom:3px;}
.tl-box p{font-size:.8rem;color:var(--muted);line-height:1.65;margin:0;}
.tl-row.r{flex-direction:row-reverse;}.tl-row.r .tl-yr{text-align:left;}
@media(max-width:767px){
  .tl::before{left:16px;}
  .tl-row,.tl-row.r{flex-direction:row;}
  .tl-yr{min-width:44px;font-size:.95rem;text-align:left;}
}

/* ── MINI STAT ── */
.mstat{text-align:center;}
.mstat h2{font-size:2.7rem;font-weight:900;color:var(--blue);line-height:1;margin-bottom:4px;}
.mstat p{font-weight:600;color:var(--muted);font-size:.83rem;margin:0;}

/* ── CHAIRMAN ── */
.ch-photo{width:100%;max-width:310px;height:390px;border-radius:16px;overflow:hidden;position:relative;margin:0 auto;}
.ch-inner{width:100%;height:100%;background:linear-gradient(135deg,var(--blue) 0%,var(--blue-md) 55%,var(--red-dk) 100%);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;}
.ch-badge{position:absolute;bottom:-14px;right:-14px;width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,var(--red-dk),var(--red));display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.7rem;box-shadow:0 7px 20px rgba(214,40,40,.4);}
.msg{background:#fff;border-radius:16px;padding:36px;box-shadow:var(--shadow-l);border-left:5px solid var(--red);}
.msg-q{font-size:3.2rem;color:rgba(214,40,40,.1);line-height:1;}
.msg-main{font-size:1rem;line-height:1.85;color:var(--blue);font-style:italic;margin-bottom:14px;}
.msg-p{font-size:.86rem;color:var(--muted);line-height:1.85;margin-bottom:12px;}
.sig-ln{width:96px;height:3px;background:linear-gradient(90deg,var(--red),transparent);border-radius:2px;margin-bottom:9px;}
@media(max-width:575px){.msg{padding:20px 14px;}}

/* ── CONTACT ── */
.ci{background:#fff;border-radius:13px;padding:20px;box-shadow:var(--shadow);display:flex;align-items:flex-start;gap:13px;transition:var(--trans);}
.ci:hover{transform:translateY(-4px);box-shadow:var(--shadow-l);}
.ci-ico{width:46px;height:46px;border-radius:11px;flex-shrink:0;background:linear-gradient(135deg,var(--red-dk),var(--red));display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.15rem;}
.ci h6{font-size:.85rem;font-weight:700;color:var(--blue);margin-bottom:2px;}
.ci p{font-size:.8rem;color:var(--muted);line-height:1.6;margin:0;}
.form-box{background:#fff;border-radius:18px;padding:36px;box-shadow:var(--shadow-l);}
.dx-inp{width:100%;border:2px solid var(--border);border-radius:8px;padding:10px 14px;font-size:.88rem;font-family:'Poppins',sans-serif;color:#1f2937;background:#fff;transition:var(--trans);}
.dx-inp:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(214,40,40,.1);outline:none;}
.dx-inp::placeholder{color:#9ca3af;}
.flbl{font-size:.78rem;font-weight:600;color:var(--blue);margin-bottom:4px;display:block;}
.soc a{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;text-decoration:none;transition:var(--trans);}
.soc a:hover{transform:translateY(-3px) scale(1.1);}
.fb{background:#1877f2;color:#fff;}.ig{background:linear-gradient(45deg,#f09433,#dc2743,#bc1888);color:#fff;}.li{background:#0077b5;color:#fff;}.yt{background:#ff0000;color:#fff;}.wa{background:#25d366;color:#fff;}
.mapph{border-radius:13px;overflow:hidden;height:245px;background:linear-gradient(135deg,var(--blue),var(--blue-md));display:flex;align-items:center;justify-content:center;flex-direction:column;color:rgba(255,255,255,.6);}
@media(max-width:575px){.form-box{padding:20px 14px;}}

/* ── FILTER ── */
.fbtn{background:#fff;border:2px solid var(--border);color:var(--muted);padding:6px 18px;border-radius:30px;font-weight:600;font-size:.8rem;cursor:pointer;font-family:'Poppins',sans-serif;transition:var(--trans);}
.fbtn:hover,.fbtn.on{background:linear-gradient(135deg,var(--red-dk),var(--red));border-color:var(--red);color:#fff;box-shadow:0 5px 16px rgba(214,40,40,.3);}
.f-hide{display:none!important;}

/* ── SUSTAINABILITY ── */
.sust{border-radius:13px;padding:24px 18px;text-align:center;transition:var(--trans);}
.sust:hover{transform:translateY(-5px);}
.sust h3{font-size:1.9rem;font-weight:900;line-height:1;margin-bottom:3px;}
.sust p{font-size:.78rem;font-weight:600;margin:0;}

/* ── NEWSLETTER ── */
.nwsl{background:linear-gradient(135deg,var(--blue),var(--dark));padding:64px 0;}
.nwsl input{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff;font-family:'Poppins',sans-serif;}
.nwsl input:focus{background:rgba(255,255,255,.12);border-color:var(--red);outline:none;box-shadow:none;}
.nwsl input::placeholder{color:rgba(255,255,255,.36);}

/* ── FOOTER ── */
.foot{background:var(--dark);}
.foot-top{padding:64px 0 46px;border-bottom:1px solid rgba(255,255,255,.07);}
.f-desc{color:rgba(255,255,255,.46);font-size:.83rem;line-height:1.8;}
.f-hd{font-size:.76rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#fff;font-family:'Poppins',sans-serif;padding-bottom:9px;border-bottom:2px solid var(--red);display:inline-block;margin-bottom:16px;}
.f-ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px;}
.f-ul li,.f-ul a{color:rgba(255,255,255,.46);font-size:.82rem;transition:var(--trans);}
.f-ul a:hover{color:var(--red-lt);padding-left:5px;}
.f-soc a{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);display:inline-flex;align-items:center;justify-content:center;color:rgba(255,255,255,.52);text-decoration:none;font-size:.9rem;transition:var(--trans);}
.f-soc a:hover{background:var(--red);border-color:var(--red);color:#fff;transform:translateY(-3px);}
.foot-bot{background:rgba(0,0,0,.2);padding:15px 0;}
.foot-bot p{color:rgba(255,255,255,.32);font-size:.78rem;margin:0;}

/* ── SCROLL TOP ── */
#goTop{position:fixed;bottom:24px;right:24px;width:44px;height:44px;background:linear-gradient(135deg,var(--red-dk),var(--red));border:none;border-radius:50%;color:#fff;font-size:1.1rem;cursor:pointer;z-index:999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:var(--trans);box-shadow:0 5px 20px rgba(214,40,40,.4);}
#goTop.show{opacity:1;visibility:visible;}
#goTop:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(214,40,40,.5);}