@import url(reset.css);
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap");
h1 {
  font-family: 'Poppins', sans-serif;
  font-size: 80px;
  line-height: 1.2;
  color: #920081; }
  @media only screen and (max-width: 769px) {
         .col-8 {
  width: 50% !important;
}
      
              .col-1 {
  width: 25% !important;
}   

h1 {
      font-size: 40px; } }
h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 50px;
  line-height: 1;
  color: #272A2F; }
  @media only screen and (max-width: 769px) {
    h2 {
      font-size: 30px; } }
h3 {
  font-size: 28px;
  line-height: 1.5;
  font-weight: 500; }
  @media only screen and (max-width: 769px) {
    h3 {
      font-size: 20px; } }
h4 {
  font-size: 20px;
  line-height: 1.5; }
  @media only screen and (max-width: 769px) {
    h4 {
      font-size: 16px; } }
h5 {
  font-size: 15px;
  line-height: 1.5; }

h6 {
  font-size: 12px;
  line-height: 1.5; }

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #F9F2F7;
  padding: 15px 0;
  z-index: 99; }
  @media only screen and (max-width: 769px) {
    header {
      padding: 10px 0; } }
  @media only screen and (max-width: 769px) {
    header .logo {
      width: 100px; } }
  header .menu-wrapper .menu .menu-link {
    margin-right: 24px;
    padding-bottom: 2px;
    font-size: 15px; }
    header .menu-wrapper .menu .menu-link:hover {
      border-bottom: 3px solid #00FFA2; }
  header .menu-mobile {
    width: 90%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: auto;
    right: 0;
    background-color: #00FFA2;
    z-index: 9999;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: all ease .4s;
    transition: all ease .4s; }
    header .menu-mobile.open {
      -webkit-transform: translateX(0);
              transform: translateX(0); }
    header .menu-mobile .menu-wrapper {
      padding: 48px; }
      header .menu-mobile .menu-wrapper .menu-close {
        padding-bottom: 32px; }
        header .menu-mobile .menu-wrapper .menu-close img {
          width: 10%; }
      header .menu-mobile .menu-wrapper .menu-link {
        font-size: 24px;
        display: block;
        padding: 16px 0; }

.header-page {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #F9F2F7;
  padding: 15px 0;
  z-index: 99; }
  @media only screen and (max-width: 769px) {
    .header-page {
      padding: 10px 0; } }
  @media only screen and (max-width: 769px) {
    .header-page .logo {
      width: 100px; } }
  .header-page .menu-wrapper .menu .menu-link {
    margin-right: 24px;
    padding-bottom: 2px;
    font-size: 15px; }
    .header-page .menu-wrapper .menu .menu-link:hover {
      border-bottom: 3px solid #00FFA2; }

footer {
  background-color: #00FFA2;
  padding: 28px 0; }
  @media only screen and (max-width: 769px) {
    footer {
      padding: 32px 0;
      text-align: center; } }
  footer .footer-info {
    font-weight: 700; }
  footer .footer-link {
    text-decoration: underline; }
  footer .footer-social-wrapper img {
    width: 25px; }

/* ======================= Font ======================= */
/* ======================= Commons ======================= */
.btn {
  background-color: #920081;
  color: #F9F2F7;
  padding: 10px 35px;
  border-radius: 25px;
  letter-spacing: 1px; }
  .btn:hover, .btn:focus {
    background-color: #00FFA2; }

.btn-reverse {
  background-color: #00FFA2;
  padding: 5px 20px;
  border-radius: 15px;
  font-size: 15px; }
  .btn-reverse:hover, .btn-reverse:focus {
    background-color: #920081;
    color: #F9F2F7; }

body {
  background-color: #F9F2F7;
  color: #272A2F;
  font-family: 'Roboto Mono', monospace;
  font-weight: 400;
  font-size: 20px; }
  @media only screen and (max-width: 769px) {
    body {
      font-size: 16px; } }
a {
  color: #272A2F;
  text-decoration: none; }
  a:focus, a:hover {
    color: #272A2F; }

.hero {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
  background: #fcc9a2;
  background: linear-gradient(135deg, #fcc9a2 0%, #00ffa2 100%); }
  .hero .hero-content {
    width: 70%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    text-align: center;
    z-index: 10; }
    @media only screen and (max-width: 769px) {
      .hero .hero-content {
        width: 100%; } }
  .hero video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    opacity: 0.6; }
  .hero img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    opacity: 0.6; }

.video_modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: black;
  z-index: -1;
  opacity: 0;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  overflow: hidden; }
  .video_modal::-webkit-scrollbar {
    display: none; }
  .video_modal .video_frame {
    position: relative;
    padding-bottom: 0;
    height: 100%;
    overflow: hidden;
    max-width: 100%;
    width: 70%;
    margin: 0 auto; }
    @media only screen and (max-width: 769px) {
      .video_modal .video_frame {
        width: 80%; } }
    .video_modal .video_frame iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .video_modal .video-close {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1000;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    -webkit-transition: all .4s ease;
    transition: all .4s ease; }
    .video_modal .video-close:hover {
      -webkit-transform: scale(0.86);
              transform: scale(0.86);
      opacity: 0.8; }
    @media only screen and (max-width: 769px) {
      .video_modal .video-close {
        top: 10px;
        right: 10px; } }
  .video_modal.video_open {
    z-index: 999;
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }

.intro {
  padding: 8rem 0;
  text-align: center; }
  @media only screen and (max-width: 769px) {
    .intro {
      padding: 5rem 0 1rem;
      text-align: left; } }
  .intro .icon-wrapper h5 {
    padding: 0 24px; }
    @media only screen and (max-width: 769px) {
      .intro .icon-wrapper h5 {
        padding: 4px 0 0; } }
  @media only screen and (max-width: 769px) {
    .intro .icon-wrapper img {
      width: 30%; } }
  @media only screen and (max-width: 769px) {
    .intro .icon-wrapper {
      display: flex; } }
  @media only screen and (max-width: 769px) {
    .intro .icon-wrapper .icon-text-wrapper {
      padding-left: 24px; } }
.progetto, .come-partecipare {
  padding: 8rem 0;
  overflow: hidden; }
  @media only screen and (max-width: 769px) {
    .progetto, .come-partecipare {
      padding-top: 5rem; } }
  .progetto .picture-wrapper, .come-partecipare .picture-wrapper {
    position: relative; }
    .progetto .picture-wrapper img, .come-partecipare .picture-wrapper img {
      border-radius: 50px; }
    .progetto .picture-wrapper::before, .come-partecipare .picture-wrapper::before {
      content: " ";
      position: absolute;
      top: 60%;
      left: -30%;
      width: 100%;
      height: 100%;
      background-image: url(/images/pattern-green.svg);
      background-repeat: no-repeat; }
    .progetto .picture-wrapper::after, .come-partecipare .picture-wrapper::after {
      content: " ";
      position: absolute;
      top: -10%;
      right: -60%;
      width: 100%;
      height: 100%;
      background-image: url(/images/pattern-yellow.svg);
      background-repeat: no-repeat; }

.docenti {
  background-color: #FFFF84;
  padding: 5rem 5rem 2rem; }
  @media only screen and (max-width: 769px) {
    .docenti {
      padding: 4rem 2rem 1rem; } }
  .docenti .swiper {
    height: 68vh; }
    @media only screen and (max-width: 1025px) {
      .docenti .swiper {
        height: 46vh; } }
    @media only screen and (max-width: 769px) {
      .docenti .swiper {
        height: 68vh; } }
    .docenti .swiper .swiper-slide {
      width: auto;
      height: 55vh; }
      @media only screen and (max-width: 1025px) {
        .docenti .swiper .swiper-slide {
          height: 35vh; } }
      @media only screen and (max-width: 769px) {
        .docenti .swiper .swiper-slide {
          height: 50vh; } }
      .docenti .swiper .swiper-slide img {
        border-radius: 30px;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }

.studentesse {
  background-color: #FFFF84;
  padding: 5rem 5rem 3rem; }
  @media only screen and (max-width: 769px) {
    .studentesse {
      padding: 4rem 2rem 1rem; } }
  .studentesse .swiper {
    height: 51vh; }
    @media only screen and (max-width: 1025px) {
      .studentesse .swiper {
        height: 40vh; } }
    @media only screen and (max-width: 769px) {
      .studentesse .swiper {
        height: 62vh; } }
    .studentesse .swiper .swiper-slide {
      width: auto;
      height: 40vh; }
      @media only screen and (max-width: 1025px) {
        .studentesse .swiper .swiper-slide {
          height: 30vh; } }
      @media only screen and (max-width: 769px) {
        .studentesse .swiper .swiper-slide {
          height: 50vh; } }
      .studentesse .swiper .swiper-slide img {
        border-radius: 30px;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }

.gallery {
  padding: 5rem;
  text-align: center;
  overflow: hidden; }
  @media only screen and (max-width: 769px) {
    .gallery {
      padding: 5rem 0; } }
  .gallery h5 {
    width: 50%;
    margin: 0 auto; }
    @media only screen and (max-width: 769px) {
      .gallery h5 {
        width: 100%; } }
  .gallery .swiper {
    margin-left: 120px;
    height: 62vh; }
    @media only screen and (max-width: 1025px) {
      .gallery .swiper {
        height: 50vh; } }
    @media only screen and (max-width: 769px) {
      .gallery .swiper {
        margin-left: 16px;
        height: 52vh; } }
    .gallery .swiper .swiper-slide {
      width: auto;
      height: 50vh; }
      @media only screen and (max-width: 1025px) {
        .gallery .swiper .swiper-slide {
          height: 40vh; } }
      .gallery .swiper .swiper-slide img {
        border-radius: 30px;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }

.location {
  background-color: #00FFA2; }

/* =========== Frecce sliders ============ */
.swiper-button-next, .swiper-button-prev {
  top: 90%; }

.swiper-button-prev {
  width: 40px; }
  .swiper-button-prev::after {
    content: '';
    background-image: url("/images/left.svg");
    background-repeat: no-repeat;
    width: 100%;
    height: 100%; }

.swiper-button-next {
  right: auto;
  left: 5%;
  width: 40px; }
  .swiper-button-next::after {
    content: '';
    background-image: url("/images/right.svg");
    background-repeat: no-repeat;
    width: 100%;
    height: 100%; }
  @media only screen and (max-width: 1025px) {
    .swiper-button-next {
      left: 7%; } }
  @media only screen and (max-width: 769px) {
    .swiper-button-next {
      left: 16%; } }
.intervista {
  padding: 5rem 0; }

.interviste-studentesse {
  padding: 5rem 0;
  background-color: #00FFA2; }

.candidati {
  padding: 8rem 0 2rem;
  text-align: center;
  background: linear-gradient(1200deg, #fcc9a2 0%, #00ffa2 100%); }
  @media only screen and (max-width: 769px) {
    .candidati {
      padding: 5rem 0; } }
  .candidati h3 {
    padding: 0 24px; }
  .candidati .nota {
    font-size: 11px;
    padding: 8rem 24px 0; }
    @media only screen and (max-width: 769px) {
      .candidati .nota {
        padding: 5rem 24px 0; } }
.promoters {
  padding: 8rem 0; }
  @media only screen and (max-width: 769px) {
    .promoters {
      padding: 5rem 0 1rem; } }
  .promoters h2 {
    padding-bottom: 5rem; }
    @media only screen and (max-width: 769px) {
      .promoters h2 {
        padding-bottom: 3rem; } }
  .promoters .promoter-wrapper img {
    height: 100px; }
  .promoters .promoter-wrapper h5 {
    padding-right: 32px; }
  .promoters .logo-fineco {
    width: 320px; }
  .promoters .logo-donne {
    width: 220px; }
  .promoters .logo-dax {
    width: 180px; }
  .promoters .partners {
    padding: 5rem 0; }
    .promoters .partners h4 {
      padding-bottom: 3rem; }
    .promoters .partners .sponsor-wrapper {
      mix-blend-mode: multiply; }
      @media only screen and (max-width: 769px) {
        .promoters .partners .sponsor-wrapper {
          width: 100px;
          height: 100px; } }
      @media only screen and (max-width: 769px) {
        .promoters .partners .sponsor-wrapper .logo-sanna {
          width: 100px;
          height: 100px; } }
.stampa {
  background-color: #FCC9A2;
  padding: 8rem 0; }
  @media only screen and (max-width: 769px) {
    .stampa {
      padding: 5rem 0 1rem; } }
  .stampa h2 {
    color: #920081;
    padding-bottom: 5rem; }
    @media only screen and (max-width: 769px) {
      .stampa h2 {
        padding-bottom: 3rem; } }
  .stampa .logos-wrapper {
    display: flex;
    justify-content: space-around;
    align-items: center; }
    .stampa .logos-wrapper img {
      width: 90%;
      display: block;
      text-align: center;
      margin: 0 auto;
      mix-blend-mode: multiply;
      -webkit-transition: all ease .4s;
      transition: all ease .4s; }
      .stampa .logos-wrapper img:hover {
        opacity: 0.6; }
      @media only screen and (max-width: 769px) {
        .stampa .logos-wrapper img {
          width: 80%; }
          
      }