.elementor-384 .elementor-element.elementor-element-5c3a1b6a{--display:flex;--min-height:250px;--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;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-384 .elementor-element.elementor-element-5c3a1b6a:not(.elementor-motion-effects-element-type-background), .elementor-384 .elementor-element.elementor-element-5c3a1b6a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-384 .elementor-element.elementor-element-15920d6c{text-align:center;}.elementor-384 .elementor-element.elementor-element-15920d6c .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-size:45px;font-weight:600;text-transform:capitalize;line-height:1.5em;color:#ffffff;}.elementor-384 .elementor-element.elementor-element-13fc4b41{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:150px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-384 .elementor-element.elementor-element-76da6944{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:50px;}.elementor-384 .elementor-element.elementor-element-2b972d54 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(25px/2);}.elementor-384 .elementor-element.elementor-element-2b972d54 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(25px/2);}.elementor-384 .elementor-element.elementor-element-2b972d54 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(25px/2);margin-left:calc(25px/2);}.elementor-384 .elementor-element.elementor-element-2b972d54 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-25px/2);margin-left:calc(-25px/2);}body.rtl .elementor-384 .elementor-element.elementor-element-2b972d54 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-25px/2);}body:not(.rtl) .elementor-384 .elementor-element.elementor-element-2b972d54 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-25px/2);}.elementor-384 .elementor-element.elementor-element-2b972d54 .elementor-icon-list-item:not(:last-child):after{content:"";height:18%;border-color:#4a4a4a;}.elementor-384 .elementor-element.elementor-element-2b972d54 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-top-style:dotted;border-top-width:5px;}.elementor-384 .elementor-element.elementor-element-2b972d54 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-style:dotted;}.elementor-384 .elementor-element.elementor-element-2b972d54 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-width:5px;}.elementor-384 .elementor-element.elementor-element-2b972d54 .elementor-icon-list-icon{width:0px;}.elementor-384 .elementor-element.elementor-element-2b972d54 .elementor-icon-list-icon i{font-size:0px;}.elementor-384 .elementor-element.elementor-element-2b972d54 .elementor-icon-list-icon svg{--e-icon-list-icon-size:0px;}.elementor-384 .elementor-element.elementor-element-2b972d54 .elementor-icon-list-text, .elementor-384 .elementor-element.elementor-element-2b972d54 .elementor-icon-list-text a{color:#4a4a4a;}.elementor-384 .elementor-element.elementor-element-2b972d54 .elementor-icon-list-item{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:capitalize;}.elementor-384 .elementor-element.elementor-element-6f62a480{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-384 .elementor-element.elementor-element-6f62a480 img{width:100%;}.elementor-384 .elementor-element.elementor-element-9486a92{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;color:#4a4a4a;font-family:"Inter", Sans-serif;font-size:16px;}.elementor-384 .elementor-element.elementor-element-5371decb{--display:flex;}.elementor-384 .elementor-element.elementor-element-43fbe799{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 0px 1px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:rgba(22,22,63,0.2);--border-color:rgba(22,22,63,0.2);--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-384 .elementor-element.elementor-element-6aefaf59 .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-size:18px;font-weight:500;text-transform:capitalize;color:#16163f;}.elementor-384 .elementor-element.elementor-element-d408a72{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-384 .elementor-element.elementor-element-d408a72 .elementor-share-btn{border-width:2px;}.elementor-384 .elementor-element.elementor-element-3ff8c51{--display:flex;}.elementor-384 .elementor-element.elementor-element-1dcc05e6{padding:0px 0px 10px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#02010126;}.elementor-384 .elementor-element.elementor-element-1dcc05e6 .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-size:18px;font-weight:500;text-transform:capitalize;color:#16163f;}.elementor-384 .elementor-element.elementor-element-3d27788a{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-384 .elementor-element.elementor-element-3d27788a > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-384 .elementor-element.elementor-element-3d27788a .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-384 .elementor-element.elementor-element-3d27788a:after{content:"0.66";}.elementor-384 .elementor-element.elementor-element-3d27788a .elementor-post__thumbnail__link{width:30%;}.elementor-384 .elementor-element.elementor-element-3d27788a .elementor-post__meta-data span + span:before{content:"///";}.elementor-384 .elementor-element.elementor-element-3d27788a.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:18px;}.elementor-384 .elementor-element.elementor-element-3d27788a.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:18px;}.elementor-384 .elementor-element.elementor-element-3d27788a.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:18px;}.elementor-384 .elementor-element.elementor-element-3d27788a .elementor-post__title, .elementor-384 .elementor-element.elementor-element-3d27788a .elementor-post__title a{color:#4a4a4a;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;text-transform:capitalize;}.elementor-384 .elementor-element.elementor-element-3d27788a .elementor-post__title{margin-bottom:9px;}.elementor-384 .elementor-element.elementor-element-9f0bfea{--display:flex;}.elementor-384 .elementor-element.elementor-element-3d2d420{padding:0px 0px 10px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#02010126;}.elementor-384 .elementor-element.elementor-element-3d2d420 .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-size:18px;font-weight:500;text-transform:capitalize;color:#16163f;}.elementor-384 .elementor-element.elementor-element-3b556523{--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:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:150px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-384 .elementor-element.elementor-element-526fc160 span.post-navigation__prev--label{color:#4a4a4a;}.elementor-384 .elementor-element.elementor-element-526fc160 span.post-navigation__next--label{color:#4a4a4a;}.elementor-384 .elementor-element.elementor-element-526fc160 span.post-navigation__prev--label, .elementor-384 .elementor-element.elementor-element-526fc160 span.post-navigation__next--label{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;}.elementor-384 .elementor-element.elementor-element-526fc160 span.post-navigation__prev--title, .elementor-384 .elementor-element.elementor-element-526fc160 span.post-navigation__next--title{color:#16163f;font-family:"Merriweather", Sans-serif;font-size:20px;text-transform:capitalize;}.elementor-384 .elementor-element.elementor-element-526fc160 .post-navigation__arrow-wrapper{color:#16163f;fill:#16163f;font-size:21px;}.elementor-384 .elementor-element.elementor-element-526fc160 .elementor-post-navigation__link a {gap:20px;}.elementor-384 .elementor-element.elementor-element-526fc160 .elementor-post-navigation__separator{background-color:#d2d1d8;width:1px;}.elementor-384 .elementor-element.elementor-element-526fc160 .elementor-post-navigation{color:#d2d1d8;border-block-width:1px;padding:40px 0;}.elementor-384 .elementor-element.elementor-element-526fc160 .elementor-post-navigation__next.elementor-post-navigation__link{width:calc(50% - (1px / 2));}.elementor-384 .elementor-element.elementor-element-526fc160 .elementor-post-navigation__prev.elementor-post-navigation__link{width:calc(50% - (1px / 2));}@media(max-width:1024px){.elementor-384 .elementor-element.elementor-element-5c3a1b6a{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-384 .elementor-element.elementor-element-15920d6c .elementor-heading-title{font-size:38px;}.elementor-384 .elementor-element.elementor-element-13fc4b41{--flex-wrap:wrap;--margin-top:80px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}.elementor-384 .elementor-element.elementor-element-76da6944{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;} .elementor-384 .elementor-element.elementor-element-d408a72{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-384 .elementor-element.elementor-element-3d27788a .elementor-post__title, .elementor-384 .elementor-element.elementor-element-3d27788a .elementor-post__title a{font-size:14px;}.elementor-384 .elementor-element.elementor-element-3b556523{--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}}@media(max-width:767px){.elementor-384 .elementor-element.elementor-element-5c3a1b6a{--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}.elementor-384 .elementor-element.elementor-element-15920d6c .elementor-heading-title{font-size:30px;} .elementor-384 .elementor-element.elementor-element-d408a72{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-384 .elementor-element.elementor-element-3d27788a .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-384 .elementor-element.elementor-element-3d27788a:after{content:"0.66";}.elementor-384 .elementor-element.elementor-element-3d27788a .elementor-post__thumbnail__link{width:32%;}}@media(min-width:768px){.elementor-384 .elementor-element.elementor-element-5c3a1b6a{--content-width:650px;}.elementor-384 .elementor-element.elementor-element-13fc4b41{--content-width:1200px;}.elementor-384 .elementor-element.elementor-element-76da6944{--width:65%;}.elementor-384 .elementor-element.elementor-element-5371decb{--width:35%;}.elementor-384 .elementor-element.elementor-element-3b556523{--content-width:1200px;}}@media(max-width:1024px) and (min-width:768px){.elementor-384 .elementor-element.elementor-element-76da6944{--width:100%;}.elementor-384 .elementor-element.elementor-element-5371decb{--width:100%;}}/* Start custom CSS for theme-post-content, class: .elementor-element-9486a92 *//* =========================================
   BLOG POST CONTENT
========================================= */

.blog-post-content {
    width: 100%;
    max-width: 820px;
    margin-inline: auto;

    font-family: "Inter", sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.8;
    color: #344054;

    overflow-wrap: break-word;
    word-break: normal;
}

/* Hilangkan jarak aneh dari wrapper Elementor */
.blog-post-content .elementor-widget-container {
    width: 100%;
    max-width: 100%;
}

/* =========================================
   PARAGRAF
========================================= */

.blog-post-content p {
    margin: 0 0 1.35em !important;

    font-family: "Inter", sans-serif !important;
    font-size: inherit !important;
    font-weight: 400;
    line-height: inherit !important;
    color: #344054;
}

/* Paragraf terakhir */
.blog-post-content p:last-child {
    margin-bottom: 0 !important;
}

/* Teks tebal */
.blog-post-content strong,
.blog-post-content b {
    font-weight: 700;
    color: #172b3a;
}

/* =========================================
   HEADING
========================================= */

.blog-post-content h1,
.blog-post-content h2,
.blog-post-content h3,
.blog-post-content h4,
.blog-post-content h5,
.blog-post-content h6 {
    font-family: "Manrope", sans-serif !important;
    font-weight: 700 !important;
    color: #102b3a !important;

    letter-spacing: -0.025em;
    overflow-wrap: normal;
}

/* H1 dalam isi artikel */
.blog-post-content h1 {
    margin: 1.5em 0 0.55em !important;
    font-size: clamp(34px, 4.2vw, 46px) !important;
    line-height: 1.15 !important;
}

/* Heading section utama */
.blog-post-content h2 {
    margin: 1.7em 0 0.6em !important;
    font-size: clamp(28px, 3.3vw, 36px) !important;
    line-height: 1.2 !important;
}

/* Subheading */
.blog-post-content h3 {
    margin: 1.55em 0 0.55em !important;
    font-size: clamp(23px, 2.7vw, 29px) !important;
    line-height: 1.28 !important;
}

.blog-post-content h4 {
    margin: 1.45em 0 0.5em !important;
    font-size: clamp(19px, 2.2vw, 23px) !important;
    line-height: 1.35 !important;
}

.blog-post-content h5 {
    margin: 1.4em 0 0.5em !important;
    font-size: 18px !important;
    line-height: 1.4 !important;
}

.blog-post-content h6 {
    margin: 1.4em 0 0.5em !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* Heading pertama tidak terlalu jauh dari atas */
.blog-post-content > h1:first-child,
.blog-post-content > h2:first-child,
.blog-post-content > h3:first-child,
.blog-post-content .elementor-widget-container > h1:first-child,
.blog-post-content .elementor-widget-container > h2:first-child,
.blog-post-content .elementor-widget-container > h3:first-child {
    margin-top: 0 !important;
}

/* =========================================
   LINK
========================================= */

.blog-post-content a {
    color: #159bd7;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;

    transition: color 0.2s ease;
}

.blog-post-content a:hover {
    color: #0879ae;
}

/* =========================================
   BULLET DAN NUMBERED LIST
========================================= */

.blog-post-content ul,
.blog-post-content ol {
    margin: 0 0 1.5em !important;
    padding-left: 1.5em !important;
}

.blog-post-content li {
    margin-bottom: 0.55em;
    padding-left: 0.25em;

    font-family: "Inter", sans-serif;
    font-size: inherit;
    line-height: 1.7;
    color: #344054;
}

.blog-post-content li::marker {
    color: #159bd7;
    font-weight: 700;
}

.blog-post-content li > ul,
.blog-post-content li > ol {
    margin-top: 0.55em !important;
    margin-bottom: 0 !important;
}

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

.blog-post-content img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;

    margin: 2em auto;
    border-radius: 16px;
}

/* Figure WordPress */
.blog-post-content figure {
    width: 100%;
    max-width: 100%;
    margin: 2em 0;
}

.blog-post-content figure img {
    margin: 0;
}

/* Caption */
.blog-post-content figcaption,
.blog-post-content .wp-caption-text,
.blog-post-content .wp-element-caption {
    margin-top: 10px;

    font-family: "Inter", sans-serif;
    font-size: 13px;
    line-height: 1.55;
    text-align: center;
    color: #7a8793;
}

/* =========================================
   BLOCKQUOTE
========================================= */

.blog-post-content blockquote {
    margin: 2em 0;
    padding: 20px 24px;

    background: #f2f8fb;
    border-left: 4px solid #159bd7;
    border-radius: 0 12px 12px 0;
}

.blog-post-content blockquote p {
    margin: 0 !important;

    font-size: 18px !important;
    font-weight: 500;
    line-height: 1.65 !important;
    color: #213746;
}

/* =========================================
   TABEL
========================================= */

.blog-post-content table {
    width: 100%;
    margin: 2em 0;

    border-collapse: collapse;
    border-spacing: 0;

    font-family: "Inter", sans-serif;
    font-size: 15px;
    line-height: 1.6;
}

.blog-post-content th,
.blog-post-content td {
    padding: 13px 15px;
    border: 1px solid #dde5ea;

    text-align: left;
    vertical-align: top;
}

.blog-post-content th {
    font-family: "Manrope", sans-serif;
    font-weight: 700;
    color: #ffffff;
    background: #159bd7;
}

.blog-post-content tr:nth-child(even) td {
    background: #f7fafc;
}

/* =========================================
   VIDEO DAN EMBED
========================================= */

.blog-post-content iframe,
.blog-post-content video,
.blog-post-content embed {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 2em auto;

    border: 0;
    border-radius: 14px;
}

/* Video responsif */
.blog-post-content .wp-block-embed__wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 14px;
}

.blog-post-content .wp-block-embed__wrapper iframe {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;
    margin: 0;
}

/* =========================================
   GARIS PEMBATAS
========================================= */

.blog-post-content hr {
    margin: 2.8em 0;

    border: 0;
    border-top: 1px solid #e1e7eb;
}

/* =========================================
   TABLET
========================================= */

@media (max-width: 1024px) {
    .blog-post-content {
        max-width: 100%;
        font-size: 16.5px;
        line-height: 1.75;
    }

    .blog-post-content h2 {
        margin-top: 1.55em !important;
    }

    .blog-post-content img,
    .blog-post-content figure {
        margin-top: 1.7em;
        margin-bottom: 1.7em;
    }
}

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

@media (max-width: 767px) {
    .blog-post-content {
        width: 100%;
        max-width: 100%;

        font-size: 16px;
        line-height: 1.72;
    }

    .blog-post-content p {
        margin-bottom: 1.2em !important;
    }

    .blog-post-content h1 {
        margin-top: 1.35em !important;
        font-size: 31px !important;
        line-height: 1.18 !important;
    }

    .blog-post-content h2 {
        margin-top: 1.45em !important;
        font-size: 27px !important;
        line-height: 1.24 !important;
    }

    .blog-post-content h3 {
        margin-top: 1.35em !important;
        font-size: 22px !important;
        line-height: 1.3 !important;
    }

    .blog-post-content h4 {
        font-size: 19px !important;
    }

    .blog-post-content ul,
    .blog-post-content ol {
        padding-left: 1.25em !important;
    }

    .blog-post-content li {
        margin-bottom: 0.5em;
        line-height: 1.65;
    }

    .blog-post-content img {
        margin: 1.5em auto;
        border-radius: 12px;
    }

    .blog-post-content figure {
        margin: 1.5em 0;
    }

    .blog-post-content blockquote {
        margin: 1.6em 0;
        padding: 17px 18px;
    }

    .blog-post-content blockquote p {
        font-size: 16px !important;
    }

    /* Tabel dapat digeser pada mobile */
    .blog-post-content table {
        display: block;
        width: 100%;
        overflow-x: auto;

        font-size: 14px;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    .blog-post-content th,
    .blog-post-content td {
        padding: 11px 12px;
    }
}

/* =========================================
   HP KECIL
========================================= */

@media (max-width: 400px) {
    .blog-post-content {
        font-size: 15.5px;
    }

    .blog-post-content h1 {
        font-size: 28px !important;
    }

    .blog-post-content h2 {
        font-size: 25px !important;
    }

    .blog-post-content h3 {
        font-size: 21px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ff8c51 *//* =========================================
   LATEST / MORE POSTS SIDEBAR
========================================= */

.latest-posts-card {
    width: 100%;
    max-width: 100%;
    padding: 24px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    box-sizing: border-box;
    overflow: hidden;
}

/* Heading More Posts / Latest Articles */
.latest-posts-card > .elementor-element:first-child {
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e2e8f0;
}

.latest-posts-card > .elementor-element:first-child h2,
.latest-posts-card > .elementor-element:first-child h3,
.latest-posts-card > .elementor-element:first-child .elementor-heading-title {
    margin: 0;
    font-family: "Manrope", sans-serif;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.3;
    color: #172237;
}

/* =========================================
   DAFTAR POST
========================================= */

.latest-posts-list {
    width: 100%;
    min-width: 0;
}

.latest-posts-list .elementor-posts-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
}

/* Satu post */
.latest-posts-list .elementor-post {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 15px !important;

    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

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

.latest-posts-list .elementor-post__thumbnail__link {
    display: block !important;
    flex: 0 0 72px !important;

    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;

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

    border-radius: 12px !important;
    overflow: hidden !important;
}

/* Hapus rasio bawaan Elementor */
.latest-posts-list .elementor-post__thumbnail {
    position: relative !important;

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

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

    border-radius: inherit !important;
    overflow: hidden !important;
    background: #edf2f7;
}

/* Foto tetap proporsional */
.latest-posts-list .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;

    border-radius: inherit !important;
    transform: none !important;

    transition: transform 0.3s ease;
}

.latest-posts-list .elementor-post:hover .elementor-post__thumbnail img {
    transform: scale(1.05) !important;
}

/* =========================================
   AREA TEKS
========================================= */

.latest-posts-list .elementor-post__text {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 0 !important;

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

/* Judul post */
.latest-posts-list .elementor-post__title {
    order: 1;
    margin: 0 0 5px !important;

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

.latest-posts-list .elementor-post__title a {
    display: -webkit-box;
    overflow: hidden;

    color: #1e293b !important;
    text-decoration: none !important;

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

    transition: color 0.2s ease;
}

.latest-posts-list .elementor-post__title a:hover {
    color: #159bd7 !important;
}

/* Tanggal */
.latest-posts-list .elementor-post__meta-data {
    order: 2;

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

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

.latest-posts-list .elementor-post__meta-data span {
    color: inherit !important;
}

/* Hilangkan bagian yang tidak dibutuhkan */
.latest-posts-list .elementor-post__excerpt,
.latest-posts-list .elementor-post__read-more,
.latest-posts-list .elementor-post__badge,
.latest-posts-list .elementor-post-avatar {
    display: none !important;
}

/* Mencegah teks keluar container */
.latest-posts-list,
.latest-posts-list * {
    box-sizing: border-box;
    min-width: 0;
    overflow-wrap: anywhere;
}

/* =========================================
   TABLET
========================================= */

@media (max-width: 1024px) {
    .latest-posts-card {
        padding: 21px;
        border-radius: 18px;
    }

    .latest-posts-list .elementor-posts-container {
        gap: 18px !important;
    }

    .latest-posts-list .elementor-post {
        gap: 13px !important;
    }

    .latest-posts-list .elementor-post__thumbnail__link {
        flex-basis: 68px !important;
        width: 68px !important;
        height: 68px !important;
        min-width: 68px !important;
    }

    .latest-posts-list .elementor-post__title {
        font-size: 14.5px !important;
    }
}

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

@media (max-width: 767px) {
    .latest-posts-card {
        padding: 18px;
        border-radius: 16px;
    }

    .latest-posts-card > .elementor-element:first-child {
        margin-bottom: 17px;
        padding-bottom: 14px;
    }

    .latest-posts-card > .elementor-element:first-child h2,
    .latest-posts-card > .elementor-element:first-child h3,
    .latest-posts-card > .elementor-element:first-child .elementor-heading-title {
        font-size: 18px;
    }

    .latest-posts-list .elementor-posts-container {
        gap: 17px !important;
    }

    .latest-posts-list .elementor-post {
        gap: 12px !important;
    }

    .latest-posts-list .elementor-post__thumbnail__link {
        flex-basis: 64px !important;
        width: 64px !important;
        height: 64px !important;
        min-width: 64px !important;
        border-radius: 10px !important;
    }

    .latest-posts-list .elementor-post__title {
        font-size: 14px !important;
        line-height: 1.35 !important;
    }

    .latest-posts-list .elementor-post__meta-data {
        font-size: 11.5px !important;
    }
}

/* HP sangat kecil */
@media (max-width: 400px) {
    .latest-posts-card {
        padding: 15px;
    }

    .latest-posts-list .elementor-post {
        gap: 11px !important;
    }

    .latest-posts-list .elementor-post__thumbnail__link {
        flex-basis: 58px !important;
        width: 58px !important;
        height: 58px !important;
        min-width: 58px !important;
    }

    .latest-posts-list .elementor-post__title {
        font-size: 13.5px !important;
    }
}/* End custom CSS */
/* Start custom CSS for wp-widget-categories, class: .elementor-element-0b6100b *//* =====================================
   CLEAN CATEGORY LIST
===================================== */

.clean-category-list {
    width: 100%;
    font-family: "Inter", sans-serif;
}

/* Hilangkan judul bawaan widget: "Kategori" */
.clean-category-list .widget-title,
.clean-category-list .wp-block-heading,
.clean-category-list .elementor-widget-container > h2,
.clean-category-list .elementor-widget-container > h3,
.clean-category-list .elementor-widget-container > h4,
.clean-category-list .elementor-widget-container > h5 {
    display: none !important;
}

/* Hilangkan style list bawaan */
.clean-category-list ul {
    display: flex;
    flex-direction: column;
    gap: 0;

    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Setiap kategori */
.clean-category-list ul li {
    position: relative;
    display: flex;
    align-items: center;

    width: 100%;
    margin: 0 !important;
    padding: 12px 10px 12px 22px;

    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.45;
    color: #1e293b;

    border-bottom: 1px solid #edf0f4;
    box-sizing: border-box;

    transition:
        background-color 0.2s ease,
        padding-left 0.2s ease;
}

/* Hilangkan garis item terakhir */
.clean-category-list ul li:last-child {
    border-bottom: 0;
}

/* Bullet kecil */
.clean-category-list ul li::before {
    content: "";
    position: absolute;
    left: 7px;
    top: 50%;

    width: 6px;
    height: 6px;

    background: #1fa4df;
    border-radius: 50%;
    transform: translateY(-50%);
}

/* Link kategori */
.clean-category-list ul li > a {
    display: block;
    flex: 1;
    min-width: 0;

    color: #263247 !important;
    text-decoration: none !important;

    transition: color 0.2s ease;
}

/* Hover */
.clean-category-list ul li:hover {
    padding-left: 25px;
    background: #f5f9fc;
    border-radius: 8px;
}

.clean-category-list ul li:hover > a {
    color: #149bd7 !important;
}

/* Jumlah post jika diaktifkan */
.clean-category-list .cat-item {
    color: #94a3b8;
}

/* Subcategory */
.clean-category-list ul ul {
    width: 100%;
    margin-top: 8px !important;
    padding-left: 14px !important;
}

.clean-category-list ul ul li {
    font-size: 14px;
}

/* =====================================
   TABLET
===================================== */

@media (max-width: 1024px) {
    .clean-category-list ul li {
        padding-top: 11px;
        padding-bottom: 11px;
        font-size: 14.5px;
    }
}

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

@media (max-width: 767px) {
    .clean-category-list ul li {
        padding: 10px 8px 10px 20px;
        font-size: 14px;
    }

    .clean-category-list ul li::before {
        left: 6px;
        width: 5px;
        height: 5px;
    }

    .clean-category-list ul li:hover {
        padding-left: 23px;
    }
}/* End custom CSS */