.elementor-3900 .elementor-element.elementor-element-83287a6{--display:flex;}.elementor-3900 .elementor-element.elementor-element-8b8fcb9{--display:flex;}.elementor-3900 .elementor-element.elementor-element-0b5f0f5{--display:flex;}.elementor-3900 .elementor-element.elementor-element-b253877{--display:flex;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3900 .elementor-element.elementor-element-dd169ec{text-align:center;}.elementor-3900 .elementor-element.elementor-element-f1a34f3 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-3900 .elementor-element.elementor-element-f1a34f3:after{content:"0.66";}.elementor-3900 .elementor-element.elementor-element-f1a34f3 .elementor-post__thumbnail__link{width:100%;}.elementor-3900 .elementor-element.elementor-element-f1a34f3 .elementor-post__meta-data span + span:before{content:"|";}.elementor-3900 .elementor-element.elementor-element-f1a34f3{--item-display:flex;--read-more-alignment:1;--grid-column-gap:30px;--grid-row-gap:35px;}.elementor-3900 .elementor-element.elementor-element-f1a34f3.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-3900 .elementor-element.elementor-element-f1a34f3.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-3900 .elementor-element.elementor-element-f1a34f3.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-3900 .elementor-element.elementor-element-f1a34f3 .elementor-post__text{margin-bottom:0px;}.elementor-3900 .elementor-element.elementor-element-8f911f2{--display:flex;}@media(max-width:767px){.elementor-3900 .elementor-element.elementor-element-f1a34f3 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-3900 .elementor-element.elementor-element-f1a34f3:after{content:"0.5";}.elementor-3900 .elementor-element.elementor-element-f1a34f3 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for heading, class: .elementor-element-dd169ec *//* ===== JUDUL POSTINGAN TERBARU ===== */

.elementor-3900 .elementor-element.elementor-element-dd169ec{
    position:relative;
    display:inline-block;
    font-weight:700;
    letter-spacing:0.5px;
    padding-bottom:18px;
}

/* Garis utama */
.elementor-3900 .elementor-element.elementor-element-dd169ec::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    width:90px;
    height:4px;
    background:#1e7d32;
    border-radius:4px;
}

/* Garis aksen tipis */
.elementor-3900 .elementor-element.elementor-element-dd169ec::before{
    content:"";
    position:absolute;
    left:50%;
    bottom:-8px;
    transform:translateX(-50%);
    width:40px;
    height:3px;
    background:#f57c00;
    border-radius:3px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b253877 *//* =====================================
   SUARA AZKIYA – POSTING TERBARU FIXED
   Versi Stabil & Rata 100%
====================================== */

/* CONTAINER GRID */
.elementor-widget-posts .elementor-posts-container{
    display:grid !important;
    grid-template-columns:repeat(4,1fr);
    gap:40px;
}

/* CARD */
.elementor-widget-posts .elementor-post{
    background:#ffffff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,0.05);
    transition:all 0.3s ease;
    display:flex !important;
    flex-direction:column;
    height:100%;
}

/* HOVER CARD */
.elementor-widget-posts .elementor-post:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 40px rgba(0,0,0,0.10);
}

/* IMAGE */
.elementor-widget-posts .elementor-post__thumbnail{
    overflow:hidden;
}

.elementor-widget-posts .elementor-post__thumbnail img{
    width:100%;
    height:220px;
    object-fit:cover;
    transition:0.4s ease;
}

/* HOVER IMAGE – CLEAN FADE */
.elementor-widget-posts .elementor-post:hover 
.elementor-post__thumbnail img{
    opacity:0.92;
}

/* CONTENT FLEX */
.elementor-widget-posts .elementor-post__text{
    padding:25px;
    display:flex;
    flex-direction:column;
    flex-grow:1;
}

/* TITLE */
.elementor-widget-posts .elementor-post__title{
    font-size:18px;
    font-weight:600;
    line-height:1.4;
    margin-bottom:10px;
}

.elementor-widget-posts .elementor-post__title a{
    color:#1e7d32;
    transition:0.3s ease;
}

.elementor-widget-posts .elementor-post__title a:hover{
    color:#f57c00;
}

/* META */
.elementor-widget-posts .elementor-post__meta-data{
    font-size:13px;
    color:#888;
    margin-bottom:18px;
}

/* BUTTON RATA BAWAH */
.elementor-widget-posts .elementor-post__read-more{
    margin-top:auto;
    display:inline-block;
    padding:8px 18px;
    background:#1e7d32;
    color:#fff !important;
    border-radius:6px;
    font-size:14px;
    font-weight:600;
    transition:0.3s ease;
}

.elementor-widget-posts .elementor-post__read-more:hover{
    background:#f57c00;
}

/* RESPONSIVE */
@media(max-width:1024px){
    .elementor-widget-posts .elementor-posts-container{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:600px){
    .elementor-widget-posts .elementor-posts-container{
        grid-template-columns:1fr;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1e8be5a *//* ===== CTA SUARA AZKIYA CLEAN ===== */

.suara-cta {
    background: #1e7d32;
    padding: 70px 30px;
    border-radius: 24px;
    margin: 80px auto;
    max-width: 1200px;
    text-align: center;
    color: #ffffff;
    box-shadow: 0 15px 40px rgba(0,0,0,0.15);
}

.suara-cta h2 {
    font-size: 32px;
    margin-bottom: 20px;
    font-weight: 700;
    color: #ffffff; /* paksa putih */
}

.suara-cta p {
    max-width: 700px;
    margin: 0 auto 35px auto;
    font-size: 16px;
    line-height: 1.7;
    color: rgba(255,255,255,0.9);
}

.cta-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.btn-primary {
    background: #f57c00;
    color: #ffffff !important;
    padding: 14px 28px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s ease;
}

.btn-primary:hover {
    background: #ffffff !important;
    color: #1e7d32 !important;
}

.btn-outline {
    border: 2px solid #ffffff;
    color: #ffffff !important;
    padding: 14px 28px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s ease;
}

.btn-outline:hover {
    background: #ffffff;
    color: #1e7d32 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8f911f2 *//* =====================================
   SUARA AZKIYA – POSTING TERBARU FIXED
   Versi Stabil & Rata 100%
====================================== */

/* CONTAINER GRID */
.elementor-widget-posts .elementor-posts-container{
    display:grid !important;
    grid-template-columns:repeat(4,1fr);
    gap:40px;
}

/* CARD */
.elementor-widget-posts .elementor-post{
    background:#ffffff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,0.05);
    transition:all 0.3s ease;
    display:flex !important;
    flex-direction:column;
    height:100%;
}

/* HOVER CARD */
.elementor-widget-posts .elementor-post:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 40px rgba(0,0,0,0.10);
}

/* IMAGE */
.elementor-widget-posts .elementor-post__thumbnail{
    overflow:hidden;
}

.elementor-widget-posts .elementor-post__thumbnail img{
    width:100%;
    height:220px;
    object-fit:cover;
    transition:0.4s ease;
}

/* HOVER IMAGE – CLEAN FADE */
.elementor-widget-posts .elementor-post:hover 
.elementor-post__thumbnail img{
    opacity:0.92;
}

/* CONTENT FLEX */
.elementor-widget-posts .elementor-post__text{
    padding:25px;
    display:flex;
    flex-direction:column;
    flex-grow:1;
}

/* TITLE */
.elementor-widget-posts .elementor-post__title{
    font-size:18px;
    font-weight:600;
    line-height:1.4;
    margin-bottom:10px;
}

.elementor-widget-posts .elementor-post__title a{
    color:#1e7d32;
    transition:0.3s ease;
}

.elementor-widget-posts .elementor-post__title a:hover{
    color:#f57c00;
}

/* META */
.elementor-widget-posts .elementor-post__meta-data{
    font-size:13px;
    color:#888;
    margin-bottom:18px;
}

/* BUTTON RATA BAWAH */
.elementor-widget-posts .elementor-post__read-more{
    margin-top:auto;
    display:inline-block;
    padding:8px 18px;
    background:#1e7d32;
    color:#fff !important;
    border-radius:6px;
    font-size:14px;
    font-weight:600;
    transition:0.3s ease;
}

.elementor-widget-posts .elementor-post__read-more:hover{
    background:#f57c00;
}

/* RESPONSIVE */
@media(max-width:1024px){
    .elementor-widget-posts .elementor-posts-container{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:600px){
    .elementor-widget-posts .elementor-posts-container{
        grid-template-columns:1fr;
    }
}/* End custom CSS */