.swiper-button-prev::after,.swiper-button-next::after{display:none;}

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

.constik-service{padding:60px 0;background:#fff;background-size:cover;position:relative;}

.constik-service .container{display:flex;justify-content:space-between;position:relative;z-index:10;}

.constik-service .tit{width:40%;position:relative;padding:0 0 0 30px;display:flex;flex-direction:column;justify-content:center;}
.constik-service .tit::after{position:absolute;content:"";left:0;top:0;width:40%;height:100%;background:rgb(1,117,187,.4);z-index:-1;}
.constik-service .tit h3{font-size:clamp(20px, 2.3vw, 32px);color:#000;font-weight:700;line-height:1.3;}
.constik-service .tit p{font-size:16px;color:#333;line-height:1.6;margin:15px 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;}
.constik-service .tit .primary-btn {margin:30px 0 0;position:relative;overflow:hidden;text-align:center;display:inline-block;transition:0.5s;padding:10px 30px;z-index:1;color:#fff;background-color:#0171BB;font-size:16px;font-weight:600;line-height:1.8;text-transform:capitalize;cursor:pointer;}
.constik-service .tit .primary-btn::before,.constik-service .tit .primary-btn::after{content:"";position:absolute;width:calc(50% + 4px);height:0;background-color:#1B94E4;z-index:-1;transition:0.5s;}
.constik-service .tit .primary-btn::before {bottom:0;left:0;}
.constik-service .tit .primary-btn::after {top:0;right:0;}
.constik-service .tit .primary-btn:hover {}
.constik-service .tit .primary-btn:hover::before,.constik-service .tit .primary-btn:hover::after {height:120%;}


.constik-service .list{width:calc(60% - 50px);position:relative;}
.constik-service .swiper-slide .box{position:relative;transition:0.5s;}
.constik-service .swiper-slide .ico{width:100%;overflow:hidden;}
.constik-service .swiper-slide .ico img{width:100%;transition:0.5s;}
.constik-service .swiper-slide .txt{background: #1a1a1a;padding:16px;color:#fff;text-align:center;}
.constik-service .swiper-slide .txt h6{font-size:20px;font-weight:700;}
.constik-service .swiper-slide .txt h6 a{color:#fff;font-weight:600;}
.constik-service .swiper-slide .txt p{margin:10px 0 0;line-height:20px;height:40px;overflow:hidden;font-size:16px;color:rgba(255,255,255,0.8);}

.constik-service .swiper-slide .overlay-content {position:absolute;top:0;left:0;width:100%;opacity:0;padding:15px;transition:0.5s;}
.constik-service .swiper-slide .overlay-content::before {position:absolute;content:"";top:-100px;right:0;border-top:100px solid var(--color-primary);opacity:0.8;border-left:100px solid transparent;transition:0.5s;}
.constik-service .swiper-slide .social-link {display:inline-block;}
.constik-service .swiper-slide .social-link a {display:block;line-height:0;text-align:center;background:var(--color-second);color:#fff;padding:12px;font-size:12px;margin-bottom:8px;margin-right:unset;transform:rotateY(90deg);}
.constik-service .swiper-slide .social-link a:hover {background:#1B94E4;}
.constik-service .swiper-slide .social-link i {line-height:1;}

.constik-service .swiper-slide:hover .ico img{transform:scale(1.05);}
.constik-service .swiper-slide:hover .overlay-content {opacity:1;}
.constik-service .swiper-slide:hover .overlay-content::before {top:-10px;}
.constik-service .swiper-slide:hover .overlay-content a{transform:rotateY(0);}

.constik-service .swiper-pagination{margin:30px 0 0;font-size:0;position:static;width:100%;display:none;}
.constik-service .swiper-pagination-bullet {height:12px;width:12px;border-radius:50%;margin:0 7px;background:#ccc;opacity:1;}
.constik-service .swiper-pagination-bullet-active{background:var(--color-primary);}

.constik-service .page{font-size:0;position:absolute;right:0;bottom:0;}
.constik-service .page .swiper-button-prev,.constik-service .page .swiper-button-next{position:static;display:inline-block;width:40px;height:40px;line-height:40px;border:none;background:#0171BB;border-radius:0;margin-top:0;text-align:center;}
.constik-service .page .swiper-button-next::after,.constik-service .page .swiper-button-prev::after{display:none;}
.constik-service .page .swiper-button-next{margin-left:15px;}
.constik-service .page .swiper-button-prev i,.constik-service .page .swiper-button-next i{color:#fff;font-size:23px;line-height:inherit;}
.constik-service .page .swiper-button-prev:hover,.constik-service .page .swiper-button-next:hover{opacity:0.6;}



@media screen and (max-width:1281px){
.constik-service .tit .primary-btn{padding:10px 28px;font-size:15px;}
.constik-service .swiper-slide .txt{padding:15px 10px;}
.constik-service .swiper-slide .txt h6{font-size:18px;}
.constik-service .swiper-slide .txt p{font-size:15px;}
}

@media screen and (max-width:1171px){

}

@media screen and (max-width:992px){
.constik-service{padding:50px 0;}
.constik-service .container{display:block;}
.constik-service .tit{width:100%;padding:0;display:block;text-align:center;}
.constik-service .tit::after{display:none;}
.constik-service .tit .primary-btn {margin:20px 0 0;}
.constik-service .page{display:none;}
.constik-service .list{width:100%;margin:25px 0 0;}
.constik-service .swiper-pagination{display:block;}
}

@media screen and (max-width:768px){
.constik-service{padding:35px 0;}
.constik-service .tit p{font-size:15px;line-height:1.4;}
.constik-service .tit .primary-btn{padding:10px 25px;font-size:14px;}
}

@media screen and (max-width:640px) {
.constik-service .swiper-slide .txt p{font-size:14px;margin:8px 0 0;height:auto;}

}

@media screen and (max-width:480px) {
.constik-service{padding:30px 0;}
.constik-service .tit p{font-size:14px;margin:10px 0 0;}
.constik-service .tit .primary-btn{margin:15px 0 0;padding:6px 18px;font-size:13px;}
}