@charset "UTF-8";
/*:root[color-scheme='dark'] {
    /* definizione dei propri stili per modalità scura 
    --black: #000;
    --primary: #f66061;
    --secondary: #61de2a;
    --white: #fff;
    --base: #181b25;
    --base-light: #242732;
    --base-medium: #494e5e;
    --grey: #d3d5dd;
    --grey-medium: #3c414e;
    --bg-base: rgba(24,27,37,0.95);
    
}
:root[color-scheme='light'] {
        /* definizione dei propri stili per modalità chiara 
    --black: #fff;
    --primary: #f66061;
    --secondary: #61de2a;
    --white: #000;
    --base: #fff;
    --base-light: #f2f2f2;
    --base-medium: #cecece;
    --grey: #d3d5dd;
    --grey-medium: #3c414e;
    --bg-base: rgba(24,27,37,0.95);
}*/
:root {
  /*color-----------------------------------------------------------*/
  --black: #000;
  --white: #fff;
  --primary: #5027c8;
  --primary-light: ;
  --primary-med: #423570;
  --secondary: #e80f51;
  --base: blue;
  --base-light: #f2f2f2;
  --base-medium: #cecece;
  --base-dark: #333;
  --grey: #F7F7F7;
  --grey-light: ;
  --grey-medium: #3c414e;
  --bg-base: rgba(24,27,37,0.95);
  --swiper-theme-color: #e80f51;
  --radius-xs: 0.2222222222rem;
  --radius-s: 0.4444444447rem;
  --radius-m: 1rem;
  --time-s: .1s;
  --time-m: .25s;
  --time-l: .5s;
  /*font -------------------------heading-----------------------------*/
  /**--h1-fallback: 2.8rem;
    --h1: clamp(2.03rem, 1.61rem - -2.07vw, 3.42rem);**/
  --h1-fallback: 2.8rem;
  --h1: clamp(2.5rem, 2.2573rem + 1.0356vw, 3.5rem);
  --h2-fallback: 2.3rem;
  --h2: clamp(1.80rem, 1.49rem - -1.56vw, 2.85rem);
  --h3-fallback: 2rem;
  --h3: clamp(1.60rem, 1.37rem - -1.15vw, 2.38rem);
  --h4-fallback: 1.6rem;
  --h4: clamp(1.42rem, 1.26rem - -0.82vw, 1.98rem);
  --h5-fallback: 1.35rem;
  --h5: clamp(1.27rem, 1.15rem - -0.57vw, 1.65rem);
  --h6-fallback: 1.2rem;
  --h6: clamp(1.13rem, 1.05rem - -0.37vw, 1.38rem);
  /*font -------------------------text---------------------------------*/
  --text-xs: 0.65rem;
  --text-s-fallback: 0.85rem;
  --text-s: 0.85rem;
  --text-m-fallback: 1rem;
  --text-m: 1.1rem;
  --text-l-fallback: 1rem;
  --text-l: clamp(1rem, 0.82rem - -0.40vw, 1.2rem);
  --text-xl-fallback: 1.2rem;
  --text-xl: clamp(1.1rem, 0.98rem - -0.48vw, 1.40rem);
  /*spacing ----------------------------------------------------------*/
  --space-xs-fallback: 1vmin;
  --space-xs: clamp(4px, 1vmin, 10px);
  --space-s-fallback: 2vmin;
  --space-s: clamp(8px, 2vmin, 20px);
  --space-m-fallback: 3.5vmin;
  --space-m: clamp(12px,3.5vmin,30px);
  --space-l-fallback: 5vmin;
  --space-l: clamp(20px, 5vmin, 50px);
  --space-xl-fallback: 7vmin;
  --space-xl: clamp(32px, 7vmin, 80px);
  --space-xxl-fallback: 12vmin;
  --space-xxl: clamp(52px, 12vmin, 130px);
  /*swiperjs*/
  --swiper-pagination-bullet-width: 14px;
  --swiper-pagination-bullet-height: 10px;
  --swiper-navigation-size: 33px;
}
*:focus, button:focus {
  outline-style: solid;
  outline-color: var(--primary);
  outline-width: 0.16rem;
  outline-offset: 0.2em;
}
p {
  font-size: var(--text-m);
  margin: 0;
}
h1 {
  font-size: var(--h1);
}
h2 {
  font-size: var(--h2);
}
h3 {
  font-size: var(--h3);
}
h4 {
  font-size: var(--h4);
}
h5 {
  font-size: var(--h5);
}
h6 {
  font-size: var(--h6);
}
a {
  text-decoration: none;
  cursor: pointer;
  color: var(--secondary);
}
h1, h2, h3, h4, h5, h6 {
  line-height: 1.2;
}
a:hover {
  color: var(--secondary);
}
/* !Switcher Dakr and Light */
[color-scheme="light"] .moon-icon, [color-scheme="dark"] .sun-icon {
  display: block;
}
[color-scheme="light"] .sun-icon, [color-scheme="dark"] .moon-icon {
  display: none;
}
.toggle-container {
  position: relative;
  cursor: pointer;
  margin-left: 10px;
  margin-right: 10px;
  max-width: 100px;
  margin-bottom: 10px;
}
.toggle-switch {
  opacity: 0;
  width: 0;
  height: 0;
}
.toggle-switch-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 45px;
  height: 30px;
  background-color: var(--grey);
  border-radius: 15px;
}
.toggle-switch:checked + .toggle-switch-container {
  background-color: var(--grey-medium);
}
.toggle-label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  width: 100px;
  height: 40px;
}
.moon-icon, .sun-icon {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  fill: var(--dark);
}
.divider {
  height: 2px;
  min-height: 2px;
  max-height: 2px;
  width: 60px;
  min-width: 60px;
  max-width: 60px;
  background-color: var(--primary);
  margin-top: 12px;
  margin-bottom: 36px;
}
.clickable-parent::after {
  content: '';
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}
.link--skip, .ct-link-text.link--skip {
  position: absolute;
  top: 1rem;
  left: 1rem;
  transform: translateY(-250%);
  padding: 0.7em 1.4em;
  border-width: 0.25rem;
  border-radius: 0.6rem;
  text-transform: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  letter-spacing: 0;
  font-weight: 500;
  font-style: normal;
  min-width: 10rem;
  line-height: 1;
  background: var(--primary);
  color: var(--primary-light);
  text-align: center;
}
.link--skip:focus, .ct-link-text.link--skip:focus {
  transform: translateY(0);
}
/* gestione padding inner section*/
.ct-section-inner-wrap, .section-inner-wrp {
  padding: clamp(2rem, calc(0.7569rem + 5.3039vw), 5rem) clamp(1rem, calc(-0.2431rem + 5.3039vw), 4rem);
  margin-left: auto;
  margin-right: auto;
}
.ct-section-nopad-wrap {
  padding: 0 clamp(1rem, calc(-0.2431rem + 5.3039vw), 4rem);
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
}