.elementor-673 .elementor-element.elementor-element-284b7bd{--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;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-673 .elementor-element.elementor-element-8cb1251 .e-search-input{background-color:#F4F4F400;font-family:"Founders Grotesk", Sans-serif;border-style:none;}.elementor-673 .elementor-element.elementor-element-8cb1251.e-focus .e-search-input{background-color:#FFFFFF00;}.elementor-673 .elementor-element.elementor-element-8cb1251 .e-search-submit{background-color:#B8B8B800;}.elementor-673 .elementor-element.elementor-element-8cb1251{padding:0px 0px 0px 0px;--e-search-placeholder-color:#FFFFFF;--e-search-input-color:#FFFFFF;--e-search-input-padding-block-start:5px;--e-search-input-padding-inline-start:20px;--e-search-input-padding-block-end:0px;--e-search-input-padding-inline-end:0px;}.elementor-673 .elementor-element.elementor-element-8cb1251.e-focus{--e-search-input-color:#FFFFFF;}#elementor-popup-modal-673 .dialog-widget-content{animation-duration:0.3s;background-color:#000000D9;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-673 .dialog-message{width:100vw;height:100vh;align-items:flex-start;}#elementor-popup-modal-673{justify-content:flex-end;align-items:center;}@media(max-width:767px){.elementor-673 .elementor-element.elementor-element-284b7bd{--padding-top:0px;--padding-bottom:20px;--padding-left:20px;--padding-right:25px;}.elementor-673 .elementor-element.elementor-element-8cb1251{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-search-input-padding-block-start:05px;--e-search-input-padding-inline-start:20px;--e-search-input-padding-block-end:0px;--e-search-input-padding-inline-end:0px;}.elementor-673 .elementor-element.elementor-element-8cb1251 .e-search-input{font-size:16px;border-radius:0px 0px 0px 0px;}#elementor-popup-modal-673 .dialog-message{padding:100px 0px 0px 0px;}}/* Start custom CSS for search, class: .elementor-element-8cb1251 *//* Targeting the search submit button */
.e-search-submit {
    background-color: transparent; /* Make the button background transparent */
    border: none; /* Remove any borders */
    padding: 0; /* Remove padding */
    cursor: pointer; /* Change cursor to pointer on hover */
    border-radius: 0 !important; /* Remove border-radius */
}

/* Targeting the SVG icon inside the button */
.e-search-submit svg {
    width: 22px !important; /* Adjust the icon width */
    height:22px!important; /* Adjust the icon height */
    fill: #fff; /* Set the icon color to white */
    margin-bottom: -10px;
    margin-top: -10PX;
    margin-right: 0px !important;
}

/* Optional: Add hover effect on the button */
.e-search-submit:hover svg {
    fill: #f1f1f1; /* Change icon color on hover */
}

/* Add a darker background to the whole widget */
.elementor-widget-search {
    background-color: #ffffff50 !important; /* Adjust this to the desired darker color */
    padding: 0px; /* Optional: Add some padding around the widget */
    border-radius: 0 !important; /* Set the border-radius to 0 */
}

.e-search-input {
    color: white !important; /* Set text color to white */
}

.e-search-input:focus {
    color: white; /* Ensure the text color remains white when focused */
    outline: none; /* Optional: Remove the default outline */
    background-color: #333; /* Optional: Change background on focus for better UX */
}

.e-search-input::placeholder {
    color: rgba(255, 255, 255, 0.6); /* Adjust placeholder color for better visibility */
}/* End custom CSS */