#testimonial .img-circle{
      display: block;
      margin: 0 auto;
      margin-top:10px;
      margin-bottom:10px;
}

.testimonial-part{
    margin:30px 0px; 

}

.blockquote-footer{
    color: #5db4c0;
}

.comment-box , .comment-box2{
   color: #FFFFFF;
   background: #373684;
   position: relative;
   max-width: 700px;
   
   text-align: center;
   border-radius: 10px;
   margin:0 auto;
}

.comment-box:after {
   content: '';
   position: absolute;
   border-style: solid;
   border-width: 15px 0 15px 15px;
   border-color: transparent #373684;
   right: -15px;
   top: 45px;
}

.comment-box2:after {
   content: '';
   position: absolute;
   border-style: solid;
   border-width: 15px 0 15px 15px;
   border-color: transparent #373684;
   left: -14px;
   top: 45px;
   transform: rotate(180deg);
}

.comment-box p , .comment-box2 p{
    padding:20px 10px;
    font-family: 'Raleway', sans-serif;
    text-align:justify;
    font-size:13px; 
}

.ion-minus{
    padding:0px 10px;
}





.service-box{
            position: relative;
            overflow: hidden;
            margin-bottom:10px;
            perspective:1000px;
            -webkit-perspective:1000px;
        }
        .service-icon{
            width: 100%;
            height: 220px;
            padding: 20px;
            text-align: center;
            transition: all .5s ease;
        }

        .service-content{
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            opacity: 0;
            width: 100%;
            height: 500px;
            padding: 20px 20px;
            text-align: center;
            transition: all .5s ease;
            background-color:#b26899;
            backface-visibility:hidden;
            transform-style: preserve-3d;
            -webkit-transform: translateY(110px) rotateX(-90deg);
            -moz-transform: translateY(110px) rotateX(-90deg);
            -ms-transform: translateY(110px) rotateX(-90deg);
            -o-transform: translateY(110px) rotateX(-90deg);
            transform: translateY(110px) rotateX(-90deg);
        }
        .service-box .service-icon .front-content{
            position: relative;
            top:80px;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .service-box .service-icon .front-content i {
            font-size: 28px;
            color: #fff;
            font-weight: normal;
        }

        .service-box .service-icon .front-content h3 {
            font-size: 15px;
            color: #fff;
            text-align: center;
            margin-bottom: 14px;
            font-family: 'Roboto', sans-serif;
            text-transform: uppercase;
        }
        
        .service-box .service-content p {
            font-size: 13px;
            color: #fff;
            text-align:justify; 
            margin:0px;
        }
        .yellow{background:#373684;}
        .orange{background-color: #373684;}
        .red{background-color: #373684;}
        .grey{background-color: #373684;}
        .service-box:hover .service-icon{
            opacity: 0;
            -webkit-transform: translateY(-110px) rotateX(90deg);
            -moz-transform: translateY(-110px) rotateX(90deg);
            -ms-transform: translateY(-110px) rotateX(90deg);
            -o-transform: translateY(-110px) rotateX(90deg);
            transform: translateY(-110px) rotateX(90deg);
        }
        .service-box:hover .service-content {
            opacity: 1;
            -webkit-transform: rotateX(0);
            -moz-transform: rotateX(0);
            -ms-transform: rotateX(0);
            -o-transform: rotateX(0);
            transform: rotateX(0);
        }