@import url("https://fonts.googleapis.com/css2?family=Cairo:slnt,wght@-11..11,200..1000&display=swap");

* {
    font-family: "Cairo", sans-serif;
}
:root {
    --main-color: #aa2034;
    --main-color-shadow: 0 0 0 0.2rem rgb(170 32 52 / 17%);
    --dark-main-color: #93182a;
    --white-color: rgba(255, 255, 255, 1);
}
body {
    /*background-color: var(--white-color);*/
    background-color: #fbf9f6 !important;
    font-family: "Cairo", sans-serif;
    font-size: 18px;
}
.btn-main {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--dark-main-color);
}
.btn-main:hover {
    color: #fff;
    background-color: var(--dark-main-color);
    border-color: var(--main-color);
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--dark-main-color);
}
.page-link {
    color: var(--main-color);
}
.form-control {
    height: calc(2.5em + -0.25rem + 4px);
    font-size: 1.3rem;
    background-color: #e8f0fe;
    border-color: #f5f8fa;
    color: #5e6278;
    transition: color 0.2s ease, background-color 0.2s ease;
}
.form-control:focus {
    border-color: var(--main-color);
    box-shadow: var(--main-color-shadow);
    background-color: #eef3f7;
    border-color: #eef3f7;
    color: #5e6278;
    transition: color 0.2s ease, background-color 0.2s ease;
}
.navbar-light .navbar-nav .nav-link {
    color: #7e8299;
}
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: var(--main-color);
}
.toast-error {
    background-color: #f1416c;
}
.toast-success {
    background-color: #20d489ff;
}