.sharepoint .lyt_8 .dv .ic {
        background-image: url(https://www.synapseindia.com/assets_newwebsite/images/sharepoint_sp.png);
    }
        .lyt_8.common .ct {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 42px;
        text-align: left;
    }

    .lyt_13 h3 {
    font-size: 18px;
    line-height: 1.2;
    margin: 20px 0 10px 0;
}

.lyt_whatwedo h3{
    font-size: 18px;
    line-height: 1.2;
    margin: 20px 0 10px 0;
    transition: .5s;
}
    
    .lyt_8.common .dv:nth-child(4) .ic {
        background-position: -383px 0;
    }
    
    .lyt_8.common .dv:nth-child(5) .ic {
        background-position: -523px 0;
    }
    
    .lyt_8.common .dv:nth-child(6) .ic {
        background-position: -645px 0;
    }
    
    .lyt_8.common .dv:nth-child(7) .ic {
        background-position: -799px 0;
    }
    
    .lyt_8.common .dv:nth-child(8) .ic {
        background-position: -933px 0;
    }
    
    .lyt_8.common .dv:nth-child(9) .ic {
        background-position: -1062px 0;
    }
    
    .lyt_8.common .dv:nth-child(2) .ic {
        background-position: -126px 0;
    }
    
    .lyt_8.common .dv:nth-child(3) .ic {
        background-position: -253px 0;
    }
    
    
    .benefit .line-red {
            position: relative;
    
        }
    
        .benefit .line-red::before {
            content: "";
            position: absolute;
            left: 0;
            bottom: -6px;
            background: #e3212c;
            width: 100%;
            height: 2px;
        }
    
        .benefit .grid-container {
            margin-top: 30px;
        }
    
        .benefit .grid-container .dv1 {
            background: #f7f7f7;
            padding: 30px 20px;
            border-radius: 10px;
    
        }
    
        .benefit .grid-container .dv1 h4 {
            text-align: center;
        }
    
        @media (max-width:1650px) and (min-width:1200px) {
            .pgMadc .design-img-md-size .btext {
                height: 83%;
                width: 100%;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
            }
        }
    
        .lyt_car h3 {
            text-transform: capitalize;
        }
    
    
        .lyt_15 .bt {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    
        .bg-white {
            background-color: #ffffff;
        }
    
        .mobile-application-development {
            background-color: #f1f1f1;
            padding: 60px 0;
        }
    
        .btn-more {
            display: block;
            font-size: 16px;
            line-height: 20px;
            color: #fff !important;
            background: #e3212c;
            width: 100%;
            /* height: 50px; */
            text-align: center;
            padding-top: 14px;
            font-weight: 400;
            border-radius: 6px;
            transition: .5s;
            text-decoration: none !important;
            padding: 10px;
        }
    
        .know-btn {
            display: grid;
            justify-content: start;
            margin: 0 !important;
        }
    
        .mobile-application {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 30px;
            margin-top: 42px;
        }
    
        .markiting-padding {
            padding: 20px;
            border-radius: 20px;
        }
    
        .dv8 {
            background-color: #def3f0;
        }
    
        .dv9 {
            background-color: #f7e1f9;
        }
    
    
        .dv10 {
            background-color: #e6dede;
        }
    
        .pgMadc .design-img-md-size .btext {
            height: 0%;
        }
    
        .btextkey p {
            margin-bottom: 3px;
        }
    
        .lyt_process h3 {
            text-align: left !important;
        }
    
        @media (min-width:300px) and (max-width: 500px) {
            .lyt_1 .rt {
                height: 240px;
            }
    
            .lyt_15 .bt .lg {
                height: 91px;
            }
    
            .lyt_15 .bt .lg {
                padding: 6px;
            }
        }

        @media (min-width:300px) and (max-width: 765px){
        .lyt_8.common .ct {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 42px;
        text-align: left;
    }
    }

    @media (min-width:765px) and (max-width: 1200px){
        .lyt_8.common .ct {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 42px;
        text-align: left;
    }
    }
    
        .text-line-left{
            text-align: start !important;
        }
    
        .btextkey p{
       min-height: 130px;
       }
    
    
    @media (max-width: 1600px) {
        .pgMagento .lyt_8 .ct .dv {
            padding: 30px !important;
        }
    
        .pgWix .lyt_8.common .dv .ic {
            transform: scale(.7);
            margin-bottom: -20px !important;
            transform-origin: top center;
        }
    }
    
    @media (min-width:1600px) and (max-width: 2500px){
        .lyt_8 .dv .tl{
            margin-top: 32px;
        }
    }
    
    @media (max-width: 980px) {
        .pgMagento .lyt_8 .ct {
            grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
            gap: 30px;
        }
    }
    
    .minHeight{
        min-height: 130px;
    }

    .btextkey p{
        font-size: 16px;
    }
    /* benifit end */