.elementor-124 .elementor-element.elementor-element-f10e027{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0100px 0px 50px 0px;}.elementor-124 .elementor-element.elementor-element-f10e027 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-124 .elementor-element.elementor-element-18057d9 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:104px;font-weight:900;text-transform:uppercase;color:#FFFFFF;}.elementor-124 .elementor-element.elementor-element-50df68d{width:var( --container-widget-width, 667px );max-width:667px;--container-widget-width:667px;--container-widget-flex-grow:0;}.elementor-124 .elementor-element.elementor-element-50df68d .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:19px;font-weight:400;line-height:1.5em;color:#FFFFFF;}.elementor-124 .elementor-element.elementor-element-2ed359c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-124 .elementor-element.elementor-element-2ed359c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-124 .elementor-element.elementor-element-268c87a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 50px 0px;}.elementor-124 .elementor-element.elementor-element-268c87a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-124 .elementor-element.elementor-element-79aa8ec .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:37px;font-weight:700;color:var( --e-global-color-secondary );}.elementor-124 .elementor-element.elementor-element-541fe9a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 50px 0px;}.elementor-124 .elementor-element.elementor-element-541fe9a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-124 .elementor-element.elementor-element-ed04431 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:37px;font-weight:700;color:var( --e-global-color-secondary );}body.elementor-page-124:not(.elementor-motion-effects-element-type-background), body.elementor-page-124 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://www.transparenttextures.com/patterns/cartographer.png");}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-124 .elementor-element.elementor-element-f10e027{padding:50px 0px 0px 0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-124 .elementor-element.elementor-element-18057d9 .elementor-heading-title{font-size:40px;}.elementor-124 .elementor-element.elementor-element-50df68d .elementor-heading-title{font-size:13px;}}/* Start custom CSS for heading, class: .elementor-element-18057d9 */.elementor-124 .elementor-element.elementor-element-18057d9{
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-01476f4 */.elementor-124 .elementor-element.elementor-element-01476f4{
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-5d3d67c */.elementor-124 .elementor-element.elementor-element-5d3d67c{
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af3e049 */.marquee2 {
  overflow: hidden;
  padding: 20px 0;
}

.marquee2__content {
  display: flex;
  animation: marquee 30s linear infinite;
}

.marquee2__group {
  display: flex;
  gap: 5vw; /* Menggunakan gap dalam vw untuk membuat jarak antar gambar lebih responsif */
}

.marquee2__group img {
  width: 100px; /* Menggunakan vw untuk lebar gambar agar dapat menyesuaikan ukuran layar */
  height: auto; /* Menjaga aspek rasio gambar */
  object-fit: contain;
  transition: filter 0.3s ease;
}

.marquee2__group img:hover {
  filter: grayscale(0%); /* Menghilangkan grayscale saat hover */
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%); /* Menyelesaikan animasi dengan lebih halus */
  }
}

/* Media Query untuk perangkat kecil (misalnya, smartphone) */
@media (max-width: 600px) {
  .marquee2__group {
    gap: 20px; /* Mengurangi jarak antar gambar untuk layar kecil */
  }

  .marquee2__group img {
    width: 30vw; /* Memperbesar gambar agar lebih terlihat pada layar kecil */
  }
}

/* Media Query untuk tablet atau perangkat menengah */
@media (max-width: 1024px) {
  .marquee2__group img {
    width: 15vw; /* Menyesuaikan lebar gambar agar lebih baik di tablet */
  }

  .marquee2__group {
    gap: 30px; /* Menyesuaikan gap antar gambar */
  }
}/* End custom CSS */