body {
    font-size: 14px;
}

.rounded {
    border-radius: 10px !important;
}

.modal {
    backdrop-filter: saturate(180%) blur(5px);
}

.modal .modal-content {
    border-radius: 16px;
}

h2 {
    font-size: 26px;
}

p,
.form-control {
    font-size: 14px;
}

.fw-600 {
    font-weight: 600;
}

.is-valid,
.is-error {
    position: relative;
}


.is-valid input,
.is-valid select {
    border: 2px solid #66d566 !important;
}

.is-error input,
.is-error select {
    border: 2px solid #d56666 !important;
}

.is-valid:after,
.is-error:after {
    position: absolute;
    top: 8px;
    right: 20px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-family: "bootstrap-icons" !important;
    font-size: 28px;
}

.is-valid:after {
    content: "\F272";
    color: #66d566;
}

.is-error:after {
    content: "\F623";
    color: #d56666;
}


@media (max-width: 768px) {
    h2 {
        font-size: 14px !important;
    }

    p {
        font-size: 12px !important;
    }

    .form-control,
    .form-select {
        padding: 10px !important;
    }
}