/*----------------------------*/

.dastra-service{padding:20px 0;}
.dastra-service .tit{text-align:center;}
.dastra-service .tit em{font-size:17px;font-weight:400;color:#888;text-transform:uppercase;font-family: var(--title-font-family);}
.dastra-service .tit h3{font-size:40px;color:#212121;font-weight:400;line-height:1;margin:15px 0 0;}
.dastra-service .tit p{width:66%;margin:15px auto 0;font-size:17px;}

.dastra-service ul{display:flex;flex-wrap:wrap;margin:40px -15px 0;}
.dastra-service ul li{width:33.3333333%;padding:15px;}
.dastra-service ul li .box{position:relative;box-shadow:0 0 13px 0 rgba(0,0,0,0.03);border-bottom:2px solid #ddd;transition:0.5s;background:#fff;}
.dastra-service ul li .box::before {position:absolute;width:0;height:2px;left:0;bottom:-2px;right:0;margin:auto;content:"";z-index:3;transition:all 0.4s ease-out;background:var(--color-primary);}
.dastra-service ul li .pic{position:relative;display:block;}
.dastra-service ul li .pic img{width:100%;}
.dastra-service ul li .pic:after{position:absolute;left:0;top:0;width:100%;height:100%; content:"";transition:all 0.5s ease-out;}
.dastra-service ul li .txt{padding:25px 20px;text-align:center;}
.dastra-service ul li .txt h5{font-size:20px;font-weight:400;color:var(--title-text-color,#000);font-weight:700;line-height:1;}
.dastra-service ul li .txt h5 a{color: #fc1d0b;}
.dastra-service ul li .txt p{margin:12px 0 0;font-size:16px;color:#888;}

.dastra-service ul li:hover .box::before{width:100%;}
.dastra-service ul li:hover .pic:after{background:rgb(252,29,11,.2);}

@media screen and (max-width:1441px) {
.dastra-service .tit h3{font-size:38px;}
.dastra-service ul li .txt h5{font-size:22px;}
}

@media screen and (max-width:1367px) {
.dastra-service .tit h3{font-size:36px;}
.dastra-service ul li .txt h5{font-size:21px;}
}

@media screen and (max-width:1281px){
.dastra-service .tit h3{font-size:34px;}
.dastra-service .tit p{font-size:16px;}
.dastra-service ul{margin:35px -15px 0;}
.dastra-service ul li .txt {padding:20px 15px;}
.dastra-service ul li .txt h5{font-size:20px;}
.dastra-service ul li .txt p{font-size:15px;}
}

@media screen and (max-width:1171px){
.dastra-service .tit h3{font-size:32px;}
}

@media screen and (max-width:992px){
.dastra-service .tit h3{font-size:30px;}
.dastra-service .tit p{width:90%;}
}

@media screen and (max-width:768px){
.dastra-service{padding:10px 0;}
.dastra-service .tit em{font-size:16px;}
.dastra-service .tit h3{font-size:28px;}
.dastra-service ul{margin:20px -15px 0;}
.dastra-service ul li{width:50%;}
}

@media screen and (max-width:576px) {
.dastra-service .tit h3{font-size:24px;}
.dastra-service .tit p{width:100%;font-size:15px;}
.dastra-service ul li .txt{padding:15px 10px;}
.dastra-service ul li .txt h5{font-size:16px;}
.dastra-service ul li .txt p{font-size:14px;margin:10px 0 0;}
}

@media screen and (max-width:480px) {
.dastra-service .tit em{font-size:15px;}
.dastra-service .tit h3{font-size:22px;margin:10px 0 0;}
.dastra-service ul{margin:15px 0 0;}
.dastra-service ul li{width:100%;padding:10px 0;}
}	

@media screen and (max-width:420px) {
.dastra-service .tit h3{font-size:20px;}
}