.elementor-56 .elementor-element.elementor-element-692e3dc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:2rem;--padding-bottom:2rem;--padding-left:0rem;--padding-right:0rem;}.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-56 .elementor-element.elementor-element-28c8af9{--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;--padding-top:2rem;--padding-bottom:2rem;--padding-left:0rem;--padding-right:0rem;}.elementor-56 .elementor-element.elementor-element-28c8af9.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-56 .elementor-element.elementor-element-6367c1d{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:100px 100px 100px 100px;}.elementor-56 .elementor-element.elementor-element-470aada > .elementor-widget-container{border-radius:800px 800px 800px 800px;box-shadow:0px 0px 37px 0px rgba(0,0,0,0.5);}.elementor-56 .elementor-element.elementor-element-470aada:hover > .elementor-widget-container{border-radius:500px 500px 500px 500px;}.elementor-56 .elementor-element.elementor-element-470aada:hover .elementor-widget-container{box-shadow:0px 0px 81px 0px rgba(0,0,0,0.5);}.elementor-56 .elementor-element.elementor-element-9b8ba01{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:100px 100px 100px 100px;--margin-top:-6rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-56 .elementor-element.elementor-element-9b8ba01.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-56 .elementor-element.elementor-element-05137cd{width:auto;max-width:auto;bottom:-155px;}.elementor-56 .elementor-element.elementor-element-05137cd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-56 .elementor-element.elementor-element-05137cd.elementor-element{--flex-grow:0;--flex-shrink:1;}body:not(.rtl) .elementor-56 .elementor-element.elementor-element-05137cd{right:25%;}body.rtl .elementor-56 .elementor-element.elementor-element-05137cd{left:25%;}.elementor-56 .elementor-element.elementor-element-05137cd .elementor-icon-wrapper{text-align:center;}.elementor-56 .elementor-element.elementor-element-05137cd.elementor-view-stacked .elementor-icon{background-color:#121313;}.elementor-56 .elementor-element.elementor-element-05137cd.elementor-view-framed .elementor-icon, .elementor-56 .elementor-element.elementor-element-05137cd.elementor-view-default .elementor-icon{color:#121313;border-color:#121313;}.elementor-56 .elementor-element.elementor-element-05137cd.elementor-view-framed .elementor-icon, .elementor-56 .elementor-element.elementor-element-05137cd.elementor-view-default .elementor-icon svg{fill:#121313;}.elementor-56 .elementor-element.elementor-element-05137cd .elementor-icon{font-size:10rem;}.elementor-56 .elementor-element.elementor-element-05137cd .elementor-icon svg{height:10rem;}.elementor-56 .elementor-element.elementor-element-05137cd .elementor-icon i, .elementor-56 .elementor-element.elementor-element-05137cd .elementor-icon svg{transform:rotate(0deg);}.elementor-56 .elementor-element.elementor-element-cfd78b7{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:5px 5px;--row-gap:5px;--column-gap:5px;--margin-top:5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-56 .elementor-element.elementor-element-cfd78b7.e-con{--align-self:center;}.elementor-56 .elementor-element.elementor-element-0865f97{--display:flex;--min-height:0em;--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:flex-end;--align-items:center;--flex-wrap:wrap;--align-content:space-around;}.elementor-56 .elementor-element.elementor-element-0865f97.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-56 .elementor-element.elementor-element-b3ec075 > .elementor-widget-container{padding:10px 20px 10px 20px;border-radius:15px 15px 15px 15px;}.elementor-56 .elementor-element.elementor-element-b3ec075.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-56 .elementor-element.elementor-element-b3ec075{text-align:start;}.elementor-56 .elementor-element.elementor-element-b3ec075 .elementor-heading-title{font-family:"agrandir", Sans-serif;font-size:1.7rem;font-weight:400;line-height:3.1rem;}.elementor-56 .elementor-element.elementor-element-4180592{--display:flex;--min-height:0em;--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:flex-end;--align-items:center;}.elementor-56 .elementor-element.elementor-element-4180592.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-56 .elementor-element.elementor-element-274bf47 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-56 .elementor-element.elementor-element-274bf47.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-56 .elementor-element.elementor-element-274bf47 .elementor-icon-wrapper{text-align:start;}.elementor-56 .elementor-element.elementor-element-274bf47 .elementor-icon{font-size:4rem;}.elementor-56 .elementor-element.elementor-element-274bf47 .elementor-icon svg{height:4rem;}.elementor-56 .elementor-element.elementor-element-abaf4bd > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-56 .elementor-element.elementor-element-abaf4bd.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-56 .elementor-element.elementor-element-abaf4bd .elementor-icon-wrapper{text-align:start;}.elementor-56 .elementor-element.elementor-element-abaf4bd .elementor-icon{font-size:4rem;}.elementor-56 .elementor-element.elementor-element-abaf4bd .elementor-icon svg{height:4rem;}body.elementor-page-56:not(.elementor-motion-effects-element-type-background), body.elementor-page-56 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(90deg, var( --e-global-color-primary ) 0%, var( --e-global-color-accent ) 100%);}:root{--page-title-display:none;}@media(min-width:768px){.elementor-56 .elementor-element.elementor-element-692e3dc{--width:70%;}.elementor-56 .elementor-element.elementor-element-28c8af9{--width:92%;}.elementor-56 .elementor-element.elementor-element-9b8ba01{--width:100%;}.elementor-56 .elementor-element.elementor-element-cfd78b7{--content-width:60%;}.elementor-56 .elementor-element.elementor-element-0865f97{--width:50%;}.elementor-56 .elementor-element.elementor-element-4180592{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-56 .elementor-element.elementor-element-cfd78b7{--content-width:80%;}.elementor-56 .elementor-element.elementor-element-0865f97{--width:50%;}.elementor-56 .elementor-element.elementor-element-4180592{--width:50%;}}@media(max-width:1024px){body:not(.rtl) .elementor-56 .elementor-element.elementor-element-05137cd{right:10%;}body.rtl .elementor-56 .elementor-element.elementor-element-05137cd{left:10%;}.elementor-56 .elementor-element.elementor-element-05137cd .elementor-icon{font-size:8rem;}.elementor-56 .elementor-element.elementor-element-05137cd .elementor-icon svg{height:8rem;}.elementor-56 .elementor-element.elementor-element-cfd78b7{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-56 .elementor-element.elementor-element-0865f97{--min-height:0;}.elementor-56 .elementor-element.elementor-element-0865f97.e-con{--flex-grow:1;--flex-shrink:0;}}@media(max-width:767px){.elementor-56 .elementor-element.elementor-element-9b8ba01{--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}.elementor-56 .elementor-element.elementor-element-05137cd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-56 .elementor-element.elementor-element-05137cd{right:10%;}body.rtl .elementor-56 .elementor-element.elementor-element-05137cd{left:10%;}.elementor-56 .elementor-element.elementor-element-05137cd{bottom:-41px;}.elementor-56 .elementor-element.elementor-element-05137cd .elementor-icon{font-size:5rem;}.elementor-56 .elementor-element.elementor-element-05137cd .elementor-icon svg{height:5rem;}.elementor-56 .elementor-element.elementor-element-cfd78b7{--content-width:80%;--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:flex-end;--margin-top:-9%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-56 .elementor-element.elementor-element-0865f97{--width:52%;--min-height:0vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-56 .elementor-element.elementor-element-0865f97.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-56 .elementor-element.elementor-element-b3ec075 .elementor-heading-title{font-size:1rem;line-height:2rem;}.elementor-56 .elementor-element.elementor-element-4180592{--width:30%;--min-height:0vh;--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:flex-start;--align-items:flex-end;}.elementor-56 .elementor-element.elementor-element-4180592.e-con{--align-self:flex-end;--order:99999 /* order end hack */;}.elementor-56 .elementor-element.elementor-element-274bf47 .elementor-icon{font-size:10vw;}.elementor-56 .elementor-element.elementor-element-274bf47 .elementor-icon svg{height:10vw;}.elementor-56 .elementor-element.elementor-element-abaf4bd .elementor-icon{font-size:10vw;}.elementor-56 .elementor-element.elementor-element-abaf4bd .elementor-icon svg{height:10vw;}}/* Start custom CSS for icon, class: .elementor-element-05137cd *//* --- Kode Utama (Sudah Ada) --- */
.elementor-56 .elementor-element.elementor-element-05137cd {
    display: inline-block;
    transform: scaleX(-1);
}

.elementor-56 .elementor-element.elementor-element-05137cd .elementor-widget-container {
    position: relative;
    display: inline-block;
    animation: reveal-arrow 3s ease-in-out infinite;
    border: none !important;
    text-decoration: none !important;
}

@keyframes reveal-arrow {
    0% {
        clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    50%, 80% {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        opacity: 1;
    }
    100% {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        opacity: 0;
    }
}

/* --- Tambahan untuk Dark Mode --- */
@media (prefers-color-scheme: dark) {
    /* Jika menggunakan Icon Elementor */
    .elementor-56 .elementor-element.elementor-element-05137cd i {
        color: #ffffff !important;
    }
    /* Jika menggunakan SVG Inline atau Image */
    .elementor-56 .elementor-element.elementor-element-05137cd svg {
        fill: #ffffff !important;
    }
    /* Jika SVG menggunakan path spesifik di dalamnya */
    .elementor-56 .elementor-element.elementor-element-05137cd svg path {
        fill: #ffffff !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9b8ba01 */.elementor-56 .elementor-element.elementor-element-9b8ba01 { position: relative; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b3ec075 *//* Container Utama */
.elementor-56 .elementor-element.elementor-element-b3ec075 {
    display: inline-block;
}

/* Kotak dengan Efek Glow Berdenyut */
.elementor-56 .elementor-element.elementor-element-b3ec075 .elementor-widget-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    
    /* Bentuk Kotak */
    padding: 15px 25px; /* Sesuaikan padding agar tulisan pas */
    border-radius: 15px;
    background-color: rgba(212, 175, 55, 0.1); 
    border: 1px solid rgba(212, 175, 55, 0.3);
    
    /* Hanya animasi Glow yang berjalan */
    animation: gold-box-glow 2s ease-in-out infinite alternate;
    
    /* Menghilangkan dekorasi default */
    text-decoration: none !important;
}

/* Animasi Pendaran Emas (Hanya pada Border & Shadow) */
@keyframes gold-box-glow {
    0% {
        box-shadow: 0 0 5px rgba(212, 175, 55, 0.2);
        border-color: rgba(212, 175, 55, 0.3);
        background-color: rgba(212, 175, 55, 0.05);
    }
    100% {
        box-shadow: 0 0 25px rgba(255, 223, 0, 0.7);
        border-color: rgba(255, 223, 0, 1);
        background-color: rgba(212, 175, 55, 0.15);
    }
}

/* Memastikan Ikon/Tulisan Selalu Muncul (Tanpa Animasi Reveal) */
.elementor-56 .elementor-element.elementor-element-b3ec075 i, .elementor-56 .elementor-element.elementor-element-b3ec075 svg, .elementor-56 .elementor-element.elementor-element-b3ec075 span, .elementor-56 .elementor-element.elementor-element-b3ec075 a {
    opacity: 1 !important;
    clip-path: none !important;
}

/* Support Dark Mode */
@media (prefers-color-scheme: dark) {
    .elementor-56 .elementor-element.elementor-element-b3ec075 i, .elementor-56 .elementor-element.elementor-element-b3ec075 svg, .elementor-56 .elementor-element.elementor-element-b3ec075 svg path, .elementor-56 .elementor-element.elementor-element-b3ec075 .elementor-icon-list-text {
        fill: #ffffff !important;
        color: #ffffff !important;
    }
}/* End custom CSS */
/* Start custom CSS */@media (prefers-color-scheme: dark) {

    /* 1. Mengubah Gradasi Background Utama */

    body, 

    .elementor-section, 

    .elementor-top-section {

        /* Gradasi dari Hitam (#212121) ke Abu-abu Gelap (#9e9e9e) */

        background-image: linear-gradient(90deg, #31606A 30%, #796F3B 100%) !important;



    }



    /* 2. Memastikan Kolom Menjadi Transparan agar Gradasi Body Terlihat */

    .elementor-column, .elementor-column-wrap, .elementor-widget-wrap {

        background-color: transparent !important;

        background-image: none !important;

    }



    /* 3. Warna Teks agar Kontras di atas Hitam/Abu-abu */

    h1, h2, h3, h4, h5, h6, 

    .elementor-heading-title, 

    p, span, a {

        color: #ffffe3 !important;

    }



    /* 4. Sentuhan Halus untuk Gambar Sertifikat */

    /* Memberikan sedikit bayangan agar "pop up" dari background gelap */

    .elementor-widget-image img {

        box-shadow: 0px 10px 30px rgba(0,0,0,0.5);

        filter: brightness(0.9);

    }

}/* End custom CSS */