.elementor-1464 .elementor-element.elementor-element-7977b01{--display:flex;--min-height:500px;--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:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.8;}.elementor-1464 .elementor-element.elementor-element-7977b01:not(.elementor-motion-effects-element-type-background), .elementor-1464 .elementor-element.elementor-element-7977b01 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://evfmx.co.id/wp-content/uploads/2026/07/ChatGPT-Image-8-Jul-2026-14.16.49.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1464 .elementor-element.elementor-element-7977b01::before, .elementor-1464 .elementor-element.elementor-element-7977b01 > .elementor-background-video-container::before, .elementor-1464 .elementor-element.elementor-element-7977b01 > .e-con-inner > .elementor-background-video-container::before, .elementor-1464 .elementor-element.elementor-element-7977b01 > .elementor-background-slideshow::before, .elementor-1464 .elementor-element.elementor-element-7977b01 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1464 .elementor-element.elementor-element-7977b01 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1464 .elementor-element.elementor-element-3f03be5{--display:flex;}.elementor-1464 .elementor-element.elementor-element-ce91ffd{--display:flex;}body.elementor-page-1464:not(.elementor-motion-effects-element-type-background), body.elementor-page-1464 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}@media(min-width:768px){.elementor-1464 .elementor-element.elementor-element-7977b01{--content-width:600px;}}@media(max-width:1024px){.elementor-1464 .elementor-element.elementor-element-7977b01{--min-height:400px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}}@media(max-width:767px){.elementor-1464 .elementor-element.elementor-element-7977b01{--min-height:460px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:40px;--padding-left:30px;--padding-right:30px;}}/* Start custom CSS for html, class: .elementor-element-53610e3 */<style>
  /* Wrapper Section */
  .fmx-why-us-section {
    background-color: #f9fdfa; /* Hijau sangat pudar/bersih untuk kontras dengan footer */
    padding: 80px 20px;
    font-family: 'Inter', 'Roboto', sans-serif;
  }

  .fmx-container {
    max-width: 1200px;
    margin: 0 auto;
  }

  /* Header Section */
  .fmx-section-header {
    text-align: center;
    margin-bottom: 50px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }

  .fmx-h2-title {
    color: #173e27; /* Hijau FMX */
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 15px;
  }

  /* Garis aksen kuning di bawah judul */
  .fmx-h2-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background-color: #f4b41a; /* Kuning Emas FMX */
  }

  .fmx-subtitle {
    color: #555555;
    font-size: 16px;
    line-height: 1.6;
  }

  .fmx-subtitle strong, .fmx-subtitle em {
    color: #173e27;
  }

  /* Grid System untuk Card */
  .fmx-features-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
  }

  /* Desain Kartu (Card) */
  .fmx-feature-card {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 30px 20px;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    border-bottom: 4px solid transparent;
    transition: all 0.3s ease;
  }

  /* Efek Hover (Saat kursor diarahkan ke kartu) */
  .fmx-feature-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 25px rgba(23, 62, 39, 0.1);
    border-bottom: 4px solid #f4b41a; /* Muncul garis kuning saat di-hover */
  }

  /* Ikon */
  .fmx-icon-wrapper {
    width: 70px;
    height: 70px;
    background-color: rgba(23, 62, 39, 0.05); /* Latar belakang ikon hijau transparan */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px auto;
    transition: all 0.3s ease;
  }

  .fmx-feature-card:hover .fmx-icon-wrapper {
    background-color: #173e27; /* Berubah jadi hijau solid saat di-hover */
  }

  .fmx-icon-wrapper i {
    font-size: 28px;
    color: #173e27;
    transition: all 0.3s ease;
  }

  .fmx-feature-card:hover .fmx-icon-wrapper i {
    color: #f4b41a; /* Ikon berubah jadi kuning saat di-hover */
  }

  /* Teks dalam Kartu */
  .fmx-feature-card h3 {
    color: #173e27;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
  }

  .fmx-feature-card p {
    color: #666666;
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
  }

  .fmx-feature-card strong {
    color: #173e27;
  }

  /* Responsif untuk Tablet */
  @media (max-width: 992px) {
    .fmx-features-grid {
      grid-template-columns: repeat(2, 1fr); /* Menjadi 2 kolom di tablet */
    }
  }

  /* Responsif untuk HP */
  @media (max-width: 768px) {
    .fmx-features-grid {
      grid-template-columns: 1fr; /* Menjadi 1 kolom memanjang di HP */
    }
    .fmx-h2-title {
      font-size: 26px;
    }
  }
</style>/* End custom CSS */