/* ===========================
   Ayeye Hero
=========================== */

.ayeye-search-hero{

    position:relative;

    width:100%;

    max-height:420px;

    display:flex;

    align-items:center;

    background-image:
        linear-gradient(
            rgba(0,23,60,.89),
            rgba(0,23,60,.89)
        ),
        url("https://ayeyeproperties.iamtemiola.com/wp-content/uploads/2026/07/imageye___-_imgi_366_miami-beach.webp");

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;
    
    padding-bottom: 40px;

}

.ayeye-container{

    width:min(1270px,92%);

    margin:auto;

}

.ayeye-label{

    display:inline-block;

    color:#E8B838;
letter-spacing: 4px;
    font-size:11.3px;

    font-weight:600;
  
    

   

    border-radius:100px;

    margin-bottom:20px;

}

.ayeye-search-hero h1{

    font-size:30px;

    margin-bottom:15px;
    color: #ffffff;
    font-weight: 500;

}

.ayeye-search-hero p{

    font-size:15px;
    color: #ffffff;

    opacity:.85;

}

.ayeye-breadcrumb{

    display:flex;

    gap:10px;

    margin-bottom:25px;

}

.ayeye-breadcrumb a{

    color:#E8B838;

    text-decoration:none;

}

.ayeye-breadcrumb strong{

    color:#fff;

}


/* Remove the gap between header and hero */
.ayeye-search-hero{
    margin-top: -120px;
    padding-top: 220px;
}

/* ==============================
   SEARCH TOOLBAR
============================== */

.ayeye-toolbar{

    display:flex;
    justify-content:space-between;
    align-items:center;

    margin:50px 0;

    padding:24px 32px;

    background:#fff;

    border-radius:18px;

    box-shadow:0 15px 40px rgba(0,0,0,.06);

}

.ayeye-toolbar-count{

    font-size:18px;

    color:#00173C;

    font-weight:500;

}

.ayeye-toolbar-count strong{

    color:#D4AF37;

    font-size:22px;

    margin:0 5px;

}

.ayeye-toolbar-right{

    display:flex;
    align-items:center;
}

