.elementor-3436 .elementor-element.elementor-element-4c50151{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overflow:hidden;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-3436 .elementor-element.elementor-element-4c50151:not(.elementor-motion-effects-element-type-background), .elementor-3436 .elementor-element.elementor-element-4c50151 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBEBEB;}.elementor-3436 .elementor-element.elementor-element-4c50151::before, .elementor-3436 .elementor-element.elementor-element-4c50151 > .elementor-background-video-container::before, .elementor-3436 .elementor-element.elementor-element-4c50151 > .e-con-inner > .elementor-background-video-container::before, .elementor-3436 .elementor-element.elementor-element-4c50151 > .elementor-background-slideshow::before, .elementor-3436 .elementor-element.elementor-element-4c50151 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3436 .elementor-element.elementor-element-4c50151 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-3436 .elementor-element.elementor-element-f6213e3{--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;--margin-top:120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}@media(min-width:768px){.elementor-3436 .elementor-element.elementor-element-4c50151{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-6fe0a4b */* { box-sizing: border-box; margin: 0; padding: 0; }
 
.smj-method {
  background: #1E1E1E;
  padding: 100px 60px;
  position: relative;
  overflow: hidden;
}
 
/* Decorative bg text */
.smj-method::before {
  content: 'METHOD';
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  font-family: 'Baskerville', serif !important;
  font-size: clamp(100px, 16vw, 200px);
  font-weight: 700;
  font-style: italic;
  color: transparent;
  -webkit-text-stroke: 1px rgba(255,255,255,0.04);
  white-space: nowrap;
  pointer-events: none;
  z-index: 0;
}
 
.smj-method-inner {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
 
/* ── HEADER ── */
.smj-method-header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: end;
  margin-bottom: 80px;
  padding-bottom: 60px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}
 
.smj-method-eyebrow {
  font-family: 'Aparrat', sans-serif !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #EB5F05;
  display: block;
  margin-bottom: 16px;
}
 
.smj-method-title {
 font-family: 'Baskerville', serif !important;
  font-size: clamp(32px, 4vw, 52px);
  font-weight: 700;
  color: #EBEBEB;
  line-height: 1.12;
  letter-spacing: -0.5px;
}
 
.smj-method-title em {
  font-style: italic;
  color: #CD739B;
}
 
.smj-method-intro {
  font-family: 'Aparrat', sans-serif !important;
  font-size: 16px;
  color: rgba(235,235,235,0.55);
  line-height: 1.82;
  padding-top: 8px;
}
 
/* ── STEPS ── */
.smj-method-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  position: relative;
}
 
/* Connecting line */
.smj-method-steps::before {
  content: '';
  position: absolute;
  top: 36px;
  left: calc(12.5%);
  right: calc(12.5%);
  height: 1px;
  background: linear-gradient(to right,
    #EB5F05 0%,
    #CD739B 33%,
    #506E41 66%,
    #EBEBEB 100%
  );
  z-index: 0;
}
 
.smj-method-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0 20px;
  position: relative;
  z-index: 1;
}
 
/* Step circle */
.smj-method-circle {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-bottom: 28px;
  position: relative;
  z-index: 2;
}
 
.smj-method-step:nth-child(1) .smj-method-circle { background: #EB5F05; }
.smj-method-step:nth-child(2) .smj-method-circle { background: #CD739B; }
.smj-method-step:nth-child(3) .smj-method-circle { background: #506E41; }
.smj-method-step:nth-child(4) .smj-method-circle {
  background: #EB5F05;
  border: 5px solid #EBEBEB;
}
 
/* Step number */
.smj-method-step-num {
  font-family: 'Aparrat', sans-serif !important;
  font-size: 13px;
  font-style: italic;
  font-weight: 700;
  color: #fff;
  opacity: 0.7;
  display: block;
  margin-bottom: 8px;
}
 
/* Step word */
.smj-method-step-word {
 font-family: 'Baskerville', serif !important;
  font-size: clamp(22px, 2.5vw, 30px);
  font-weight: 700;
  color: #EBEBEB;
  letter-spacing: -0.5px;
  margin-bottom: 16px;
  line-height: 1;
}
 
.smj-method-step:nth-child(1) .smj-method-step-word { color: #EB5F05; }
.smj-method-step:nth-child(2) .smj-method-step-word { color: #CD739B; }
.smj-method-step:nth-child(3) .smj-method-step-word { color: #506E41; }
.smj-method-step:nth-child(4) .smj-method-step-word { color: #EBEBEB; }
 
/* Step text */
.smj-method-step-text {
  font-family: 'Aparrat', sans-serif !important;
  font-size: 16px;
  color: rgba(235,235,235,0.5);
  line-height: 1.75;
}
 
/* SVG icon inside circle */
.smj-method-circle svg {
  width: 28px;
  height: 28px;
}
 
/* ── BOTTOM CTA ── */
.smj-method-cta {
  text-align: center;
  margin-top: 80px;
  padding-top: 60px;
  border-top: 1px solid rgba(255,255,255,0.07);
}
 
.smj-method-cta-label {
  font-family: 'Aparrat', sans-serif !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(235,235,235,0.3);
  display: block;
  margin-bottom: 12px;
}
 
.smj-method-cta-text {
  font-family: 'Baskerville', serif !important;
  font-size: clamp(24px, 3vw, 36px);
  font-weight: 700;
  color: #EBEBEB;
  letter-spacing: -0.5px;
  margin-bottom: 28px;
}
 
.smj-method-cta-text em {
  font-style: italic;
  color: #CD739B;
}
 
.smj-method-btn {
  display: inline-block;
  background: #EB5F05;
  color: #fff;
  font-family: 'Aparrat', sans-serif !important;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.3px;
  padding: 15px 36px;
  border-radius: 100px;
  text-decoration: none;
  box-shadow: 0 4px 24px rgba(235,95,5,0.35);
  transition: opacity 0.2s, transform 0.2s;
}
.smj-method-btn:hover { opacity: 0.88; transform: translateY(-2px); }/* End custom CSS */