.elementor-239 .elementor-element.elementor-element-4fe29c24{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.2;}.elementor-239 .elementor-element.elementor-element-4fe29c24::before, .elementor-239 .elementor-element.elementor-element-4fe29c24 > .elementor-background-video-container::before, .elementor-239 .elementor-element.elementor-element-4fe29c24 > .e-con-inner > .elementor-background-video-container::before, .elementor-239 .elementor-element.elementor-element-4fe29c24 > .elementor-background-slideshow::before, .elementor-239 .elementor-element.elementor-element-4fe29c24 > .e-con-inner > .elementor-background-slideshow::before, .elementor-239 .elementor-element.elementor-element-4fe29c24 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-a495fd4 );--background-overlay:'';}.elementor-239 .elementor-element.elementor-element-4fbabb65{--display:flex;--min-height:250px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:4px 4px 4px 4px;--border-top-width:4px;--border-right-width:4px;--border-bottom-width:4px;--border-left-width:4px;border-color:var( --e-global-color-astglobalcolor0 );--border-color:var( --e-global-color-astglobalcolor0 );--border-radius:25px 25px 25px 25px;}.elementor-239 .elementor-element.elementor-element-4fbabb65:not(.elementor-motion-effects-element-type-background), .elementor-239 .elementor-element.elementor-element-4fbabb65 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://arogyasuperspecialtyhospital.in/wp-content/uploads/2026/03/34378690_v915-wit-010-1-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-239 .elementor-element.elementor-element-32ef4853{text-align:center;}.elementor-239 .elementor-element.elementor-element-32ef4853 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:800;text-transform:uppercase;color:var( --e-global-color-astglobalcolor6 );}.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-239 .elementor-element.elementor-element-dea5ca2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-239 .elementor-element.elementor-element-4fbabb65{--width:95%;}}@media(min-width:1025px){.elementor-239 .elementor-element.elementor-element-4fbabb65:not(.elementor-motion-effects-element-type-background), .elementor-239 .elementor-element.elementor-element-4fbabb65 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for html, class: .elementor-element-54b40e2 */.filter-container {
    margin-bottom: 20px;
}

.item-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 10px;
    list-style-type: none;
    padding: 0;
}

.item {
    display: none;
    /* Hide all items initially */
    border: 1px solid green;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
}
.item:hover{
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 Orange;
            transform: translateY(-5px);
        }
.item.visible {
    display: block;
    /* Show items that match the filter */
}

.item img {
    width: 150px;
    height: 150px;
    border-radius: 5px;
}

.doctor-info {
    margin-top: 10px;
}
.no-results {
    text-align: center;
    color: #888;
    display: none;
}
.doctor-info-strong{
    font-size: 20px;
}/* End custom CSS */