.t-b-gradient-white {
    background: #ffffff;
    background: linear-gradient(
        0deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 90%
    );
}
.b-t-gradient-primary {
    background: #468429;
    background: linear-gradient(
        0deg,
        rgba(70, 132, 41, 1) 0%,
        rgba(255, 255, 255, 0) 100%
    );
}
.b-t-gradient-white {
    background: #ffffff;
    background: linear-gradient(
        0deg,
        rgb(255, 255, 255) 0%,
        rgba(255, 255, 255, 0) 100%
    );
}
.l-r-gradient-white {
    background: #ffffff;
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 1) 0%,
        rgba(255, 255, 255, 0) 100%
    );
}

.shadow-light {
    box-shadow: -1px 5px 27px -10px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: -1px 5px 27px -10px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -1px 5px 27px -10px rgba(0, 0, 0, 0.75);
    transition: 100ms ease-in-out;
}
.shadow-light:hover {
    box-shadow: 1px 9px 14px -2px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 1px 9px 14px -2px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 1px 9px 14px -2px rgba(0, 0, 0, 0.75);
}

.text-shadow-md {
    text-shadow: 4px 4px 10px rgba(0,0,0,0.6);
}
.navs-white {
    filter: invert() brightness(100);
}