.sample-red {
    background-color: rgba(var(--bs-red-rgb), var(--bs-bg-opacity)) !important;
}

.sample-red input, .sample-red input::placeholder, .sample-red input:focus {
    background-color: transparent !important;
    border-color: #fffdf8;
    color: #fffdf8;
}

.sample-red .error-color input, .sample-red .error-color input::placeholder {
    color: #DCFA6E !important;
    border-color: #DCFA6E !important;
}

.sample-red button {
    background-color: #fffdf8;
    border-color: #fffdf8;
    --bs-text-opacity: 1;
    color: rgba(var(--bs-red-rgb), var(--bs-text-opacity)) !important;
}

.sample-black {
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.sample-black input, .sample-black input::placeholder, .sample-black input:focus {
    --bs-text-opacity: 1;
    background-color: rgba(var(--bs-black-off-rgb), var(--bs-bg-opacity)) !important;
    border-color: #FFFFFF !important;
    color: #ffffff;
    outline: 0 none;
    box-shadow: none;

}

.sample-black .error-color input, .error-color input::placeholder {
    color: #FF4E4E !important;
    border-color: #FF4E4E !important;
}

.sample-black button {
    background-color: #fffdf8;
    border-color: #fffdf8;
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.sample-blue {
    background-color: rgba(var(--bs-blue-rgb), var(--bs-bg-opacity)) !important;
    color: #fffdf8;
}

.sample-blue .error-color input, .error-color input::placeholder {
    color: #FF4E4E !important;
    border-color: #FF4E4E !important;
}

.sample-blue input, .sample-blue input::placeholder, .sample-blue input:focus {
    --bs-text-opacity: 1;
    background-color: rgba(var(--bs-blue-rgb), var(--bs-bg-opacity)) !important;
    border-color: #fffdf8;
    color: #fffdf8;
    outline: 0 none;
    box-shadow: none;

}

.sample-blue button {
    background-color: #fffdf8;
    border-color: #fffdf8;
    --bs-text-opacity: 1;
    color: rgba(var(--bs-blue-rgb), var(--bs-text-opacity)) !important;
}


.sample-blue input:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important;
}

.sample-purple {
    background-color: rgba(var(--bs-purple-rgb), var(--bs-bg-opacity)) !important;
}

.sample-purple .error-color input, .error-color input::placeholder {
    color: #FF4E4E !important;
    border-color: #FF4E4E !important;
}

.sample-purple input, .sample-purple input::placeholder, .sample-purple input:focus {
    --bs-text-opacity: 1;
    background-color: rgba(var(--bs-purple-rgb), var(--bs-bg-opacity)) !important;
    border-color: #000000 !important;
    color: #212529;
    outline: 0 none;
    box-shadow: none;

}

.sample-purple .form-checklist button {
    background-color: #fffdf8 !important;
    border-color: #fffdf8 !important;
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

/*.form .check-input {
    display: flex;
    align-items: center;
    margin-bottom: 2.5rem !important;
}

.form .check-input label {
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
}

.check-input .form-check-input {
    margin-top: 0;
    border-radius: 50% !important;
}

.form input {
    border: 2px solid;
}*/