body{
    font-family:'Noto Sans Thai',sans-serif;
    background:#f5f7fb;
}

.navbar{
    transition:.3s;
}

.navbar-brand{
    font-size:1.4rem;
}

.nav-link{
    font-weight:500;
    margin-left:8px;
    transition:.25s;
}

.nav-link:hover{
    color:#0d6efd;
}

.form-control{
    border-radius:50px;
}

.input-group-text{
    border-radius:50px 0 0 50px;
}

.btn{
    border-radius:50px;
}

.dropdown-menu{
    border:none;
    border-radius:15px;
    box-shadow:0 10px 30px rgba(0,0,0,.1);
}
.popular-card{

border-radius:18px;

overflow:hidden;

transition:.35s;

}

.popular-card:hover{

transform:translateY(-8px);

box-shadow:0 20px 40px rgba(0,0,0,.15)!important;

}

.popular-card img{

transition:.4s;

}

.popular-card:hover img{

transform:scale(1.05);

}

.popular-card h6{

height:52px;

overflow:hidden;

}

.popular-card .btn{

pointer-events:none;

}