/* ==== BACKGROUND  F=== */
body {
  font-family: 'Poppins', sans-serif;
  background: linear-gradient(135deg, #002244, #005577);
  color: #fff;
}

h1, h2, h3, h4 {
  font-weight: 700;
  text-transform: uppercase;
}

/* ==== HERO SECTION ==== */
.hero-section {
  text-align: center;
  padding: 80px 20px;
}

.hero-section h1 {
  font-size: 36px;
  margin-bottom: 30px;
}

/* ==== TOMBOL CTA ==== */
.hero-buttons {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 30px;
  flex-wrap: wrap;
}

.hero-buttons a {
  background-color: transparent;
  border: 2px solid #fff;
  color: #fff;
  padding: 14px 28px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: bold;
  transition: 0.3s;
}

.hero-buttons a:hover {
  background-color: #fff;
  color: #005577;
}

/* ==== KEUNGGULAN ==== */
.keunggulan-list {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 40px;
  flex-wrap: wrap;
}

.keunggulan-item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 600;
}

.keunggulan-item i {
  color: #00ccff;
  font-size: 20px;
}

/* ==== RESP=== */
@media screen and (max-width: 768px) {
  .hero-section h1 {
    font-size: 24px;
  }

  .hero-buttons a {
    padding: 12px 20px;
    font-size: 14px;
  }

  .keunggulan-list {
    flex-direction: column;
	  
    align-items: center;
  }
}.uag-blocks-common-selector{z-index:var(--z-index-desktop) !important}@media (max-width: 976px){.uag-blocks-common-selector{z-index:var(--z-index-tablet) !important}}@media (max-width: 767px){.uag-blocks-common-selector{z-index:var(--z-index-mobile) !important}}
.wp-block-uagb-advanced-heading h1,.wp-block-uagb-advanced-heading h2,.wp-block-uagb-advanced-heading h3,.wp-block-uagb-advanced-heading h4,.wp-block-uagb-advanced-heading h5,.wp-block-uagb-advanced-heading h6,.wp-block-uagb-advanced-heading p,.wp-block-uagb-advanced-heading div{word-break:break-word}.wp-block-uagb-advanced-heading .uagb-heading-text{margin:0}.wp-block-uagb-advanced-heading .uagb-desc-text{margin:0}.wp-block-uagb-advanced-heading .uagb-separator{font-size:0;border-top-style:solid;display:inline-block;margin:0 0 10px 0}.wp-block-uagb-advanced-heading .uagb-highlight{color:#f78a0c;border:0;transition:all 0.3s ease}.uag-highlight-toolbar{border-left:0;border-top:0;border-bottom:0;border-radius:0;border-right-color:#1e1e1e}.uag-highlight-toolbar .components-button{border-radius:0;outline:none}.uag-highlight-toolbar .components-button.is-primary{color:#fff}
.wp-block-uagb-advanced-heading.uagb-block-97eb29cd.wp-block-uagb-advanced-heading .uagb-heading-text{color: #ffffff;}.wp-block-uagb-advanced-heading.uagb-block-97eb29cd.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-97eb29cd.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-97eb29cd.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-97eb29cd.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-97eb29cd .uagb-heading-text{font-weight: 400;font-size: 22px;margin-bottom: 22px;}