/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 13 2026 | 23:54:43 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.search_custom  input.hfe-search-form__input {
    width: 80px !important;
    padding: 0 !important;
    order: 1 !important;
}

.search_custom  button#clear-with-button {
    left: 5px !important;
    right: auto !important;
    background: #fff !important;
    z-index: 9;
    top: -3px;
}
.button_nowrap * {
    white-space: nowrap !important;
}
.herosection:after {
    content: "";
    background:linear-gradient(90deg, rgba(10, 61, 112, 1) 0%, rgba(10, 61, 112, 1) 44%, rgba(10, 61, 112, 0.18) 60%, rgba(10, 61, 112, 0.04) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.18));
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
.max-900{
max-width: 900px !important;
    margin-inline: auto;
}
.ar_1{
    aspect-ratio: 1 !important;
    height: auto !important;
    display: flex;
}

.ar_1 .elementor-icon-wrapper {
    aspect-ratio: 1 !important;
    height: auto !important;
    display: flex;
}

.ar_1  .elementor-icon {
    padding: 00 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100%;
}