.elementor-839 .elementor-element.elementor-element-8f1a454{--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:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:150px;--padding-bottom:100px;--padding-left:15px;--padding-right:15px;}.elementor-839 .elementor-element.elementor-element-8f1a454:not(.elementor-motion-effects-element-type-background), .elementor-839 .elementor-element.elementor-element-8f1a454 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-839 .elementor-element.elementor-element-96bd22a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;text-align:center;}.elementor-839 .elementor-element.elementor-element-96bd22a .elementor-heading-title{font-family:"Averia", Sans-serif;font-size:30px;font-weight:500;}.elementor-839 .elementor-element.elementor-element-9829381{text-align:center;font-size:17px;font-weight:300;color:#747474;}.elementor-839 .elementor-element.elementor-element-d40470d{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(0, 1fr);--gap:15px 15px;--row-gap:15px;--column-gap:15px;--grid-auto-flow:row;--justify-items:center;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-839 .elementor-element.elementor-element-d40470d.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-839 .elementor-element.elementor-element-96930f8 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-839 .elementor-element.elementor-element-1e41f20 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-839 .elementor-element.elementor-element-12a6cad{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-839 .elementor-element.elementor-element-0b001b6 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-839 .elementor-element.elementor-element-106077b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 80px;}.elementor-839 .elementor-element.elementor-element-106077b.elementor-element{--align-self:center;}.elementor-839 .elementor-element.elementor-element-638f461 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(min-width:768px){.elementor-839 .elementor-element.elementor-element-d40470d{--width:95.063%;}}@media(min-width:2400px){.elementor-839 .elementor-element.elementor-element-d40470d{--grid-auto-flow:row;}}@media(max-width:1280px){.elementor-839 .elementor-element.elementor-element-d40470d{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-839 .elementor-element.elementor-element-d40470d{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-839 .elementor-element.elementor-element-8f1a454{--padding-top:80px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-839 .elementor-element.elementor-element-96bd22a{text-align:start;}.elementor-839 .elementor-element.elementor-element-96bd22a .elementor-heading-title{font-size:20px;}.elementor-839 .elementor-element.elementor-element-9829381{text-align:start;font-size:15px;}.elementor-839 .elementor-element.elementor-element-d40470d{--e-con-grid-template-columns:repeat(2, 1fr);--gap:10px 10px;--row-gap:10px;--column-gap:10px;--grid-auto-flow:row;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-839 .elementor-element.elementor-element-106077b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-106077b *//* Wrapper wajib punya tinggi agar SVG bisa full */
.svg-wrapper {
  width: 80%;
  height: 90%;          /* SVG akan full */
  min-height: 300px;     /* boleh kamu ubah */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* SVG responsif */
#anim-svg {
  width: 90%;
  height: 70%;
  display: block;
  object-fit: contain;  /* kunci agar full & proporsional */
}

/* Optional: agar stroke tidak melebar */
#anim-svg * {
  vector-effect: non-scaling-stroke;
}

/* Animation style */
.draw {
  stroke-width: 7;
  stroke-linecap: round;
  fill: none;

  stroke-dasharray: 800;
  stroke-dashoffset: 1000;

  animation: draw-loop 4s ease-in-out infinite;
  opacity: 0;
}

.d1      { animation-delay: 0.5s; }
.d2      { animation-delay: 1s; }
.d2_5    { animation-delay: 1.25s; }
.d3      { animation-delay: 1.5s; }
.d3_5    { animation-delay: 1.75s; }
.d4      { animation-delay: 2s; }
.d4_5    { animation-delay: 2.25s; }
.d5      { animation-delay: 2.5s; }

@keyframes draw-loop {
  0%   { stroke-dashoffset: 1000; opacity: 0; }
  10%  { opacity: 1; }
  45%  { stroke-dashoffset: 0; opacity: 1; }
  60%  { opacity: 1; }
  75%  { opacity: 0; }
  100% { stroke-dashoffset: 1000; opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d40470d *//* Semua item grid dipaksa kotak rapi */
.elementor-839 .elementor-element.elementor-element-d40470d> * {
    aspect-ratio: 4 / 3; /* Ubah ke 1/1 kalau mau kotak */
    width: 100%;
    height: auto;
    overflow: hidden;
    display: block;
}

/* Gambar menyesuaikan penuh */
.elementor-839 .elementor-element.elementor-element-d40470d img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Video juga ikut penuh */
.elementor-839 .elementor-element.elementor-element-d40470d video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8f1a454 *//* Container jadi grid */
/* kalau mau 4 kolom */
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;

/* Setiap item dipaksa kotak rapi */
.elementor-839 .elementor-element.elementor-element-8f1a454 > * {
    position: relative;
    width: 100%;
    padding-top: 75%; /* 4:3 — ubah ke 100% untuk kotak */
    overflow: hidden;
}

/* Isi di dalam item dipaksa memenuhi dan dicrop */
.elementor-839 .elementor-element.elementor-element-8f1a454 img,
.elementor-839 .elementor-element.elementor-element-8f1a454 video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Averia';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://a.worktoday.co.id/wp-content/uploads/2025/12/AveriaSerifLibre-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */