* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

@font-face {
    font-family: 'IntroScriptR';
    src: url('../font/IntroScriptR.woff') format('woff');}

/*general*/
html {/* font-size: 62.5%*/ font-size: 10px; outline: none; }
body { font-family: "Poppins", sans-serif; color: #555555; font-weight: 400; background-color: #fff; letter-spacing:.5px }
.body { background-color: #fff; max-width: 300rem; margin: 0 auto; overflow: hidden; }
ul, li, h1, h2, h3, h4, h5, p { list-style: none; }
a { font-size: 1.6rem; text-decoration: none; color: #555555; outline: none }
a:focus, input:focus, textarea:focus, select:focus, label:focus {outline: none!important }
p, ul, li { line-height: 1.8; font-size: 1.6rem; }
.container { max-width: 135rem; margin: 0 auto; padding: 0 2%; width: 100%; }
button { color: #555555; font-size: 1.6rem; cursor: pointer; background-color: transparent; border: none; font-family: "Poppins", sans-serif;}
input, textarea, select { font-size: 1.8rem; ; font-weight: 600; font-family: "Poppins", sans-serif;}
.font { font-family: 'IntroScriptR'; font-weight:lighter; }
.br { border-radius:2.5rem }
.center { text-align: center; }
.clear { clear: both; }
.float { float:left; }
.floatr { float:right; }
.flex { display: flex; flex-wrap: wrap; }
.clearfix::after { content:""; display: table; clear: both; }
.upper { text-transform: uppercase; }
.pr { position:relative; }
.oh { overflow:hidden; }

/*colors*/
.fff {color: #fff}
.bgfff { background-color:#fff }
.blu2 { color:#3F69DC }
.blu { color:#012B6D }
.bgblu { background-color:#012B6D }
.bgblu2 { background-color:#3F69DC }
.red { color:#DC3F57 }
.bgred { background-color:#DC3F57 }
.bgeee { background-color:#F7F5F5 }
.green { color:#20BD56 }

/*fontsize*/
.w600 { font-weight:600 }
.w500 { font-weight:500 }
.w400 { font-weight:400 }
.w300 { font-weight:300 }

.t80 { font-size:8.2rem; line-height:1 }
.t75 { font-size:7.5rem; line-height:1.2 }
.t55 { font-size:5.5rem; line-height:1.2 }
.t50 { font-size:5rem; line-height:1.2 }
.t40 { font-size:4rem; line-height:1.2 }
.t30 { font-size:3rem; line-height:1.2 }
.t35 { font-size:3.5rem; line-height:1.2 }
.t25 { font-size: 2.5rem }
.t20 { font-size: 2rem; line-height:1.3 }
.t18 { font-size: 1.8rem!important }
.t16 { font-size: 1.6rem }
.t14 { font-size: 1.4rem }

.mw60 { max-width:60rem; margin:0 auto; }

.mt1 { margin-top:1rem }
.mt2 { margin-top:2rem }
.mt3 { margin-top:3rem }
.mt4 { margin-top:4rem }
.mt5 { margin-top:5rem }
.mt6 { margin-top:6rem }
.mt8 { margin-top:8rem }
.mt9 { margin-top:9rem }
.mt10 { margin-top:10rem }
.mb1 { margin-bottom:1rem }
.mb2 { margin-bottom:2rem }
.mb3 { margin-bottom:3rem }
.mb4 { margin-bottom:4rem }
.mb5 { margin-bottom:5rem }
.mb6 { margin-bottom:6rem }
.mb8 { margin-bottom:8rem }
.mb10 { margin-bottom:10rem }

.pad { padding:6rem 0 }

.opt { object-position:top center; }
.opb { object-position:bottom center; }
.ojf { object-fit:cover; object-position:center; height:100%; width:100% }
.multi { mix-blend-mode: multiply; }
.overlay { mix-blend-mode: overlay; }
.screen { mix-blend-mode: screen; }

.tsha { text-shadow:0 3px 6px rgba(0, 0, 0, .16); }

.cta { text-transform: uppercase; font-size: 1.5rem; font-weight: 600; transition: .2s; display: inline-block; padding:1.2rem 2.5rem; border-radius:5rem }
.cta img { margin: .4rem .6rem 0 0; vertical-align:top; }

.ctahover { display: inline-flex; position:relative; }
.ctahover::after { transition: .3s; content:""; background-image:url(../img/cta.svg); position:absolute; top:0; height:100%; width:9.2rem; background-size: contain; background-repeat: no-repeat; right:0 }
.ctahover .cta { z-index:1 }
.ctahover:hover::after { right:-5rem }

/*padding/margin*/
.wt100 { width:100% }
.ojf { width:100%; height:100%; object-fit:cover; }
.opt { object-position:center top!important; }
.opc { object-position:0!important }

/*TOP BUTTON*/
.div-back-to-top { cursor: pointer; transition: .3s; max-width: 300rem; width: 100%; left: 0; right: 0; bottom: 0; margin: 0 auto; position: fixed; z-index: 10000; }
.back-to-top { transition: .3s; position: absolute; z-index: 2; bottom: 2rem; right: 2rem; }
.back-to-top img { transition: .3s; width: 5.2rem;}
.back-to-top:hover {cursor: pointer; }

header { text-align: center; padding: 2rem 0; z-index: 10; z-index:10; width: 100%;}
header .logo { width: 12.5rem; margin: 0 2rem }
header .logo img { width:100% }
header .menu { align-items: center; justify-content:center; }
header .menu2 { margin-right: -6rem; align-items: center; transition: .3s; }
header .menu li a { opacity: .8; color: #012B6D; font-weight: 500; transition: .3s; position: relative; font-size:1.5rem; text-transform:uppercase; }
header .menu2 li { margin: 0 2.5rem }
header .menu li a.active { color: #D9000C }
header .menu li a:hover { opacity: 1}
header .cta { position:absolute; right:2rem }

.menuresponsive, .sidenav, .logo-mobile { display: none; }

.sticky { padding: .5rem 0; box-shadow: 0 0 20px rgba(0, 0, 0, .2); background-color: rgba(255, 255, 255, .9); position: fixed; transition: 1s; width: 100%; top: 0; max-width: 300rem; }
.hidden-sticky { }
.sticky .logo { transition: .3s; width:10rem }
.trans { transition:.6s }
.sticky .dropdown-content { padding-top:4.54rem; }
.sticky .dropdown-content .bgfff { border-radius: 0 0 .5rem .5rem  }

.main { height: 66rem; display:flex; flex-direction:column; justify-content:flex-end; }
.main .txt { flex-direction:column; align-items:flex-start; margin-bottom:11rem }
.main .txt .tit { padding:1rem 2rem; }
.main .bg { position: absolute; top: 0; z-index: 1; left: 0; width: 100%; height: 100%; background-color:rgba(255, 255, 255, .1); }
#splide3 { position: absolute; width: 100%; height: 66rem; padding: 0 2rem }
#splide3 .my-arrows {position: absolute; bottom: 50%; margin: 0 auto; padding: 0 2%; width: 100%; z-index: 3; left: 0; right:0 }
#splide3 .my-arrows button:focus {outline: none;}
#splide3 .my-prev { background-image:url(../img/prev.svg); left:2% }
#splide3 .my-next { right: 2%; position: absolute; background-image:url(../img/next.svg); }
#splide3 .my-prev, #splide3 .my-next { width: 6.5rem; height: 6.5rem; border-radius: 0; background-color: transparent; transition: .3s; opacity: 1; cursor: pointer; background-repeat:no-repeat; background-position: center;}
#splide3 .my-prev:hover , #splide3 .my-next:hover { opacity:1 }
#splide3 .my-prev svg, #splide3 .my-next svg { fill:transparent; }
#splide3 .img, #splide3 .splide__track { width: 100%; height: 66rem; object-fit: cover; object-position: center;}
#splide3 .splide__pagination { display: block; text-align: center; width: 100%!important; bottom: 3rem; height: 6rem; z-index: 1}
#splide3 .splide__pagination__page { border-radius: 0; background: #fff; opacity: 0.5; width: 5rem; height: 3px; margin: 5px;cursor: pointer;display: block;}
#splide3 .splide__pagination__page:focus {outline: none;}
#splide3 .splide__pagination__page.is-active {background: #fff; opacity: 1; transform: inherit;}
.splide__slide { position:relative; }

.main .rabbit { box-shadow: 0 3px 10px rgba(0, 0, 0, .1); transition: .3s; bottom: -5rem; margin: 0 auto; width: 4rem; border-radius: 5rem; background-color: #fff; padding: 2rem 2.5rem 1rem; position:absolute; left:0; right:0; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.main .rabbit:hover { box-shadow: 0 0 20px rgba(0, 0, 0, .2); }
.bunny {
    position: relative;
    animation: jump 1.6s ease-in-out infinite;
  }

  @keyframes jump {
    0%, 10% {
      transform: translateY(0); /* fermo a terra */
    }
    40% {
      transform: translateY(-10px); /* salto verso l’alto */
    }
    70%, 100% {
      transform: translateY(0); /* atterra e resta fermo */
    }
  }

.quadretti { margin: 4rem 0; background-image:url(../img/quadretti.jpg); background-size: 1920px }
.mw80 { max-width:85rem; margin:0 auto; }
.quadretti .cuore { position:absolute; top:-1rem; left:0 }
.quadretti .fumetto { position:absolute; bottom:-1rem; right:0 }

.txt-img .txt { width:46%; padding-left:4% }
.txt-img .img { width:50%; position:absolute; top:0; right:0 }
.lista li::before { content:''; background-image: url(../img/list-cuore.svg); background-size: contain; width: 1.5rem; height: 2rem; position:absolute; left:0; top:.5rem }
.lista li { position: relative; font-weight:600; padding-left:2.5rem; margin-bottom:1rem }

.corsi-txt { margin:8rem 0 }
.corsi-txt .scara { position:absolute; top:-1rem; left:0 }
.corsi-txt .flower { position:absolute; bottom:-1rem; right:0 }

.accordion { border-radius:2rem; overflow:hidden; margin-bottom: 4rem }
.text_opennew { display: none; }
.accordion .tit { line-height: 1.1; flex-wrap: nowrap; padding-bottom: 1.5rem; margin-bottom: 1.5rem; align-items: flex-start; border-bottom:2px solid rgba(255, 255, 255, .2); }
.accordion .tit img { margin-right:.8rem; margin-top:-2px }
.accordion .txt { padding: 3rem; width:calc(100% - 7.4rem); position:relative; }
.accordion.unico .txt { width: 100% }
.accordion .btnmore { display: flex; align-items: center; justify-content: center; right: -7.4rem; top: 0; background-color: #DC3F57; width: 7.4rem; position: absolute; height: 100%; cursor: pointer; }
.accordion .showhidenew img { margin: 0; transition: 1s; width: 3rem; }
.accordion .text_opennew .content { padding: 3rem 3rem 1rem; gap:2%; justify-content:center; }
.accordion .text_opennew .box { padding: 2rem; width: 32%; flex-direction:column; margin-bottom:2% }
.accordion .text_opennew .box img { width:100%; transition:.2s }
.accordion .ckeditor, .accordion .ckeditor p { font-size:1.4rem }
.accordion .text_opennew .box { transition: .2s; box-shadow: 0 0 20px rgba(0, 0, 0, .05); }
.accordion .text_opennew .box:hover { box-shadow: 0 0 20px rgba(0, 0, 0, .2); }
.accordion .text_opennew .box:hover img { opacity:.9 }
.accordion .btnmore .scopri { display:none; }

.accordion, .open-close, .text_opennew {
  overflow-anchor: none;
}

.fancybox__backdrop { background:rgba(63, 105, 220, .95)!important; }
.fancybox__content { padding: 2.5rem!important; box-shadow: 0 0 20px rgba(0, 0, 0, .15); border-radius:2rem!important;}
.f-button.is-close-btn { opacity: 1; background: fff!important; }
.f-button.is-close-btn img { width:3.5rem!important }
.fancybox__content > .f-button.is-close-btn { opacity:1!important }
.f-button.is-close-btn svg { display:none; }
.fancybox__content .ckeditor, .fancybox__content .ckeditor p { font-size:1.5rem }

.ckeditor ul { margin:1.5rem 0 }
.ckeditor li::before { content:''; background-image: url(../img/list.svg); background-size: contain; background-repeat: no-repeat; width: 2rem; height: 2rem; position:absolute; left:0; top:.5rem }
.ckeditor li { font-size: 1.5rem; position: relative; font-weight:600; padding-left:2.5rem; margin: .5rem 0 }

.fancybox__content .img { display:flex; }

.fancybox__content .img { float: right; width: 300px; margin: 0 0 2rem 2rem; border-radius: 8px; }
.fancybox__content .cta { display: inline-block; clear: both; }

.img-txt img { width: 27rem}
.img-txt .txt { width: calc(100% - 30rem); text-align:left; }
.img-txt { padding-bottom: 4rem; max-width: 110rem; margin: 0 auto; justify-content:space-between; align-items:center; }

.quadretti .t40.flex { align-items:center; justify-content:center; }

.boxes { justify-content:space-between; margin:8rem 0 }
.boxes .cl50 { margin-bottom: 1%; width:50%; }
.boxes .cl25 { margin-bottom: 1%; width:24%; }
.boxes .cl { padding:2rem; position:relative; display:flex; justify-content: center; flex-direction:column; }
.boxes .cl .icon { position:absolute; top:2rem; right:2rem }

.contatti { padding:8rem 0 16rem }
.contatti .container { justify-content:space-between; }
.contatti .container .rev { text-align:right; }
.contatti .box { width:48% }
.contatti .lista { margin: 1rem 0; display: flex; align-items: center; font-weight:600 }
.contatti .lista img { width:4.9rem; }
.contatti .lista span { margin: 0 1rem }
.contatti .container .rev .lista { justify-content: flex-end; }

/*form2*/
.contact_form2 { margin-top:-10rem; }
.contact_form2 .content { box-shadow: 0 3px 20px rgba(0, 0, 0, .16); max-width:90rem; background-color: #3F69DC; width: 90%; margin:0 auto; border-radius: 2rem; border:1px solid rgba(255, 255, 255, .25); padding:4rem 5rem }
.form2 { margin-top:3rem }
.form2 input, .form2 textarea, .form2 select { text-transform: uppercase; font-weight: 400; font-size: 1.4rem; letter-spacing: 1px; margin-bottom: 2rem; border: 0; width:100%; background-color:rgba(255, 255, 255, .08); border-radius:0; border: 1px solid #fff; padding:1.5rem; color:#fff }
.form2 select { text-transform:inherit; }
input::placeholder {
  color: #fff;
  opacity: .8;
}

input::-webkit-input-placeholder { /* Chrome, Safari, Opera */
  color: #fff;
  opacity: 1;
}

input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

input::-ms-input-placeholder { /* Edge Legacy */
  color: #fff;
}
.form2 .cl50 { width:48.5% }
.form2 .cl100 { width:100% }
.form2 .cl30 { width:31.33% }
.form2 .inputs { justify-content:space-between; }
.select-wrapper { width: 100%;
      position: relative;
      display: inline-block;
    }
    .custom-select {
      color: #fff;
      background-color: rgba(0, 0, 0, 0.1);
      border: 1px solid #fff;
      padding: 10px;
      border-radius: 5px;
      font-size: 16px;
      appearance: none; /* Rimuove lo stile predefinito */
      width: 200px; /* Imposta la larghezza desiderata */
    }
    .custom-select option {
      color: #000; /* Testo nero per le opzioni */
      background-color: #fff; /* Sfondo bianco per le opzioni */
    }
    /* Freccia personalizzata con immagine */
    .select-wrapper::after {
      content: '';
      position: absolute;
      right: 15px;
      top: 40%;
      transform: translateY(-50%);
      width: 20px; /* Larghezza dell'icona */
      height: 20px; /* Altezza dell'icona */
      background-image: url(../img/select.svg); /* Sostituisci con il link dell'immagine */
      background-size: contain;
      background-repeat: no-repeat;
      pointer-events: none;
    }

.input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}

.input-wrapper .calendar {
  width: 100%;
  padding-right: 40px; /* spazio per l’icona */
  box-sizing: border-box;
}

/* icona del calendario */
.input-wrapper::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 1.7rem;
  width: 20px;
  height: 20px;
  background: url(../img/calendar.svg) no-repeat center;
  background-size: contain;
  pointer-events: none;
}

.partecipante { padding:2rem 2rem 1rem; border:1px dashed #fff; }


.footer2 p, .footer2 a { font-size:1.4rem; color:#fff }
.footer2 a:hover { color: #DC3F57 }
.footer2 .red { color:#DC3F57 }
.footer2 { padding:10rem 0 }
.footer2 .credits { margin-top: 3rem; }
.footer2 .sitemap { margin-top: 3rem; justify-content:center; align-items:center; gap:4rem; }
.footer2 .sitemap a { text-transform: uppercase; font-weight:600 }
.footer2 .img1 { position:absolute; top:-2rem; left:0 }
.footer2 .img2 { position:absolute; bottom:-2rem; right:0 }

.error { text-align: center; min-height:80vh; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.error h1 { font-size:15rem }

/*-------------------------style check & radio box-------------------------*/
/*style check box*/
.containercheck { text-align: left; width: 100%;
  margin: 1rem 0 2rem; font-size: 1.4rem;
  display: block;
  position: relative;
  padding-left: 3rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.containercheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: -1px;
  left: 0;
  height: 2rem;
  width: 2rem;
  background-color: #fff;
  border-radius: 1px; border: 1px solid #E3E3E3;
}

/* On mouse-over, add a grey background color */
.containercheck:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.containercheck input:checked ~ .checkmark {
  background-color: #5D5758;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.containercheck input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.containercheck .checkmark:after {
  left: 0.6rem;
  top: 0.3rem;
  width: 0.4rem;
  height: .8rem;
  border: solid white;
  border-width: 0 0.2rem 0.2rem 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media (max-width: 1400px) {
html { font-size:9px }
}

@media (max-width: 1200px) {
html { font-size:9.5px }
header .menu2 li, header .cta { display:none; }
header .menuresponsive { position:absolute; right:2rem }
header { padding:1rem 0 }
.main .txt { align-items:center; }
header .menu2 { margin:0 }
.logo-mobile { display:block; text-align: center; position:absolute; top:10rem; left:0; right:0; margin:0 auto; }
.menuresponsive { margin-top:4px }
.menuresponsive, .sidenav { display: block; }
#mySidenav { display: block; z-index: 1000; height: 100%; width: 0; position: fixed; z-index:1; top: 0; right: 0; overflow-x: hidden; transition: 0.2s; }
#mySidenav .bg a { font-size:2rem }
#mySidenav .bg li { margin:1.5rem 0 }
#mySidenav .closebtn img { width:3.5rem }
.sidenav .bgcolor { width:0; opacity:.4; height:100vh; overflow: hidden; position:absolute; right:0 }
.sidenav .menu3 { text-align:left; }
#mySidenav .bg { background: #3F69DC; overflow-y: scroll; width: 100%; margin: 0; height:100vh; padding:8rem 4rem }
#mySidenav .bg a, #mySidenav .bg p { color:#fff }
#mySidenav .closebtn { position: absolute; top: 0; right: 0; padding: 2rem; text-align: right; margin:0; width:100% }
#mySidenav .bg li a { text-transform: uppercase; font-size:2rem; padding-bottom: 1.5rem; display:block; }
#mySidenav .bg li:last-child { border:0; display:flex }
#mySidenav .bg li a.cta { margin-left:0; padding-bottom:.8rem }
#mySidenav .bg li { border-bottom:1px solid rgba(255, 255, 255, .2); }

.quadretti .cuore { left:2rem }
.quadretti .fumetto { right:2rem }

.txt-img .txt { width:100%; padding: 0 2% }
.txt-img .img { position:relative; width:100%; margin-top:6rem; margin-bottom:-4px }
.txt-img { padding-bottom:0 }
}

@media (max-width: 1024px) {
.quadretti { text-align:center; }
.quadretti .cuore { position:relative; top:inherit; left:inherit; margin-bottom: 2rem; width:5rem }
.quadretti .fumetto { display:none; }
.corsi-txt { text-align:center; margin:6rem 0 }
.corsi-txt .scara { position:relative; left:inherit; top:inherit; width:5rem; margin-bottom:3rem }
.corsi-txt .flower { position:relative; right:inherit; bottom:inherit; width:5rem; margin-top:3rem }
.quadretti .t40.flex { flex-direction:column; }
.quadretti .t40.flex img { width:5rem; margin-bottom:2rem }
#about .img-txt { flex-direction:column; text-align:center; }
#about .img-txt img { width:22rem; margin:1.5rem 0 3rem }
#about .img-txt .txt { text-align:center; }

.boxes .cl50 { width:49.5% }
.boxes .cl25 { width:49.5% }
.boxes .uno { order:1 }
.boxes .due { order:2 }
.boxes .tre { order:3 }
.boxes .qua { order:4 }
.boxes .cin { order:6 }
.boxes .sei { order:5 }

.footer2 .img1 { top:-3rem; left: 2rem; width:5rem }
.footer2 .img2 { top:-3rem; right: 2rem; width:5rem; bottom:inherit; }
.footer2 .sitemap { flex-direction:column; gap:1rem }
.footer2 { padding-top:6rem }
}

@media (max-width: 768px) {
.img-txt .txt { width:100% }
#splide3 { position:relative; padding:0 }
#splide3, #splide3 .img, #splide3 .splide__track { height: 35vh }
.main { display:block; height:auto; }
.main .container { padding:0 }
.main .txt { display:block; text-align:center; margin-bottom:0 }
.main .txt .tit { width:100%; margin:0; padding:2rem }
.main .rabbit { display:none; }
.quadretti { padding:4rem 0 }
.quadretti .mw80 { text-align:left; }

.contatti .box { width:100%; margin-bottom:4rem }
.contatti .box.rev { margin-bottom:0; text-align:left; }
.contatti .box.rev .lista { flex-direction:row-reverse; }

.contact_form2 .content { width:95%; padding:4rem 2rem }

.accordion .text_opennew .box { width:49% }

.form2 .cl30 { width:48.5% }
}

@media (max-width: 600px){
.boxes .cl50, .boxes .cl25 { margin-bottom: 4%; min-height: 30rem; width:100%; text-align:center; }
.boxes .cl .icon { position:relative; height:5rem; right:inherit; top:inherit; margin:0 auto 2rem; }
.container, .txt-img .txt { padding:0 4% }
.ctahover::after { display:none; }

.accordion .txt { padding: 2rem 2rem 8rem; width:100% }
.accordion .btnmore { padding: 0 2rem; justify-content: space-between; top:inherit; bottom:0; left:0; right:0; height:6.5rem; width:100% }
.accordion .btnmore .scopri { display:block; }
.accordion .tit { line-height:1 }
.accordion.unico .txt { padding-bottom:2rem }

.accordion .text_opennew .content { padding:2rem 2rem 0 }
.accordion .text_opennew .box { width:100%; margin-bottom:2rem }

.fancybox__content .img { float:none; width:100%; margin:0 0 4rem }

.fancybox__slide { margin-top:2rem!important; width:95%!important; display:block!important; }

.is-compact .fancybox__content > .f-button.is-close-btn { --f-button-bg: rgba(0, 0, 0, 0)!important; --f-button-active-bg: rgba(0, 0, 0, 0)!important;
  --f-button-hover-bg: rgba(0, 0, 0, 0)!important; }
.f-button.is-close-btn img { background-color:#4069dd; border-radius:50% }

.main .txt .tit.t40.blu { font-size:2.5rem }
.t40 { font-size:3rem; line-height:1.1 }
.txt-img .t40.red, .boxes .cl50 .t40, .boxes .cl25 .t40 { font-size:4rem }

.accordion .tit { align-items:center; }

.form2 input, .form2 textarea, .form2 select { margin-bottom: 1rem }
.form2 .cl50 { width:100% }
.select-wrapper::after { top:47% } 

#splide3 .my-prev, #splide3 .my-next { width:3.5rem }

.form2 .cl30 { width:100% }
.partecipante { margin-top: 1rem }
.contact_form2 .content { width:100% }
.dato { margin-top:2rem }
.contact_form2 .t40 { margin-bottom:1rem }
.form2 { margin-top:0rem }
}

/*gsap css*/
.fade-left { transform: translateX(-100%); opacity:0 }
.fade-right { transform: translateX(100%); }
.fade-in { transform: translateY(0); opacity: 0; }
.fade-in-down { transform: translateY(-100%); opacity: 0; }
.fade-in-up { transform: translateY(100%); opacity: 0; }
.bounce { transform: translateY(100px); }
.rotate { transform: rotate(-180deg); }
.swing { opacity: 0; transform: rotate(-10deg); }
.shake { opacity: 0; transform: translateX(0); }
.zoom-in { transform: scale(0); }
.zoom-out { transform: scale(2); }
.roll-in { transform: translateX(-100%) rotate(-360deg); }
.mouse-par { will-change: transform; pointer-events: none; }