.service-card {
    background-size: contain;
    padding-top: 56.3%;
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.2) 0px -5px 0px inset;
}

.service-card.service-1{
    background-image: url('../img/service-1.jpg');
    background-color: #6f8196;
}
.service-card.service-2{
    background-image: url('../img/service-2.jpg');
    background-color: #34848b
}
.service-card.service-3{
    background-image: url('../img/service-3.jpg');
    background-color: #316559
}
.service-card.service-4{
    background-image: url('../img/service-4.jpg');
    background-color: #877b5e
}
.service-card.service-5{
    background-image: url('../img/service-5.jpg');
    background-color: #7c9144
}
.service-card.service-6{
    background-image: url('../img/service-6.jpg');
    background-color: #b57b42
}
.service-inner{
    margin-top: -20%;
    background-position: top center;
    background-size: cover;
}
.service-1 .service-inner{
    background-image: url('../img/bg-service.svg'),linear-gradient(180deg, rgba(111,129,150,0)20px, rgba(111,129,150,1) 50px, rgba(111,129,150,1) 100%);
}
.service-2 .service-inner{
    background-image: url('../img/bg-service.svg'),linear-gradient(180deg, rgba(52,132,139,0)20px, rgba(52,132,139,1) 50px, rgba(52,132,139,1) 100%);
}
.service-3 .service-inner{
    background-image: url('../img/bg-service.svg'),linear-gradient(180deg, rgba(49,101,89,0)20px, rgba(49,101,89,1) 50px, rgba(49,101,89,1) 100%);
}
.service-4 .service-inner{
    background-image: url('../img/bg-service.svg'),linear-gradient(180deg, rgba(135,123,94,0)20px, rgba(135,123,94,1) 50px, rgba(135,123,94,1) 100%);
}
.service-5 .service-inner{
    background-image: url('../img/bg-service.svg'),linear-gradient(180deg, rgba(124,145,68,0)20px, rgba(124,145,68,1) 50px, rgba(124,145,68,1) 100%);
}
.service-6 .service-inner{
    background-image: url('../img/bg-service.svg'),linear-gradient(180deg, rgba(181,123,66,0)20px, rgba(181,123,66,1) 50px, rgba(181,123,66,1) 100%);
}
.service-detail{
    padding: 20px;
    color:#fff;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.2) 0px -5px 0px inset;
}
.service-detail h2{
    margin-bottom: 20px;
}
.service-detail p{
    /*text-indent: 30px;*/
    text-align:center;
}
.service-detail a,a:visited{
   color: #fff;
}
.service-vdo{
    position: relative;
    width: 100%;
    margin-bottom: 16px;
}    
.vdo-inner{
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    border-radius: 5px;
    overflow: hidden;
    background-color: #000;
}
.service-vdo iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}