/* ===========================
   Search Wrapper
=========================== */

.search-wrapper {
    position: relative;
    width: 100%;
    max-width: 900px;
    margin: 0px auto;
    box-sizing: border-box;
    padding: 50px;
    background: linear-gradient(180deg, #fff 0%, #fff 50%, #141b381a 100%);
    border-radius: 22px;
}

/* ===========================
   Search Form
=========================== */

.search-form{
    display: flex;
    justify-content: center;
    /*align-items: stretch;*/
    gap: 10px;
    width: 100%;
}

.button_search{
    margin-left:-60px
}

/* ===========================
   Search Input
=========================== */

.predictive-search{
    flex: 1;
    width: 100%;
    min-width: 0;
    height: 55px;
    padding: 0 18px;
    border: 1px solid #ddd;
    outline: none;
    font-size: 16px;
    border-radius: 6px;
    box-sizing: border-box;
}

.predictive-search:focus{
    border-color: #0073aa;
}

/* ===========================
   Search Button
=========================== */

/*.search-btn,
.sc_button_hover_slide_left{

    display:flex;
    align-items:center;
    justify-content:center;

    min-width:130px;
    height:55px;

    padding:0 25px;

    border:none;

    background:#0073aa;

    color:#fff;

    cursor:pointer;

    border-radius:6px;

    transition:.3s ease;

    white-space:nowrap;

}*/
.elementor-widget-search_widget{
    z-index:3 !important;
}
.search-btn:hover,
.sc_button_hover_slide_left:hover{

    background:#005f8d;

}

/* ===========================
   Search Results
=========================== */

.search-results{

    position:absolute;

    top:calc(100% + 8px);

    left:0px;

    right:0px;

    background:#fff;

    border:1px solid #ddd;

    border-radius:8px;

    display:none;

    z-index:9999;

    max-height:350px;

    overflow-y:auto;

    box-shadow:0 10px 25px rgba(0,0,0,.12);

}

.search-results a{

    display:flex;

    align-items:center;

    gap:12px;

    padding:12px 15px;

    color:#000 !important;

    text-decoration:none;

    transition:.3s;

}

.search-results a:hover{

    background:#f5f5f5;

}

.search-results img{

    width:55px;

    height:55px;

    border-radius:4px;

    object-fit:cover;

    flex-shrink:0;

}

/* ===========================
   Tablet
=========================== */

@media (max-width:991px){

    .search-wrapper{

        max-width:600px;

        margin:40px auto;
    }

    .predictive-search{

        font-size:15px;
    }

    .search-btn,
    .sc_button_hover_slide_left{

        min-width:110px;

        padding:0 20px;

    }

}