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

.search-box{

background:#fff;

padding:40px;

border-radius:20px;

box-shadow:0 15px 40px rgba(0,0,0,.08);

margin-top:-60px;

position:relative;

z-index:2;

}

.search-card{

display:flex;

gap:20px;

padding:30px;

background:#fff;

border-radius:20px;

box-shadow:0 15px 35px rgba(0,0,0,.08);

transition:.35s;

height:100%;

}

.search-card:hover{

transform:translateY(-8px);

}

.search-icon{

width:70px;

height:70px;

border-radius:50%;

background:var(--primary);

display:flex;

align-items:center;

justify-content:center;

color:#fff;

font-size:28px;

flex-shrink:0;

}

.empty-box{

max-width:650px;

margin:auto;

text-align:center;

padding:60px;

}

.empty-box i{

font-size:70px;

color:var(--primary);

margin-bottom:25px;

}

.popular-tags{

display:flex;

justify-content:center;

flex-wrap:wrap;

gap:15px;

}

.popular-tags a{

padding:12px 24px;

background:#f5f7fb;

border-radius:40px;

color:#222;

text-decoration:none;

transition:.3s;

}

.popular-tags a:hover{

background:var(--primary);

color:#fff;

}