.elementor-22830 .elementor-element.elementor-element-8e99d5d:not(.elementor-motion-effects-element-type-background), .elementor-22830 .elementor-element.elementor-element-8e99d5d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-22830 .elementor-element.elementor-element-8e99d5d{border-style:solid;border-width:0px 0px 1px 0px;border-color:#A9A9A9;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-22830 .elementor-element.elementor-element-8e99d5d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-22830 .elementor-element.elementor-element-5955e0c.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-22830 .elementor-element.elementor-element-5955e0c.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-22830 .elementor-element.elementor-element-5955e0c.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-22830 .elementor-element.elementor-element-7d4538f img{width:80%;}.elementor-bc-flex-widget .elementor-22830 .elementor-element.elementor-element-b95c8a6.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-22830 .elementor-element.elementor-element-b95c8a6.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-22830 .elementor-element.elementor-element-b95c8a6.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-bc-flex-widget .elementor-22830 .elementor-element.elementor-element-33b8317.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-22830 .elementor-element.elementor-element-33b8317.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-22830 .elementor-element.elementor-element-33b8317.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-22830 .elementor-element.elementor-element-3e55ef4{width:auto;max-width:auto;margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;padding:00px 0px 0px 0px;top:6px;}body:not(.rtl) .elementor-22830 .elementor-element.elementor-element-3e55ef4{left:28px;}body.rtl .elementor-22830 .elementor-element.elementor-element-3e55ef4{right:28px;}.elementor-22830 .elementor-element.elementor-element-3e55ef4 .elementor-icon-wrapper{text-align:center;}.elementor-22830 .elementor-element.elementor-element-3e55ef4.elementor-view-stacked .elementor-icon{background-color:#1ECA30;}.elementor-22830 .elementor-element.elementor-element-3e55ef4.elementor-view-framed .elementor-icon, .elementor-22830 .elementor-element.elementor-element-3e55ef4.elementor-view-default .elementor-icon{color:#1ECA30;border-color:#1ECA30;}.elementor-22830 .elementor-element.elementor-element-3e55ef4.elementor-view-framed .elementor-icon, .elementor-22830 .elementor-element.elementor-element-3e55ef4.elementor-view-default .elementor-icon svg{fill:#1ECA30;}.elementor-22830 .elementor-element.elementor-element-3e55ef4 .elementor-icon{font-size:45px;}.elementor-22830 .elementor-element.elementor-element-3e55ef4 .elementor-icon svg{height:45px;}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__empty-message{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-22830 .elementor-element.elementor-element-c11e163{width:auto;max-width:auto;margin:0px 10px calc(var(--kit-widget-spacing, 0px) + 0px) 30px;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-text-color:#45B192;--toggle-button-icon-color:#45B192;--toggle-button-border-color:#45B192;--toggle-button-border-width:2px;--toggle-button-border-radius:8px;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-22830 .elementor-element.elementor-element-c11e163 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-bc-flex-widget .elementor-22830 .elementor-element.elementor-element-1bf2b0d.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-22830 .elementor-element.elementor-element-1bf2b0d.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-22830 .elementor-element.elementor-element-1bf2b0d.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-22830 .elementor-element.elementor-element-0eb81ff:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-22830 .elementor-element.elementor-element-0eb81ff > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-bc-flex-widget .elementor-22830 .elementor-element.elementor-element-0eb81ff.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-22830 .elementor-element.elementor-element-0eb81ff.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-22830 .elementor-element.elementor-element-0eb81ff.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-22830 .elementor-element.elementor-element-0eb81ff > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-22830 .elementor-element.elementor-element-0eb81ff > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22830 .elementor-element.elementor-element-018b95e:not(.elementor-motion-effects-element-type-background), .elementor-22830 .elementor-element.elementor-element-018b95e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-22830 .elementor-element.elementor-element-018b95e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-22830 .elementor-element.elementor-element-018b95e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22830 .elementor-element.elementor-element-8f54401 img{width:80%;}.elementor-22830 .elementor-element.elementor-element-1bfd36c{width:auto;max-width:auto;margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;padding:23px 0px 0px 0px;}.elementor-22830 .elementor-element.elementor-element-1bfd36c .elementor-icon-wrapper{text-align:center;}.elementor-22830 .elementor-element.elementor-element-1bfd36c.elementor-view-stacked .elementor-icon{background-color:#1ECA30;}.elementor-22830 .elementor-element.elementor-element-1bfd36c.elementor-view-framed .elementor-icon, .elementor-22830 .elementor-element.elementor-element-1bfd36c.elementor-view-default .elementor-icon{color:#1ECA30;border-color:#1ECA30;}.elementor-22830 .elementor-element.elementor-element-1bfd36c.elementor-view-framed .elementor-icon, .elementor-22830 .elementor-element.elementor-element-1bfd36c.elementor-view-default .elementor-icon svg{fill:#1ECA30;}.elementor-22830 .elementor-element.elementor-element-1bfd36c .elementor-icon{font-size:45px;}.elementor-22830 .elementor-element.elementor-element-1bfd36c .elementor-icon svg{height:45px;}.elementor-22830 .elementor-element.elementor-element-f04f5e9{width:auto;max-width:auto;margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-icon-color:#45B192;--toggle-button-border-color:#45B192;--toggle-button-border-width:2px;--toggle-button-border-radius:8px;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-22830 .elementor-element.elementor-element-f04f5e9 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-22830 .elementor-element.elementor-element-dde4bda img{width:80%;}.elementor-22830 .elementor-element.elementor-element-d7a8f8c{width:auto;max-width:auto;margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-icon-color:#45B192;--toggle-button-border-color:#45B192;--toggle-button-border-width:2px;--toggle-button-border-radius:8px;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-22830 .elementor-element.elementor-element-d7a8f8c .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}@media(max-width:1024px){.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons .elementor-button{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__empty-message{font-size:var( --e-global-typography-primary-font-size );}.elementor-bc-flex-widget .elementor-22830 .elementor-element.elementor-element-2c971ee.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-22830 .elementor-element.elementor-element-2c971ee.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-22830 .elementor-element.elementor-element-2c971ee.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-22830 .elementor-element.elementor-element-8f54401 img{width:100%;}.elementor-bc-flex-widget .elementor-22830 .elementor-element.elementor-element-ea0fef0.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-22830 .elementor-element.elementor-element-ea0fef0.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-22830 .elementor-element.elementor-element-ea0fef0.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-bc-flex-widget .elementor-22830 .elementor-element.elementor-element-21a3246.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-22830 .elementor-element.elementor-element-21a3246.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-22830 .elementor-element.elementor-element-21a3246.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-22830 .elementor-element.elementor-element-1bfd36c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:12px 0px 10px 10px;}.elementor-22830 .elementor-element.elementor-element-1bfd36c .elementor-icon{font-size:50px;}.elementor-22830 .elementor-element.elementor-element-1bfd36c .elementor-icon svg{height:50px;}.elementor-bc-flex-widget .elementor-22830 .elementor-element.elementor-element-9e06092.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-22830 .elementor-element.elementor-element-9e06092.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-22830 .elementor-element.elementor-element-9e06092.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-22830 .elementor-element.elementor-element-f04f5e9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-22830 .elementor-element.elementor-element-6f3cd01.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-22830 .elementor-element.elementor-element-6f3cd01.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-22830 .elementor-element.elementor-element-6f3cd01.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-22830 .elementor-element.elementor-element-a671260{padding:5px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-22830 .elementor-element.elementor-element-2e7d090.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-22830 .elementor-element.elementor-element-2e7d090.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-22830 .elementor-element.elementor-element-2e7d090.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-22830 .elementor-element.elementor-element-006b721{padding:5px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-22830 .elementor-element.elementor-element-2d43d84.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-22830 .elementor-element.elementor-element-2d43d84.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-22830 .elementor-element.elementor-element-2d43d84.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-bc-flex-widget .elementor-22830 .elementor-element.elementor-element-429ac69.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-22830 .elementor-element.elementor-element-429ac69.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-22830 .elementor-element.elementor-element-429ac69.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-22830 .elementor-element.elementor-element-429ac69 > .elementor-element-populated{margin:50px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-22830 .elementor-element.elementor-element-d7a8f8c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 0px 0px 0px;}}@media(max-width:767px){.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons .elementor-button{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__empty-message{font-size:var( --e-global-typography-primary-font-size );}.elementor-22830 .elementor-element.elementor-element-2e7d090{width:20%;}.elementor-22830 .elementor-element.elementor-element-2d43d84{width:60%;}.elementor-22830 .elementor-element.elementor-element-429ac69{width:20%;}.elementor-22830 .elementor-element.elementor-element-429ac69 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-22830 .elementor-element.elementor-element-99c9103{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}}@media(min-width:768px){.elementor-22830 .elementor-element.elementor-element-093b233{width:10%;}.elementor-22830 .elementor-element.elementor-element-5955e0c{width:18%;}.elementor-22830 .elementor-element.elementor-element-b95c8a6{width:52%;}.elementor-22830 .elementor-element.elementor-element-33b8317{width:20%;}.elementor-22830 .elementor-element.elementor-element-8f3ce25{width:12%;}.elementor-22830 .elementor-element.elementor-element-1bf2b0d{width:15%;}.elementor-22830 .elementor-element.elementor-element-0eb81ff{width:72.664%;}.elementor-22830 .elementor-element.elementor-element-2e7d090{width:20%;}.elementor-22830 .elementor-element.elementor-element-2d43d84{width:59.332%;}.elementor-22830 .elementor-element.elementor-element-429ac69{width:20%;}}@media(max-width:1024px) and (min-width:768px){.elementor-22830 .elementor-element.elementor-element-2c971ee{width:20%;}.elementor-22830 .elementor-element.elementor-element-ea0fef0{width:50%;}.elementor-22830 .elementor-element.elementor-element-21a3246{width:10%;}.elementor-22830 .elementor-element.elementor-element-9e06092{width:10%;}.elementor-22830 .elementor-element.elementor-element-6f3cd01{width:10%;}}/* Start custom CSS for shortcode, class: .elementor-element-3ea3b9c *//* =========================================
   Final Medical Search Bar CSS (Teal Theme)
   ========================================= */

/* --- 1. Wrapper --- */
.med-search-wrapper {
    position: relative;
    width: 100%;
    font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    z-index: 100;
}

/* --- 2. Input Group (Modern Box Style) --- */
/* UI CHANGE: Radius 50px se 12px kar diya taki look change ho jaye */
.med-input-group {
    display: flex;
    align-items: center;
    background: #fff;
    border: 2px solid #e0e0e0; /* Pehle grey border normal state mein */
    border-radius: 12px;       /* Modern Soft Square look */
    padding: 4px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
    height: 56px;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Focus hone par Teal Color aur Shadow */
.med-input-group:focus-within {
    border-color: #45b192; /* TEAL Border */
    box-shadow: 0 4px 20px rgba(69, 177, 146, 0.25); /* Teal Glow */
    transform: translateY(-1px);
}

/* --- 3. Left Search Icon --- */
.med-input-icon {
    padding-left: 18px;
    padding-right: 14px;
    display: flex;
    align-items: center;
    color: #45b192; /* Icon ab Teal color ka hoga */
    font-size: 20px;
    flex-shrink: 0;
}

/* --- 4. Input Field --- */
.med-live-search-input {
    flex-grow: 1;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    font-size: 16px;
    font-weight: 500;
    color: #2c3e50;
    outline: none !important;
    height: 100%;
}

.med-live-search-input::placeholder {
    color: #aab7c4;
    font-weight: 400;
}

/* --- 5. Actions Container --- */
.med-actions-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    padding-right: 12px;
    height: 100%;
    min-width: 20px;
}

/* --- Cross (Clear Button) --- */
.med-search-clear {
    font-size: 22px;
    color: #cbd5e0;
    cursor: pointer;
    line-height: 1;
    display: flex;
    align-items: center;
    transition: color 0.2s;
}

.med-search-clear:hover {
    color: #e53e3e; /* Error Red */
}

/* --- Spinner --- */
.med-search-spinner {
    width: 20px;
    height: 20px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #45b192; /* TEAL Spinner */
    border-radius: 50%;
    animation: med-spin 0.8s linear infinite;
    display: none; 
}

.med-search-spinner.visible {
    display: block;
}

@keyframes med-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* --- 6. Search Button --- */
/* UI CHANGE: Button ka shape bhi boxy-rounded kiya hai match karne ke liye */
.med-search-submit {
    background-color: #45b192; /* TEAL Background */
    color: #fff;
    border: none;
    border-radius: 8px; /* Slightly squared to match container */
    padding: 0 28px;
    height: 46px;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: background 0.2s, transform 0.1s;
    white-space: nowrap;
    flex-shrink: 0;
}

.med-search-submit:hover {
    background-color: #3aa083; /* Darker Teal on Hover */
}

.med-search-submit:active {
    transform: scale(0.98);
}

/* --- 7. Dropdown Results --- */
.med-search-results-dropdown {
    position: absolute;
    top: 68px; /* Thoda gap badhaya */
    left: 0;   /* Align with full width */
    right: 0;
    background: #fff;
    border-radius: 12px; /* Match Input Radius */
    box-shadow: 0 15px 35px rgba(0,0,0,0.1);
    display: none;
    overflow: hidden;
    border: 1px solid #eee;
    z-index: 1001;
}

.med-search-results-dropdown ul {
    list-style: none; margin: 0; padding: 0;
}
.med-search-results-dropdown li {
    border-bottom: 1px solid #f0f0f0;
}

/* Result Item */
.med-result-item {
    display: flex;
    align-items: center;
    padding: 14px 18px;
    text-decoration: none !important;
    transition: background 0.1s;
}

/* Hover effect Teal Tint wala */
.med-result-item:hover {
    background-color: rgba(69, 177, 146, 0.08); /* Very Light Teal */
}

/* Result Image */
.med-item-img img {
    width: 48px; height: 48px;
    object-fit: contain;
    border: 1px solid #f0f0f0;
    border-radius: 8px; /* Soft edges */
    background: #fff;
    margin-right: 16px;
}

/* Result Info */
.med-item-title {
    font-size: 15px; 
    font-weight: 600; 
    color: #2d3748; 
    display: block;
    margin-bottom: 4px;
}

.med-item-price {
    font-size: 14px; 
    color: #45b192; /* Price in TEAL */
    font-weight: 700; 
    display: block;
}

.med-item-price del {
    color: #a0aec0; 
    font-size: 12px; 
    margin-right: 6px; 
    font-weight: 500; 
    text-decoration: line-through;
}

/* View All Link */
.med-view-all {
    display: block; 
    text-align: center; 
    padding: 14px;
    background: #fff; 
    color: #45b192; /* Link in TEAL */
    font-weight: 700;
    font-size: 14px; 
    text-decoration: none !important; 
    border-top: 1px solid #eee;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.med-view-all:hover {
    background: rgba(69, 177, 146, 0.1);
}

/* Mobile Fixes */
@media (max-width: 600px) {
    .med-input-group { height: 50px; padding: 2px; }
    .med-search-submit { padding: 0 16px; font-size: 14px; height: 44px; }
    .med-input-icon { padding-left: 14px; padding-right: 8px; font-size: 18px; }
    .med-item-title { font-size: 14px; }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-57ea01b *//* =========================================
   Final Medical Search Bar CSS (Teal Theme)
   ========================================= */

/* --- 1. Wrapper --- */
.med-search-wrapper {
    position: relative;
    width: 100%;
    font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    z-index: 100;
}

/* --- 2. Input Group (Modern Box Style) --- */
/* UI CHANGE: Radius 50px se 12px kar diya taki look change ho jaye */
.med-input-group {
    display: flex;
    align-items: center;
    background: #fff;
    border: 2px solid #e0e0e0; /* Pehle grey border normal state mein */
    border-radius: 12px;       /* Modern Soft Square look */
    padding: 4px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
    height: 56px;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Focus hone par Teal Color aur Shadow */
.med-input-group:focus-within {
    border-color: #45b192; /* TEAL Border */
    box-shadow: 0 4px 20px rgba(69, 177, 146, 0.25); /* Teal Glow */
    transform: translateY(-1px);
}

/* --- 3. Left Search Icon --- */
.med-input-icon {
    padding-left: 18px;
    padding-right: 14px;
    display: flex;
    align-items: center;
    color: #45b192; /* Icon ab Teal color ka hoga */
    font-size: 20px;
    flex-shrink: 0;
}

/* --- 4. Input Field --- */
.med-live-search-input {
    flex-grow: 1;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    font-size: 16px;
    font-weight: 500;
    color: #2c3e50;
    outline: none !important;
    height: 100%;
}

.med-live-search-input::placeholder {
    color: #aab7c4;
    font-weight: 400;
}

/* --- 5. Actions Container --- */
.med-actions-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    padding-right: 12px;
    height: 100%;
    min-width: 20px;
}

/* --- Cross (Clear Button) --- */
.med-search-clear {
    font-size: 22px;
    color: #cbd5e0;
    cursor: pointer;
    line-height: 1;
    display: flex;
    align-items: center;
    transition: color 0.2s;
}

.med-search-clear:hover {
    color: #e53e3e; /* Error Red */
}

/* --- Spinner --- */
.med-search-spinner {
    width: 20px;
    height: 20px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #45b192; /* TEAL Spinner */
    border-radius: 50%;
    animation: med-spin 0.8s linear infinite;
    display: none; 
}

.med-search-spinner.visible {
    display: block;
}

@keyframes med-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* --- 6. Search Button --- */
/* UI CHANGE: Button ka shape bhi boxy-rounded kiya hai match karne ke liye */
.med-search-submit {
    background-color: #45b192; /* TEAL Background */
    color: #fff;
    border: none;
    border-radius: 8px; /* Slightly squared to match container */
    padding: 0 28px;
    height: 46px;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: background 0.2s, transform 0.1s;
    white-space: nowrap;
    flex-shrink: 0;
}

.med-search-submit:hover {
    background-color: #3aa083; /* Darker Teal on Hover */
}

.med-search-submit:active {
    transform: scale(0.98);
}

/* --- 7. Dropdown Results --- */
.med-search-results-dropdown {
    position: absolute;
    top: 68px; /* Thoda gap badhaya */
    left: 0;   /* Align with full width */
    right: 0;
    background: #fff;
    border-radius: 12px; /* Match Input Radius */
    box-shadow: 0 15px 35px rgba(0,0,0,0.1);
    display: none;
    overflow: hidden;
    border: 1px solid #eee;
    z-index: 1001;
}

.med-search-results-dropdown ul {
    list-style: none; margin: 0; padding: 0;
}
.med-search-results-dropdown li {
    border-bottom: 1px solid #f0f0f0;
}

/* Result Item */
.med-result-item {
    display: flex;
    align-items: center;
    padding: 14px 18px;
    text-decoration: none !important;
    transition: background 0.1s;
}

/* Hover effect Teal Tint wala */
.med-result-item:hover {
    background-color: rgba(69, 177, 146, 0.08); /* Very Light Teal */
}

/* Result Image */
.med-item-img img {
    width: 48px; height: 48px;
    object-fit: contain;
    border: 1px solid #f0f0f0;
    border-radius: 8px; /* Soft edges */
    background: #fff;
    margin-right: 16px;
}

/* Result Info */
.med-item-title {
    font-size: 15px; 
    font-weight: 600; 
    color: #2d3748; 
    display: block;
    margin-bottom: 4px;
}

.med-item-price {
    font-size: 14px; 
    color: #45b192; /* Price in TEAL */
    font-weight: 700; 
    display: block;
}

.med-item-price del {
    color: #a0aec0; 
    font-size: 12px; 
    margin-right: 6px; 
    font-weight: 500; 
    text-decoration: line-through;
}

/* View All Link */
.med-view-all {
    display: block; 
    text-align: center; 
    padding: 14px;
    background: #fff; 
    color: #45b192; /* Link in TEAL */
    font-weight: 700;
    font-size: 14px; 
    text-decoration: none !important; 
    border-top: 1px solid #eee;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.med-view-all:hover {
    background: rgba(69, 177, 146, 0.1);
}

/* Mobile Fixes */
@media (max-width: 600px) {
    .med-input-group { height: 50px; padding: 2px; }
    .med-search-submit { padding: 0 16px; font-size: 14px; height: 44px; }
    .med-input-icon { padding-left: 14px; padding-right: 8px; font-size: 18px; }
    .med-item-title { font-size: 14px; }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-99c9103 *//* =========================================
   Final Medical Search Bar CSS (Teal Theme)
   ========================================= */

/* --- 1. Wrapper --- */
.med-search-wrapper {
    position: relative;
    width: 100%;
    font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    z-index: 100;
}

/* --- 2. Input Group (Modern Box Style) --- */
/* UI CHANGE: Radius 50px se 12px kar diya taki look change ho jaye */
.med-input-group {
    display: flex;
    align-items: center;
    background: #fff;
    border: 2px solid #e0e0e0; /* Pehle grey border normal state mein */
    border-radius: 12px;       /* Modern Soft Square look */
    padding: 4px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
    height: 56px;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Focus hone par Teal Color aur Shadow */
.med-input-group:focus-within {
    border-color: #45b192; /* TEAL Border */
    box-shadow: 0 4px 20px rgba(69, 177, 146, 0.25); /* Teal Glow */
    transform: translateY(-1px);
}

/* --- 3. Left Search Icon --- */
.med-input-icon {
    padding-left: 18px;
    padding-right: 14px;
    display: flex;
    align-items: center;
    color: #45b192; /* Icon ab Teal color ka hoga */
    font-size: 20px;
    flex-shrink: 0;
}

/* --- 4. Input Field --- */
.med-live-search-input {
    flex-grow: 1;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    font-size: 16px;
    font-weight: 500;
    color: #2c3e50;
    outline: none !important;
    height: 100%;
}

.med-live-search-input::placeholder {
    color: #aab7c4;
    font-weight: 400;
}

/* --- 5. Actions Container --- */
.med-actions-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    padding-right: 12px;
    height: 100%;
    min-width: 20px;
}

/* --- Cross (Clear Button) --- */
.med-search-clear {
    font-size: 22px;
    color: #cbd5e0;
    cursor: pointer;
    line-height: 1;
    display: flex;
    align-items: center;
    transition: color 0.2s;
}

.med-search-clear:hover {
    color: #e53e3e; /* Error Red */
}

/* --- Spinner --- */
.med-search-spinner {
    width: 20px;
    height: 20px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #45b192; /* TEAL Spinner */
    border-radius: 50%;
    animation: med-spin 0.8s linear infinite;
    display: none; 
}

.med-search-spinner.visible {
    display: block;
}

@keyframes med-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* --- 6. Search Button --- */
/* UI CHANGE: Button ka shape bhi boxy-rounded kiya hai match karne ke liye */
.med-search-submit {
    background-color: #45b192; /* TEAL Background */
    color: #fff;
    border: none;
    border-radius: 8px; /* Slightly squared to match container */
    padding: 0 28px;
    height: 46px;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: background 0.2s, transform 0.1s;
    white-space: nowrap;
    flex-shrink: 0;
}

.med-search-submit:hover {
    background-color: #3aa083; /* Darker Teal on Hover */
}

.med-search-submit:active {
    transform: scale(0.98);
}

/* --- 7. Dropdown Results --- */
.med-search-results-dropdown {
    position: absolute;
    top: 68px; /* Thoda gap badhaya */
    left: 0;   /* Align with full width */
    right: 0;
    background: #fff;
    border-radius: 12px; /* Match Input Radius */
    box-shadow: 0 15px 35px rgba(0,0,0,0.1);
    display: none;
    overflow: hidden;
    border: 1px solid #eee;
    z-index: 1001;
}

.med-search-results-dropdown ul {
    list-style: none; margin: 0; padding: 0;
}
.med-search-results-dropdown li {
    border-bottom: 1px solid #f0f0f0;
}

/* Result Item */
.med-result-item {
    display: flex;
    align-items: center;
    padding: 14px 18px;
    text-decoration: none !important;
    transition: background 0.1s;
}

/* Hover effect Teal Tint wala */
.med-result-item:hover {
    background-color: rgba(69, 177, 146, 0.08); /* Very Light Teal */
}

/* Result Image */
.med-item-img img {
    width: 48px; height: 48px;
    object-fit: contain;
    border: 1px solid #f0f0f0;
    border-radius: 8px; /* Soft edges */
    background: #fff;
    margin-right: 16px;
}

/* Result Info */
.med-item-title {
    font-size: 15px; 
    font-weight: 600; 
    color: #2d3748; 
    display: block;
    margin-bottom: 4px;
}

.med-item-price {
    font-size: 14px; 
    color: #45b192; /* Price in TEAL */
    font-weight: 700; 
    display: block;
}

.med-item-price del {
    color: #a0aec0; 
    font-size: 12px; 
    margin-right: 6px; 
    font-weight: 500; 
    text-decoration: line-through;
}

/* View All Link */
.med-view-all {
    display: block; 
    text-align: center; 
    padding: 14px;
    background: #fff; 
    color: #45b192; /* Link in TEAL */
    font-weight: 700;
    font-size: 14px; 
    text-decoration: none !important; 
    border-top: 1px solid #eee;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.med-view-all:hover {
    background: rgba(69, 177, 146, 0.1);
}

/* Mobile Fixes */
@media (max-width: 600px) {
    .med-input-group { height: 50px; padding: 2px; }
    .med-search-submit { padding: 0 16px; font-size: 14px; height: 44px; }
    .med-input-icon { padding-left: 14px; padding-right: 8px; font-size: 18px; }
    .med-item-title { font-size: 14px; }
}/* End custom CSS */