:focus {
    outline: 0 !important;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
}

a:link {
    color: inherit;
    text-decoration: none;
}

a:visited {
    color: inherit;
    text-decoration: none;
}

a:hover {
    color: inherit;
    text-decoration: none;
}

a:active {
    color: inherit;
    text-decoration: none;
}


.navbar-nav .nav-link {
    color: var(--peoblue);
}

.navbar-nav .nav-link.active,
.navbar-nav .show>.nav-link {
    font-weight: 700;
    color: var(--peogoldlight);
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding: 5px 10px;
}

.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-lg,
.navbar>.container-md,
.navbar>.container-sm,
.navbar>.container-xl,
.navbar>.container-xxl {
    background-color: unset;
}

.navbar {
    /* background-color: var(--peoblue); */
    transition: all 0.5s ease;
}

/* .nav-colored {
    background-color: var(--peoblue);
}

.nav-transparent {
    background-color: #1d1f2e96;
} */

.paylinknav {
    /* background-color: rgb(231, 231, 231); */
    border: 1px solid var(--peogrey);
    color: var(--peoblue) !important;
    font-weight: 700;
    padding: 10px 20px !important;
    -webkit-border-radius: var(--sradius);
    -moz-border-radius: var(--sradius);
    border-radius: var(--sradius);
    transition: all 0.5s ease;
}

.paylinknav:hover {
    background-color: var(--peogoldlight);
    border: 1px solid var(--peogoldlight);
}

/* Underline From Left */
.hvr-underline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    /* box-shadow: 0 0 1px rgba(0, 0, 0, 0); */
    position: relative;
    overflow: hidden;
}

.hvr-underline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: var(--peogolddark);
    height: 4px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-underline-from-left:hover:before,
.hvr-underline-from-left:focus:before,
.hvr-underline-from-left:active:before {
    right: 0;
}