.wwo--sec{padding:120px 0;}

.wwo--sec .row{display:flex; align-items:center; flex-direction:column; gap:15px;}

.wwo--sec .row .side-sec-title{margin:0 0 25px 0;}

.wwo--sec .card-grid ul{display:flex; flex-wrap:wrap; list-style-type:none; margin:0 -15px; padding:0; gap:30px 0;}


.wwo--sec .card-grid ul li{padding:0 15px; width:33.33%;}

.wwo--sec .card-grid ul li a{position:relative; display:flex; border-radius:20px; overflow:hidden;}

.wwo--sec .card-grid ul li a img{width:100%; aspect-ratio:1/0.8; object-fit:cover; transition:all ease 0.3s;}

.wwo--sec .card-grid ul li a:hover img{transform:scale(1.05);}

.wwo--sec .card-grid ul li a .card-text{display:flex; border-radius: 20px;
background: linear-gradient(180deg, rgba(0, 28, 85, 0.00) 0%, #001C55 100%); position:absolute; left:0; top:0; right:0; bottom:0; color: #FFF; font-size: 30px; line-height:38px; font-weight: 700; align-items:flex-end; padding:30px 100px 30px 20px;}

.wwo--sec .card-grid ul li a .card-text .icon{line-height:0; position:absolute; right:20px; bottom:20px; transition:all ease 0.2s;}


.wwo--sec .card-grid ul li a:hover .card-text .icon{transform:rotate(45deg);}


.wwo--sec .card-grid ul li.lastcard a{display:flex; align-items:center; justify-content:center; width:100%; height:100%;}

.wwo--sec .card-grid ul li.lastcard a .card-text{background:#5ADBFF; display:flex; align-items:center; justify-content:center; padding:25px; flex-direction:column; gap:20px;}

.wwo--sec .card-grid ul li.lastcard a .card-text i{font-style:normal; color:#000000; font-size:45px; line-height:55px; text-align:center; max-width:300px;}

.wwo--sec .card-grid ul li.lastcard a .card-text .icon{top:20px; bottom:auto;  display:none;}


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

	
	.wwo--sec .card-grid ul li a .card-text .icon{right:10px; bottom:10px;}
	
	.wwo--sec .card-grid ul li a .card-text .icon svg{width:50px; height:50px; line-height:0;}
	
	
	
	
	.wwo--sec .card-grid ul li a .card-text {
    font-size: 20px;
    line-height: 27px;
    padding: 20px 70px 20px 20px;
}
	
	.wwo--sec .card-grid ul li.lastcard a .card-text i {
    
    font-size: 30px;
    line-height: 34px;
  
}
	
	.wwo--sec .card-grid ul li.lastcard a .card-text .graphic svg{width:60px; height:60px;}
	.wwo--sec .card-grid ul li.lastcard a .card-text{gap:10px;}
	
	
}

@media screen and (max-width: 991px){
.wwo--sec {
    padding: 80px 0;
}
	
	.wwo--sec .card-grid ul li
 {
    padding: 0 15px;
    width: 50%;
}

}

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

	.wwo--sec {
        padding: 50px 0;
    }
	
	.wwo--sec .card-grid ul li{width:100%;}
	
	.wwo--sec .card-grid ul li.lastcard a{min-height:250px;}
	
}

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