:root {
    --bs-primary: #e54f82;
}
/* ---------------------------------- */
/* ------------- BUTTON ------------- */
/* ---------------------------------- */
.btn {
    --bs-btn-padding-x: 25px;
    --bs-btn-padding-y: 15px;
    /* --bs-btn-font-size: 14px; */
    --bs-btn-border-radius: 18px;
}

.btn-primary {
    color: #fff;
    border-color: #e54f82;
    background-color: #e54f82;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    color: #fff !important;
    border-color: #d32f5f !important;
    background-color: #d32f5f !important;
}

/* ---------------------------------- */
/* -------------- CARD -------------- */
/* ---------------------------------- */
.card {
    --bs-card-border-width: 0;
    --bs-card-border-radius: 24px;
    --bs-card-spacer-x: 30px;
    --bs-card-spacer-y: 30px;
}

/* ---------------------------------- */
/* ------------- MODAL -------------- */
/* ---------------------------------- */
.modal-header,
.modal-content,
.modal-footer {
    border: none;
}

/* ---------------------------------- */
/* -------------- FORM -------------- */
/* ---------------------------------- */
input,
select {
    height: 56px;
}
.form-control {
    border-color: #eceaf3;
    border-radius: 12px;
    padding: 0 23px;
}
.form-control:focus {
    box-shadow: none;
}
textarea.form-control {
    padding: 20px 23px;
    min-height: calc(1.5em + 0.75rem + 2px);
}

/* ---------------------------------- */
/* ----------- PAGINATION ----------- */
/* ---------------------------------- */
.table > :not(caption) > * > * {
    color: #464255;
}
.table th {
    font-weight: 600;
}

/* ---------------------------------- */
/* ----------- PAGINATION ----------- */
/* ---------------------------------- */
.pagination .page-item .page-link {
    --bs-pagination-bg: var(--bs-primary);
    --bs-pagination-color: #fff;
    --bs-pagination-active-bg: #e7dbf3;
    --bs-pagination-active-color: var(--bs-primary);
    --bs-pagination-active-border-color: #e7dbf3;

    --bs-pagination-hover-bg: #e7dbf3;
    --bs-pagination-hover-color: var(--bs-primary);
    --bs-pagination-hover-border-color: #e7dbf3;

    --bs-pagination-focus-bg: #e7dbf3;
    --bs-pagination-focus-color: var(--bs-primary);
    --bs-pagination-focus-box-shadow: none;

    height: 46px;
    border-radius: 18px;
}
.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
    padding-left: 18px;
    padding-right: 18px;
}
.pagination .page-item:not(:first-child):not(:last-child) .page-link {
    width: 46px;
}
.pagination .page-item:not(:last-child) {
    margin-right: 10px;
}

/* ---------------------------------- */
/* -------------- CHECKBOX ---------- */
/* ---------------------------------- */
.form-check-input:checked {
    background-color: #e54f82;
    border-color: #e54f82;
}