.cxproqhall{ position:relative; overflow:hidden;}
.cxprolistall{ max-width:1460px; margin:0 auto;}
.cxprolist-swiper{ overflow:hidden; padding:30px;}
.cxprolist-swiper .swiper-wrapper{}
.cxprolist-swiper .swiper-wrapper .swiper-slide{ height:auto;}
.cxprolist{ height:100%;}
.cxprolist .cxprolistflex{ height:100%; display:flex; flex-wrap:wrap; gap:40px;}
.cxprolist .cxprolistflex .cxprolist_item{ width:calc(33.3333% - 26.666px);}
.cxprolist .cxprolistflex .cxprolist_item a{ min-height:600px; height:100%; display:flex; flex-direction: column; background: rgba(255,255,255,0.5);box-shadow: 0px 4px 4px 0px rgba(8,9,66,0.2), inset 0px 0px 10px 0px rgba(0,106,180,0.1);border-radius: 10px;}
.cxprolist .cxprolistflex .cxprolist_item .cxproimg{background: #F9FBFD; display:flex; justify-content:center; align-items:center; height:320px;}
.cxprolist .cxprolistflex .cxprolist_item .cxproimg img{ object-fit: cover;object-position: center; max-height: 96%;}
.cxprolist .cxprolistflex .cxprolist_item .cxprotext{ padding:20px 30px 30px 30px; flex:1 1 auto; display:flex; flex-direction: column;}
.cxprolist .cxprolistflex .cxprolist_item .cxprotext .cxprotexttit{font-weight: 700;font-size: 20px;color: #000000;line-height: 1.6; overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.cxprolist .cxprolistflex .cxprolist_item .cxprotext .cxprotextadv{ margin-top:10px; flex: 1 1 auto;}
.cxprolist .cxprolistflex .cxprolist_item .cxprotext .cxprotextadv dl{}
.cxprolist .cxprolistflex .cxprolist_item .cxprotext .cxprotextadv dd{font-weight: 400;font-size: 14px;color: #666666; position:relative; padding-left:20px;line-height: 2; margin-bottom: 0;}
.cxprolist .cxprolistflex .cxprolist_item .cxprotext .cxprotextadv dd:before{ content:""; display:block; width:10px; height:8px; background:url(../images/cx/cxprotextadv_icon.svg) no-repeat center center; position:absolute; top:10px; left:0;}

.cxprolist .cxprolistflex .cxprolist_item .cxprotext .cxprotextbtn{ position:relative; width: 266px;height: 52px; margin:20px auto 0; display:flex;  justify-content:flex-start; padding-left:40px; align-items:center;}
.cxprolist .cxprolistflex .cxprolist_item .cxprotext .cxprotextbtn .cxprobtntxt{font-weight: 400;font-size: 18px;color: #333333; text-transform:capitalize; line-height: 1.5; position:relative; z-index:2;}

.cxprolist .cxprolistflex .cxprolist_item .cxprotext .cxprotextbtn:before{ content:""; display:block; width:100%; height:100%; background:#E81D2D; position:absolute; left:0; top:0; clip-path: polygon(0 15px,15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%);z-index:0;}
.cxprolist .cxprolistflex .cxprolist_item .cxprotext .cxprotextbtn:after{ content:""; display:block; width:calc(100% - 2px); height:calc(100% - 2px); background:#fff; position:absolute; left:1px; top:1px; clip-path: polygon(0 15px,15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%); z-index:1;}


.cxprolist .cxprolistflex .cxprolist_item a:hover .cxprotextbtn:after{background:#E81D2D; width:100%; height:100%; left:0; top:0;}
.cxprolist .cxprolistflex .cxprolist_item a:hover .cxprotext .cxprotextbtn .cxprobtntxt{ color:#fff;}

.cxprolist .cxprolistflex .cxprolist_item .cxprotext .cxprotextbtn .cxprobtnicon{ display:block; width:14px; height:14px; background:url(../images/cx/cxprobtnicon.svg) no-repeat center center; position:absolute; top:6px; right:6px; z-index:3;}
.cxprolist .cxprolistflex .cxprolist_item a:hover{ box-shadow: 0px 10px 20px 0px rgba(8,9,66,0.3), inset 0px 0px 10px 0px rgba(0,106,180,0.1);}
.cxprolist .cxprolistflex .cxprolist_item a:hover .cxprotext .cxprotextbtn .cxprobtnicon{filter: brightness(0) invert(1);  
-webkit-filter: brightness(0) invert(1);  
-moz-filter: brightness(0) invert(1);  
-o-filter: brightness(0) invert(1);  
-ms-filter: brightness(0) invert(1);}


.cxprobtn{ width:100%; position:absolute; top: 50%; margin-top:-70px; z-index:3; left:0; }
.cxprobtn a{ display:block; width:60px; height:60px; background-position:center center; background-repeat:no-repeat; background-size:cover; position: absolute;}
.cxprobtn a.cxproprve{ background-image:url(../images/iban_prveredbtn.svg); left:40px;}
.cxprobtn a.cxpronext{ background-image:url(../images/iban_nextredbtn.svg); right:40px;}
.cxprobtn a.cxproprve.swiper-button-disabled{ background-image:url(../images/iban_prvebtn.svg);}
.cxprobtn a.cxpronext.swiper-button-disabled{ background-image:url(../images/iban_nextbtn.svg);}


.cxpropaging{ width:100%; margin-top:10px; display:flex; justify-content: center !important; align-items: center !important;  flex-direction: row !important;}
.cxpropaging span{ display:block; width:12px; height:12px; margin:0 5px; cursor:pointer; background:#E81D2D; border-radius:100%; opacity:1; transition: all 0.3s; }
.cxpropaging span.swiper-pagination-bullet-active{ width:115px; background:#E81D2D; border-radius:10px;}


@media(max-width:1560px){
	.cxprolistall{ max-width:1360px;}
}
@media(max-width:1440px){
	
	.cxprolistall{ max-width:1260px;}
	
	.cxprolist .cxprolistflex .cxprolist_item a{ min-height:500px;}
	.cxprolist .cxprolistflex .cxprolist_item .cxproimg{ height:240px; }
	.cxprolist .cxprolistflex .cxprolist_item .cxproimg img{ width:90%;}
	.cxprolist .cxprolistflex .cxprolist_item .cxprotext .cxprotextbtn{ width:240px; height:48px;}
	.cxprolist .cxprolistflex .cxprolist_item .cxprotext .cxprotextbtn .cxprobtntxt{ font-size:16px;}
	.cxprolist .cxprolistflex .cxprolist_item .cxprotext .cxprotexttit{ font-size:18px;}
	
	.cxprobtn a{ width:50px; height:50px;}
	.cxprobtn a.cxproprve{ left:20px;}
	.cxprobtn a.cxpronext{ right:20px;}
	
	.cxpropaging span.swiper-pagination-bullet-active{ width:80px;}
	
}
@media(max-width:1280px){
	.cxprolistall{ max-width:1160px;}
}
@media(max-width:1160px){
	.cxprolistall{ max-width:90%;}
	
	.cxcertificationsbg .e-con > .e-con-inner, .cxrecommendbg .e-con > .e-con-inner{ max-width:90%;}
	
}
@media(max-width:1024px){
	.cxprolist .cxprolistflex .cxprolist_item a{ min-height:400px;}
	.cxprolist .cxprolistflex{ gap:20px;}
	.cxprolist .cxprolistflex .cxprolist_item{ width:calc(33.3333% - 13.3333px);}
	.cxprolist .cxprolistflex .cxprolist_item .cxproimg{ height:150px;}
	.cxprolist .cxprolistflex .cxprolist_item .cxprotext{ padding:20px;}
	.cxprolist .cxprolistflex .cxprolist_item .cxprotext .cxprotexttit{ font-size:16px; line-height:1.3;}
	.cxprolist .cxprolistflex .cxprolist_item .cxprotext .cxprotextbtn{ width:85%; height: 40px; padding-left:30px;}
	.cxprolist .cxprolistflex .cxprolist_item .cxprotext .cxprotextbtn .cxprobtntxt{ font-size:14px;}
	.cxprolist .cxprolistflex .cxprolist_item .cxprotext .cxprotextbtn .cxprobtnicon{ background-size:10px;}
	.cxprolist .cxprolistflex .cxprolist_item .cxproimg img{ object-fit: contain;}
	.cxprolist .cxprolistflex .cxprolist_item .cxprotext .cxprotextbtn:before{ clip-path: polygon(0 10px,10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);}
	.cxprolist .cxprolistflex .cxprolist_item .cxprotext .cxprotextbtn:after{ clip-path: polygon(0 10px,10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);}
	
	.cxprobtn a{ width:40px; height:40px;}
	
	.cxpropaging span.swiper-pagination-bullet-active{ width:60px;}
}
@media(max-width:768px){
	
	.cxprolistall{ max-width:100%;}
	
	.cxprolist .cxprolistflex .cxprolist_item a{ min-height:200px;}
	.cxprolist .cxprolistflex .cxprolist_item{ width:calc(50% - 10px);}
	.cxprolist .cxprolistflex .cxprolist_item .cxproimg{ height:100px;}
	.cxprolist .cxprolistflex .cxprolist_item .cxprotext{ padding:10px; padding-bottom:15px;}
	.cxprolist .cxprolistflex .cxprolist_item .cxprotext .cxprotexttit{ font-size:14px;}
	.cxprolist .cxprolistflex .cxprolist_item .cxprotext .cxprotextadv dd{ font-size:10px; line-height:1.3; margin-bottom:5px; padding-left:15px;}
	.cxprolist .cxprolistflex .cxprolist_item .cxprotext .cxprotextadv dd:before{ background-size:6px; top:2px;}
	.cxprolist .cxprolistflex .cxprolist_item .cxprotext .cxprotextbtn{ height:30px; padding-left:0; margin-top:10px; justify-content: center;}
	.cxprolist .cxprolistflex .cxprolist_item .cxprotext .cxprotextbtn .cxprobtntxt{ font-size:10px;}
	.cxprolist .cxprolistflex .cxprolist_item .cxprotext .cxprotextbtn .cxprobtnicon{ display:none;}
	.cxprolist .cxprolistflex .cxprolist_item .cxprotext .cxprotextbtn:before{ clip-path: polygon(0 8px,8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);}
	.cxprolist .cxprolistflex .cxprolist_item .cxprotext .cxprotextbtn:after{  clip-path: polygon(0 8px,8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);}
	
	.cxprobtn a.cxproprve{ left:3px;}
	.cxprobtn a.cxpronext{ right:3px;}
	.cxprobtn a{ width:25px; height:25px;}
	
	.cxpropaging{ margin-top:0; }
	.cxpropaging span{ width:8px; height:8px; margin:0 3px;}
	.cxpropaging span.swiper-pagination-bullet-active{ width:40px;}
	
}