.elementor-242 .elementor-element.elementor-element-64e2a56{--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;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-242 .elementor-element.elementor-element-64e2a56:not(.elementor-motion-effects-element-type-background), .elementor-242 .elementor-element.elementor-element-64e2a56 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1D1D1D;}.elementor-242 .elementor-element.elementor-element-defec66{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:center;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:7%;--padding-bottom:7%;--padding-left:7%;--padding-right:7%;}.elementor-242 .elementor-element.elementor-element-defec66:not(.elementor-motion-effects-element-type-background), .elementor-242 .elementor-element.elementor-element-defec66 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-242 .elementor-element.elementor-element-3050618{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-242 .elementor-element.elementor-element-6be715c .elementor-heading-title{font-family:"Figtree", Sans-serif;font-weight:900;color:var( --e-global-color-3584abc );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-242 .elementor-element.elementor-element-639cf1c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0% 50% 0% 0%;font-family:"Figtree", Sans-serif;font-weight:500;color:var( --e-global-color-3584abc );}.elementor-242 .elementor-element.elementor-element-55fdda1{--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;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--padding-top:7%;--padding-bottom:7%;--padding-left:3%;--padding-right:3%;}.elementor-242 .elementor-element.elementor-element-55fdda1:not(.elementor-motion-effects-element-type-background), .elementor-242 .elementor-element.elementor-element-55fdda1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-242 .elementor-element.elementor-element-defec66{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-242 .elementor-element.elementor-element-defec66{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-242 .elementor-element.elementor-element-639cf1c{padding:0% 0% 0% 0%;}}/* Start custom CSS for container, class: .elementor-element-defec66 *//* =========================
   CTA SECTION BASE
========================= */
#project {
  position: relative;
  background: #121212;
  overflow: hidden;
  isolation: isolate;
}


/* =========================
   GRID LINES (kotak-kotak)
========================= */
#project::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;

  background-image:
    linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px);

  background-size: 60px 60px;

  /* fade biar elegan */
  mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
}


/* =========================
   GRADIENT GLOW CIRCLES
========================= */
#project::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
}


/* ungu glow */
#project::after {
  background:
    radial-gradient(circle at 20% 30%, rgba(140,132,234,.35), transparent 55%),
    radial-gradient(circle at 80% 70%, rgba(32,209,147,.30), transparent 55%);
  filter: blur(90px);
  opacity: .8;
}


/* =========================
   OPTIONAL: soft animation
========================= */
#project::after {
  animation: ctaGlowFloat 12s ease-in-out infinite alternate;
}

@keyframes ctaGlowFloat {
  from { transform: translate(0,0); }
  to { transform: translate(40px, 30px); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64e2a56 */#cta .elementor-icon-box-description{
    margin-top:-5px;
}/* End custom CSS */