#header .resizer{
  width: 100%;
}

#header .imgContainer{
  padding-top: 100%;
}

#annoscolastico .annoCard{
  border-radius: 29px;
}
#annoscolastico .annoCard:not(:first-child){
  margin-top: 1rem;
}

#sezioneExchange, #sezioneYouChoose{
  position: relative;
}

#sezioneExchange .badge-youabroad,
#sezioneYouChoose .badge-youabroad{
  position: absolute;
  top: -3%;
  left: 5%;
  z-index: 10;
}

#sezioneExchange .badge-youabroad .badge-text,
#sezioneYouChoose .badge-youabroad .badge-text {
  position: absolute;
  top: 25%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.2rem;
}

#sezioneExchange .resizer, #sezioneYouChoose .resizer{
  width: 68%;
  margin: auto;
}

#sezioneExchange .imgContainer, #sezioneYouChoose .imgContainer{
  padding-top: 110%;
}

#sezioneExchange .bigText, #sezioneYouChoose .bigText{
  font-size: 13rem;
  opacity: 0.2;
  mix-blend-mode: multiply;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  transform: translateX(-1rem);
}

#programmaExchange .programmaList ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#programmaExchange .programmaList li{
  flex: 0 0 calc(50% - (15px / 2));
  background: var(--grey);
  padding: 1rem;
  line-height: 1.5em;
  margin-top: 1rem;
  border-radius: 29px;
}

#programmaExchange .programmaList li strong{
  display: block;
  font-weight: 600;
}

#programmaExchange .resizer{
  width: 90%;
  margin: auto;
}

#programmaExchange .imgContainer{
  padding-top: 70%;
}

.accordionCard{
  border-radius: 11px;
}

#altreDestinazioni .resizer{
  width: 80%;
  margin: auto;
  overflow: hidden;
  border-radius: 100%;
  position: relative;
}

#altreDestinazioni .imgContainer{
  padding-top: 100%;
}

#altreDestinazioni .swiper{
  z-index: 1;
}

#altreDestinazioni .swiper-pagination{
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

#altreDestinazioni .swiper-button-prev{
  -webkit-transform: translateX(-250%);
  -moz-transform: translateX(-250%);
  -o-transform: translateX(-250%);
  transform: translateX(-250%);
  z-index: 2;
}

#altreDestinazioni .swiper-button-next{
  -webkit-transform: translateX(250%);
  -moz-transform: translateX(250%);
  -o-transform: translateX(250%);
  transform: translateX(250%);
  z-index: 2;
}

#altreDestinazioni .swiper-button-prev, #altreDestinazioni .swiper-button-next{
  color: var(--lightPurple);
  z-index: 3;
}

#altreDestinazioni .swiper-button-prev::after, #altreDestinazioni .swiper-button-next::after{
  border-color: var(--lightPurple);
}

#altreDestinazioni .swiper-button-prev:hover, #altreDestinazioni .swiper-button-next:hover{
  color: var(--purple);
}

#altreDestinazioni .altraDestCard:hover .resizer::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--lightRed);
  opacity: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

#altreDestinazioni .altraDestCard:hover:hover .resizer::before{
  content: "";
  opacity: 0.3;
  z-index: 3;
}

#altreDestinazioni .altraDestCard:hover .resizer img{
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: scale(1.2); 
  -moz-transform: scale(1.2); 
  -o-transform: scale(1.2); 
  transform: scale(1.2); 
}


#altreDestinazioni .altraDestCard:hover:hover .resizer img{
  -webkit-transform: scale(1.2); 
  -moz-transform: scale(1.2); 
  -o-transform: scale(1.2); 
  transform: scale(1.2); 
}

.bigSvg img{
  mix-blend-mode: multiply;
  width: 98%;
}

#sezioneExtra .imgContainer{
  padding-top: 116%;
}

@media (max-width: 1199px) {
  #programmaExchange .programmaList li{
    flex: 0 0 calc(100% - (15px / 2))
  }

  #sezioneExtra .imgContainer {
    padding-top: 70%;
  }

  #sezioneExchange .imgContainer, #sezioneYouChoose .imgContainer {
    padding-top: 62%;
  }
  
  #sezioneExchange .resizer, #sezioneYouChoose .resizer {
    width: 100%;
    margin: auto;
  }

  #programmaExchange .resizer {
    width: 100%;
  }
}

@media(max-width: 991px){
  .badge-youabroad{
    width: 7rem;
  }
  .bigSvg{
    display: none;
  }
  #header .imgContainer {
    padding-top: 70%;
  }
  #sezioneExtra .imgContainer {
    padding-top: 76%;
  }
  #sezioneExchange .resizer, #sezioneYouChoose .resizer {
    width: 100%;
    margin: auto;
  }

  #sezioneExchange .imgContainer, #sezioneYouChoose .imgContainer {
    padding-top: 76%;
  }

  #programmaExchange .resizer {
    width: 100%;
  }

  #altreDestinazioni .swiper-button-next {
    -webkit-transform: translateX(180%);
    -moz-transform: translateX(180%);
    -o-transform: translateX(180%);
    transform: translateX(180%);
  }
  #altreDestinazioni .swiper-button-prev {
    -webkit-transform: translateX(-180%);
    -moz-transform: translateX(-180%);
    -o-transform: translateX(-180%);
    transform: translateX(-180%);
  }

  
}

@media (max-width: 767px) {
  .swiper-button-next{
    right: 1.5rem;
  }
  .swiper-button-prev{
    left: 1.5rem;
  }
  
  #header .imgContainer {
    padding-top: 100%;
  }

  #programmaExchange .resizer {
    width: 90%;
  }

  #sezioneExchange .imgContainer, #sezioneYouChoose .imgContainer{
    padding-top: 110%;
  }
  #altreDestinazioni .swiper-button-next {
    -webkit-transform: translateX(250%);
    -moz-transform: translateX(250%);
    -o-transform: translateX(250%);
    transform: translateX(250%);
  }
  #altreDestinazioni .swiper-button-prev {
    -webkit-transform: translateX(-250%);
    -moz-transform: translateX(-250%);
    -o-transform: translateX(-250%);
    transform: translateX(-250%);
  }

  #sezioneExtra .imgContainer {
    padding-top: 116%;
  }
}

@media (max-width: 576px) {
  .swiper-button-next{
    right: 1rem;
  }
  .swiper-button-prev{
    left: 1rem;
  }
}

@media (min-width: 1200px){

}