.elementor-2951130 .elementor-element.elementor-element-0caeab9{width:var( --container-widget-width, 750px );max-width:750px;background-color:#EEEEEE;margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;padding:20px 20px 20px 20px;--container-widget-width:750px;--container-widget-flex-grow:0;border-radius:15px 15px 15px 15px;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-2951130 .elementor-element.elementor-element-0caeab9 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-2951130 .elementor-element.elementor-element-0caeab9 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-2951130 .elementor-element.elementor-element-0caeab9 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-2951130 .elementor-element.elementor-element-0caeab9 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-2951130 .elementor-element.elementor-element-0caeab9 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-2951130 .elementor-element.elementor-element-0caeab9 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-2951130 .elementor-element.elementor-element-0caeab9 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-2951130 .elementor-element.elementor-element-0caeab9 .elementor-field-type-html{padding-bottom:0px;}.elementor-2951130 .elementor-element.elementor-element-0caeab9 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-2951130 .elementor-element.elementor-element-0caeab9 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-2951130 .elementor-element.elementor-element-0caeab9 .e-form__buttons__wrapper__button-next{background-color:#000000;color:#ffffff;}.elementor-2951130 .elementor-element.elementor-element-0caeab9 .elementor-button[type="submit"]{background-color:#000000;color:#ffffff;}.elementor-2951130 .elementor-element.elementor-element-0caeab9 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-2951130 .elementor-element.elementor-element-0caeab9 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-2951130 .elementor-element.elementor-element-0caeab9 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-2951130 .elementor-element.elementor-element-0caeab9 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-2951130 .elementor-element.elementor-element-0caeab9 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-2951130 .elementor-element.elementor-element-0caeab9 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-2951130 .elementor-element.elementor-element-4451723{--display:flex;}/* Start custom CSS for form, class: .elementor-element-0caeab9 *//* =========================================================
   POTHAK.LK - ACCOUNT DELETION FORM
   shadcn/ui inspired compact style
   Scoped only to Elementor form 0caeab9
   ========================================================= */

.elementor-element-0caeab9 {
    --bg: #ffffff;
    --foreground: #0a0a0a;
    --muted: #71717a;
    --border: #e4e4e7;
    --input-bg: #ffffff;
    --ring: rgba(24, 24, 27, 0.12);
    --danger: #dc2626;
    --danger-bg: #fef2f2;
    --danger-border: #fecaca;
}


/* FORM */
.elementor-element-0caeab9 .elementor-form {
    width: 100% !important;
    margin: 0 !important;
}

.elementor-element-0caeab9 .elementor-form-fields-wrapper {
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
}

.elementor-element-0caeab9 .elementor-field-group {
    margin: 0 !important;
    padding: 0 !important;
}


/* LABEL */
.elementor-element-0caeab9 .elementor-field-label {
    display: block !important;

    margin: 0 0 6px 0 !important;

    color: var(--foreground) !important;

    font-family: inherit !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;

    letter-spacing: -0.01em !important;
}


/* REQUIRED MARK */
.elementor-element-0caeab9 .elementor-field-required .elementor-field-label::after {
    color: var(--danger) !important;
}


/* INPUTS */
.elementor-element-0caeab9 input.elementor-field-textual,
.elementor-element-0caeab9 textarea.elementor-field-textual,
.elementor-element-0caeab9 select.elementor-field-textual {
    width: 100% !important;

    min-height: 40px !important;
    height: 40px !important;

    padding: 8px 11px !important;

    background: var(--input-bg) !important;
    color: var(--foreground) !important;

    border: 1px solid var(--border) !important;

    border-radius: 7px !important;

    box-shadow: none !important;
    outline: none !important;

    font-family: inherit !important;

    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;

    transition:
        border-color .15s ease,
        box-shadow .15s ease,
        background-color .15s ease !important;
}


/* PLACEHOLDER */
.elementor-element-0caeab9 input.elementor-field-textual::placeholder,
.elementor-element-0caeab9 textarea.elementor-field-textual::placeholder {
    color: #a1a1aa !important;
    opacity: 1 !important;
}


/* HOVER */
.elementor-element-0caeab9 input.elementor-field-textual:hover,
.elementor-element-0caeab9 textarea.elementor-field-textual:hover,
.elementor-element-0caeab9 select.elementor-field-textual:hover {
    border-color: #d4d4d8 !important;
}


/* FOCUS */
.elementor-element-0caeab9 input.elementor-field-textual:focus,
.elementor-element-0caeab9 textarea.elementor-field-textual:focus,
.elementor-element-0caeab9 select.elementor-field-textual:focus {
    border-color: #a1a1aa !important;

    box-shadow:
        0 0 0 3px var(--ring) !important;

    outline: none !important;
}


/* SELECT */
.elementor-element-0caeab9 .elementor-select-wrapper {
    width: 100% !important;
}

.elementor-element-0caeab9 .elementor-select-wrapper select {
    padding-right: 34px !important;

    cursor: pointer !important;
}

.elementor-element-0caeab9 .select-caret-down-wrapper {
    right: 12px !important;
    pointer-events: none !important;
}

.elementor-element-0caeab9 .select-caret-down-wrapper svg {
    width: 10px !important;
    height: 10px !important;

    fill: #71717a !important;
}


/* =========================================================
   ACCEPTANCE / CONFIRMATION
   ========================================================= */

.elementor-element-0caeab9 .elementor-field-group-message {
    padding: 12px 13px !important;

    background: #fafafa !important;

    border: 1px solid var(--border) !important;
    border-radius: 8px !important;
}


/* Confirmation label */
.elementor-element-0caeab9 .elementor-field-group-message > .elementor-field-label {
    margin-bottom: 7px !important;

    font-size: 12px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;

    color: var(--foreground) !important;
}


/* Acceptance row */
.elementor-element-0caeab9 .elementor-field-group-message .elementor-field-option {
    display: flex !important;
    align-items: flex-start !important;

    gap: 9px !important;

    width: 100% !important;
}


/* CHECKBOX */
.elementor-element-0caeab9 .elementor-acceptance-field {
    appearance: none !important;
    -webkit-appearance: none !important;

    flex: 0 0 16px !important;

    width: 16px !important;
    height: 16px !important;

    min-width: 16px !important;
    min-height: 16px !important;

    margin: 2px 0 0 0 !important;
    padding: 0 !important;

    background: #ffffff !important;

    border: 1px solid #d4d4d8 !important;
    border-radius: 4px !important;

    cursor: pointer !important;

    position: relative !important;

    transition:
        border-color .15s ease,
        background-color .15s ease,
        box-shadow .15s ease !important;
}


/* CHECKED */
.elementor-element-0caeab9 .elementor-acceptance-field:checked {
    background: #18181b !important;
    border-color: #18181b !important;
}


/* TICK */
.elementor-element-0caeab9 .elementor-acceptance-field:checked::after {
    content: "" !important;

    position: absolute !important;

    left: 5px !important;
    top: 2px !important;

    width: 3px !important;
    height: 7px !important;

    border: solid #ffffff !important;
    border-width: 0 1.5px 1.5px 0 !important;

    transform: rotate(45deg) !important;
}


/* CHECKBOX FOCUS */
.elementor-element-0caeab9 .elementor-acceptance-field:focus-visible {
    outline: none !important;

    box-shadow:
        0 0 0 3px var(--ring) !important;
}


/* CONFIRMATION TEXT */
.elementor-element-0caeab9 .elementor-field-group-message .elementor-field-option label {
    flex: 1 !important;

    margin: 0 !important;

    color: #52525b !important;

    font-size: 12px !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;

    cursor: pointer !important;
}


/* =========================================================
   BUTTON
   ========================================================= */

.elementor-element-0caeab9 .e-form__buttons {
    margin-top: 2px !important;
}

.elementor-element-0caeab9 .elementor-button {
    width: 100% !important;

    min-height: 40px !important;
    height: 40px !important;

    padding: 8px 14px !important;

    background: #18181b !important;
    color: #ffffff !important;

    border: 1px solid #18181b !important;
    border-radius: 7px !important;

    box-shadow: none !important;

    font-family: inherit !important;

    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 500 !important;

    letter-spacing: -0.01em !important;

    cursor: pointer !important;

    transition:
        background-color .15s ease,
        border-color .15s ease,
        box-shadow .15s ease,
        transform .15s ease !important;
}

.elementor-element-0caeab9 .elementor-button:hover {
    background: #27272a !important;
    border-color: #27272a !important;
}

.elementor-element-0caeab9 .elementor-button:active {
    transform: translateY(1px) !important;
}

.elementor-element-0caeab9 .elementor-button:focus-visible {
    outline: none !important;

    box-shadow:
        0 0 0 3px var(--ring) !important;
}


/* =========================================================
   SUCCESS / ERROR
   ========================================================= */

.elementor-element-0caeab9 .elementor-message-success {
    margin: 14px 0 0 !important;

    padding: 10px 12px !important;

    background: #f0fdf4 !important;

    border: 1px solid #bbf7d0 !important;
    border-radius: 7px !important;

    color: #166534 !important;

    font-size: 12px !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
}

.elementor-element-0caeab9 .elementor-message-success::before {
    display: none !important;
}

.elementor-element-0caeab9 .elementor-message-danger,
.elementor-element-0caeab9 .elementor-message-error {
    margin: 8px 0 0 !important;

    padding: 9px 11px !important;

    background: var(--danger-bg) !important;

    border: 1px solid var(--danger-border) !important;
    border-radius: 7px !important;

    color: #b91c1c !important;

    font-size: 12px !important;
    line-height: 1.45 !important;
}

.elementor-element-0caeab9 .elementor-error {
    margin-top: 5px !important;

    color: var(--danger) !important;

    font-size: 11px !important;
    line-height: 1.4 !important;
}


/* =========================================================
   AUTOFILL
   ========================================================= */

.elementor-element-0caeab9 input:-webkit-autofill,
.elementor-element-0caeab9 input:-webkit-autofill:hover,
.elementor-element-0caeab9 input:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--foreground) !important;

    -webkit-box-shadow:
        0 0 0 1000px #ffffff inset !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-element-0caeab9 .elementor-form-fields-wrapper {
        gap: 14px !important;
    }

    .elementor-element-0caeab9 .elementor-field-label {
        font-size: 12.5px !important;
    }

    .elementor-element-0caeab9 input.elementor-field-textual,
    .elementor-element-0caeab9 textarea.elementor-field-textual,
    .elementor-element-0caeab9 select.elementor-field-textual {
        min-height: 42px !important;
        height: 42px !important;

        padding: 8px 11px !important;

        font-size: 16px !important;

        border-radius: 7px !important;
    }

    .elementor-element-0caeab9 .elementor-field-group-message {
        padding: 11px 12px !important;
    }

    .elementor-element-0caeab9 .elementor-field-group-message .elementor-field-option label {
        font-size: 12px !important;
    }

    .elementor-element-0caeab9 .elementor-button {
        min-height: 42px !important;
        height: 42px !important;

        font-size: 13px !important;
    }
}/* End custom CSS */