@media (max-width: 991.99px) {
    
}

.ywly-title{
     color: #1b3786;
}

.classPage{
    background-color: #f6f6f6;
    position: sticky;
    top: 0;
    z-index: 99;
}
.classNav{
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
        gap: 1rem;
    }
@media (max-width: 991.99px) {
    .classPage{
         top: 80px;
    }
    .classNav{
        grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
         gap: .5rem;
    }
     .top-box>div{
        margin-top: 2rem;
    }
    
}
@media (min-width: 991.99px) {
    
    .classNav>a{
        flex: 1; 
        border-radius: 100px;
    }
    .top-box>div{
        padding:0 3rem;line-height: 2;
    }
    .con{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 2rem;
    }
}

.xf-card{
    background-color: rgba(25,47,114,.9);
}
.card-img-250{
    overflow: hidden;
}
.card-img-250 .img-zoom {
  transition: transform 1s ease;
}

.card-img-250 .img-zoom:hover,.img-zoom-hover {
    transform: scale(1.1);
}
.btn-info{
    color: #fff !important;
}