.ServiceCategory {
        /* margin: 0 0 10px; */
        padding: 0;
        margin-bottom: 10px;
        border: 5px solid #fef0dc;
}
.ServiceCategory .Title {
        text-transform: uppercase;
        /* font-weight: 600; */
        /* padding: 5px 10px; */
        /* color: var(--bg-blue-weight); */
        /* display: inline-block; */
        /* background: url(images/huyhieu.gif) no-repeat 0 5px; */
        /* padding-left: 35px; */
        /* width: 100%; */
        /* margin-bottom: 0; */
        display: none;
        height: 30px;
        width: 100%;
        background-color: #17a038;
}
.ServiceCategory .Title span{
        display: inline-block;
        /* border-bottom: 1px solid; */
        color: #ffffff;
        display: inline-block;
        font: bold 14px/30px arial;
        padding-left: 15px;
        text-transform: uppercase;
}
div.ServiceCategory ul {
        list-style: outside none none;
        margin: 0;
        padding: 0;
        display: flex !important;
        flex-direction: column;
        gap: 0;
}
div.ServiceCategory ul li {
        /* background: url(images/arrow2.png) no-repeat 0px 18px; */
        width: unset;
        margin: 0;
        /* padding: 10px; */
        /* padding-left: 10px; */
        background: linear-gradient(45deg, #fff5e5, transparent);
        /* padding-right: 10px; */
        display: flex;
        align-items: center;
        transition: 200ms;
        flex-grow: 1;
        /* width: 48%; */
}
div.ServiceCategory ul li+li{
        border-top: 1px solid #fef0dc;
}
.ServiceCategory ul li a {
        font-size: 14px;
        font-weight: 600;
        padding: 8px 10px;
        /* border-left: 1px solid #6c757d1f; */
        text-align: left;
        width: 100%;
}
div.ServiceCategory .Content ul li+li a{
        padding: 8px 10px;
}
.ServiceCategory ul li a:hover {
        /* color: #004f9c; */
}
div.ServiceCategory .Content{
        padding: 0;
}
.ServiceCategory ul li img{
        display: inline-block;
        width: 35px;
        height: 35px;
        position: relative;
        object-fit: contain;
}
.ServiceCategory ul li a img{
        display: inline-block;
        background: #fff;
        padding: 5px;
        border-radius: 4px;
}
.ServiceCategory ul li img[src=""]{
        width: 30px;
        height: 30px;
        max-width: 30px;
        max-height: 30px;
        min-width: unset;
        min-height: unset;
        background: #fff;
        background-size: contain;
}
.ServiceCategory ul li img[src=""]::after {
        content: '';
        width: 100%;
        height: 100%;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0;
        left: 0;
        color: #dc3545;
        font-size: 20px;
        background-size: contain;
}
.ServiceCategory ul li img:not([src=""])::after {
        content: attr(src);
        width: 100%;
        height: 100%;
        background: white url(images/noimage.png);
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0;
        left: 0;
        font-family: "Font Awesome 5 Pro";
        color: #dc3545;
        font-size: 20px;
}
div.ServiceCategory ul li .border{
        border: none !important;
        display: flex;
        align-items: center;
        gap: 10px;
}
div.ServiceCategory .Content ul li a span{
        line-height: 1.4;
        font-weight: 450;
        font-size: 14px;
        word-break: break-word;
        white-space: normal;
}
div.ServiceCategory ul li:hover{
        /* background: #bd0605; */
        border-color: transparent;
        background: linear-gradient(45deg, #fdca7b, transparent);
}
div.ServiceCategory ul li:hover a span{
        /* color: #d72225; */
}
@media only screen and (max-width: 768px){
        div.ServiceCategory{
                padding: 0px 5px;
        }
        div.ServiceCategory ul{
                flex-direction: row;
                justify-content: flex-start;
                gap: 5px;
                white-space: nowrap;
                flex-wrap: nowrap;
                overflow: auto;
                flex-wrap: wrap;
        }
        div.ServiceCategory ul li{
                width: 48%;
        }
}