@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
.ServiceCategory {
        margin: 5px 0;
}
.ServiceCategory .Title span {
        text-transform: uppercase;
        white-space-collapse: collapse;
        text-wrap: nowrap;
        font-size: 14px;
        color: rgb(230, 8, 8);
        font-weight: 700;
        display: inline-block;
        line-height: unset;
        height: 26px;
        position: relative;
        text-decoration: none;
        border-radius: 0px 10px 0px 0px;
}
/**.ServiceCategory .Title span:before {
content: "";
position: absolute;
left: 150px;
width: 60px;
height: 2px;
background: #cd1c1c;
display: block;
bottom: -5px;
}**/
.ServiceCategory .Title span:after {
        content: "";
        position: absolute;
        left: 37%;
        width:100px;
        height: 2px;
        display: block;
        bottom: -5px;
}
.ServiceCategory .Title {
        font-weight: 700;
        color: white;
        margin-bottom: 5px;
}
.ServiceCategory ul {
        list-style: outside none none;
        margin: 0;
        gap: 10px;
        grid-template-columns: repeat(4, 1fr);
        display: grid!important;
        grid-auto-rows: 1fr;
}
.ServiceCategory .Content{
        padding: 0!important
}
.ServiceCategory ul li {
        padding: 5px 0;
        box-shadow: 1px 1px 5px 0px #cececeab;
        position: relative;
        display: block;
        margin-left: unset !important;
        background: #c7e3ff;
        background: url(images/bg1.jpg) left center;
}
.ServiceCategory ul li:hover {
        background: #abd3fb;
        transition: all 0.2s ease;
}
.ServiceCategory ul li:hover   span.article-title{
        color: #2a3345;
        transition: all 0.5s ease;
}
.ServiceCategory ul li a {
        color: #fff;
        font-size: 14px;
        font-family: arial;
        font-weight: 500;
        /* margin: 0 8px; */
        padding: 0;
        display: block;
          font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
.ServiceCategory ul li:hover{
        cursor: pointer;
}
.ServiceCategory ul li:nth-child(1) a span::before {
        color: rgba(26,125,200,1);
        margin-right: 8px;
        font-size: 20px;
        line-height: 24px;
        width: 16px;
        vertical-align: middle;
        z-index: 999999;
        font-family: 'Font Awesome 5 Pro' !important;
}
.ServiceCategory ul li:nth-child(2) a span::before {
        color: rgba(26,125,200,1);
        margin-right: 8px;
        font-size: 20px;
        line-height: 24px;
        width: 16px;
        vertical-align: middle;
        z-index: 999999;
        font-family: 'Font Awesome 5 Pro' !important;
}
.ServiceCategory ul li:nth-child(3) a span::before {
        color: rgba(26,125,200,1);
        margin-right: 8px;
        font-size: 20px;
        line-height: 24px;
        width: 16px;
        vertical-align: middle;
        z-index: 999999;
        font-family: 'Font Awesome 5 Pro' !important;
}
.ServiceCategory ul li:nth-child(4) a span::before {
        color: rgba(26,125,200,1);
        margin-right: 8px;
        font-size: 20px;
        line-height: 24px;
        width: 16px;
        vertical-align: middle;
        z-index: 999999;
        font-family: 'Font Awesome 5 Pro' !important;
}
.ServiceCategory ul li:nth-child(5) a span::before {
        color: rgba(26,125,200,1);
        margin-right: 8px;
        font-size: 20px;
        line-height: 24px;
        width: 16px;
        vertical-align: middle;
        z-index: 999999;
        font-family: 'Font Awesome 5 Pro' !important;
}
.ServiceCategory .border {
        border: none!important;
        width: 100%;
        display: flex;
        align-items: center;
        padding-bottom: 0;
}
.ServiceCategory .summary{
        color: #666;
        margin-left: 70px;
        position: relative;
        top: -5px;
        line-height: 1.4;
        margin-right: 10px;
        margin-bottom: 0;
}
.ServiceCategory ul li a span::before {
}
/****
.ServiceCategory ul li:nth-child(6) a span::before {
color: rgba(26,125,200,1);
margin-right: 8px;
font-size: 20px;
line-height: 24px;
width: 16px;
vertical-align: middle;
z-index: 999999;
content: "\f2d0";
font-family: 'Font Awesome 5 Pro' !important;
}
*****/
.ServiceCategory ul li img{
        display: block !important;
        max-width:50px;
}
.ServiceCategory ul li a img {
        width: 50x;
        height:50x;
        position: relative;
        left: 10px;
}
.ServiceCategory .Title span {
        color: #db0a0a;
        font-weight: 700;
        text-transform: uppercase;
}
.Content .nav span.article-title {
        padding-left: 20px;
        font-size: 14px;
        color: #2a3345;
        color: #0662af;
        text-transform: uppercase;
        margin: 0 5px;
}
@media only screen and (max-width: 1023px){
        .ServiceCategory ul {
                column-count: 1 !important;
        }
}
@media only screen and (max-width: 768px){
        .ServiceCategory{
        margin: 5px 5px;
        }
        .ServiceCategory .border {
                display: flex;
                flex-direction: column;
                text-align: center;
                gap: 10px;
        }
        .ServiceCategory ul li {
                padding: 5px;
        }
        .Content .nav span.article-title {
                padding: 0;
        }
        .ServiceCategory ul li a img {
                left: 0;
        }
        .ServiceCategory ul {
    list-style: outside none none;
    margin: 0;
    gap: 8px;
    grid-template-columns: repeat(4, 1fr);
        }
          .ServiceCategory .Content .nav span.article-title{
        font-size: 11px;
                text-transform: uppercase;
                  line-height: 1.3;
                  margin:0
        }
        .ServiceCategory ul li img{
        	max-width: 28px;
        }
        .ServiceCategory .border{
        	gap: 6px;
        }
}