body {
    font-family: 'Urbanist', sans-serif;
}

.bg-primary, .btn-primary {
    background-color: #02afa2 !important; /* Your primary color */
    border-color: #02afa2 !important;
}

.btn-outline-primary {
    background-color: #fff !important; /* Your primary color */
    border-color: #02afa2 !important;
    color: #02afa2 !important;
}

.btn-primary:hover {
    background-color: #96dad5 !important; /* Your primary color */
    border-color: #96dad5 !important;
}

.btn-outline-primary:hover {
    background-color: #02afa2 !important; /* Your primary color */
    border-color: #02afa2 !important;
    color: #fff !important;
}

.text-primary {
    color: #02afa2 !important; /* Your primary color */
}

.bg-secondary, .btn-secondary {
    background-color: #d36534 !important; /* Your secondary color */
    border-color: #d36534 !important;
}

.text-secondary {
    color: #d36534 !important; /* Your secondary color */
}

.container {
    max-width: 1475px !important; /* Set max-width for the container */
}

.hover {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
  display: inline-block; /* Ensures transform works as expected */
}

.hover:hover,
.hover:focus {
  transform: translateY(-4px);
}

.hover {
  /* On mouse leave, transition back to original position (downwards) */
  /* No extra code needed, handled by transition above */
}