.elementor-617 .elementor-element.elementor-element-9d0ca11{--display:flex;--min-height:141px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-617 .elementor-element.elementor-element-9d0ca11:not(.elementor-motion-effects-element-type-background), .elementor-617 .elementor-element.elementor-element-9d0ca11 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://susunusantara.id/wp-content/uploads/2026/10/BG-SECTON-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-617 .elementor-element.elementor-element-7cc632f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-617 .elementor-element.elementor-element-7cc632f.elementor-element{--align-self:center;}.elementor-617 .elementor-element.elementor-element-9374987{--display:flex;--min-height:729px;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-617 .elementor-element.elementor-element-7644148{--display:flex;--justify-content:flex-start;}.elementor-617 .elementor-element.elementor-element-ab31932{--display:flex;--justify-content:flex-end;--margin-top:0px;--margin-bottom:-7px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-617 .elementor-element.elementor-element-b8a310d{--display:flex;--justify-content:flex-start;}.elementor-617 .elementor-element.elementor-element-f365c52{margin:40px 40px calc(var(--kit-widget-spacing, 0px) + -40px) 40px;}.elementor-617 .elementor-element.elementor-element-5d2bf84{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-617 .elementor-element.elementor-element-99fade4{--display:flex;}.elementor-617 .elementor-element.elementor-element-c566e1b{margin:-37px 0px calc(var(--kit-widget-spacing, 0px) + -37px) 0px;padding:0px 0px 0px 0px;}.elementor-617 .elementor-element.elementor-element-c5369ac{--display:flex;}.elementor-617 .elementor-element.elementor-element-0660c92{margin:-37px 0px calc(var(--kit-widget-spacing, 0px) + -37px) 0px;padding:0px 0px 0px 0px;}.elementor-617 .elementor-element.elementor-element-181e5a9{--display:flex;}.elementor-617 .elementor-element.elementor-element-5d1de0e{margin:-37px 0px calc(var(--kit-widget-spacing, 0px) + -37px) 0px;padding:0px 0px 0px 0px;}.elementor-617 .elementor-element.elementor-element-090f1d2{--display:flex;}.elementor-617 .elementor-element.elementor-element-85c93f8{margin:-37px 0px calc(var(--kit-widget-spacing, 0px) + -37px) 0px;padding:0px 0px 0px 0px;}.elementor-617 .elementor-element.elementor-element-7af02aa{--display:flex;--min-height:701px;--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;--justify-content:center;}.elementor-617 .elementor-element.elementor-element-7af02aa:not(.elementor-motion-effects-element-type-background), .elementor-617 .elementor-element.elementor-element-7af02aa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://susunusantara.id/wp-content/uploads/2026/10/bg-2.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-617 .elementor-element.elementor-element-684e380{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;}.elementor-617 .elementor-element.elementor-element-50c2ecd{--display:flex;}.elementor-617 .elementor-element.elementor-element-77bf0ba{--display:flex;--border-radius:8px 8px 8px 8px;}.elementor-617 .elementor-element.elementor-element-77bf0ba:not(.elementor-motion-effects-element-type-background), .elementor-617 .elementor-element.elementor-element-77bf0ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2E23233D;}.elementor-617 .elementor-element.elementor-element-00847e7{--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-617 .elementor-element.elementor-element-39d43a5{--display:grid;--min-height:494px;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:center;--padding-top:44px;--padding-bottom:44px;--padding-left:44px;--padding-right:44px;}.elementor-617 .elementor-element.elementor-element-39d43a5:not(.elementor-motion-effects-element-type-background), .elementor-617 .elementor-element.elementor-element-39d43a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://susunusantara.id/wp-content/uploads/2026/10/sec-3.png");}.elementor-617 .elementor-element.elementor-element-23d22f2 img{width:88%;}.elementor-617 .elementor-element.elementor-element-5a0650b img{width:88%;}.elementor-617 .elementor-element.elementor-element-c517006 img{width:88%;}.elementor-617 .elementor-element.elementor-element-10580cf{--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-617 .elementor-element.elementor-element-9a012f9{padding:18px 18px 18px 18px;}.elementor-617 .elementor-element.elementor-element-6903b82{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:77px;--padding-bottom:77px;--padding-left:0px;--padding-right:0px;}.elementor-617 .elementor-element.elementor-element-6903b82:not(.elementor-motion-effects-element-type-background), .elementor-617 .elementor-element.elementor-element-6903b82 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#225691;}.elementor-617 .elementor-element.elementor-element-725e9ef{--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;--justify-content:flex-start;--padding-top:26px;--padding-bottom:26px;--padding-left:26px;--padding-right:26px;}.elementor-617 .elementor-element.elementor-element-1840168{margin:0px 15px calc(var(--kit-widget-spacing, 0px) + -25px) 15px;padding:0px 26px 0px 26px;border-radius:4px 4px 4px 4px;}.elementor-617 .elementor-element.elementor-element-1840168 img{max-width:23%;border-style:none;}.elementor-617 .elementor-element.elementor-element-1840168 .widget-image-caption{text-align:center;color:#FFFFFF;font-family:"Montserrat", Sans-serif;font-size:11px;font-weight:700;font-style:italic;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-617 .elementor-element.elementor-element-19d4c9e{padding:0px 0px 0px 0px;--e-icon-list-icon-size:10px;--icon-vertical-offset:0px;}.elementor-617 .elementor-element.elementor-element-19d4c9e .elementor-icon-list-icon i{color:#D7D7D7;transition:color 0.3s;}.elementor-617 .elementor-element.elementor-element-19d4c9e .elementor-icon-list-icon svg{fill:#D7D7D7;transition:fill 0.3s;}.elementor-617 .elementor-element.elementor-element-19d4c9e .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-617 .elementor-element.elementor-element-19d4c9e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-617 .elementor-element.elementor-element-19d4c9e .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:500;}.elementor-617 .elementor-element.elementor-element-19d4c9e .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.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-617 .elementor-element.elementor-element-799b9d3{text-align:center;}.elementor-617 .elementor-element.elementor-element-799b9d3 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;color:#FDFDFD;}.elementor-617 .elementor-element.elementor-element-6e972bd{width:100%;max-width:100%;--e-icon-list-icon-size:22px;--icon-vertical-offset:0px;}.elementor-617 .elementor-element.elementor-element-6e972bd .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-617 .elementor-element.elementor-element-6e972bd .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-617 .elementor-element.elementor-element-6e972bd .elementor-icon-list-text{transition:color 0.3s;}.elementor-617 .elementor-element.elementor-element-94466f2{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-617 .elementor-element.elementor-element-4e4d1af{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -7px) 0px;text-align:start;}.elementor-617 .elementor-element.elementor-element-4e4d1af .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;color:#FDFDFD;}.elementor-617 .elementor-element.elementor-element-ab7be9f{width:auto;max-width:auto;margin:17px 17px calc(var(--kit-widget-spacing, 0px) + 17px) 17px;bottom:26px;}.elementor-617 .elementor-element.elementor-element-ab7be9f.elementor-element{--align-self:flex-end;--order:-99999 /* order start hack */;}@media(max-width:1024px){.elementor-617 .elementor-element.elementor-element-5d2bf84{--grid-auto-flow:row;}.elementor-617 .elementor-element.elementor-element-684e380{--grid-auto-flow:row;}.elementor-617 .elementor-element.elementor-element-39d43a5{--grid-auto-flow:row;}.elementor-617 .elementor-element.elementor-element-6903b82{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-617 .elementor-element.elementor-element-9d0ca11{--min-height:0px;}.elementor-617 .elementor-element.elementor-element-9d0ca11:not(.elementor-motion-effects-element-type-background), .elementor-617 .elementor-element.elementor-element-9d0ca11 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-617 .elementor-element.elementor-element-9374987{--min-height:486px;--justify-content:flex-end;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:28px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-617 .elementor-element.elementor-element-9374987.e-con{--align-self:flex-start;}.elementor-617 .elementor-element.elementor-element-7644148{--justify-content:center;}.elementor-617 .elementor-element.elementor-element-f365c52{padding:18px 18px 18px 18px;}.elementor-617 .elementor-element.elementor-element-5d2bf84{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-617 .elementor-element.elementor-element-c566e1b{margin:-7px 0px calc(var(--kit-widget-spacing, 0px) + -38px) 0px;padding:0px 0px 0px 0px;}.elementor-617 .elementor-element.elementor-element-0660c92{margin:-7px 0px calc(var(--kit-widget-spacing, 0px) + -38px) 0px;padding:0px 0px 0px 0px;}.elementor-617 .elementor-element.elementor-element-5d1de0e{margin:-7px 0px calc(var(--kit-widget-spacing, 0px) + -38px) 0px;padding:0px 0px 0px 0px;}.elementor-617 .elementor-element.elementor-element-85c93f8{margin:-7px 0px calc(var(--kit-widget-spacing, 0px) + -38px) 0px;padding:0px 0px 0px 0px;}.elementor-617 .elementor-element.elementor-element-7af02aa{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-617 .elementor-element.elementor-element-7af02aa:not(.elementor-motion-effects-element-type-background), .elementor-617 .elementor-element.elementor-element-7af02aa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center left;}.elementor-617 .elementor-element.elementor-element-684e380{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-617 .elementor-element.elementor-element-6637218{padding:16px 16px 16px 16px;}.elementor-617 .elementor-element.elementor-element-39d43a5{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.elementor-617 .elementor-element.elementor-element-6903b82{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:26px;--padding-bottom:26px;--padding-left:26px;--padding-right:26px;}.elementor-617 .elementor-element.elementor-element-725e9ef{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-617 .elementor-element.elementor-element-1840168{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -24px) 0px;padding:23px 23px 0px 23px;border-radius:12px 12px 12px 12px;text-align:center;}.elementor-617 .elementor-element.elementor-element-1840168 img{max-width:35%;}.elementor-617 .elementor-element.elementor-element-1840168 .widget-image-caption{text-align:center;}.elementor-617 .elementor-element.elementor-element-19d4c9e{margin:2px 2px calc(var(--kit-widget-spacing, 0px) + 2px) 2px;--e-icon-list-icon-size:8px;}.elementor-617 .elementor-element.elementor-element-19d4c9e.elementor-element{--align-self:center;}.elementor-617 .elementor-element.elementor-element-19d4c9e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-617 .elementor-element.elementor-element-19d4c9e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-617 .elementor-element.elementor-element-19d4c9e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-617 .elementor-element.elementor-element-19d4c9e .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-617 .elementor-element.elementor-element-19d4c9e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-617 .elementor-element.elementor-element-19d4c9e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-617 .elementor-element.elementor-element-19d4c9e .elementor-icon-list-item > a{font-size:12px;}.elementor-617 .elementor-element.elementor-element-799b9d3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -7px) 0px;padding:24px 24px 0px 24px;text-align:center;}.elementor-617 .elementor-element.elementor-element-799b9d3 .elementor-heading-title{font-size:14px;}.elementor-617 .elementor-element.elementor-element-94466f2{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-617 .elementor-element.elementor-element-4e4d1af{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -7px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-617 .elementor-element.elementor-element-4e4d1af .elementor-heading-title{font-size:14px;}.elementor-617 .elementor-element.elementor-element-40824bf{padding:0px 12px 26px 12px;}}@media(min-width:768px){.elementor-617 .elementor-element.elementor-element-9374987{--width:50%;}.elementor-617 .elementor-element.elementor-element-ab31932{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-7cc632f *//* ===== RESET & BASE ===== */
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      font-family: system-ui, 'Segoe UI', Roboto, sans-serif;
      background: #f0f4fc;
    }

/* ===== NAVBAR TRANSPARAN + SCROLL ===== */
.navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: transparent;
  background-image: none;
  z-index: 1000;
  box-shadow: none;
  transition: background 0.35s ease, box-shadow 0.35s ease;
}

.navbar.scrolled {
  background-image: linear-gradient(180deg, #2a72c4 0%, #1a5194 70%);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
}

/* ===== CONTAINER NAVBAR ===== */
.nav-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px 20px;          /* ← padding wajar */
  display: flex;
  align-items: center;         /* ← semua item rata tengah vertikal */
  justify-content: flex-start;
  gap: 30px;
  transition: padding 0.35s ease;
}

.navbar.scrolled .nav-container {
  padding: 4px 40px;
}

/* ===== LOGO ===== */
.nav-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  line-height: 1;              /* ← perbaiki dari 8 → 1 */
  flex-shrink: 0;
  margin-top: 0;               /* ← hapus 70px, biarkan align-items:center yang atur */
}

.logo-img {
  width: 100px;
  height: auto;
  margin: 0;                   /* ← margin cukup dari container */
  transition: width 0.35s ease, transform 0.35s ease;
  transform-origin: left center;
}

.logo-img.shrink {
  width: 70px;
  transform: scale(0.6);
}

/* ===== NAVIGATION MENU ===== */
.nav-menu {
  display: flex;
  list-style: none;
  gap: 31px;
  margin: 0;
}

.nav-link {
  color: #fff;
  text-decoration: none;
  font-size: 0.95rem;
  font-weight: 500;
  position: relative;
  padding: 8px 0;              /* ← perbaiki dari "px" (typo) → 8px 0 */
  white-space: nowrap;
}

.nav-link::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;                 /* ← naikkan sedikit biar terlihat */
  background: #f6bd55;
  transition: width 0.3s;
}

.nav-link:hover {
  color: #f6bd55;
}

.nav-link:hover::after {
  width: 100%;
}

.nav-link.active {
  color: #f6bd55;
}

.nav-link.active::after {
  width: 100%;
}


    /* ===== HAMBURGER BUTTON ===== */
    .nav-toggle-label {
      display: none;
      background: transparent;
      border: none;
      padding: 0;
      cursor: pointer;
      -webkit-tap-highlight-color: transparent;
      margin-left: auto;   /* ← hamburger tetap di kanan saat mobile */
    }

    .nav-toggle-label span {
      display: block;
    }

    /* ===== MOBILE ===== */
    @media (max-width: 768px) {

      .navbar {
        background: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
      }

      .navbar.scrolled {
        background-color: rgba(36, 105, 184, 0.65) !important;
        background-image: linear-gradient(
          180deg,
          rgba(42, 114, 196, 0.70) 0%,
          rgba(26, 81, 148, 0.70) 100%
        ) !important;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.10) !important;
      }

      /* Di mobile, layout tetap: logo kiri, hamburger kanan */
      .nav-container {
        padding: 12px 20px;
        gap: 15px;
        justify-content: space-between;  /* logo kiri, hamburger kanan */
        transition: padding 0.35s ease;
      }

      .navbar.scrolled .nav-container {
        padding: 6px 20px;
      }

      .logo-img {
        width: 72px;
        transition: width 0.35s ease, transform 0.35s ease;
      }

      .logo-img.shrink {
        width: 60px;
        transform: scale(0.6);
      }

      /* Tampilkan tombol hamburger */
      .nav-toggle-label {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 5px;
        width: 44px;
        height: 44px;
        flex-shrink: 0;
        position: relative;
        z-index: 1002;
        margin-left: auto;   /* pastikan tetap di kanan */
      }

      .nav-toggle-label span {
        width: 26px;
        height: 3px;
        background: #fff;
        border-radius: 3px;
        transition: transform 0.3s ease, opacity 0.3s ease;
      }

      /* Menu mobile: dropdown full width */
      .nav-menu {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        margin: 0;
        max-height: 0;
        overflow: hidden;
        visibility: hidden;
        background: rgba(26, 81, 148, 0.96);
        transition: max-height 0.35s ease, visibility 0.35s ease;
      }

      .nav-menu li {
        width: 100%;
        text-align: center;
      }

      .nav-menu .nav-link {
        display: block;
        padding: 15px 20px;
        color: #fff;
      }

      .nav-menu.active {
        max-height: 400px;
        visibility: visible;
      }

      /* Animasi hamburger → X */
      .nav-toggle-label.active span:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
      }

      .nav-toggle-label.active span:nth-child(2) {
        opacity: 0;
      }

      .nav-toggle-label.active span:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
      }
    }

    /* ===== DUMMY CONTENT ===== */
    .hero {
      min-height: 100vh;
      background: linear-gradient(145deg, #c8dfff 0%, #98b9e6 100%);
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 120px 24px 80px;
      position: relative;
    }

    .hero h1 {
      font-size: clamp(2.5rem, 8vw, 5rem);
      color: #1a3a66;
      font-weight: 700;
      letter-spacing: -0.02em;
      text-shadow: 0 4px 12px rgba(255, 255, 255, 0.6);
      max-width: 900px;
      margin-bottom: 1rem;
    }

    .hero p {
      font-size: 1.3rem;
      color: #1f3f6b;
      max-width: 600px;
      margin: 0 auto;
      background: rgba(255, 255, 255, 0.5);
      padding: 12px 28px;
      border-radius: 60px;
      backdrop-filter: blur(6px);
      font-weight: 500;
    }

    .content-section {
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 100px 24px;
      background: #e6efff;
      color: #132e4f;
      text-align: center;
    }

    .content-section:nth-child(odd) {
      background: #d9e6ff;
    }

    .content-section h2 {
      font-size: 3rem;
      margin-bottom: 0.75rem;
      font-weight: 600;
    }

    .content-section p {
      font-size: 1.2rem;
      opacity: 0.8;
    }

    .scroll-hint {
      position: absolute;
      bottom: 30px;
      left: 50%;
      transform: translateX(-50%);
      font-size: 0.9rem;
      background: rgba(255, 255, 255, 0.5);
      padding: 8px 20px;
      border-radius: 40px;
      color: #1a3a66;
      font-weight: 600;
      backdrop-filter: blur(5px);
      white-space: nowrap;
    }

    @media (max-width: 768px) {
      .hero h1 { font-size: 2.5rem; }
      .hero p { font-size: 1rem; padding: 8px 18px; }
      .scroll-hint { bottom: 20px; font-size: 0.8rem; }
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e79c10e */.mmn-hero {
    color: #ffffff;
    padding: 60px 35px;
    font-family: "MRockwell", Georgia, serif;
    box-sizing: border-box;
    text-align: start;
}

.mmn-hero h1 {
    color: #ffffff;
    font-family: "MRockwell", Georgia, serif;
    font-size: 42px;
    font-weight: 600;
    line-height: 1.12;
    margin: 0 0 18px;
    max-width: 700px;
    
}

.mmn-hero p {
    font-family: Arial, sans-serif;
    font-size: 15px;
    line-height: 1.6;
    max-width: 480px;
    margin: 0 0 24px;
}

.mmn-hero .mmn-button {
    display: inline-block;
    background: #f4b63f;
    color: #ffffff;
    padding: 13px 28px;
    border-radius: 4px;
    text-decoration: none;
    font: 600 14px Arial, sans-serif;
}

.mmn-hero .mmn-button:hover {
    background: #e3a329;
}

@media (max-width: 767px) {
    .mmn-hero {
        padding: 40px 22px;
    }

    .mmn-hero h1 {
        font-size: 30px;
    }

    .mmn-hero p {
        font-size: 14px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f365c52 *//* ========================================
   HERO SECTION - MMN PRODUK
======================================== */
.mmn-hero-produk {
    color: #ffffff;
    padding: 30px 35px;
    font-family: "Myriad Pro", Arial, sans-serif;
    text-align: center;
    box-sizing: border-box;
    width: 100%;
}

/* ========================================
   JUDUL
======================================== */
.mmn-hero-produk h3 {
    color: #111111;
    font-family: "Myriad Pro", Arial, sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.4px;
    margin: 0 auto 12px;
    max-width: 900px;
    overflow-wrap: break-word;
}

/* ========================================
   DESKRIPSI
======================================== */
.mmn-hero-produk p {
    color: #333333;
    font-family: "Myriad Pro", Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
    letter-spacing: 0.1px;
    max-width: 750px;
    margin: 0 auto 20px;
    overflow-wrap: break-word;
    word-break: normal;
}

/* ========================================
   TABLET
======================================== */
@media (min-width: 768px) and (max-width: 1024px) {
    .mmn-hero-produk {
        padding: 25px 25px;
    }

    .mmn-hero-produk h3 {
        font-size: 25px;
        line-height: 1.35;
    }

    .mmn-hero-produk p {
        font-size: 15px;
        line-height: 1.65;
        max-width: 680px;
    }
}

/* ========================================
   MOBILE
======================================== */
@media (max-width: 767px) {
    .mmn-hero-produk {
        padding: 22px 16px;
    }

    .mmn-hero-produk h3 {
        font-size: 22px;
        line-height: 1.4;
        letter-spacing: -0.2px;
        margin-bottom: 10px;
    }

    .mmn-hero-produk p {
        font-size: 14px;
        line-height: 1.7;
        letter-spacing: 0;
        margin-bottom: 16px;
    }
}

/* ========================================
   MOBILE KECIL
======================================== */
@media (max-width: 380px) {
    .mmn-hero-produk {
        padding: 18px 12px;
    }

    .mmn-hero-produk h3 {
        font-size: 20px;
    }

    .mmn-hero-produk p {
        font-size: 13px;
        line-height: 1.65;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-017fb8c */* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 50vh;
      background-color: #f5f5f5;
      font-family: 'Arial', 'Helvetica', sans-serif;
      text-align: center;
    }

    /* ===== WRAPPER (tanpa card box) ===== */
    .product-wrapper {
      max-width: 400px;
      width: 100%;
      padding: 20px;
    }

    /* ===== TITLE ===== */
    .product-title {
      font-size: 1.40rem;
      font-weight: 700;
      color: #3d2b1f;
      letter-spacing: 1px;
      text-transform: uppercase;
      margin-bottom: 15px;
      line-height: 1.2;
      font-family: 'Arial Black', 'Impact', sans-serif;
    }

    /* ===== DESCRIPTION ===== */
    .product-desc {
      font-size: 0.9rem;
      color: #7a6e65;
      line-height: 1.6;
      margin-bottom: 22px;
      max-width: 320px;
      margin-left: auto;
      margin-right: auto;
    }

    /* ===== BUTTON ===== */
    .btn-order {
      display: inline-block;
      background-color: #d9a43b;
      color: #ffffff;
      font-size: 0.6rem;
      font-weight: 700;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      text-decoration: none;
      padding: 14px 45px;
      border: none;
      cursor: pointer;
      transition: background-color 0.3s ease, transform 0.2s ease;
    }

    .btn-order:hover {
      background-color: #c4922e;
      transform: translateY(-1px);
    }

    .btn-order:active {
      transform: translateY(0);
    }

    /* ===== RESPONSIVE ===== */
    @media (max-width: 480px) {
      .product-title {
        font-size: 1.4rem;
      }
      .product-desc {
        font-size: 0.9rem;
      }
      .btn-order {
        padding: 12px 35px;
        font-size: 0.9rem;
      }
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0411b9e */* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 50vh;
      background-color: #f5f5f5;
      font-family: 'Arial', 'Helvetica', sans-serif;
      text-align: center;
    }

    /* ===== WRAPPER (tanpa card box) ===== */
    .product-wrapper {
      max-width: 400px;
      width: 100%;
      padding: 20px;
    }

    /* ===== TITLE ===== */
    .product-title {
      font-size: 1.40rem;
      font-weight: 700;
      color: #3d2b1f;
      letter-spacing: 1px;
      text-transform: uppercase;
      margin-bottom: 15px;
      line-height: 1.2;
      font-family: 'Arial Black', 'Impact', sans-serif;
    }

    /* ===== DESCRIPTION ===== */
    .product-desc {
      font-size: 0.9rem;
      color: #7a6e65;
      line-height: 1.6;
      margin-bottom: 22px;
      max-width: 320px;
      margin-left: auto;
      margin-right: auto;
    }

    /* ===== BUTTON ===== */
    .btn-order {
      display: inline-block;
      background-color: #d9a43b;
      color: #ffffff;
      font-size: 0.6rem;
      font-weight: 700;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      text-decoration: none;
      padding: 14px 45px;
      border: none;
      cursor: pointer;
      transition: background-color 0.3s ease, transform 0.2s ease;
    }

    .btn-order:hover {
      background-color: #c4922e;
      transform: translateY(-1px);
    }

    .btn-order:active {
      transform: translateY(0);
    }

    /* ===== RESPONSIVE ===== */
    @media (max-width: 480px) {
      .product-title {
        font-size: 1.4rem;
      }
      .product-desc {
        font-size: 0.9rem;
      }
      .btn-order {
        padding: 12px 35px;
        font-size: 0.9rem;
      }
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fc33239 */* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 50vh;
      background-color: #f5f5f5;
      font-family: 'Arial', 'Helvetica', sans-serif;
      text-align: center;
    }

    /* ===== WRAPPER (tanpa card box) ===== */
    .product-wrapper {
      max-width: 400px;
      width: 100%;
      padding: 20px;
    }

    /* ===== TITLE ===== */
    .product-title {
      font-size: 1.40rem;
      font-weight: 700;
      color: #3d2b1f;
      letter-spacing: 1px;
      text-transform: uppercase;
      margin-bottom: 15px;
      line-height: 1.2;
      font-family: 'Arial Black', 'Impact', sans-serif;
    }

    /* ===== DESCRIPTION ===== */
    .product-desc {
      font-size: 0.9rem;
      color: #7a6e65;
      line-height: 1.6;
      margin-bottom: 22px;
      max-width: 320px;
      margin-left: auto;
      margin-right: auto;
    }

    /* ===== BUTTON ===== */
    .btn-order {
      display: inline-block;
      background-color: #d9a43b;
      color: #ffffff;
      font-size: 0.6rem;
      font-weight: 700;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      text-decoration: none;
      padding: 14px 45px;
      border: none;
      cursor: pointer;
      transition: background-color 0.3s ease, transform 0.2s ease;
    }

    .btn-order:hover {
      background-color: #c4922e;
      transform: translateY(-1px);
    }

    .btn-order:active {
      transform: translateY(0);
    }

    /* ===== RESPONSIVE ===== */
    @media (max-width: 480px) {
      .product-title {
        font-size: 1.4rem;
      }
      .product-desc {
        font-size: 0.9rem;
      }
      .btn-order {
        padding: 12px 35px;
        font-size: 0.9rem;
      }
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-06fb287 */* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 50vh;
      background-color: #f5f5f5;
      font-family: 'Arial', 'Helvetica', sans-serif;
      text-align: center;
    }

    /* ===== WRAPPER (tanpa card box) ===== */
    .product-wrapper {
      max-width: 400px;
      width: 100%;
      padding: 20px;
    }

    /* ===== TITLE ===== */
    .product-title {
      font-size: 1.40rem;
      font-weight: 700;
      color: #3d2b1f;
      letter-spacing: 1px;
      text-transform: uppercase;
      margin-bottom: 15px;
      line-height: 1.2;
      font-family: 'Arial Black', 'Impact', sans-serif;
    }

    /* ===== DESCRIPTION ===== */
    .product-desc {
      font-size: 0.9rem;
      color: #7a6e65;
      line-height: 1.6;
      margin-bottom: 22px;
      max-width: 320px;
      margin-left: auto;
      margin-right: auto;
    }

    /* ===== BUTTON ===== */
    .btn-order {
      display: inline-block;
      background-color: #d9a43b;
      color: #ffffff;
      font-size: 0.6rem;
      font-weight: 700;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      text-decoration: none;
      padding: 14px 45px;
      border: none;
      cursor: pointer;
      transition: background-color 0.3s ease, transform 0.2s ease;
    }

    .btn-order:hover {
      background-color: #c4922e;
      transform: translateY(-1px);
    }

    .btn-order:active {
      transform: translateY(0);
    }

    /* ===== RESPONSIVE ===== */
    @media (max-width: 480px) {
      .product-title {
        font-size: 1.4rem;
      }
      .product-desc {
        font-size: 0.9rem;
      }
      .btn-order {
        padding: 12px 35px;
        font-size: 0.9rem;
      }
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6785fc8 *//* =====================================
       RESET DASAR
    ===================================== */
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    body {
        font-family: 'Nunito Sans', Arial, sans-serif;
        line-height: 1.7;
        font-weight: 400;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
    }

    /* =====================================
       HERO SECTION
    ===================================== */
    .hero-section {
        color: #ffffff;
        padding: 80px 24px;
        min-height: 100vh;
        display: flex;
        align-items: center;
        font-weight: 400;
    }

    /* =====================================
       CONTAINER
    ===================================== */
    .hero-section .container {
        width: 100%;
        max-width: 850px;
        margin: 0 auto;
    }

    /* =====================================
       JUDUL
    ===================================== */
    .hero-section h1 {
        color: #ffffff;
        font-family: 'Nunito Sans', Arial, sans-serif;
        font-size: clamp(30px, 4vw, 42px);
        font-weight: 800;
        line-height: 1.25;
        letter-spacing: -0.5px;
        margin-bottom: 24px;
        text-align: left;
    }

    /* =====================================
       PARAGRAF
    ===================================== */
    .hero-section p {
        color: rgba(255, 255, 255, 0.94);
        font-family: 'Nunito Sans', Arial, sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.85;
        letter-spacing: 0;
        margin-bottom: 20px;
        text-align: left;
        max-width: 780px;
        overflow-wrap: break-word;
    }

    /* =====================================
       TOMBOL SHOP NOW
    ===================================== */
    .btn-shop {
        display: inline-flex;
        align-items: center;
        justify-content: center;

        background-color: #087a3d;
        color: #ffffff;

        font-family: 'Nunito Sans', Arial, sans-serif;
        font-size: 15px;
        font-weight: 700;
        line-height: 1.4;
        letter-spacing: 0;

        text-decoration: none;
        padding: 14px 32px;
        margin-top: 12px;

        border: 1px solid rgba(255, 255, 255, 0.18);
        border-radius: 6px;

        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);

        transition:
            background-color 0.25s ease,
            transform 0.25s ease,
            box-shadow 0.25s ease;
    }

    .btn-shop:hover {
        background-color: #066331;
        color: #ffffff;
        transform: translateY(-2px);
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.20);
    }

    .btn-shop:focus-visible {
        outline: 3px solid #ffffff;
        outline-offset: 4px;
    }

    /* =====================================
       TABLET
    ===================================== */
    @media (max-width: 1024px) {
        .hero-section {
            padding: 65px 28px;
            min-height: auto;
        }

        .hero-section h1 {
            margin-bottom: 20px;
        }

        .hero-section p {
            font-size: 15px;
            line-height: 1.8;
        }
    }

    /* =====================================
       MOBILE
    ===================================== */
    @media (max-width: 767px) {
        .hero-section {
            padding: 50px 20px;
            min-height: auto;
        }

        .hero-section h1 {
            font-size: 29px;
            line-height: 1.3;
            letter-spacing: -0.3px;
            margin-bottom: 18px;
        }

        .hero-section p {
            font-size: 15px;
            line-height: 1.8;
            margin-bottom: 18px;
        }

        .btn-shop {
            padding: 13px 26px;
            font-size: 14px;
            margin-top: 8px;
        }
    }

    /* =====================================
       MOBILE KECIL
    ===================================== */
    @media (max-width: 380px) {
        .hero-section {
            padding: 40px 16px;
        }

        .hero-section h1 {
            font-size: 26px;
        }

        .hero-section p {
            font-size: 14px;
            line-height: 1.8;
        }
    }

    /* =====================================
       AKSESIBILITAS
    ===================================== */
    @media (prefers-reduced-motion: reduce) {
        .btn-shop {
            transition: none;
        }

        .btn-shop:hover {
            transform: none;
        }
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-40824bf */.map-wrapper {
    border-radius: 6px;
    overflow: hidden;
}

.map-wrapper iframe {
    border: none;
    width: 100%;
    height: 250px;
}/* End custom CSS */