.elementor-2261 .elementor-element.elementor-element-f2d67e1{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-2261 .elementor-element.elementor-element-e5d8e59{--display:flex;--min-height:400px;--gap:34px 34px;--row-gap:34px;--column-gap:34px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:75px;--padding-bottom:75px;--padding-left:075px;--padding-right:30px;}.elementor-2261 .elementor-element.elementor-element-e5d8e59:not(.elementor-motion-effects-element-type-background), .elementor-2261 .elementor-element.elementor-element-e5d8e59 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.dayadimensi.digitalnative.id/wp-content/uploads/2026/04/Frame-1618873631.png");}.elementor-2261 .elementor-element.elementor-element-4dd67d4{--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:flex-start;--align-items:center;--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-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-2261 .elementor-element.elementor-element-e0004b1 .elementor-icon-wrapper{text-align:center;}.elementor-2261 .elementor-element.elementor-element-e0004b1.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-2261 .elementor-element.elementor-element-e0004b1.elementor-view-framed .elementor-icon, .elementor-2261 .elementor-element.elementor-element-e0004b1.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-2261 .elementor-element.elementor-element-e0004b1.elementor-view-framed .elementor-icon, .elementor-2261 .elementor-element.elementor-element-e0004b1.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-2261 .elementor-element.elementor-element-e0004b1 .elementor-icon{font-size:14px;}.elementor-2261 .elementor-element.elementor-element-e0004b1 .elementor-icon svg{height:14px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2261 .elementor-element.elementor-element-c00a00a .elementor-heading-title{font-family:"Roboto";font-size:12px;font-weight:400;color:#FFFFFF;}.elementor-2261 .elementor-element.elementor-element-0f3a9ca{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-2261 .elementor-element.elementor-element-cfc27f0 .elementor-heading-title{font-family:"t-star-pro";font-size:32px;font-weight:500;color:#FAFAFA;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family );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-2261 .elementor-element.elementor-element-6a138a6{text-align:justify;font-family:"Open Sans";font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-2261 .elementor-element.elementor-element-8eb631e{--display:flex;--min-height:400px;--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-2261 .elementor-element.elementor-element-8eb631e:not(.elementor-motion-effects-element-type-background), .elementor-2261 .elementor-element.elementor-element-8eb631e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.dayadimensi.digitalnative.id/wp-content/uploads/2026/04/Frame-1618873629.png");background-repeat:no-repeat;background-size:cover;}.elementor-2261 .elementor-element.elementor-element-f341962{--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:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-2261 .elementor-element.elementor-element-f341962:not(.elementor-motion-effects-element-type-background), .elementor-2261 .elementor-element.elementor-element-f341962 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.dayadimensi.digitalnative.id/wp-content/uploads/2026/04/1.png");}.elementor-2261 .elementor-element.elementor-element-2fbb57c{--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;--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-2261 .elementor-element.elementor-element-52d3055{--display:flex;--min-height:300px;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:12px 12px 12px 12px;--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-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family );font-weight:var( --e-global-typography-text-font-weight );}.elementor-2261 .elementor-element.elementor-element-477c377{--display:flex;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--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-2261 .elementor-element.elementor-element-80d50f4{--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-2261 .elementor-element.elementor-element-1d0ef83 .elementor-heading-title{font-family:"t-star-pro";font-weight:700;color:#1F1F1F;}.elementor-2261 .elementor-element.elementor-element-d6ed162{font-family:"Open Sans";font-size:16px;font-weight:400;}.elementor-2261 .elementor-element.elementor-element-d6ed162 p{margin-block-end:0px;}.elementor-2261 .elementor-element.elementor-element-7ff9122{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-2261 .elementor-element.elementor-element-28a6b70 .elementor-heading-title{font-family:"t-star-pro";font-weight:700;color:#1F1F1F;}.elementor-2261 .elementor-element.elementor-element-4694f08{--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;--flex-wrap:nowrap;--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-2261 .elementor-element.elementor-element-7e6a060{font-family:"Open Sans";font-size:16px;font-weight:300;}.elementor-2261 .elementor-element.elementor-element-7e6a060 p{margin-block-end:0px;}.elementor-2261 .elementor-element.elementor-element-d8b1e26{font-family:"Open Sans";font-size:16px;font-weight:300;}.elementor-2261 .elementor-element.elementor-element-d8b1e26 p{margin-block-end:0px;}.elementor-2261 .elementor-element.elementor-element-b0d1d3a{--display:flex;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--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-2261 .elementor-element.elementor-element-6510f2c{font-family:"t-star-pro";font-size:40px;font-weight:700;}.elementor-2261 .elementor-element.elementor-element-78cf71a{--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;--gap:34px 34px;--row-gap:34px;--column-gap:34px;--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-2261 .elementor-element.elementor-element-95f1bc2{--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-2261 .elementor-element.elementor-element-4bf8dd8 .elementor-icon-wrapper{text-align:start;}.elementor-2261 .elementor-element.elementor-element-4bf8dd8.elementor-view-stacked .elementor-icon{background-color:#F3F5F500;}.elementor-2261 .elementor-element.elementor-element-4bf8dd8.elementor-view-framed .elementor-icon, .elementor-2261 .elementor-element.elementor-element-4bf8dd8.elementor-view-default .elementor-icon{color:#F3F5F500;border-color:#F3F5F500;}.elementor-2261 .elementor-element.elementor-element-4bf8dd8.elementor-view-framed .elementor-icon, .elementor-2261 .elementor-element.elementor-element-4bf8dd8.elementor-view-default .elementor-icon svg{fill:#F3F5F500;}.elementor-2261 .elementor-element.elementor-element-db53c25 .elementor-heading-title{font-family:"t-star-pro";font-size:28px;font-weight:500;color:#1F1F1F;}.elementor-2261 .elementor-element.elementor-element-3405a94{font-family:"Open Sans";font-size:16px;font-weight:300;color:#1F1F1F;}.elementor-2261 .elementor-element.elementor-element-82bf036{--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-2261 .elementor-element.elementor-element-fc2b2a9 .elementor-icon-wrapper{text-align:start;}.elementor-2261 .elementor-element.elementor-element-fc2b2a9.elementor-view-stacked .elementor-icon{background-color:#F3F5F500;}.elementor-2261 .elementor-element.elementor-element-fc2b2a9.elementor-view-framed .elementor-icon, .elementor-2261 .elementor-element.elementor-element-fc2b2a9.elementor-view-default .elementor-icon{color:#F3F5F500;border-color:#F3F5F500;}.elementor-2261 .elementor-element.elementor-element-fc2b2a9.elementor-view-framed .elementor-icon, .elementor-2261 .elementor-element.elementor-element-fc2b2a9.elementor-view-default .elementor-icon svg{fill:#F3F5F500;}.elementor-2261 .elementor-element.elementor-element-23355ea .elementor-heading-title{font-family:"t-star-pro";font-size:28px;font-weight:500;color:#1F1F1F;}.elementor-2261 .elementor-element.elementor-element-ff2bc9b{font-family:"Open Sans";font-size:16px;font-weight:300;color:#1F1F1F;}.elementor-2261 .elementor-element.elementor-element-5db6d2f{--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-2261 .elementor-element.elementor-element-f6790b5 .elementor-icon-wrapper{text-align:start;}.elementor-2261 .elementor-element.elementor-element-f6790b5.elementor-view-stacked .elementor-icon{background-color:#F3F5F500;}.elementor-2261 .elementor-element.elementor-element-f6790b5.elementor-view-framed .elementor-icon, .elementor-2261 .elementor-element.elementor-element-f6790b5.elementor-view-default .elementor-icon{color:#F3F5F500;border-color:#F3F5F500;}.elementor-2261 .elementor-element.elementor-element-f6790b5.elementor-view-framed .elementor-icon, .elementor-2261 .elementor-element.elementor-element-f6790b5.elementor-view-default .elementor-icon svg{fill:#F3F5F500;}.elementor-2261 .elementor-element.elementor-element-26b7772 .elementor-heading-title{font-family:"t-star-pro";font-size:28px;font-weight:500;color:#1F1F1F;}.elementor-2261 .elementor-element.elementor-element-eb769a8{font-family:"Open Sans";font-size:16px;font-weight:300;color:#1F1F1F;}.elementor-2261 .elementor-element.elementor-element-d3a3eb7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2261 .elementor-element.elementor-element-152383c{font-family:"t-star-pro";font-size:40px;font-weight:700;}.elementor-2261 .elementor-element.elementor-element-65c0546{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2261 .elementor-element.elementor-element-5126192{font-family:"t-star-pro";font-size:40px;font-weight:700;}@media(min-width:768px){.elementor-2261 .elementor-element.elementor-element-e5d8e59{--width:60%;}}@media(max-width:767px){.elementor-2261 .elementor-element.elementor-element-f2d67e1{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-2261 .elementor-element.elementor-element-e5d8e59{--min-height:223px;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:49px;--padding-bottom:49px;--padding-left:42px;--padding-right:42px;}.elementor-2261 .elementor-element.elementor-element-cfc27f0 .elementor-heading-title{font-size:24px;}.elementor-2261 .elementor-element.elementor-element-6a138a6{font-size:12px;}.elementor-2261 .elementor-element.elementor-element-8eb631e{--min-height:214px;}.elementor-2261 .elementor-element.elementor-element-8eb631e:not(.elementor-motion-effects-element-type-background), .elementor-2261 .elementor-element.elementor-element-8eb631e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2261 .elementor-element.elementor-element-f341962{--padding-top:40px;--padding-bottom:40px;--padding-left:24px;--padding-right:24px;}.elementor-2261 .elementor-element.elementor-element-52d3055{--min-height:0px;}.elementor-2261 .elementor-element.elementor-element-1d0ef83 .elementor-heading-title{font-size:24px;}.elementor-2261 .elementor-element.elementor-element-d6ed162{font-size:14px;}.elementor-2261 .elementor-element.elementor-element-28a6b70 .elementor-heading-title{font-size:24px;}.elementor-2261 .elementor-element.elementor-element-4694f08{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2261 .elementor-element.elementor-element-7e6a060{font-size:14px;}.elementor-2261 .elementor-element.elementor-element-d8b1e26{font-size:14px;}.elementor-2261 .elementor-element.elementor-element-6510f2c{font-size:24px;}.elementor-2261 .elementor-element.elementor-element-db53c25 .elementor-heading-title{font-size:20px;}.elementor-2261 .elementor-element.elementor-element-3405a94{font-size:14px;}.elementor-2261 .elementor-element.elementor-element-23355ea .elementor-heading-title{font-size:20px;}.elementor-2261 .elementor-element.elementor-element-ff2bc9b{font-size:14px;}.elementor-2261 .elementor-element.elementor-element-26b7772 .elementor-heading-title{font-size:20px;}.elementor-2261 .elementor-element.elementor-element-eb769a8{font-size:14px;}.elementor-2261 .elementor-element.elementor-element-152383c{font-size:24px;}.elementor-2261 .elementor-element.elementor-element-5126192{font-size:24px;}}/* Start custom CSS for container, class: .elementor-element-f341962 *//* === TAMPILAN NORMAL (Sebelum Hover) === */
.diagnostics-card {
    position: relative; 
    transition: all 0.5s ease; 
    overflow: hidden; 
}

/* === PSEUDO-ELEMENT UNTUK GAMBAR HOVER + GRADIENT === */
.diagnostics-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    /* Menambahkan efek bayangan hitam di bawah agar teks putih tetap terbaca */
    background-image: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 50%), url('https://www.dayadimensi.digitalnative.id/wp-content/uploads/2026/04/wallhaven-4ogep7.jpg');
    
    background-size: cover;
    background-position: center;
    opacity: 0; 
    transition: opacity 0.5s ease; 
    z-index: 1; 
}

/* === SAAT DIHOVER === */
.diagnostics-card:hover::after {
    opacity: 1;
}

/* === PERBAIKAN FLEXBOX: KONTEN TETAP DI ATAS === */
.diagnostics-card > * {
    position: relative !important;
    z-index: 2 !important; 
}

/* === ANIMASI FLIP PANAH === */
/* Mengatur transisi putaran ikon */
.arrow-icon {
            /* 'ease' tetap dipakai agar flip-nya mulus, tidak patah */
    transition: transform 0.4s ease; 
    display: inline-block; 
}

.diagnostics-card:hover .arrow-icon {
            /* Efek mirror: membalik ikon secara horizontal 180 derajat */
    transform: rotateY(180deg); 
}/* End custom CSS */