body.widget-snippet .service-area {
        margin: 30px;
    }
   .widget-snippet .service-area {
        position:relative;
        padding: 45px 0;
        padding-bottom:0;
        margin-top: -1px;
    }
    .widget-snippet .service-area .container{
        max-width:1356px;
        width:100%;
    }
    .widget-snippet .service-area h2{
        padding:52px 0;
        padding-bottom: 58px;
        font-size:50px;
        color:#fff;
        text-align:center;
        font-family: 'Gilroy';
        font-weight:bold;
        position: relative;
        z-index: 2;
    }
    .widget-snippet .service-area .col-md-4{
        margin-bottom:20px;
    }
    .widget-snippet .service-area:after {
        position: absolute;
        content: "";
        width: 100%;
        height: 350px;
        background: #231f20;
        left: 0;
        top: 0;
        z-index: 1;
    }
    .widget-snippet .service-item {
        position: relative;
        height:345px;
        z-index:2;
    }
    .widget-snippet .service-area  .col-md-4:last-child .service-item:after {
        position: absolute;
        content: "";
        width: 317px;
        height: 200px;
        background: #231f20;
        right: -16px;
        bottom: -16px;
        z-index: -2;
    }
    .service-area  .col-md-4:first-child .service-item:after {
        position: absolute;
        content: "";
        width: 317px;
        height: 200px;
        background: #fff;
        left: -16px;
        top: -16px;
        z-index: -2;
    }
    .widget-snippet .service-area .image-area{
        width:100%;
        height:auto;
        position:relative;
    }
    .widget-snippet .service-area .image-area img{
        position:relative;
        width:100%;
    }
    .widget-snippet .service-area .content-area{
        position: absolute;
        bottom: 0px;
        width: 100%;
        background: #6aca5a;
        padding:10px 38px;
        transition: all 0.5s ease;
        transition-property: all;
        transition-duration: 0.5s;
        transition-timing-function: ease;
        transition-delay: 0s;
    }
    .widget-snippet .service-area .content-area h3:after{
        content: '';
        position:absolute;
        content: url('/template/36ade692/image/service-arrow.png');
        width:17px;
        height:29px;
        right:30px;
        display:black;
    }
    .widget-snippet .service-area .content-area h3{
        font-size:31px;
        line-height:55px;
        color:#fff;
        font-family: 'Gilroy';
        font-weight:bold;
    }
    .widget-snippet .service-area .content-area:hover h3{
        color: #fff;
        text-decoration:none;
    }
    .widget-snippet .service-area .content-area:after{
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 33px 425px;
        border-color: transparent transparent #6aca5a;
        transition: all 0.5s ease;
        transition-property: all;
        transition-duration: 0.5s;
        transition-timing-function: ease;
        transition-delay: 0s;
        top: -33px;
        right: 0;
    }
    .widget-snippet .service-item:hover .content-area {
        background: #ff3e48;
    }
    .widget-snippet .service-item:hover .content-area:after{
        border-color: transparent transparent #ff3e48;
    }
    .widget-snippet .service-area .col-md-4:nth-child(even) .content-area {
        background: #ff3e48;
    }
    .widget-snippet .service-area .col-md-4:nth-child(even) .content-area:after {
        border-color: transparent transparent #ff3e48;
    }
    .widget-snippet .service-area .col-md-4:nth-child(even)  .service-item:hover .content-area {
        background: #6aca5a;
    }
    .widget-snippet .service-area .col-md-4:nth-child(even) .service-item:hover .content-area:after {
        border-color: transparent transparent #6aca5a;
    }
    body.widget-snippet .service-area:after {
        display:none
    }
    body.widget-snippet .service-area h2{
        background: #000;
        z-index: unset;
    }
    body.widget-snippet .service-item{
        z-index: unset;
    }