@font-face {
  font-family: greyCliff;
  src: url(./Fonts/Fontspring-DEMO-greycliffcf-demibold.otf);
}
@font-face {
  font-family: ediana;
  src: url(./Fonts/ediana.ttf);
}

/* * {
 /* font-family: greyCliff;
  color: #0b6c7f;
} */

.background-img {
  background-image: url("./Photos/bg1.jpg");
  min-height: 400px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.sp-font {
  font-family: ediana;
}
.light-blue {
  color: #a6dcde;
}
.red {
  color: #f37461;
}
.img-sm {
  width: 15%;
  height: auto;
}
.navbar {
  opacity: 0.8;
}
.img-fluid {
  height: 300px;
}
.our-purpose {
  margin: 20%;
}
.login {
  background-image: url("./Photos/loginbg.jpg");
  background-size: cover;
  background-position: center;
  height: 150vh;
  width: auto;
}
.col {
  width: 100px;
  height: 100px;
}
.steps {
  width: 30%;
}
@media only screen and (max-width: 1100px) {
  .background-img {
    background-image: url("./Photos/bg1.jpg");
    min-height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 0;
  }
  .p-5 {
    padding: 5px;
  }
}
@media only screen and (max-width: 750px) {
  .th {
    font-size: 10px;
  }
  .col {
    width: 70px;
    height: 70px;
  }
  .steps {
    width: 50%;
    height: auto;
  }
  .steps-text {
    font-size: 15px;
  }
}

.gmap_canvas {
  overflow: hidden;
  background: none !important;
  height: 510px;
  width: 770px;
}

@media only screen and (max-width: 500px) {
  .th {
    font-size: 8px;
  }
  .img-fluid {
    height: auto;
  }
  .img-sm-2 {
    width: 40%;
    height: auto;
  }
  .card-size {
    width: 50%;
  }
}
.login {
  background-image: url("./Photos/loginbg.jpg");
  background-size: cover;
  background-position: center;
  height: 150vh;
  width: auto;
}

.map-responsive {
  overflow: hidden;

  padding-bottom: 56.25%;

  position: relative;

  height: 0;
}

.map-responsive iframe {
  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  position: absolute;
}