.elementor-109 .elementor-element.elementor-element-da97d0e{--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;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:300px;--padding-bottom:48px;--padding-left:0px;--padding-right:0px;}.elementor-109 .elementor-element.elementor-element-da97d0e:not(.elementor-motion-effects-element-type-background), .elementor-109 .elementor-element.elementor-element-da97d0e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://pijm.co.id/wp-content/uploads/2025/02/road-construction-in-mountains-himalayas-2024-10-17-20-49-31-utc-1-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-109 .elementor-element.elementor-element-da97d0e::before, .elementor-109 .elementor-element.elementor-element-da97d0e > .elementor-background-video-container::before, .elementor-109 .elementor-element.elementor-element-da97d0e > .e-con-inner > .elementor-background-video-container::before, .elementor-109 .elementor-element.elementor-element-da97d0e > .elementor-background-slideshow::before, .elementor-109 .elementor-element.elementor-element-da97d0e > .e-con-inner > .elementor-background-slideshow::before, .elementor-109 .elementor-element.elementor-element-da97d0e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #1B1B1B69 0%, var( --e-global-color-astglobalcolor2 ) 90%);}.elementor-109 .elementor-element.elementor-element-9a375b2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-109 .elementor-element.elementor-element-9a375b2{text-align:center;}.elementor-109 .elementor-element.elementor-element-787b821{--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;--margin-top:120px;--margin-bottom:120px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-109 .elementor-element.elementor-element-cb33148{text-align:center;}.elementor-109 .elementor-element.elementor-element-8f26f00{width:var( --container-widget-width, 838px );max-width:838px;--container-widget-width:838px;--container-widget-flex-grow:0;text-align:center;}.elementor-109 .elementor-element.elementor-element-8f26f00.elementor-element{--align-self:center;}.elementor-109 .elementor-element.elementor-element-9ebb2d5{--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:24px 24px;--row-gap:24px;--column-gap:24px;--margin-top:24px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-109 .elementor-element.elementor-element-556878d{--display:flex;--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;--overflow:auto;}.elementor-109 .elementor-element.elementor-element-2ff50e9 .uc_material_bullets_row{flex-direction:row;border-radius:0px 0px 0px 0px;}.elementor-109 .elementor-element.elementor-element-2ff50e9 .ue-bullets{grid-template-columns:repeat(1, minmax(0, 1fr));gap:20px;}.elementor-109 .elementor-element.elementor-element-2ff50e9 .uc_content_box{text-align:inherit;padding:0px 0px 0px 0px;}.elementor-109 .elementor-element.elementor-element-2ff50e9 .ue-icon{font-size:32px;background-color:#545454;color:var( --e-global-color-astglobalcolor1 );width:77px;border-radius:200px 200px 200px 200px;border-style:none;padding:22px 16px 22px 16px;}.elementor-109 .elementor-element.elementor-element-2ff50e9 .ue-icon svg{fill:var( --e-global-color-astglobalcolor1 );}.elementor-109 .elementor-element.elementor-element-2ff50e9 .uc_material_bullets_row:hover .ue-icon{background-color:#E19C13;}.elementor-109 .elementor-element.elementor-element-2ff50e9 .uc_material_bullets_row.uc-bullet-active .ue-icon{background-color:#E19C13;}.elementor-109 .elementor-element.elementor-element-2ff50e9 .ue-title{color:var( --e-global-color-astglobalcolor1 );font-size:0px;margin-top:0px;}.elementor-109 .elementor-element.elementor-element-2ff50e9 .uc_material_bullets_row:hover  .ue-title{color:var( --e-global-color-astglobalcolor2 );}.elementor-109 .elementor-element.elementor-element-2ff50e9 .ue-text{color:#ffffff;margin-top:0px;}.elementor-109 .elementor-element.elementor-element-2ff50e9 .ue-seperator-line{background-color:#ffffff;width:0px;height:3px;}.elementor-109 .elementor-element.elementor-element-2ff50e9 .ue-seperator{margin-top:5px;}.elementor-109 .elementor-element.elementor-element-a157dbf{--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-109 .elementor-element.elementor-element-7f45cb4 .ue-item-overlay{background-color:transparent;background-image:linear-gradient(180deg, #1B1B1B00 0%, #000000D4 100%);}.elementor-109 .elementor-element.elementor-element-7f45cb4 .elementor-repeater-item-c7bdaea  .ue-item-image{background-position:center center !important;}.elementor-109 .elementor-element.elementor-element-7f45cb4 .elementor-repeater-item-f160a03  .ue-item-image{background-position:center center !important;}.elementor-109 .elementor-element.elementor-element-7f45cb4 .elementor-repeater-item-d7be28a  .ue-item-image{background-position:center center !important;}.elementor-109 .elementor-element.elementor-element-7f45cb4 .elementor-repeater-item-0454337  .ue-item-image{background-position:center center !important;}.elementor-109 .elementor-element.elementor-element-7f45cb4 .elementor-repeater-item-600bc46  .ue-item-image{background-position:center center !important;}.elementor-109 .elementor-element.elementor-element-7f45cb4 .elementor-repeater-item-7d0d293  .ue-item-image{background-position:center center !important;}.elementor-109 .elementor-element.elementor-element-7f45cb4 .elementor-repeater-item-89ab542  .ue-item-image{background-position:center center !important;}.elementor-109 .elementor-element.elementor-element-7f45cb4 .uc_fbps_slide{height:720px;align-items:flex-end;justify-content:flex-start;border-radius:0px;}.elementor-109 .elementor-element.elementor-element-7f45cb4 .uc_fbps_slide .ue-item-image{background-size:cover;}.elementor-109 .elementor-element.elementor-element-7f45cb4 .uc_fbps_content{background-color:#00000000;max-width:960px;border-radius:0px 0px 0px 0px;text-align:left;padding:32px 32px 32px 32px;}.elementor-109 .elementor-element.elementor-element-7f45cb4 .uc_fbps_container_title{color:#ffffff;font-size:32px;font-weight:700;text-transform:uppercase;line-height:2em;}.elementor-109 .elementor-element.elementor-element-7f45cb4 .uc_fbps_container_desc{margin-top:0px;color:#ffffff;font-size:20px;}.elementor-109 .elementor-element.elementor-element-7f45cb4 .ue-btn-wrap{text-align:inherit;}.elementor-109 .elementor-element.elementor-element-7f45cb4 .ue-btn{display:inline-block;padding:10px 20px 10px 20px;background-color:#8c8c8c;color:#ffffff;margin-top:20px;}.elementor-109 .elementor-element.elementor-element-7f45cb4 .owl-nav .owl-prev{left:20px;right:auto;}.elementor-109 .elementor-element.elementor-element-7f45cb4 .owl-nav .owl-next{right:20px;left:auto;}.elementor-109 .elementor-element.elementor-element-7f45cb4 .owl-carousel .owl-nav .owl-next,.elementor-109 .elementor-element.elementor-element-7f45cb4 .owl-carousel .owl-nav .owl-prev{top:224px;border-radius:0px;width:62px;height:62px;line-height:62px;font-size:24px;background-color:#ffffff;color:#000000;}.elementor-109 .elementor-element.elementor-element-7f45cb4 .owl-dot{width:8px;height:8px;background-color:#c6c6c6;margin:0px 5px;}.elementor-109 .elementor-element.elementor-element-7f45cb4 .owl-dot.active{background-color:#000000;}.elementor-109 .elementor-element.elementor-element-7f45cb4 .owl-dots{margin-top:20px;}.elementor-109 .elementor-element.elementor-element-7f45cb4 .uc_fbps_container_image img{width:915px !important;}.elementor-109 .elementor-element.elementor-element-7f45cb4 .ue-item-icon{width:60px;height:60px;font-size:20px;color:#ffffff;background-color:#6e6e6e;border-radius:100px 100px 100px 100px;margin-top:0px;}.elementor-109 .elementor-element.elementor-element-7f45cb4 .ue-item-icon svg{fill:#ffffff;}@media(max-width:1024px){.elementor-109 .elementor-element.elementor-element-787b821{--margin-top:72px;--margin-bottom:72px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-109 .elementor-element.elementor-element-556878d{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-109 .elementor-element.elementor-element-2ff50e9.elementor-element{--align-self:flex-start;}}@media(max-width:767px){.elementor-109 .elementor-element.elementor-element-da97d0e{--padding-top:160px;--padding-bottom:40px;--padding-left:16px;--padding-right:16px;}.elementor-109 .elementor-element.elementor-element-9a375b2{text-align:left;}.elementor-109 .elementor-element.elementor-element-787b821{--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-109 .elementor-element.elementor-element-cb33148{text-align:left;}.elementor-109 .elementor-element.elementor-element-8f26f00{text-align:left;}.elementor-109 .elementor-element.elementor-element-556878d{--min-height:130px;}.elementor-109 .elementor-element.elementor-element-2ff50e9 > .elementor-widget-container{margin:0px -200px 0px 0px;padding:10px 10px 10px 10px;}.elementor-109 .elementor-element.elementor-element-2ff50e9 .uc_material_bullets_row{flex-direction:row;}.elementor-109 .elementor-element.elementor-element-2ff50e9 .ue-bullets{grid-template-columns:repeat(7, minmax(0, 1fr));}.elementor-109 .elementor-element.elementor-element-2ff50e9 .ue-icon{font-size:31px;width:54px;padding:12px 8px 12px 8px;}.elementor-109 .elementor-element.elementor-element-2ff50e9 .ue-seperator-line{width:0px;height:10px;}.elementor-109 .elementor-element.elementor-element-2ff50e9 .ue-seperator{margin-top:0px;}.elementor-109 .elementor-element.elementor-element-7f45cb4 .uc_fbps_slide{height:378px;}.elementor-109 .elementor-element.elementor-element-7f45cb4 .ue-item-overlay{background-color:transparent;background-image:linear-gradient(180deg, #1B1B1B00 0%, #000000D4 82%);}.elementor-109 .elementor-element.elementor-element-7f45cb4 .uc_fbps_content{padding:16px 16px 16px 16px;}.elementor-109 .elementor-element.elementor-element-7f45cb4 .uc_fbps_container_title{margin-top:16px;font-size:20px;line-height:1.7em;}.elementor-109 .elementor-element.elementor-element-7f45cb4 .uc_fbps_container_desc{font-size:14px;line-height:1.5em;}}@media(min-width:768px){.elementor-109 .elementor-element.elementor-element-556878d{--width:14%;}.elementor-109 .elementor-element.elementor-element-a157dbf{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-109 .elementor-element.elementor-element-556878d{--width:16%;}}/* Start custom CSS for ucaddon_uc_material_bullets, class: .elementor-element-2ff50e9 *//* 0. Ensure overflow is visible */
.ue-bullets .uc_material_bullets_row,
.ue-bullets .uc_material_bullets_row .ue-icon-wrapper {
  overflow: visible !important;
}
/* 1. Set up base styles for the icon wrapper */
.ue-bullets .uc_material_bullets_row .ue-icon-wrapper {
  position: relative;
}
/* 2. Create the static background circle */
.ue-bullets .uc_material_bullets_row.uc-bullet-active .ue-icon-wrapper::before {
  content: "";
  position: absolute;
  top: -8px !important;
  left: -8px !important;
  width: calc(100% + 16px) !important;
  height: calc(100% + 16px) !important;
  border: 5px solid #ddd;
  border-radius: 50%;
  box-sizing: border-box;
  z-index: 1;
}
/* 3. Create the animated foreground circle */
.ue-bullets .uc_material_bullets_row.uc-bullet-active .ue-icon-wrapper::after {
  content: "";
  position: absolute;
  top: -8px !important;
  left: -8px !important;
  width: calc(100% + 16px) !important;
  height: calc(100% + 16px) !important;
  border: 5px solid #fec00f; /* Ketebalan border dikurangi dari 15px menjadi 5px */
  border-radius: 50%;
  box-sizing: border-box;
  transform: rotate(45deg);
  animation: loader-reveal 5s infinite linear;
  z-index: 1;
}
/* 4. Keep the icon above the animation */
.ue-bullets .uc_material_bullets_row .ue-icon {
  position: relative;
  z-index: 2;
}
/* 5. Animation using clip-path for revealing sections */
@keyframes loader-reveal {
  0%   {clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}
  25%  {clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)}
  50%  {clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)}
  75%  {clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)}
  100% {clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)}
}/* End custom CSS */