@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxzL3I-JCGChYJ8VI-L6OO_au7B6xTru1H2.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrF3DWvA.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrc3PWvA.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxxL3I-JCGChYJ8VI-L6OO_au7B6xTT3w.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrK3LWvA.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrB3XWvA.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrY3TWvA.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrf3fWvA.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrW3bWvA.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxxL3I-JCGChYJ8VI-L6OO_au7B43LT3w.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxwL3I-JCGChYJ8VI-L6OO_au7B497y_3E.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxwL3I-JCGChYJ8VI-L6OO_au7B47rx_3E.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTx3L3I-JCGChYJ8VI-L6OO_au7B2xY.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxwL3I-JCGChYJ8VI-L6OO_au7B4-Lw_3E.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxwL3I-JCGChYJ8VI-L6OO_au7B4873_3E.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxwL3I-JCGChYJ8VI-L6OO_au7B46r2_3E.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxwL3I-JCGChYJ8VI-L6OO_au7B47b1_3E.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxwL3I-JCGChYJ8VI-L6OO_au7B45L0_3E.ttf) format('truetype');
}
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/merriweather/v33/u-4B0qyriQwlOrhSvowK_l5-eTxCVx0ZbwLvKH2Gk9hLmp0v5yA-xXPqCzLvPee1XYk_XSf-FmScUF3w.ttf) format('truetype');
}
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/merriweather/v33/u-4B0qyriQwlOrhSvowK_l5-eTxCVx0ZbwLvKH2Gk9hLmp0v5yA-xXPqCzLvPee1XYk_XSf-FmTCUF3w.ttf) format('truetype');
}
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/merriweather/v33/u-4B0qyriQwlOrhSvowK_l5-eTxCVx0ZbwLvKH2Gk9hLmp0v5yA-xXPqCzLvPee1XYk_XSf-FmQlV13w.ttf) format('truetype');
}
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 900;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/merriweather/v33/u-4B0qyriQwlOrhSvowK_l5-eTxCVx0ZbwLvKH2Gk9hLmp0v5yA-xXPqCzLvPee1XYk_XSf-FmRrV13w.ttf) format('truetype');
}
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/merriweather/v33/u-4D0qyriQwlOrhSvowK_l5UcA6zuSYEqOzpPe3HOZJ5eX1WtLaQwmYiScCmDxhtNOKl8yDrgCcqEw.ttf) format('truetype');
}
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/merriweather/v33/u-4D0qyriQwlOrhSvowK_l5UcA6zuSYEqOzpPe3HOZJ5eX1WtLaQwmYiScCmDxhtNOKl8yDr3icqEw.ttf) format('truetype');
}
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/merriweather/v33/u-4D0qyriQwlOrhSvowK_l5UcA6zuSYEqOzpPe3HOZJ5eX1WtLaQwmYiScCmDxhtNOKl8yDrOSAqEw.ttf) format('truetype');
}
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 900;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/merriweather/v33/u-4D0qyriQwlOrhSvowK_l5UcA6zuSYEqOzpPe3HOZJ5eX1WtLaQwmYiScCmDxhtNOKl8yDrdyAqEw.ttf) format('truetype');
}
:root {
  --color-white: #FFFFFF;
  --color-white-2: rgba(255, 255, 255, 0.8);
  --color-black: #2B2B2B;
  --color-black-2: rgba(43, 43, 43, 0.24);
  --color-black-3: rgba(43, 43, 43, 0.15);
  --color-red: #FC3904;
  --color-orange: #FFB878;
  --color-pink: #FFDCC5;
  --font-family-merriweather: "Merriweather", serif;
  --font-family-barlow: "Barlow Condensed", sans-serif;
  --font-size: 15px;
  --font-size-sm: 12px;
  --font-size-md: 25px;
  --font-size-lg: 30px;
  --font-size-xl: 40px;
  --font-size-xxl: 65px;
  --font-weight-regular: 300;
  --font-weight-bold: 700;
  --cubic-bezier: cubic-bezier(0.6, 0.03, 0.44, 0.89);
  --box-margin: 80px;
  --box-padding: 25px;
  --box-shadow: 0 33px 47px rgba(0, 0, 0, 0.08);
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxzL3I-JCGChYJ8VI-L6OO_au7B6xTru1H2.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrF3DWvA.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrc3PWvA.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxxL3I-JCGChYJ8VI-L6OO_au7B6xTT3w.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrK3LWvA.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrB3XWvA.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrY3TWvA.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrf3fWvA.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrW3bWvA.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxxL3I-JCGChYJ8VI-L6OO_au7B43LT3w.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxwL3I-JCGChYJ8VI-L6OO_au7B497y_3E.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxwL3I-JCGChYJ8VI-L6OO_au7B47rx_3E.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTx3L3I-JCGChYJ8VI-L6OO_au7B2xY.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxwL3I-JCGChYJ8VI-L6OO_au7B4-Lw_3E.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxwL3I-JCGChYJ8VI-L6OO_au7B4873_3E.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxwL3I-JCGChYJ8VI-L6OO_au7B46r2_3E.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxwL3I-JCGChYJ8VI-L6OO_au7B47b1_3E.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxwL3I-JCGChYJ8VI-L6OO_au7B45L0_3E.ttf) format('truetype');
}
:root {
  --color-blue: #0a1728;
  --color-blue-2: #cd4e3e;
  --color-blue-3: #182328;
  --color-blue-4: #03080B;
  --color-blue-5: rgba(3, 8, 11, 0.9);
  --color-blue-6: rgba(12, 32, 61, 0);
  --color-white-2: rgba(255, 255, 255, 0.22);
  --color-transparent: transparent;
  --font-family-barlow: "Barlow Condensed", sans-serif;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-size-sd: 20px;
  --font-size-xl: 45px;
  --border-radius-10: 10px;
  --border-radius-50: 50px;
}
::selection {
  color: var(--color-white);
  background-color: var(--color-blue-2);
}
:focus-visible {
  outline: solid 3px var(--color-blue-2) !important;
  outline-offset: 2px;
}
html {
  overflow-x: hidden;
}
body {
  font-family: var(--font-family-barlow);
  background-color: var(--color-blue);
  overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-family-barlow);
  font-weight: var(--font-weight-semibold);
  text-transform: unset;
}
h1 {
  text-transform: uppercase;
}
h2,
.h2 {
  font-size: var(--font-size-xl);
  line-height: normal;
}
b,
strong {
  font-weight: var(--font-weight-semibold);
}
button,
.button,
.btn-primary,
.btn-primary:active,
.btn-primary:focus-visible {
  background-color: var(--color-transparent);
  border: solid 2px var(--color-white);
  padding-right: 100px;
  overflow: hidden;
  position: relative;
}
button > span,
.button > span,
.btn-primary > span,
.btn-primary:active > span,
.btn-primary:focus-visible > span {
  position: absolute;
  top: 0;
  left: -50%;
  width: 150%;
  height: 100%;
  background-color: var(--color-blue-2);
  border-radius: var(--border-radius-50);
  clip-path: polygon(0 0, 85% 0, 73% 100%, 0 100%);
  z-index: 1;
  pointer-events: none;
  transition: all 0.3s var(--cubic-bezier);
}
button > b,
.button > b,
.btn-primary > b,
.btn-primary:active > b,
.btn-primary:focus-visible > b {
  position: relative;
  font-family: var(--font-family-barlow);
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-sd);
  color: var(--color-white);
  z-index: 2;
}
button::before,
.button::before,
.btn-primary::before,
.btn-primary:active::before,
.btn-primary:focus-visible::before,
button::after,
.button::after,
.btn-primary::after,
.btn-primary:active::after,
.btn-primary:focus-visible::after {
  right: 25px;
  z-index: 3;
  background-color: var(--color-white);
}
button::before,
.button::before,
.btn-primary::before,
.btn-primary:active::before,
.btn-primary:focus-visible::before {
  background-color: var(--color-white);
  top: calc(50% - 1px);
}
button::after,
.button::after,
.btn-primary::after,
.btn-primary:active::after,
.btn-primary:focus-visible::after {
  background-color: var(--color-transparent);
  border-color: var(--color-white);
  top: calc(50% - 3.5px);
}
button:hover > span,
.button:hover > span,
.btn-primary:hover > span,
.btn-primary:active:hover > span,
.btn-primary:focus-visible:hover > span {
  left: 0;
}
button:hover::before,
.button:hover::before,
.btn-primary:hover::before,
.btn-primary:active:hover::before,
.btn-primary:focus-visible:hover::before {
  right: 25px;
  background-color: var(--color-blue);
}
button:hover::after,
.button:hover::after,
.btn-primary:hover::after,
.btn-primary:active:hover::after,
.btn-primary:focus-visible:hover::after {
  right: 25px;
  border-color: var(--color-blue);
}
button.button-border,
.button.button-border,
.btn-primary.button-border,
.btn-primary:active.button-border,
.btn-primary:focus-visible.button-border {
  border-color: var(--color-blue);
}
button.button-border > span,
.button.button-border > span,
.btn-primary.button-border > span,
.btn-primary:active.button-border > span,
.btn-primary:focus-visible.button-border > span {
  background-color: var(--color-blue);
}
button.button-border > b,
.button.button-border > b,
.btn-primary.button-border > b,
.btn-primary:active.button-border > b,
.btn-primary:focus-visible.button-border > b {
  color: var(--color-white);
}
button.button-border::before,
.button.button-border::before,
.btn-primary.button-border::before,
.btn-primary:active.button-border::before,
.btn-primary:focus-visible.button-border::before {
  background-color: var(--color-blue);
}
button.button-border::after,
.button.button-border::after,
.btn-primary.button-border::after,
.btn-primary:active.button-border::after,
.btn-primary:focus-visible.button-border::after {
  border-color: var(--color-blue);
}
button.button-border:hover::before,
.button.button-border:hover::before,
.btn-primary.button-border:hover::before,
.btn-primary:active.button-border:hover::before,
.btn-primary:focus-visible.button-border:hover::before {
  background-color: var(--color-white);
}
button.button-border:hover::after,
.button.button-border:hover::after,
.btn-primary.button-border:hover::after,
.btn-primary:active.button-border:hover::after,
.btn-primary:focus-visible.button-border:hover::after {
  border-color: var(--color-white);
}
.label {
  display: inline-block;
  background-color: var(--color-blue-2);
  color: var(--color-blue);
  text-transform: uppercase;
  padding: 6px 20px;
  border-radius: var(--border-radius-10);
  font-family: var(--font-family-barlow);
  font-size: var(--font-size-sd);
  font-weight: var(--font-weight-medium);
}
.box-data {
  font-family: var(--font-family-merriweather);
  color: var(--color-white);
}
.box-data .box-title {
  position: relative;
}
.box-data .box-title > div {
  text-transform: uppercase;
  font-family: var(--font-family-barlow);
  font-weight: var(--font-weight-medium);
  display: block;
}
.box-data .box-title h2 {
  color: var(--color-blue-2);
  position: relative;
}
.slideshow button {
  background-color: var(--color-transparent);
}
.slideshow button::before {
  background-color: var(--color-white);
}
.slideshow button::after {
  border-color: var(--color-white);
}
.slideshow button:hover::before {
  background-color: var(--color-white);
}
.slideshow button:hover::after {
  border-color: var(--color-white);
}
.slideshow > img {
  transform: none;
}
.slideshow > div {
  background: var(--color-transparent);
  width: 580px;
}
.slideshow > div::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-blue-4);
  opacity: 0.85;
  z-index: 1;
}
.slideshow > div .logos {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  border-bottom: solid 1px var(--color-white-2);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  background-color: var(--color-transparent);
  z-index: 2;
}
.slideshow > div .logos::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-blue-3);
  mix-blend-mode: multiply;
  opacity: 0.6;
}
.slideshow > div .logos > img {
  position: relative;
  max-width: calc(30% - 20px);
  height: unset;
  margin: 10px;
}
.slideshow > div > div {
  position: relative;
  z-index: 3;
}
.slideshow > div > div h1 {
  padding: 0;
}
.slideshow > div > div h1::after {
  content: none;
}
.slideshow > div > div h1 strong {
  color: var(--color-blue-2);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 85px;
  height: 85px;
  border: solid 2px var(--color-white);
  border-radius: var(--border-radius-10);
}
.slideshow > div > div > b {
  font-size: var(--font-size-xl);
  line-height: normal;
  display: block;
  padding-bottom: 50px;
  position: relative;
}
.slideshow > div > div > b::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40%;
  height: 2px;
  background-color: var(--color-white);
  pointer-events: none;
}
.slideshow > div > div > span {
  font-family: var(--font-family-merriweather);
  font-size: var(--font-size-sd);
  text-transform: none;
}
.slideshow > div > div > span:nth-of-type(2) {
  font-family: var(--font-family-barlow);
  font-size: var(--font-size-lg);
  text-transform: uppercase;
}
.premesse {
  height: 100vh;
  position: relative;
}
.premesse .box-title h2::before {
  content: '';
  position: absolute;
  top: -50px;
  left: -120px;
  width: 200px;
  height: 250px;
  border: solid 3px var(--color-white);
  border-radius: var(--border-radius-10);
  opacity: 0.2;
  pointer-events: none;
}
.premesse > img {
  position: absolute;
  top: 15%;
  left: 40%;
  width: 60%;
  height: 70%;
  object-fit: cover;
  border-radius: 1000px 0 0 1000px;
}
.premesse > div:nth-of-type(1) {
  margin-left: 70px;
  width: calc(40% - 120px);
}
.premesse > div:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  background-color: var(--color-blue-5);
  padding: 0 15px;
  text-align: center;
  visibility: hidden;
}
.premesse > div:nth-of-type(2) > div > div {
  text-align: center;
  margin: 30px 20%;
}
.premesse > div:nth-of-type(2) > div > div p {
  margin: 30px 0 0 0;
}
.descrizione {
  position: relative;
  width: 300vw;
  height: 100vh;
  display: flex;
  background: url("/Content/images/ai-nautica-descrizione.webp") no-repeat top left transparent;
  background-size: cover;
  background-attachment: fixed;
}
.descrizione > div {
  width: 100vw;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 30px;
  position: relative;
}
.descrizione > div > span {
  font-size: var(--font-size-xxl);
  position: absolute;
  right: 40px;
  bottom: 40px;
  opacity: 0.5;
  pointer-events: none;
}
.contenuti > div:not(.container):not(.pager) {
  text-align: center;
  position: relative;
  pointer-events: none;
}
.contenuti > div:not(.container):not(.pager) > span {
  font-family: var(--font-family-barlow);
  font-size: calc(var(--font-size-xxl) * 5);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  opacity: 0.06;
}
.contenuti > div:not(.container):not(.pager)::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(var(--color-blue-6), var(--color-blue));
}
.contenuti .pager {
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  width: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.contenuti .pager > span {
  width: 46px;
  height: 46px;
  border: solid 2px var(--color-transparent);
  border-radius: var(--border-radius-10);
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: var(--font-family-barlow);
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-sd);
  margin: 10px;
  transition: all 0.3s var(--cubic-bezier);
}
.contenuti .pager > span.selected {
  font-size: var(--font-size-lg);
  color: var(--color-blue-2);
  border-color: var(--color-white);
}
.contenuti .cont {
  margin-bottom: 150px;
}
.contenuti .cont .box-title > div {
  font-size: var(--font-size-sd);
}
.contenuti .cont:last-of-type {
  margin-bottom: 0;
}
.contenuti .cont .label {
  margin-right: 15px;
}
.contenuti .cont ul {
  margin: 30px 0;
}
.contenuti .cont ul > li {
  margin: 10px 0;
}
.contenuti .cont strong {
  display: block;
  margin-top: 20px;
}
.obiettivi {
  background: url("/Content/images/ai-nautica-obiettivi.webp") no-repeat center center transparent;
  background-size: cover;
}
.obiettivi .swiper {
  margin-top: 60px;
}
.obiettivi .swiper .swiper-slide {
  cursor: grab;
}
.obiettivi .swiper .swiper-pager {
  margin-top: 60px;
  border: solid 2px var(--color-white);
  border-radius: var(--border-radius-50);
  padding: 0 20px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.obiettivi .swiper .swiper-pager [class*=swiper-button] {
  position: relative;
  width: 30px;
  height: 30px;
  display: inline-block;
  top: unset;
  left: unset;
  right: 0;
  margin: 0;
  font-size: var(--font-size);
  margin: 10px;
}
.obiettivi .swiper .swiper-pager [class*=swiper-button]::before {
  content: '';
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--color-white);
  transition: all 0.3s var(--cubic-bezier);
}
.obiettivi .swiper .swiper-pager [class*=swiper-button]::after {
  content: '';
  position: absolute;
  top: calc(50% - 4.5px);
  right: 0;
  width: 9px;
  height: 9px;
  transform: rotate(-45deg);
  border-right: solid 2px var(--color-white);
  border-bottom: solid 2px var(--color-white);
  transition: all 0.3s var(--cubic-bezier);
}
.obiettivi .swiper .swiper-pager [class*=swiper-button].swiper-button-prev {
  transform: rotate(180deg);
}
.obiettivi .swiper .swiper-pager [class*=swiper-button]:hover::before {
  background-color: var(--color-blue-2);
}
.obiettivi .swiper .swiper-pager [class*=swiper-button]:hover::after {
  border-color: var(--color-blue-2);
}
.obiettivi .swiper .swiper-pager > span {
  font-family: var(--font-family-barlow);
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-sd);
  margin: 0 20px;
}
.calendario .row {
  margin-bottom: 20px;
}
.calendario .row:first-child {
  font-family: var(--font-family-barlow);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-md);
  border-bottom: solid 1px var(--color-white-2);
  padding-bottom: 10px;
}
.calendario .row .col {
  padding-right: 10px;
  padding-left: 10px;
}
.iscrizione {
  background-color: var(--color-blue-2);
  color: var(--color-blue);
}
.iscrizione :focus-visible {
  outline-color: var(--color-blue) !important;
}
@media (max-width: 1200px) {
  .contenuti > div:not(.container):not(.pager) > span {
    font-size: calc(var(--font-size-xxl) * 3);
  }
  .contenuti > .container {
    padding-right: 130px;
  }
}
@media (max-width: 992px) {
  .premesse > img {
    top: unset;
    bottom: 0;
  }
  .premesse > div:nth-of-type(1) {
    width: calc(60% - 120px);
  }
}
@media (max-width: 768px) {
  body {
    font-size: var(--font-size-sm);
  }
  h2 {
    font-size: var(--font-size-lg);
  }
  button,
  .button,
  .btn-primary,
  .btn-primary:active,
  .btn-primary:focus-visible {
    padding: 5px 70px 5px 25px;
  }
  .label {
    padding: 3px 12px;
    font-size: var(--font-size);
  }
  .slideshow::before {
    background-color: var(--color-blue);
  }
  .slideshow > div {
    width: 100%;
  }
  .slideshow > div > div h1 strong {
    width: 55px;
    height: 65px;
  }
  .slideshow > div > div > b {
    font-size: var(--font-size-md);
    padding-bottom: 20px;
  }
  .slideshow > div > div > span {
    margin-top: 30px;
  }
  .slideshow > div > div > span:nth-of-type(2) {
    font-size: var(--font-size-sd);
  }
  .premesse > img {
    height: 50%;
    opacity: 0.5;
  }
  .premesse > div:nth-of-type(1) {
    margin: 0 15px;
    width: calc(100% - 30px);
  }
  .contenuti > div:not(.container):not(.pager) > span {
    font-size: var(--font-size-xxl);
  }
  .contenuti .cont .box-title > div > span.label {
    margin-bottom: 10px;
  }
  .contenuti .cont .box-title > div > span:not(.label) {
    display: block;
  }
  .contenuti .pager {
    width: 50px;
  }
  .contenuti .pager > span {
    width: 36px;
    height: 36px;
  }
  .contenuti .pager > span.selected {
    font-size: var(--font-size-sd);
  }
  .contenuti > .container {
    padding-right: 60px;
  }
  .obiettivi .swiper .swiper-pager {
    margin-top: 30px;
  }
}