.elementor-widget-media-carousel .elementor-carousel-image-overlay{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-9107 .elementor-element.elementor-element-5ae04f9d.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-9107 .elementor-element.elementor-element-5ae04f9d .elementor-main-swiper{height:350px;}.elementor-9107 .elementor-element.elementor-element-5ae04f9d .elementor-swiper-button{font-size:20px;}.elementor-9107 .elementor-element.elementor-element-5ae04f9d .elementor-main-swiper:not(.elementor-thumbnails-swiper) .elementor-carousel-image{background-size:contain;}.elementor-9107 .elementor-element.elementor-element-22d5495{margin-top:0px;margin-bottom:100px;padding:25px 50px 25px 50px;}.elementor-9107 .elementor-element.elementor-element-5998003e:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-9107 .elementor-element.elementor-element-5998003e > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFBF00;}.elementor-bc-flex-widget .elementor-9107 .elementor-element.elementor-element-5998003e.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-9107 .elementor-element.elementor-element-5998003e.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-9107 .elementor-element.elementor-element-5998003e.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-9107 .elementor-element.elementor-element-5998003e > .elementor-element-populated, .elementor-9107 .elementor-element.elementor-element-5998003e > .elementor-element-populated > .elementor-background-overlay, .elementor-9107 .elementor-element.elementor-element-5998003e > .elementor-background-slideshow{border-radius:20px 0px 20px 0px;}.elementor-9107 .elementor-element.elementor-element-5998003e > .elementor-element-populated{box-shadow:0px 8px 10px 0px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:20px 20px 20px 20px;--e-column-margin-right:20px;--e-column-margin-left:20px;}.elementor-9107 .elementor-element.elementor-element-5998003e > .elementor-element-populated > .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-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-9107 .elementor-element.elementor-element-48b9aaf0{text-align:left;}.elementor-9107 .elementor-element.elementor-element-48b9aaf0 .elementor-heading-title{color:#FFFFFF;}.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-9107 .elementor-element.elementor-element-494ac26e{text-align:right;}.elementor-9107 .elementor-element.elementor-element-494ac26e img{border-radius:-2px -2px -2px -2px;}.elementor-9107 .elementor-element.elementor-element-194680f1:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-9107 .elementor-element.elementor-element-194680f1 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF0000;}.elementor-bc-flex-widget .elementor-9107 .elementor-element.elementor-element-194680f1.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-9107 .elementor-element.elementor-element-194680f1.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-9107 .elementor-element.elementor-element-194680f1.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-9107 .elementor-element.elementor-element-194680f1 > .elementor-element-populated, .elementor-9107 .elementor-element.elementor-element-194680f1 > .elementor-element-populated > .elementor-background-overlay, .elementor-9107 .elementor-element.elementor-element-194680f1 > .elementor-background-slideshow{border-radius:20px 0px 20px 0px;}.elementor-9107 .elementor-element.elementor-element-194680f1 > .elementor-element-populated{box-shadow:0px 8px 10px 0px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:20px 20px 20px 20px;--e-column-margin-right:20px;--e-column-margin-left:20px;padding:0px 0px 0px 0px;}.elementor-9107 .elementor-element.elementor-element-194680f1 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9107 .elementor-element.elementor-element-7f5c83fd{text-align:left;}.elementor-9107 .elementor-element.elementor-element-7f5c83fd .elementor-heading-title{color:#FFFFFF;}.elementor-9107 .elementor-element.elementor-element-75b2096a{text-align:right;}.elementor-9107 .elementor-element.elementor-element-25f016e2:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-9107 .elementor-element.elementor-element-25f016e2 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#034886;}.elementor-bc-flex-widget .elementor-9107 .elementor-element.elementor-element-25f016e2.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-9107 .elementor-element.elementor-element-25f016e2.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-9107 .elementor-element.elementor-element-25f016e2.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-9107 .elementor-element.elementor-element-25f016e2 > .elementor-element-populated, .elementor-9107 .elementor-element.elementor-element-25f016e2 > .elementor-element-populated > .elementor-background-overlay, .elementor-9107 .elementor-element.elementor-element-25f016e2 > .elementor-background-slideshow{border-radius:20px 0px 20px 0px;}.elementor-9107 .elementor-element.elementor-element-25f016e2 > .elementor-element-populated{box-shadow:0px 8px 10px 0px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:20px 20px 20px 20px;--e-column-margin-right:20px;--e-column-margin-left:20px;}.elementor-9107 .elementor-element.elementor-element-25f016e2 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9107 .elementor-element.elementor-element-2997aa37{text-align:left;}.elementor-9107 .elementor-element.elementor-element-2997aa37 .elementor-heading-title{color:#FFFFFF;}.elementor-9107 .elementor-element.elementor-element-5152e646{width:var( --container-widget-width, 243.907% );max-width:243.907%;--container-widget-width:243.907%;--container-widget-flex-grow:0;}.elementor-9107 .elementor-element.elementor-element-72fad215:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-9107 .elementor-element.elementor-element-72fad215 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D5C1AA;}.elementor-bc-flex-widget .elementor-9107 .elementor-element.elementor-element-72fad215.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-9107 .elementor-element.elementor-element-72fad215.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-9107 .elementor-element.elementor-element-72fad215.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-9107 .elementor-element.elementor-element-72fad215 > .elementor-element-populated, .elementor-9107 .elementor-element.elementor-element-72fad215 > .elementor-element-populated > .elementor-background-overlay, .elementor-9107 .elementor-element.elementor-element-72fad215 > .elementor-background-slideshow{border-radius:20px 0px 20px 0px;}.elementor-9107 .elementor-element.elementor-element-72fad215 > .elementor-element-populated{box-shadow:0px 8px 10px 0px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:20px 20px 20px 20px;--e-column-margin-right:20px;--e-column-margin-left:20px;}.elementor-9107 .elementor-element.elementor-element-72fad215 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9107 .elementor-element.elementor-element-2e5decb1{text-align:left;}.elementor-9107 .elementor-element.elementor-element-2e5decb1 .elementor-heading-title{color:#FFFFFF;}.elementor-9107 .elementor-element.elementor-element-48615e7a > .elementor-container{min-height:100vh;}.elementor-9107 .elementor-element.elementor-element-48615e7a{padding:25px 50px 25px 50px;}.elementor-9107 .elementor-element.elementor-element-4bfded2e > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-9107 .elementor-element.elementor-element-d4509bf.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-9107 .elementor-element.elementor-element-1d6eca02{text-align:center;}.elementor-9107 .elementor-element.elementor-element-1d6eca02 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:36px;font-weight:700;color:#24383E;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-9107 .elementor-element.elementor-element-467da0c6{--divider-border-style:dashed;--divider-color:#000;--divider-border-width:2px;}.elementor-9107 .elementor-element.elementor-element-467da0c6 .elementor-divider-separator{width:100%;}.elementor-9107 .elementor-element.elementor-element-467da0c6 .elementor-divider{padding-block-start:10px;padding-block-end:10px;}.elementor-9107 .elementor-element.elementor-element-2c75ad6b{width:var( --container-widget-width, 600px );max-width:600px;--container-widget-width:600px;--container-widget-flex-grow:0;text-align:center;}.elementor-9107 .elementor-element.elementor-element-2c75ad6b > .elementor-widget-container{margin:0px 0px 40px 0px;}.elementor-9107 .elementor-element.elementor-element-2c75ad6b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;color:#24383E;}.elementor-widget-loop-grid .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-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-9107 .elementor-element.elementor-element-504899cf{--grid-columns:2;}.elementor-9107 .elementor-element.elementor-element-504899cf .elementor-loop-container{grid-auto-rows:1fr;}.elementor-9107 .elementor-element.elementor-element-504899cf .e-loop-item > .elementor-section, .elementor-9107 .elementor-element.elementor-element-504899cf .e-loop-item > .elementor-section > .elementor-container, .elementor-9107 .elementor-element.elementor-element-504899cf .e-loop-item > .e-con, .elementor-9107 .elementor-element.elementor-element-504899cf .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.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-9107 .elementor-element.elementor-element-6632bf96 .elementor-button{background-color:var( --e-global-color-primary );border-radius:8px 8px 8px 8px;}.elementor-9107 .elementor-element.elementor-element-69dadc12 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}:root{--page-title-display:none;}.eael-ext-scroll-to-top-wrap .eael-ext-scroll-to-top-button{bottom:15px;right:15px;width:50px;height:50px;z-index:9999;opacity:0.7;background-color:#000000;border-radius:5px;}.eael-ext-scroll-to-top-wrap .eael-ext-scroll-to-top-button i{font-size:16px;color:#ffffff;}.eael-ext-scroll-to-top-wrap .eael-ext-scroll-to-top-button svg{width:16px;height:16px;fill:#ffffff;}@media(min-width:768px){.elementor-9107 .elementor-element.elementor-element-5998003e{width:25%;}.elementor-9107 .elementor-element.elementor-element-40182bf7{width:50%;}.elementor-9107 .elementor-element.elementor-element-2dad542e{width:50%;}.elementor-9107 .elementor-element.elementor-element-194680f1{width:25%;}.elementor-9107 .elementor-element.elementor-element-1ecbc4b6{width:50%;}.elementor-9107 .elementor-element.elementor-element-25a24c8{width:50%;}.elementor-9107 .elementor-element.elementor-element-25f016e2{width:25%;}.elementor-9107 .elementor-element.elementor-element-4ec51afe{width:50%;}.elementor-9107 .elementor-element.elementor-element-736166de{width:50%;}.elementor-9107 .elementor-element.elementor-element-72fad215{width:25%;}.elementor-9107 .elementor-element.elementor-element-78f4c00e{width:50%;}.elementor-9107 .elementor-element.elementor-element-2b5f4228{width:50%;}}@media(max-width:1024px){.elementor-9107 .elementor-element.elementor-element-5ae04f9d.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-9107 .elementor-element.elementor-element-5ae04f9d .elementor-main-swiper{height:250px;}.elementor-9107 .elementor-element.elementor-element-504899cf{--grid-columns:2;}}@media(max-width:767px){.elementor-9107 .elementor-element.elementor-element-5ae04f9d.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-9107 .elementor-element.elementor-element-5ae04f9d .elementor-main-swiper{height:100px;width:250px;}.elementor-9107 .elementor-element.elementor-element-1d6eca02{text-align:center;}.elementor-9107 .elementor-element.elementor-element-1d6eca02 .elementor-heading-title{font-size:32px;}.elementor-9107 .elementor-element.elementor-element-2c75ad6b{text-align:center;}.elementor-9107 .elementor-element.elementor-element-2c75ad6b .elementor-heading-title{font-size:32px;}.elementor-9107 .elementor-element.elementor-element-504899cf{--grid-columns:1;}}/* Start custom CSS for section, class: .elementor-element-22d5495 */.unit-section .inner-section {
    position: relative;
}

.unit-section .image-column {
    position: absolute;
    bottom: -20px; /* Atur sesuai kebutuhan untuk menyesuaikan posisi */
    right: 0; /* Menyelaraskan kolom gambar dengan tepi kanan kolom */
    display: flex;
    align-items: flex-end;
    justify-content: center;
    z-index: 1;
    overflow: visible;
    width: calc(100% + 100px); /* Lebar kolom gambar lebih besar agar mencakup seluruh inner-section */
    max-width: 100%;
}

.unit-section .image-column img {
    position: relative;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) scale(1.2); /* Gambar diperbesar sedikit sebelum di-hover */
    transition: transform 0.3s ease-in-out;
    transform-origin: bottom center;
}

.unit-section .image-column img:hover {
    transform: translateX(-50%) scale(2); /* Gambar diperbesar lagi saat di-hover */
}

/* Penyesuaian untuk tampilan mobile */
@media (max-width: 768px) { /* Menyesuaikan untuk layar tablet dan ponsel */
    .unit-section .image-column {
        position: static;
        width: 100%;
        margin-top: 20px; /* Berikan jarak antara gambar dan konten lainnya */
    }

    .unit-section .image-column img {
        transform: scale(1); /* Gambar kembali ke skala normal */
        left: 0; /* Reset posisi untuk mobile */
        transform-origin: center; /* Transformasi dari tengah gambar */
    }
    
    .unit-section .image-column img:hover {
        transform: scale(1.2); /* Perbesar gambar sedikit saja saat hover di layar kecil */
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-726cf140 *//* Struktur dasar layout */
.devotion .container .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}

/* Styling untuk box renungan */
.devotion-box {
    flex: 1;
    padding: 20px;
    position: relative;
    color: white;
    text-align: center;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
    min-height: 350px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
}

/* Tambahkan overlay buram */
.devotion-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Overlay hitam dengan transparansi 50% */
}

/* Pastikan konten tetap terlihat di atas overlay */
.devotion-box h2,
.devotion-box h3,
.devotion-box .verse,
.devotion-box .main-verse,
.devotion-box .read-more,
.devotion-box .date,
.devotion-box .not-found {
    position: relative;
    z-index: 2;
}

/* Styling untuk main-verse */
.main-verse {
    position: relative;
    z-index: 2;
    font-style: italic;
    border-left: 4px solid #ffc107; /* Garis vertikal kuning */
    padding: 10px 15px;
    margin: 10px 0;
    background: rgba(255, 255, 255, 0.1); /* Transparan putih */
    border-radius: 5px;
}

/* Styling blockquote */
.main-verse blockquote {
    font-size: 1.2em;
    font-style: italic;
    padding: 10px;
    margin: 0;
}

/* Responsif: Susun ke bawah jika layar kecil */
@media (max-width: 768px) {
    .devotion .container .row {
        flex-direction: column;
        align-items: center;
    }

    .devotion .col-md-6 {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-5803e667 */body {
    font-family: 'Poppins', sans-serif;
}

.devotion-container {
    overflow: hidden; /* Menyembunyikan overflow jika ada lebih banyak card dari yang ditampilkan */
}

.devotion-card {
    float: left; /* Mengatur card agar berada di sebelah kiri */
    width: calc(50% - 10px); /* Lebar card, dikurangi jarak antar card */
    margin-right: 20px; /* Jarak antar card */
    margin-bottom: 20px; /* Jarak bawah card */
    overflow: hidden;
    transition: transform 0.5s ease;
    border-radius: 8px; /* Border radius untuk efek rounded corners */
    background-color: #fff; /* Background default jika tidak ada gambar */
}

.devotion-card:nth-child(2n) {
    margin-right: 0; /* Menghapus margin kanan untuk card di akhir baris */
}

.devotion-card:hover {
    transform: scale(1.05); /* Zoom saat hover */
}

.devotion-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 20px;
    color: white;
    background-color: #f8f8f8;
    min-height: 200px; /* Menjamin tinggi minimal */
    background-size: cover;
    background-position: center;
    transition: opacity 0.5s ease;
}

.devotion-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
}

.devotion-card:hover .devotion-info {
    opacity: 0;
}

.devotion-card:hover .devotion-hover {
    opacity: 1;
    visibility: visible;
}

.devotion-content {
    position: relative;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.text-content {
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 20px;
}

.text-content h3 {
    margin-bottom: 10px;
}

.text-content div {
    font-size: 16px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-24dc5384 */.testimonial-carousel {
  position: relative;
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  overflow: hidden;
  padding: 2rem 1rem;
}

.testimonial-card {
  background: #000;
  color: #fff;
  border-radius: 20px;
  padding: 2rem;
  position: relative;
  transition: opacity 0.6s ease;
  display: none;
}

.testimonial-card.active {
  display: block;
}

.testimonial-bg-layer {
  position: absolute;
  width: 90%;
  height: 100%;
  border-radius: 20px;
  top: 10px;
  left: 5%;
  z-index: 0;
}

.testimonial-bg-layer.yellow {
  background-color: #f7d541;
  top: 20px;
}

.testimonial-bg-layer.green {
  background-color: #58b16f;
  top: 10px;
}

.testimonial-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 2;
  gap: 1.5rem;
}

.testimonial-text {
  max-width: 60%;
}

.testimonial-text p {
  font-size: 1rem;
  line-height: 1.6;
}

.testimonial-text h4 {
  margin-top: 1rem;
  font-weight: normal;
  font-size: 0.9rem;
  opacity: 0.8;
}

.testimonial-image img {
  max-width: 120px;
  border-radius: 12px;
}/* End custom CSS */
/* Start custom CSS *//* Mengecilkan ukuran scrollbar */
body.elementor-page-9107::-webkit-scrollbar {
    width: 8px; /* Lebar scrollbar */
    height: 8px; /* Tinggi scrollbar horizontal */
}

body.elementor-page-9107::-webkit-scrollbar-thumb {
    background-color: #888; /* Warna slider scrollbar */
    border-radius: 10px; /* Membuat ujung slider scrollbar menjadi bulat */
}

body.elementor-page-9107::-webkit-scrollbar-thumb:hover {
    background-color: #555; /* Warna slider scrollbar saat di-hover */
}

body.elementor-page-9107::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Warna track scrollbar */
    border-radius: 10px; /* Membuat ujung track scrollbar menjadi bulat */
}

/* Mematikan scroll horizontal */
body.elementor-page-9107 {
    overflow-x: hidden; /* Menyembunyikan scrollbar horizontal */
}/* End custom CSS */