.rounded {
  border-radius: 8px !important;
}

.underline:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 8px;
  border-radius: 5px;
  background: #00aeef;
  z-index: -1;
}

.ratio {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}

.models-full {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
}

.btn:hover {
  color: white;
  background-color: #00aeef;
  border-color: white;
}

.btn-outline-success {
  --bs-btn-color: black;
  --bs-btn-border-color: #00aeef;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #00aeef;
  --bs-btn-hover-border-color: #00aeef;
  --bs-btn-focus-shadow-rgb: 0, 183, 121;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #00aeef;
  --bs-btn-active-border-color: #00aeef;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #00aeef;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #00aeef;
  --bs-gradient: none;
}

.logo:hover {
  filter: none;
}

.logo {
  filter: grayscale(100%);
  transition: filter 0.3s ease;
}