.elementor-72 .elementor-element.elementor-element-67a96b4{--display:flex;--margin-top:-29px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:55px;--padding-bottom:20px;--padding-left:80px;--padding-right:40px;}.elementor-72 .elementor-element.elementor-element-67a96b4:not(.elementor-motion-effects-element-type-background), .elementor-72 .elementor-element.elementor-element-67a96b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(41deg, var( --e-global-color-175b568 ) 0%, #000000 59%);}.elementor-72 .elementor-element.elementor-element-313982b{--display:flex;}.elementor-72 .elementor-element.elementor-element-313982b:not(.elementor-motion-effects-element-type-background), .elementor-72 .elementor-element.elementor-element-313982b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-72 .elementor-element.elementor-element-fd8137f{--display:flex;}.elementor-72 .elementor-element.elementor-element-fd8137f:not(.elementor-motion-effects-element-type-background), .elementor-72 .elementor-element.elementor-element-fd8137f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at bottom center, var( --e-global-color-175b568 ) 0%, #000000 56%);}@media(max-width:767px){.elementor-72 .elementor-element.elementor-element-67a96b4{--margin-top:-41px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:118px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-66f7a11 */.ls-how-hero {
  position: relative;
  width: 100%;
  min-height: 100vh;
 padding: 100px;
  overflow: hidden;
  padding: 0 20px;
  color: #ffffff;
}

/* SOFT GRID / LINES */
.ls-how-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
  background-size: 60px 60px;
  opacity: 0.4;
  z-index: 0;
}

/* BACKDROP */
.ls-how-bg {
  position: absolute;
  inset: 0;
  backdrop-filter: blur(2px);
  z-index: 1;
}

/* CONTAINER */
.ls-how-container {
  position: relative;
  z-index: 2;
  max-width: 1300px;
  margin: auto;
  min-height: 100vh;

  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  align-items: center;
  gap: 60px;
}

/* LEFT CONTENT */
.ls-how-content {
  max-width: 620px;
}

/* PILL */
.ls-how-pill {
  display: inline-block;
  padding: 6px 18px;
  border-radius: 999px;
  background: rgba(69,136,246,0.18);
  color: #4588F6;
  font-size: 13px;
  margin-bottom: 26px;
}

/* HEADING */
.ls-how-content h1 {
  font-size: clamp(40px, 5.2vw, 64px);
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 26px;
  color: #fff;
}

.ls-how-content h1 span {
  color: rgba(255,255,255,0.65);
}

/* TEXT */
.ls-how-content p {
  font-size: 16px;
  line-height: 1.8;
  opacity: 0.85;
  margin-bottom: 44px;
}

/* ACTIONS */
.ls-how-actions {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
}

/* PRIMARY CTA */
.ls-how-primary {
  padding: 16px 38px;
  border-radius: 999px;
  background: #4588F6;
  color: #000000;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.ls-how-primary:hover {
  transform: translateY(-2px);
  opacity: 0.95;
}

/* SECONDARY CTA */
.ls-how-secondary {
  padding: 16px 34px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.2);
  color: #ffffff;
  font-weight: 500;
  font-size: 15px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.ls-how-secondary:hover {
  border-color: #4588F6;
  color: #4588F6;
}

/* RIGHT VISUAL */
.ls-how-visual {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  
}

.ls-how-visual img {
  width: 100%;
  max-width: 520px;
 
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .ls-how-container {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .ls-how-content {
    margin: auto;
  }

  .ls-how-actions {
    justify-content: center;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0a48f60 *//* SECTION */
.ls-steps-section {
  background: #000000;
  padding: 60px 20px;
  color: #ffffff;
}

.ls-steps-container {
  max-width: 1300px;
  margin: auto;
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 80px;
  align-items: center;
}

/* LEFT VISUAL */
.ls-steps-visual {
  position: sticky;
  top: 120px;
}

.ls-steps-visual img {
  width: 100%;
  max-width: 420px;
  filter: drop-shadow(0 40px 120px rgba(69,136,246,0.35));
}

/* RIGHT CONTENT */
.ls-steps-content {
  max-width: 620px;
}

.ls-steps-badge {
  display: inline-block;
  padding: 6px 18px;
  border-radius: 999px;
  background: rgba(69,136,246,0.18);
  color: #4588F6;
  font-size: 13px;
  margin-bottom: 22px;
}

.ls-steps-content h2 {
  font-size: clamp(36px, 4.8vw, 52px);
  font-weight: 500;
  margin-bottom: 40px;
  color: white;
}

.ls-steps-content h2 span {
  color: rgba(255,255,255,0.65);
}

/* STEP CARD */
.ls-step-card {
  position: relative;
  padding: 34px 28px 30px;
  border-radius: 22px;
  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.04),
    rgba(255,255,255,0.01)
  );
  border: 1px solid rgba(255,255,255,0.12);
  margin-bottom: 20px;
  transition: all 0.35s ease;
}

.ls-step-card:hover,
.ls-step-card.active {
  border-color: rgba(69,136,246,0.7);
  box-shadow: 0 25px 80px rgba(69,136,246,0.15);
}

/* STEP BADGE (DESKTOP) */
.ls-step-badge {
  position: absolute;
  top: 18px;
  right: 18px;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 12px;
  background: rgba(255,255,255,0.08);
  opacity: 0.75;
}

/* BODY */
.ls-step-body {
  display: flex;
  align-items: center;
  gap: 18px;
}

.ls-step-body p {
  font-size: 15px;
  line-height: 1.6;
  opacity: 0.9;
}

/* ICON */
.ls-step-icon {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  background: linear-gradient(135deg, #4588F6, #86b4ff);
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

/* MOBILE FIX */
@media (max-width: 768px) {
  .ls-steps-container {
    grid-template-columns: 1fr;
  }

  .ls-step-badge {
    position: relative;
    top: auto;
    right: auto;
    margin-bottom: 14px;
    display: inline-block;
  }

  .ls-step-body {
    align-items: flex-start;
  }

  .ls-steps-visual {
    position: relative;
    margin-bottom: 60px;
    text-align: center;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c70f676 */.ls-final-cta {
  width: 100%;
  padding: 60px 20px;
 
   
  color: #ffffff;
}

.ls-cta-inner {
  max-width: 1100px;
  margin: auto;
  padding: 90px 40px;
  border-radius: 28px;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,0.05),
      rgba(255,255,255,0.02)
    );

  border: 1px solid rgba(255,255,255,0.12);
  text-align: center;
}

/* BADGE */
.ls-cta-badge {
  display: inline-block;
  padding: 6px 18px;
  border-radius: 999px;
  background: rgba(69,136,246,0.18);
  color: #4588F6;
  font-size: 13px;
  margin-bottom: 28px;
}

/* HEADING */
.ls-cta-inner h2 {
  font-size: clamp(36px, 5vw, 56px);
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 24px;
  color: white;
}

.ls-cta-inner h2 span {
  color: rgba(255,255,255,0.65);
}

/* TEXT */
.ls-cta-inner p {
  max-width: 680px;
  margin: 0 auto 44px;
  font-size: 15px;
  line-height: 1.7;
  opacity: 0.8;
}

/* BUTTON */
.ls-cta-button {
  display: inline-block;
  padding: 16px 38px;
  border-radius: 999px;
  background: #4588F6;
  color: #000000;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}

.ls-cta-button:hover {
  transform: translateY(-2px);
  opacity: 0.95;
}/* End custom CSS */