.banner-image {
    padding: 24px;
    flex: 1;
    height: 252px;
    border-radius: 24px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-image .btn-search{
    padding: 8px 24px 8px 16px;
    border-radius: 24px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
}

.box-review-container {
    padding:24px;
}

.review-pagination, .review-pagination-active{
    width: 6px;
    height: 6px;
    border-radius: 6px;
    margin-right: 3px;
    background-color: #ADB5BD;
}

.review-pagination-active{width: 24px;background-color: #FC5424;}

.box-city{
    width : 191px;
    height: 254px;
    border-radius: 16px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.box-city .box-city-overlay{
    background: linear-gradient(180deg, rgba(33, 37, 41, 0) 55%, #212529 100%);
    padding : 24px;
}

.banner-partner {
    padding: 24px;
    height : 132px;
    border-radius: 16px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-partner .btn-host{
    padding: 8px 24px;
    border-radius: 24px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
}

.box-article{
    width : 191px;
    border-radius: 16px;
    border: 0.5px solid;
    overflow: hidden;
}

.box-article .box-article-image{
    height : 120px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.box-article .box-article-content{
    padding: 16px;
}


@media (min-width: 0px) and (max-width: 480px) {
    .banner-image {
        height: 150px;
    }
}