.front-swiper-split__grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
}

.front-swiper-split__col--content h2 {
    
}

.front-swiper-split__col{ min-height: 420px; }

.front-swiper-split__col--slider .swiper{
  width:100%;
  height:100%;
  overflow:hidden;
}
.front-swiper-split__col--slider .swiper-wrapper{
  display:flex;
}
.front-swiper-split__col--slider .swiper-slide{
  width:100% !important;
  flex-shrink:0;
}
.front-swiper-split__col--slider .swiper-slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.front-swiper-split__col--content{
  background: url(../../../images/bg-evento.png) no-repeat center/cover;
  padding: clamp(20px, 4vw, 56px);
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.swiper-pagination {
    display: flex !important;
    justify-content: end !important;
    padding: 0 20px !important;
}

.swiper-pagination-bullet {
    width: 15px !important;
    height: 15px !important;
    border: 1px solid #fff !important;
    background: none !important;
}

.swiper-pagination-bullet-active {
    background: #fff !important;
}




@media (max-width: 1676px) {
	.page-template-template-homepage  .front-swiper-split__col .description {
			width: 652px !important;
	}

	.page-template-template-homepage .front-swiper-split__grid {
		grid-template-columns: 50% 50% !important;

	}

	.page-template-template-homepage .swiper-fade .swiper-slide {
		height: 100% !important
	}	
	
}
@media (max-width: 1390px) {
	.page-template-template-homepage  .front-swiper-split__col .description {
			width: 587px !important
	}	
}

@media (max-width: 991px){
  .front-swiper-split__grid{
    grid-template-columns: 1fr;
  }
	.page-template-template-homepage .front-swiper-split__grid {
		grid-template-columns: 100% !important;
	}
	.page-template-template-homepage .front-swiper-split__col .description {
        width: 100% !important;
    }	
	.page-template-template-homepag .swiper-wrapper ,
	.swiper-wrapper {
		height: 100% !important
	}
  .front-swiper-split__col--content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .front-swiper-split__col{ 
    min-height: auto; 
  }
}