.elementor-9762 .elementor-element.elementor-element-7a71667{--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-9762 .elementor-element.elementor-element-4e7f288{z-index:1;}.elementor-9762 .elementor-element.elementor-element-8c19900{--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:90px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;--z-index:2;}.elementor-9762 .elementor-element.elementor-element-8c19900:not(.elementor-motion-effects-element-type-background), .elementor-9762 .elementor-element.elementor-element-8c19900 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9762 .elementor-element.elementor-element-242e1d0 .elementor-heading-title{font-size:50px;}.elementor-9762 .elementor-element.elementor-element-687eb49{text-align:center;font-family:"Poppins", Sans-serif;font-size:20px;line-height:35px;}.elementor-9762 .elementor-element.elementor-element-9d1a8eb{--display:flex;}.elementor-9762 .elementor-element.elementor-element-f9500c6{--display:flex;}.elementor-9762 .elementor-element.elementor-element-5d3f4a6{--grid-row-gap:0px;--grid-column-gap:30px;}.elementor-9762 .elementor-element.elementor-element-5d3f4a6 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.9 * 100% );}.elementor-9762 .elementor-element.elementor-element-5d3f4a6:after{content:"0.9";}.elementor-9762 .elementor-element.elementor-element-5d3f4a6 .elementor-post__thumbnail__link{width:85%;}.elementor-9762 .elementor-element.elementor-element-5d3f4a6.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-9762 .elementor-element.elementor-element-5d3f4a6.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-9762 .elementor-element.elementor-element-5d3f4a6.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-9762 .elementor-element.elementor-element-5d3f4a6 .elementor-post__title, .elementor-9762 .elementor-element.elementor-element-5d3f4a6 .elementor-post__title a{font-size:17px;}.elementor-9762 .elementor-element.elementor-element-5d3f4a6 a.elementor-post__read-more{font-size:14px;font-weight:600;}.elementor-9762 .elementor-element.elementor-element-5d3f4a6 .elementor-pagination{text-align:center;}.elementor-9762 .elementor-element.elementor-element-5d3f4a6 .elementor-pagination .page-numbers:not(.dots){color:#000000;}.elementor-9762 .elementor-element.elementor-element-5d3f4a6 .elementor-pagination a.page-numbers:hover{color:#FF0000;}.elementor-9762 .elementor-element.elementor-element-5d3f4a6 .elementor-pagination .page-numbers.current{color:#1E6BFF;}body:not(.rtl) .elementor-9762 .elementor-element.elementor-element-5d3f4a6 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-9762 .elementor-element.elementor-element-5d3f4a6 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-9762 .elementor-element.elementor-element-5d3f4a6 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-9762 .elementor-element.elementor-element-5d3f4a6 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-9762 .elementor-element.elementor-element-075fbd0{--display:flex;}.elementor-9762 .elementor-element.elementor-element-a3f591e{--grid-row-gap:0px;--grid-column-gap:30px;}.elementor-9762 .elementor-element.elementor-element-a3f591e .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.9 * 100% );}.elementor-9762 .elementor-element.elementor-element-a3f591e:after{content:"0.9";}.elementor-9762 .elementor-element.elementor-element-a3f591e .elementor-post__thumbnail__link{width:85%;}.elementor-9762 .elementor-element.elementor-element-a3f591e.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-9762 .elementor-element.elementor-element-a3f591e.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-9762 .elementor-element.elementor-element-a3f591e.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-9762 .elementor-element.elementor-element-a3f591e .elementor-post__title, .elementor-9762 .elementor-element.elementor-element-a3f591e .elementor-post__title a{font-size:17px;}.elementor-9762 .elementor-element.elementor-element-a3f591e a.elementor-post__read-more{font-size:14px;font-weight:600;}.elementor-9762 .elementor-element.elementor-element-a3f591e .elementor-pagination{text-align:center;margin-top:25px;}.elementor-9762 .elementor-element.elementor-element-a3f591e .elementor-pagination .page-numbers:not(.dots){color:#000000;}.elementor-9762 .elementor-element.elementor-element-a3f591e .elementor-pagination a.page-numbers:hover{color:#FF0000;}.elementor-9762 .elementor-element.elementor-element-a3f591e .elementor-pagination .page-numbers.current{color:#1E6BFF;}body:not(.rtl) .elementor-9762 .elementor-element.elementor-element-a3f591e .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 11px/2 );}body:not(.rtl) .elementor-9762 .elementor-element.elementor-element-a3f591e .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 11px/2 );}body.rtl .elementor-9762 .elementor-element.elementor-element-a3f591e .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 11px/2 );}body.rtl .elementor-9762 .elementor-element.elementor-element-a3f591e .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 11px/2 );}.elementor-9762 .elementor-element.elementor-element-0dac6ed{--display:flex;}.elementor-9762 .elementor-element.elementor-element-a9ed9ba{--grid-row-gap:0px;--grid-column-gap:30px;}.elementor-9762 .elementor-element.elementor-element-a9ed9ba .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.9 * 100% );}.elementor-9762 .elementor-element.elementor-element-a9ed9ba:after{content:"0.9";}.elementor-9762 .elementor-element.elementor-element-a9ed9ba .elementor-post__thumbnail__link{width:85%;}.elementor-9762 .elementor-element.elementor-element-a9ed9ba.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-9762 .elementor-element.elementor-element-a9ed9ba.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-9762 .elementor-element.elementor-element-a9ed9ba.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-9762 .elementor-element.elementor-element-a9ed9ba .elementor-post__title, .elementor-9762 .elementor-element.elementor-element-a9ed9ba .elementor-post__title a{font-size:17px;}.elementor-9762 .elementor-element.elementor-element-a9ed9ba a.elementor-post__read-more{font-size:14px;font-weight:600;}.elementor-9762 .elementor-element.elementor-element-a9ed9ba .elementor-pagination{text-align:center;margin-top:25px;}.elementor-9762 .elementor-element.elementor-element-a9ed9ba .elementor-pagination .page-numbers:not(.dots){color:#000000;}.elementor-9762 .elementor-element.elementor-element-a9ed9ba .elementor-pagination a.page-numbers:hover{color:#FF0000;}.elementor-9762 .elementor-element.elementor-element-a9ed9ba .elementor-pagination .page-numbers.current{color:#003BFF;}body:not(.rtl) .elementor-9762 .elementor-element.elementor-element-a9ed9ba .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 11px/2 );}body:not(.rtl) .elementor-9762 .elementor-element.elementor-element-a9ed9ba .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 11px/2 );}body.rtl .elementor-9762 .elementor-element.elementor-element-a9ed9ba .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 11px/2 );}body.rtl .elementor-9762 .elementor-element.elementor-element-a9ed9ba .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 11px/2 );}.elementor-9762 .elementor-element.elementor-element-7170abc{--display:flex;}.elementor-9762 .elementor-element.elementor-element-976db65{--grid-row-gap:0px;--grid-column-gap:30px;}.elementor-9762 .elementor-element.elementor-element-976db65 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.9 * 100% );}.elementor-9762 .elementor-element.elementor-element-976db65:after{content:"0.9";}.elementor-9762 .elementor-element.elementor-element-976db65 .elementor-post__thumbnail__link{width:85%;}.elementor-9762 .elementor-element.elementor-element-976db65.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-9762 .elementor-element.elementor-element-976db65.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-9762 .elementor-element.elementor-element-976db65.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-9762 .elementor-element.elementor-element-976db65 .elementor-post__title, .elementor-9762 .elementor-element.elementor-element-976db65 .elementor-post__title a{font-size:17px;}.elementor-9762 .elementor-element.elementor-element-976db65 a.elementor-post__read-more{font-size:14px;font-weight:600;}.elementor-9762 .elementor-element.elementor-element-976db65 .elementor-pagination{text-align:center;margin-top:25px;}.elementor-9762 .elementor-element.elementor-element-976db65 .elementor-pagination .page-numbers:not(.dots){color:#000000;}.elementor-9762 .elementor-element.elementor-element-976db65 .elementor-pagination a.page-numbers:hover{color:#FF0000;}.elementor-9762 .elementor-element.elementor-element-976db65 .elementor-pagination .page-numbers.current{color:#1E6BFF;}body:not(.rtl) .elementor-9762 .elementor-element.elementor-element-976db65 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 11px/2 );}body:not(.rtl) .elementor-9762 .elementor-element.elementor-element-976db65 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 11px/2 );}body.rtl .elementor-9762 .elementor-element.elementor-element-976db65 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 11px/2 );}body.rtl .elementor-9762 .elementor-element.elementor-element-976db65 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 11px/2 );}.elementor-9762 .elementor-element.elementor-element-dd1e787{--display:flex;}.elementor-9762 .elementor-element.elementor-element-c5b356f{--grid-row-gap:0px;--grid-column-gap:30px;}.elementor-9762 .elementor-element.elementor-element-c5b356f .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.9 * 100% );}.elementor-9762 .elementor-element.elementor-element-c5b356f:after{content:"0.9";}.elementor-9762 .elementor-element.elementor-element-c5b356f .elementor-post__thumbnail__link{width:85%;}.elementor-9762 .elementor-element.elementor-element-c5b356f.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-9762 .elementor-element.elementor-element-c5b356f.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-9762 .elementor-element.elementor-element-c5b356f.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-9762 .elementor-element.elementor-element-c5b356f .elementor-post__title, .elementor-9762 .elementor-element.elementor-element-c5b356f .elementor-post__title a{font-size:17px;}.elementor-9762 .elementor-element.elementor-element-c5b356f a.elementor-post__read-more{font-size:14px;font-weight:600;}.elementor-9762 .elementor-element.elementor-element-5b433e0{--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-9762 .elementor-element.elementor-element-5b433e0 > .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-9762 .elementor-element.elementor-element-5b433e0.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-9762 .elementor-element.elementor-element-5b433e0.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-9762 .elementor-element.elementor-element-5b433e0.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-9762 .elementor-element.elementor-element-5b433e0 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#000000;}@media(max-width:767px){.elementor-9762 .elementor-element.elementor-element-5d3f4a6 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-9762 .elementor-element.elementor-element-5d3f4a6:after{content:"0.5";}.elementor-9762 .elementor-element.elementor-element-5d3f4a6 .elementor-post__thumbnail__link{width:100%;}.elementor-9762 .elementor-element.elementor-element-a3f591e .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-9762 .elementor-element.elementor-element-a3f591e:after{content:"0.5";}.elementor-9762 .elementor-element.elementor-element-a3f591e .elementor-post__thumbnail__link{width:100%;}.elementor-9762 .elementor-element.elementor-element-a9ed9ba .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-9762 .elementor-element.elementor-element-a9ed9ba:after{content:"0.5";}.elementor-9762 .elementor-element.elementor-element-a9ed9ba .elementor-post__thumbnail__link{width:100%;}.elementor-9762 .elementor-element.elementor-element-976db65 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-9762 .elementor-element.elementor-element-976db65:after{content:"0.5";}.elementor-9762 .elementor-element.elementor-element-976db65 .elementor-post__thumbnail__link{width:100%;}.elementor-9762 .elementor-element.elementor-element-c5b356f .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-9762 .elementor-element.elementor-element-c5b356f:after{content:"0.5";}.elementor-9762 .elementor-element.elementor-element-c5b356f .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for posts, class: .elementor-element-5d3f4a6 *//* 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-a3f591e *//* ================================
   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-a9ed9ba *//* ================================
   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-976db65 *//* ============================
   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-c5b356f *//* ================================
   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-5d3f4a6 *//* 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-a3f591e *//* ================================
   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-a9ed9ba *//* ================================
   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-976db65 *//* ============================
   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-c5b356f *//* ================================
   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-5d3f4a6 *//* 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-a3f591e *//* ================================
   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-a9ed9ba *//* ================================
   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-976db65 *//* ============================
   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-c5b356f *//* ================================
   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-5d3f4a6 *//* 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-a3f591e *//* ================================
   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-a9ed9ba *//* ================================
   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-976db65 *//* ============================
   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-c5b356f *//* ================================
   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-5d3f4a6 *//* 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-a3f591e *//* ================================
   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-a9ed9ba *//* ================================
   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-976db65 *//* ============================
   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-c5b356f *//* ================================
   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-5d3f4a6 *//* 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-a3f591e *//* ================================
   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-a9ed9ba *//* ================================
   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-976db65 *//* ============================
   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-c5b356f *//* ================================
   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-8c19900 *//* 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 */