.elementor-1564 .elementor-element.elementor-element-5a87b2e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-b2ce0c0 */<!-- ============================================================
     GLOBAL CSS — এটি প্রতিটি section এর আগে paste করতে হবে
     অথবা Elementor Custom CSS / Head Code এ একবার add করুন
     ============================================================ -->
<style>
/* ===== ROOT VARIABLES ===== */
:root{
  --bg:#F6F3EE;--bg2:#F0EDE6;--bg3:#E8E4DC;--nav:#FDFAF6;
  --or:#F97316;--am:#FB923C;--re:#EF4444;
  --text:#141414;--muted:#6B6560;--dim:#9E9890;
  --border:#E4DDD4;--bord-or:rgba(249,115,22,.28);
  --card:#FDFAF6;--shadow:0 4px 28px rgba(120,90,60,.08);--dark:#1B1F2A;
  --cream:#FDFAF6;--cream2:#F9F5EF;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
img,video{max-width:100%;height:auto}
body{background:var(--bg);color:var(--text);font-family:'Inter',sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}

/* GRADIENT TEXT */
.gt{background:linear-gradient(135deg,var(--or) 0%,var(--am) 50%,var(--re) 100%);background-size:250% 250%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gsh 5s ease infinite}
@keyframes gsh{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

/* SCROLL REVEAL */
.rv{opacity:0;transform:translateY(44px);transition:opacity .85s ease,transform .85s ease;will-change:opacity,transform}
.rv.vis{opacity:1;transform:translateY(0);will-change:auto}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}

/* SECTION LABEL */
.slabel{display:inline-flex;align-items:center;gap:8px;color:var(--or);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:16px}
.slabel::before{content:'';width:20px;height:1px;background:var(--or)}

/* HEADINGS */
h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(2rem,4vw,3.2rem);font-weight:800;line-height:1.06;letter-spacing:-.038em;margin-bottom:20px;color:var(--text)}

/* BUTTONS */
.bpri{background:var(--or);color:#fff;padding:15px 36px;border-radius:10px;font:.95rem 'Inter',sans-serif;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:9px;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 16px rgba(249,115,22,.3)}
.bpri:hover{transform:translateY(-3px);box-shadow:0 12px 36px rgba(249,115,22,.4)}
.bsec{background:transparent;color:var(--text);text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem;border:1.5px solid var(--border);padding:14px 24px;border-radius:10px;transition:all .3s}
.bsec:hover{border-color:var(--or);color:var(--or);transform:translateY(-2px)}
.svc-cta{display:inline-flex;align-items:center;gap:8px;background:var(--or);color:#fff;padding:13px 28px;border-radius:8px;font:.9rem 'Inter',sans-serif;font-weight:700;text-decoration:none;transition:transform .3s,box-shadow .3s}
.svc-cta:hover{transform:translateY(-2px);box-shadow:0 8px 26px rgba(249,115,22,.38)}

/* PULSE ANIMATION */
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.5);opacity:.6}}

/* FONTS IMPORT */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap');
</style>

<!-- Scroll Reveal Script — globally needed -->
<script>
(function(){
  var ro=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting)e.target.classList.add('vis')})},{threshold:.1});
  document.querySelectorAll('.rv').forEach(function(el){ro.observe(el)});
  // Re-check after dynamic content loads
  setTimeout(function(){document.querySelectorAll('.rv').forEach(function(el){ro.observe(el)})},600);
})();
</script>/* End custom CSS */