.UIServiceCategory_cotv2 .ServiceCategory {
        /* background: #EEF2F8; */
        border-radius: .5rem;
        /* padding: 1rem 12px; */
        margin: 0;
        margin-bottom: var(--margin-bottom);
}
.UIServiceCategory_cotv2  .ServiceCategory .Content {
        padding: 0;
}
.UIServiceCategory_cotv2 .ServiceCategory .Title {
        color: var(--color-red);
        font-size: 18px;
        font-weight: 500;
        padding-bottom: 10px;
        margin-bottom: 1.5rem;
        display: none;
        position: relative;
        border-bottom: 2px solid var(--color-red);
}
.UIServiceCategory_cotv2 .ServiceCategory ul {
        border: medium none;
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
        height: auto;
        list-style: outside none none;
        margin: 0;
        padding: 0;
}
.UIServiceCategory_cotv2 .ServiceCategory ul li {
        display: flex;
        /* background: linear-gradient(145deg, #ffffff 0%, #e8eff745 100%); */
        border-radius: var(--rounded);
        /* color: #1b1919; */
        padding: 24px 12px;
        margin: 0;
        text-align: center;
        flex: 1 1 calc(25% - 16px);
        min-width: 180px;
        margin-bottom: 0px;
        transition: 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
        position: relative;
        z-index: 1;
        /* border: 1px solid #dddddd; */
        overflow: hidden;
        box-shadow: var(--box-shadow);
        border: 1px solid #f1f1f1 !important;
}
.UIServiceCategory_cotv2 .ServiceCategory ul li + li{
        margin-top: 10px;
}
.UIServiceCategory_cotv2 .ServiceCategory ul li:last-child {
        margin-bottom: 0;
}
.UIServiceCategory_cotv2 .ServiceCategory ul li img {
        display: block;
        width: 52px;
        height: 52px;
        object-fit: contain;
        z-index: 99;
        transition: transform 400ms ease;
        filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1));
}
.UIServiceCategory_cotv2 .ServiceCategory ul li a {
        color: #031739;
        display: flex;
        width: 100%;
        font-size: 18px;
        position: relative;
        font-family: 'Inter', sans-serif;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 12px;
        text-decoration: none;
        z-index: 10;
}
.UIServiceCategory_cotv2 .ServiceCategory ul li a::after {
        content: "\f105";
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        position: absolute;
        right: -5px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 18px;
        color: var(--color-red);
        opacity: 0;
        transition: all 400ms ease;
}
.UIServiceCategory_cotv2 .ServiceCategory ul li a .article-title {
        font-family: 'Merriweather', serif;
        font-weight: 700;
        font-size: 15px;
        color: #031739;
        z-index: 99;
        transition: color 300ms;
        padding: 0 10px;
}
.UIServiceCategory_cotv2 .ServiceCategory ul li:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 20px rgba(0, 51, 102, 0.12);
        cursor: pointer;
}
.UIServiceCategory_cotv2 .ServiceCategory ul li:hover a .article-title {
        color: #fff !important;
}
.UIServiceCategory_cotv2 .ServiceCategory ul li:hover a::after {
        opacity: 1;
        right: 10px;
        color: #fff;
}
.UIServiceCategory_cotv2 .ServiceCategory ul li:hover img {
        transform: scale(1.1);
        filter: brightness(0) invert(1);
}
.UIServiceCategory_cotv2 .ServiceCategory ul li:after {
        position: absolute;
        top: 0;
        left: 0;
        width: 0%;
        height: 100%;
        background: linear-gradient(90deg, var(--vass-red) 0%, var(--color-red) 100%);
        content: '';
        transition: 400ms cubic-bezier(0.23, 1, 0.32, 1);
        border-radius: .75rem;
        display: block;
        z-index: 1;
}
.UIServiceCategory_cotv2 .ServiceCategory ul li:hover:after {
        width: 100%;
}
@media only screen and (max-width: 768px) {
        .UIServiceCategory_cotv2 .ServiceCategory ul {
                display: flex;
                column-count: 2 !important;
                flex-direction: column;
        }
        .UIServiceCategory_cotv2 .ServiceCategory ul li {
                width: 100%;
                min-width: unset;
                margin-bottom: 12px;
                height: 140px;
                padding: 15px 0;
        }
        .UIServiceCategory_cotv2 .ServiceCategory ul li a {
                flex-direction: column;
                justify-content: flex-start;
                gap: 20px;
        }
        .UIServiceCategory_cotv2 .ServiceCategory ul li a .article-title {
                text-align: center;
                font-size: 16px;
        }
        .UIServiceCategory_cotv2 .ServiceCategory ul li a::after {
                opacity: 1;
                right: 15px;
                display: none;
        }
        .UIServiceCategory_cotv2 .ServiceCategory {
                padding: 0 20px;
                margin-top: 20px !important;
        }
}