.UIServiceCategory_gioithieu .ServiceCategory {
        margin-bottom: 50px;
        padding-left: 50px;
}
.UIServiceCategory_gioithieu .ServiceCategory .Title {
        color: #167a4c;
        padding: 0;
        text-transform: uppercase;
        white-space: nowrap;
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 10px;
        display: none;
}
.UIServiceCategory_gioithieu .ServiceCategory ul {
        /* border: 1px solid #ddd; */
        /* border-radius: 0 0 5px 5px; */
        list-style: none;
        margin: 0;
        padding: 0;
        /* background:#F0F0F0; */
        display: flex !important;
        flex-wrap: wrap;
        gap: 30px;
        align-items: center;
        justify-content: flex-end;
}
.UIServiceCategory_gioithieu .ServiceCategory ul li {
        background: rgba(0, 0, 0, 0) url("Images/i.gif") no-repeat scroll left center;
        padding: 0;
        border-radius: 10px;
        box-shadow: 0 0 15px -3px rgb(0 0 0 / 50%);
        padding: 35px 15px;
        width: calc(50% - 15px);
        transition: 300ms;
}
.ServiceCategory ul li a {
        color: #167a4c;
        font-size: 14px;
}
.ServiceCategory ul li a:hover {
        color: #004f9c;
}
.UIServiceCategory_gioithieu .ServiceCategory ul li a img{
        display: block;
        width: 84px;
        height: 84px;
        margin-bottom: 20px;
}
div.ServiceCategory .Content {
        padding: 0;
}
.UIServiceCategory_gioithieu  div.ServiceCategory ul li a {
        display: block;
        /* margin-bottom: 20px; */
}
.UIServiceCategory_gioithieu div.ServiceCategory ul li a .article-title{
        display: block;
        margin-bottom: 20px;
        font-weight: 600;
        text-transform: uppercase;
        color: #3C3D41;
        transition: 500ms;
}
.UIServiceCategory_gioithieu div.ServiceCategory ul li a .summary{
        font-size: 14px;
        color: #666B6F;
        margin: 0;
        transition: 500ms;
}
.UIServiceCategory_gioithieu .ServiceCategory ul li:nth-child(1){
        margin-top: 20px;
}
.UIServiceCategory_gioithieu .ServiceCategory ul li:nth-child(3) {
        margin-top: -10px !important;
        margin-right: 50%;
        transform: translateX(50%) !important;
}
.UIServiceCategory_gioithieu .ServiceCategory ul li:hover{
        background: #167a4c;
}
.UIServiceCategory_gioithieu .ServiceCategory ul li:hover span{
        color: #fff !important;
}
.UIServiceCategory_gioithieu .ServiceCategory ul li:hover p{
        color: #fff !important;
}
@media only screen and (max-width: 768px){
        .UIServiceCategory_gioithieu .ServiceCategory {
                padding: 0 20px;
        }
        .UIServiceCategory_gioithieu .ServiceCategory ul li:nth-child(1) {
                margin: 0;
        }
        .UIServiceCategory_gioithieu .ServiceCategory ul {
                align-items: flex-start;
        }
        .UIServiceCategory_gioithieu .ServiceCategory ul li {
                width: 100%;
        }
        .UIServiceCategory_gioithieu .ServiceCategory ul li a img {
                float: left;
                margin-right: 20px;
                margin-bottom: 0;
        }
        .UIServiceCategory_gioithieu .ServiceCategory ul li:nth-child(3) {
                margin: 0;
                transform: unset !important;
        }
}