.elementor-11 .elementor-element.elementor-element-c450c88{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--overlay-opacity:0.75;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-c450c88:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-c450c88 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cagarbudaya.kiwigraphy.com/wp-content/uploads/2025/06/sampel.webp");background-size:cover;}.elementor-11 .elementor-element.elementor-element-c450c88::before, .elementor-11 .elementor-element.elementor-element-c450c88 > .elementor-background-video-container::before, .elementor-11 .elementor-element.elementor-element-c450c88 > .e-con-inner > .elementor-background-video-container::before, .elementor-11 .elementor-element.elementor-element-c450c88 > .elementor-background-slideshow::before, .elementor-11 .elementor-element.elementor-element-c450c88 > .e-con-inner > .elementor-background-slideshow::before, .elementor-11 .elementor-element.elementor-element-c450c88 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-11 .elementor-element.elementor-element-c9c58cb{--display:flex;--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:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11 .elementor-element.elementor-element-b3bc9d1{--display:flex;--z-index:0;}.elementor-11 .elementor-element.elementor-element-c5b5a4a{--display:flex;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11 .elementor-element.elementor-element-077acac .elementor-heading-title{font-family:"Pridi", Sans-serif;font-size:44px;font-weight:600;}.elementor-11 .elementor-element.elementor-element-f8128e3{--divider-border-style:solid;--divider-color:#7A7A7A78;--divider-border-width:2px;}.elementor-11 .elementor-element.elementor-element-f8128e3 .elementor-divider-separator{width:100%;}.elementor-11 .elementor-element.elementor-element-f8128e3 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-11 .elementor-element.elementor-element-cc37326{text-align:justify;font-family:"Roboto", Sans-serif;font-weight:400;color:var( --e-global-color-accent );}.elementor-11 .elementor-element.elementor-element-2daf468{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-11 .elementor-element.elementor-element-2daf468:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-2daf468 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(min-width:768px){.elementor-11 .elementor-element.elementor-element-c5b5a4a{--width:50%;}}@media(min-width:1025px){.elementor-11 .elementor-element.elementor-element-c450c88:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-c450c88 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-11 .elementor-element.elementor-element-c9c58cb{--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;}.elementor-11 .elementor-element.elementor-element-c5b5a4a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11 .elementor-element.elementor-element-077acac .elementor-heading-title{font-size:32px;}.elementor-11 .elementor-element.elementor-element-cc37326{line-height:1.3em;}}@media(max-width:767px){.elementor-11 .elementor-element.elementor-element-c450c88{--width:100%;--min-height:90vh;--justify-content:flex-start;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-c9c58cb{--flex-direction:column-reverse;--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;}.elementor-11 .elementor-element.elementor-element-b3bc9d1{--margin-top:-15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11 .elementor-element.elementor-element-c5b5a4a{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-11 .elementor-element.elementor-element-077acac{text-align:center;}.elementor-11 .elementor-element.elementor-element-077acac .elementor-heading-title{font-size:24px;}.elementor-11 .elementor-element.elementor-element-f8128e3 > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-f8128e3 .elementor-divider-separator{width:50%;margin:0 auto;margin-center:0;}.elementor-11 .elementor-element.elementor-element-f8128e3 .elementor-divider{text-align:center;}.elementor-11 .elementor-element.elementor-element-cc37326 > .elementor-widget-container{margin:0px 0px 10px 0px;}}/* Start custom CSS for html, class: .elementor-element-ef9aa73 */.center-wrapper {
  display: flex;
  align-items: center;       
  justify-content: center;   
  min-height: 0vh;         
  background: transparent;   /* tanpa background */
}

.box-draw {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50vw;  
  height: 50vh; 
}

.box-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  fill: none;
  stroke: #ffffff; /* putih */
  stroke-width: 1.5;
  stroke-dasharray: 1560;
  stroke-dashoffset: 1560;
  animation: drawBorder 2s linear forwards;
  pointer-events: none;
}

@keyframes drawBorder {
  to {
    stroke-dashoffset: 0;
  }
}

.box-content {
  position: relative;
  z-index: 1;
  text-align: center;
  font-family: "Poppins", Sans-serif;
  text-transform: uppercase;
  color: #FFFFFF;
  line-height: 1.2;
}

.title-large {
  font-size: 64px;
  font-weight: 700;
}

.title-small {
  font-size: 30px;
  font-weight: 700;
}

/* Default desktop */
.box-draw {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50vw;
  height: 50vh;
}

/* Mobile */
@media (max-width: 768px) {
  .center-wrapper {
    padding: 70px 20px 10px 20px; /* atas, kanan, bawah, kiri */
  }

  .box-draw {
    width: 100%;
    height: calc(100vh - 130px - 130px); /* tinggi layar dikurangi padding atas & bawah */
  }

  .title-large {
    font-size: 32px; /* biar pas di HP */
    font-weight: 700;
  }

  .title-small {
    font-size: 18px;
    font-weight: 700;
  }
}/* End custom CSS */