@font-face {
  font-family: "DINRoundOT";
  src: url("/assets/fonts/DINRoundOT.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "DINRoundOT";
  src: url("/assets/fonts/DINRoundOT-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "DINRoundOT";
  src: url("/assets/fonts/DINRoundOT-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "DINRoundOT";
  src: url("/assets/fonts/DINRoundOT-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
html, body {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
}

.active {
  color: #003A70;
}

.background-sm {
  background-size: 110%;
}

.background-md {
  background-size: 100%;
}

.background-xl {
  background-size: 120%;
}

#show_details:hover {
  cursor: pointer;
}

.zoom:hover {
  transform: scale(110%);
  transition: transform 0.3s ease-in-out;
}

@media screen and (min-width: 638px) and (max-width: 1279px) {
  .home-img-height {
    height: 94px !important;
  }
}
@media screen and (min-width: 638px) and (max-width: 1279px) {
  .line-text {
    width: 450px !important;
  }
}
@media screen and (min-width: 535px) and (max-width: 639px) {
  .line-img {
    margin-top: 8rem;
  }
  .line-img-top {
    margin-top: 4rem;
  }
}
@media screen and (min-width: 426px) and (max-width: 535px) {
  .line-img {
    margin-top: 4rem;
  }
  .line-img-top {
    margin-top: 2rem;
  }
}