.elementor-38789 .elementor-element.elementor-element-5622c71{--display:flex;--min-height:250px;--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-38789 .elementor-element.elementor-element-531770b8{--display:flex;}.elementor-38789 .elementor-element.elementor-element-3605a37b{--display:flex;--min-height:0px;--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:-250px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-38789 .elementor-element.elementor-element-7368db18{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-38789 .elementor-element.elementor-element-5353298b img{width:100%;max-width:100%;}.elementor-38789 .elementor-element.elementor-element-5353298b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-38789 .elementor-element.elementor-element-719867df{--display:flex;--min-height:7px;--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;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-38789 .elementor-element.elementor-element-54173e7f{--e-image-carousel-slides-to-show:1;z-index:0;}.elementor-38789 .elementor-element.elementor-element-54173e7f .elementor-swiper-button.elementor-swiper-button-prev, .elementor-38789 .elementor-element.elementor-element-54173e7f .elementor-swiper-button.elementor-swiper-button-next{font-size:13px;}.elementor-38789 .elementor-element.elementor-element-1b4362ea{--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;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-38789 .elementor-element.elementor-element-14ff5470 img{width:100%;max-width:100%;}.elementor-38789 .elementor-element.elementor-element-8f3ff07{--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-38789 .elementor-element.elementor-element-76e8043{--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;}.elementor-38789 .elementor-element.elementor-element-b4bb8ac{--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-38789 .elementor-element.elementor-element-35dc15e{--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-38789 .elementor-element.elementor-element-d03da23{--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;}.elementor-38789 .elementor-element.elementor-element-9524102{--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-38789 .elementor-element.elementor-element-220777a{--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-38789 .elementor-element.elementor-element-bf9d6b4{--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;}.elementor-38789 .elementor-element.elementor-element-30ee2fa{--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-38789 .elementor-element.elementor-element-b98cde6{--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-38789 .elementor-element.elementor-element-2c02f57{--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;}.elementor-38789 .elementor-element.elementor-element-c435362{--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-38789 .elementor-element.elementor-element-f7cf838{--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-38789 .elementor-element.elementor-element-1400104{--display:flex;}.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-38789 .elementor-element.elementor-element-dc7498e .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:700;color:#E70606;}.elementor-38789 .elementor-element.elementor-element-122e8ae{--display:flex;}.elementor-38789 .elementor-element.elementor-element-17bf96e{--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-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-38789 .elementor-element.elementor-element-dcd68ff .elementor-button{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:500;background-color:#0091FF;}.elementor-38789 .elementor-element.elementor-element-37fae10{--display:flex;}.elementor-38789 .elementor-element.elementor-element-fcf453d .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:700;color:#E70606;}.elementor-38789 .elementor-element.elementor-element-ba1b2f5{--display:flex;}.elementor-38789 .elementor-element.elementor-element-7ff912e{width:var( --container-widget-width, 85.372% );max-width:85.372%;--container-widget-width:85.372%;--container-widget-flex-grow:0;}.elementor-38789 .elementor-element.elementor-element-7ff912e.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-38789 .elementor-element.elementor-element-f9404e6{--display:flex;}.elementor-38789 .elementor-element.elementor-element-fa0da5c .elementor-button{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:500;background-color:#0091FF;}.elementor-38789 .elementor-element.elementor-element-d836578{--display:flex;}.elementor-38789 .elementor-element.elementor-element-a403341 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:700;color:#E70606;}.elementor-38789 .elementor-element.elementor-element-1532e77{--display:flex;}.elementor-38789 .elementor-element.elementor-element-59caa9e.elementor-element{--align-self:center;}.elementor-38789 .elementor-element.elementor-element-e2c8e1c{--display:flex;}.elementor-38789 .elementor-element.elementor-element-30abc02 .elementor-button{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:500;background-color:#0091FF;}.elementor-38789 .elementor-element.elementor-element-a1afc8f{--display:flex;}.elementor-38789 .elementor-element.elementor-element-55d4388 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:700;color:#E70606;}.elementor-38789 .elementor-element.elementor-element-cac2dee{--display:flex;}.elementor-38789 .elementor-element.elementor-element-b8459e8{--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;--padding-top:30px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-38789 .elementor-element.elementor-element-f0287ec .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:35px;font-weight:700;color:#E70606;}.elementor-38789 .elementor-element.elementor-element-a53d68a{--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-38789 .elementor-element.elementor-element-476a49d{--display:flex;}.elementor-38789 .elementor-element.elementor-element-1fc2c69 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:35px;font-weight:700;color:#E70606;}.elementor-38789 .elementor-element.elementor-element-3cb4593{--display:flex;}.elementor-38789 .elementor-element.elementor-element-ee7267e.elementor-element{--align-self:center;}.elementor-38789 .elementor-element.elementor-element-583b5d2{--display:flex;}.elementor-38789 .elementor-element.elementor-element-733274c .elementor-button{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:500;background-color:#0091FF;}.elementor-38789 .elementor-element.elementor-element-c112661{--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;--padding-top:30px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-38789 .elementor-element.elementor-element-d361917{text-align:left;}.elementor-38789 .elementor-element.elementor-element-d361917 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:700;color:#E70606;}.elementor-38789 .elementor-element.elementor-element-3cf160c{--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;}.elementor-38789 .elementor-element.elementor-element-ed0e3c1{--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-38789 .elementor-element.elementor-element-144e52fe{--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-38789 .elementor-element.elementor-element-7067b737{--spacer-size:20px;}.elementor-38789 .elementor-element.elementor-element-78adb9c{--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-38789 .elementor-element.elementor-element-3104e43{--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-38789 .elementor-element.elementor-element-da6c089{--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-38789 .elementor-element.elementor-element-45a0914{text-align:center;}.elementor-38789 .elementor-element.elementor-element-45a0914 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:800;color:#FF0000;}.elementor-38789 .elementor-element.elementor-element-6b50144{--display:flex;}.elementor-38789 .elementor-element.elementor-element-22609f5{--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;}@media(min-width:768px){.elementor-38789 .elementor-element.elementor-element-3605a37b{--content-width:1200px;}.elementor-38789 .elementor-element.elementor-element-7368db18{--width:24%;}.elementor-38789 .elementor-element.elementor-element-719867df{--width:52%;}.elementor-38789 .elementor-element.elementor-element-1b4362ea{--width:24%;}.elementor-38789 .elementor-element.elementor-element-b4bb8ac{--width:50%;}.elementor-38789 .elementor-element.elementor-element-35dc15e{--width:50%;}.elementor-38789 .elementor-element.elementor-element-9524102{--width:50%;}.elementor-38789 .elementor-element.elementor-element-220777a{--width:50%;}.elementor-38789 .elementor-element.elementor-element-30ee2fa{--width:50%;}.elementor-38789 .elementor-element.elementor-element-b98cde6{--width:50%;}.elementor-38789 .elementor-element.elementor-element-c435362{--width:50%;}.elementor-38789 .elementor-element.elementor-element-f7cf838{--width:50%;}.elementor-38789 .elementor-element.elementor-element-ba1b2f5{--content-width:1356px;}.elementor-38789 .elementor-element.elementor-element-ed0e3c1{--width:100%;}}@media(min-width:2400px){.elementor-38789 .elementor-element.elementor-element-5353298b{text-align:right;}.elementor-38789 .elementor-element.elementor-element-5353298b img{width:100%;max-width:100%;}}@media(max-width:767px){.elementor-38789 .elementor-element.elementor-element-7368db18{--width:50%;}.elementor-38789 .elementor-element.elementor-element-5353298b{text-align:left;}.elementor-38789 .elementor-element.elementor-element-5353298b img{width:100%;}.elementor-38789 .elementor-element.elementor-element-719867df{--width:100%;}.elementor-38789 .elementor-element.elementor-element-719867df.e-con{--order:-99999 /* order start hack */;}.elementor-38789 .elementor-element.elementor-element-1b4362ea{--width:50%;}}/* Start custom CSS for image-carousel, class: .elementor-element-54173e7f */.carousel-full-height,
.carousel-full-height .elementor-image-carousel-wrapper,
.carousel-full-height .swiper,
.carousel-full-height .swiper-wrapper,
.carousel-full-height .swiper-slide,
.carousel-full-height .swiper-slide-inner,
.carousel-full-height .swiper-slide img {
    height: 100%;
}

.carousel-full-height .swiper-slide img {
    object-position: right;
    object-fit: cover;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dedc2e4 *//* === Galeri Video Horizontal === */
.video-gallery {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 20px;
  padding: 10px;
  scroll-behavior: smooth;
}

.video-gallery::-webkit-scrollbar { display: none; }
.video-gallery { -ms-overflow-style: none; scrollbar-width: none; }

/* === Kartu Video === */
.video-card {
  flex: 0 0 calc(25% - 20px); /* 4 kolom */
  height: 320px;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  background: #000;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.video-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.2);
}

.video-card iframe {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 14px;
}

/* === Navigasi Titik === */
.video-dots {
  text-align: center;
  margin-top: 15px;
}

.video-dots span {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  background: #ccc;
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.3s;
}

.video-dots span.active {
  background: #ff0000; /* warna merah seperti YouTube */
}

/* Responsif */
@media (max-width: 1024px) {
  .video-card { flex: 0 0 calc(33.33% - 20px); }
}
@media (max-width: 768px) {
  .video-card { flex: 0 0 calc(50% - 20px); height: 250px; }
}
@media (max-width: 480px) {
  .video-card { flex: 0 0 100%; height: 220px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8871290 *//* Wrapper horizontal untuk banyak video */
.all-videos-wrapper {
    display: flex;
    overflow-x: auto;
    gap: 25px;
    padding: 15px 0;
    scrollbar-width: thin;
}

/* Kotak container video */
.video-wrapper {
    display: flex;
    min-width: 900px;   /* supaya muncul ketika discroll */
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

/* Video kiri */
.video-left iframe {
    width: 600px;
    height: 340px;
    border: none;
    background: #000;
}

/* Playlist box */
.playlist-box {
    width: 300px;
    padding: 15px;
    box-sizing: border-box;
    border-left: 1px solid #e5e5e5;
}

/* Header playlist */
.playlist-header {
    display: flex;
    justify-content: space-between;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #111;
    font-family: Arial, sans-serif;
}

/* Scroll playlist */
.playlist-items {
    max-height: 300px;
    overflow-y: auto;
    padding-right: 5px;
    scrollbar-width: thin;
}

/* Item playlist */
.playlist-item {
    display: flex;
    gap: 12px;
    padding: 8px 5px;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.15s;
}

.playlist-item:hover {
    background: #f1f1f1;
}

.playlist-item img {
    width: 130px;
    height: 75px;
    background: #eee;
    object-fit: cover;
    border-radius: 6px;
}

/* Info */
.item-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-family: Arial, sans-serif;
}

.item-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
}

.item-duration {
    margin-top: 4px;
    font-size: 12px;
    color: #666;
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-54173e7f */.carousel-full-height,
.carousel-full-height .elementor-image-carousel-wrapper,
.carousel-full-height .swiper,
.carousel-full-height .swiper-wrapper,
.carousel-full-height .swiper-slide,
.carousel-full-height .swiper-slide-inner,
.carousel-full-height .swiper-slide img {
    height: 100%;
}

.carousel-full-height .swiper-slide img {
    object-position: right;
    object-fit: cover;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dedc2e4 *//* === Galeri Video Horizontal === */
.video-gallery {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 20px;
  padding: 10px;
  scroll-behavior: smooth;
}

.video-gallery::-webkit-scrollbar { display: none; }
.video-gallery { -ms-overflow-style: none; scrollbar-width: none; }

/* === Kartu Video === */
.video-card {
  flex: 0 0 calc(25% - 20px); /* 4 kolom */
  height: 320px;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  background: #000;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.video-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.2);
}

.video-card iframe {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 14px;
}

/* === Navigasi Titik === */
.video-dots {
  text-align: center;
  margin-top: 15px;
}

.video-dots span {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  background: #ccc;
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.3s;
}

.video-dots span.active {
  background: #ff0000; /* warna merah seperti YouTube */
}

/* Responsif */
@media (max-width: 1024px) {
  .video-card { flex: 0 0 calc(33.33% - 20px); }
}
@media (max-width: 768px) {
  .video-card { flex: 0 0 calc(50% - 20px); height: 250px; }
}
@media (max-width: 480px) {
  .video-card { flex: 0 0 100%; height: 220px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8871290 *//* Wrapper horizontal untuk banyak video */
.all-videos-wrapper {
    display: flex;
    overflow-x: auto;
    gap: 25px;
    padding: 15px 0;
    scrollbar-width: thin;
}

/* Kotak container video */
.video-wrapper {
    display: flex;
    min-width: 900px;   /* supaya muncul ketika discroll */
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

/* Video kiri */
.video-left iframe {
    width: 600px;
    height: 340px;
    border: none;
    background: #000;
}

/* Playlist box */
.playlist-box {
    width: 300px;
    padding: 15px;
    box-sizing: border-box;
    border-left: 1px solid #e5e5e5;
}

/* Header playlist */
.playlist-header {
    display: flex;
    justify-content: space-between;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #111;
    font-family: Arial, sans-serif;
}

/* Scroll playlist */
.playlist-items {
    max-height: 300px;
    overflow-y: auto;
    padding-right: 5px;
    scrollbar-width: thin;
}

/* Item playlist */
.playlist-item {
    display: flex;
    gap: 12px;
    padding: 8px 5px;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.15s;
}

.playlist-item:hover {
    background: #f1f1f1;
}

.playlist-item img {
    width: 130px;
    height: 75px;
    background: #eee;
    object-fit: cover;
    border-radius: 6px;
}

/* Info */
.item-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-family: Arial, sans-serif;
}

.item-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
}

.item-duration {
    margin-top: 4px;
    font-size: 12px;
    color: #666;
}/* End custom CSS */