.cy-template .feature-section .nav {
    background: transparent;
}
.cy-template .feature-section li.nav-item {
    max-width: calc(100%/5);
    margin: 0;
}
.cy-template .feature-section .nav-link {
    box-shadow: inset 0px -4px 0px #ffffff;
    border-radius: 0;
    padding: 15px;
    min-height: 100%;
    cursor: pointer;
    transition: all .2s ease;
}
.cy-template .feature-section .nav-link.active {
    background: transparent;
    box-shadow: inset 0px -4px 0px #2dad70;
    border-radius: 0;
}
.cy-template .feature-section .nav-link.active p{
    color: #3D3E50!important;
}
.cy-template .feature-section .nav-link:hover{
    opacity: 1;
}
.cy-template .feature-section .nav-link img{
    transition:  all .3s cubic-bezier(.215,.61,.355,1);
    height: 60px;
    width: auto;
    margin: auto;
    filter: grayscale(1);
    opacity: .7;
    margin-bottom: 10px;
}
.cy-template .feature-section .nav-link.active img,
.cy-template .feature-section .nav-link:hover img{
    filter: grayscale(0);
    transition:  all .3s cubic-bezier(.215,.61,.355,1);
}
.cy-template .feature-section a.nav-link:hover{
    text-decoration: none;
    box-shadow: inset 0px -4px 0px #2dad70;
    transition: all .2s ease;
}
.cy-template .feature-section .nav-link p{
    max-width: 170px;
    margin: auto;
    line-height: 22px;
}
.cy-template .feature-section .feat-wrapper{
    border-radius: 6px 6px 0 0;
}
@media(max-width: 767px){
    .cy-template .feature-section .nav-link p{
        display: none;
    }
}