.elementor-847 .elementor-element.elementor-element-ad6a899{--display:flex;}.elementor-847 .elementor-element.elementor-element-3b90cff{width:100%;max-width:100%;}.elementor-847 .elementor-element.elementor-element-0656b80{--display:flex;}.elementor-847 .elementor-element.elementor-element-1cc6f29{--display:flex;}.elementor-847 .elementor-element.elementor-element-1d32b78{--display:flex;}.elementor-847 .elementor-element.elementor-element-ff11ff3{--display:flex;}.elementor-847 .elementor-element.elementor-element-299e782{--display:flex;}/* Start custom CSS for html, class: .elementor-element-3b90cff *//* === FULL WIDTH HERO FIX === */
.full-width-hero {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  position: relative !important;
  overflow: hidden !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1 !important;
}

/* === HERO UNDER HEADER (Overlap effect for all devices) === */
.full-width-hero {
  margin-top: 20px !important; /* Mobile header height approx */
}

/* Tablet and Desktop — slightly larger overlap */
@media (min-width: 768px) {
  .full-width-hero {
    margin-top: -0px !important;
  }
}

@media (min-width: 1024px) {
  .full-width-hero {
    margin-top: 0px !important; /* For larger headers on desktop */
  }
}

/* === RESPONSIVE SPACING === */
.full-width-hero {
  padding-top: 4rem !important;   /* mobile spacing */
  padding-bottom: 4rem !important;
}

@media (min-width: 768px) {
  .full-width-hero {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
}

@media (min-width: 1024px) {
  .full-width-hero {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}

/* === Fix horizontal scroll === */
html, body {
  overflow-x: hidden !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f70f7c8 *//* Force full-width section */
.elementor-847 .elementor-element.elementor-element-f70f7c8 {
  position: relative;
  width: 100vw !important;
  max-width: 100vw !important;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  padding: 1px 0; /* প্রয়োজনমতো বাড়াতে বা কমাতে পারো */
  background: linear-gradient(180deg, #001f3f 0%, #000000 100%) !important;
  color: #ffffff !important;
  overflow: hidden;
  box-sizing: border-box;
}

/* container fix inside */
.elementor-847 .elementor-element.elementor-element-f70f7c8 .elementor-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}/* End custom CSS */