#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: 50%;
  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(100% - (15px / 2));
  padding: 1rem 0;
  line-height: 1.5em;
  margin-top: .5rem;
  cursor: pointer;
  border-bottom: 1px dashed #707070;
}

#programmaExchange .programmaList li strong {
  display: block;
  font-weight: 600;
  color: var(--purple);
  display: flex;
  align-items: center;
}

#programmaExchange .programmaList li strong::after {
  content: "+";
  display: inline-block;
  margin-left: auto;
  color: purple;
  font-family: FontAwesome;
  font-size: 2rem;
}

#programmaExchange .programmaList li strong[aria-expanded='true']::after {
  content: "-";
  display: inline-block;
  margin-left: auto;
  color: purple;
  font-family: FontAwesome;
  font-size: 2rem;
}

#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: 1800px) {

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