.elementor-537 .elementor-element.elementor-element-3f9e9be{--display:flex;--overflow:hidden;}.elementor-537 .elementor-element.elementor-element-3f9e9be:not(.elementor-motion-effects-element-type-background), .elementor-537 .elementor-element.elementor-element-3f9e9be > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(40deg, #F37121 0%, #FF9600 100%);}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}body:not(.rtl) .elementor-537 .elementor-element.elementor-element-620d423{left:0px;}body.rtl .elementor-537 .elementor-element.elementor-element-620d423{right:0px;}.elementor-537 .elementor-element.elementor-element-620d423{top:1px;z-index:1;}.elementor-537 .elementor-element.elementor-element-620d423 img{opacity:0.8;}.elementor-537 .elementor-element.elementor-element-f194d75{--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:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10rem;--padding-bottom:5rem;--padding-left:15%;--padding-right:15%;--z-index:2;}.elementor-537 .elementor-element.elementor-element-f194d75.e-con{--align-self:center;}.elementor-537 .elementor-element.elementor-element-d9cda49{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-537 .elementor-element.elementor-element-6d613e8{z-index:1;}.elementor-537 .elementor-element.elementor-element-6d613e8 .elementor-heading-title{font-family:"Work Sans", Sans-serif;font-size:58px;font-weight:700;color:#FFFFFF;}.elementor-537 .elementor-element.elementor-element-a40b122 .elementor-heading-title{font-family:"Work Sans", Sans-serif;font-size:18px;font-weight:400;line-height:24px;color:#FFFFFF;}.elementor-widget-button .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 );line-height:var( --e-global-typography-accent-line-height );}.elementor-537 .elementor-element.elementor-element-aa2bd78 .elementor-button{background-color:#646464;font-family:"Work Sans", Sans-serif;font-weight:500;line-height:24px;fill:#FFFFFF;color:#FFFFFF;transition-duration:0.3s;border-style:solid;border-width:2px 2px 2px 2px;border-color:#646464;border-radius:8px 8px 8px 8px;padding:12px 16px 12px 16px;}.elementor-537 .elementor-element.elementor-element-aa2bd78 .elementor-button:hover, .elementor-537 .elementor-element.elementor-element-aa2bd78 .elementor-button:focus{background-color:#FFFFFF;color:#F37121;border-color:#FFFFFF;}.elementor-537 .elementor-element.elementor-element-aa2bd78 .elementor-button-content-wrapper{flex-direction:row;}.elementor-537 .elementor-element.elementor-element-aa2bd78 .elementor-button:hover svg, .elementor-537 .elementor-element.elementor-element-aa2bd78 .elementor-button:focus svg{fill:#F37121;}body:not(.rtl) .elementor-537 .elementor-element.elementor-element-8497ec9{right:0px;}body.rtl .elementor-537 .elementor-element.elementor-element-8497ec9{left:0px;}.elementor-537 .elementor-element.elementor-element-8497ec9{top:0px;z-index:0;}.elementor-537 .elementor-element.elementor-element-7bf5534{--display:flex;--min-height:100vh;--background-transition:0.3s;--margin-top:5rem;--margin-bottom:5rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0rem;--padding-bottom:0rem;--padding-left:8rem;--padding-right:8rem;}body.elementor-page-537:not(.elementor-motion-effects-element-type-background), body.elementor-page-537 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F0F0;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-537 .elementor-element.elementor-element-d9cda49{--width:75%;}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{line-height:var( --e-global-typography-text-line-height );}.elementor-537 .elementor-element.elementor-element-620d423{top:-256px;z-index:0;}.elementor-537 .elementor-element.elementor-element-f194d75{--padding-top:8rem;--padding-bottom:8rem;--padding-left:5%;--padding-right:5%;}.elementor-537 .elementor-element.elementor-element-6d613e8 .elementor-heading-title{font-size:40px;}.elementor-537 .elementor-element.elementor-element-a40b122 .elementor-heading-title{font-size:14px;}.elementor-widget-button .elementor-button{line-height:var( --e-global-typography-accent-line-height );}.elementor-537 .elementor-element.elementor-element-aa2bd78 .elementor-button{font-size:12px;line-height:18px;padding:10px 15px 10px 15px;}body:not(.rtl) .elementor-537 .elementor-element.elementor-element-8497ec9{right:-103px;}body.rtl .elementor-537 .elementor-element.elementor-element-8497ec9{left:-103px;}.elementor-537 .elementor-element.elementor-element-8497ec9{top:206px;z-index:0;}.elementor-537 .elementor-element.elementor-element-8497ec9 img{width:63%;}.elementor-537 .elementor-element.elementor-element-7bf5534{--padding-top:0rem;--padding-bottom:0rem;--padding-left:4rem;--padding-right:4rem;}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{line-height:var( --e-global-typography-text-line-height );}.elementor-537 .elementor-element.elementor-element-6d613e8 .elementor-heading-title{font-size:26px;}.elementor-537 .elementor-element.elementor-element-a40b122 .elementor-heading-title{font-size:13px;line-height:1.3em;}.elementor-widget-button .elementor-button{line-height:var( --e-global-typography-accent-line-height );}.elementor-537 .elementor-element.elementor-element-aa2bd78 .elementor-button{padding:10px 18px 10px 18px;}.elementor-537 .elementor-element.elementor-element-7bf5534{--padding-top:0rem;--padding-bottom:0rem;--padding-left:2rem;--padding-right:2rem;}}/* Start custom CSS */:root {
            --orange: #f37121;
            --dark-grey: #3c3c3c;
            --text-grey: #505050;
            --transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }

        body { font-family: 'Inter', sans-serif;}

        /* ================= ACCORDION WRAPPER ================= */
        .custom-accordion { max-width: 1140px; margin: 0 auto; }

        .accordion-item {
            border-radius: 20px;
            background: #ffffff;
            box-shadow: 0 6px 30px rgba(0, 0, 0, 0.08);
            margin-bottom: 24px;
            overflow: hidden;
            border: 1px solid transparent;
            transition: var(--transition);
        }

        .accordion-item.is-open { border-color: var(--orange); }

        /* ================= HEADER STYLE ================= */
        .accordion-header {
            width: 100%;
            padding: 40px 50px;
            display: flex;
            justify-content: space-between;
            align-items: flex-start; /* Mengikuti tinggi konten yang dinamis */
            cursor: pointer;
            background: transparent;
            border: none;
            text-align: left;
            box-sizing: border-box;
        }

        .header-content-left { flex: 1; }

        .accordion-title {
            font-size: 36px;
            font-weight: 800;
            color: var(--text-grey) !important;
            margin: 0 0 25px 0;
        }

        /* Info Detail (Industry, etc) */
        .kv { margin: 0 0 20px 0; }
        .kv > div {
            display: grid;
            grid-template-columns: 220px 1fr;
            margin-bottom: 8px;
            align-items: baseline;
        }
        .kv dt { font-weight: 700; color: #3c3c3c; font-size: 16px; }
        .kv dd { margin: 0; color: #505050; font-weight: 500; font-size: 17px; }

        /* Icon Expand */
        .accordion-icon {
            width: 44px;
            height: 44px;
            border-radius: 50%;
            background: var(--orange);
            position: relative;
            transition: transform 0.4s ease;
            flex-shrink: 0;
            margin-top: 10px; /* Menyelaraskan dengan judul */
            margin-left: 30px;
        }

        .accordion-icon::before {
            content: "";
            position: absolute;
            inset: 0;
            margin: auto;
            width: 12px;
            height: 12px;
            border-right: 3px solid #fff;
            border-bottom: 3px solid #fff;
            transform: rotate(45deg) translateY(-2px);
        }

        .accordion-item.is-open .accordion-icon {
            transform: rotate(180deg);
            background-color: #DCDCDC;
        }

        /* ================= CONTENT (DI ANTARA KV DAN TAGS) ================= */
        .accordion-content {
            max-height: 0;
            overflow: hidden;
            opacity: 0;
            visibility: hidden;
            transition: max-height 0.45s ease, opacity 0.4s ease;
        }

        .accordion-item.is-open .accordion-content {
            opacity: 1;
            visibility: visible;
            margin-bottom: 2rem; /* Jarak ke Tags saat terbuka */
        }

        .case-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 25px;
            padding: 10px 0;
        }
        .case-p1, .case-p2, .case-p3, .case-p4 {
            font-size: 16px;
            color: var(--dark-grey);
            line-height: 1.5;
            margin: 0;
        }
        
        .case-grid > div > ul {
            padding: 0 10%;
        }
        
        .case-grid > div > ul li {
            list-style-type: disc;
        }
        
        .case-p4 blockquote {
          margin: 0;
          font-size: 17px;
          color: #F37121 !important;
          font-weight: 600;
          font-style: italic;
          color: rgba(0, 0, 0, .75);
        }

        /* ================= TAGS (SELALU ADA) ================= */
        .accordion-tags {
            display: flex;
            gap: 30px;
            flex-wrap: wrap;
            margin-top: 10px;
        }
        .tag {
            display: flex;
            align-items: center;
            gap: 10px;
            font-weight: 700;
            color: var(--dark-grey);
            font-size: 15px;
        }
        .tag::before {
            content: "✔";
            display: flex;
            justify-content: center;
            align-items: center;
            width: 22px;
            height: 22px;
            border: 2px solid var(--orange);
            border-radius: 50%;
            color: var(--orange);
            font-size: 12px;
        }

        /* ================= BUTTONS (HANYA MUNCUL SAAT TERBUKA) ================= */
        .accordion-footer-buttons {
            max-height: 0;
            overflow: hidden;
            opacity: 0;
            display: flex;
            gap: 15px;
            transition: all 0.4s ease;
        }

        .accordion-item.is-open .accordion-footer-buttons {
            max-height: 100px;
            opacity: 1;
            margin-top: 30px;
            z-index: 10;
        }

        .btn-read-more, .btn-download {
            text-decoration: none;
            font-weight: 700;
            padding: 10px 22px;
            border-radius: 8px;
            font-size: 15px;
            transition: 0.3s;
        }
        .btn-read-more { border: 2px solid #3c3c3c; color: #3c3c3c !important; }
        .btn-download { background: var(--orange); color: #fff; }
        .btn-read-more:hover { background: #3c3c3c; color: #fff !important; }
        
    /* ================= RESPONSIVE ADJUSTMENTS ================= */

/* Tablet (max-width: 991px) */
@media (max-width: 991px) {
    .accordion-title {
        font-size: 28px;
    }
    .kv > div {
        grid-template-columns: 180px 1fr;
    }
}

/* Mobile (max-width: 767px) */
@media (max-width: 767px) {
    .accordion-header {
        padding: 30px 20px; /* Padding lebih kecil di mobile */
    }

    .accordion-title {
        font-size: 22px;
        margin-bottom: 20px;
        padding-right: 20px; /* Agar tidak menabrak icon */
    }

    /* Mengubah Key-Value menjadi tumpuk (stacked) */
    .kv > div {
        grid-template-columns: 1fr;
        gap: 2px;
        margin-bottom: 12px;
    }

    .kv dt {
        font-size: 14px;
        color: var(--orange); /* Memberi warna pada label agar pemisah jelas */
    }

    .kv dd {
        font-size: 15px;
    }

    /* Mengubah Grid Konten menjadi 1 kolom */
    .case-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    /* Menyesuaikan Tags */
    .accordion-tags {
        gap: 15px;
    }
    
    .tag {
        font-size: 13px;
    }

    /* Menyesuaikan Tombol agar Full Width di mobile */
    .accordion-footer-buttons {
        flex-direction: column;
        max-height: none; /* Izinkan tinggi fleksibel */
    }

    .accordion-item.is-open .accordion-footer-buttons {
        max-height: 250px; /* Sesuaikan kapasitas untuk tombol tumpuk */
    }

    .btn-read-more, .btn-download {
        text-align: center;
        width: 100%;
        box-sizing: border-box;
    }

    /* Menyesuaikan posisi Icon */
    .accordion-icon {
        width: 36px;
        height: 36px;
        margin-left: 10px;
    }
    
    .accordion-icon::before {
        width: 8px;
        height: 8px;
    }
}/* End custom CSS */