.elementor-2066 .elementor-element.elementor-element-fdf79dc{--display:flex;--min-height:10px;--gap:0em 0em;--background-transition:0.3s;--padding-top:4em;--padding-bottom:5em;--padding-left:3em;--padding-right:3em;}.elementor-2066 .elementor-element.elementor-element-fdf79dc:not(.elementor-motion-effects-element-type-background), .elementor-2066 .elementor-element.elementor-element-fdf79dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F3F3;}.elementor-2066 .elementor-element.elementor-element-fdf79dc, .elementor-2066 .elementor-element.elementor-element-fdf79dc::before{--border-transition:0.3s;}.elementor-2066 .elementor-element.elementor-element-249ec7e4{--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;--justify-content:space-between;--background-transition:0.3s;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-2066 .elementor-element.elementor-element-50d31641{text-align:left;}.elementor-2066 .elementor-element.elementor-element-50d31641 .elementor-heading-title{color:#E25C42;font-family:"HK Kontrast", Sans-serif;font-size:40px;font-weight:700;text-transform:capitalize;font-style:normal;text-decoration:none;}.elementor-2066 .elementor-element.elementor-element-50d31641 > .elementor-widget-container{margin:0em 0em 0.5em 0em;}.elementor-2066 .elementor-element.elementor-element-3ab3c328{--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:flex-start;--align-items:flex-start;--background-transition:0.3s;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-2066 .elementor-element.elementor-element-fdf79dc{--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-2066 .elementor-element.elementor-element-249ec7e4{--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-2066 .elementor-element.elementor-element-50d31641 .elementor-heading-title{font-size:1.8rem;}.elementor-2066 .elementor-element.elementor-element-50d31641 > .elementor-widget-container{margin:0em 0em 0em 0em;}}/* Start custom CSS for shortcode, class: .elementor-element-2c13e89 *//* Styling dasar untuk kedua tombol */
.elementor-swiper-button {
    /* Hapus default styling jika ada */
    border: none;
    background-color: transparent;
    cursor: pointer;
    padding: 0;

    /* Styling Visual */
    width: 40px; /* Lebar tombol */
    height: 40px; /* Tinggi tombol */
    
    display: flex;
    align-items: center;
    justify-content: center;
   transition: background-color 0.3s, opacity 0.3s;
    z-index: 10; /* Pastikan tombol di atas slide */

    /* Posisi (Akan diatur lagi di bagian 2) */
    position: absolute; 
    top: 50%;
    transform: translateY(-50%);
}

/* Hover Effect */
.elementor-swiper-button:hover {
   
}

/* Styling Ikon/Panah (Ganti jika Anda menggunakan SVG/Image) */
.elementor-swiper-button-prev:before {
   
}

.elementor-swiper-button-next:before {
    
}

.halaman-serial-block-wrapper {
    position: relative; /* HARUS ADA! */
    overflow: visible; /* Penting agar tombol yang diposisikan di luar tidak terpotong */
    background:#A4D9CF;
    padding:2em;
    margin-bottom:5em;
}
.halaman-serial-block-wrapper .elementor-heading-title {
    text-align: right;
}
.halaman-serial-block-wrapper .elementor-heading-title a{
    color:#E25C42;
}
/* Posisi Tombol PREV */
.halaman-serial-block-wrapper .elementor-swiper-button-prev {
    /* Posisikan di sebelah kiri, sedikit di luar karusel */
    left: 10px; 
}

/* Posisi Tombol NEXT */
.halaman-serial-block-wrapper .elementor-swiper-button-next {
    /* Posisikan di sebelah kanan, sedikit di luar karusel */
    right: 10px; 
}


/* Gaya untuk tombol yang dinonaktifkan (biasanya terjadi di slide pertama/terakhir) */
.elementor-swiper-button[disabled], 
.elementor-swiper-button.swiper-button-disabled {
    opacity: 0.3; /* Jadikan tombol buram */
    cursor: default; /* Ganti kursor menjadi default */
}

.elementor-swiper-button[disabled]:hover,
.elementor-swiper-button.swiper-button-disabled:hover {
    background-color: #333; /* Jangan ubah warna saat dihover jika dinonaktifkan */
}
@media (max-width: 486px) {
    .elementor-swiper-button-prev {
        left: -30px !important;
    }
     .elementor-swiper-button-next {
        right: -30px !important;
    }
    .halaman-serial-block-wrapper{
        padding:0;
    }
    .halaman-serial-block-wrapper .elementor-heading-title{
        padding:.3em !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fdf79dc */.halaman-serial-block-wrapper{
    width: 93vw;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'HK Kontrast';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://progresip.id/wp-content/uploads/2024/05/HKKontrast-Bold.eot');
	src: url('https://progresip.id/wp-content/uploads/2024/05/HKKontrast-Bold.eot?#iefix') format('embedded-opentype'),
		url('https://progresip.id/wp-content/uploads/2024/05/HKKontrast-Bold.woff2') format('woff2'),
		url('https://progresip.id/wp-content/uploads/2024/05/HKKontrast-Bold.woff') format('woff'),
		url('https://progresip.id/wp-content/uploads/2024/05/HKKontrast-Bold.ttf') format('truetype'),
		url('https://progresip.id/wp-content/uploads/2024/05/HKKontrast-Bold.svg#HKKontrast') format('svg');
}
/* End Custom Fonts CSS */