.navbar-light .navbar-nav .nav-link {
    color: #344054;
    padding: 0.75rem;
    border: 2px solid transparent;
    transition: all 0.25s ease-in-out;
}

.navbar-light .navbar-toggler {
    border: 0;
    outline: 0;
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox%3D'0 0 30 30' xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath stroke%3D'%231A1536' stroke-width%3D'2' stroke-linecap%3D'round' stroke-miterlimit%3D'10' d%3D'M4 7h22M4 15h22M4 23h22'%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

.bg-gradient {
    background: #D0E2E6;
    background: linear-gradient(180deg, #D0E2E6 0%, #E2E8E6 100%);
}

.feature-icons {
    width: 3rem;
    height: 3rem;
}

.feature-icons .icon {
    font-size: 1.25rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.navbar-light .navbar-nav .nav-link-action {
    color: #1570EF;
}

.navbar-light .navbar-nav .nav-link-action:hover,
.navbar-light .navbar-nav .nav-link-action:focus {
    background-color: #1570EF;
    color: #FFF;
}

@media (max-width: 767px) {
    .navbar-light .navbar-collapse {
        margin-top: 0.5rem;
        border-top: 1px solid rgba(16, 24, 40, 0.1);
    }

    .navbar-light .navbar-nav .nav-link.border-blue-600 {
        display: inline-block;
        margin-left: 0.75rem;
        margin-top: 0.5rem;
    }
}