.elementor-9753 .elementor-element.elementor-element-50219ad{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-9753 .elementor-element.elementor-element-22efbf7{z-index:1;}.elementor-9753 .elementor-element.elementor-element-4c06a33{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:150px;--padding-left:22px;--padding-right:22px;--z-index:2;}.elementor-9753 .elementor-element.elementor-element-4c06a33:not(.elementor-motion-effects-element-type-background), .elementor-9753 .elementor-element.elementor-element-4c06a33 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9753 .elementor-element.elementor-element-4eeba61 .elementor-heading-title{font-size:50px;}.elementor-9753 .elementor-element.elementor-element-91e3b51{text-align:center;font-family:"Poppins", Sans-serif;font-size:20px;line-height:35px;}.elementor-9753 .elementor-element.elementor-element-3aa55bf{--display:flex;}.elementor-9753 .elementor-element.elementor-element-2dff855{--display:flex;}.elementor-9753 .elementor-element.elementor-element-3ffddd4{--grid-row-gap:0px;--grid-column-gap:30px;}.elementor-9753 .elementor-element.elementor-element-3ffddd4 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.9 * 100% );}.elementor-9753 .elementor-element.elementor-element-3ffddd4:after{content:"0.9";}.elementor-9753 .elementor-element.elementor-element-3ffddd4 .elementor-post__thumbnail__link{width:85%;}.elementor-9753 .elementor-element.elementor-element-3ffddd4.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-9753 .elementor-element.elementor-element-3ffddd4.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-9753 .elementor-element.elementor-element-3ffddd4.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-9753 .elementor-element.elementor-element-3ffddd4 .elementor-post__title, .elementor-9753 .elementor-element.elementor-element-3ffddd4 .elementor-post__title a{font-size:17px;}.elementor-9753 .elementor-element.elementor-element-3ffddd4 a.elementor-post__read-more{font-size:14px;font-weight:600;}.elementor-9753 .elementor-element.elementor-element-3ffddd4 .elementor-pagination{text-align:center;}.elementor-9753 .elementor-element.elementor-element-3ffddd4 .elementor-pagination .page-numbers:not(.dots){color:#000000;}.elementor-9753 .elementor-element.elementor-element-3ffddd4 .elementor-pagination a.page-numbers:hover{color:#FF0000;}.elementor-9753 .elementor-element.elementor-element-3ffddd4 .elementor-pagination .page-numbers.current{color:#1E6BFF;}body:not(.rtl) .elementor-9753 .elementor-element.elementor-element-3ffddd4 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-9753 .elementor-element.elementor-element-3ffddd4 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-9753 .elementor-element.elementor-element-3ffddd4 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-9753 .elementor-element.elementor-element-3ffddd4 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-9753 .elementor-element.elementor-element-e84eeb5{--display:flex;}.elementor-9753 .elementor-element.elementor-element-8c9bb9b{--grid-row-gap:0px;--grid-column-gap:30px;}.elementor-9753 .elementor-element.elementor-element-8c9bb9b .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.9 * 100% );}.elementor-9753 .elementor-element.elementor-element-8c9bb9b:after{content:"0.9";}.elementor-9753 .elementor-element.elementor-element-8c9bb9b .elementor-post__thumbnail__link{width:85%;}.elementor-9753 .elementor-element.elementor-element-8c9bb9b.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-9753 .elementor-element.elementor-element-8c9bb9b.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-9753 .elementor-element.elementor-element-8c9bb9b.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-9753 .elementor-element.elementor-element-8c9bb9b .elementor-post__title, .elementor-9753 .elementor-element.elementor-element-8c9bb9b .elementor-post__title a{font-size:17px;}.elementor-9753 .elementor-element.elementor-element-8c9bb9b a.elementor-post__read-more{font-size:14px;font-weight:600;}.elementor-9753 .elementor-element.elementor-element-8c9bb9b .elementor-pagination{text-align:center;margin-top:25px;}.elementor-9753 .elementor-element.elementor-element-8c9bb9b .elementor-pagination .page-numbers:not(.dots){color:#000000;}.elementor-9753 .elementor-element.elementor-element-8c9bb9b .elementor-pagination a.page-numbers:hover{color:#FF0000;}.elementor-9753 .elementor-element.elementor-element-8c9bb9b .elementor-pagination .page-numbers.current{color:#1E6BFF;}body:not(.rtl) .elementor-9753 .elementor-element.elementor-element-8c9bb9b .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 11px/2 );}body:not(.rtl) .elementor-9753 .elementor-element.elementor-element-8c9bb9b .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 11px/2 );}body.rtl .elementor-9753 .elementor-element.elementor-element-8c9bb9b .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 11px/2 );}body.rtl .elementor-9753 .elementor-element.elementor-element-8c9bb9b .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 11px/2 );}.elementor-9753 .elementor-element.elementor-element-c0462db{--display:flex;}.elementor-9753 .elementor-element.elementor-element-6a43d88{--grid-row-gap:0px;--grid-column-gap:30px;}.elementor-9753 .elementor-element.elementor-element-6a43d88 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.9 * 100% );}.elementor-9753 .elementor-element.elementor-element-6a43d88:after{content:"0.9";}.elementor-9753 .elementor-element.elementor-element-6a43d88 .elementor-post__thumbnail__link{width:85%;}.elementor-9753 .elementor-element.elementor-element-6a43d88.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-9753 .elementor-element.elementor-element-6a43d88.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-9753 .elementor-element.elementor-element-6a43d88.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-9753 .elementor-element.elementor-element-6a43d88 .elementor-post__title, .elementor-9753 .elementor-element.elementor-element-6a43d88 .elementor-post__title a{font-size:17px;}.elementor-9753 .elementor-element.elementor-element-6a43d88 a.elementor-post__read-more{font-size:14px;font-weight:600;}.elementor-9753 .elementor-element.elementor-element-6a43d88 .elementor-pagination{text-align:center;margin-top:25px;}.elementor-9753 .elementor-element.elementor-element-6a43d88 .elementor-pagination .page-numbers:not(.dots){color:#000000;}.elementor-9753 .elementor-element.elementor-element-6a43d88 .elementor-pagination a.page-numbers:hover{color:#FF0000;}.elementor-9753 .elementor-element.elementor-element-6a43d88 .elementor-pagination .page-numbers.current{color:#003BFF;}body:not(.rtl) .elementor-9753 .elementor-element.elementor-element-6a43d88 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 11px/2 );}body:not(.rtl) .elementor-9753 .elementor-element.elementor-element-6a43d88 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 11px/2 );}body.rtl .elementor-9753 .elementor-element.elementor-element-6a43d88 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 11px/2 );}body.rtl .elementor-9753 .elementor-element.elementor-element-6a43d88 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 11px/2 );}.elementor-9753 .elementor-element.elementor-element-6ac9f47{--display:flex;}.elementor-9753 .elementor-element.elementor-element-f746ddc{--grid-row-gap:0px;--grid-column-gap:30px;}.elementor-9753 .elementor-element.elementor-element-f746ddc .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.9 * 100% );}.elementor-9753 .elementor-element.elementor-element-f746ddc:after{content:"0.9";}.elementor-9753 .elementor-element.elementor-element-f746ddc .elementor-post__thumbnail__link{width:85%;}.elementor-9753 .elementor-element.elementor-element-f746ddc.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-9753 .elementor-element.elementor-element-f746ddc.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-9753 .elementor-element.elementor-element-f746ddc.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-9753 .elementor-element.elementor-element-f746ddc .elementor-post__title, .elementor-9753 .elementor-element.elementor-element-f746ddc .elementor-post__title a{font-size:17px;}.elementor-9753 .elementor-element.elementor-element-f746ddc a.elementor-post__read-more{font-size:14px;font-weight:600;}.elementor-9753 .elementor-element.elementor-element-f746ddc .elementor-pagination{text-align:center;margin-top:25px;}.elementor-9753 .elementor-element.elementor-element-f746ddc .elementor-pagination .page-numbers:not(.dots){color:#000000;}.elementor-9753 .elementor-element.elementor-element-f746ddc .elementor-pagination a.page-numbers:hover{color:#FF0000;}.elementor-9753 .elementor-element.elementor-element-f746ddc .elementor-pagination .page-numbers.current{color:#1E6BFF;}body:not(.rtl) .elementor-9753 .elementor-element.elementor-element-f746ddc .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 11px/2 );}body:not(.rtl) .elementor-9753 .elementor-element.elementor-element-f746ddc .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 11px/2 );}body.rtl .elementor-9753 .elementor-element.elementor-element-f746ddc .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 11px/2 );}body.rtl .elementor-9753 .elementor-element.elementor-element-f746ddc .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 11px/2 );}.elementor-9753 .elementor-element.elementor-element-d2641d1{--display:flex;}.elementor-9753 .elementor-element.elementor-element-c9bfc9d{--grid-row-gap:0px;--grid-column-gap:30px;}.elementor-9753 .elementor-element.elementor-element-c9bfc9d .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.9 * 100% );}.elementor-9753 .elementor-element.elementor-element-c9bfc9d:after{content:"0.9";}.elementor-9753 .elementor-element.elementor-element-c9bfc9d .elementor-post__thumbnail__link{width:85%;}.elementor-9753 .elementor-element.elementor-element-c9bfc9d.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-9753 .elementor-element.elementor-element-c9bfc9d.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-9753 .elementor-element.elementor-element-c9bfc9d.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-9753 .elementor-element.elementor-element-c9bfc9d .elementor-post__title, .elementor-9753 .elementor-element.elementor-element-c9bfc9d .elementor-post__title a{font-size:17px;}.elementor-9753 .elementor-element.elementor-element-c9bfc9d a.elementor-post__read-more{font-size:14px;font-weight:600;}.elementor-9753 .elementor-element.elementor-element-e46f6c1{--display:flex;}.elementor-9753 .elementor-element.elementor-element-444e66c{--grid-row-gap:0px;--grid-column-gap:30px;}.elementor-9753 .elementor-element.elementor-element-444e66c .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.9 * 100% );}.elementor-9753 .elementor-element.elementor-element-444e66c:after{content:"0.9";}.elementor-9753 .elementor-element.elementor-element-444e66c .elementor-post__thumbnail__link{width:85%;}.elementor-9753 .elementor-element.elementor-element-444e66c.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-9753 .elementor-element.elementor-element-444e66c.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-9753 .elementor-element.elementor-element-444e66c.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-9753 .elementor-element.elementor-element-444e66c .elementor-post__title, .elementor-9753 .elementor-element.elementor-element-444e66c .elementor-post__title a{font-size:17px;}.elementor-9753 .elementor-element.elementor-element-444e66c a.elementor-post__read-more{font-size:14px;font-weight:600;}.elementor-9753 .elementor-element.elementor-element-b23881f{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:0px;--n-tabs-gap:0px;--n-tabs-title-color:#FFFFFF;--n-tabs-title-color-active:#000000;}.elementor-9753 .elementor-element.elementor-element-b23881f > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#1E6BFF;background-color:transparent;background-image:linear-gradient(180deg, #1E6BFF 0%, #3A8DFF 100%);}.elementor-9753 .elementor-element.elementor-element-b23881f.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#EFEFEF;}.elementor-9753 .elementor-element.elementor-element-b23881f.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-9753 .elementor-element.elementor-element-b23881f.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#EFEFEF;}.elementor-9753 .elementor-element.elementor-element-b23881f [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#000000;}@media(max-width:767px){.elementor-9753 .elementor-element.elementor-element-3ffddd4 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-9753 .elementor-element.elementor-element-3ffddd4:after{content:"0.5";}.elementor-9753 .elementor-element.elementor-element-3ffddd4 .elementor-post__thumbnail__link{width:100%;}.elementor-9753 .elementor-element.elementor-element-8c9bb9b .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-9753 .elementor-element.elementor-element-8c9bb9b:after{content:"0.5";}.elementor-9753 .elementor-element.elementor-element-8c9bb9b .elementor-post__thumbnail__link{width:100%;}.elementor-9753 .elementor-element.elementor-element-6a43d88 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-9753 .elementor-element.elementor-element-6a43d88:after{content:"0.5";}.elementor-9753 .elementor-element.elementor-element-6a43d88 .elementor-post__thumbnail__link{width:100%;}.elementor-9753 .elementor-element.elementor-element-f746ddc .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-9753 .elementor-element.elementor-element-f746ddc:after{content:"0.5";}.elementor-9753 .elementor-element.elementor-element-f746ddc .elementor-post__thumbnail__link{width:100%;}.elementor-9753 .elementor-element.elementor-element-c9bfc9d .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-9753 .elementor-element.elementor-element-c9bfc9d:after{content:"0.5";}.elementor-9753 .elementor-element.elementor-element-c9bfc9d .elementor-post__thumbnail__link{width:100%;}.elementor-9753 .elementor-element.elementor-element-444e66c .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-9753 .elementor-element.elementor-element-444e66c:after{content:"0.5";}.elementor-9753 .elementor-element.elementor-element-444e66c .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for container, class: .elementor-element-50219ad */.elementor-9753 .elementor-element.elementor-element-50219ad {
    /* Palet warna eksklusif dari gambar referensi */
    --cyan-bright: #00e5ff; 
    --blue-electric: #007bff; 
    --blue-deep: #003eb3; 
    
    background-color: var(--blue-deep);
    position: relative;
    overflow: hidden;
    min-height: 450px;
    z-index: 1;
}

/* Layer Gelombang Utama */
.elementor-9753 .elementor-element.elementor-element-50219ad::before, 
.elementor-9753 .elementor-element.elementor-element-50219ad::after {
    content: "";
    position: absolute;
    width: 300%;
    height: 300%;
    top: -180%; 
    left: -100%;
    
    background: linear-gradient(135deg, var(--cyan-bright) 0%, var(--blue-electric) 40%, var(--blue-deep) 100%);
    
    border-radius: 44% 48% 40% 46%; 
    /* Durasi dipercepat ke 4s */
    animation: waveMotion 4s infinite linear;
    filter: blur(10px); 
    opacity: 0.8;
    z-index: -1;
}

/* Layer kedua */
.elementor-9753 .elementor-element.elementor-element-50219ad::after {
    top: -190%;
    left: -110%;
    background: radial-gradient(circle at center, var(--cyan-bright) 0%, transparent 70%);
    border-radius: 40% 45% 35% 42%;
    /* Durasi dipercepat ke 6s dan putar balik */
    animation: waveMotion 6s infinite linear reverse; 
    opacity: 0.5;
    mix-blend-mode: overlay; 
}

/* Gerakan rotasi yang menciptakan efek air mengalir */
@keyframes waveMotion {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Konten Elementor (Teks ZEMIC dll) */
.elementor-9753 .elementor-element.elementor-element-50219ad > .elementor-widget-container,
.elementor-9753 .elementor-element.elementor-element-50219ad > .elementor-container {
    position: relative;
    z-index: 2;
    color: #ffffff;
    text-shadow: 0px 4px 20px rgba(0, 50, 150, 0.4);
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-3ffddd4 *//* CARD STYLE - VERSI RINGAN */
.myTabs .elementor-post.elementor-post {
    border-radius: 14px;
    border: 2px solid rgba(255,255,255,0.2);
    box-shadow: 0 4px 14px rgba(0,0,0,0.10); /* LEBIH RINGAN */
    
    padding: 18px;

    /* ANIMASI SUPER RINGAN */
    transition:
        transform 0.18s ease-out,
        box-shadow 0.18s ease-out,
        border-color 0.18s ease-out;
}

/* HOVER STYLE - CEPAT & SMOOTH */
.myTabs .elementor-post.elementor-post:hover {
    border-color: #4da6ff;
    box-shadow: 0 0 14px rgba(77,166,255,0.45); /* LEBIH RINGAN */
    transform: translateY(-4px); /* Lebih smooth & tidak berat */
}

/* TAMBAH JARAK ANTAR BARIS */
.myTabs .elementor-posts-container {
    row-gap: 28px !important;
    gap: 28px !important;
}

.myTabs .elementor-grid {
    row-gap: 28px !important;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-8c9bb9b *//* ================================
   CARD STRUCTURE
================================ */
.elementor-post {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: visible;
}

/* ================================
   TEXT WRAPPER
================================ */
.elementor-post__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: visible;
}

/* ================================
   TITLE (CENTER + SAME HEIGHT)
================================ */
.elementor-post__title {
  min-height: 56px;
  line-height: 1.4em;
  display: flex;
  align-items: center;       /* vertical center */
  justify-content: center;   /* horizontal center */
  text-align: center;
}

.elementor-post__title a {
  width: 100%;
  text-align: center;
  display: block;
}

/* ================================
   READ MORE BUTTON (BOTTOM ALIGN)
================================ */
.elementor-post__read-more {
  margin-top: auto !important;
  display: block;
  width: 80%;
  padding: 6px;
  background: linear-gradient(90deg, #00C6FF, #0021DC);
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  border-radius: 50px;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 4px 10px rgba(0,0,0,0.18);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
  will-change: transform;
  transform-origin: center;
}

/* Hover effect */
.elementor-post__read-more:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 22px rgba(0,0,0,0.35);
  background: linear-gradient(90deg, #0095ff, #0017b8);
  color: #fff;
}

/* ================================
   FIX HOVER CLIP
================================ */
.elementor-post,
.elementor-post__text {
  overflow: visible;
}

/* ================================
   OPTIONAL: MAX 2 LINES TITLE
================================ */
.elementor-post__title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-6a43d88 *//* ================================
   CARD STRUCTURE
================================ */
.elementor-post {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: visible;
}

/* ================================
   TEXT WRAPPER
================================ */
.elementor-post__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: visible;
}

/* ================================
   TITLE (CENTER + SAME HEIGHT)
================================ */
.elementor-post__title {
  min-height: 56px;
  line-height: 1.4em;
  display: flex;
  align-items: center;       /* vertical center */
  justify-content: center;   /* horizontal center */
  text-align: center;
}

.elementor-post__title a {
  width: 100%;
  text-align: center;
  display: block;
}

/* ================================
   READ MORE BUTTON (BOTTOM ALIGN)
================================ */
.elementor-post__read-more {
  margin-top: auto !important;
  display: block;
  width: 80%;
  padding: 6px;
  background: linear-gradient(90deg, #00C6FF, #0021DC);
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  border-radius: 50px;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 4px 10px rgba(0,0,0,0.18);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
  will-change: transform;
  transform-origin: center;
}

/* Hover effect */
.elementor-post__read-more:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 22px rgba(0,0,0,0.35);
  background: linear-gradient(90deg, #0095ff, #0017b8);
  color: #fff;
}

/* ================================
   FIX HOVER CLIP
================================ */
.elementor-post,
.elementor-post__text {
  overflow: visible;
}

/* ================================
   OPTIONAL: MAX 2 LINES TITLE
================================ */
.elementor-post__title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-f746ddc *//* ============================
   DEFAULT CONTAINER PRODUK
   ============================ */
.elementor-post {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: visible;
  
  /* Glass effect dasar */
  background: rgba(255,255,255,0.15);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,0.25);
  
  transition: all 0.35s ease;
}

/* ============================
   HOVER → PUTIH TERANG + GLOW
   ============================ */
.elementor-post:hover {
  background: rgba(255,255,255,0.55);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  
  border-color: rgba(255,255,255,0.8) !important;
  
  box-shadow: 
    0 10px 30px rgba(255,255,255,0.25),
    0 0 15px rgba(255,255,255,0.45);
  
  transform: translateY(-4px);
}


/* ===================================================
   TEXT WRAPPER
   =================================================== */
.elementor-post__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: visible;
}

/* ===================================================
   TITLE (CENTER + SAME HEIGHT)
   =================================================== */
.elementor-post__title {
  min-height: 56px;
  line-height: 1.4em;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.elementor-post__title a {
  width: 100%;
  text-align: center;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ===================================================
   READ MORE BUTTON
   =================================================== */
.elementor-post__read-more {
  margin-top: auto !important;
  display: block;
  width: 80%;
  padding: 6px;
  background: linear-gradient(90deg, #00C6FF, #0021DC);
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  border-radius: 50px;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 4px 10px rgba(0,0,0,0.18);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
  will-change: transform;
  transform-origin: center;
}

/* Hover button lebih terang */
.elementor-post__read-more:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 22px rgba(0,0,0,0.35);
  background: linear-gradient(90deg, #6fd8ff, #5f7bff);
  color: #fff;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-c9bfc9d *//* ================================
   CARD STRUCTURE
================================ */
.elementor-post {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: visible;
}

/* ================================
   TEXT WRAPPER
================================ */
.elementor-post__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: visible;
}

/* ================================
   TITLE (CENTER + SAME HEIGHT)
================================ */
.elementor-post__title {
  min-height: 56px;
  line-height: 1.4em;
  display: flex;
  align-items: center;       /* vertical center */
  justify-content: center;   /* horizontal center */
  text-align: center;
}

.elementor-post__title a {
  width: 100%;
  text-align: center;
  display: block;
}

/* ================================
   READ MORE BUTTON (BOTTOM ALIGN)
================================ */
.elementor-post__read-more {
  margin-top: auto !important;
  display: block;
  width: 80%;
  padding: 6px;
  background: linear-gradient(90deg, #00C6FF, #0021DC);
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  border-radius: 50px;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 4px 10px rgba(0,0,0,0.18);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
  will-change: transform;
  transform-origin: center;
}

/* Hover effect */
.elementor-post__read-more:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 22px rgba(0,0,0,0.35);
  background: linear-gradient(90deg, #0095ff, #0017b8);
  color: #fff;
}

/* ================================
   FIX HOVER CLIP
================================ */
.elementor-post,
.elementor-post__text {
  overflow: visible;
}

/* ================================
   OPTIONAL: MAX 2 LINES TITLE
================================ */
.elementor-post__title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-444e66c *//* ================================
   CARD STRUCTURE
================================ */
.elementor-post {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: visible;
}

/* ================================
   TEXT WRAPPER
================================ */
.elementor-post__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: visible;
}

/* ================================
   TITLE (CENTER + SAME HEIGHT)
================================ */
.elementor-post__title {
  min-height: 56px;
  line-height: 1.4em;
  display: flex;
  align-items: center;       /* vertical center */
  justify-content: center;   /* horizontal center */
  text-align: center;
}

.elementor-post__title a {
  width: 100%;
  text-align: center;
  display: block;
}

/* ================================
   READ MORE BUTTON (BOTTOM ALIGN)
================================ */
.elementor-post__read-more {
  margin-top: auto !important;
  display: block;
  width: 80%;
  padding: 6px;
  background: linear-gradient(90deg, #00C6FF, #0021DC);
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  border-radius: 50px;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 4px 10px rgba(0,0,0,0.18);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
  will-change: transform;
  transform-origin: center;
}

/* Hover effect */
.elementor-post__read-more:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 22px rgba(0,0,0,0.35);
  background: linear-gradient(90deg, #0095ff, #0017b8);
  color: #fff;
}

/* ================================
   FIX HOVER CLIP
================================ */
.elementor-post,
.elementor-post__text {
  overflow: visible;
}

/* ================================
   OPTIONAL: MAX 2 LINES TITLE
================================ */
.elementor-post__title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-3ffddd4 *//* CARD STYLE - VERSI RINGAN */
.myTabs .elementor-post.elementor-post {
    border-radius: 14px;
    border: 2px solid rgba(255,255,255,0.2);
    box-shadow: 0 4px 14px rgba(0,0,0,0.10); /* LEBIH RINGAN */
    
    padding: 18px;

    /* ANIMASI SUPER RINGAN */
    transition:
        transform 0.18s ease-out,
        box-shadow 0.18s ease-out,
        border-color 0.18s ease-out;
}

/* HOVER STYLE - CEPAT & SMOOTH */
.myTabs .elementor-post.elementor-post:hover {
    border-color: #4da6ff;
    box-shadow: 0 0 14px rgba(77,166,255,0.45); /* LEBIH RINGAN */
    transform: translateY(-4px); /* Lebih smooth & tidak berat */
}

/* TAMBAH JARAK ANTAR BARIS */
.myTabs .elementor-posts-container {
    row-gap: 28px !important;
    gap: 28px !important;
}

.myTabs .elementor-grid {
    row-gap: 28px !important;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-8c9bb9b *//* ================================
   CARD STRUCTURE
================================ */
.elementor-post {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: visible;
}

/* ================================
   TEXT WRAPPER
================================ */
.elementor-post__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: visible;
}

/* ================================
   TITLE (CENTER + SAME HEIGHT)
================================ */
.elementor-post__title {
  min-height: 56px;
  line-height: 1.4em;
  display: flex;
  align-items: center;       /* vertical center */
  justify-content: center;   /* horizontal center */
  text-align: center;
}

.elementor-post__title a {
  width: 100%;
  text-align: center;
  display: block;
}

/* ================================
   READ MORE BUTTON (BOTTOM ALIGN)
================================ */
.elementor-post__read-more {
  margin-top: auto !important;
  display: block;
  width: 80%;
  padding: 6px;
  background: linear-gradient(90deg, #00C6FF, #0021DC);
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  border-radius: 50px;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 4px 10px rgba(0,0,0,0.18);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
  will-change: transform;
  transform-origin: center;
}

/* Hover effect */
.elementor-post__read-more:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 22px rgba(0,0,0,0.35);
  background: linear-gradient(90deg, #0095ff, #0017b8);
  color: #fff;
}

/* ================================
   FIX HOVER CLIP
================================ */
.elementor-post,
.elementor-post__text {
  overflow: visible;
}

/* ================================
   OPTIONAL: MAX 2 LINES TITLE
================================ */
.elementor-post__title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-6a43d88 *//* ================================
   CARD STRUCTURE
================================ */
.elementor-post {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: visible;
}

/* ================================
   TEXT WRAPPER
================================ */
.elementor-post__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: visible;
}

/* ================================
   TITLE (CENTER + SAME HEIGHT)
================================ */
.elementor-post__title {
  min-height: 56px;
  line-height: 1.4em;
  display: flex;
  align-items: center;       /* vertical center */
  justify-content: center;   /* horizontal center */
  text-align: center;
}

.elementor-post__title a {
  width: 100%;
  text-align: center;
  display: block;
}

/* ================================
   READ MORE BUTTON (BOTTOM ALIGN)
================================ */
.elementor-post__read-more {
  margin-top: auto !important;
  display: block;
  width: 80%;
  padding: 6px;
  background: linear-gradient(90deg, #00C6FF, #0021DC);
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  border-radius: 50px;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 4px 10px rgba(0,0,0,0.18);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
  will-change: transform;
  transform-origin: center;
}

/* Hover effect */
.elementor-post__read-more:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 22px rgba(0,0,0,0.35);
  background: linear-gradient(90deg, #0095ff, #0017b8);
  color: #fff;
}

/* ================================
   FIX HOVER CLIP
================================ */
.elementor-post,
.elementor-post__text {
  overflow: visible;
}

/* ================================
   OPTIONAL: MAX 2 LINES TITLE
================================ */
.elementor-post__title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-f746ddc *//* ============================
   DEFAULT CONTAINER PRODUK
   ============================ */
.elementor-post {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: visible;
  
  /* Glass effect dasar */
  background: rgba(255,255,255,0.15);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,0.25);
  
  transition: all 0.35s ease;
}

/* ============================
   HOVER → PUTIH TERANG + GLOW
   ============================ */
.elementor-post:hover {
  background: rgba(255,255,255,0.55);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  
  border-color: rgba(255,255,255,0.8) !important;
  
  box-shadow: 
    0 10px 30px rgba(255,255,255,0.25),
    0 0 15px rgba(255,255,255,0.45);
  
  transform: translateY(-4px);
}


/* ===================================================
   TEXT WRAPPER
   =================================================== */
.elementor-post__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: visible;
}

/* ===================================================
   TITLE (CENTER + SAME HEIGHT)
   =================================================== */
.elementor-post__title {
  min-height: 56px;
  line-height: 1.4em;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.elementor-post__title a {
  width: 100%;
  text-align: center;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ===================================================
   READ MORE BUTTON
   =================================================== */
.elementor-post__read-more {
  margin-top: auto !important;
  display: block;
  width: 80%;
  padding: 6px;
  background: linear-gradient(90deg, #00C6FF, #0021DC);
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  border-radius: 50px;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 4px 10px rgba(0,0,0,0.18);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
  will-change: transform;
  transform-origin: center;
}

/* Hover button lebih terang */
.elementor-post__read-more:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 22px rgba(0,0,0,0.35);
  background: linear-gradient(90deg, #6fd8ff, #5f7bff);
  color: #fff;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-c9bfc9d *//* ================================
   CARD STRUCTURE
================================ */
.elementor-post {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: visible;
}

/* ================================
   TEXT WRAPPER
================================ */
.elementor-post__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: visible;
}

/* ================================
   TITLE (CENTER + SAME HEIGHT)
================================ */
.elementor-post__title {
  min-height: 56px;
  line-height: 1.4em;
  display: flex;
  align-items: center;       /* vertical center */
  justify-content: center;   /* horizontal center */
  text-align: center;
}

.elementor-post__title a {
  width: 100%;
  text-align: center;
  display: block;
}

/* ================================
   READ MORE BUTTON (BOTTOM ALIGN)
================================ */
.elementor-post__read-more {
  margin-top: auto !important;
  display: block;
  width: 80%;
  padding: 6px;
  background: linear-gradient(90deg, #00C6FF, #0021DC);
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  border-radius: 50px;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 4px 10px rgba(0,0,0,0.18);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
  will-change: transform;
  transform-origin: center;
}

/* Hover effect */
.elementor-post__read-more:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 22px rgba(0,0,0,0.35);
  background: linear-gradient(90deg, #0095ff, #0017b8);
  color: #fff;
}

/* ================================
   FIX HOVER CLIP
================================ */
.elementor-post,
.elementor-post__text {
  overflow: visible;
}

/* ================================
   OPTIONAL: MAX 2 LINES TITLE
================================ */
.elementor-post__title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-444e66c *//* ================================
   CARD STRUCTURE
================================ */
.elementor-post {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: visible;
}

/* ================================
   TEXT WRAPPER
================================ */
.elementor-post__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: visible;
}

/* ================================
   TITLE (CENTER + SAME HEIGHT)
================================ */
.elementor-post__title {
  min-height: 56px;
  line-height: 1.4em;
  display: flex;
  align-items: center;       /* vertical center */
  justify-content: center;   /* horizontal center */
  text-align: center;
}

.elementor-post__title a {
  width: 100%;
  text-align: center;
  display: block;
}

/* ================================
   READ MORE BUTTON (BOTTOM ALIGN)
================================ */
.elementor-post__read-more {
  margin-top: auto !important;
  display: block;
  width: 80%;
  padding: 6px;
  background: linear-gradient(90deg, #00C6FF, #0021DC);
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  border-radius: 50px;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 4px 10px rgba(0,0,0,0.18);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
  will-change: transform;
  transform-origin: center;
}

/* Hover effect */
.elementor-post__read-more:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 22px rgba(0,0,0,0.35);
  background: linear-gradient(90deg, #0095ff, #0017b8);
  color: #fff;
}

/* ================================
   FIX HOVER CLIP
================================ */
.elementor-post,
.elementor-post__text {
  overflow: visible;
}

/* ================================
   OPTIONAL: MAX 2 LINES TITLE
================================ */
.elementor-post__title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-3ffddd4 *//* CARD STYLE - VERSI RINGAN */
.myTabs .elementor-post.elementor-post {
    border-radius: 14px;
    border: 2px solid rgba(255,255,255,0.2);
    box-shadow: 0 4px 14px rgba(0,0,0,0.10); /* LEBIH RINGAN */
    
    padding: 18px;

    /* ANIMASI SUPER RINGAN */
    transition:
        transform 0.18s ease-out,
        box-shadow 0.18s ease-out,
        border-color 0.18s ease-out;
}

/* HOVER STYLE - CEPAT & SMOOTH */
.myTabs .elementor-post.elementor-post:hover {
    border-color: #4da6ff;
    box-shadow: 0 0 14px rgba(77,166,255,0.45); /* LEBIH RINGAN */
    transform: translateY(-4px); /* Lebih smooth & tidak berat */
}

/* TAMBAH JARAK ANTAR BARIS */
.myTabs .elementor-posts-container {
    row-gap: 28px !important;
    gap: 28px !important;
}

.myTabs .elementor-grid {
    row-gap: 28px !important;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-8c9bb9b *//* ================================
   CARD STRUCTURE
================================ */
.elementor-post {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: visible;
}

/* ================================
   TEXT WRAPPER
================================ */
.elementor-post__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: visible;
}

/* ================================
   TITLE (CENTER + SAME HEIGHT)
================================ */
.elementor-post__title {
  min-height: 56px;
  line-height: 1.4em;
  display: flex;
  align-items: center;       /* vertical center */
  justify-content: center;   /* horizontal center */
  text-align: center;
}

.elementor-post__title a {
  width: 100%;
  text-align: center;
  display: block;
}

/* ================================
   READ MORE BUTTON (BOTTOM ALIGN)
================================ */
.elementor-post__read-more {
  margin-top: auto !important;
  display: block;
  width: 80%;
  padding: 6px;
  background: linear-gradient(90deg, #00C6FF, #0021DC);
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  border-radius: 50px;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 4px 10px rgba(0,0,0,0.18);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
  will-change: transform;
  transform-origin: center;
}

/* Hover effect */
.elementor-post__read-more:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 22px rgba(0,0,0,0.35);
  background: linear-gradient(90deg, #0095ff, #0017b8);
  color: #fff;
}

/* ================================
   FIX HOVER CLIP
================================ */
.elementor-post,
.elementor-post__text {
  overflow: visible;
}

/* ================================
   OPTIONAL: MAX 2 LINES TITLE
================================ */
.elementor-post__title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-6a43d88 *//* ================================
   CARD STRUCTURE
================================ */
.elementor-post {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: visible;
}

/* ================================
   TEXT WRAPPER
================================ */
.elementor-post__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: visible;
}

/* ================================
   TITLE (CENTER + SAME HEIGHT)
================================ */
.elementor-post__title {
  min-height: 56px;
  line-height: 1.4em;
  display: flex;
  align-items: center;       /* vertical center */
  justify-content: center;   /* horizontal center */
  text-align: center;
}

.elementor-post__title a {
  width: 100%;
  text-align: center;
  display: block;
}

/* ================================
   READ MORE BUTTON (BOTTOM ALIGN)
================================ */
.elementor-post__read-more {
  margin-top: auto !important;
  display: block;
  width: 80%;
  padding: 6px;
  background: linear-gradient(90deg, #00C6FF, #0021DC);
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  border-radius: 50px;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 4px 10px rgba(0,0,0,0.18);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
  will-change: transform;
  transform-origin: center;
}

/* Hover effect */
.elementor-post__read-more:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 22px rgba(0,0,0,0.35);
  background: linear-gradient(90deg, #0095ff, #0017b8);
  color: #fff;
}

/* ================================
   FIX HOVER CLIP
================================ */
.elementor-post,
.elementor-post__text {
  overflow: visible;
}

/* ================================
   OPTIONAL: MAX 2 LINES TITLE
================================ */
.elementor-post__title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-f746ddc *//* ============================
   DEFAULT CONTAINER PRODUK
   ============================ */
.elementor-post {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: visible;
  
  /* Glass effect dasar */
  background: rgba(255,255,255,0.15);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,0.25);
  
  transition: all 0.35s ease;
}

/* ============================
   HOVER → PUTIH TERANG + GLOW
   ============================ */
.elementor-post:hover {
  background: rgba(255,255,255,0.55);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  
  border-color: rgba(255,255,255,0.8) !important;
  
  box-shadow: 
    0 10px 30px rgba(255,255,255,0.25),
    0 0 15px rgba(255,255,255,0.45);
  
  transform: translateY(-4px);
}


/* ===================================================
   TEXT WRAPPER
   =================================================== */
.elementor-post__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: visible;
}

/* ===================================================
   TITLE (CENTER + SAME HEIGHT)
   =================================================== */
.elementor-post__title {
  min-height: 56px;
  line-height: 1.4em;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.elementor-post__title a {
  width: 100%;
  text-align: center;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ===================================================
   READ MORE BUTTON
   =================================================== */
.elementor-post__read-more {
  margin-top: auto !important;
  display: block;
  width: 80%;
  padding: 6px;
  background: linear-gradient(90deg, #00C6FF, #0021DC);
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  border-radius: 50px;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 4px 10px rgba(0,0,0,0.18);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
  will-change: transform;
  transform-origin: center;
}

/* Hover button lebih terang */
.elementor-post__read-more:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 22px rgba(0,0,0,0.35);
  background: linear-gradient(90deg, #6fd8ff, #5f7bff);
  color: #fff;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-c9bfc9d *//* ================================
   CARD STRUCTURE
================================ */
.elementor-post {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: visible;
}

/* ================================
   TEXT WRAPPER
================================ */
.elementor-post__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: visible;
}

/* ================================
   TITLE (CENTER + SAME HEIGHT)
================================ */
.elementor-post__title {
  min-height: 56px;
  line-height: 1.4em;
  display: flex;
  align-items: center;       /* vertical center */
  justify-content: center;   /* horizontal center */
  text-align: center;
}

.elementor-post__title a {
  width: 100%;
  text-align: center;
  display: block;
}

/* ================================
   READ MORE BUTTON (BOTTOM ALIGN)
================================ */
.elementor-post__read-more {
  margin-top: auto !important;
  display: block;
  width: 80%;
  padding: 6px;
  background: linear-gradient(90deg, #00C6FF, #0021DC);
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  border-radius: 50px;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 4px 10px rgba(0,0,0,0.18);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
  will-change: transform;
  transform-origin: center;
}

/* Hover effect */
.elementor-post__read-more:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 22px rgba(0,0,0,0.35);
  background: linear-gradient(90deg, #0095ff, #0017b8);
  color: #fff;
}

/* ================================
   FIX HOVER CLIP
================================ */
.elementor-post,
.elementor-post__text {
  overflow: visible;
}

/* ================================
   OPTIONAL: MAX 2 LINES TITLE
================================ */
.elementor-post__title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-444e66c *//* ================================
   CARD STRUCTURE
================================ */
.elementor-post {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: visible;
}

/* ================================
   TEXT WRAPPER
================================ */
.elementor-post__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: visible;
}

/* ================================
   TITLE (CENTER + SAME HEIGHT)
================================ */
.elementor-post__title {
  min-height: 56px;
  line-height: 1.4em;
  display: flex;
  align-items: center;       /* vertical center */
  justify-content: center;   /* horizontal center */
  text-align: center;
}

.elementor-post__title a {
  width: 100%;
  text-align: center;
  display: block;
}

/* ================================
   READ MORE BUTTON (BOTTOM ALIGN)
================================ */
.elementor-post__read-more {
  margin-top: auto !important;
  display: block;
  width: 80%;
  padding: 6px;
  background: linear-gradient(90deg, #00C6FF, #0021DC);
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  border-radius: 50px;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 4px 10px rgba(0,0,0,0.18);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
  will-change: transform;
  transform-origin: center;
}

/* Hover effect */
.elementor-post__read-more:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 22px rgba(0,0,0,0.35);
  background: linear-gradient(90deg, #0095ff, #0017b8);
  color: #fff;
}

/* ================================
   FIX HOVER CLIP
================================ */
.elementor-post,
.elementor-post__text {
  overflow: visible;
}

/* ================================
   OPTIONAL: MAX 2 LINES TITLE
================================ */
.elementor-post__title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-3ffddd4 *//* CARD STYLE - VERSI RINGAN */
.myTabs .elementor-post.elementor-post {
    border-radius: 14px;
    border: 2px solid rgba(255,255,255,0.2);
    box-shadow: 0 4px 14px rgba(0,0,0,0.10); /* LEBIH RINGAN */
    
    padding: 18px;

    /* ANIMASI SUPER RINGAN */
    transition:
        transform 0.18s ease-out,
        box-shadow 0.18s ease-out,
        border-color 0.18s ease-out;
}

/* HOVER STYLE - CEPAT & SMOOTH */
.myTabs .elementor-post.elementor-post:hover {
    border-color: #4da6ff;
    box-shadow: 0 0 14px rgba(77,166,255,0.45); /* LEBIH RINGAN */
    transform: translateY(-4px); /* Lebih smooth & tidak berat */
}

/* TAMBAH JARAK ANTAR BARIS */
.myTabs .elementor-posts-container {
    row-gap: 28px !important;
    gap: 28px !important;
}

.myTabs .elementor-grid {
    row-gap: 28px !important;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-8c9bb9b *//* ================================
   CARD STRUCTURE
================================ */
.elementor-post {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: visible;
}

/* ================================
   TEXT WRAPPER
================================ */
.elementor-post__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: visible;
}

/* ================================
   TITLE (CENTER + SAME HEIGHT)
================================ */
.elementor-post__title {
  min-height: 56px;
  line-height: 1.4em;
  display: flex;
  align-items: center;       /* vertical center */
  justify-content: center;   /* horizontal center */
  text-align: center;
}

.elementor-post__title a {
  width: 100%;
  text-align: center;
  display: block;
}

/* ================================
   READ MORE BUTTON (BOTTOM ALIGN)
================================ */
.elementor-post__read-more {
  margin-top: auto !important;
  display: block;
  width: 80%;
  padding: 6px;
  background: linear-gradient(90deg, #00C6FF, #0021DC);
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  border-radius: 50px;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 4px 10px rgba(0,0,0,0.18);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
  will-change: transform;
  transform-origin: center;
}

/* Hover effect */
.elementor-post__read-more:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 22px rgba(0,0,0,0.35);
  background: linear-gradient(90deg, #0095ff, #0017b8);
  color: #fff;
}

/* ================================
   FIX HOVER CLIP
================================ */
.elementor-post,
.elementor-post__text {
  overflow: visible;
}

/* ================================
   OPTIONAL: MAX 2 LINES TITLE
================================ */
.elementor-post__title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-6a43d88 *//* ================================
   CARD STRUCTURE
================================ */
.elementor-post {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: visible;
}

/* ================================
   TEXT WRAPPER
================================ */
.elementor-post__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: visible;
}

/* ================================
   TITLE (CENTER + SAME HEIGHT)
================================ */
.elementor-post__title {
  min-height: 56px;
  line-height: 1.4em;
  display: flex;
  align-items: center;       /* vertical center */
  justify-content: center;   /* horizontal center */
  text-align: center;
}

.elementor-post__title a {
  width: 100%;
  text-align: center;
  display: block;
}

/* ================================
   READ MORE BUTTON (BOTTOM ALIGN)
================================ */
.elementor-post__read-more {
  margin-top: auto !important;
  display: block;
  width: 80%;
  padding: 6px;
  background: linear-gradient(90deg, #00C6FF, #0021DC);
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  border-radius: 50px;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 4px 10px rgba(0,0,0,0.18);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
  will-change: transform;
  transform-origin: center;
}

/* Hover effect */
.elementor-post__read-more:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 22px rgba(0,0,0,0.35);
  background: linear-gradient(90deg, #0095ff, #0017b8);
  color: #fff;
}

/* ================================
   FIX HOVER CLIP
================================ */
.elementor-post,
.elementor-post__text {
  overflow: visible;
}

/* ================================
   OPTIONAL: MAX 2 LINES TITLE
================================ */
.elementor-post__title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-f746ddc *//* ============================
   DEFAULT CONTAINER PRODUK
   ============================ */
.elementor-post {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: visible;
  
  /* Glass effect dasar */
  background: rgba(255,255,255,0.15);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,0.25);
  
  transition: all 0.35s ease;
}

/* ============================
   HOVER → PUTIH TERANG + GLOW
   ============================ */
.elementor-post:hover {
  background: rgba(255,255,255,0.55);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  
  border-color: rgba(255,255,255,0.8) !important;
  
  box-shadow: 
    0 10px 30px rgba(255,255,255,0.25),
    0 0 15px rgba(255,255,255,0.45);
  
  transform: translateY(-4px);
}


/* ===================================================
   TEXT WRAPPER
   =================================================== */
.elementor-post__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: visible;
}

/* ===================================================
   TITLE (CENTER + SAME HEIGHT)
   =================================================== */
.elementor-post__title {
  min-height: 56px;
  line-height: 1.4em;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.elementor-post__title a {
  width: 100%;
  text-align: center;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ===================================================
   READ MORE BUTTON
   =================================================== */
.elementor-post__read-more {
  margin-top: auto !important;
  display: block;
  width: 80%;
  padding: 6px;
  background: linear-gradient(90deg, #00C6FF, #0021DC);
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  border-radius: 50px;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 4px 10px rgba(0,0,0,0.18);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
  will-change: transform;
  transform-origin: center;
}

/* Hover button lebih terang */
.elementor-post__read-more:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 22px rgba(0,0,0,0.35);
  background: linear-gradient(90deg, #6fd8ff, #5f7bff);
  color: #fff;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-c9bfc9d *//* ================================
   CARD STRUCTURE
================================ */
.elementor-post {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: visible;
}

/* ================================
   TEXT WRAPPER
================================ */
.elementor-post__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: visible;
}

/* ================================
   TITLE (CENTER + SAME HEIGHT)
================================ */
.elementor-post__title {
  min-height: 56px;
  line-height: 1.4em;
  display: flex;
  align-items: center;       /* vertical center */
  justify-content: center;   /* horizontal center */
  text-align: center;
}

.elementor-post__title a {
  width: 100%;
  text-align: center;
  display: block;
}

/* ================================
   READ MORE BUTTON (BOTTOM ALIGN)
================================ */
.elementor-post__read-more {
  margin-top: auto !important;
  display: block;
  width: 80%;
  padding: 6px;
  background: linear-gradient(90deg, #00C6FF, #0021DC);
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  border-radius: 50px;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 4px 10px rgba(0,0,0,0.18);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
  will-change: transform;
  transform-origin: center;
}

/* Hover effect */
.elementor-post__read-more:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 22px rgba(0,0,0,0.35);
  background: linear-gradient(90deg, #0095ff, #0017b8);
  color: #fff;
}

/* ================================
   FIX HOVER CLIP
================================ */
.elementor-post,
.elementor-post__text {
  overflow: visible;
}

/* ================================
   OPTIONAL: MAX 2 LINES TITLE
================================ */
.elementor-post__title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-444e66c *//* ================================
   CARD STRUCTURE
================================ */
.elementor-post {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: visible;
}

/* ================================
   TEXT WRAPPER
================================ */
.elementor-post__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: visible;
}

/* ================================
   TITLE (CENTER + SAME HEIGHT)
================================ */
.elementor-post__title {
  min-height: 56px;
  line-height: 1.4em;
  display: flex;
  align-items: center;       /* vertical center */
  justify-content: center;   /* horizontal center */
  text-align: center;
}

.elementor-post__title a {
  width: 100%;
  text-align: center;
  display: block;
}

/* ================================
   READ MORE BUTTON (BOTTOM ALIGN)
================================ */
.elementor-post__read-more {
  margin-top: auto !important;
  display: block;
  width: 80%;
  padding: 6px;
  background: linear-gradient(90deg, #00C6FF, #0021DC);
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  border-radius: 50px;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 4px 10px rgba(0,0,0,0.18);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
  will-change: transform;
  transform-origin: center;
}

/* Hover effect */
.elementor-post__read-more:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 22px rgba(0,0,0,0.35);
  background: linear-gradient(90deg, #0095ff, #0017b8);
  color: #fff;
}

/* ================================
   FIX HOVER CLIP
================================ */
.elementor-post,
.elementor-post__text {
  overflow: visible;
}

/* ================================
   OPTIONAL: MAX 2 LINES TITLE
================================ */
.elementor-post__title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-3ffddd4 *//* CARD STYLE - VERSI RINGAN */
.myTabs .elementor-post.elementor-post {
    border-radius: 14px;
    border: 2px solid rgba(255,255,255,0.2);
    box-shadow: 0 4px 14px rgba(0,0,0,0.10); /* LEBIH RINGAN */
    
    padding: 18px;

    /* ANIMASI SUPER RINGAN */
    transition:
        transform 0.18s ease-out,
        box-shadow 0.18s ease-out,
        border-color 0.18s ease-out;
}

/* HOVER STYLE - CEPAT & SMOOTH */
.myTabs .elementor-post.elementor-post:hover {
    border-color: #4da6ff;
    box-shadow: 0 0 14px rgba(77,166,255,0.45); /* LEBIH RINGAN */
    transform: translateY(-4px); /* Lebih smooth & tidak berat */
}

/* TAMBAH JARAK ANTAR BARIS */
.myTabs .elementor-posts-container {
    row-gap: 28px !important;
    gap: 28px !important;
}

.myTabs .elementor-grid {
    row-gap: 28px !important;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-8c9bb9b *//* ================================
   CARD STRUCTURE
================================ */
.elementor-post {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: visible;
}

/* ================================
   TEXT WRAPPER
================================ */
.elementor-post__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: visible;
}

/* ================================
   TITLE (CENTER + SAME HEIGHT)
================================ */
.elementor-post__title {
  min-height: 56px;
  line-height: 1.4em;
  display: flex;
  align-items: center;       /* vertical center */
  justify-content: center;   /* horizontal center */
  text-align: center;
}

.elementor-post__title a {
  width: 100%;
  text-align: center;
  display: block;
}

/* ================================
   READ MORE BUTTON (BOTTOM ALIGN)
================================ */
.elementor-post__read-more {
  margin-top: auto !important;
  display: block;
  width: 80%;
  padding: 6px;
  background: linear-gradient(90deg, #00C6FF, #0021DC);
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  border-radius: 50px;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 4px 10px rgba(0,0,0,0.18);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
  will-change: transform;
  transform-origin: center;
}

/* Hover effect */
.elementor-post__read-more:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 22px rgba(0,0,0,0.35);
  background: linear-gradient(90deg, #0095ff, #0017b8);
  color: #fff;
}

/* ================================
   FIX HOVER CLIP
================================ */
.elementor-post,
.elementor-post__text {
  overflow: visible;
}

/* ================================
   OPTIONAL: MAX 2 LINES TITLE
================================ */
.elementor-post__title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-6a43d88 *//* ================================
   CARD STRUCTURE
================================ */
.elementor-post {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: visible;
}

/* ================================
   TEXT WRAPPER
================================ */
.elementor-post__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: visible;
}

/* ================================
   TITLE (CENTER + SAME HEIGHT)
================================ */
.elementor-post__title {
  min-height: 56px;
  line-height: 1.4em;
  display: flex;
  align-items: center;       /* vertical center */
  justify-content: center;   /* horizontal center */
  text-align: center;
}

.elementor-post__title a {
  width: 100%;
  text-align: center;
  display: block;
}

/* ================================
   READ MORE BUTTON (BOTTOM ALIGN)
================================ */
.elementor-post__read-more {
  margin-top: auto !important;
  display: block;
  width: 80%;
  padding: 6px;
  background: linear-gradient(90deg, #00C6FF, #0021DC);
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  border-radius: 50px;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 4px 10px rgba(0,0,0,0.18);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
  will-change: transform;
  transform-origin: center;
}

/* Hover effect */
.elementor-post__read-more:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 22px rgba(0,0,0,0.35);
  background: linear-gradient(90deg, #0095ff, #0017b8);
  color: #fff;
}

/* ================================
   FIX HOVER CLIP
================================ */
.elementor-post,
.elementor-post__text {
  overflow: visible;
}

/* ================================
   OPTIONAL: MAX 2 LINES TITLE
================================ */
.elementor-post__title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-f746ddc *//* ============================
   DEFAULT CONTAINER PRODUK
   ============================ */
.elementor-post {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: visible;
  
  /* Glass effect dasar */
  background: rgba(255,255,255,0.15);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,0.25);
  
  transition: all 0.35s ease;
}

/* ============================
   HOVER → PUTIH TERANG + GLOW
   ============================ */
.elementor-post:hover {
  background: rgba(255,255,255,0.55);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  
  border-color: rgba(255,255,255,0.8) !important;
  
  box-shadow: 
    0 10px 30px rgba(255,255,255,0.25),
    0 0 15px rgba(255,255,255,0.45);
  
  transform: translateY(-4px);
}


/* ===================================================
   TEXT WRAPPER
   =================================================== */
.elementor-post__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: visible;
}

/* ===================================================
   TITLE (CENTER + SAME HEIGHT)
   =================================================== */
.elementor-post__title {
  min-height: 56px;
  line-height: 1.4em;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.elementor-post__title a {
  width: 100%;
  text-align: center;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ===================================================
   READ MORE BUTTON
   =================================================== */
.elementor-post__read-more {
  margin-top: auto !important;
  display: block;
  width: 80%;
  padding: 6px;
  background: linear-gradient(90deg, #00C6FF, #0021DC);
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  border-radius: 50px;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 4px 10px rgba(0,0,0,0.18);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
  will-change: transform;
  transform-origin: center;
}

/* Hover button lebih terang */
.elementor-post__read-more:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 22px rgba(0,0,0,0.35);
  background: linear-gradient(90deg, #6fd8ff, #5f7bff);
  color: #fff;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-c9bfc9d *//* ================================
   CARD STRUCTURE
================================ */
.elementor-post {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: visible;
}

/* ================================
   TEXT WRAPPER
================================ */
.elementor-post__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: visible;
}

/* ================================
   TITLE (CENTER + SAME HEIGHT)
================================ */
.elementor-post__title {
  min-height: 56px;
  line-height: 1.4em;
  display: flex;
  align-items: center;       /* vertical center */
  justify-content: center;   /* horizontal center */
  text-align: center;
}

.elementor-post__title a {
  width: 100%;
  text-align: center;
  display: block;
}

/* ================================
   READ MORE BUTTON (BOTTOM ALIGN)
================================ */
.elementor-post__read-more {
  margin-top: auto !important;
  display: block;
  width: 80%;
  padding: 6px;
  background: linear-gradient(90deg, #00C6FF, #0021DC);
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  border-radius: 50px;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 4px 10px rgba(0,0,0,0.18);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
  will-change: transform;
  transform-origin: center;
}

/* Hover effect */
.elementor-post__read-more:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 22px rgba(0,0,0,0.35);
  background: linear-gradient(90deg, #0095ff, #0017b8);
  color: #fff;
}

/* ================================
   FIX HOVER CLIP
================================ */
.elementor-post,
.elementor-post__text {
  overflow: visible;
}

/* ================================
   OPTIONAL: MAX 2 LINES TITLE
================================ */
.elementor-post__title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-444e66c *//* ================================
   CARD STRUCTURE
================================ */
.elementor-post {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: visible;
}

/* ================================
   TEXT WRAPPER
================================ */
.elementor-post__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: visible;
}

/* ================================
   TITLE (CENTER + SAME HEIGHT)
================================ */
.elementor-post__title {
  min-height: 56px;
  line-height: 1.4em;
  display: flex;
  align-items: center;       /* vertical center */
  justify-content: center;   /* horizontal center */
  text-align: center;
}

.elementor-post__title a {
  width: 100%;
  text-align: center;
  display: block;
}

/* ================================
   READ MORE BUTTON (BOTTOM ALIGN)
================================ */
.elementor-post__read-more {
  margin-top: auto !important;
  display: block;
  width: 80%;
  padding: 6px;
  background: linear-gradient(90deg, #00C6FF, #0021DC);
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  border-radius: 50px;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 4px 10px rgba(0,0,0,0.18);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
  will-change: transform;
  transform-origin: center;
}

/* Hover effect */
.elementor-post__read-more:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 22px rgba(0,0,0,0.35);
  background: linear-gradient(90deg, #0095ff, #0017b8);
  color: #fff;
}

/* ================================
   FIX HOVER CLIP
================================ */
.elementor-post,
.elementor-post__text {
  overflow: visible;
}

/* ================================
   OPTIONAL: MAX 2 LINES TITLE
================================ */
.elementor-post__title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-3ffddd4 *//* CARD STYLE - VERSI RINGAN */
.myTabs .elementor-post.elementor-post {
    border-radius: 14px;
    border: 2px solid rgba(255,255,255,0.2);
    box-shadow: 0 4px 14px rgba(0,0,0,0.10); /* LEBIH RINGAN */
    
    padding: 18px;

    /* ANIMASI SUPER RINGAN */
    transition:
        transform 0.18s ease-out,
        box-shadow 0.18s ease-out,
        border-color 0.18s ease-out;
}

/* HOVER STYLE - CEPAT & SMOOTH */
.myTabs .elementor-post.elementor-post:hover {
    border-color: #4da6ff;
    box-shadow: 0 0 14px rgba(77,166,255,0.45); /* LEBIH RINGAN */
    transform: translateY(-4px); /* Lebih smooth & tidak berat */
}

/* TAMBAH JARAK ANTAR BARIS */
.myTabs .elementor-posts-container {
    row-gap: 28px !important;
    gap: 28px !important;
}

.myTabs .elementor-grid {
    row-gap: 28px !important;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-8c9bb9b *//* ================================
   CARD STRUCTURE
================================ */
.elementor-post {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: visible;
}

/* ================================
   TEXT WRAPPER
================================ */
.elementor-post__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: visible;
}

/* ================================
   TITLE (CENTER + SAME HEIGHT)
================================ */
.elementor-post__title {
  min-height: 56px;
  line-height: 1.4em;
  display: flex;
  align-items: center;       /* vertical center */
  justify-content: center;   /* horizontal center */
  text-align: center;
}

.elementor-post__title a {
  width: 100%;
  text-align: center;
  display: block;
}

/* ================================
   READ MORE BUTTON (BOTTOM ALIGN)
================================ */
.elementor-post__read-more {
  margin-top: auto !important;
  display: block;
  width: 80%;
  padding: 6px;
  background: linear-gradient(90deg, #00C6FF, #0021DC);
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  border-radius: 50px;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 4px 10px rgba(0,0,0,0.18);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
  will-change: transform;
  transform-origin: center;
}

/* Hover effect */
.elementor-post__read-more:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 22px rgba(0,0,0,0.35);
  background: linear-gradient(90deg, #0095ff, #0017b8);
  color: #fff;
}

/* ================================
   FIX HOVER CLIP
================================ */
.elementor-post,
.elementor-post__text {
  overflow: visible;
}

/* ================================
   OPTIONAL: MAX 2 LINES TITLE
================================ */
.elementor-post__title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-6a43d88 *//* ================================
   CARD STRUCTURE
================================ */
.elementor-post {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: visible;
}

/* ================================
   TEXT WRAPPER
================================ */
.elementor-post__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: visible;
}

/* ================================
   TITLE (CENTER + SAME HEIGHT)
================================ */
.elementor-post__title {
  min-height: 56px;
  line-height: 1.4em;
  display: flex;
  align-items: center;       /* vertical center */
  justify-content: center;   /* horizontal center */
  text-align: center;
}

.elementor-post__title a {
  width: 100%;
  text-align: center;
  display: block;
}

/* ================================
   READ MORE BUTTON (BOTTOM ALIGN)
================================ */
.elementor-post__read-more {
  margin-top: auto !important;
  display: block;
  width: 80%;
  padding: 6px;
  background: linear-gradient(90deg, #00C6FF, #0021DC);
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  border-radius: 50px;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 4px 10px rgba(0,0,0,0.18);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
  will-change: transform;
  transform-origin: center;
}

/* Hover effect */
.elementor-post__read-more:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 22px rgba(0,0,0,0.35);
  background: linear-gradient(90deg, #0095ff, #0017b8);
  color: #fff;
}

/* ================================
   FIX HOVER CLIP
================================ */
.elementor-post,
.elementor-post__text {
  overflow: visible;
}

/* ================================
   OPTIONAL: MAX 2 LINES TITLE
================================ */
.elementor-post__title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-f746ddc *//* ============================
   DEFAULT CONTAINER PRODUK
   ============================ */
.elementor-post {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: visible;
  
  /* Glass effect dasar */
  background: rgba(255,255,255,0.15);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,0.25);
  
  transition: all 0.35s ease;
}

/* ============================
   HOVER → PUTIH TERANG + GLOW
   ============================ */
.elementor-post:hover {
  background: rgba(255,255,255,0.55);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  
  border-color: rgba(255,255,255,0.8) !important;
  
  box-shadow: 
    0 10px 30px rgba(255,255,255,0.25),
    0 0 15px rgba(255,255,255,0.45);
  
  transform: translateY(-4px);
}


/* ===================================================
   TEXT WRAPPER
   =================================================== */
.elementor-post__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: visible;
}

/* ===================================================
   TITLE (CENTER + SAME HEIGHT)
   =================================================== */
.elementor-post__title {
  min-height: 56px;
  line-height: 1.4em;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.elementor-post__title a {
  width: 100%;
  text-align: center;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ===================================================
   READ MORE BUTTON
   =================================================== */
.elementor-post__read-more {
  margin-top: auto !important;
  display: block;
  width: 80%;
  padding: 6px;
  background: linear-gradient(90deg, #00C6FF, #0021DC);
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  border-radius: 50px;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 4px 10px rgba(0,0,0,0.18);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
  will-change: transform;
  transform-origin: center;
}

/* Hover button lebih terang */
.elementor-post__read-more:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 22px rgba(0,0,0,0.35);
  background: linear-gradient(90deg, #6fd8ff, #5f7bff);
  color: #fff;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-c9bfc9d *//* ================================
   CARD STRUCTURE
================================ */
.elementor-post {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: visible;
}

/* ================================
   TEXT WRAPPER
================================ */
.elementor-post__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: visible;
}

/* ================================
   TITLE (CENTER + SAME HEIGHT)
================================ */
.elementor-post__title {
  min-height: 56px;
  line-height: 1.4em;
  display: flex;
  align-items: center;       /* vertical center */
  justify-content: center;   /* horizontal center */
  text-align: center;
}

.elementor-post__title a {
  width: 100%;
  text-align: center;
  display: block;
}

/* ================================
   READ MORE BUTTON (BOTTOM ALIGN)
================================ */
.elementor-post__read-more {
  margin-top: auto !important;
  display: block;
  width: 80%;
  padding: 6px;
  background: linear-gradient(90deg, #00C6FF, #0021DC);
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  border-radius: 50px;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 4px 10px rgba(0,0,0,0.18);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
  will-change: transform;
  transform-origin: center;
}

/* Hover effect */
.elementor-post__read-more:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 22px rgba(0,0,0,0.35);
  background: linear-gradient(90deg, #0095ff, #0017b8);
  color: #fff;
}

/* ================================
   FIX HOVER CLIP
================================ */
.elementor-post,
.elementor-post__text {
  overflow: visible;
}

/* ================================
   OPTIONAL: MAX 2 LINES TITLE
================================ */
.elementor-post__title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-444e66c *//* ================================
   CARD STRUCTURE
================================ */
.elementor-post {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: visible;
}

/* ================================
   TEXT WRAPPER
================================ */
.elementor-post__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: visible;
}

/* ================================
   TITLE (CENTER + SAME HEIGHT)
================================ */
.elementor-post__title {
  min-height: 56px;
  line-height: 1.4em;
  display: flex;
  align-items: center;       /* vertical center */
  justify-content: center;   /* horizontal center */
  text-align: center;
}

.elementor-post__title a {
  width: 100%;
  text-align: center;
  display: block;
}

/* ================================
   READ MORE BUTTON (BOTTOM ALIGN)
================================ */
.elementor-post__read-more {
  margin-top: auto !important;
  display: block;
  width: 80%;
  padding: 6px;
  background: linear-gradient(90deg, #00C6FF, #0021DC);
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  border-radius: 50px;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 4px 10px rgba(0,0,0,0.18);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
  will-change: transform;
  transform-origin: center;
}

/* Hover effect */
.elementor-post__read-more:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 22px rgba(0,0,0,0.35);
  background: linear-gradient(90deg, #0095ff, #0017b8);
  color: #fff;
}

/* ================================
   FIX HOVER CLIP
================================ */
.elementor-post,
.elementor-post__text {
  overflow: visible;
}

/* ================================
   OPTIONAL: MAX 2 LINES TITLE
================================ */
.elementor-post__title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-3ffddd4 *//* CARD STYLE - VERSI RINGAN */
.myTabs .elementor-post.elementor-post {
    border-radius: 14px;
    border: 2px solid rgba(255,255,255,0.2);
    box-shadow: 0 4px 14px rgba(0,0,0,0.10); /* LEBIH RINGAN */
    
    padding: 18px;

    /* ANIMASI SUPER RINGAN */
    transition:
        transform 0.18s ease-out,
        box-shadow 0.18s ease-out,
        border-color 0.18s ease-out;
}

/* HOVER STYLE - CEPAT & SMOOTH */
.myTabs .elementor-post.elementor-post:hover {
    border-color: #4da6ff;
    box-shadow: 0 0 14px rgba(77,166,255,0.45); /* LEBIH RINGAN */
    transform: translateY(-4px); /* Lebih smooth & tidak berat */
}

/* TAMBAH JARAK ANTAR BARIS */
.myTabs .elementor-posts-container {
    row-gap: 28px !important;
    gap: 28px !important;
}

.myTabs .elementor-grid {
    row-gap: 28px !important;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-8c9bb9b *//* ================================
   CARD STRUCTURE
================================ */
.elementor-post {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: visible;
}

/* ================================
   TEXT WRAPPER
================================ */
.elementor-post__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: visible;
}

/* ================================
   TITLE (CENTER + SAME HEIGHT)
================================ */
.elementor-post__title {
  min-height: 56px;
  line-height: 1.4em;
  display: flex;
  align-items: center;       /* vertical center */
  justify-content: center;   /* horizontal center */
  text-align: center;
}

.elementor-post__title a {
  width: 100%;
  text-align: center;
  display: block;
}

/* ================================
   READ MORE BUTTON (BOTTOM ALIGN)
================================ */
.elementor-post__read-more {
  margin-top: auto !important;
  display: block;
  width: 80%;
  padding: 6px;
  background: linear-gradient(90deg, #00C6FF, #0021DC);
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  border-radius: 50px;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 4px 10px rgba(0,0,0,0.18);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
  will-change: transform;
  transform-origin: center;
}

/* Hover effect */
.elementor-post__read-more:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 22px rgba(0,0,0,0.35);
  background: linear-gradient(90deg, #0095ff, #0017b8);
  color: #fff;
}

/* ================================
   FIX HOVER CLIP
================================ */
.elementor-post,
.elementor-post__text {
  overflow: visible;
}

/* ================================
   OPTIONAL: MAX 2 LINES TITLE
================================ */
.elementor-post__title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-6a43d88 *//* ================================
   CARD STRUCTURE
================================ */
.elementor-post {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: visible;
}

/* ================================
   TEXT WRAPPER
================================ */
.elementor-post__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: visible;
}

/* ================================
   TITLE (CENTER + SAME HEIGHT)
================================ */
.elementor-post__title {
  min-height: 56px;
  line-height: 1.4em;
  display: flex;
  align-items: center;       /* vertical center */
  justify-content: center;   /* horizontal center */
  text-align: center;
}

.elementor-post__title a {
  width: 100%;
  text-align: center;
  display: block;
}

/* ================================
   READ MORE BUTTON (BOTTOM ALIGN)
================================ */
.elementor-post__read-more {
  margin-top: auto !important;
  display: block;
  width: 80%;
  padding: 6px;
  background: linear-gradient(90deg, #00C6FF, #0021DC);
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  border-radius: 50px;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 4px 10px rgba(0,0,0,0.18);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
  will-change: transform;
  transform-origin: center;
}

/* Hover effect */
.elementor-post__read-more:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 22px rgba(0,0,0,0.35);
  background: linear-gradient(90deg, #0095ff, #0017b8);
  color: #fff;
}

/* ================================
   FIX HOVER CLIP
================================ */
.elementor-post,
.elementor-post__text {
  overflow: visible;
}

/* ================================
   OPTIONAL: MAX 2 LINES TITLE
================================ */
.elementor-post__title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-f746ddc *//* ============================
   DEFAULT CONTAINER PRODUK
   ============================ */
.elementor-post {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: visible;
  
  /* Glass effect dasar */
  background: rgba(255,255,255,0.15);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,0.25);
  
  transition: all 0.35s ease;
}

/* ============================
   HOVER → PUTIH TERANG + GLOW
   ============================ */
.elementor-post:hover {
  background: rgba(255,255,255,0.55);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  
  border-color: rgba(255,255,255,0.8) !important;
  
  box-shadow: 
    0 10px 30px rgba(255,255,255,0.25),
    0 0 15px rgba(255,255,255,0.45);
  
  transform: translateY(-4px);
}


/* ===================================================
   TEXT WRAPPER
   =================================================== */
.elementor-post__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: visible;
}

/* ===================================================
   TITLE (CENTER + SAME HEIGHT)
   =================================================== */
.elementor-post__title {
  min-height: 56px;
  line-height: 1.4em;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.elementor-post__title a {
  width: 100%;
  text-align: center;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ===================================================
   READ MORE BUTTON
   =================================================== */
.elementor-post__read-more {
  margin-top: auto !important;
  display: block;
  width: 80%;
  padding: 6px;
  background: linear-gradient(90deg, #00C6FF, #0021DC);
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  border-radius: 50px;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 4px 10px rgba(0,0,0,0.18);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
  will-change: transform;
  transform-origin: center;
}

/* Hover button lebih terang */
.elementor-post__read-more:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 22px rgba(0,0,0,0.35);
  background: linear-gradient(90deg, #6fd8ff, #5f7bff);
  color: #fff;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-c9bfc9d *//* ================================
   CARD STRUCTURE
================================ */
.elementor-post {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: visible;
}

/* ================================
   TEXT WRAPPER
================================ */
.elementor-post__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: visible;
}

/* ================================
   TITLE (CENTER + SAME HEIGHT)
================================ */
.elementor-post__title {
  min-height: 56px;
  line-height: 1.4em;
  display: flex;
  align-items: center;       /* vertical center */
  justify-content: center;   /* horizontal center */
  text-align: center;
}

.elementor-post__title a {
  width: 100%;
  text-align: center;
  display: block;
}

/* ================================
   READ MORE BUTTON (BOTTOM ALIGN)
================================ */
.elementor-post__read-more {
  margin-top: auto !important;
  display: block;
  width: 80%;
  padding: 6px;
  background: linear-gradient(90deg, #00C6FF, #0021DC);
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  border-radius: 50px;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 4px 10px rgba(0,0,0,0.18);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
  will-change: transform;
  transform-origin: center;
}

/* Hover effect */
.elementor-post__read-more:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 22px rgba(0,0,0,0.35);
  background: linear-gradient(90deg, #0095ff, #0017b8);
  color: #fff;
}

/* ================================
   FIX HOVER CLIP
================================ */
.elementor-post,
.elementor-post__text {
  overflow: visible;
}

/* ================================
   OPTIONAL: MAX 2 LINES TITLE
================================ */
.elementor-post__title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-444e66c *//* ================================
   CARD STRUCTURE
================================ */
.elementor-post {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: visible;
}

/* ================================
   TEXT WRAPPER
================================ */
.elementor-post__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: visible;
}

/* ================================
   TITLE (CENTER + SAME HEIGHT)
================================ */
.elementor-post__title {
  min-height: 56px;
  line-height: 1.4em;
  display: flex;
  align-items: center;       /* vertical center */
  justify-content: center;   /* horizontal center */
  text-align: center;
}

.elementor-post__title a {
  width: 100%;
  text-align: center;
  display: block;
}

/* ================================
   READ MORE BUTTON (BOTTOM ALIGN)
================================ */
.elementor-post__read-more {
  margin-top: auto !important;
  display: block;
  width: 80%;
  padding: 6px;
  background: linear-gradient(90deg, #00C6FF, #0021DC);
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  border-radius: 50px;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 4px 10px rgba(0,0,0,0.18);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
  will-change: transform;
  transform-origin: center;
}

/* Hover effect */
.elementor-post__read-more:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 22px rgba(0,0,0,0.35);
  background: linear-gradient(90deg, #0095ff, #0017b8);
  color: #fff;
}

/* ================================
   FIX HOVER CLIP
================================ */
.elementor-post,
.elementor-post__text {
  overflow: visible;
}

/* ================================
   OPTIONAL: MAX 2 LINES TITLE
================================ */
.elementor-post__title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c06a33 *//* Efek Container Tembus/Transparan di Bagian Atas */
.container-brand {
    /* Menggunakan mask untuk membuat bagian atas benar-benar transparan */
    -webkit-mask-image: linear-gradient(to bottom, 
        rgba(0, 0, 0, 0) 0%, 
        rgba(0, 0, 0, 1) 20%); /* Angka 20% adalah batas mulai solid */
    mask-image: linear-gradient(to bottom, 
        rgba(0, 0, 0, 0) 0%, 
        rgba(0, 0, 0, 1) 5%);
}/* End custom CSS */