.elementor-3037 .elementor-element.elementor-element-5b175ee{--display:flex;--min-height:450px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overflow:hidden;--overlay-opacity:0.75;}.elementor-3037 .elementor-element.elementor-element-5b175ee:not(.elementor-motion-effects-element-type-background), .elementor-3037 .elementor-element.elementor-element-5b175ee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8bea913 );background-image:url("https://new.spora.co.id/wp-content/uploads/2025/10/mq4wjux1-oq.jpg");background-position:bottom center;background-size:cover;}.elementor-3037 .elementor-element.elementor-element-5b175ee::before, .elementor-3037 .elementor-element.elementor-element-5b175ee > .elementor-background-video-container::before, .elementor-3037 .elementor-element.elementor-element-5b175ee > .e-con-inner > .elementor-background-video-container::before, .elementor-3037 .elementor-element.elementor-element-5b175ee > .elementor-background-slideshow::before, .elementor-3037 .elementor-element.elementor-element-5b175ee > .e-con-inner > .elementor-background-slideshow::before, .elementor-3037 .elementor-element.elementor-element-5b175ee > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(0deg, #00000000 0%, #000000B5 100%);}.elementor-3037 .elementor-element.elementor-element-5b175ee.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3037 .elementor-element.elementor-element-158123b{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-3037 .elementor-element.elementor-element-158123b.e-con{--align-self:center;}.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-3037 .elementor-element.elementor-element-3c3f2ce.elementor-element{--align-self:center;}.elementor-3037 .elementor-element.elementor-element-3c3f2ce{text-align:center;}.elementor-3037 .elementor-element.elementor-element-3c3f2ce .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:48px;font-weight:700;line-height:1.2em;color:var( --e-global-color-d9ea17c );}.elementor-3037 .elementor-element.elementor-element-3a1a0d3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 50px;--row-gap:0px;--column-gap:50px;--overlay-opacity:0.5;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-3037 .elementor-element.elementor-element-3a1a0d3:not(.elementor-motion-effects-element-type-background), .elementor-3037 .elementor-element.elementor-element-3a1a0d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#222222;}.elementor-3037 .elementor-element.elementor-element-3a1a0d3::before, .elementor-3037 .elementor-element.elementor-element-3a1a0d3 > .elementor-background-video-container::before, .elementor-3037 .elementor-element.elementor-element-3a1a0d3 > .e-con-inner > .elementor-background-video-container::before, .elementor-3037 .elementor-element.elementor-element-3a1a0d3 > .elementor-background-slideshow::before, .elementor-3037 .elementor-element.elementor-element-3a1a0d3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3037 .elementor-element.elementor-element-3a1a0d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://new.spora.co.id/wp-content/uploads/2025/10/shape-h7-01.png");--background-overlay:'';background-repeat:no-repeat;background-size:cover;}.elementor-3037 .elementor-element.elementor-element-64ec4b8{--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;}.elementor-3037 .elementor-element.elementor-element-31cd8cd.elementor-element{--align-self:flex-start;}.elementor-3037 .elementor-element.elementor-element-31cd8cd{text-align:left;}.elementor-3037 .elementor-element.elementor-element-31cd8cd .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:38px;font-weight:700;line-height:1.2em;color:var( --e-global-color-d9ea17c );}.elementor-3037 .elementor-element.elementor-element-e105456{--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;}.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-3037 .elementor-element.elementor-element-e003be6{text-align:left;font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;line-height:1.4em;color:var( --e-global-color-d9ea17c );}.elementor-3037 .elementor-element.elementor-element-ac06943{--display:flex;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-3037 .elementor-element.elementor-element-9d35a9f{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-wrap:nowrap;--e-filter-overflow-x:scroll;--e-filter-space-between:7px;--e-filter-normal-text-color:var( --e-global-color-9a2e769 );--e-filter-hover-text-color:var( --e-global-color-d9ea17c );--e-filter-active-text-color:var( --e-global-color-d9ea17c );--e-filter-item-border-radius:20px 20px 20px 20px;}.elementor-3037 .elementor-element.elementor-element-9d35a9f .e-filter-item:not( [aria-pressed=true] ):not( :hover ){background-color:var( --e-global-color-d9ea17c );border-style:solid;border-width:1px 1px 1px 1px;}.elementor-3037 .elementor-element.elementor-element-9d35a9f .e-filter-item:hover:not( [aria-pressed=true] ){background-color:var( --e-global-color-secondary );}.elementor-3037 .elementor-element.elementor-element-9d35a9f .e-filter-item[aria-pressed="true"]{background-color:var( --e-global-color-secondary );}.elementor-3037 .elementor-element.elementor-element-9d35a9f .e-filter-item{font-family:"Inter Tight", Sans-serif;font-size:16px;line-height:1.3em;padding:7px 20px 7px 20px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3037 .elementor-element.elementor-element-4d015e6{--grid-columns:4;}.elementor-3037 .elementor-element.elementor-element-4d015e6 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-3037 .elementor-element.elementor-element-4d015e6 .e-loop-item > .elementor-section, .elementor-3037 .elementor-element.elementor-element-4d015e6 .e-loop-item > .elementor-section > .elementor-container, .elementor-3037 .elementor-element.elementor-element-4d015e6 .e-loop-item > .e-con, .elementor-3037 .elementor-element.elementor-element-4d015e6 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}@media(max-width:1024px){.elementor-3037 .elementor-element.elementor-element-3c3f2ce .elementor-heading-title{font-size:32px;}.elementor-3037 .elementor-element.elementor-element-31cd8cd .elementor-heading-title{font-size:32px;}.elementor-3037 .elementor-element.elementor-element-4d015e6{--grid-columns:2;}}@media(max-width:767px){.elementor-3037 .elementor-element.elementor-element-5b175ee{--width:106.381%;--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;--overlay-opacity:0.67;--padding-top:150px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-3037 .elementor-element.elementor-element-31cd8cd .elementor-heading-title{font-size:28px;}.elementor-3037 .elementor-element.elementor-element-e003be6{width:100%;max-width:100%;font-size:18px;}.elementor-3037 .elementor-element.elementor-element-4d015e6{--grid-columns:1;}}@media(min-width:768px){.elementor-3037 .elementor-element.elementor-element-158123b{--width:1290px;}.elementor-3037 .elementor-element.elementor-element-64ec4b8{--width:25%;}.elementor-3037 .elementor-element.elementor-element-e105456{--width:75%;}}@media(min-width:1025px){.elementor-3037 .elementor-element.elementor-element-5b175ee:not(.elementor-motion-effects-element-type-background), .elementor-3037 .elementor-element.elementor-element-5b175ee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for container, class: .elementor-element-5b175ee */svg path {
fill: transparent;
stroke: #fff;
stroke-width: 1;
stroke-dasharray: 500;
stroke-dashoffset: 500; /* Start fully hidden */
animation: drawStroke 4s ease-in-out forwards, fillColor 1s ease-in-out 4s forwards;
}
@keyframes drawStroke {
from {
stroke-dashoffset: 500; /* Fully hidden */
}
to {
stroke-dashoffset: 0; /* Fully drawn */
}
}
@keyframes fillColor {
from {
fill: transparent; /* No fill initially */
}
to {
fill: #fff; /* Fully filled after stroke completes */
}
}
@keyframes bgZoom {
0% { background-size: 100%; }
100% { background-size: 200%; }
}
.banner {
background-size: 100%;
background-position: center;
animation: bgZoom 4s ease-out forwards;
}
@keyframes bgScaleDown {
0% { background-size: 110%; }
100% { background-size: 100%; }
}

.banner2 {
background-size: 110%;
background-position: center;
animation: bgScaleDown 4s ease-out forwards;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-31cd8cd *//* Text Gradient CSS */
.text-gradient {
  color: #84C43C;
  background-image: linear-gradient(45deg, #84c43c 10%, #f1a41d 69%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}/* End custom CSS */