.elementor-46827 .elementor-element.elementor-element-6e5c606:not(.elementor-motion-effects-element-type-background), .elementor-46827 .elementor-element.elementor-element-6e5c606 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F2F3;}.elementor-46827 .elementor-element.elementor-element-6e5c606{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-46827 .elementor-element.elementor-element-6e5c606 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-46827 .elementor-element.elementor-element-4440d1c:not(.elementor-motion-effects-element-type-background), .elementor-46827 .elementor-element.elementor-element-4440d1c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F2F3;}.elementor-46827 .elementor-element.elementor-element-4440d1c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-46827 .elementor-element.elementor-element-4440d1c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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-46827 .elementor-element.elementor-element-c5d4ec2 > .elementor-widget-container{margin:7px 7px 7px 7px;}.elementor-46827 .elementor-element.elementor-element-c5d4ec2 .elementor-heading-title{color:#0E0E0E;}.elementor-46827 .elementor-element.elementor-element-165481c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-46827 .elementor-element.elementor-element-4847757:not(.elementor-motion-effects-element-type-background), .elementor-46827 .elementor-element.elementor-element-4847757 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F2F3;}.elementor-46827 .elementor-element.elementor-element-4847757{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-11px;margin-bottom:-11px;}.elementor-46827 .elementor-element.elementor-element-4847757 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}@media(max-width:1024px){.elementor-46827 .elementor-element.elementor-element-165481c > .elementor-widget-container{margin:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-46827 .elementor-element.elementor-element-91609be{width:69.035%;}.elementor-46827 .elementor-element.elementor-element-32ba96c{width:30.965%;}}/* Start custom CSS for html, class: .elementor-element-165481c *//* Style the search form container */
#product-search-form {
    display: flex;
    align-items: center;
}

/* Style the search input */
#search-input {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-right: 10px;
    flex-grow: 1;
}

/* Style the search button */
#product-search-form button {
    background-color: 
    #085081; /* Change the background color to your preference */
    color: #fff; /* Change the text color to your preference */
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

/* Style the search button icon */
#product-search-form button::before {
    content: "\f002"; /* You can change this content to the Unicode value of your desired icon */
    font-family: FontAwesome; /* Assuming you are using a font icon library like FontAwesome */
    margin-right: 5px; /* Adjust the spacing between the icon and text */
}

/* Add a hover effect for the button (optional) */
#product-search-form button:hover {
    background-color: #007BFF; /* Change the background color on hover */
}/* End custom CSS */