html,
body {
  height: 100%;
}

@font-face {
  font-family: kruti-dev;
  src: url(/public/fonts/Kruti\ Dev\ 010\ Regular.ttf);
}

@font-face {
  font-family: amita-bold;
  src: url(../fonts/Amita-Bold.ttf);
}

@font-face {
  font-family: robo;
  src: url(../fonts/Roboto-Regular.ttf);
}

@font-face {
  font-family: robo-bold;
  src: url(../fonts/Roboto-Bold.ttf);
}

.kruti-dev {
  font-family: kruti-dev;
}

.amita-bold {
  font-family: amita-bold;
}

.robo {
  font-family: robo;
}

.robo-bold {
  font-family: robo-bold;
}

.fs-sm {
  font-size: 10px;
}

.text-light-grey {
  color: lightgrey;
}

.fit-contain {
  object-fit: contain;
}
.fgBack {
  background-image: url(/public/assets/images/map.png);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: #8fb499;
}

.mobile-screen-1 {
  background-image: url(/public/assets/images/screenshot1.jpg);
  background-size: cover;
  background-position: 50% 0%;
  background-repeat: no-repeat;
}

.mobile-screen-2 {
  background-image: url(/public/assets/images/screenshot2.jpg);
  background-size: cover;
  background-position: 50% 0%;
  background-repeat: no-repeat;
}

.borderRed {
  border: 2px solid red;
}

.modal:nth-of-type(even) {
  z-index: 1052 !important;
}
.modal-backdrop.show:nth-of-type(even) {
  z-index: 1051 !important;
}