.image-container{
    overflow: hidden;
}
.image-container:hover img {
    transform: scale(1.2);
    transition: transform 0.5s ease-in-out;
}

.image-container:hover .blog-author-name{
    display:block !important;
}

    .banner {
        background: url('/images/about-banner.jpg') no-repeat top center;
        background-color: #007bff;
        background-blend-mode: multiply;
        background-size: cover;
        position: relative;
    }

    .banner .overlay {
        background-color: rgba(0, 0, 0, 0.7);
        position: absolute;
        top: 0; left: 0; right: 0; bottom: 0;
        z-index: 1;
    }

    .banner .container {
        height: 100%;
        position: relative;
        z-index: 2;
    }

    #specialist-banner{
        background: url('images/specialist-bg.jpg') no-repeat center center;
        background-size: cover;
        position: relative;
    }
    #specialist-banner-overlay{
        background-color: rgba(14, 130, 253, 0.9);
        position: absolute;
        top: 0; left: 0; right: 0; bottom: 0;
        z-index: 1;
    }
    #doctor-name:focus, #category-select:focus {
        border: none !important;
        outline: none !important; /* removes the focus outline */
        box-shadow: none !important; /* removes Bootstrap/other framework shadows */
    }

    #doctorScrollableRow {
        white-space: nowrap;       /* keep items in one row */
        overflow-x: auto;          /* enable horizontal scroll */
        scroll-behavior: smooth;   /* smooth scrolling */
        -ms-overflow-style: none;  /* hide scrollbar in IE/Edge */
        scrollbar-width: none;     /* hide scrollbar in Firefox */
    }

    #doctorScrollableRow::-webkit-scrollbar {
        display: none; /* hide scrollbar in Chrome, Safari, Opera */
    }

    #specialistScrollableRow {
        white-space: nowrap;       /* keep items in one row */
        overflow-x: auto;          /* enable horizontal scroll */
        scroll-behavior: smooth;   /* smooth scrolling */
        -ms-overflow-style: none;  /* hide scrollbar in IE/Edge */
        scrollbar-width: none;     /* hide scrollbar in Firefox */
    }

    #specialistScrollableRow::-webkit-scrollbar {
        display: none; /* hide scrollbar in Chrome, Safari, Opera */
    }

    #blogScrollableRow {
             /* keep items in one row */
        overflow-x: auto;          /* enable horizontal scroll */
        scroll-behavior: smooth;   /* smooth scrolling */
        -ms-overflow-style: none;  /* hide scrollbar in IE/Edge */
        scrollbar-width: none;     /* hide scrollbar in Firefox */
    }

    #blogScrollableRow::-webkit-scrollbar {
        display: none; /* hide scrollbar in Chrome, Safari, Opera */
    }

    .service-card {
        min-width: 250px;
        max-width: 250px;
        display: inline-block;
    }
    .doctor-card, .blog-card{
        box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;    
    }
    .specialist-card:hover h5, .specialist-card:hover .specialist-icon {
        color: #007bff;
        transition: color 0.3s ease-in-out;
    }
    .specialist-card:hover img {
        transform: rotateY(360deg);
        transition: transform 0.5s ease-in-out;
    }