.elementor-2 .elementor-element.elementor-element-06d34f3{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--margin-top:-56px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-06d34f3::before, .elementor-2 .elementor-element.elementor-element-06d34f3 > .elementor-background-video-container::before, .elementor-2 .elementor-element.elementor-element-06d34f3 > .e-con-inner > .elementor-background-video-container::before, .elementor-2 .elementor-element.elementor-element-06d34f3 > .elementor-background-slideshow::before, .elementor-2 .elementor-element.elementor-element-06d34f3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2 .elementor-element.elementor-element-06d34f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000B5;--background-overlay:'';}.elementor-2 .elementor-element.elementor-element-06d34f3.e-con{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-2 .elementor-element.elementor-element-47aea22{--spacer-size:20vh;}.elementor-2 .elementor-element.elementor-element-97f7d0a .elementor-heading-title{font-family:"Roboto Flex", open-sanf;font-size:30px;font-weight:700;text-transform:uppercase;color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-0d14259{width:var( --container-widget-width, 57.43% );max-width:57.43%;--container-widget-width:57.43%;--container-widget-flex-grow:0;line-height:26px;letter-spacing:-0.2px;color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-0d14259 > .elementor-widget-container{margin:17px 17px 17px 17px;padding:12px 12px 12px 12px;}.elementor-2 .elementor-element.elementor-element-0d14259.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2 .elementor-element.elementor-element-0d14259 a{color:#0E00FF;}.elementor-2 .elementor-element.elementor-element-0904df7 .elementor-button{background-color:var( --e-global-color-primary );fill:#FFFFFF;color:#FFFFFF;border-radius:16px 16px 16px 16px;}.elementor-2 .elementor-element.elementor-element-5623a56{--spacer-size:30vh;}.elementor-2 .elementor-element.elementor-element-f18c657{--display:flex;}.elementor-2 .elementor-element.elementor-element-f18c657:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-f18c657 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;background-image:url("https://noble-earth.com/sites/default/files/2024-08/lay4-top-graph.svg");}.elementor-2 .elementor-element.elementor-element-73e41c8 > .elementor-widget-container{margin:-110px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-7850cc9{--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-2 .elementor-element.elementor-element-094f57c.elementor-element{--flex-grow:0;--flex-shrink:1;}@media(min-width:768px){.elementor-2 .elementor-element.elementor-element-7850cc9{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-73e41c8 *//* 1. Khai báo chung cho SVG */
.actsvg {
  overflow: visible;             /* không cắt phần nhô ra */
}

/* 2. Chuẩn stroke cho mọi path */
.actsvg path {
  fill: none !important;
  stroke: #fff;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;

  /* filter ánh sáng nhẹ */
  filter: drop-shadow(0 0 6px rgba(255,255,255,0.6));

  /* dash-array cho animation “vẽ” */
  stroke-dasharray: 2500;
  stroke-dashoffset: 2500;

  /* chạy animation */
  animation: draw-line 3s ease-out forwards;
}

/* 3. keyframes cho “vẽ” đường nét */
@keyframes draw-line {
  to {
    stroke-dashoffset: 0;
  }
}

/* 4. Hiệu ứng nhúng-nảy cho nhóm nhà */
.actsvg .houses use {
  /* đặt tâm chuyển động ở giữa symbol */
  transform-origin: center center;
  /* đợi 3s (cho xong vẽ), rồi nhảy nhẹ */
  animation: float-house 2s ease-in-out 3s infinite;
}

/* 5. keyframes cho nhà nhúng-nảy */
@keyframes float-house {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-8px); }
}/* End custom CSS */