/* banner effect start */
@media(min-width: 992px){
	.banner-effect a::before, .banner-effect a::after {
        background-color: var(--color-neutral-light-90);
        content: "";
        height: 100%;
        left: 0;
        opacity: 1;
        position: absolute;
        top: 0;
        transition: all 0.9s ease 0s;
        width: 100%;
        z-index: 1;
    }
    .banner-effect a::before{
        border-top: 1px solid var(--color-neutral-light-90);
        transform: translate(0%, 105%);
    }
    .banner-effect a::after{
        border-bottom: 1px solid var(--color-neutral-light-90);
        transform: translate(0%, -105%);
    }
    .banner-effect:hover a::before, .banner-effect:hover a::after {
        opacity: 0;
        transform: translate(0px, 0px);
    }
    .banner-effect {
        position: relative;
        overflow: hidden;
    } 
}