.elementor-862 .elementor-element.elementor-element-362d377{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:-1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px;}.elementor-862 .elementor-element.elementor-element-f513a71{--display:flex;--min-height:1135px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-862 .elementor-element.elementor-element-f513a71:not(.elementor-motion-effects-element-type-background), .elementor-862 .elementor-element.elementor-element-f513a71 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #F6FBFF 44%, #FFFFFF 100%);}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-862 .elementor-element.elementor-element-c2d8b29{--grid-row-gap:35px;--grid-column-gap:34px;}.elementor-862 .elementor-element.elementor-element-c2d8b29 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-862 .elementor-element.elementor-element-c2d8b29:after{content:"0.66";}.elementor-862 .elementor-element.elementor-element-c2d8b29 .elementor-post__thumbnail__link{width:100%;}.elementor-862 .elementor-element.elementor-element-c2d8b29 .elementor-post__meta-data span + span:before{content:"•";}.elementor-862 .elementor-element.elementor-element-c2d8b29 .elementor-post__card{border-color:#E0E0E0;border-width:1px;border-radius:9px;}.elementor-862 .elementor-element.elementor-element-c2d8b29 .elementor-post__card .elementor-post__meta-data{border-top-color:#F3F3F3;}.elementor-862 .elementor-element.elementor-element-c2d8b29 .elementor-post__text{margin-top:25px;}.elementor-862 .elementor-element.elementor-element-c2d8b29 .elementor-post__badge{right:0;}.elementor-862 .elementor-element.elementor-element-c2d8b29 .elementor-post__card .elementor-post__badge{background-color:#B87821;border-radius:0px;margin:20px;}.elementor-862 .elementor-element.elementor-element-c2d8b29 .elementor-post__title, .elementor-862 .elementor-element.elementor-element-c2d8b29 .elementor-post__title a{color:#000000;font-family:"Poppins", Sans-serif;font-size:1.2em;font-weight:600;}.elementor-862 .elementor-element.elementor-element-c2d8b29 .elementor-post__meta-data{color:#5A5A5A;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;}.elementor-862 .elementor-element.elementor-element-c2d8b29 .elementor-post__meta-data span:before{color:#6B6B6B;}.elementor-862 .elementor-element.elementor-element-c2d8b29 .elementor-post__excerpt p{font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-862 .elementor-element.elementor-element-c2d8b29 .elementor-post__read-more{color:#27C3D3;}.elementor-862 .elementor-element.elementor-element-c2d8b29 a.elementor-post__read-more{font-family:"Poppins", Sans-serif;font-weight:400;text-decoration:underline;}@media(min-width:768px){.elementor-862 .elementor-element.elementor-element-362d377{--content-width:100%;}.elementor-862 .elementor-element.elementor-element-f513a71{--content-width:1200px;}}@media(max-width:1024px){.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-posts .elementor-post__meta-data{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-posts .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-posts .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}}@media(max-width:767px){.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-posts .elementor-post__meta-data{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-posts .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-posts .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-862 .elementor-element.elementor-element-c2d8b29 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-862 .elementor-element.elementor-element-c2d8b29:after{content:"0.5";}.elementor-862 .elementor-element.elementor-element-c2d8b29 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for posts, class: .elementor-element-c2d8b29 *//* =====================================================
   ELEMENTOR POSTS WIDGET — CUSTOM 3-COLOR GRADIENT
===================================================== */

/* 1. KONTEN CONTAINER (Grid) */
.elementor-862 .elementor-element.elementor-element-c2d8b29 .elementor-posts-container {
    gap: 26px !important;
}

/* 2. BASE REKA BENTUK KAD BLOG */
.elementor-862 .elementor-element.elementor-element-c2d8b29 .elementor-post {
    border-radius: 20px !important;
    overflow: hidden !important;
    border: 1px solid rgba(0,0,0,0.06) !important;
    box-shadow: 0 6px 22px rgba(0,0,0,0.05) !important;
    transition: transform 0.35s ease, box-shadow 0.35s ease !important;
    padding: 0 !important;
}

/* -----------------------------------------------------
   VARIASI WARNA & GRADIENT (Turquoise, Oren, Soft Blue)
----------------------------------------------------- */

/* KAD 1, 4, 7... (Tema Turquoise) */
.elementor-862 .elementor-element.elementor-element-c2d8b29 .elementor-post:nth-child(3n+1) {
    background: linear-gradient(135deg, #ffffff 65%, #f0fdfa 100%) !important; /* Biasan turquoise lembut */
}
.elementor-862 .elementor-element.elementor-element-c2d8b29 .elementor-post:nth-child(3n+1) .elementor-post__badge {
    background: linear-gradient(90deg, #14b8a6, #0d9488) !important; /* Gradient Turquoise */
}
.elementor-862 .elementor-element.elementor-element-c2d8b29 .elementor-post:nth-child(3n+1):hover {
    box-shadow: 0 18px 40px rgba(20, 184, 166, 0.2) !important;
}

/* KAD 2, 5, 8... (Tema Oren) */
.elementor-862 .elementor-element.elementor-element-c2d8b29 .elementor-post:nth-child(3n+2) {
    background: linear-gradient(135deg, #ffffff 65%, #fff7ed 100%) !important; /* Biasan oren lembut */
}
.elementor-862 .elementor-element.elementor-element-c2d8b29 .elementor-post:nth-child(3n+2) .elementor-post__badge {
    background: linear-gradient(90deg, #f97316, #ea580c) !important; /* Gradient Oren */
}
.elementor-862 .elementor-element.elementor-element-c2d8b29 .elementor-post:nth-child(3n+2):hover {
    box-shadow: 0 18px 40px rgba(249, 115, 22, 0.18) !important;
}

/* KAD 3, 6, 9... (Tema Soft Blue) */
.elementor-862 .elementor-element.elementor-element-c2d8b29 .elementor-post:nth-child(3n) {
    background: linear-gradient(135deg, #ffffff 65%, #f0f9ff 100%) !important; /* Biasan soft blue lembut */
}
.elementor-862 .elementor-element.elementor-element-c2d8b29 .elementor-post:nth-child(3n) .elementor-post__badge {
    background: linear-gradient(90deg, #38bdf8, #0ea5e9) !important; /* Gradient Soft Blue */
}
.elementor-862 .elementor-element.elementor-element-c2d8b29 .elementor-post:nth-child(3n):hover {
    box-shadow: 0 18px 40px rgba(14, 165, 233, 0.18) !important;
}

/* -----------------------------------------------------
   EFEK HOVER & ELEMEN DALAMAN
----------------------------------------------------- */

/* Efek Angkat Kad Semasa Hover */
.elementor-862 .elementor-element.elementor-element-c2d8b29 .elementor-post:hover {
    transform: translateY(-10px) !important;
}

/* Gambar Thumbnail Blog */
.elementor-862 .elementor-element.elementor-element-c2d8b29 .elementor-post__thumbnail__link {
    margin-bottom: 0 !important;
}

.elementor-862 .elementor-element.elementor-element-c2d8b29 .elementor-post__thumbnail img {
    height: 165px !important;
    object-fit: cover !important;
    width: 100% !important;
    transition: transform 0.5s ease !important;
}

/* Efek Zoom Gambar Sikit Bila Kad Di-Hover */
.elementor-862 .elementor-element.elementor-element-c2d8b29 .elementor-post:hover .elementor-post__thumbnail img {
    transform: scale(1.04);
}

/* Wrapper Kandungan / Teks */
.elementor-862 .elementor-element.elementor-element-c2d8b29 .elementor-post__text {
    padding: 24px !important;
}

/* Tag / Badge Kategori */
.elementor-862 .elementor-element.elementor-element-c2d8b29 .elementor-post__badge {
    position: static !important;
    display: inline-block !important;
    padding: 6px 14px !important;
    color: #ffffff !important;
    border-radius: 30px !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    margin-bottom: 14px !important;
    text-transform: capitalize !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.04) !important;
}

/* Tajuk Blog (H4 Style) */
.elementor-862 .elementor-element.elementor-element-c2d8b29 .elementor-post__title {
    font-family: "Poppins", sans-serif !important;
    font-size: 1.15rem !important;
    font-weight: 600 !important;
    margin: 0 0 10px 0 !important;
    line-height: 1.4 !important;
}

.elementor-862 .elementor-element.elementor-element-c2d8b29 .elementor-post__title a {
    color: #0E2A3A !important; /* Warna teks gelap premium asli */
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

/* Penukaran warna tajuk mengikut tema apabila di-hover */
.elementor-862 .elementor-element.elementor-element-c2d8b29 .elementor-post:nth-child(3n+1):hover .elementor-post__title a { color: #14b8a6 !important; }
.elementor-862 .elementor-element.elementor-element-c2d8b29 .elementor-post:nth-child(3n+2):hover .elementor-post__title a { color: #f97316 !important; }
.elementor-862 .elementor-element.elementor-element-c2d8b29 .elementor-post:nth-child(3n):hover .elementor-post__title a { color: #0ea5e9 !important; }

/* Tarikh / Meta Data */
.elementor-862 .elementor-element.elementor-element-c2d8b29 .elementor-post__meta-data {
    font-family: "Manrope", sans-serif !important;
    font-size: 0.88rem !important;
    color: #64748B !important;
}

/* Sembunyikan elemen sarat bawaan Elementor */
.elementor-862 .elementor-element.elementor-element-c2d8b29 .elementor-post-avatar,
.elementor-862 .elementor-element.elementor-element-c2d8b29 .elementor-post__read-more {
    display: none !important;
}/* End custom CSS */