.w-76 {
  width: 19rem;
}
.w-300 {
  width: 300px;
}
.bg-isabelline {
  background-color: #f4f0ec;
}
.rounded-l-18 {
  border-radius: 18px 0 0 18px;
}
.hover\:border-gray-600:hover {
  border-color: #4b5563;
}
.text-onyx {
  color: #111827;
}
.hover\:text-onyx:hover {
  color: #393a39;
}
.hover\:text-hover:hover {
  color: #63c6c2;
}
.font-filson {
  font-family: Filson Soft, sans-serif;
  font-weight: 600;
  color: #393a39;
}
.font-700 {
  font-weight: 700;
}
.bg-neutral-100 {
  background-color: #f5f5f4;
}
.loading-button {
  background-color: #393a39;
  border-radius: 9999px;
  color: white;
  padding: 4;
}
.xl-flex {
  display: flex;
}
.menu-top {
  top: 105px;
  height: calc(100vh - 120px);
}
.popover-height {
  height: calc(100vh - 120px); /* default for mobile */
}
.bg-neutral-isabelline {
  background-color: #f1edea;
}

.bg-get-started-button {
  background-color: #393a39;
  color: '#ffffff';
}

.login-title {
  font-size: 42px;
}

/** Media query css **/
@media (max-width: 639px) {
  .s-hidden {
    display: none !important;
  }
  .login-title {
    font-size: 32px;
  }
}
@media (min-width: 1200px) {
  .l-hidden {
    display: none !important;
  }
}
@media (max-width: 1199px) {
  .sm-hidden {
    display: none !important;
  }
}
@media (min-width: 640px) {
  .menu-top {
    top: 125px;
    height: auto;
  }
  .popover-height {
    height: calc(100vh - 140px);
  }
  .ml-hidden {
    display: none !important;
  }
}