.service-section-outer {
    background-color: #4B98A4; padding: 90px 10px 150px 10px;
}

    .service-section-outer .service-inner-one h1 {
        font-size: 36px;
        color: #fff;
        text-transform: uppercase;
        margin: 0px 0px 25px 0px;
        line-height: 40px;
    }

        .service-section-outer .service-inner-one h1 span {
            text-decoration: underline;
            text-decoration-color: #f8e510;
        }

    .service-section-outer .service-inner-one p {
        font-size: 18px;
        line-height: 26px;
        color: #9b9ea8;
        margin-top: 0px;
    }

@media (max-width: 992px) {
    .service-section-outer .service-inner-one h1 {
        font-size: 30px;
    }
}

/*==========================================================================service-protfolio================================================================================*/
/*--------------------------------------------------icons---------------------------------*/
.service-protfolio-type .service-protfolio-outer .service-protfolio-inner .icon .service {
    font-size: 55px;
    color: #4B98A4;
}

.service-protfolio-type .service-protfolio-outer:hover .service-protfolio-inner .icon .service {
    color: #22425B;
}
/*--------------------------------------------------icons---------------------------------*/
.service-protfolio-type {
    padding: 0px 0px 60px;
    position: relative;
    margin-top: -110px;
}

    .service-protfolio-type .service-protfolio-outer.in {
        background: #ffffff;
        -webkit-box-shadow: rgba(1, 1, 1, 0.08) 0 0 50px 0;
        box-shadow: rgba(1, 1, 1, 0.08) 0 0 50px 0;
        padding: 9px;
    }

    .service-protfolio-type .service-protfolio-outer {
        background: #ffffff;
        -webkit-box-shadow: rgba(1, 1, 1, 0.08) 0 0 50px 0;
        box-shadow: rgba(1, 1, 1, 0.08) 0 0 50px 0;
        padding: 9px;
    }

    .service-protfolio-type .service-protfolio-outer {
        margin-bottom: 30px;
    }

        .service-protfolio-type .service-protfolio-outer .service-protfolio-inner {
            padding: 26px 26px 3px;
            border: 2px solid #ffffff;
        }

        .service-protfolio-type .service-protfolio-outer:hover .service-protfolio-inner {
            border: 2px solid #f2f7fe;
        }

        .service-protfolio-type .service-protfolio-outer .service-protfolio-inner .content h2 {
            font-size: 1.7rem;
            color: #4B98A4;
            line-height: 34px;
            margin: 10px 0px;
        }

        .service-protfolio-type .service-protfolio-outer .service-protfolio-inner .content p {
            
            font-size: 16px;
            line-height: 26px;
            color: #9b9ea8;
            padding: 0px;
            margin: 0px;
        }

        .service-protfolio-type .service-protfolio-outer .service-protfolio-inner .content a {
            
            font-size: 16px;
            line-height: 26px;
            color: #2685f9;
            text-decoration: none;
            opacity: 0;
        }

            .service-protfolio-type .service-protfolio-outer .service-protfolio-inner .content a .icon-read {
                float: right;
            }

        .service-protfolio-type .service-protfolio-outer .service-protfolio-inner .content {
            background: #fff;
            color: #fff;
            line-height: 24px;
            font-size: 16px;
        }

            .service-protfolio-type .service-protfolio-outer .service-protfolio-inner .content h2 {
                display: inline-block;
                width: 100%;
                height: 100%;
                -webkit-transition: all 0.6s;
                -moz-transition: all 0.6s;
                transition: all 0.6s;
            }

            .service-protfolio-type .service-protfolio-outer .service-protfolio-inner .content p {
                display: inline-block;
                width: 100%;
                height: 100%;
                -webkit-transition: all 0.6s;
                -moz-transition: all 0.6s;
                transition: all 0.6s;
            }

            .service-protfolio-type .service-protfolio-outer .service-protfolio-inner .content a {
                display: inline-block;
                width: 100%;
                height: 100%;
                -webkit-transition: all 0.6s;
                -moz-transition: all 0.6s;
                transition: all 0.6s;
            }

            .service-protfolio-type .service-protfolio-outer .service-protfolio-inner .content:before {
                position: absolute;
                height: 100%;
                width: 100%;
                line-height: 2.5;
                font-size: 180%;
                -webkit-transition: all 0.6s;
                -moz-transition: all 0.6s;
                transition: all 0.6s;
            }

        .service-protfolio-type .service-protfolio-outer:hover .service-protfolio-inner .content h2 {
            -webkit-transform: translateY(-30%);
            -moz-transform: translateY(-30%);
            -ms-transform: translateY(-30%);
            transform: translateY(-30%);
            opacity: 0;
        }

        .service-protfolio-type .service-protfolio-outer:hover .service-protfolio-inner .content p {
            -webkit-transform: translateY(-70%);
            -moz-transform: translateY(-70%);
            -ms-transform: translateY(-70%);
            transform: translateY(-70%);
        }

        .service-protfolio-type .service-protfolio-outer:hover .service-protfolio-inner .content a {
            -webkit-transform: translateY(-80%);
            -moz-transform: translateY(-80%);
            -ms-transform: translateY(-80%);
            opacity: 1;
            transform: translateY(-80%);
        }

        .service-protfolio-type .service-protfolio-outer .service-protfolio-inner .content:before {
            left: 0;
            top: -100%;
        }

        .service-protfolio-type .service-protfolio-outer:hover .service-protfolio-inner .content:before {
            top: 0;
        }

    .service-protfolio-type .flaticon-next {
        margin-right: 10px;
    }