.cnc-servicelist-layout4{padding:100px 0;overflow: hidden;}
.cnc-servicelist-layout4 .container{max-width:1430px;margin:0 auto;padding:0 15px;}
.cnc-servicelist-layout4 .title-wrapper{ text-align: center; margin-bottom: 30px;}
.cnc-servicelist-layout4 .title-wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6){ font-size: 48px; line-height: normal; margin: 0; font-weight: 700;color: #005BC5;}
.cnc-servicelist-layout4 .title-wrapper p{font-size: 20px;font-weight: 400;line-height: normal;margin: 0;color: #005BC5;}
.cnc-servicelist-layout4 .service-wrapper{display: flex;flex-wrap: wrap;gap: 30px;justify-content: center;}
.cnc-servicelist-layout4 .service-wrapper .card{max-width: calc(33.33% - 20px);width: 100%;display: flex;flex-direction: column;}
.cnc-servicelist-layout4 .service-wrapper .card .image-col{width: 100%;line-height: 0;height: 232px;border-radius: 10px 10px 0 0;border: 1px solid transparent;border-bottom: none;min-height: 232px;}
.cnc-servicelist-layout4 .service-wrapper .card .image-col img{width: 100%;height: 100%;object-fit: cover;border-radius: 10px 10px 0 0;}
.cnc-servicelist-layout4 .service-wrapper .card .image-col svg , .cnc-servicelist-layout4 .service-wrapper .card .image-col i{max-width: 100%; width: 100%;height: 100%;border-radius: 10px 10px 0 0;}
.cnc-servicelist-layout4 .service-wrapper .card .info-col{padding: 35px 30px;border-top: none;display: flex;flex-direction: column;height: 100%;    background: #ECF5FF;
box-shadow: 0 3px 9px 4px rgba(0, 0, 0, 0.10);border-radius: 0 0 10px 10px;border: 1px solid transparent;border-top: none;}
.cnc-servicelist-layout4 .service-wrapper .card:hover .image-col{border: 1px solid #005AC3;border-bottom: none;}
.cnc-servicelist-layout4 .service-wrapper .card:hover .info-col{border: 1px solid #005AC3;border-top: none;}
.cnc-servicelist-layout4 .service-wrapper .card .info-col .info-title{margin-bottom: 10px;}
.cnc-servicelist-layout4 .service-wrapper .card .info-col .info-title :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6){font-size: 20px; line-height: normal; font-weight: 700; margin: 0;color: #005BC5;}
.cnc-servicelist-layout4 .service-wrapper .card .info-col .info-title p{font-size: 18px;line-height: normal;font-weight: 400;margin: 0;color: #323232;word-break: break-word;}
.cnc-servicelist-layout4 .service-wrapper .card .info-col .btn { display: inline-flex;align-items: center; background-color: #005AC3; color: #fff; font-weight: 400; padding: 14px 35px 14px 35px; border-radius: 5px; font-size: 20px; transition: all 0.3s ease-in-out; position: relative; line-height: normal;text-decoration: none; width: fit-content;margin-top: auto;}        
.cnc-servicelist-layout4 .service-wrapper .card .info-col .btn .arrow { margin-left: 15px; transition: all 0.3s ease-in-out; position: relative; left: 0;width: 20px; height: 20px; display: inline-flex;justify-content: center;align-items: center;}
.cnc-servicelist-layout4 .service-wrapper .card .info-col .btn .arrow img,  .cnc-servicelist-layout4 .service-wrapper .card .info-col .btn .arrow svg{max-width: 100%;}
.cnc-servicelist-layout4 .service-wrapper .card .info-col .btn .arrow svg , .cnc-servicelist-layout4 .service-wrapper .card .info-col .btn .arrow i{width: 100%;height: 100%;}
.cnc-servicelist-layout4 .service-wrapper .card .info-col .btn:hover{ background-color: #323232; }
.cnc-servicelist-layout4 .service-wrapper .card .info-col .btn:hover .arrow { left: 5px; }
.cnc-servicelist-layout4 .service-wrapper .card .info-col .remove-arrow .arrow { display: none; }
.cnc-servicelist-layout4 .title-wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6):not(:last-child) , 
.cnc-servicelist-layout4 .title-wrapper p:not(:last-child) , .cnc-servicelist-layout4 .service-wrapper .card .info-col :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6):not(:last-child) , .cnc-servicelist-layout4 .service-wrapper .card .info-col p:not(:last-child){margin: 0 0 10px;}


.cnc-servicelist-layout4 .cnc-pagination-wrap{display: flex;align-items: center;justify-content: center; gap: 10px;margin-top: 25px;}
.cnc-servicelist-layout4 .cnc-pagination-wrap .cnc-pagination-numbers{display: flex; justify-content: center; align-items: center; gap: 10px;margin-top: 25px;}
.cnc-servicelist-layout4 .cnc-pagination-wrap .cnc-pagination-numbers button:disabled{ pointer-events:none}
.cnc-servicelist-layout4 .cnc-pagination-wrap .cnc-pagination-numbers button{ width: 40px; height: 40px; color: #fff;background-color: #005ac3; font-size: 16px; line-height: normal; display: flex; align-items: center; justify-content: center; text-decoration: none; border: 1px solid #005ac3; border-radius: 4px;}
.cnc-servicelist-layout4 .cnc-pagination-wrap .cnc-pagination-numbers button.active{background-color: #000;color: #fff;border-color: #000;}
.cnc-servicelist-layout4 .cnc-pagination-wrap .cnc-pagination-numbers button:hover{ border: 1px solid #000;background: #000;}
.cnc-servicelist-layout4 .cnc-pagination-wrap .cnc-pagination-numbers button.cnc-ajax-prev, .cnc-servicelist-layout4 .cnc-pagination-wrap .cnc-pagination-numbers button.cnc-ajax-next{ width: auto; height: 40px; position: relative; padding: 10px 12px;}
.cnc-servicelist-layout4 .cnc-pagination-wrap .cnc-ajax-prev, .cnc-servicelist-layout4 .cnc-pagination-wrap .cnc-ajax-next, .cnc-servicelist-layout4 .cnc-pagination-wrap .cnc-load-more-btn{background-color: #005ac3; width: auto; height: 40px; position: relative; padding: 10px 12px; font-size: 16px; line-height: normal; display: flex; align-items: center; justify-content: center; text-decoration: none; border: 1px solid #005ac3; border-radius: 4px; color: #fff;}
.cnc-servicelist-layout4 .cnc-pagination-wrap .cnc-ajax-prev:hover, .cnc-servicelist-layout4 .cnc-pagination-wrap .cnc-ajax-next:hover{border: 1px solid #000;background-color: #000;}
.cnc-servicelist-layout4 .cnc-pagination-wrap .cnc-load-more-btn:hover{background-color: #000;border: 1px solid #000;}
.cnc-servicelist-layout4 .cnc-pagination-wrap .cnc-load-more-btn .cnc-btn-spinner{margin-left: 5px;}
.cnc-servicelist-layout4 .cnc-pagination-wrap .cnc-load-more-btn .cnc-btn-spinner i, .cnc-servicelist-layout4 .cnc-pagination-wrap .cnc-load-more-btn .cnc-btn-spinner svg{width: 16px;height: 16px;}

.cnc-servicelist-layout4.pagination-left .cnc-pagination-wrap{ justify-content: flex-start;}
.cnc-servicelist-layout4.pagination-right .cnc-pagination-wrap{ justify-content: end;}



@media (max-width:1199px) {
.cnc-servicelist-layout4 .service-wrapper{gap: 20px;}
.cnc-servicelist-layout4 .service-wrapper .card{max-width: calc(50% - 10px);}
.cnc-servicelist-layout4 .service-wrapper .card .image-col { height: 24vw;}
.cnc-servicelist-layout4 .service-wrapper .card .info-col{padding: 20px;}

}
@media (max-width:1024px) {
.cnc-servicelist-layout4{padding:50px 0;}
.cnc-servicelist-layout4 .title-wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6){font-size: 40px;}
.cnc-servicelist-layout4 .title-wrapper p , .cnc-servicelist-layout4 .service-wrapper .card .info-col .btn{font-size: 18px;}
.cnc-servicelist-layout4 .service-wrapper .card .info-col :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6){font-size: 28px;}
.cnc-servicelist-layout4 .service-wrapper .card .info-col p{font-size: 15px;} 

}
@media (max-width:767px) {
.cnc-servicelist-layout4{padding:30px 0;}
.cnc-servicelist-layout4 .title-wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6){font-size: 30px;}
.cnc-servicelist-layout4 .title-wrapper p , .cnc-servicelist-layout4 .service-wrapper .card .info-col .btn{font-size: 16px;}
.cnc-servicelist-layout4 .service-wrapper .card{max-width: 100%;}
.cnc-servicelist-layout4 .service-wrapper .card .image-col { height: 46vw;}
.cnc-servicelist-layout4 .service-wrapper .card .info-col :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6){font-size: 24px;}
.cnc-servicelist-layout4 .service-wrapper .card .info-col p{font-size: 14px;} 
}