/* Landings Pages */
.landings {text-align:center;}
.landings .landing{text-align:left;}
.landing{padding: 5px; width: 30%; display: inline-grid; min-height:330px;max-width:420px}
.landing-top{display: inline-flex; width: 100%;}
.landing-top .elementor-icon{position: absolute; bottom: 15px; right: 15px; z-index: 2;}
.landings .landing-title{font-weight:800; font-size:1.2em; margin-top:10px; color: #233C58; transition-duration: 0.6s;}
.landing-sp{display: none;}
.landing-link{position:relative}

.landings img{width: 100%; height: 400px; object-fit: cover; transition-duration: 0.6s; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.divlanding-image{ overflow: hidden; margin: 0; padding: 0; background: #fff; height: 400px; width: 100%;}
.landing:hover .landing-title{color: #03BFCF; transition-duration: 0.6s;}
.landing:hover img{-webkit-transform: scale(1.3); transform: scale(1.3); transition-duration:0.6s;}
.landing:hover svg .circle{fill: #03BFCF}
.landing svg{transform: rotate(0deg); transition-duration:0.6s;}
.landing:hover svg{transform: rotate(90deg); transition-duration:0.6s;}

@media screen and (max-width: 1200px) {.landing{width:49%}}
@media screen and (max-width: 650px) {.landing{width:100%; margin-top: 20px;}}