@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;700;900&display=swap');

body {
  font-family: 'Cairo', sans-serif !important;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Cairo', sans-serif !important;
}

/*------------ Header---------*/
@media (min-width: 768px){
    .md\:space-x-8 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(2rem * var(--tw-space-x-reverse));
        margin-right: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
    }
}

.datepicker-controls {
    flex-direction: row-reverse;
}

/*------------ Login & sign up pages ---------*/
.login-form {
    padding-left: 60px;
}
.iti__country-list {
    direction: ltr;
    left: 0;
}
.iti__flag-container {
    direction: ltr;
}
.Patient-date .left-0{
    position: absolute;
    left: 0;
}