.elementor-1254 .elementor-element.elementor-element-44a4c83{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1254 .elementor-element.elementor-element-72f3390{padding:0px 0px 0px 0px;}.elementor-1254 .elementor-element.elementor-element-181960a{padding:0px 0px 0px 0px;}.elementor-1254 .elementor-element.elementor-element-ce97b6f{padding:0px 0px 0px 0px;}.elementor-1254 .elementor-element.elementor-element-92da816{padding:0px 0px 0px 0px;}.elementor-1254 .elementor-element.elementor-element-6bdf7c7{padding:0px 0px 0px 0px;}.elementor-1254 .elementor-element.elementor-element-9b8f2ec{padding:0px 0px 0px 0px;}.elementor-1254 .elementor-element.elementor-element-90de1c8{padding:0px 0px 0px 0px;}.elementor-1254 .elementor-element.elementor-element-db6fc4a{padding:0px 0px 0px 0px;}.elementor-1254 .elementor-element.elementor-element-aa5ae34{padding:0px 0px 0px 0px;}.elementor-1254 .elementor-element.elementor-element-c89e1f0{padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-a80ed32 */<!-- ============================================================
     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 */
/* Start custom CSS for html, class: .elementor-element-6d53c20 */<!-- ============================================================
     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 */
/* Start custom CSS for html, class: .elementor-element-5bc7c22 */<!-- ============================================================
     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 */
/* Start custom CSS for html, class: .elementor-element-72f3390 */<!-- ============================================================
     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 */
/* Start custom CSS for html, class: .elementor-element-04b7ce7 */<!-- ============================================================
     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 */
/* Start custom CSS for html, class: .elementor-element-181960a */<!-- ============================================================
     GLOBAL CSS — এই code টি প্রতিটি Section Widget-এর শুরুতে paste করুন
     অথবা WordPress > Appearance > Customize > Additional CSS-এ একবার add করুন
     ============================================================ -->
<style>
:root{
  --bg:#F6F3EE;--bg2:#F0EDE6;--bg3:#E8E4DC;
  --or:#F97316;--am:#FB923C;--re:#EF4444;
  --text:#141414;--muted:#6B6560;--dim:#9E9890;
  --border:#E4DDD4;--bord-or:rgba(249,115,22,.28);
  --cream:#FDFAF6;--cream2:#F9F5EF;
  --shadow:0 4px 28px rgba(120,90,60,.08);
}
*{box-sizing:border-box}
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@700;800&family=Inter:wght@400;500;600;700&display=swap');

@keyframes gsh{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.5);opacity:.6}}
@keyframes vprog{0%{width:0}100%{width:100%}}
@keyframes mq{to{transform:translateX(-50%)}}
@keyframes scl{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes fbfl{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes fiu{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}

.rv{opacity:0;transform:translateY(44px);transition:opacity .85s ease,transform .85s ease}
.rv.vis{opacity:1;transform:translateY(0)}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}
.gt{background:linear-gradient(135deg,var(--or),var(--am),var(--re));background-size:250%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gsh 5s ease infinite}
.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)}

/* Scroll reveal observer — include once */
</style>
<script>
(function(){
  if(window._rvObserver) return;
  window._rvObserver = new IntersectionObserver(function(es){
    es.forEach(function(e){ if(e.isIntersecting) e.target.classList.add('vis'); });
  },{threshold:.08});
  function initRV(){ document.querySelectorAll('.rv:not([data-rv])').forEach(function(el){ el.setAttribute('data-rv','1'); window._rvObserver.observe(el); }); }
  initRV();
  document.addEventListener('DOMContentLoaded', initRV);
  setTimeout(initRV, 500);
})();
</script>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ce97b6f */<!-- ============================================================
     GLOBAL CSS — এই code টি প্রতিটি Section Widget-এর শুরুতে paste করুন
     অথবা WordPress > Appearance > Customize > Additional CSS-এ একবার add করুন
     ============================================================ -->
<style>
:root{
  --bg:#F6F3EE;--bg2:#F0EDE6;--bg3:#E8E4DC;
  --or:#F97316;--am:#FB923C;--re:#EF4444;
  --text:#141414;--muted:#6B6560;--dim:#9E9890;
  --border:#E4DDD4;--bord-or:rgba(249,115,22,.28);
  --cream:#FDFAF6;--cream2:#F9F5EF;
  --shadow:0 4px 28px rgba(120,90,60,.08);
}
*{box-sizing:border-box}
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@700;800&family=Inter:wght@400;500;600;700&display=swap');

@keyframes gsh{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.5);opacity:.6}}
@keyframes vprog{0%{width:0}100%{width:100%}}
@keyframes mq{to{transform:translateX(-50%)}}
@keyframes scl{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes fbfl{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes fiu{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}

.rv{opacity:0;transform:translateY(44px);transition:opacity .85s ease,transform .85s ease}
.rv.vis{opacity:1;transform:translateY(0)}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}
.gt{background:linear-gradient(135deg,var(--or),var(--am),var(--re));background-size:250%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gsh 5s ease infinite}
.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)}

/* Scroll reveal observer — include once */
</style>
<script>
(function(){
  if(window._rvObserver) return;
  window._rvObserver = new IntersectionObserver(function(es){
    es.forEach(function(e){ if(e.isIntersecting) e.target.classList.add('vis'); });
  },{threshold:.08});
  function initRV(){ document.querySelectorAll('.rv:not([data-rv])').forEach(function(el){ el.setAttribute('data-rv','1'); window._rvObserver.observe(el); }); }
  initRV();
  document.addEventListener('DOMContentLoaded', initRV);
  setTimeout(initRV, 500);
})();
</script>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-92da816 */<!-- ============================================================
     GLOBAL CSS — এই code টি প্রতিটি Section Widget-এর শুরুতে paste করুন
     অথবা WordPress > Appearance > Customize > Additional CSS-এ একবার add করুন
     ============================================================ -->
<style>
:root{
  --bg:#F6F3EE;--bg2:#F0EDE6;--bg3:#E8E4DC;
  --or:#F97316;--am:#FB923C;--re:#EF4444;
  --text:#141414;--muted:#6B6560;--dim:#9E9890;
  --border:#E4DDD4;--bord-or:rgba(249,115,22,.28);
  --cream:#FDFAF6;--cream2:#F9F5EF;
  --shadow:0 4px 28px rgba(120,90,60,.08);
}
*{box-sizing:border-box}
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@700;800&family=Inter:wght@400;500;600;700&display=swap');

@keyframes gsh{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.5);opacity:.6}}
@keyframes vprog{0%{width:0}100%{width:100%}}
@keyframes mq{to{transform:translateX(-50%)}}
@keyframes scl{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes fbfl{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes fiu{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}

.rv{opacity:0;transform:translateY(44px);transition:opacity .85s ease,transform .85s ease}
.rv.vis{opacity:1;transform:translateY(0)}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}
.gt{background:linear-gradient(135deg,var(--or),var(--am),var(--re));background-size:250%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gsh 5s ease infinite}
.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)}

/* Scroll reveal observer — include once */
</style>
<script>
(function(){
  if(window._rvObserver) return;
  window._rvObserver = new IntersectionObserver(function(es){
    es.forEach(function(e){ if(e.isIntersecting) e.target.classList.add('vis'); });
  },{threshold:.08});
  function initRV(){ document.querySelectorAll('.rv:not([data-rv])').forEach(function(el){ el.setAttribute('data-rv','1'); window._rvObserver.observe(el); }); }
  initRV();
  document.addEventListener('DOMContentLoaded', initRV);
  setTimeout(initRV, 500);
})();
</script>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6bdf7c7 */<!-- ============================================================
     GLOBAL CSS — এই code টি প্রতিটি Section Widget-এর শুরুতে paste করুন
     অথবা WordPress > Appearance > Customize > Additional CSS-এ একবার add করুন
     ============================================================ -->
<style>
:root{
  --bg:#F6F3EE;--bg2:#F0EDE6;--bg3:#E8E4DC;
  --or:#F97316;--am:#FB923C;--re:#EF4444;
  --text:#141414;--muted:#6B6560;--dim:#9E9890;
  --border:#E4DDD4;--bord-or:rgba(249,115,22,.28);
  --cream:#FDFAF6;--cream2:#F9F5EF;
  --shadow:0 4px 28px rgba(120,90,60,.08);
}
*{box-sizing:border-box}
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@700;800&family=Inter:wght@400;500;600;700&display=swap');

@keyframes gsh{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.5);opacity:.6}}
@keyframes vprog{0%{width:0}100%{width:100%}}
@keyframes mq{to{transform:translateX(-50%)}}
@keyframes scl{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes fbfl{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes fiu{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}

.rv{opacity:0;transform:translateY(44px);transition:opacity .85s ease,transform .85s ease}
.rv.vis{opacity:1;transform:translateY(0)}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}
.gt{background:linear-gradient(135deg,var(--or),var(--am),var(--re));background-size:250%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gsh 5s ease infinite}
.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)}

/* Scroll reveal observer — include once */
</style>
<script>
(function(){
  if(window._rvObserver) return;
  window._rvObserver = new IntersectionObserver(function(es){
    es.forEach(function(e){ if(e.isIntersecting) e.target.classList.add('vis'); });
  },{threshold:.08});
  function initRV(){ document.querySelectorAll('.rv:not([data-rv])').forEach(function(el){ el.setAttribute('data-rv','1'); window._rvObserver.observe(el); }); }
  initRV();
  document.addEventListener('DOMContentLoaded', initRV);
  setTimeout(initRV, 500);
})();
</script>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9b8f2ec */<!-- ============================================================
     GLOBAL CSS — এই code টি প্রতিটি Section Widget-এর শুরুতে paste করুন
     অথবা WordPress > Appearance > Customize > Additional CSS-এ একবার add করুন
     ============================================================ -->
<style>
:root{
  --bg:#F6F3EE;--bg2:#F0EDE6;--bg3:#E8E4DC;
  --or:#F97316;--am:#FB923C;--re:#EF4444;
  --text:#141414;--muted:#6B6560;--dim:#9E9890;
  --border:#E4DDD4;--bord-or:rgba(249,115,22,.28);
  --cream:#FDFAF6;--cream2:#F9F5EF;
  --shadow:0 4px 28px rgba(120,90,60,.08);
}
*{box-sizing:border-box}
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@700;800&family=Inter:wght@400;500;600;700&display=swap');

@keyframes gsh{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.5);opacity:.6}}
@keyframes vprog{0%{width:0}100%{width:100%}}
@keyframes mq{to{transform:translateX(-50%)}}
@keyframes scl{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes fbfl{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes fiu{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}

.rv{opacity:0;transform:translateY(44px);transition:opacity .85s ease,transform .85s ease}
.rv.vis{opacity:1;transform:translateY(0)}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}
.gt{background:linear-gradient(135deg,var(--or),var(--am),var(--re));background-size:250%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gsh 5s ease infinite}
.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)}

/* Scroll reveal observer — include once */
</style>
<script>
(function(){
  if(window._rvObserver) return;
  window._rvObserver = new IntersectionObserver(function(es){
    es.forEach(function(e){ if(e.isIntersecting) e.target.classList.add('vis'); });
  },{threshold:.08});
  function initRV(){ document.querySelectorAll('.rv:not([data-rv])').forEach(function(el){ el.setAttribute('data-rv','1'); window._rvObserver.observe(el); }); }
  initRV();
  document.addEventListener('DOMContentLoaded', initRV);
  setTimeout(initRV, 500);
})();
</script>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-90de1c8 */<!-- ============================================================
     GLOBAL CSS — এই code টি প্রতিটি Section Widget-এর শুরুতে paste করুন
     অথবা WordPress > Appearance > Customize > Additional CSS-এ একবার add করুন
     ============================================================ -->
<style>
:root{
  --bg:#F6F3EE;--bg2:#F0EDE6;--bg3:#E8E4DC;
  --or:#F97316;--am:#FB923C;--re:#EF4444;
  --text:#141414;--muted:#6B6560;--dim:#9E9890;
  --border:#E4DDD4;--bord-or:rgba(249,115,22,.28);
  --cream:#FDFAF6;--cream2:#F9F5EF;
  --shadow:0 4px 28px rgba(120,90,60,.08);
}
*{box-sizing:border-box}
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@700;800&family=Inter:wght@400;500;600;700&display=swap');

@keyframes gsh{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.5);opacity:.6}}
@keyframes vprog{0%{width:0}100%{width:100%}}
@keyframes mq{to{transform:translateX(-50%)}}
@keyframes scl{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes fbfl{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes fiu{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}

.rv{opacity:0;transform:translateY(44px);transition:opacity .85s ease,transform .85s ease}
.rv.vis{opacity:1;transform:translateY(0)}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}
.gt{background:linear-gradient(135deg,var(--or),var(--am),var(--re));background-size:250%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gsh 5s ease infinite}
.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)}

/* Scroll reveal observer — include once */
</style>
<script>
(function(){
  if(window._rvObserver) return;
  window._rvObserver = new IntersectionObserver(function(es){
    es.forEach(function(e){ if(e.isIntersecting) e.target.classList.add('vis'); });
  },{threshold:.08});
  function initRV(){ document.querySelectorAll('.rv:not([data-rv])').forEach(function(el){ el.setAttribute('data-rv','1'); window._rvObserver.observe(el); }); }
  initRV();
  document.addEventListener('DOMContentLoaded', initRV);
  setTimeout(initRV, 500);
})();
</script>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-db6fc4a */<!-- ============================================================
     GLOBAL CSS — এই code টি প্রতিটি Section Widget-এর শুরুতে paste করুন
     অথবা WordPress > Appearance > Customize > Additional CSS-এ একবার add করুন
     ============================================================ -->
<style>
:root{
  --bg:#F6F3EE;--bg2:#F0EDE6;--bg3:#E8E4DC;
  --or:#F97316;--am:#FB923C;--re:#EF4444;
  --text:#141414;--muted:#6B6560;--dim:#9E9890;
  --border:#E4DDD4;--bord-or:rgba(249,115,22,.28);
  --cream:#FDFAF6;--cream2:#F9F5EF;
  --shadow:0 4px 28px rgba(120,90,60,.08);
}
*{box-sizing:border-box}
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@700;800&family=Inter:wght@400;500;600;700&display=swap');

@keyframes gsh{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.5);opacity:.6}}
@keyframes vprog{0%{width:0}100%{width:100%}}
@keyframes mq{to{transform:translateX(-50%)}}
@keyframes scl{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes fbfl{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes fiu{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}

.rv{opacity:0;transform:translateY(44px);transition:opacity .85s ease,transform .85s ease}
.rv.vis{opacity:1;transform:translateY(0)}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}
.gt{background:linear-gradient(135deg,var(--or),var(--am),var(--re));background-size:250%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gsh 5s ease infinite}
.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)}

/* Scroll reveal observer — include once */
</style>
<script>
(function(){
  if(window._rvObserver) return;
  window._rvObserver = new IntersectionObserver(function(es){
    es.forEach(function(e){ if(e.isIntersecting) e.target.classList.add('vis'); });
  },{threshold:.08});
  function initRV(){ document.querySelectorAll('.rv:not([data-rv])').forEach(function(el){ el.setAttribute('data-rv','1'); window._rvObserver.observe(el); }); }
  initRV();
  document.addEventListener('DOMContentLoaded', initRV);
  setTimeout(initRV, 500);
})();
</script>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-aa5ae34 */<!-- ============================================================
     GLOBAL CSS — এই code টি প্রতিটি Section Widget-এর শুরুতে paste করুন
     অথবা WordPress > Appearance > Customize > Additional CSS-এ একবার add করুন
     ============================================================ -->
<style>
:root{
  --bg:#F6F3EE;--bg2:#F0EDE6;--bg3:#E8E4DC;
  --or:#F97316;--am:#FB923C;--re:#EF4444;
  --text:#141414;--muted:#6B6560;--dim:#9E9890;
  --border:#E4DDD4;--bord-or:rgba(249,115,22,.28);
  --cream:#FDFAF6;--cream2:#F9F5EF;
  --shadow:0 4px 28px rgba(120,90,60,.08);
}
*{box-sizing:border-box}
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@700;800&family=Inter:wght@400;500;600;700&display=swap');

@keyframes gsh{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.5);opacity:.6}}
@keyframes vprog{0%{width:0}100%{width:100%}}
@keyframes mq{to{transform:translateX(-50%)}}
@keyframes scl{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes fbfl{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes fiu{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}

.rv{opacity:0;transform:translateY(44px);transition:opacity .85s ease,transform .85s ease}
.rv.vis{opacity:1;transform:translateY(0)}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}
.gt{background:linear-gradient(135deg,var(--or),var(--am),var(--re));background-size:250%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gsh 5s ease infinite}
.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)}

/* Scroll reveal observer — include once */
</style>
<script>
(function(){
  if(window._rvObserver) return;
  window._rvObserver = new IntersectionObserver(function(es){
    es.forEach(function(e){ if(e.isIntersecting) e.target.classList.add('vis'); });
  },{threshold:.08});
  function initRV(){ document.querySelectorAll('.rv:not([data-rv])').forEach(function(el){ el.setAttribute('data-rv','1'); window._rvObserver.observe(el); }); }
  initRV();
  document.addEventListener('DOMContentLoaded', initRV);
  setTimeout(initRV, 500);
})();
</script>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c89e1f0 */<!-- ============================================================
     GLOBAL CSS — এই code টি প্রতিটি Section Widget-এর শুরুতে paste করুন
     অথবা WordPress > Appearance > Customize > Additional CSS-এ একবার add করুন
     ============================================================ -->
<style>
:root{
  --bg:#F6F3EE;--bg2:#F0EDE6;--bg3:#E8E4DC;
  --or:#F97316;--am:#FB923C;--re:#EF4444;
  --text:#141414;--muted:#6B6560;--dim:#9E9890;
  --border:#E4DDD4;--bord-or:rgba(249,115,22,.28);
  --cream:#FDFAF6;--cream2:#F9F5EF;
  --shadow:0 4px 28px rgba(120,90,60,.08);
}
*{box-sizing:border-box}
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@700;800&family=Inter:wght@400;500;600;700&display=swap');

@keyframes gsh{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.5);opacity:.6}}
@keyframes vprog{0%{width:0}100%{width:100%}}
@keyframes mq{to{transform:translateX(-50%)}}
@keyframes scl{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes fbfl{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes fiu{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}

.rv{opacity:0;transform:translateY(44px);transition:opacity .85s ease,transform .85s ease}
.rv.vis{opacity:1;transform:translateY(0)}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}
.gt{background:linear-gradient(135deg,var(--or),var(--am),var(--re));background-size:250%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gsh 5s ease infinite}
.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)}

/* Scroll reveal observer — include once */
</style>
<script>
(function(){
  if(window._rvObserver) return;
  window._rvObserver = new IntersectionObserver(function(es){
    es.forEach(function(e){ if(e.isIntersecting) e.target.classList.add('vis'); });
  },{threshold:.08});
  function initRV(){ document.querySelectorAll('.rv:not([data-rv])').forEach(function(el){ el.setAttribute('data-rv','1'); window._rvObserver.observe(el); }); }
  initRV();
  document.addEventListener('DOMContentLoaded', initRV);
  setTimeout(initRV, 500);
})();
</script>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88335a1 */<!-- ============================================================
     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 */
/* Start custom CSS for html, class: .elementor-element-782309d */<!-- ============================================================
     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 */
/* Start custom CSS for html, class: .elementor-element-9b26777 */<!-- ============================================================
     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 */
/* Start custom CSS for html, class: .elementor-element-c326c55 */<!-- ============================================================
     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 */
/* Start custom CSS for html, class: .elementor-element-7834e27 */<!-- ============================================================
     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 */
/* Start custom CSS for html, class: .elementor-element-7a12a7b */<!-- ============================================================
     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 */
/* Start custom CSS for html, class: .elementor-element-152fa53 */<!-- ============================================================
     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 */