/* ==========================================
   SEARCH
========================================== */

.search-box{
    margin-bottom:25px;
}

.search-box form{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
}

.search-box input{

    width:360px;
    height:48px;

    padding:0 18px;

    border:1px solid var(--border);

    border-radius:14px;

    outline:none;

    font-size:15px;

    background:#fff;

    transition:.25s;

}

.search-box input:focus{

    border-color:var(--primary);

    box-shadow:0 0 0 4px rgba(51,102,255,.12);

}

.search-box .btn{

    height:48px;

    padding:0 22px;

}

@media(max-width:768px){

.search-box form{

flex-direction:column;
align-items:stretch;

}

.search-box input{

width:100%;

}

}