.book-list-container{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px; padding: 20px 0 40px;}

.specialities-item{border-radius: 15px; text-align: center; background: var(--white-color); height: 100%;}
.specialities-item .sub-speciality-card{padding: 50px 40px;}
.specialities-item a{text-decoration: none;}
.specialities-item .specialities-icon{width: 75px; height: 75px; margin: 0 auto 25px;}
.specialities-item .parassmheading{color: var(--light-black); font-weight: 700;}

.specialities-item .specialities-icon .white-icon{display: none;}

@media screen and (min-width: 1200px){
.specialities-item:hover{background: var(--blue-color);}
.specialities-item:hover .parassmheading{color: var(--white-color);}
.specialities-item:hover .specialities-icon .white-icon{display: block;}
.specialities-item:hover .specialities-icon .blue-icon{display: none;}
}

@media screen and (max-width:1199px) {
.book-list-container{ gap: 20px; padding: 0px 0 20px;}
.specialities-item .sub-speciality-card{ padding: 20px 15px;}
}

@media screen and (max-width:767px) {
.book-list-container{grid-template-columns: repeat(2, minmax(0, 1fr));}
.specialities-item .sub-speciality-card .parassmheading{ font-size: 16px;}
.specialities-item .specialities-icon{width: 62px; height: 62px; margin-bottom: 20px;}
.specialities-item .sub-speciality-card{padding: 30px 15px;}
.specialities-item .specialities-icon{width: 65px; height: 65px; margin: 0 auto 20px;}
.specialities-item .parassmheading{font-size: 16px;}
}

@media screen and (max-width:479px) {
/* .book-list-container{grid-template-columns: repeat(1, minmax(0, 1fr));} */
}