@media screen and (min-width:768px){.surrondings-widget__cards.swiper-wrapper{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:4rem}}.surrondings-widget__cards .surronding-card{border-radius:2rem;overflow:hidden;position:relative}.surrondings-widget__cards .surronding-card .icon{background-color:#359dd8;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:5.6rem;height:5.6rem;border-radius:100%;position:absolute;right:2rem;top:1.6rem}.surrondings-widget__cards .surronding-card .icon svg{width:1.8rem}.surrondings-widget__cards .surronding-card .card-title{font-size:1.8rem;line-height:2rem;font-weight:400;color:#fff;background-color:#1b648d;border-radius:10rem;position:absolute;top:2.4rem;left:2.2rem;z-index:9;padding:.8rem 1.6rem}.surrondings-widget__cards .surronding-card .overlay{transform:translateY(100%);opacity:0;transition:all .5s ease;border-bottom:.8rem solid #1b648d;background:#bfdef0;position:absolute;top:0;left:0;width:100%;height:100%}.surrondings-widget__cards .surronding-card .overlay .description{font-size:2rem;line-height:3.2rem;color:#0c1b40;padding:9rem 3rem 3rem}@media screen and (min-width:768px){.surrondings-widget__cards .surronding-card:hover .overlay{transform:translateY(0);opacity:1}}.surrondings-widget__cards .surronding-card.active .overlay{transform:translateY(0);opacity:1}@media screen and (max-width:767.89px){.surrondings-widget__cards .surronding-card{border-radius:2.4rem}.surrondings-widget__cards .surronding-card .icon{width:4.8rem;height:4.8rem}.surrondings-widget__cards .surronding-card .card-title{font-size:1.4rem;line-height:1.4rem;left:2rem}.surrondings-widget__cards .surronding-card .overlay .description{font-size:1.4rem;line-height:2rem;padding:9rem 2rem 2rem}}@media screen and (max-width:767.89px){.surrondings-widget__cards{width:100%;height:auto}.surrondings-widget .swiper{width:calc(100% + 2rem);padding-right:2rem;padding-bottom:3.2rem}.surrondings-widget .swiper .swiper-pagination{bottom:0}.surrondings-widget .swiper .swiper-pagination .swiper-pagination-bullet{width:4.4rem;height:.4rem;border-radius:5rem;margin:0 .3rem!important;background-color:#d9d9d9;opacity:1}.surrondings-widget .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#359dd8}}