.elementor-38 .elementor-element.elementor-element-aad099d{--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:32px 32px;--row-gap:32px;--column-gap:32px;--overlay-opacity:1;--padding-top:100px;--padding-bottom:100px;--padding-left:60px;--padding-right:60px;}.elementor-38 .elementor-element.elementor-element-aad099d:not(.elementor-motion-effects-element-type-background), .elementor-38 .elementor-element.elementor-element-aad099d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://speequal.com/wp-content/uploads/2026/06/company-speequal-games-hero-section-8-scaled.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-38 .elementor-element.elementor-element-aad099d::before, .elementor-38 .elementor-element.elementor-element-aad099d > .elementor-background-video-container::before, .elementor-38 .elementor-element.elementor-element-aad099d > .e-con-inner > .elementor-background-video-container::before, .elementor-38 .elementor-element.elementor-element-aad099d > .elementor-background-slideshow::before, .elementor-38 .elementor-element.elementor-element-aad099d > .e-con-inner > .elementor-background-slideshow::before, .elementor-38 .elementor-element.elementor-element-aad099d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #11111100 0%, #111111 100%);}.elementor-38 .elementor-element.elementor-element-ab0b038{--spacer-size:250px;}.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-38 .elementor-element.elementor-element-ed8e0e2{width:var( --container-widget-width, 900px );max-width:900px;--container-widget-width:900px;--container-widget-flex-grow:0;}.elementor-38 .elementor-element.elementor-element-ed8e0e2 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:60px;font-weight:700;color:#FFFFFF;}.elementor-38 .elementor-element.elementor-element-af5a892{width:var( --container-widget-width, 600px );max-width:600px;--container-widget-width:600px;--container-widget-flex-grow:0;}.elementor-38 .elementor-element.elementor-element-af5a892 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:18px;font-weight:300;line-height:28px;color:#FFFFFF;}.elementor-widget-button .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-38 .elementor-element.elementor-element-c0291c0 .elementor-button{background-color:#419CFF;font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:500;border-radius:99px 99px 99px 99px;}.elementor-38 .elementor-element.elementor-element-f955acf{--display:flex;--padding-top:100px;--padding-bottom:100px;--padding-left:60px;--padding-right:60px;}.elementor-38 .elementor-element.elementor-element-f955acf:not(.elementor-motion-effects-element-type-background), .elementor-38 .elementor-element.elementor-element-f955acf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111111;}.elementor-38 .elementor-element.elementor-element-663cb1e{--display:flex;--justify-content:center;--border-radius:32px 32px 32px 32px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-38 .elementor-element.elementor-element-663cb1e:not(.elementor-motion-effects-element-type-background), .elementor-38 .elementor-element.elementor-element-663cb1e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://speequal.com/wp-content/uploads/2026/06/company-speequal-games-hero-section-8-scaled.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-38 .elementor-element.elementor-element-0cb7e62{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:80px 80px;--row-gap:80px;--column-gap:80px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-38 .elementor-element.elementor-element-5363549{--display:flex;--justify-content:space-between;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-38 .elementor-element.elementor-element-9af442a{--display:flex;}.elementor-38 .elementor-element.elementor-element-94335f9 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:600;color:#419CFF;}.elementor-38 .elementor-element.elementor-element-1ec921a .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:24px;font-weight:500;line-height:32px;color:#FFFFFF;}.elementor-38 .elementor-element.elementor-element-ed316ab{--spacer-size:10px;}.elementor-38 .elementor-element.elementor-element-b1b0b51{--display:flex;--justify-content:center;--border-radius:32px 32px 32px 32px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-38 .elementor-element.elementor-element-b1b0b51:not(.elementor-motion-effects-element-type-background), .elementor-38 .elementor-element.elementor-element-b1b0b51 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://speequal.com/wp-content/uploads/2026/06/company-speequal-games-hero-section-8-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-38 .elementor-element.elementor-element-92e2d35{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:40px 40px;--row-gap:40px;--column-gap:40px;--grid-auto-flow:row;--padding-top:100px;--padding-bottom:100px;--padding-left:60px;--padding-right:60px;}.elementor-38 .elementor-element.elementor-element-92e2d35:not(.elementor-motion-effects-element-type-background), .elementor-38 .elementor-element.elementor-element-92e2d35 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111111;}.elementor-38 .elementor-element.elementor-element-83f1c82{--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;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:32px 32px 32px 32px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-38 .elementor-element.elementor-element-e6340d4{width:initial;max-width:initial;text-align:center;}.elementor-38 .elementor-element.elementor-element-e6340d4 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:36px;font-weight:600;color:#FFFFFF;}.elementor-38 .elementor-element.elementor-element-335722a{width:initial;max-width:initial;padding:0px 0px 0px 0px;}.elementor-38 .elementor-element.elementor-element-335722a .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:18px;font-weight:300;line-height:23px;color:#FFFFFF;}.elementor-38 .elementor-element.elementor-element-94dd364{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-38 .elementor-element.elementor-element-5f108b3{--e-image-carousel-slides-to-show:10;padding:0px 0px 10px 0px;}.elementor-38 .elementor-element.elementor-element-5f108b3 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:10px 10px 10px 10px;}.elementor-38 .elementor-element.elementor-element-a0e2096{--e-image-carousel-slides-to-show:10;}.elementor-38 .elementor-element.elementor-element-a0e2096 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:10px 10px 10px 10px;}.elementor-38 .elementor-element.elementor-element-560a5b3{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--overlay-opacity:0.5;--padding-top:100px;--padding-bottom:100px;--padding-left:60px;--padding-right:60px;}.elementor-38 .elementor-element.elementor-element-560a5b3:not(.elementor-motion-effects-element-type-background), .elementor-38 .elementor-element.elementor-element-560a5b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://speequal.com/wp-content/uploads/2026/05/275dc9aef9384f0e44fa973f919eae73be6ad73b.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-38 .elementor-element.elementor-element-560a5b3::before, .elementor-38 .elementor-element.elementor-element-560a5b3 > .elementor-background-video-container::before, .elementor-38 .elementor-element.elementor-element-560a5b3 > .e-con-inner > .elementor-background-video-container::before, .elementor-38 .elementor-element.elementor-element-560a5b3 > .elementor-background-slideshow::before, .elementor-38 .elementor-element.elementor-element-560a5b3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-38 .elementor-element.elementor-element-560a5b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#111111;--background-overlay:'';}.elementor-38 .elementor-element.elementor-element-e0eeee9{width:var( --container-widget-width, 140px );max-width:140px;padding:5px 5px 5px 5px;--container-widget-width:140px;--container-widget-flex-grow:0;border-style:solid;border-width:1px 1px 1px 1px;border-color:#EAEAEA;border-radius:20px 20px 20px 20px;text-align:center;}.elementor-38 .elementor-element.elementor-element-e0eeee9 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:500;color:#EAEAEA;}.elementor-38 .elementor-element.elementor-element-74e2983{--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:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-38 .elementor-element.elementor-element-0e93bce .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:36px;font-weight:600;line-height:1.2em;color:#FFFFFF;}.elementor-38 .elementor-element.elementor-element-257498a{--display:flex;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-38 .elementor-element.elementor-element-d8200f8 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:600;line-height:24px;color:#FFFFFF;}.elementor-38 .elementor-element.elementor-element-fe18dba .elementor-button{background-color:#FFFFFF;font-family:"Plus Jakarta Sans", Sans-serif;font-size:16px;font-weight:500;fill:#419CFF;color:#419CFF;border-radius:20px 20px 20px 20px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-38 .elementor-element.elementor-element-aad099d{--content-width:1280px;}.elementor-38 .elementor-element.elementor-element-f955acf{--content-width:1280px;}.elementor-38 .elementor-element.elementor-element-92e2d35{--content-width:1280px;}.elementor-38 .elementor-element.elementor-element-560a5b3{--content-width:1280px;}}@media(max-width:1024px){.elementor-38 .elementor-element.elementor-element-aad099d{--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-38 .elementor-element.elementor-element-f955acf{--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-38 .elementor-element.elementor-element-663cb1e{--min-height:350px;}.elementor-38 .elementor-element.elementor-element-663cb1e:not(.elementor-motion-effects-element-type-background), .elementor-38 .elementor-element.elementor-element-663cb1e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-38 .elementor-element.elementor-element-0cb7e62{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-38 .elementor-element.elementor-element-ed316ab{--spacer-size:20px;}.elementor-38 .elementor-element.elementor-element-92e2d35{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-38 .elementor-element.elementor-element-335722a{text-align:center;}.elementor-38 .elementor-element.elementor-element-5f108b3{--e-image-carousel-slides-to-show:7;}.elementor-38 .elementor-element.elementor-element-a0e2096{--e-image-carousel-slides-to-show:7;}.elementor-38 .elementor-element.elementor-element-560a5b3{--grid-auto-flow:row;--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-38 .elementor-element.elementor-element-74e2983{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-38 .elementor-element.elementor-element-0e93bce .elementor-heading-title{font-size:30px;}}@media(max-width:767px){.elementor-38 .elementor-element.elementor-element-aad099d{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-38 .elementor-element.elementor-element-ed8e0e2 .elementor-heading-title{font-size:36px;}.elementor-38 .elementor-element.elementor-element-af5a892 .elementor-heading-title{font-size:14px;line-height:20px;}.elementor-38 .elementor-element.elementor-element-c0291c0 .elementor-button{font-size:14px;}.elementor-38 .elementor-element.elementor-element-f955acf{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-38 .elementor-element.elementor-element-663cb1e{--min-height:250px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-38 .elementor-element.elementor-element-663cb1e:not(.elementor-motion-effects-element-type-background), .elementor-38 .elementor-element.elementor-element-663cb1e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top center;}.elementor-38 .elementor-element.elementor-element-0cb7e62{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-38 .elementor-element.elementor-element-94335f9 .elementor-heading-title{font-size:14px;}.elementor-38 .elementor-element.elementor-element-1ec921a .elementor-heading-title{font-size:20px;line-height:30px;}.elementor-38 .elementor-element.elementor-element-b1b0b51:not(.elementor-motion-effects-element-type-background), .elementor-38 .elementor-element.elementor-element-b1b0b51 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-38 .elementor-element.elementor-element-92e2d35{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-38 .elementor-element.elementor-element-83f1c82{--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-38 .elementor-element.elementor-element-e6340d4 .elementor-heading-title{font-size:24px;line-height:32px;}.elementor-38 .elementor-element.elementor-element-335722a .elementor-heading-title{font-size:14px;}.elementor-38 .elementor-element.elementor-element-94dd364{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-38 .elementor-element.elementor-element-5f108b3{--e-image-carousel-slides-to-show:4;}.elementor-38 .elementor-element.elementor-element-a0e2096{--e-image-carousel-slides-to-show:4;}.elementor-38 .elementor-element.elementor-element-560a5b3{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-38 .elementor-element.elementor-element-e0eeee9{padding:3px 3px 3px 3px;--container-widget-width:120px;--container-widget-flex-grow:0;width:var( --container-widget-width, 120px );max-width:120px;}.elementor-38 .elementor-element.elementor-element-e0eeee9 .elementor-heading-title{font-size:14px;}.elementor-38 .elementor-element.elementor-element-74e2983{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-38 .elementor-element.elementor-element-0e93bce .elementor-heading-title{font-size:24px;}.elementor-38 .elementor-element.elementor-element-d8200f8 .elementor-heading-title{font-size:14px;line-height:20px;}.elementor-38 .elementor-element.elementor-element-fe18dba .elementor-button{font-size:14px;}}/* Start custom CSS for image-carousel, class: .elementor-element-5f108b3 *//* =======================================================
   1. PENGATURAN LOGO CAROUSEL (DESKTOP & TABLET)
   ======================================================= */

.logo-about.elementor-widget {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important; 
    margin: 0 !important;
    
}

.logo-about .elementor-image-carousel-wrapper {
    background: transparent !important;
    position: relative;
    overflow: hidden;
    padding: 0 !important; 
    margin: 0 !important;
}

/* Trik Efek Pudar Kanan-Kiri Menggunakan Gradien Overlay (Aman & Bebas Abu-abu) */
.logo-about .elementor-image-carousel-wrapper::before,
.logo-about .elementor-image-carousel-wrapper::after {
    content: "" !important;
    display: block !important;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 15%; /* Jangkauan pudar 15% */
    z-index: 2;
    pointer-events: none; /* Supaya logo di bawahnya tetap bisa di-klik/hover */
}

/* Sisi Kiri pudar dari warna background section Anda (asumsi: hitam/gelap sesuai gambar) */
.logo-about .elementor-image-carousel-wrapper::before {
    left: 0;
    background: linear-gradient(to right, #111111 0%, rgba(17, 17, 17, 0) 100%) !important;
}

/* Sisi Kanan */
.logo-about .elementor-image-carousel-wrapper::after {
    right: 0;
    background: linear-gradient(to left, #111111 0%, rgba(17, 17, 17, 0) 100%) !important;
}

.logo-about .elementor-image-carousel .swiper-slide,
.logo-about .elementor-image-carousel .swiper-slide-inner,
.logo-about .elementor-image-carousel .swiper-slide-inner figure {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;   
    padding: 0 !important;  
}

/* Mengatur gambar asli agar bersih, tajam, dan berwarna */
.logo-about .elementor-image-carousel .swiper-slide-inner img {
    width: 100% !important;
    height: 110px !important; /* Tinggi di desktop & tablet */
    object-fit: contain !important; 
    
    border: none !important; 
    border-radius: 20px !important;
    box-shadow: none !important; 
    outline: none !important;
    margin: 0 !important;
    background: transparent !important;
    
    /* Menghilangkan filter abu-abu agar gambar asli keluar */
    filter: none !important; 
    opacity: 0.7; /* Sedikit transparan agar menyatu, ubah ke 1 jika ingin full terang tanpa hover */
    transition: opacity 0.3s ease;
}

/* Efek Hover */
.logo-about .elementor-image-carousel .swiper-slide-inner img:hover {
    opacity: 1 !important;
}

/* =======================================================
   2. PENGATURAN KHUSUS HP (Max Width 767px)
   ======================================================= */
@media (max-width: 767px) {
    .logo-about .elementor-image-carousel .swiper-slide-inner img {
        height: 80px !important; /* Tinggi di HP */
    }
    
    /* Jangkauan pudar di HP diperkecil jadi 10% agar pas */
    .logo-about .elementor-image-carousel-wrapper::before,
    .logo-about .elementor-image-carousel-wrapper::after {
        width: 100px; 
    }
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-a0e2096 *//* =======================================================
   1. PENGATURAN LOGO CAROUSEL (DESKTOP & TABLET)
   ======================================================= */

.logo-about.elementor-widget {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important; 
    margin: 0 !important;
    
}

.logo-about .elementor-image-carousel-wrapper {
    background: transparent !important;
    position: relative;
    overflow: hidden;
    padding: 0 !important; 
    margin: 0 !important;
}

/* Trik Efek Pudar Kanan-Kiri Menggunakan Gradien Overlay (Aman & Bebas Abu-abu) */
.logo-about .elementor-image-carousel-wrapper::before,
.logo-about .elementor-image-carousel-wrapper::after {
    content: "" !important;
    display: block !important;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 15%; /* Jangkauan pudar 15% */
    z-index: 2;
    pointer-events: none; /* Supaya logo di bawahnya tetap bisa di-klik/hover */
}

/* Sisi Kiri pudar dari warna background section Anda (asumsi: hitam/gelap sesuai gambar) */
.logo-about .elementor-image-carousel-wrapper::before {
    left: 0;
    background: linear-gradient(to right, #111111 0%, rgba(17, 17, 17, 0) 100%) !important;
}

/* Sisi Kanan */
.logo-about .elementor-image-carousel-wrapper::after {
    right: 0;
    background: linear-gradient(to left, #111111 0%, rgba(17, 17, 17, 0) 100%) !important;
}

.logo-about .elementor-image-carousel .swiper-slide,
.logo-about .elementor-image-carousel .swiper-slide-inner,
.logo-about .elementor-image-carousel .swiper-slide-inner figure {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;   
    padding: 0 !important;  
}

/* Mengatur gambar asli agar bersih, tajam, dan berwarna */
.logo-about .elementor-image-carousel .swiper-slide-inner img {
    width: 100% !important;
    height: 110px !important; /* Tinggi di desktop & tablet */
    object-fit: contain !important; 
    
    border: none !important; 
    border-radius: 20px !important;
    box-shadow: none !important; 
    outline: none !important;
    margin: 0 !important;
    background: transparent !important;
    
    /* Menghilangkan filter abu-abu agar gambar asli keluar */
    filter: none !important; 
    opacity: 0.7; /* Sedikit transparan agar menyatu, ubah ke 1 jika ingin full terang tanpa hover */
    transition: opacity 0.3s ease;
}

/* Efek Hover */
.logo-about .elementor-image-carousel .swiper-slide-inner img:hover {
    opacity: 1 !important;
}

/* =======================================================
   2. PENGATURAN KHUSUS HP (Max Width 767px)
   ======================================================= */
@media (max-width: 767px) {
    .logo-about .elementor-image-carousel .swiper-slide-inner img {
        height: 80px !important; /* Tinggi di HP */
    }
    
    /* Jangkauan pudar di HP diperkecil jadi 10% agar pas */
    .logo-about .elementor-image-carousel-wrapper::before,
    .logo-about .elementor-image-carousel-wrapper::after {
        width: 100px; 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-94dd364 *//* 1. Izinkan slide yang tergeser tetap terlihat di area luar carousel */
.carousel-bawah {
    overflow: visible !important;
    margin-top: 0px !important; /* Jarak antara carousel atas dan bawah */
}

/* 2. Berikan padding di dalam trek agar posisinya otomatis bergeser selang-seling */
.carousel-bawah .swiper-wrapper {
    /* Rumus geser: setengah dari lebar 1 slide */
    padding-left: 1.57% !important;  /* (100% / 7 slide) / 2 */
    padding-right: 5.57% !important;
    
    /* HAPUS transform atau margin-left yang sebelumnya digunakan */
    transform: none; 
    margin-left: 0;
}

/* 3. Bungkus KEDUA carousel (.carousel-atas & .carousel-bawah) 
      ke dalam satu parent div (misal: .brand-slider-wrapper) di HTML Anda, 
      lalu berikan overflow hidden di parent tersebut agar logo tidak tembus ke pinggir layar website */
.brand-slider-wrapper {
    overflow: hidden;
    width: 100%;
}



/* Responsif untuk HP */
@media (max-width: 767px) {
    .carousel-bawah .swiper-wrapper {
        padding-left: 16.6% !important; /* (100% / 3 slide) / 2 */
        padding-right: 16.6% !important;
    }
    .carousel-bawah {
        margin-top: 10px !important;
    }
}/* End custom CSS */