.UIServiceCategory_dichvu {
        position: relative;
        box-shadow: 0px 4px 20px 0px #83A4D466;
        padding: 40px 0;
        background: #ffffff;
}
.UIServiceCategory_dichvu .ServiceCategory{
        width: 1300px;
        margin: 0 auto;
}
.UIServiceCategory_dichvu .ServiceCategory ul {
        display: flex !important;
        /* gap: 30px; */
        column-count: unset !important;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
}
.UIServiceCategory_dichvu .ServiceCategory ul li{
        padding: 0;
        margin: 0;
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid-column;
        width: auto;
}
.UIServiceCategory_dichvu .ServiceCategory ul li span.article-title {
        font-family: Google Sans;
        font-weight: 400;
        font-size: 17px;
        line-height: 22px;
        color: #2E2E2E;
        white-space: nowrap;
        background-image: linear-gradient(
        to right,
        #1F7BFF,
        #1d6ee0 50%,
        #2E2E2E 50%
        );
        background-size: 200% 100%;
        background-position: -100%;
        display: inline-block;
        padding: 5px 0;
        position: relative;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        transition: all 0.3s ease-in-out;
}
.UIServiceCategory_dichvu .ServiceCategory ul li span.article-title:before {
        content: '';
        background: #1F7BFF;
        display: block;
        position: absolute;
        bottom: -3px;
        left: 0;
        width: 0;
        height: 3px;
        transition: all 0.3s ease-in-out;
}
.UIServiceCategory_dichvu .ServiceCategory ul li .item:hover span.article-title{
          background-position: 0;
}
.UIServiceCategory_dichvu .ServiceCategory ul li .item:hover span.article-title:before{
        width:100%;
}
.UIServiceCategory_dichvu .ServiceCategory ul li .summary {
      display: none;
}
.UIServiceCategory_dichvu .ServiceCategory ul li img{
       background: linear-gradient(135deg, #32C4F7 14.64%, #1F7BFF 85.36%);
       width: 32px;
       height: 32px;
       border-radius: 50%;
       object-fit: contain;
       /* overflow: hidden; */
       display: inline-block;
       padding: 6px;
       margin-right: 5px;
}

.UIServiceCategory_dichvu .ServiceCategory ul li:last-child .item img{
     display: none;
}
.UIServiceCategory_dichvu .ServiceCategory ul li:last-child .item span.article-title{
        font-size: 0;
}
.UIServiceCategory_dichvu .ServiceCategory ul li:last-child .item span.article-title:after{
        content: 'Xem thêm +';
        font-family: Google Sans;
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
        text-align: center;
        color: #3975EA;
}
@media only screen and (max-width: 768px){
        .UIServiceCategory_dichvu {
                padding: 20px;
        }
        .UIServiceCategory_dichvu .ServiceCategory {
                padding: 0;
                width: 100vw;
        }
    
       .UIServiceCategory_dichvu .ServiceCategory .Content {
                padding: 0;
                width: 100%;
                max-width: 100vw;      
                overflow-x: auto;     
                overflow-y: hidden;   
                -ms-overflow-style: none; 
                scrollbar-width: none;
        }

        .UIServiceCategory_dichvu .ServiceCategory ul {
          display: flex !important;
          gap: 10px;
          justify-content: unset;
          flex-wrap: nowrap;     
        }

        .UIServiceCategory_dichvu .ServiceCategory ul li {
          flex: none;
          display: inline-block;
        }
        .UIServiceCategory_dichvu .ServiceCategory ul li .item{
                padding-right: 25px;
        }
}