@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap");

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

ul li {
    list-style: none;
}

.space_top {
    width: 100%;
    height: 163px;
}

.box_radius_border {
    box-shadow: 0 1px 1px rgba(10, 10, 10, 0.05), 0 0 0 1px rgba(10, 10, 10, 0.05);
}

#container-list {
    display: inline-block;
    width: 100%;
    background-color: #fff;
}

.weather-content {
    padding: 0 15px;
}

    .weather-content .weather-tittle {
        margin-top: 20px;
    }

.container_card {
    width: 100%;
    padding: 10px;
    text-align: center;
}

    .container_card li.item_utility {
        padding: 5px;
    }

#utilities .item_utility a {
    position: relative;
    display: block;
    text-decoration: none;
    width: 100%;
    height: 200px;
    overflow: hidden;
    margin-bottom: 0;
    border: none;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(10, 10, 10, 0.05), 0 0 0 1px rgba(10, 10, 10, 0.05);
}

    #utilities .item_utility a .card-name {
        position: absolute;
        right: 0;
        bottom: 0px;
        left: 0;
        margin-bottom: 0;
        padding: 5px 10px;
        color: #005ba5;
        font-size: 16px;
        font-weight: bold;
        overflow: hidden;
    }

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

#utilities .item_utility a img {
    display: inline;
}

.content_infomation {
    padding: 0 10px;
    margin-top: 20px;
}

.content_infomation {
    text-align: center;
}

    .content_infomation p.info_title {
        font-size: 18px;
        font-weight: 400;
        font-family: "Oswald", sans-serif;
    }

.infomation_dalat ul li .content_infomation p.info_title.dalat_place {
    color: #32961a;
}

.infomation_dalat ul li .content_infomation p.info_title.dalat_in {
    color: #a33d8b;
}

.infomation_dalat ul li .content_infomation p.info_title.dalat_eat {
    color: #00aeef;
}

.infomation_dalat ul li .content_infomation p.info_title.dalat_shop {
    color: #ee383a;
}

.infomation_dalat ul {
    padding-left: 0;
}

    .infomation_dalat ul li {
        border-top: 1px solid #e1e1e1;
        padding: 15px 15px 10px !important;
    }


    .infomation_dalat ul li:first-child {
        border-top: unset;
    }
        .infomation_dalat ul li a {
            display: flex;
            text-align: center;
            text-decoration: none;
        }