a{
text-decoration: none;
}
.banner{
height: 300px;
background: url(https://f.chachaoxi.com/file/tu/banner.png-webp) no-repeat;
}
.navbar-nav .nav-link.active{
        border-bottom: 3px solid red;
        }
        .nav-item:hover a{
        color: red;
        border-bottom: 3px solid red;
        }
        .card{
        transition: all .3s;
        }
        
        .row > div:nth-child(1) .card:hover{
        box-shadow: 0px 0px 10px #dc6859;
        border-radius: 6px;
        background-color: #fbfbfc;
        transform: translateY(-6px);
        }
        .row > div:nth-child(2) .card:hover {
        box-shadow: 0px 0px 10px #5769d7;
        border-radius: 6px;
        background-color: #fbfbfc;
        transform: translateY(-3px);
        }
        .row > div:nth-child(3) .card:hover{
        box-shadow: 0px 0px 10px #46b370;
        border-radius: 6px;
        background-color: #fbfbfc;
        transform: translateY(-3px);
        }
        .row > div:nth-child(4) .card:hover{
        box-shadow: 0px 0px 10px #0DCAF0;
        border-radius: 6px;
        background-color: #fbfbfc;
        transform: translateY(-3px);
        }