* {
  font-family: 'Inter';
  scroll-behavior: smooth;
}
th {
    font-weight: 600;
}
/* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.grid-80\/20 {
  grid-template-columns: 80% 20%;
}
.grid-20\/80 {
    grid-template-columns: 20% 80%;
}
.grid-60\/40 {
  grid-template-columns: 60% 40%;
}
.grid-5\/95 {
  grid-template-columns: 7% 93%;
}
.grid-95\/5 {
  grid-template-columns: 94% 6%;
}
.grid-40\/60 {
  grid-template-columns: 40% 60%;
}
.grid-60\/40 {
  grid-template-columns: 60% 40%;
}
.col-gap-6 {
  column-gap: 1.5rem;
}
.col-gap-10 {
  column-gap: 2.5rem;
}
.col-gap-20 {
  column-gap: 5rem;
}
.row-gap-4 {
  row-gap: 1rem;
}
.row-gap-10 {
  row-gap: 2.5rem;
}
.row-gap-20 {
  row-gap: 5rem;
}
.bg-50\/35 {
  background-position: 50% 35%;
}
.border-l-6 {
    border-left: 6px solid transparent;
}
.nav-button {
  color: #fff!important;
}
.hover\:card-scale:hover {
  transform: scale(1.05);
}
.grid-cols-20 {
  grid-template-columns: repeat(20, minmax(0, 1fr));
}
option {
 font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 font-weight: 500;
 color: #374151;
}
.box-shadow-4 {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}
@media (min-width: 768px) {
  .md\:grid-33\/66 {
    grid-template-columns: calc(100% / 3) calc(100% / 3 * 2);
  }
}
.bg-\[url\(\'\/img\/backgrounds\/landing-image\.jpg\'\)\] {
    background-image: url('/img/backgrounds/landing-image.jpg');
}
.bg-\[url\(\'\/img\/backgrounds\/account\.svg\'\)\] {
    background-image: url('/img/backgrounds/account.svg');
}
.fade-top {
    opacity: 0;
    transition: opacity 1s ease, transform 1s ease;
    transform: translateY(20px);
}
.fade-top.active {
    opacity: 1;
    transform: translateY(0);
}
.fade-top-offset {
    opacity: 0;
    transition: opacity 1s ease, transform 1s ease;
    transform: translateY(20px);
}
.fade-top-offset.active {
    opacity: 1;
    transform: translateY(0);
}
.fade-left {
    opacity: 0;
    transition: opacity .8s ease, transform .8s ease;
    transform: translateX(20px);
}
.fade-left.active {
    opacity: 1;
    transform: translateX(0);
}
.delay-100 {
    transition-delay: 100ms;
}
.delay-200 {
    transition-delay: 200ms;
}
.delay-300 {
    transition-delay: 300ms;
}
.delay-400 {
    transition-delay: 400ms;
}
.delay-500 {
    transition-delay: 500ms;
}
.delay-600 {
    transition-delay: 600ms;
}
@media (min-width: 1280px) {
    .xl\:delay-100 {
        transition-delay: 100ms;
    }

    .xl\:delay-200 {
        transition-delay: 200ms;
    }

    .xl\:delay-300 {
        transition-delay: 300ms;
    }

    .xl\:delay-400 {
        transition-delay: 400ms;
    }

    .xl\:delay-500 {
        transition-delay: 500ms;
    }

    .xl\:delay-600 {
        transition-delay: 600ms;
    }

    .xl\:delay-900 {
        transition-delay: .9s;
    }
}
input[type="text"], input[type="password"], textarea {
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
    input[type="text"]:focus-within, input[type="password"]:focus-within, textarea:focus-within {
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    }
.validation-bubble:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 7.5%;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #FEE2E2 transparent;
    transform: translateX(-50%);
}