body {
    padding: 0;
    margin: 0;
    scroll-behavior: smooth;
    box-sizing: border-box;
    transition: all 0.15s ease;
}

a {
    text-decoration: none;
}

:root {
    --theme-color: white;
    --text-color: black;
    --primary-color: #5E0B15;
    --secondary-color: #90323D;
    --light-color: #D9CAB3;

}

body.body-en {
    font-family: 'Quicksand', sans-serif;

}

body.body-ar,
body.body-ar * {
    font-family: "Almarai", serif;
    direction: rtl;

}

body.body-zh {
    font-family: "Noto Sans SC", serif;
}

/*.alert-div {*/
#alert-this {
    position: fixed;
    z-index: 999;
    top: 20px;
    width: 100%;
}

.is-valid {
    border-bottom: 1px solid green !important;
    color: green !important;
    transition: all 0.3s ease !important;
}

.is-invalid {
    border-bottom: 1px solid red !important;
    color: red !important;
    transition: all 0.3s ease !important;
}

.loading {
    position: fixed;
    background-color: var(--theme-color);
    width: 100%;
    height: 100%;
    z-index: 1000000;
    display: flex;
    justify-content: center;
    align-items: center;
}
.shadow-svg {
    filter: drop-shadow(4px 4px 6px rgba(0,0,0,0.5));
  }

.spinner-border {
    width: 50px;
    height: 50px;
}
.spinner-border-2 {
    width: 25px !important;
    height: 25px !important;
    margin: 5px;
}