@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");

body,
button {
  font-family: "Inter", sans-serif;
}

:root {
  --offcanvas-width: 270px;
  --topNavbarHeight: 56px;
  --btnavbarcolor: #ffffff;
  --btappcolor: #29a3f1;
  /* --btnavbarcolor:#1d3557;
  --btappcolor:#01132c; */
}

/* bg #29a3f1 */
.nav-link {
  color: rgb(41 163 241) !important;
  font-weight: bold !important;
}

.btapp {
  background-color: var(--btappcolor);
}

.btnavbar {
  background-color: var(--btnavbarcolor);
}

.sidebar-nav {
  width: var(--offcanvas-width);
}

.sidebar-link {
  display: flex;
  align-items: center;
}

.sidebar-link .right-icon {
  display: inline-flex;
}

.sidebar-link[aria-expanded="true"] .right-icon {
  transform: rotate(180deg);
}

@media (min-width: 992px) {
  body {
    overflow: auto !important;
  }

  main {
    margin-left: var(--offcanvas-width);
  }

  /* this is to remove the backdrop */
  .offcanvas-backdrop::before {
    display: none;
  }

  .sidebar-nav {
    -webkit-transform: none;
    transform: none;
    visibility: visible !important;
    height: calc(100% - var(--topNavbarHeight));
    top: var(--topNavbarHeight);
  }
}


/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #1d3557;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.border-R {
  border-radius: 30px !important;
}




.spnner {
  height: 96vh;
  align-items: center;
  position: absolute;
  width: 75vw;
  z-index: 100;

}

.cursors {
  cursor: pointer;
}

.spinner-grow {
  width: 11px !important;
  height: 12px !important;
}




.spin-1 {
  display: flex;
  justify-content: center;
}

.spin-2 {
  position: fixed;
  width: 4rem;
  height: 4rem;

}

/* .mtForMobail{
  margin-top: 7rem !important;
} */

@media screen and (max-width:715px) {
  .mtForMobail {
    margin-top: 2rem !important;
  }
}


.tsxt-justify {
  text-align: justify !important;
}

.textbr {
  -webkit-text-stroke: 1px #00000026;
}

.vmf {
  font-family: emoji !important;
}

.conf {
  font-size: 6rem !important;
}

/* 
body {
  font-family: "Lato", sans-serif !important; 
  font-family: var(--bs-body-font-family);
} */

body {
  margin: 0;
   font-family: "Josefin Sans", sans-serif !important; 
  /* font-family: "Spectral", serif  !important; */
  /* "Domine", serif !important; */
  /* font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent; */
}


.br-7 {
  border-radius: 7px !important;
}

a {
  text-decoration: none !important;
}


.e-hover:hover {
  color: #29a3f1 !important;
}

.sHigh {
  height: 24px !important;
  width: 24px !important;
}