.elementor-638 .elementor-element.elementor-element-9c813b2{--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-638 .elementor-element.elementor-element-16d4e8a{--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-638 .elementor-element.elementor-element-16d4e8a:not(.elementor-motion-effects-element-type-background), .elementor-638 .elementor-element.elementor-element-16d4e8a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.dayadimensi.digitalnative.id/wp-content/uploads/2026/04/Frame-1618873631.png");background-repeat:no-repeat;background-size:cover;}.elementor-638 .elementor-element.elementor-element-8fa7c05{--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-638 .elementor-element.elementor-element-2a7aff5 .elementor-icon-wrapper{text-align:center;}.elementor-638 .elementor-element.elementor-element-2a7aff5.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-638 .elementor-element.elementor-element-2a7aff5.elementor-view-framed .elementor-icon, .elementor-638 .elementor-element.elementor-element-2a7aff5.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-638 .elementor-element.elementor-element-2a7aff5.elementor-view-framed .elementor-icon, .elementor-638 .elementor-element.elementor-element-2a7aff5.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-638 .elementor-element.elementor-element-2a7aff5 .elementor-icon{font-size:14px;}.elementor-638 .elementor-element.elementor-element-2a7aff5 .elementor-icon svg{height:14px;}.elementor-widget-heading .elementor-heading-title{font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-638 .elementor-element.elementor-element-2c22416 .elementor-heading-title{font-family:"Open Sans";font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-638 .elementor-element.elementor-element-ebb850d{--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-638 .elementor-element.elementor-element-a03eebb .elementor-heading-title{font-family:"T-STAR_PRO";font-size:42px;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-638 .elementor-element.elementor-element-94b0f8b{text-align:justify;font-family:"Open Sans";font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-638 .elementor-element.elementor-element-2c79342{--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-638 .elementor-element.elementor-element-2c79342:not(.elementor-motion-effects-element-type-background), .elementor-638 .elementor-element.elementor-element-2c79342 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.dayadimensi.digitalnative.id/wp-content/uploads/2026/05/Frame-1618873629-2.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-638 .elementor-element.elementor-element-c04b416{--display:flex;--gap:80px 80px;--row-gap:80px;--column-gap:80px;--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-638 .elementor-element.elementor-element-c04b416:not(.elementor-motion-effects-element-type-background), .elementor-638 .elementor-element.elementor-element-c04b416 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.dayadimensi.digitalnative.id/wp-content/uploads/2026/04/1.png");background-repeat:no-repeat;}.elementor-638 .elementor-element.elementor-element-a65e718{--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-638 .elementor-element.elementor-element-695dd8d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 24px) 0px;padding:0px 0px 0px 0px;}.elementor-638 .elementor-element.elementor-element-695dd8d .elementor-heading-title{font-family:"T-STAR_PRO";font-size:40px;font-weight:700;color:#B3202A;}.elementor-638 .elementor-element.elementor-element-466f7f0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:justify;font-family:"t-star-pro";font-size:22px;font-weight:300;color:#1F1F1F;}.elementor-638 .elementor-element.elementor-element-191e067{margin:80px 0px calc(var(--kit-widget-spacing, 0px) + 24px) 0px;padding:0px 0px 0px 0px;}.elementor-638 .elementor-element.elementor-element-191e067 .elementor-heading-title{font-family:"T-STAR_PRO";font-size:40px;font-weight:700;color:#B3202A;}.elementor-638 .elementor-element.elementor-element-8ca358e{font-family:"Open Sans";font-size:22px;font-weight:300;color:#1F1F1F;}.elementor-638 .elementor-element.elementor-element-8ca358e p{margin-block-end:20px;}.elementor-638 .elementor-element.elementor-element-232f47e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 80px;font-family:"Open Sans";font-size:22px;font-weight:300;color:#1F1F1F;}.elementor-638 .elementor-element.elementor-element-232f47e p{margin-block-end:20px;}.elementor-638 .elementor-element.elementor-element-0027277{font-family:"Open Sans";font-size:22px;font-weight:300;color:#1F1F1F;}.elementor-638 .elementor-element.elementor-element-a4c3cea{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:80px;--padding-right:80px;}@media(min-width:768px){.elementor-638 .elementor-element.elementor-element-16d4e8a{--width:60%;}}@media(max-width:767px){.elementor-638 .elementor-element.elementor-element-9c813b2{--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-638 .elementor-element.elementor-element-16d4e8a{--min-height:223px;--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:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:031px;--padding-bottom:031px;--padding-left:042px;--padding-right:42px;}.elementor-638 .elementor-element.elementor-element-2c22416 .elementor-heading-title{font-size:11px;}.elementor-638 .elementor-element.elementor-element-a03eebb .elementor-heading-title{font-size:24px;}.elementor-638 .elementor-element.elementor-element-94b0f8b{font-size:12px;}.elementor-638 .elementor-element.elementor-element-2c79342{--min-height:212px;}.elementor-638 .elementor-element.elementor-element-2c79342:not(.elementor-motion-effects-element-type-background), .elementor-638 .elementor-element.elementor-element-2c79342 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-repeat:no-repeat;background-size:cover;}.elementor-638 .elementor-element.elementor-element-c04b416{--padding-top:54px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-638 .elementor-element.elementor-element-695dd8d .elementor-heading-title{font-size:24px;line-height:1em;}.elementor-638 .elementor-element.elementor-element-466f7f0{text-align:justify;font-size:14px;}.elementor-638 .elementor-element.elementor-element-191e067 .elementor-heading-title{font-size:24px;}.elementor-638 .elementor-element.elementor-element-8ca358e{font-size:14px;}.elementor-638 .elementor-element.elementor-element-232f47e{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 10px;font-size:14px;}.elementor-638 .elementor-element.elementor-element-0027277{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:14px;}.elementor-638 .elementor-element.elementor-element-a4c3cea{--padding-top:30px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}}/* Start custom CSS for shortcode, class: .elementor-element-368e429 *//* Wrapper & Typography */
.custom-report-form {
    width: 100%;
    margin: 0 auto;
    font-family: 'Open Sans', sans-serif;
    color: #333;
}

.custom-report-form .form-title {
    font-family: 'T-Star Pro', sans-serif;
    color: #B22222; /* Warna merah sesuai desain */
    font-size: 28px;
    margin-bottom: 30px;
    font-weight: 600;
}

/* Grid Layout untuk 2 Kolom */
.custom-report-form .form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-bottom: 20px;
}

.custom-report-form .form-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

/* Label Styling */
.custom-report-form label {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 5px;
    color: #4a4a4a;
}

/* Input Fields Styling (Material Style Underline) */
.custom-report-form input[type="text"],
.custom-report-form input[type="email"],
.custom-report-form input[type="tel"],
.custom-report-form textarea {
    border: none;
    border-bottom: 1px solid #ccc;
    background: transparent;
    padding: 10px 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #333;
    width: 100%;
    outline: none;
    transition: border-color 0.3s ease;
}

/* Placeholder Styling */
.custom-report-form input::placeholder,
.custom-report-form textarea::placeholder {
    color: #b0b0b0;
    font-weight: 400;
}

/* Focus State */
.custom-report-form input:focus,
.custom-report-form textarea:focus {
    border-bottom: 2px solid #B22222;
}

/* --- PEMBARUAN TEXTAREA (Message) --- */
.custom-report-form textarea {
    height: 35px; /* Memendekkan tinggi textarea */
    min-height: 35px;
    resize: none; /* Menghilangkan opsi tarik/perbesar di pojok kanan bawah */
    overflow: hidden; /* Menyembunyikan scrollbar */
}

/* --- PEMBARUAN CUSTOM RADIO BUTTONS --- */
.custom-report-form .wpcf7-list-item {
    display: inline-block;
    margin-right: 20px;
    margin-top: 10px;
}

/* 1. Sembunyikan radio button asli */
.custom-report-form input[type="radio"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* 2. Beri ruang di kiri label untuk radio button buatan */
.custom-report-form .wpcf7-list-item-label {
    position: relative;
    padding-left: 28px;
    font-size: 14px;
    color: #333;
    font-weight: 400;
    cursor: pointer;
    display: inline-block;
    line-height: 20px;
}

/* 3. Buat lingkaran abu-abu (State Normal / Belum dipilih) */
.custom-report-form .wpcf7-list-item-label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #e0e0e0; /* Warna abu-abu desain */
    transition: background-color 0.2s ease;
}

/* 4. Ubah warna background lingkaran jadi merah saat dipilih */
.custom-report-form input[type="radio"]:checked + .wpcf7-list-item-label::before {
    background-color: #B22222;
}

/* 5. Buat ikon centang putih di dalam lingkaran (Muncul saat dipilih) */
.custom-report-form input[type="radio"]:checked + .wpcf7-list-item-label::after {
    content: '';
    position: absolute;
    left: 7px;
    top: 50%;
    transform: translateY(-60%) rotate(45deg);
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0; /* Membuat bentuk garis L (centang) */
}

/* Submit Button */
.custom-report-form input[type="submit"] {
    background-color: #B22222;
    color: #fff;
    font-family: 'T-Star Pro', sans-serif;
    font-size: 16px;
    font-weight: 500;
    padding: 15px;
    width: 100%;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin-top: 10px;
}

.custom-report-form input[type="submit"]:hover {
    background-color: #8B1A1A;
}

/* --- RESPONSIVE MOBILE LAYOUT (UPDATED & SYSTEMATIC) --- */
@media (max-width: 768px) {
    /* Title styling remains clear and prominent */
    .custom-report-form .form-title {
        font-size: 24px;
        margin-bottom: 20px;
    }

    /* SYSTEMATIC 1-COLUMN FOR FORM ROWS */
    .custom-report-form .form-row {
        grid-template-columns: 1fr; /* Stack inputs (e.g., Name above Email) */
        gap: 0px; /* Remove grid gap between form groups */
        margin-bottom: 0px; /* Reduce extra row margin */
    }

    /* SYSTEMATIC STACKING FOR INDIVIDUAL FORM GROUPS */
    .custom-report-form .form-group {
        display: flex;
        flex-direction: column; /* Label on top of Input */
        margin-bottom: 15px; /* Define space between each label/input pair */
    }

    /* Tighten margins for elements */
    .custom-report-form label {
        margin-bottom: 3px;
    }

    .custom-report-form input[type="text"],
    .custom-report-form input[type="email"],
    .custom-report-form input[type="tel"],
    .custom-report-form textarea {
        padding: 8px 0; /* Systematically reduced padding */
    }

    /* --- SYSTEMATIC STACKING FOR RADIO BUTTONS --- */
    .custom-report-form .wpcf7-radio {
        display: grid; /* Ubah dari flex menjadi grid */
        grid-template-columns: 1fr 1fr; /* Memaksa radio button menjadi 2 kolom */
        gap: 15px 10px; /* Jarak vertikal 15px, jarak horizontal 10px */
        margin-top: 10px;
    }

    /* Reset margin bawaan agar rapi di dalam grid */
    .custom-report-form .wpcf7-list-item {
        display: block; 
        margin-right: 0px; 
        margin-top: 0px; 
    }
}/* End custom CSS */