.elementor-12 .elementor-element.elementor-element-23c8ac2{--display:flex;--min-height:90vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--padding-top:0px;--padding-bottom:100px;--padding-left:20px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-23c8ac2:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-23c8ac2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://manmohanainteriors.com/wp-content/uploads/2026/01/modern-sofa.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-846f164{text-align:start;}.elementor-12 .elementor-element.elementor-element-846f164 .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:70px;font-weight:300;color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-864fa76{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-44d7d8f{font-family:"Figtree", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-12 .elementor-element.elementor-element-2c81ccb{--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;}.elementor-12 .elementor-element.elementor-element-76fde1b{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;}.elementor-12 .elementor-element.elementor-element-76fde1b .elementor-heading-title{font-family:"Figtree", Sans-serif;font-weight:600;color:#000000;}.elementor-12 .elementor-element.elementor-element-3ff07a3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--flex-wrap:wrap;}.elementor-12 .elementor-element.elementor-element-43a1f42{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;}.elementor-12 .elementor-element.elementor-element-43a1f42 .elementor-heading-title{font-family:"Figtree", Sans-serif;font-weight:600;color:#000000;}body.elementor-page-12:not(.elementor-motion-effects-element-type-background), body.elementor-page-12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-25f835a );}:root{--page-title-display:none;}@media(min-width:1025px){.elementor-12 .elementor-element.elementor-element-23c8ac2:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-23c8ac2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-23c8ac2:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-23c8ac2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:repeat;background-size:contain;}}/* Start custom CSS for html, class: .elementor-element-e313a4a *//* =========================
   QUIET STEPS – ONE FRAME (LAPTOP)
   ========================= */

.quiet-steps {
  width: 100%;
  background: #fffaf2;
  padding: 30px 20px;
}

/* ✅ ALWAYS 4 IN ONE ROW ON LAPTOP */
.quiet-wrapper {
  max-width: 1440px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)); /* force single frame */
  gap: 60px;
}

/* STEP */
.quiet-step {
  opacity: 0;
  transform: translateY(40px);
  animation: quietFadeUp 1s ease forwards;
}

/* STAGGERED */
.quiet-step:nth-child(1) { animation-delay: 0.2s; }
.quiet-step:nth-child(2) { animation-delay: 0.4s; }
.quiet-step:nth-child(3) { animation-delay: 0.6s; }
.quiet-step:nth-child(4) { animation-delay: 0.8s; }

/* ANIMATION */
@keyframes quietFadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* BIG NUMBERS */
.quiet-step h2 {
  font-family: 'Figtree', sans-serif;
  font-size: 150px;
  font-weight: 200;
  line-height: 1;
  color: rgba(0,0,0,0.08);
}

/* TITLES */
.quiet-step h3 {
  font-family: 'Figtree', sans-serif;
  font-size: 22px;
  font-weight: 500;
  color: #000;
  margin-top: -40px;
}

/* TEXT */
.quiet-step p {
  font-family: 'Figtree', sans-serif;
  font-size: 15px;
  line-height: 1.6;
  color: #333;
  max-width: 280px;
}

/* =========================
   RESPONSIVE BREAKPOINTS
   ========================= */

/* Tablet */
@media (max-width: 1024px) {
  .quiet-wrapper {
    grid-template-columns: repeat(2, 1fr); /* 2 + 2 */
  }

  .quiet-step h2 {
    font-size: 180px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .quiet-wrapper {
    grid-template-columns: 1fr; /* stacked */
  }

  .quiet-step h2 {
    font-size: 120px;
  }

  .quiet-step {
    opacity: 1;
    transform: none;
    animation: none;
  }
}

@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600&display=swap');


.quiet-steps,
.quiet-step h2,
.quiet-step h3,
.quiet-step p {
  font-family: 'Figtree', sans-serif;
}/* End custom CSS */