/* BANNER CSS START */
.knowledge_center_header {
    height: 300px;
    display: flex;
    align-items: center;
}
.knowledge_center_header .knowledge_center_header_box {
    background-image: 
    linear-gradient(to bottom, rgba(255, 255, 255, 0.875), rgb(255, 255, 255, 0.875)), 
    url("../images/knowledge/knowledge-bg.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    height: 250px;
    border-radius: 25px;
    display: flex;
    align-items: center;
}
/* BANNER CSS END */

/* WELCOME CSS START */
.welcome p a:hover {
    color: #2ab241;
}
/* WELCOME CSS END */

/* BOXES CSS START */
.boxes .box {
    background-color: #f0f0f0;
    border-radius: 18px;
}
.boxes .box .image {
    height: 200px;
}
.boxes .box .image img {
    border-radius: 20px;
    object-fit: cover;
}
.boxes .box h3 {
    padding: 0px 30px;
    line-height: 20px;
    height: 95px;
    display: flex;
    align-items: center;
}
.boxes .box h3 a:hover {
    color: #2ab241;
}
.boxes #searchBox {
    width: 50%;
    padding: 12px 20px;
    border: 2px solid #2ab241;
    border-radius: 9px;
}
.boxes .pagination-controls button:hover {
    color: #fff;
}
/* BOXES CSS END */



@media (max-width:1366px) {

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

}
@media (max-width:992px) {
/* BOXES CSS START */
.boxes .box h3 {
    padding: 0px 15px;
    line-height: 16px;
}
/* BOXES CSS END */
}
@media (max-width:576px) {
    .knowledge_center_header {
        height: 420px;
    }
    .knowledge_center_header .knowledge_center_header_box {
        height: 320px;
        padding: 0px 10px;
    }
/* BOXES CSS START */
.boxes #searchBox {
    width: 92%;
}
/* BOXES CSS END */
}
@media (max-width:375px) {

}