.elementor-358 .elementor-element.elementor-element-0f6428f{--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;--gap:120px 120px;--row-gap:120px;--column-gap:120px;--padding-top:150px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-358 .elementor-element.elementor-element-0f6428f:not(.elementor-motion-effects-element-type-background), .elementor-358 .elementor-element.elementor-element-0f6428f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-98d6e57 );}.elementor-358 .elementor-element.elementor-element-045cbd4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-358 .elementor-element.elementor-element-c7e28a0{text-align:start;}.elementor-358 .elementor-element.elementor-element-c7e28a0 .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-size:45px;font-weight:500;line-height:1.3em;letter-spacing:-0.03em;color:#000000;}.elementor-358 .elementor-element.elementor-element-ee2c1ff{--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;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-358 .elementor-element.elementor-element-d93fbbf{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-358 .elementor-element.elementor-element-d93fbbf .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-358 .elementor-element.elementor-element-d93fbbf:after{content:"0.66";}.elementor-358 .elementor-element.elementor-element-d93fbbf .elementor-post__thumbnail__link{width:100%;}.elementor-358 .elementor-element.elementor-element-d93fbbf .elementor-post__meta-data span + span:before{content:"///";}.elementor-358 .elementor-element.elementor-element-d93fbbf.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-358 .elementor-element.elementor-element-d93fbbf.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-358 .elementor-element.elementor-element-d93fbbf.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}:root{--page-title-display:none;}@media(max-width:1366px){.elementor-358 .elementor-element.elementor-element-0f6428f{--padding-top:120px;--padding-bottom:120px;--padding-left:10px;--padding-right:10px;}}@media(max-width:1024px){.elementor-358 .elementor-element.elementor-element-0f6428f{--gap:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-358 .elementor-element.elementor-element-c7e28a0 .elementor-heading-title{font-size:35px;}.elementor-358 .elementor-element.elementor-element-ee2c1ff{--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;--gap:30px 30px;--row-gap:30px;--column-gap:30px;}}@media(max-width:767px){.elementor-358 .elementor-element.elementor-element-0f6428f{--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-358 .elementor-element.elementor-element-c7e28a0{text-align:center;}.elementor-358 .elementor-element.elementor-element-c7e28a0 .elementor-heading-title{font-size:24px;}.elementor-358 .elementor-element.elementor-element-d93fbbf .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-358 .elementor-element.elementor-element-d93fbbf:after{content:"0.5";}.elementor-358 .elementor-element.elementor-element-d93fbbf .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for posts, class: .elementor-element-d93fbbf *//* =========================================
   CLEAN BLOG POST CARDS
========================================= */

.clean-blog-cards {
    width: 100%;
    min-width: 0;
}

/* Grid utama */
.clean-blog-cards .elementor-posts-container {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 26px !important;
}

/* Satu card */
.clean-blog-cards .elementor-post {
    display: flex !important;
    flex-direction: column !important;
    height: 100%;
    min-width: 0;

    margin: 0 !important;
    padding: 0 !important;

    background: #ffffff;
    border: 1px solid #e4e9ee;
    border-radius: 18px;
    overflow: hidden;

    box-shadow: 0 3px 14px rgba(16, 42, 67, 0.04);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

.clean-blog-cards .elementor-post:hover {
    transform: translateY(-4px);
    border-color: #d5e0e7;
    box-shadow: 0 14px 32px rgba(16, 42, 67, 0.10);
}

/* =========================================
   GAMBAR
========================================= */

/* Area gambar dengan rasio seragam */
.clean-blog-cards .elementor-post__thumbnail__link {
    display: block !important;
    position: relative !important;

    width: 100% !important;
    aspect-ratio: 16 / 10;

    margin: 0 !important;
    overflow: hidden !important;

    background: #edf2f5;
}

/* Hilangkan rasio bawaan Elementor */
.clean-blog-cards .elementor-post__thumbnail {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
    padding-bottom: 0 !important;

    overflow: hidden !important;
}

/* Foto tidak gepeng */
.clean-blog-cards .elementor-post__thumbnail img {
    position: absolute !important;
    inset: 0 !important;

    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    object-fit: cover !important;
    object-position: center center !important;

    transform: none !important;
    image-rendering: auto;

    transition: transform 0.45s ease;
}

.clean-blog-cards .elementor-post:hover .elementor-post__thumbnail img {
    transform: scale(1.045) !important;
}

/* =========================================
   ISI CARD
========================================= */

.clean-blog-cards .elementor-post__text {
    display: flex !important;
    flex: 1 1 auto;
    flex-direction: column !important;

    width: 100%;
    min-width: 0;

    margin: 0 !important;
    padding: 20px 20px 22px !important;
}

/* Judul */
.clean-blog-cards .elementor-post__title {
    margin: 0 0 7px !important;

    font-family: "Manrope", sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: -0.02em;
}

.clean-blog-cards .elementor-post__title a {
    display: -webkit-box;
    overflow: hidden;

    color: #172b3a !important;
    text-decoration: none !important;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    transition: color 0.2s ease;
}

.clean-blog-cards .elementor-post__title a:hover {
    color: #169fda !important;
}

/* Meta data */
.clean-blog-cards .elementor-post__meta-data {
    margin: 0 0 12px !important;
    padding: 0 !important;
    border: 0 !important;

    font-family: "Inter", sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #8997a5 !important;
}

.clean-blog-cards .elementor-post__meta-data span {
    color: inherit !important;
}

/* Deskripsi */
.clean-blog-cards .elementor-post__excerpt {
    margin: 0 0 18px !important;
}

.clean-blog-cards .elementor-post__excerpt p {
    display: -webkit-box;
    overflow: hidden;

    margin: 0 !important;

    font-family: "Inter", sans-serif !important;
    font-size: 14.5px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
    color: #53636f !important;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

/* Read more selalu sejajar di bawah */
.clean-blog-cards .elementor-post__read-more {
    display: inline-flex !important;
    align-items: center;
    align-self: flex-start;

    margin-top: auto !important;

    font-family: "Inter", sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    line-height: 1.4;

    color: #169fda !important;
    text-decoration: none !important;
    text-transform: none !important;

    transition:
        color 0.2s ease,
        transform 0.2s ease;
}

.clean-blog-cards .elementor-post__read-more:hover {
    color: #087daf !important;
    transform: translateX(3px);
}

/* Mencegah teks atau URL keluar card */
.clean-blog-cards,
.clean-blog-cards * {
    box-sizing: border-box;
    min-width: 0;
    overflow-wrap: anywhere;
}

/* =========================================
   LAPTOP DAN TABLET
========================================= */

@media (max-width: 1100px) {
    .clean-blog-cards .elementor-posts-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 22px !important;
    }

    .clean-blog-cards .elementor-post__text {
        padding: 18px 18px 20px !important;
    }

    .clean-blog-cards .elementor-post__title {
        font-size: 19px !important;
    }
}

/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {
    .clean-blog-cards .elementor-posts-container {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 20px !important;
    }

    .clean-blog-cards .elementor-post {
        border-radius: 15px;
    }

    .clean-blog-cards .elementor-post__thumbnail__link {
        aspect-ratio: 16 / 10;
    }

    .clean-blog-cards .elementor-post__text {
        padding: 17px 17px 19px !important;
    }

    .clean-blog-cards .elementor-post__title {
        font-size: 18px !important;
        line-height: 1.35 !important;
    }

    .clean-blog-cards .elementor-post__excerpt p {
        font-size: 14px !important;
        line-height: 1.65 !important;
        -webkit-line-clamp: 3;
    }

    .clean-blog-cards .elementor-post__read-more {
        font-size: 13px !important;
    }
}

/* HP kecil */
@media (max-width: 400px) {
    .clean-blog-cards .elementor-post__text {
        padding: 15px 15px 17px !important;
    }

    .clean-blog-cards .elementor-post__title {
        font-size: 17px !important;
    }
}/* End custom CSS */