﻿
.servc-c {
    background: #f5f5f5;
}

    .servc-c .sub-hd {
        margin-bottom: 150px;
    }

    .servc-c .f-btn {
        margin: 0 auto;
    }

    .servc-c .col-lg-4.col-md-6.col-12:nth-child(2) .servc-sngl-c, .servc-c .col-lg-4.col-md-6.col-12:nth-child(11) .servc-sngl-c {
        margin-top: -50px;
        border-top-color: #25b800;
    }

        .servc-c .col-lg-4.col-md-6.col-12:nth-child(2) .servc-sngl-c .servc-sngl-img-c, .servc-c .col-lg-4.col-md-6.col-12:nth-child(11) .servc-sngl-c .servc-sngl-img-c {
            background: #efffeb;
        }

    .servc-c .col-lg-4.col-md-6.col-12:nth-child(3) .servc-sngl-c {
        border-top-color: #1487e3;
    }

        .servc-c .col-lg-4.col-md-6.col-12:nth-child(3) .servc-sngl-c .servc-sngl-img-c {
            background: #e9fcff;
        }

    .servc-c .col-lg-4.col-md-6.col-12:nth-child(4) .servc-sngl-c {
        border-top-color: #ad00fe;
    }

        .servc-c .col-lg-4.col-md-6.col-12:nth-child(4) .servc-sngl-c .servc-sngl-img-c {
            background: #f0ebff;
        }

    .servc-c .col-lg-4.col-md-6.col-12:nth-child(5) .servc-sngl-c {
        margin-top: -50px;
        border-top-color: #ff5467;
    }

        .servc-c .col-lg-4.col-md-6.col-12:nth-child(5) .servc-sngl-c .servc-sngl-img-c {
            background: #ffdfe2;
        }

    .servc-c .col-lg-4.col-md-6.col-12:nth-child(6) .servc-sngl-c {
        border-top-color: #25b800;
    }

        .servc-c .col-lg-4.col-md-6.col-12:nth-child(6) .servc-sngl-c .servc-sngl-img-c {
            background: #efffeb;
        }

    .servc-c .col-lg-4.col-md-6.col-12:nth-child(7) .servc-sngl-c, .servc-c .col-lg-4.col-md-6.col-12:nth-child(12) .servc-sngl-c {
        border-top-color: #1487e3;
    }

        .servc-c .col-lg-4.col-md-6.col-12:nth-child(7) .servc-sngl-c .servc-sngl-img-c, .servc-c .col-lg-4.col-md-6.col-12:nth-child(12) .servc-sngl-c .servc-sngl-img-c {
            background: #e9fcff;
        }

    .servc-c .col-lg-4.col-md-6.col-12:nth-child(8) .servc-sngl-c {
        border-top-color: #fa8a00;
        margin-top: -50px;
    }

        .servc-c .col-lg-4.col-md-6.col-12:nth-child(8) .servc-sngl-c .servc-sngl-img-c {
            background: #ffefeb;
        }

    .servc-c .col-lg-4.col-md-6.col-12:nth-child(9) .servc-sngl-c {
        border-top-color: #ad00fe;
    }

        .servc-c .col-lg-4.col-md-6.col-12:nth-child(9) .servc-sngl-c .servc-sngl-img-c {
            background: #f0ebff;
        }

    .servc-c .servc-sngl-c-sdo {
        position: relative;
        margin-bottom: 50px;
    }

        .servc-c .servc-sngl-c-sdo:hover .servc-shdo-c {
            -webkit-box-shadow: 0 0 0 #5B5B5D000bd;
            box-shadow: 0 0 0 #5B5B5D000bd;
            -webkit-transition: all .5s ease-out;
            transition: all .5s ease-out;
        }

        .servc-c .servc-sngl-c-sdo:hover .servc-sngl-c {
            -webkit-box-shadow: 5px 5px 15px #5B5B5D0001f;
            box-shadow: 5px 5px 15px #5B5B5D0001f;
            -webkit-transform: scale(1.02);
            transform: scale(1.02);
            -webkit-transition: all .5s ease-out;
            transition: all .5s ease-out;
        }

    .servc-c .servc-shdo-c {
        position: absolute;
        width: 70%;
        height: 100px;
        left: 0;
        bottom: 10px;
        -webkit-box-shadow: 10px 10px 100px #5B5B5D000bd;
        box-shadow: 10px 10px 100px #5B5B5D000bd;
        z-index: 0;
        border-radius: 50%;
        z-index: 0;
        right: 0;
        margin: auto;
        -webkit-transition: all .5s ease-out;
        transition: all .5s ease-out;
    }

    .servc-c .servc-sngl-c {
        margin: 20px;
        padding: 30px;
        border-top: 5px solid;
        border-radius: 0 0 10px 10px;
        background: #fff;
        position: relative;
        z-index: 1;
        display: table;
        -webkit-transition: all .5s ease-out;
        transition: all .5s ease-out;
    }

        .servc-c .servc-sngl-c .servc-sngl-img-c {
            width: 85px;
            height: 85px;
            display: table;
            margin: 0 auto;
            border-radius: 50%;
        }

            .servc-c .servc-sngl-c .servc-sngl-img-c img {
                height: 50px;
                -o-object-fit: contain;
                object-fit: contain;
            }

        .servc-c .servc-sngl-c .servc-sngl-txt-c .sub-hd-serv-c {
            margin: 40px 0 15px;
        }

            .servc-c .servc-sngl-c .servc-sngl-txt-c .sub-hd-serv-c h3 {
                margin-bottom: 5px;
            }

        .servc-c .servc-sngl-c .servc-sngl-txt-c .sub-btm-serv-c {
            margin-top: 20px;
            padding-top: 20px;
            border-top: 1px solid #9e9e9e;
        }

            .servc-c .servc-sngl-c .servc-sngl-txt-c .sub-btm-serv-c ul {
                width: 100%;
                -webkit-column-count: 2;
                column-count: 2;
            }

                .servc-c .servc-sngl-c .servc-sngl-txt-c .sub-btm-serv-c ul li {
                    display: inline-block;
                    margin: 5px 0 0 20px;
                    font-size: 12px;
                    position: relative;
                }

                    .servc-c .servc-sngl-c .servc-sngl-txt-c .sub-btm-serv-c ul li:after {
                        content: "";
                        position: absolute;
                        left: -14px;
                        top: 6px;
                        width: 5px;
                        height: 5px;
                        border-radius: 50%;
                    }

        .servc-c .servc-sngl-c.mpb-app-c {
            border-top-color: #fa8a00;
        }

            .servc-c .servc-sngl-c.mpb-app-c .servc-sngl-img-c {
                background: #ffefeb;
            }

            .servc-c .servc-sngl-c.mpb-app-c .sub-btm-serv-c ul li:after {
                background: #fa8a00;
            }

        .servc-c .servc-sngl-c.wb-app-c {
            margin-top: -50px;
            border-top-color: #25b800;
        }

            .servc-c .servc-sngl-c.wb-app-c .servc-sngl-img-c {
                background: #efffeb;
            }

            .servc-c .servc-sngl-c.wb-app-c .sub-btm-serv-c ul li:after {
                background: #25b800;
            }

        .servc-c .servc-sngl-c.sft-dev-c, .servc-c .servc-sngl-c.blkchn-ser-c {
            border-top-color: #1487e3;
        }

            .servc-c .servc-sngl-c.sft-dev-c .servc-sngl-img-c, .servc-c .servc-sngl-c.blkchn-ser-c .servc-sngl-img-c {
                background: #e9fcff;
            }

            .servc-c .servc-sngl-c.sft-dev-c .sub-btm-serv-c ul li:after, .servc-c .servc-sngl-c.blkchn-ser-c .sub-btm-serv-c ul li:after {
                background: #1487e3;
            }

        .servc-c .servc-sngl-c.frnt-end-c {
            border-top-color: #ad00fe;
        }

            .servc-c .servc-sngl-c.frnt-end-c .servc-sngl-img-c {
                background: #f0ebff;
            }

            .servc-c .servc-sngl-c.frnt-end-c .sub-btm-serv-c ul li:after {
                background: #ad00fe;
            }

        .servc-c .servc-sngl-c.bck-end-c {
            margin-top: -50px;
            border-top-color: #ff5467;
        }

            .servc-c .servc-sngl-c.bck-end-c .servc-sngl-img-c {
                background: #ffdfe2;
            }

            .servc-c .servc-sngl-c.bck-end-c .sub-btm-serv-c ul li:after {
                background: #ff5467;
            }

        .servc-c .servc-sngl-c.it-ser-c {
            border-top-color: #25b800;
        }

            .servc-c .servc-sngl-c.it-ser-c .servc-sngl-img-c {
                background: #efffeb;
            }

            .servc-c .servc-sngl-c.it-ser-c .sub-btm-serv-c ul li:after {
                background: #25b800;
            }

        .servc-c .servc-sngl-c.uoiux-ser-c {
            margin-top: -50px;
        }


