.eservice-page { position: relative;}
.eservice-page.default-page {padding-bottom: 0;}
.eservice-page.default-page .H-title{margin-bottom: 0;}

.eservice-content{padding: 40px 0 100px 0;}
.eservice-content .item-list{margin: 0 -15px;}
.eservice-content .item-list > li{width: 25%; padding: 0 15px;}
.eservice-content .link{display: block; background-color: var(--color-gray-200);}
.eservice-content .wrapper{padding: 30px;}
.eservice-content .thumb{text-align: left;}
.eservice-content .img-contain{width: 200px; height: 200px; position: relative; top: 0; mix-blend-mode: multiply;
    -webkit-transition: All 400ms ease;
    -moz-transition: All 400ms ease;
    -o-transition: All 400ms ease;
    transition: All 400ms ease;
}
.eservice-content .content{padding-top: 20px;}
.eservice-content .content .txt{font-weight: var(--fw-medium); font-size: var(--typo-md); line-height: 1.5em;color: #B7B7B7;min-height: 4.5em;}
.eservice-content .link:hover{background-color: var(--color-white); box-shadow:0 16px 30px rgba(146,146,146,0.16);
    -webkit-transition: All 400ms ease;
    -moz-transition: All 400ms ease;
    -o-transition: All 400ms ease;
    transition: All 400ms ease;
}
.eservice-content .link:hover .img-contain{top: -5px;}
.eservice-content .link:hover .content .txt{color: var(--color-default);}

@media (max-width:1440px) {
    .eservice-content .item-list{margin: 0 -10px;}
    .eservice-content .item-list > li{padding: 0 10px;}
    .eservice-content .wrapper {padding: 25px;}
    .eservice-content .img-contain { width: 160px;height: 160px;}
    .eservice-content .content .txt{font-size: var(--typo-default);}
}

@media (max-width:991px) {
    .eservice-content .item-list{margin: -10px;}
    .eservice-content .item-list > li{width: 50%; padding: 10px;}
}

@media (max-width:767px) {
    .eservice-content {padding: 30px 0 30px 15px; overflow: auto; margin: 0 -15px;}
    .eservice-content .item-list{display: flex; flex-wrap: nowrap;}
    .eservice-content .item-list > li{width: auto;}
    .eservice-content .item-list > li:last-child{padding-right: 15px;}
    .eservice-content .link{width: 250px;}
    .eservice-content .wrapper {padding: 15px;}
    .eservice-content .img-contain{width: 140px; height: 140px; margin: 0 auto;}
    .eservice-content .content {padding-top: 0px;}
    .eservice-content .content .txt{text-align: center;}
}