.elementor-widget-container [data-tippy-root] > .tippy-box{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-container [data-tippy-root] > .tippy-box .tippy-arrow{color:var( --e-global-color-primary );}.elementor-9235 .elementor-element.elementor-element-19e972a{--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;--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-widget-html [data-tippy-root] > .tippy-box{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-html [data-tippy-root] > .tippy-box .tippy-arrow{color:var( --e-global-color-primary );}.elementor-widget-html .wpcf7 input:not([type="submit"]){background-color:var( --e-global-color-primary );}.elementor-widget-html .wpcf7 select{background-color:var( --e-global-color-primary );}.elementor-widget-html .wpcf7 textarea{background-color:var( --e-global-color-primary );}.elementor-widget-html .wpcf7 label{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-widget-html ::placeholder{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-widget-html .wpcf7-submit{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 );background-color:var( --e-global-color-primary );}.elementor-widget-html .wpcf7 input[type="submit"]:hover{color:var( --e-global-color-primary );background-color:var( --e-global-color-primary );}.elementor-9235 .elementor-element.elementor-element-72b8603{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-9235 .elementor-element.elementor-element-cca26a5{--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;--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-9235 .elementor-element.elementor-element-8b7950e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-8b7950e */.program-section { background: var(--c-paper); }
.program-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.prog-card { background: var(--c-cream); border: 1px solid var(--c-line); border-radius: var(--r-lg); padding: 40px 32px; position: relative; overflow: hidden; display: flex; flex-direction: column; transition: transform .35s ease, box-shadow .35s ease; }
.prog-card::after { content: ""; position: absolute; right: -60px; bottom: -60px; width: 200px; height: 200px; background: radial-gradient(circle, rgba(242,101,34,0.15), transparent 70%); transition: transform .5s; z-index: 0; }
.prog-card:hover { transform: translateY(-8px); box-shadow: var(--sh-mid); border-color: var(--c-orange); }
.prog-card:hover::after { transform: scale(1.4); }
.prog-card > * { position: relative; z-index: 1; }
.prog-card .ic { width: 64px; height: 64px; border-radius: 18px; background: var(--c-navy); color: var(--c-paper); display: grid; place-items: center; font-size: 26px; margin-bottom: 32px; transform: rotate(-4deg); }
.prog-card.konversi .ic { background: var(--c-mint); color: var(--c-mint-deep); }
.prog-card.merdeka .ic { background: var(--c-peach); color: var(--c-orange-deep); }
.prog-card h3 { font-size: 28px; font-weight: 700; color: var(--c-navy); line-height: 1.2; margin-bottom: 16px; }
.prog-card p { font-size: 15px; color: var(--c-ink-soft); margin-bottom: 24px; }
.prog-card .feature-list { list-style: none; margin-top: auto; display: flex; flex-direction: column; gap: 12px; padding-top: 24px; border-top: 1px solid var(--c-line); }
.prog-card .feature-list li { font-size: 14px; font-weight: 600; color: var(--c-navy); display: flex; align-items: flex-start; gap: 10px; }
.prog-card .feature-list li i { color: var(--c-orange); margin-top: 3px; font-size: 12px; }

.sks-banner { background: var(--c-navy); border-radius: var(--r-lg); padding: 40px 48px; margin-top: 60px; display: flex; align-items: center; justify-content: space-between; gap: 32px; flex-wrap: wrap; position: relative; overflow: hidden; }
.sks-banner::before { content: ""; position: absolute; left: -50px; top: -50px; width: 250px; height: 250px; background: radial-gradient(circle, rgba(255,210,0,0.2), transparent 70%); }
.sks-banner > * { position: relative; z-index: 1; }
.sks-banner-left { display: flex; align-items: center; gap: 24px; }
.sks-banner-left .ic { width: 60px; height: 60px; border-radius: 50%; background: var(--c-yellow); color: var(--c-navy); display: grid; place-items: center; font-size: 24px; flex-shrink: 0; }
.sks-banner-left h4 { color: var(--c-paper); font-size: 22px; font-weight: 700; margin-bottom: 4px; }
.sks-banner-left p { color: rgba(255,255,255,0.7); font-size: 15px; }
.sks-banner .big-sks { font-family: var(--f-display); font-weight: 700; font-size: 48px; color: var(--c-paper); line-height: 1; letter-spacing: -0.02em; }
.sks-banner .big-sks span { font-size: 18px; color: var(--c-yellow); font-weight: 600; letter-spacing: 0.1em; vertical-align: middle; margin-left: 8px; }

@media (max-width: 1024px) { .program-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 720px) { .program-grid { grid-template-columns: 1fr; } .sks-banner { flex-direction: column; align-items: flex-start; padding: 30px 24px; } }/* End custom CSS */