.elementor-851 .elementor-element.elementor-element-58012e75{--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:12em;--padding-bottom:3em;--padding-left:1em;--padding-right:1em;}.elementor-851 .elementor-element.elementor-element-58012e75:not(.elementor-motion-effects-element-type-background), .elementor-851 .elementor-element.elementor-element-58012e75 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://oxfordmedicalgroup.pk/wp-content/uploads/2026/08/backgroundtest.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-851 .elementor-element.elementor-element-266717e9{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-851 .elementor-element.elementor-element-15f3246{--display:flex;}.elementor-851 .elementor-element.elementor-element-04bc8ee{margin:7px 500px calc(var(--kit-widget-spacing, 0px) + -40px) -250px;padding:3px 1px -8px 0px;}.elementor-851 .elementor-element.elementor-element-6f25627{margin:-15px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;padding:5px 5px 5px 5px;border-style:none;border-radius:4px 4px 4px 4px;}.elementor-851 .elementor-element.elementor-element-8b379b2{--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;}@media(max-width:767px){.elementor-851 .elementor-element.elementor-element-04bc8ee{margin:0px 5px calc(var(--kit-widget-spacing, 0px) + -42px) -6px;padding:7px 7px 7px 7px;}}@media(min-width:1025px){.elementor-851 .elementor-element.elementor-element-58012e75:not(.elementor-motion-effects-element-type-background), .elementor-851 .elementor-element.elementor-element-58012e75 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for html, class: .elementor-element-04bc8ee */<div class="omg-premium-search">
    <form role="search" method="get" action="https://oxfordmedicalgroup.pk/">
        <div class="omg-search-container">
            <svg class="omg-search-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                <circle cx="11" cy="11" r="8"></circle>
                <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
            </svg>
            <input type="search" name="s" class="omg-p-field" placeholder="Search medical equipment..." value="">
            <input type="hidden" name="post_type" value="product">
            <button type="submit" class="omg-p-btn">Search</button>
        </div>
    </form>
</div>

<style>
.omg-premium-search {
    max-width: 450px !important;
    margin: 0 auto 25px auto !important;
    padding: 0 10px !important;
}

.omg-premium-search form {
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

.omg-search-container {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: #FFFFFF !important;
    border: 1.5px solid #E2E8F0 !important;
    border-radius: 50px !important;
    padding: 2px 2px 2px 12px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06) !important;
    height: 38px !important;
}

.omg-search-container:focus-within {
    border-color: #2563EB !important;
    box-shadow: 0 8px 30px rgba(37, 99, 235, 0.15) !important;
}

.omg-search-icon {
    width: 14px !important;
    height: 14px !important;
    color: #94A3B8 !important;
    flex-shrink: 0 !important;
}

.omg-p-field {
    flex: 1 !important;
    border: none !important;
    outline: none !important;
    background: transparent !important;
    font-size: 13px !important;
    color: #0F172A !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 100% !important;
    min-width: 0 !important;
    box-shadow: none !important;
}

.omg-p-field::placeholder {
    color: #94A3B8 !important;
}

.omg-p-btn {
    background: #2563EB !important;
    color: #FFFFFF !important;
    border: none !important;
    padding: 0 18px !important;
    border-radius: 50px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    height: 32px !important;
    line-height: 32px !important;
    margin: 0 !important;
}

.omg-p-btn:hover {
    background: #1D4ED8 !important;
}

@media (max-width: 767px) {
    .omg-premium-search {
        max-width: 100% !important;
    }
    
    .omg-search-container {
        height: 34px !important;
        padding: 2px 2px 2px 10px !important;
    }
    
    .omg-search-icon {
        width: 12px !important;
        height: 12px !important;
    }
    
    .omg-p-field {
        font-size: 12px !important;
    }
    
    .omg-p-btn {
        height: 28px !important;
        line-height: 28px !important;
        padding: 0 14px !important;
        font-size: 11px !important;
    }
}
<\/style>/* End custom CSS */