.bg-background-body {
  background-color: #202020;
  font-family: "Roboto", sans-serif;
}

.fs-7 {
  font-size: 0.9rem;
}
.fs-8 {
  font-size: 0.8rem;
}
.fs-9 {
  font-size: 0.7rem;
}
.rn-link {
  text-decoration: none;
}
.rn-link:hover {
  text-decoration: underline;
}
.rn-link-footer {
  color: rgba(255, 255, 255, 0.5);
  text-decoration: none;
  transition: all 0.3s ease;
}
.rn-link-footer:hover {
  color: rgba(255, 255, 255, 1);
  text-decoration: underline;
}

.rn-ol-list ol li{
  padding: 0.125rem 0rem 0.125rem 0.50rem;
}
.text-hotelstrack {
  color: #efac20;
}
.text-supplier {
  color: #37721e;
}
.font-title {
  font-family: "Inter", sans-serif;
}

.bg-buyer {
  background-color: #be8f03;
}
.bg-supplier {
  background-color: #37721e;
}
.bg-hotel {
  background-color: #3d7db8;
}

.btn-start-here {
  border: 1px solid rgba(255, 255, 255, 0.5);
  background-color: rgba(0, 0, 0, 0.3);
}
.btn-start-here:hover {
  border: 1px solid rgba(255, 255, 255, 0.6);
  background-color: rgba(0, 0, 0, 0.5);
}

.bg-hotelstrack {
  background-color: #efac20;
}

.rn-bg-overlay {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
}


@media only screen and (max-width: 922px) {

.rn-bg-overlay {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.80) 0%,
    rgba(255, 255, 255, 0.80) 100%
  );
}
}