.dh-single-service-box {justify-content:space-around;display:flex;padding:19px 19px 28px;border-radius:8px;margin:10px 0;background:#fff;}
.col-md-12 .txt {position:absolute;left:0;top:0;right:0;bottom:0;width:100%;z-index:105;padding:0 34px 29px;transition:opacity .2s,transform .35s;display:flex;justify-content:flex-end;-webkit-flex-direction:column;flex-direction:column}
.col-md-12 .txt::after {content:"";background:var(--color-primary);opacity:0.85;height:0;position:absolute;left:0;right:0;bottom:0;transition:all .3s ease 0s}
.col-md-12 .txt p {font-size:15px;color:#fff;line-height:28px;height:0;overflow:hidden;transition:all .5s ease 0s;margin:15px 0 0}
.col-md-12:hover .txt::after {height:100%}
.col-md-12:hover .txt p {height:250px}
.txt>* {position:relative;z-index:10}
.dh-service-thumb {margin-right:10px;text-align:center;overflow:hidden;border-radius:10px;}
.dh-service-thumb img {display:inline-block !important;width:100%;transform:scale(1);transition:.5s;}
.owl-carousel .owl-stage-outer {max-height:276px;}
.dh-service-thumb ul {display:flex;padding-top:15px;}
.dh-service-thumb ul li {margin-left:5px;}
.dh-service-thumb p {text-align:left;padding-top:15px;}
.dh-service-content {width:54%;}
.dh-meta-service a img {width:17px;height:17px;}
.dh-service-content .dh-meta-service h2 {font-size:22px;}
.dh-meta-service a {font-size:16px;font-weight:500;margin-left:4px;display:inline-block;transition:.5s;}
.dh-service-description p {font-size:15px;font-weight:400;line-height:23px;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden;text-overflow:ellipsis;}
.dh-service-btn {margin-top:12px;}
.dh-service-btn a {font-size:16px;font-weight:400;transition:.5s;}
.dh-service-btn i {font-size:16px;margin-left:4px;transition:.5s;}
/*owl carousel*/

.dh-service-area .owl-dots {text-align:center;padding-top:40px;}
.dh-service-area .owl-dot {width:15px;height:15px;background:#b7b6c0;display:inline-block;margin-right:7px;border-radius:50%;}
.dh-service-area .owl-dot.active {background:var(--color-primary);}
.dh-service-area .row.dh-service-shape {position:relative;}
.owl-carousel .owl-dots.disabled {display:block!important;}
.dh-meta-service a:hover {color:var(--color-primary);}
.dh-service-btn a:hover i {color:var(--color-primary);padding-left:10px;}
.dh-service-btn:hover {color:var(--color-primary);}
.dh-single-service-box:hover .dh-service-thumb img {transform:scale(1.1);}
.dh-section-title {margin-bottom:20px;}

.dh-section-title.upper {margin:0 0 25px;}


.dh-service-area .dh-section-sub-title h5 {display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:500;color:var(--color-primary);position:static;margin-bottom:0;}
.dh-service-area .dh-section-sub-title h5::before {position:static;content:"";height:15px;width:15px;margin-right:0.6em;border:2px solid;border-radius:50%;color:var(--color-primary);}
.dh-service-area .dh-section-sub-title h5::after {position:static;content:"";height:15px;width:15px;margin-left:0.6em;border:2px solid;border-radius:50%;color:var(--color-primary);}
.dh-service-area .dh-section-title-description p {font-size:16px;font-weight:400;padding:24px 0 5px;width:99%;}
.dh-service-area .dh-section-main-title h1 {font-size:40px;font-weight:700;line-height:52px;width:665px;margin:auto;}

@-webkit-keyframes float-bob {
0% {-webkit-transform:translateY(-30px);transform:translateY(-30px);}
50% {-webkit-transform:translateY(-15px);transform:translateY(-15px);}
100% {-webkit-transform:translateY(-30px);transform:translateY(-30px);}
}







.dh-service-area {padding:50px 0;background:#f5f5f5;}
.dh-service-area .tit{text-align:center;}
.dh-service-area .tit h3{font-size:50px;line-height:1;font-weight:400;}
.dh-service-area .tit p {margin:20px 0;}
.dh-service-area .tit a {font-size:20px;padding:0 65px;height:50px;line-height:50px;background:var(--bg-color);color:#fff;display:inline-block;}


.dh-service-area .list{margin:50px 0 0;position:relative;}
.dh-service-area .swiper-slide{background:#fff;padding:20px;}
.dh-service-area .swiper-slide .box{}
.dh-service-area .swiper-slide .pic{width:100%;position:relative;}
.dh-service-area .swiper-slide .pic img{width:100%;aspect-ratio:1.48 / 1;object-fit:cover;}
.dh-service-area .swiper-slide .pic h5{position:absolute;left:0;right:0;bottom:0;background:rgba(34,77,183,0.8);padding:10px;color:#fff;font-size:18px;}
.dh-service-area .swiper-slide .dh-service-content{margin:20px 0 0;}
.dh-service-area .swiper-slide .txt {position:absolute;left:0;top:0;right:0;bottom:0;transform:translateY(100%);width:100%;background:rgba(34,77,183,0.85);z-index:105;padding:0 30px;transition:all 0.3s ease 0s;display:flex;align-items:center;}
.dh-service-area .swiper-slide .txt::after1 {content:"";background:rgba(34,77,183,0.85);opacity:0.85;height:0;position:absolute;left:0;right:0;bottom:0;transition:all .3s ease 0s}
.dh-service-area .swiper-slide .txt p {font-size:15px;color:#fff;line-height:28px;overflow:hidden;transition:all .5s ease 0s;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden;}


@media screen and (min-width:768px){
.dh-service-area .swiper-slide:hover .txt{transform:translateY(0);}
}


.dh-service-area .swiper-pagination-bullets{position:static;margin-top:30px;font-size:0;width:100%;}
.dh-service-area .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{height:12px;width:12px;margin:0 5px;background:#B7B6C0;border-radius:50%;opacity:1;}
.dh-service-area .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active{background:#224DB7;}











@media screen and (max-width:1680px) {
.dh-service-area .tit h3{font-size:48px;}
}

@media screen and (max-width:1550px) {
.dh-service-area .tit h3{font-size:46px;}
}

@media screen and (max-width:1440px) {
.dh-service-area .tit h3{font-size:44px;}
.dh-service-area .tit a{font-size:19px;padding:0 60px;height:46px;line-height:46px;}
}


@media screen and (max-width:1367px) {
.dh-service-area .tit h3{font-size:40px;}
.dh-service-area .tit a{font-size:18px;}
}

@media screen and (max-width:1280px) {
.dh-service-area .tit h3{font-size:36px;}
.dh-service-area .tit a{font-size:17px;padding:0 55px;height:42px;line-height:42px;}
.dh-service-area .swiper-slide{padding:15px;}
.dh-service-area .swiper-slide .pic h5{font-size:17px;}
}

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

@media screen and (max-width:992px) {
.dh-service-area .tit h3{font-size:30px;}
}


@media screen and (max-width:768px){
.dh-service-area {padding:30px 0;}
.dh-service-area .tit h3{font-size:28px;}
.dh-service-area .tit p {margin:15px 0;}
.dh-service-area .tit a {font-size:16px;padding:0 50px;height:40px;line-height:40px;}
.dh-service-area .list{margin:30px 0 0;}
.dh-service-area .swiper-slide{padding:10px;}
.dh-service-area .swiper-slide .pic h5{font-size:16px;padding:8px 10px;}
.dh-service-area .swiper-pagination-bullets{margin-top:25px;}
}

@media screen and (max-width:576px) {
.dh-service-area .tit h3{font-size:26px;}
.dh-service-area .tit a {font-size:16px;}
}


@media screen and (max-width:480px) {
.dh-service-area {padding:25px 0;}
.dh-service-area .tit h3{font-size:24px;}
.dh-service-area .tit p{font-size:15px;margin:10px 0;}
.dh-service-area .tit a{font-size:15px;padding:0 40px;height:35px;line-height:35px;}
.dh-service-area .swiper-pagination-bullets{margin-top:20px;}
}	


@media screen and (max-width:420px) {
.dh-service-area .tit h3{font-size:22px;}
.dh-service-area .tit a{font-size:14px;padding:0 35px;height:30px;line-height:30px;}
}