.ui-datepicker {
    background: white;
    border: 1px solid #E2E8F0;
    width: 328px;
    height: 392px;
    border-radius: 12px;

    .ui-datepicker-next span {
        border-color: transparent transparent transparent #95281F;
    }

    .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
        border-color: transparent #95281F transparent transparent;
    }

    .ui-datepicker-calendar th {
        background: white;
        border: none;
        padding: 8px 10px;
    }

    .ui-datepicker-calendar td {
        border: 0;
    }

    .ui-datepicker-calendar {
        border: none;
    }

    .ui-datepicker-title {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        color: #334155;
        display: flex;
        justify-content: center;
        align-items: center;

        .ui-datepicker-month {
            width: auto !important;
            margin: 0 !important;
        }
    }

    .ui-datepicker-calendar {
        height: 80%;
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        color: #334155;

        .ui-state-default {
            text-align: center;
            height: 100%;
        }
    }

    .ui-datepicker-year {
        gap: 8px;
        border-radius: 8px;
        transition: 0.2s;
        border: none;
        appearance: none; /* Standard */
        -webkit-appearance: none; /* Chrome, Safari */
        -moz-appearance: none;
        width: 30% !important;
    }
}

.rendered-form {
    .field {
        .label {
            font-weight: 700 !important;
            font-size: 16px;
            line-height: 20px;
            color: #334155;
            margin: 0 0 6px;
        }

        input[type=text], input[type=time], input[type=file], select:not([multiple=true]) {
            height: 36px;
            min-width: 50%;
            padding: 8px 12px 8px 12px;
            gap: 8px;
            border-radius: 8px;
            transition: 0.2s;
            border: 1px solid #CBD5E1;
            font-weight: 500 !important;
            font-size: 14px;
            line-height: 20px;
        }

        select:not([multiple=true]) {
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            background-color: #fff;
            cursor: pointer;
            background-image: url("data:image/svg+xml;utf8,<svg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M0.410093 0.910742C0.73553 0.585305 1.26317 0.585305 1.5886 0.910742L5.99935 5.32149L10.4101 0.910742C10.7355 0.585305 11.2632 0.585305 11.5886 0.910742C11.914 1.23618 11.914 1.76382 11.5886 2.08925L6.5886 7.08925C6.26317 7.41469 5.73553 7.41469 5.41009 7.08925L0.410093 2.08925C0.0846564 1.76382 0.0846564 1.23618 0.410093 0.910742Z' fill='%231E293B'/></svg>");
            background-repeat: no-repeat;
            background-position: right 10px center;
            background-size: 16px 16px;
        }

        select[multiple=true] {
            padding: 8px 12px 8px 12px;
            gap: 8px;
            border-radius: 8px;
            transition: 0.2s;
            border: 1px solid #CBD5E1;
            font-weight: 500 !important;
            font-size: 14px;
            line-height: 20px;
        }

        .checkbox-group {
            font-weight: 400;
            font-size: 14px;
            line-height: 20px;
            letter-spacing: 0;
            color: #334155;

            .amform-checkbox, .amform-checkboxtwo {
                position: initial !important;
                opacity: 0;
                cursor: pointer;
            }

            .amform-versiontwo-label {
                position: relative;
                padding-left: 25px;
                cursor: pointer;
                display: inline-block;
                user-select: none;
                font-weight: 400;
                font-size: 14px;
                line-height: 20px;
                color: #334155;
            }

            .amform-versiontwo-label::before {
                content: "";
                position: absolute;
                left: 0;
                top: 3px;
                background-color: #fff;
                transition: background-color 0.2s, border-color 0.2s;
                width: 16px;
                height: 16px;
                border-radius: 4px;
                border: 1px solid #CBD5E1
            }

            .amform-checkbox:checked + .amform-versiontwo-label::before {
                background-color: #D7382B;
                border-color: #D7382B;
            }

            .amform-versiontwo-label::after {
                content: "";
                position: absolute;
                left: 5px;
                top: 4px;
                width: 6px;
                height: 10px;
                border: solid white;
                border-width: 0 2px 2px 0;
                transform: rotate(45deg);
                opacity: 0;
                transition: opacity 0.2s ease;
            }

            .amform-checkbox:checked + .amform-versiontwo-label::after {
                opacity: 1;
            }

            .amform-checkboxtwo:checked + .amform-versiontwo-label::after {
                opacity: 1;
            }

            .amform-checkboxtwo:checked + .amform-versiontwo-label::before {
                background-color: #D7382B;
                border-color: #D7382B;
            }
        }

        .radio-group {
            font-weight: 400;
            font-size: 14px;
            line-height: 20px;
            letter-spacing: 0;
            color: #334155;

            .amform-radio, .amform-radiotwo {
                position: absolute;
                opacity: 0;
            }

            .amform-versiontwo-label {
                position: relative;
                padding-left: 25px;
                cursor: pointer;
                display: inline-block;
                line-height: 24px;
                user-select: none;
            }

            .amform-versiontwo-label::before {
                content: "";
                position: absolute;
                left: 0;
                top: 4px;
                height: 16px;
                width: 16px;
                border: 2px solid #ccc;
                border-radius: 50%;
                background-color: #fff;
                transition: background-color 0.2s, border-color 0.2s;
            }

            .amform-versiontwo-label::after {
                content: "";
                position: absolute;
                left: 4px;
                top: 8px;
                width: 8px;
                height: 8px;
                background-color: #D7382B;
                border-radius: 50%;
                opacity: 0;
                transition: opacity 0.2s ease-in-out;
            }

            .amform-radio:checked + .amform-versiontwo-label::after {
                opacity: 1;
            }

            .amform-radio:checked + .amform-versiontwo-label::before {
                border-color: #D7382B;
            }

            .amform-versiontwo-label:hover::before {
                border-color: #D7382B;
            }

            .amform-radiotwo:checked + .amform-versiontwo-label::after {
                opacity: 1;
            }

            .amform-radiotwo:checked + .amform-versiontwo-label::before {
                border-color: #D7382B;
            }

        }

        input[type=text]:focus, textarea:focus, .amform-date:focus, input[type=time]:focus, input[type=file]:focus, select:focus {
            box-shadow: none;
            outline: none;
            border: 1px solid #F9AEA8;
        }

        textarea {
            min-height: 154px;
            border-radius: 8px;
            gap: 8px;
            padding: 12px 14px;
            border: 1px solid #CBD5E1
        }

        textarea::placeholder {
            font-weight: 400;
            font-size: 14px;
            line-height: 20px;
            color: #c2c2c2!important;
        }

        .amform-date {
            height: 36px;
            min-width: 50%;
            border-radius: 8px;
            gap: 8px;
            padding: 8px 14px;
            border: 1px solid #CBD5E1;
            font-weight: 500 !important;
            font-size: 14px;
            line-height: 20px;
        }

        .amform-date::placeholder {
            font-weight: 500;
            font-size: 14px;
            line-height: 20px;
            color: #64748B;
        }
    }

    .amcform-toolbar {
        display: flex;
        justify-content: flex-end;
        margin-top: 40px;

        .amcform-submit, .amcform-next {
            height: 36px;
            border-radius: 32px;
            border: 1px solid #B42C21;
            background-color: #D7382B;
            padding: 8px 12px 8px 12px !important;
            margin: 0 !important;
            font-family: Poppins-Semi-Bold, serif !important;
            font-size: 14px !important;
            line-height: 20px !important;
            text-align: center !important;
            font-weight: normal !important;
        }

        .amcform-submit:hover, .amcform-next:hover {
            background-color: #991F16;
            border: 1px solid #991F16;
        }

        .amcform-prev {
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 6px;
            background: none;
            border: none;
            font-family: Poppins-Semi-Bold, serif;
            font-weight: 600;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: 0;
            color: #475569;
            box-shadow: none;
        }

        .amcform-prev::before {
            content: "";
            width: 20px;
            height: 20px;
            background: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.8337 10H4.16699M4.16699 10L10.0003 15.8334M4.16699 10L10.0003 4.16669" stroke="%2364748B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center center;
            background-size: contain;
            display: inline-block;
        }

    }

    .amcform-toolbar:has(:nth-child(2)) {
        justify-content: space-between;
    }

    .amcform-step:before {
        background: #E94D40 !important;
        height: 2px !important;
        top: 14px !important;
    }

    .amcform-step {
        width: 24px;
        height: 24px;
        background: #ffffff;
        font-size: 0 !important;
        border: 8px solid #E94D40;
        box-shadow: 0 0 0 4px #E94D4033;
        margin-top: 4px;
    }

    a {
        text-decoration: none;
    }

    .amcform-label {
        font-family: Poppins-Semi-Bold, serif;
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0;
        text-align: center;
        color: #E94D40;
    }

    .amcform-title-wrap {
        width: 50%;
    }

    .amcform-title-wrap.-disabled .amcform-step {
        background: #ffffff;
        border: 8px solid #E2E8F0;
        box-shadow: none;
        margin-top: 4px;
    }

    .amcform-title-wrap.-disabled .amcform-label {
        color: #334155;
    }
}