.col-lg-3 .ServiceCategory {
        margin: 0 0 10px;
        border: 1px solid #cccccc63;
}
.col-lg-3 .ServiceCategory .Title:before {
        content: "\f0c9";
        color: #fff;
        font-family: 'FontAwesome';
        margin-right: 8px;
        DISPLAY: NONE;
}
.col-lg-3 .ServiceCategory .Title {
        /* background: #0451b5; */
        /* border-radius: 5px 5px 0 0; */
        /* height: 26px; */
        /* font-size: 15px; */
        /* font-weight: bold; */
        /* text-transform: uppercase; */
        /* white-space: nowrap; */
        /* padding-left: 20px; */
        /* line-height: 26px; */
        /* color: #ffffff; */
        height: 41px;
        /* border-bottom: 2px solid  #ed0e18; */
        margin-top: 1.2rem;
        /* margin-bottom: 1rem; */
}
.col-lg-3 .ServiceCategory ul {
        list-style: outside none none;
        margin: 0;
}
.col-lg-3 .ServiceCategory ul li {
        padding: 4px 0;
        background: none;
        border-bottom: solid 1px #ccc;
}
.col-lg-3 .ServiceCategory ul li a {
        color: #450b0b;
        font-size: 14px;
        font-family: arial;
        font-weight: 500;
        display: flex;
        /* margin: 0 8px; */
        padding: 6.8px 0px;
}
.col-lg-3 .ServiceCategory ul li a:hover {
        color: #fff;
}
.col-lg-3 .ServiceCategory ul li a:hover{
        /* background-color: #ed0e18; */cursor: pointer;
}
.col-lg-3 .ServiceCategory ul li:hover a span {
        color: #ea3535;
}
.col-lg-3 .ServiceCategory ul li:hover a span::before {
        color: #ea3535 !important;
        z-index: 99999999;
}
.col-lg-3 .ServiceCategory ul li:nth-child(1) a span::before, .col-lg-3 .ServiceCategory ul li:nth-child(8) a span::before {
        margin-right: 8px;
        font-size: 20px;
        line-height: 24px;
        width: 16px;
        vertical-align: middle;
        z-index: 999999;
        content: "\f15b";
        font-family: 'Font Awesome 5 Pro' !important;
}
.col-lg-3 .ServiceCategory ul li:nth-child(2) a span::before {
        margin-right: 8px;
        font-size: 20px;
        line-height: 24px;
        width: 16px;
        vertical-align: middle;
        z-index: 999999;
        content: "\f073";
        font-family: 'Font Awesome 5 Pro' !important;
}
.col-lg-3 .ServiceCategory ul li:nth-child(3) a span::before, .col-lg-3 .ServiceCategory ul li:nth-child(6) a span::before {
        margin-right: 8px;
        font-size: 20px;
        line-height: 24px;
        width: 16px;
        vertical-align: middle;
        z-index: 999999;
        content: "\f2e7";
        font-family: 'Font Awesome 5 Pro' !important;
}
.col-lg-3 .ServiceCategory ul li:nth-child(4) a span::before {
        margin-right: 8px;
        font-size: 20px;
        line-height: 24px;
        width: 16px;
        vertical-align: middle;
        z-index: 999999;
        content: "\f059";
        font-family: 'Font Awesome 5 Pro' !important;
}
.col-lg-3 .ServiceCategory ul li:nth-child(5) a span::before {
        margin-right: 8px;
        font-size: 20px;
        line-height: 24px;
        width: 16px;
        vertical-align: middle;
        z-index: 999999;
        content: "\f849";
        font-family: 'Font Awesome 5 Pro' !important;
}
.col-lg-3 .ServiceCategory ul li:nth-child(7) a span::before {
        margin-right: 8px;
        font-size: 20px;
        line-height: 24px;
        width: 16px;
        vertical-align: middle;
        z-index: 999999;
        content: "\f059";
        font-family: 'Font Awesome 5 Pro' !important;
}
.col-lg-3 .ServiceCategory ul li img{
        display: block !important;
}
.col-lg-3 .ServiceCategory ul li a img {
        width: 30px;
        height: 30px;
        margin: 0 12px;
        display: none !important;
}
.col-lg-3 .ServiceCategory .Title span {
        color: #f90000;
        background: #fff url(images/line-hoaphuong.png) no-repeat 10px;
        margin: 5px 0 0 0;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: bold;
        padding: 10px 10px 10px 35px;
        font-family: arial !important;
}
.Content .nav span.article-title {
        padding: 0 8px;
}
@media only screen and (max-width: 768px){
        .col-lg-3 .ServiceCategory{
                padding: 15px;
        }
        .ServiceCategory .Content{
                padding: 0;
        }
        .col-lg-3 .ServiceCategory .Title span {
                text-transform: uppercase;
                white-space-collapse: collapse;
                text-wrap: nowrap;
                font-size: 17px;
                font-family: Merriweather;
                color: rgb(230, 8, 8);
                font-weight: 700;
                display: inline-block;
                line-height: unset;
                /* height: 26px; */
                text-decoration: none;
                background: none;
                padding: 0;
                font-family: 'Merriweather' !important;
                margin-top: 0;
        }
        .col-lg-3 .ServiceCategory ul li{
                margin: 0;
        }
        .Content .nav span.article-title{
                padding-left: 0;
        }
}
