.elementor-4816 .elementor-element.elementor-element-318f28b7{--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:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-4816 .elementor-element.elementor-element-3f578946{--display:flex;--min-height:300px;--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;}.elementor-4816 .elementor-element.elementor-element-63d9a02c{--display:flex;--min-height:300px;--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-4816 .elementor-element.elementor-element-63d9a02c:not(.elementor-motion-effects-element-type-background), .elementor-4816 .elementor-element.elementor-element-63d9a02c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://srikandhi.id/wp-content/uploads/2026/05/ChatGPT-Image-May-4-2026-04_27_40-PM.png");background-size:cover;}.elementor-4816 .elementor-element.elementor-element-10314b35{--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:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.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-4816 .elementor-element.elementor-element-6b80516b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4816 .elementor-element.elementor-element-6cba4d96{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-4816 .elementor-element.elementor-element-7554024a{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4816 .elementor-element.elementor-element-411402fd{--display:flex;}.elementor-4816 .elementor-element.elementor-element-29e83661{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:16px 16px;--row-gap:16px;--column-gap:16px;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.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 );}#elementor-popup-modal-4816 .dialog-widget-content{background-color:#FBFCFF;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-4816{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-4816 .dialog-message{width:1000px;height:100vh;align-items:flex-start;}#elementor-popup-modal-4816 .dialog-close-button{display:flex;}@media(min-width:768px){.elementor-4816 .elementor-element.elementor-element-3f578946{--width:100%;}}@media(max-width:1366px){.elementor-4816 .elementor-element.elementor-element-29e83661{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-4816 .elementor-element.elementor-element-29e83661{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-4816 .elementor-element.elementor-element-29e83661{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-63d9a02c */.elementor-4816 .elementor-element.elementor-element-63d9a02c{
    min-height:300px;

    border-radius:18px;

    overflow:hidden;

    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;

    box-shadow:0 15px 40px rgba(0,0,0,0.15);

    transition:0.4s ease;

    position:relative;
}

.elementor-4816 .elementor-element.elementor-element-63d9a02c:hover{
    transform:translateY(-3px);
}

.elementor-4816 .elementor-element.elementor-element-63d9a02c:before{
    content:'';

    position:absolute;

    top:0;
    left:0;
    right:0;
    bottom:0;

    background:linear-gradient(
        to top,
        rgba(0,0,0,0.2),
        transparent
    );

    pointer-events:none;

    z-index:1;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6b80516b */.elementor-4816 .elementor-element.elementor-element-6b80516b{
    position:relative;

    font-size:34px;
    font-weight:700;

    color:#0f172a;

    padding-left:16px;

    margin-bottom:18px;

    line-height:1.2em;
}

.elementor-4816 .elementor-element.elementor-element-6b80516b:before{
    content:'';

    position:absolute;

    left:0;
    top:50%;

    transform:translateY(-50%);

    width:4px;
    height:32px;

    border-radius:20px;

    background:#1e40af;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6cba4d96 */.elementor-4816 .elementor-element.elementor-element-6cba4d96{
    background:#ffffff;

    border:1px solid #e5e7eb;

    border-radius:20px;

    padding:20px;

    font-size:15px;

    line-height:1.8em;

    color:#475569;

    box-shadow:
    0 6px 24px rgba(0,0,0,0.04);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7554024a */.elementor-4816 .elementor-element.elementor-element-7554024a{
    position:relative;

    font-size:34px;
    font-weight:700;

    color:#0f172a;

    padding-left:16px;

    margin-bottom:18px;

    line-height:1.2em;
}

.elementor-4816 .elementor-element.elementor-element-7554024a:before{
    content:'';

    position:absolute;

    left:0;
    top:50%;

    transform:translateY(-50%);

    width:4px;
    height:32px;

    border-radius:20px;

    background:#1e40af;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6be2a8fb */.elementor-4816 .elementor-element.elementor-element-6be2a8fb{
    overflow:hidden;
    border-radius:20px;
}

.elementor-4816 .elementor-element.elementor-element-6be2a8fb img{
    width:100%;

    height:220px;

    object-fit:cover;

    transition:0.4s ease;
}

.elementor-4816 .elementor-element.elementor-element-6be2a8fb:hover img{
    transform:scale(1.05);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-741673c */.elementor-4816 .elementor-element.elementor-element-741673c{
    overflow:hidden;
    border-radius:20px;
}

.elementor-4816 .elementor-element.elementor-element-741673c img{
    width:100%;

    height:220px;

    object-fit:cover;

    transition:0.4s ease;
}

.elementor-4816 .elementor-element.elementor-element-741673c:hover img{
    transform:scale(1.05);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2df95a6a */.elementor-4816 .elementor-element.elementor-element-2df95a6a{
    overflow:hidden;
    border-radius:20px;
}

.elementor-4816 .elementor-element.elementor-element-2df95a6a img{
    width:100%;

    height:220px;

    object-fit:cover;

    transition:0.4s ease;
}

.elementor-4816 .elementor-element.elementor-element-2df95a6a:hover img{
    transform:scale(1.05);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-150e9390 */.elementor-4816 .elementor-element.elementor-element-150e9390{
    overflow:hidden;
    border-radius:20px;
}

.elementor-4816 .elementor-element.elementor-element-150e9390 img{
    width:100%;

    height:220px;

    object-fit:cover;

    transition:0.4s ease;
}

.elementor-4816 .elementor-element.elementor-element-150e9390:hover img{
    transform:scale(1.05);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2a35d3c6 */.elementor-4816 .elementor-element.elementor-element-2a35d3c6{
    overflow:hidden;
    border-radius:20px;
}

.elementor-4816 .elementor-element.elementor-element-2a35d3c6 img{
    width:100%;

    height:220px;

    object-fit:cover;

    transition:0.4s ease;
}

.elementor-4816 .elementor-element.elementor-element-2a35d3c6:hover img{
    transform:scale(1.05);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-35c2073b */.elementor-4816 .elementor-element.elementor-element-35c2073b{
    overflow:hidden;
    border-radius:20px;
}

.elementor-4816 .elementor-element.elementor-element-35c2073b img{
    width:100%;

    height:220px;

    object-fit:cover;

    transition:0.4s ease;
}

.elementor-4816 .elementor-element.elementor-element-35c2073b:hover img{
    transform:scale(1.05);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-57780966 */.elementor-4816 .elementor-element.elementor-element-57780966{
    overflow:hidden;
    border-radius:20px;
}

.elementor-4816 .elementor-element.elementor-element-57780966 img{
    width:100%;

    height:220px;

    object-fit:cover;

    transition:0.4s ease;
}

.elementor-4816 .elementor-element.elementor-element-57780966:hover img{
    transform:scale(1.05);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-52ba88c9 */.elementor-4816 .elementor-element.elementor-element-52ba88c9{
    overflow:hidden;
    border-radius:20px;
}

.elementor-4816 .elementor-element.elementor-element-52ba88c9 img{
    width:100%;

    height:220px;

    object-fit:cover;

    transition:0.4s ease;
}

.elementor-4816 .elementor-element.elementor-element-52ba88c9:hover img{
    transform:scale(1.05);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1cd6751c */.elementor-4816 .elementor-element.elementor-element-1cd6751c{
    overflow:hidden;
    border-radius:20px;
}

.elementor-4816 .elementor-element.elementor-element-1cd6751c img{
    width:100%;

    height:220px;

    object-fit:cover;

    transition:0.4s ease;
}

.elementor-4816 .elementor-element.elementor-element-1cd6751c:hover img{
    transform:scale(1.05);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5af5835 */.elementor-4816 .elementor-element.elementor-element-5af5835{
    overflow:hidden;
    border-radius:20px;
}

.elementor-4816 .elementor-element.elementor-element-5af5835 img{
    width:100%;

    height:220px;

    object-fit:cover;

    transition:0.4s ease;
}

.elementor-4816 .elementor-element.elementor-element-5af5835:hover img{
    transform:scale(1.05);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ef5aef8 */.elementor-4816 .elementor-element.elementor-element-ef5aef8{
    overflow:hidden;
    border-radius:20px;
}

.elementor-4816 .elementor-element.elementor-element-ef5aef8 img{
    width:100%;

    height:220px;

    object-fit:cover;

    transition:0.4s ease;
}

.elementor-4816 .elementor-element.elementor-element-ef5aef8:hover img{
    transform:scale(1.05);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-876d1e3 */.elementor-4816 .elementor-element.elementor-element-876d1e3{
    overflow:hidden;
    border-radius:20px;
}

.elementor-4816 .elementor-element.elementor-element-876d1e3 img{
    width:100%;

    height:220px;

    object-fit:cover;

    transition:0.4s ease;
}

.elementor-4816 .elementor-element.elementor-element-876d1e3:hover img{
    transform:scale(1.05);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c68dfdf */.elementor-4816 .elementor-element.elementor-element-c68dfdf{
    overflow:hidden;
    border-radius:20px;
}

.elementor-4816 .elementor-element.elementor-element-c68dfdf img{
    width:100%;

    height:220px;

    object-fit:cover;

    transition:0.4s ease;
}

.elementor-4816 .elementor-element.elementor-element-c68dfdf:hover img{
    transform:scale(1.05);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c32ef6e */.elementor-4816 .elementor-element.elementor-element-c32ef6e{
    overflow:hidden;
    border-radius:20px;
}

.elementor-4816 .elementor-element.elementor-element-c32ef6e img{
    width:100%;

    height:220px;

    object-fit:cover;

    transition:0.4s ease;
}

.elementor-4816 .elementor-element.elementor-element-c32ef6e:hover img{
    transform:scale(1.05);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2008b62 */.elementor-4816 .elementor-element.elementor-element-2008b62{
    overflow:hidden;
    border-radius:20px;
}

.elementor-4816 .elementor-element.elementor-element-2008b62 img{
    width:100%;

    height:220px;

    object-fit:cover;

    transition:0.4s ease;
}

.elementor-4816 .elementor-element.elementor-element-2008b62:hover img{
    transform:scale(1.05);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-436448e */.elementor-4816 .elementor-element.elementor-element-436448e{
    overflow:hidden;
    border-radius:20px;
}

.elementor-4816 .elementor-element.elementor-element-436448e img{
    width:100%;

    height:220px;

    object-fit:cover;

    transition:0.4s ease;
}

.elementor-4816 .elementor-element.elementor-element-436448e:hover img{
    transform:scale(1.05);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-169b4ba */.elementor-4816 .elementor-element.elementor-element-169b4ba{
    overflow:hidden;
    border-radius:20px;
}

.elementor-4816 .elementor-element.elementor-element-169b4ba img{
    width:100%;

    height:220px;

    object-fit:cover;

    transition:0.4s ease;
}

.elementor-4816 .elementor-element.elementor-element-169b4ba:hover img{
    transform:scale(1.05);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4529035 */.elementor-4816 .elementor-element.elementor-element-4529035{
    overflow:hidden;
    border-radius:20px;
}

.elementor-4816 .elementor-element.elementor-element-4529035 img{
    width:100%;

    height:220px;

    object-fit:cover;

    transition:0.4s ease;
}

.elementor-4816 .elementor-element.elementor-element-4529035:hover img{
    transform:scale(1.05);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4c980ff */.elementor-4816 .elementor-element.elementor-element-4c980ff{
    overflow:hidden;
    border-radius:20px;
}

.elementor-4816 .elementor-element.elementor-element-4c980ff img{
    width:100%;

    height:220px;

    object-fit:cover;

    transition:0.4s ease;
}

.elementor-4816 .elementor-element.elementor-element-4c980ff:hover img{
    transform:scale(1.05);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-12d7abe */.elementor-4816 .elementor-element.elementor-element-12d7abe{
    overflow:hidden;
    border-radius:20px;
}

.elementor-4816 .elementor-element.elementor-element-12d7abe img{
    width:100%;

    height:220px;

    object-fit:cover;

    transition:0.4s ease;
}

.elementor-4816 .elementor-element.elementor-element-12d7abe:hover img{
    transform:scale(1.05);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3a591b4 */.elementor-4816 .elementor-element.elementor-element-3a591b4{
    overflow:hidden;
    border-radius:20px;
}

.elementor-4816 .elementor-element.elementor-element-3a591b4 img{
    width:100%;

    height:220px;

    object-fit:cover;

    transition:0.4s ease;
}

.elementor-4816 .elementor-element.elementor-element-3a591b4:hover img{
    transform:scale(1.05);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-72dfb18 */.elementor-4816 .elementor-element.elementor-element-72dfb18{
    overflow:hidden;
    border-radius:20px;
}

.elementor-4816 .elementor-element.elementor-element-72dfb18 img{
    width:100%;

    height:220px;

    object-fit:cover;

    transition:0.4s ease;
}

.elementor-4816 .elementor-element.elementor-element-72dfb18:hover img{
    transform:scale(1.05);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-dfc4d26 */.elementor-4816 .elementor-element.elementor-element-dfc4d26{
    overflow:hidden;
    border-radius:20px;
}

.elementor-4816 .elementor-element.elementor-element-dfc4d26 img{
    width:100%;

    height:220px;

    object-fit:cover;

    transition:0.4s ease;
}

.elementor-4816 .elementor-element.elementor-element-dfc4d26:hover img{
    transform:scale(1.05);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-912916f */.elementor-4816 .elementor-element.elementor-element-912916f{
    overflow:hidden;
    border-radius:20px;
}

.elementor-4816 .elementor-element.elementor-element-912916f img{
    width:100%;

    height:220px;

    object-fit:cover;

    transition:0.4s ease;
}

.elementor-4816 .elementor-element.elementor-element-912916f:hover img{
    transform:scale(1.05);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7c09ac5 */.elementor-4816 .elementor-element.elementor-element-7c09ac5{
    overflow:hidden;
    border-radius:20px;
}

.elementor-4816 .elementor-element.elementor-element-7c09ac5 img{
    width:100%;

    height:220px;

    object-fit:cover;

    transition:0.4s ease;
}

.elementor-4816 .elementor-element.elementor-element-7c09ac5:hover img{
    transform:scale(1.05);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-22c61ab */.elementor-4816 .elementor-element.elementor-element-22c61ab{
    overflow:hidden;
    border-radius:20px;
}

.elementor-4816 .elementor-element.elementor-element-22c61ab img{
    width:100%;

    height:220px;

    object-fit:cover;

    transition:0.4s ease;
}

.elementor-4816 .elementor-element.elementor-element-22c61ab:hover img{
    transform:scale(1.05);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9cebbf6 */.elementor-4816 .elementor-element.elementor-element-9cebbf6{
    overflow:hidden;
    border-radius:20px;
}

.elementor-4816 .elementor-element.elementor-element-9cebbf6 img{
    width:100%;

    height:220px;

    object-fit:cover;

    transition:0.4s ease;
}

.elementor-4816 .elementor-element.elementor-element-9cebbf6:hover img{
    transform:scale(1.05);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e47f1e2 */.elementor-4816 .elementor-element.elementor-element-e47f1e2{
    overflow:hidden;
    border-radius:20px;
}

.elementor-4816 .elementor-element.elementor-element-e47f1e2 img{
    width:100%;

    height:220px;

    object-fit:cover;

    transition:0.4s ease;
}

.elementor-4816 .elementor-element.elementor-element-e47f1e2:hover img{
    transform:scale(1.05);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-33d8a95 */.elementor-4816 .elementor-element.elementor-element-33d8a95{
    overflow:hidden;
    border-radius:20px;
}

.elementor-4816 .elementor-element.elementor-element-33d8a95 img{
    width:100%;

    height:220px;

    object-fit:cover;

    transition:0.4s ease;
}

.elementor-4816 .elementor-element.elementor-element-33d8a95:hover img{
    transform:scale(1.05);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-29e83661 */.elementor-4816 .elementor-element.elementor-element-29e83661{
    overflow:hidden;
    border-radius:18px;
}

.elementor-4816 .elementor-element.elementor-element-29e83661 img{
    width:100%;
    aspect-ratio:1/1;
    object-fit:cover;
    transition:0.4s ease;
}

.elementor-4816 .elementor-element.elementor-element-29e83661:hover img{
    transform:scale(1.05);
}/* End custom CSS */
/* Start custom CSS *//* Background Lightbox */
.dialog-lightbox-widget{
    background:rgba(0,0,0,0.94);
    backdrop-filter:blur(6px);
}

/* Hilangkan Nama File */
.dialog-lightbox-description{
    display:none !important;
}

/* Image */
.dialog-lightbox-widget img{
    border-radius:18px;
}

/* Toolbar Atas */
.dialog-lightbox-top-actions{
    background:transparent !important;
    padding:20px;
}

/* Close Button */
.dialog-lightbox-close-button{
    background:transparent !important;

    width:auto !important;
    height:auto !important;

    border-radius:0 !important;

    box-shadow:none !important;

    padding:0 !important;

    transition:0.3s ease;
}

/* Hover Close */
.dialog-lightbox-close-button:hover{
    transform:scale(1.1);
    background:transparent !important;
}

/* Next Prev */
.dialog-swiper-button{
    background:rgba(255,255,255,0.08);

    width:48px;
    height:48px;

    border-radius:50%;

    transition:0.3s ease;
}

/* Hover Next Prev */
.dialog-swiper-button:hover{
    background:#2563eb;
    transform:scale(1.08);
}/* End custom CSS */