.elementor-136 .elementor-element.elementor-element-3963ef7{--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:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overflow:hidden;--overlay-opacity:0.5;--padding-top:7em;--padding-bottom:7em;--padding-left:1em;--padding-right:1em;}.elementor-136 .elementor-element.elementor-element-3963ef7:not(.elementor-motion-effects-element-type-background), .elementor-136 .elementor-element.elementor-element-3963ef7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://modularconstruction.co.id/wp-content/uploads/sites/17/2026/01/Screenshot_25.png");background-position:0px 35%;background-repeat:no-repeat;background-size:cover;}.elementor-136 .elementor-element.elementor-element-3963ef7::before, .elementor-136 .elementor-element.elementor-element-3963ef7 > .elementor-background-video-container::before, .elementor-136 .elementor-element.elementor-element-3963ef7 > .e-con-inner > .elementor-background-video-container::before, .elementor-136 .elementor-element.elementor-element-3963ef7 > .elementor-background-slideshow::before, .elementor-136 .elementor-element.elementor-element-3963ef7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-136 .elementor-element.elementor-element-3963ef7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-136 .elementor-element.elementor-element-dc1386b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-136 .elementor-element.elementor-element-3963ef7:not(.elementor-motion-effects-element-type-background), .elementor-136 .elementor-element.elementor-element-3963ef7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-136 .elementor-element.elementor-element-3963ef7{--padding-top:5em;--padding-bottom:5em;--padding-left:1em;--padding-right:1em;}}@media(max-width:767px){.elementor-136 .elementor-element.elementor-element-3963ef7:not(.elementor-motion-effects-element-type-background), .elementor-136 .elementor-element.elementor-element-3963ef7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:30% 0%;}.elementor-136 .elementor-element.elementor-element-3963ef7{--padding-top:3em;--padding-bottom:3em;--padding-left:0.5em;--padding-right:0.5em;}}/* Start custom CSS for html, class: .elementor-element-9e6db01 */```css
.nova-hero {
  width: 100%;
  padding: 45px 15px;
  background: transparent !important;
  box-sizing: border-box;
  text-align: center !important;
}

.nova-hero-content {
  width: 100%;
  max-width: 1400px;
  margin-left: auto !important;
  margin-right: auto !important;
  display: flex;
  flex-direction: column;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  background: transparent !important;
}

.nova-hero h1,
.nova-hero h2,
.nova-hero p {
  width: 100%;
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  box-sizing: border-box;
}

.nova-hero h1 {
  color: #ffffff;
  font-size: clamp(30px, 4.8vw, 66px);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -1.5px;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

.nova-hero h2 {
  color: #ffff00;
  font-size: clamp(21px, 2.8vw, 38px);
  font-weight: 800;
  line-height: 1.2;
  margin-top: 10px !important;
  margin-bottom: 14px !important;
}

.nova-hero p {
  max-width: 1350px;
  color: #ffffff;
  font-size: clamp(15px, 1.6vw, 21px);
  line-height: 1.5;
  margin-top: 0 !important;
  margin-bottom: 16px !important;
}

.nova-hero p strong {
  color: #ffffff;
  font-weight: 800;
}

.nova-hero .nova-hero-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  margin: 0 auto !important;
  padding: 0 30px;
  min-height: 53px;
  background: #e4002b;
  border: 2px solid #e4002b;
  color: #ffffff !important;
  text-align: center !important;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 700;
  transition: all .3s ease;
}

.nova-hero .nova-hero-button:hover {
  background: #ffffff;
  color: #e4002b !important;
  border-color: #ffffff;
}

@media (max-width: 767px) {
  .nova-hero {
    padding: 30px 12px;
  }

  .nova-hero h1 {
    letter-spacing: -0.5px;
    line-height: 1.12;
  }

  .nova-hero h2 {
    line-height: 1.3;
  }

  .nova-hero p {
    line-height: 1.6;
  }
}
```/* End custom CSS */