.usefull .owl-prev {
  position: absolute;
  top: 20%;
  left: -2%;
  width: 30px !important;
  height: 30px !important;
  background-color: #162F6A !important;
}

.usefull .owl-next {
  position: absolute;
  top: 20%;
  right: -2%;
  width: 30px !important;
  height: 30px !important;
  background-color: #162F6A !important;
}

.f14 {
  font-size: 14px !important;
}

.f15 {
  font-size: 15px !important;
}

.f16 {
  font-size: 16px !important;
}

.f500 {
  font-weight: 500 !important;
}

.f600 {
  font-weight: 600 !important;
}

li,
a,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Noto Sans Devanagari", sans-serif;
}

.go-bck {
  position: fixed;
  top: 45%;
  right: 0.4%;
  z-index: 9999;
  background-color: #004696 !important;
  color: #fff !important;
  width: 40px;
  height: 40px;
  font-size: 18px;
  border-radius: 50%;
  display: grid;
  place-content: center;
  cursor: pointer;
}

.hbg {
  position: relative;
}

.hbg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: -70px;
  background: url(../useful/hbg.png) center center no-repeat;
  background-size: contain;
  width: 30%;
  margin: 0 auto;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .hbg::before {
    width: 70%;
  }
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #004696;
}

::-webkit-scrollbar-thumb:hover {
  background: #3d6f91;
}

@media screen and (max-width: 768px) {
  .mtsm-15 {
    margin-top: 15px !important;
  }

  .usefull .owl-prev {
    left: -3%;
  }

  .usefull .owl-next {
    right: -3%;
  }
}

.form-control {
  border: 1px solid var(--grey-1) !important;
  background-color: var(--text-on-dark) !important;
}

.form-control:hover {
  border: 1px solid var(--blue-2) !important;
}