.evs-items{
	display: flex;
    gap: 12rem;
    align-items: center;
    padding-left: 15%;
}

.evs .year {
    font-weight: 700;
  	font-size: clamp(2.5rem, 2.5vw, 1.5rem);
	color: #fff;
}
.month-flag-container {
    display: flex;
    gap: 1rem;
}
.evs .flag {
    width: 28px;
    height: 28px;
    border-radius: 3px;
    background-size: cover;
    background-position: center;
}
.evs .month-flag-container {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  gap: 6px;
}
.evs .month {
  font-size: 0.95rem;
  opacity: 1;
	color: #fff;
}
.evs .flag {
  width: 28px; height: 18px; border-radius: 3px;
  background-size: cover; background-position: center;
  box-shadow: 0 0 0 1px rgba(255,255,255,.15) inset;
}

/* Content column */
.evs .content .title {
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  font-size: clamp(2.4rem, 2.5vw, 1.5rem);
}
.evs .content .sub-title {
  margin-top: 4px;
  font-size: .95rem;
  opacity: .8;
}
.evs .content .button {
  display: inline-block;
  margin-top: 10px;
  padding: 8px 12px;
  border-radius: 10px;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  transition: background .2s ease;
  background-color: #F90000;
}

.evs .vs-arrow {
  border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    color: #fff;
    display: grid
;
    place-items: center;
    cursor: pointer;
    transition: opacity .2s 
ease, visibility .2s 
ease, background .2s 
ease, transform .12s 
ease;
    z-index: 10;
    left: 18vw;
    visibility: hidden;
    background: rgba(0, 0, 0, .4);
    opacity: 1;
}

.evs:hover .vs-arrow {
  visibility: visible;
  opacity: 1;
}

/* Hide all slides */
.evs .splide__slide .content {
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Show only the next slide */
.evs .splide__slide.is-next .content {
    opacity: 1;
}


.evs .vs-btn--prev { top: var(--nav-offset); }
.evs .vs-btn--next { bottom: var(--nav-offset); }
@media (max-width: 768px) {
	.evs-items {
		display: flex;
		flex-direction: column-reverse;
		gap:2rem;
		align-items: center;
		padding: 0;
		justify-content: center;
	}
	.evs .is-next .content{
        width: max-content;
		text-align: center
	}
	.evs .content .title {
		font-size: clamp(2rem, 2.5vw, 1.5rem);
	}
	.evs .year {
		font-size: clamp(2rem, 2.5vw, 1.5rem);
	}
	.evs .vs-arrow {
	  visibility: visible;
		left: auto;
		top: 59%;
        margin: 2rem;
	}
	.evs .splide__slide .content {
		display:none;
	}
	.evs .splide__slide.is-next .content {
    	display:block;
	}
}