html {
  scroll-behavior: smooth;
}
body {
  background-image: url("../img/bg.jpg");
  position: relative;
  min-height: 100%;
  top: 0px;
  margin: 0;
  background-repeat: repeat-y;
  background-size: cover;
  background-position: center top;
  background-attachment: fixed;
}
.page {
  height: 100vh;
  width: 100vw;
}
.cont {
  margin: 0;
  padding: 0 20px;

}
.nav-style {
  box-shadow:
    0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086);
  border-radius: 10px;
}
.nav-text {
  font-size: 22px;
  font-family: 'Rajdhani', sans-serif;
  font-weight: 500;
}
.nav-link {
  text-decoration: none;
  position: relative;
  border-radius: 10px;
  color: #193E75 !important;
}
.box {
  font-family: 'Rajdhani', sans-serif;
  font-size: 22px;
  font-weight: 500;
  border-radius: 10px;
  background: linear-gradient(145deg, #e6e6e6, #ffffff);
box-shadow:  0px 0px 56px grey, 
             -31px -31px 56px #ffffff;
}
@media (max-width: 768px) {
  .logo {
    max-width: 100px;
  }
}