@media only screen and (max-width: 767px) {
    .services-area {

    }

    /* .services-cat-icon svg { */
    /*     height: 40px; */
    /*     margin: 10px; */
    /* } */
}

@media (max-width: 991px) {
    .services-cat-title {
        margin-bottom: 0;
    }

    .services-cat-title a {
        display: flex;
        align-items: center;
    }

    .services-cat-title a {
        font-size: 17px;
        line-height: 1.2;
        display: flex;
        min-height: 45px;
        padding-top: 0px;
        letter-spacing: -.2px;
    }


    .services-cat-col .services-cat-header::after {
        top: 10px;
        right: 16px;
        width: 40px;
        height: 40px;
        font-size: 25px;
        transition: .3s all ease;
    }

    .services-cat-ul li {
        padding: 0px;
        margin-left: 40px;
    }

    .services-cat-ul li a {
        height: 50px;
        padding-left: 0px
    }

    .services-cat-ul li a .services-cat-sub-icon {
        width: 50px;
    }

    .services-cat-ul li a .services-cat-sub-icon svg {
        height: 35px;
        margin-top: 8px;
    }

    .services-cat-mobile-link a {
        padding: 15px 30px 15px 30px;
        font-size: 16px;
        width: 100%;
        display: flex;
        flex-grow: 1;
        margin-left: 40px;
    }

    .services-cat-sub-icon * {
        stroke: transparent;
        fill: #08549f;
    }
}

@media (min-width: 992px) {
    .services-cat-i {
        position: relative;

    }

    .services-cat-title a:before {
        content: '';
        display: flex;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .services-cat-i {
        border: 1px solid #92B3D2;
        /* cursor: pointer; */
    }

    .services-cat-i:hover {
        /*		cursor: pointer;*/
        /*		box-shadow: #92B3D2 0px 0px 5px 2px;*/
    }

    /* 	.services-cat-i:hover .services-cat-title a { */
    /* 		color: #f0113e; */
    /* 	} */
    /*   .services-cat-i:hover .services-cat-icon svg *{ */
    /* 		fill: #f0113e !important;
            stroke: #f0113e !important;; */
    /* 	} */
    .services-cat-i .services-cat-ul {
        border-radius: 15px !important;
        overflow: hidden;
        border: 1px solid #ffffff;
        /* margin: 15px 7px 0; */
        margin: 20px 7px 0;
    }

    .services-cat-i .services-cat-ul:hover {
        border-color: #e1e1e1;
    }

    .services-cat-i .services-cat-ul li a {
        border-bottom: 1px solid #ffffff;
        /* 		padding-left: 0 !important; */
        padding: 5px 5px 5px 0 !important;
    }

    .services-cat-i .services-cat-ul li:last-child a {
        border-bottom: 0;
    }

    .services-cat-i .services-cat-ul:hover li a {
        border-color: #e1e1e1;
    }

    .services-cat-i .services-cat-ul:hover li a {
        color: #ffffff !important;
    }

    .services-cat-i .services-cat-ul:hover li a svg * {
        fill: #ffffff !important;
        stroke: #ffffff !important;
    }

    .services-cat-i:hover .services-cat-ul:hover li a {
        background-color: var(--color-blue);
    }

    .services-cat-i:hover .services-cat-ul:hover li:hover a {
        background-color: #e1e1e1;
        color: var(--color-blue) !important;
        text-decoration: none
    }

    .services-cat-sub-icon {
        align-self: auto;
    }

    .services-cat-i:hover .services-cat-ul:hover li:hover a svg * {
        fill: var(--color-blue) !important;
        stroke: var(--color-blue) !important;
    }
}