@import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@400;700&display=swap');

body {
    background-image: url("assets/img/login-bg.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    background-attachment: fixed;
    font-family: 'Noto Kufi Arabic', sans-serif;
}

.container {
    height: 90vh;
}

.modal-dialog {
    flex-direction: column;
}

.modal-content {
    box-shadow: 0 0.76875rem 2.4875rem rgb(52 58 64 / 30%), 0 1.3375rem 1.70625rem rgb(52 58 64 / 30%), 0 0.55rem 0.53125rem rgb(0 0 0 / 5%), 0 0.225rem 0.4375rem rgb(52 58 64 / 30%);
    border-radius: .5rem;
}

.modal-header, .modal-footer {
    background: #f8f9fa;
}

.modal-header {
    flex-direction: column;
    border-top-left-radius: calc(0.7rem - 1px);
    border-top-right-radius: calc(0.7rem - 1px);
}

.modal-footer {
    border-bottom-right-radius: calc(0.7rem - 1px);
    border-bottom-left-radius: calc(0.7rem - 1px);
}

.modal-header img {
    /* filter: drop-shadow(0px 0px 3px gray); */
    height: 140px;
    width: auto;
    margin-bottom: 4px;
    mix-blend-mode: multiply;
}

.modal-header h5 {
    margin-bottom: 0;
    font-weight: bold;
}