.elementor-17 .elementor-element.elementor-element-f6609f9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-3bff3e5{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:64px;--padding-right:64px;}.elementor-17 .elementor-element.elementor-element-3bff3e5:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-3bff3e5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-3bff3e5.e-con{--align-self:center;}.elementor-17 .elementor-element.elementor-element-f425d07{--display:flex;--min-height:480px;--justify-content:center;--overlay-opacity:0.92;--border-radius:20px 20px 20px 20px;--padding-top:96px;--padding-bottom:96px;--padding-left:64px;--padding-right:64px;}.elementor-17 .elementor-element.elementor-element-f425d07:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-f425d07 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#465FAF;background-image:url("https://muliabaliberkarya.or.id/wp-content/uploads/2026/10/about.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-17 .elementor-element.elementor-element-f425d07::before, .elementor-17 .elementor-element.elementor-element-f425d07 > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-f425d07 > .e-con-inner > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-f425d07 > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-f425d07 > .e-con-inner > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-f425d07 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#465FAF;--background-overlay:'';}.elementor-17 .elementor-element.elementor-element-f425d07.e-con{--align-self:center;}.elementor-17 .elementor-element.elementor-element-890f733{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-4a704fa{font-family:"Plus Jakarta Sans", Sans-serif;font-size:12px;font-weight:700;color:#E8BD62;}.elementor-17 .elementor-element.elementor-element-59a999e{width:var( --container-widget-width, 67% );max-width:67%;--container-widget-width:67%;--container-widget-flex-grow:0;}.elementor-17 .elementor-element.elementor-element-59a999e .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:44px;font-weight:600;line-height:51px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-17 .elementor-element.elementor-element-c20947b{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;color:var( --e-global-color-blocksy_palette_8 );}.elementor-17 .elementor-element.elementor-element-7ee0e22{--display:flex;--padding-top:96px;--padding-bottom:96px;--padding-left:64px;--padding-right:64px;}.elementor-17 .elementor-element.elementor-element-9af06b1{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:32px 32px;--row-gap:32px;--column-gap:32px;--grid-auto-flow:row;--align-items:center;--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-17 .elementor-element.elementor-element-08e0c6d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-0093f76{text-align:center;font-family:"Plus Jakarta Sans", Sans-serif;font-size:12px;font-weight:700;color:var( --e-global-color-71f1837 );}.elementor-17 .elementor-element.elementor-element-89faf13{width:100%;max-width:100%;text-align:center;}.elementor-17 .elementor-element.elementor-element-89faf13 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:44px;font-weight:500;line-height:57px;color:var( --e-global-color-496c0f9 );}.elementor-17 .elementor-element.elementor-element-d502812{width:var( --container-widget-width, 82% );max-width:82%;--container-widget-width:82%;--container-widget-flex-grow:0;text-align:center;font-size:20px;color:var( --e-global-color-blocksy_palette_4 );}.elementor-17 .elementor-element.elementor-element-d502812.elementor-element{--align-self:center;}.elementor-17 .elementor-element.elementor-element-d502812 p{margin-block-end:10px;}@media(max-width:1024px){.elementor-17 .elementor-element.elementor-element-9af06b1{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-17 .elementor-element.elementor-element-f6609f9{--width:100%;}.elementor-17 .elementor-element.elementor-element-3bff3e5{--width:1290px;}.elementor-17 .elementor-element.elementor-element-f425d07{--content-width:100%;}}@media(max-width:767px){.elementor-17 .elementor-element.elementor-element-9af06b1{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for heading, class: .elementor-element-59a999e */span{
    color: #E8BD62;
    font-weight: bold;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-685d76b */<style>
.pp-list {
  --pp-accent: #465FAF;
  --pp-accent-soft: #EEF1FA;
  --pp-accent-mid: #DCE3F5;
  --pp-ink: #1F2937;
  --pp-text: #4B5563;
  display: flex;
  flex-direction: column;
  gap: 80px;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  font-family: inherit;
}
.pp-list *, .pp-list *::before, .pp-list *::after { box-sizing: border-box; }
 
.pp-item {
  display: grid;
  grid-template-columns: 5fr 6fr;
  align-items: center;
  gap: 64px;
  margin: 0;
}
.pp-item:nth-child(even) { grid-template-columns: 6fr 5fr; }
.pp-item:nth-child(even) .pp-visual { order: 2; }
.pp-item:nth-child(even) .pp-body { order: 1; }
 
.pp-visual {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  border-radius: 24px;
  background: linear-gradient(135deg, var(--pp-accent-soft) 0%, var(--pp-accent-mid) 100%);
}
.pp-visual::before,
.pp-visual::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: 2px solid var(--pp-accent);
  opacity: .12;
  transition: transform .6s ease;
}
.pp-visual::before { width: 70%; aspect-ratio: 1; top: -25%; right: -15%; }
.pp-visual::after { width: 50%; aspect-ratio: 1; bottom: -22%; left: -10%; }
.pp-item:hover .pp-visual::before { transform: scale(1.12); }
.pp-item:hover .pp-visual::after { transform: scale(1.18); }
 
.pp-bignum {
  position: absolute;
  left: 24px;
  bottom: 8px;
  font-weight: 800;
  font-size: clamp(72px, 9vw, 120px);
  line-height: 1;
  color: var(--pp-accent);
  opacity: .14;
  user-select: none;
}
.pp-item:nth-child(even) .pp-bignum { left: auto; right: 24px; }
 
.pp-icon {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 112px;
  height: 112px;
  border-radius: 50%;
  background: #fff;
  color: var(--pp-accent);
  box-shadow: 0 12px 32px rgba(70,95,175,.22);
  transition: transform .45s cubic-bezier(.2,.7,.2,1);
}
.pp-icon svg {
  width: 48px;
  height: 48px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.pp-item:hover .pp-icon { transform: scale(1.1) rotate(-4deg); }
 
.pp-no {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  height: 36px;
  padding: 0 14px;
  margin-bottom: 16px;
  border-radius: 999px;
  background: var(--pp-accent-soft);
  color: var(--pp-accent);
  font-weight: 800;
  font-size: 14px;
  letter-spacing: .06em;
}
 
.pp-title {
  margin: 0 0 12px;
  font-weight: 800;
  font-size: clamp(24px, 3vw, 32px);
  line-height: 1.25;
  color: var(--pp-ink);
}
 
.pp-desc {
  margin: 0 0 22px;
  font-size: 17px;
  line-height: 1.7;
  color: var(--pp-text);
}
 
.pp-points {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
  padding: 22px 0 0;
  list-style: none;
  border-top: 1px solid #E5E7EB;
}
.pp-points li {
  position: relative;
  margin: 0;
  padding-left: 32px;
  font-size: 16px;
  line-height: 1.6;
  color: var(--pp-ink);
}
.pp-points li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 20px;
  height: 20px;
  background: var(--pp-accent);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat;
}
 
@supports (animation-timeline: view()) {
  .pp-visual, .pp-body {
    animation: ppIn linear both;
    animation-timeline: view();
    animation-range: entry 0% entry 55%;
  }
  .pp-item:nth-child(odd) .pp-visual, .pp-item:nth-child(even) .pp-body { --pp-from: -40px; }
  .pp-item:nth-child(odd) .pp-body, .pp-item:nth-child(even) .pp-visual { --pp-from: 40px; }
  @keyframes ppIn {
    from { opacity: 0; transform: translateX(var(--pp-from, 0)); }
    to { opacity: 1; transform: none; }
  }
}
 
@media (max-width: 900px) {
  .pp-list { gap: 56px; }
  .pp-item, .pp-item:nth-child(even) { grid-template-columns: 1fr; gap: 28px; }
  .pp-item:nth-child(even) .pp-visual, .pp-item:nth-child(even) .pp-body { order: 0; }
  .pp-visual { aspect-ratio: 16 / 9; }
  .pp-item:nth-child(even) .pp-bignum { left: 24px; right: auto; }
  .pp-icon { width: 92px; height: 92px; }
  .pp-icon svg { width: 40px; height: 40px; }
}
 
@media (prefers-reduced-motion: reduce) {
  .pp-visual, .pp-body { animation: none; }
  .pp-icon, .pp-visual::before, .pp-visual::after { transition: none; }
}/* End custom CSS */