.elementor-528 .elementor-element.elementor-element-a33315f{--display:flex;}.elementor-528 .elementor-element.elementor-element-a33315f:not(.elementor-motion-effects-element-type-background), .elementor-528 .elementor-element.elementor-element-a33315f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{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-528 .elementor-element.elementor-element-f724713 .elementor-icon-box-wrapper{gap:15px;}.elementor-528 .elementor-element.elementor-element-f724713.elementor-view-stacked .elementor-icon{background-color:#DDF5EB;fill:#081B2A;color:#081B2A;}.elementor-528 .elementor-element.elementor-element-f724713.elementor-view-framed .elementor-icon, .elementor-528 .elementor-element.elementor-element-f724713.elementor-view-default .elementor-icon{fill:#DDF5EB;color:#DDF5EB;border-color:#DDF5EB;}.elementor-528 .elementor-element.elementor-element-f724713.elementor-view-framed .elementor-icon{background-color:#081B2A;}.elementor-528 .elementor-element.elementor-element-f724713 .elementor-icon{font-size:30px;}.elementor-528 .elementor-element.elementor-element-f724713 .elementor-icon-box-title, .elementor-528 .elementor-element.elementor-element-f724713 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;}.elementor-528 .elementor-element.elementor-element-f724713 .elementor-icon-box-title{color:#081B2A;}.elementor-528 .elementor-element.elementor-element-f724713:has(:hover) .elementor-icon-box-title,
					 .elementor-528 .elementor-element.elementor-element-f724713:has(:focus) .elementor-icon-box-title{color:#081B2A;}.elementor-528 .elementor-element.elementor-element-f724713 .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:#66717C;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-528 .elementor-element.elementor-element-e72726c{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-528 .elementor-element.elementor-element-e72726c .elementor-divider-separator{width:100%;}.elementor-528 .elementor-element.elementor-element-e72726c .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-528 .elementor-element.elementor-element-754ecfd{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-528 .elementor-element.elementor-element-754ecfd .elementor-icon-list-icon i{color:#081B2A;transition:color 0.3s;}.elementor-528 .elementor-element.elementor-element-754ecfd .elementor-icon-list-icon svg{fill:#081B2A;transition:fill 0.3s;}.elementor-528 .elementor-element.elementor-element-754ecfd .elementor-icon-list-item > .elementor-icon-list-text, .elementor-528 .elementor-element.elementor-element-754ecfd .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;}.elementor-528 .elementor-element.elementor-element-754ecfd .elementor-icon-list-text{color:#66717C;transition:color 0.3s;}@media(max-width:767px){.elementor-528 .elementor-element.elementor-element-f724713 .elementor-icon{font-size:25px;}.elementor-528 .elementor-element.elementor-element-f724713 .elementor-icon-box-title, .elementor-528 .elementor-element.elementor-element-f724713 .elementor-icon-box-title a{font-size:18px;}.elementor-528 .elementor-element.elementor-element-f724713 .elementor-icon-box-description{font-size:14px;}.elementor-528 .elementor-element.elementor-element-754ecfd{--e-icon-list-icon-size:20px;}.elementor-528 .elementor-element.elementor-element-754ecfd .elementor-icon-list-item > .elementor-icon-list-text, .elementor-528 .elementor-element.elementor-element-754ecfd .elementor-icon-list-item > a{font-size:13px;}}/* Start custom CSS for container, class: .elementor-element-a33315f *//* ================================
   KARTU KONFIRMASI PEMBAYARAN
================================ */

.elementor-528 .elementor-element.elementor-element-a33315f {
    width: 100%;
    max-width: 860px;
    margin: 50px auto;
    padding: 42px;
    background: #ffffff;
    border: 1px solid #e6ebf0;
    border-radius: 18px;
    box-shadow: 0 14px 45px rgba(8, 27, 42, 0.10);
    font-family: inherit;
}

/* Ikon bagian atas */
.elementor-528 .elementor-element.elementor-element-a33315f .elementor-widget-icon {
    margin-bottom: 8px;
    text-align: center;
}

.elementor-528 .elementor-element.elementor-element-a33315f .elementor-widget-icon .elementor-icon {
    padding: 20px;
    color: #0b395f;
    background: #dcf7ec;
    border-radius: 50%;
}

/* Judul */
.elementor-528 .elementor-element.elementor-element-a33315f .elementor-widget-heading {
    margin-bottom: 5px;
    text-align: center;
}

.elementor-528 .elementor-element.elementor-element-a33315f .elementor-widget-heading .elementor-heading-title {
    color: #0b2d4d;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.25;
}

/* Teks pembuka */
.elementor-528 .elementor-element.elementor-element-a33315f .elementor-widget-text-editor {
    color: #66717c;
    font-size: 16px;
    line-height: 1.6;
    text-align: center;
}

/* Divider */
.elementor-528 .elementor-element.elementor-element-a33315f .elementor-widget-divider {
    margin: 10px 0 20px;
}

.elementor-528 .elementor-element.elementor-element-a33315f .elementor-divider-separator {
    border-color: #dfe5eb !important;
}

/* ================================
   INFORMASI TRANSFER
================================ */

.elementor-528 .elementor-element.elementor-element-a33315f .osm-transfer-box {
    margin-bottom: 28px;
    padding: 22px;
    background: #f1f7fc;
    border: 1px solid #d5e5f1;
    border-radius: 12px;
}

.elementor-528 .elementor-element.elementor-element-a33315f .osm-transfer-heading {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    color: #0b2d4d;
    font-size: 18px;
    font-weight: 700;
}

.elementor-528 .elementor-element.elementor-element-a33315f .osm-transfer-heading i {
    color: #0b5b92;
    font-size: 20px;
}

.elementor-528 .elementor-element.elementor-element-a33315f .osm-transfer-details {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.elementor-528 .elementor-element.elementor-element-a33315f .osm-transfer-details div {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 13px 15px;
    background: #ffffff;
    border: 1px solid #dae5ed;
    border-radius: 8px;
}

.elementor-528 .elementor-element.elementor-element-a33315f .osm-transfer-details span {
    color: #71808e;
    font-size: 12px;
}

.elementor-528 .elementor-element.elementor-element-a33315f .osm-transfer-details strong {
    color: #102a43;
    font-size: 15px;
}

.elementor-528 .elementor-element.elementor-element-a33315f #osm-copy-account {
    width: 100%;
    margin-top: 16px;
    padding: 11px 18px;
    color: #0b395f;
    background: #ffffff;
    border: 1px solid #0b5b92;
    border-radius: 7px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.2s ease;
}

.elementor-528 .elementor-element.elementor-element-a33315f #osm-copy-account:hover {
    color: #ffffff;
    background: #0b5b92;
}

.elementor-528 .elementor-element.elementor-element-a33315f .osm-transfer-box p {
    margin: 15px 0 0;
    color: #66717c;
    font-size: 13px;
    line-height: 1.5;
    text-align: center;
}

/* ================================
   FLUENT FORMS ID 3
================================ */

.elementor-528 .elementor-element.elementor-element-a33315f #fluentform_3 .ff-el-group {
    margin-bottom: 20px;
}

.elementor-528 .elementor-element.elementor-element-a33315f #fluentform_3 .ff-el-form-control {
    min-height: 52px;
    padding: 12px 15px;
    color: #172b3f;
    background: #ffffff;
    border: 1px solid #ccd5de;
    border-radius: 7px;
    box-shadow: none;
    font-size: 15px;
    transition: 0.2s ease;
}

.elementor-528 .elementor-element.elementor-element-a33315f #fluentform_3 .ff-el-form-control:focus {
    border-color: #0b5b92;
    box-shadow: 0 0 0 3px rgba(11, 91, 146, 0.10);
}

.elementor-528 .elementor-element.elementor-element-a33315f #fluentform_3 .ff-el-input--label label {
    margin-bottom: 8px;
    color: #13283d;
    font-size: 14px;
    font-weight: 700;
}

.elementor-528 .elementor-element.elementor-element-a33315f #fluentform_3 .ff-el-input--label label::after {
    color: #e4202b;
}

/* Field otomatis */
.elementor-528 .elementor-element.elementor-element-a33315f #fluentform_3 input[name="assessment_name"],
.elementor-528 .elementor-element.elementor-element-a33315f #fluentform_3 input[name="payment_amount"] {
    color: #697785;
    background: #f3f5f7;
}

/* Kotak upload */
.elementor-528 .elementor-element.elementor-element-a33315f #fluentform_3 .ff-el-group:has(
    input[name="payment_proof"]
) .ff-el-input--content {
    padding: 26px 20px;
    background: #fbfcfd;
    border: 2px dashed #c6cfd8;
    border-radius: 10px;
    text-align: center;
}

.elementor-528 .elementor-element.elementor-element-a33315f #fluentform_3 .ff-upload-btn,
.elementor-528 .elementor-element.elementor-element-a33315f #fluentform_3 .ff_upload_btn {
    color: #0b395f;
    background: transparent;
    border: 0;
    font-weight: 700;
}

.elementor-528 .elementor-element.elementor-element-a33315f #fluentform_3 .ff-el-help-message {
    margin-top: 8px;
    color: #7b8793;
    font-size: 12px;
}

/* Tombol kirim */
.elementor-528 .elementor-element.elementor-element-a33315f #fluentform_3 .ff-btn-submit {
    width: 100%;
    min-height: 58px;
    padding: 14px 24px;
    color: #ffffff;
    background: linear-gradient(135deg, #0b395f, #082844);
    border: 0;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 700;
    opacity: 1;
    transition: 0.2s ease;
}

.elementor-528 .elementor-element.elementor-element-a33315f #fluentform_3 .ff-btn-submit:hover {
    background: linear-gradient(135deg, #0e4b7d, #0b395f);
    box-shadow: 0 8px 20px rgba(8, 40, 68, 0.22);
    transform: translateY(-1px);
}

/* Pesan keamanan */
.elementor-528 .elementor-element.elementor-element-a33315f .osm-payment-security {
    margin-top: 18px;
    color: #75808b;
    font-size: 13px;
    text-align: center;
}

/* ================================
   RESPONSIVE
================================ */

@media (max-width: 767px) {
    .elementor-528 .elementor-element.elementor-element-a33315f {
        margin: 20px auto;
        padding: 25px 18px;
        border-radius: 13px;
    }

    .elementor-528 .elementor-element.elementor-element-a33315f .elementor-widget-heading .elementor-heading-title {
        font-size: 26px;
    }

    .elementor-528 .elementor-element.elementor-element-a33315f .osm-transfer-details {
        grid-template-columns: 1fr;
    }

    .elementor-528 .elementor-element.elementor-element-a33315f .osm-transfer-box {
        padding: 17px;
    }
}

/* Kotak upload */
.elementor-528 .elementor-element.elementor-element-a33315f #fluentform_3 .osm-payment-upload .ff-el-input--content {
    padding: 28px 20px;
    background: #fbfcfd;
    border: 2px dashed #c6cfd8;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
}

/* Ikon upload menggunakan SVG */
.elementor-528 .elementor-element.elementor-element-a33315f #fluentform_3 .osm-payment-upload .ff-el-input--content::before {
    content: "";
    display: block;
    width: 62px;
    height: 52px;
    margin: 0 auto 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 52' fill='none'%3E%3Cpath d='M17 43H13C6.9 43 2 38.1 2 32C2 26.6 5.9 22.1 11.1 21.2C12.4 12.5 19.9 6 29 6C37.6 6 44.8 11.9 46.7 19.9C54.9 20.2 61.5 26.9 61.5 35.2C61.5 39.4 59.8 42.2 57 44' stroke='%23B5BEC8' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M32 48V25M23.5 33.5L32 25L40.5 33.5' stroke='%23B5BEC8' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
}

/* Teks tombol upload */
.elementor-528 .elementor-element.elementor-element-a33315f #fluentform_3 .osm-payment-upload .ff-upload-btn,
.elementor-528 .elementor-element.elementor-element-a33315f #fluentform_3 .osm-payment-upload .ff_upload_btn {
    display: block;
    width: 100%;
    max-width: none;
    margin: 0;
    color: #0b395f;
    background: transparent;
    border: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
}

/* Deskripsi format */
.elementor-528 .elementor-element.elementor-element-a33315f #fluentform_3 .osm-payment-upload .ff-el-input--content::after {
    content: "Format: JPG, PNG, PDF (Maks. 5 MB)";
    display: block;
    margin-top: 7px;
    color: #7a8590;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
    pointer-events: none;
}

/* Pesan berhasil */
.elementor-528 .elementor-element.elementor-element-a33315f .ff-message-success {
    padding: 16px 20px !important;
    color: #157347 !important;
    background: #eaf7ef !important;
    border: 1px solid #a6d9b8 !important;
    border-left: 4px solid #198754 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    font-weight: 600;
}

/* Pesan gagal */
.elementor-528 .elementor-element.elementor-element-a33315f .ff-message-error,
.elementor-528 .elementor-element.elementor-element-a33315f .ff-errors-in-stack {
    padding: 16px 20px !important;
    color: #b42318 !important;
    background: #fff0ef !important;
    border: 1px solid #f1b4af !important;
    border-left: 4px solid #dc3545 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    font-weight: 600;
}

/* Error pada masing-masing field */
.elementor-528 .elementor-element.elementor-element-a33315f .ff-el-is-error .text-danger,
.elementor-528 .elementor-element.elementor-element-a33315f .ff-el-is-error .error {
    color: #dc3545 !important;
}

/* Status upload berhasil */
.elementor-528 .elementor-element.elementor-element-a33315f #fluentform_3 .osm-payment-upload
.ff-upload-preview:not(.ff_uploading)
.ff-upload-progress {
    color: #198754 !important;
    font-weight: 600;
}

/* Progress bar setelah upload selesai */
.elementor-528 .elementor-element.elementor-element-a33315f #fluentform_3 .osm-payment-upload
.ff-upload-preview:not(.ff_uploading)
.ff-el-progress-bar {
    background-color: #198754 !important;
}

/* Status upload gagal */
.elementor-528 .elementor-element.elementor-element-a33315f #fluentform_3 .osm-payment-upload
.ff-upload-error {
    color: #dc3545 !important;
    font-weight: 600;
}

/* Tampilan error umum upload */
.elementor-528 .elementor-element.elementor-element-a33315f #fluentform_3 .osm-payment-upload
.error,
.elementor-528 .elementor-element.elementor-element-a33315f #fluentform_3 .osm-payment-upload
.text-danger {
    color: #dc3545 !important;
    font-weight: 600;
}/* End custom CSS */