/* -----------------------------------
==============================================================================
	# FONT
==============================================================================
----------------------------------- */
@font-face {
  font-family: "HWTArtzW00";
  font-weight: 400;
  src: url(/a6a0deacde5edde3a74a.ttf) format("opentype");
}

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  src: url(/7641a0f76ca9ef6c252c.ttf) format("opentype");
}

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  src: url(/cdb29a5d7ccf57ff05a3.ttf) format("opentype");
}

/* -----------------------------------
==============================================================================
	# GENERAL
==============================================================================
----------------------------------- */

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

:root {
  --site-width: 1232px;

  --ff-regular: "Poppins", sans-serif;
  --ff-alternate: "HWTArtzW00", sans-serif;

  --blue: #0163a1;
  --lightblue: #a1caf1;
  --orange: #f9672e;
  --grey: #eeebe9;
  --darkgrey: #434343;

  font-size: 16px;
  font-weight: 300;
  line-height: 1.25;
  font-family: var(--ff-regular);
  color: var(--darkgrey);
}

::-moz-selection {
  color: var(--blue);
  background: white;
}

::selection {
  color: var(--blue);
  background: white;
}

body::-webkit-scrollbar {
  width: 0.7rem;
}

body::-webkit-scrollbar-thumb {
  background: var(--blue);
  border-radius: 8px;
}

body::-webkit-scrollbar-track {
  background: white;
}

body.fixed {
  overflow: hidden;
  touch-action: none;
}

img,
svg,
video,
iframe {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--ff-alternate);
}

a {
  text-decoration: none;
  color: inherit;
}

p:not(:last-child) {
  margin-bottom: 1.4rem;
}

li {
  list-style: none;
}

input,
textarea,
select {
  font-family: var(--ff-regular);
  line-height: 1;
}

a,
select {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.container {
  width: 100%;
  max-width: var(--site-width);
  margin: 0 auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

section {
  position: relative;
}

.btn {
  display: inline-block;
  padding: 0.83rem 1.5rem;
  border-radius: 1.75rem;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
  color: var(--blue);
  background-color: white;
  border: 0.33rem solid var(--lightblue);
  transition: all 300ms ease-in-out;
}

.btn:hover {
  background-color: var(--lightblue);
  color: white;
}

input#popup-upload {
  width: 0;
  height: 0;
  opacity: 0;
}

.btn.upload {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 0.6rem 1.4675rem 0.6rem 1.3rem;
}

.btn.upload:after {
  content: "";
  background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"38.454\" height=\"30.2\" viewBox=\"0 0 38.454 30.2\"><g id=\"Raggruppa_608\" data-name=\"Raggruppa 608\" transform=\"translate%280.6 0.6%29\"><g id=\"Raggruppa_609\" data-name=\"Raggruppa 609\" transform=\"translate%280 0%29\"><path id=\"Tracciato_19749\" data-name=\"Tracciato 19749\" d=\"M37.254,15.513a8.7,8.7,0,0,1-8.694,8.694H25.678a.9.9,0,1,1,0-1.793H28.56a6.9,6.9,0,0,0,0-13.809c-.094,0-.187,0-.281.008a.878.878,0,0,1-.86-.542A10.318,10.318,0,0,0,7.708,10.646a.89.89,0,0,1-.819.766,5.51,5.51,0,0,0,.416,11H11.58a.9.9,0,1,1,0,1.793H7.3A7.3,7.3,0,0,1,6.049,9.717a12.107,12.107,0,0,1,22.764-2.89,8.7,8.7,0,0,1,8.441,8.686M24.724,19.071l-5.466-5.462a.9.9,0,0,0-1.268,0l-5.462,5.462a.895.895,0,0,0,1.264,1.268l3.925-3.925.016,11.694a.895.895,0,1,0,1.789,0l-.016-11.71,3.945,3.945a.9.9,0,0,0,1.272-1.268\" fill=\"%230163a1\" stroke=\"%230163a1\" stroke-width=\"1.2\"/></g></g></svg>");
  background-size: contain;
  background-repeat: no-repeat;
  width: 2.32rem;
  height: 1.81rem;
  margin-left: 4.5rem;
  display: inline-block;
  transition: all 300ms ease-in-out;
}

.btn.upload:hover:after {
  background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"38.454\" height=\"30.2\" viewBox=\"0 0 38.454 30.2\"><g id=\"Raggruppa_609\" data-name=\"Raggruppa 609\" transform=\"translate%280.6 0.6%29\"><path id=\"Tracciato_19749\" data-name=\"Tracciato 19749\" d=\"M37.254,15.513a8.7,8.7,0,0,1-8.694,8.694H25.678a.9.9,0,1,1,0-1.793H28.56a6.9,6.9,0,0,0,0-13.809c-.094,0-.187,0-.281.008a.878.878,0,0,1-.86-.542A10.318,10.318,0,0,0,7.708,10.646a.89.89,0,0,1-.819.766,5.51,5.51,0,0,0,.416,11H11.58a.9.9,0,1,1,0,1.793H7.3A7.3,7.3,0,0,1,6.049,9.717a12.107,12.107,0,0,1,22.764-2.89,8.7,8.7,0,0,1,8.441,8.686M24.724,19.071l-5.466-5.462a.9.9,0,0,0-1.268,0l-5.462,5.462a.895.895,0,0,0,1.264,1.268l3.925-3.925.016,11.694a.895.895,0,1,0,1.789,0l-.016-11.71,3.945,3.945a.9.9,0,0,0,1.272-1.268\" fill=\"%23fff\" stroke=\"%23fff\" stroke-width=\"1.2\"/></g></svg>");
}

.btn-fixed {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translatey(-50%) translatex(6.8rem);
  width: 13.7rem;
  z-index: 3;
  cursor: pointer;
}

.btn-fixed .img {
  position: relative;
}

.btn-fixed .img .content {
  position: absolute;
  top: 50%;
  transform: translatey(-50%);
  font-size: 1.25rem;
  font-weight: 700;
  color: white;
  padding-left: 2.3rem;
  display: flex;
  gap: 1.4rem;
}

.btn-fixed .img .content p {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  text-orientation: inherit;
}

.popup {
  position: fixed;
  width: 100%;
  height: 100vh;
  z-index: 9;
  top: 0;
  left: 0;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  opacity: 0;
  visibility: hidden;
  transition: opacity 200ms ease-in-out;
}

.popup.active {
  opacity: 1;
  visibility: visible;
}

.popup.active .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.popup .content-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 52rem;
  margin: 0 auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  width: 100%;
}

.popup .content-wrap .content {
  background-color: white;
  border-radius: 0.625rem;
}

.popup .content-wrap .single-content {
  position: relative;
  min-height: 24.375rem;
}

.popup .content-wrap .single-content .close-popup {
  position: absolute;
  z-index: 1;
  top: 1.4375rem;
  right: 1.4375rem;
  cursor: pointer;
}

.popup .content-wrap .single-content .img {
  position: relative;
}

.popup .content-wrap .single-content .img img {
  border-radius: 0.625rem 0.625rem 0 0;
}

.popup .content-wrap .single-content .img:after {
  content: "";
  background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"784\" height=\"28.477\" viewBox=\"0 0 784 28.477\"><defs><clipPath id=\"clip-path\"><rect id=\"Rettangolo_489\" data-name=\"Rettangolo 489\" width=\"784\" height=\"28.477\" fill=\"%23fff\"/></clipPath></defs><g id=\"Raggruppa_578\" data-name=\"Raggruppa 578\" clip-path=\"url%28%23clip-path%29\"><path id=\"Tracciato_19735\" data-name=\"Tracciato 19735\" d=\"M4.376,6.808,85.85.663A100.948,100.948,0,0,1,98.923.639L179.557,6.26a100.19,100.19,0,0,0,13.388-.049l8.964-.728a99.872,99.872,0,0,1,13.618-.033l40.2,2.958a101.253,101.253,0,0,0,12.925.019l8.226-.568a101.4,101.4,0,0,1,12.844.013l7.353.531A100.926,100.926,0,0,0,310.19,8.4L375.364,3.6a100.407,100.407,0,0,1,13.38.014L403,4.713a97.211,97.211,0,0,0,14.616-.092,97.179,97.179,0,0,1,14.672-.088l32.36,2.519A99.492,99.492,0,0,0,478.5,7.038l17.189-1.4a100.337,100.337,0,0,1,13.24-.059l10.762.725a101.685,101.685,0,0,0,12.677-.016L613.5.525a102.476,102.476,0,0,1,10.485-.13l68.954,2.674a101.687,101.687,0,0,0,10.68-.144L739.957.22a100.406,100.406,0,0,1,13.388.007l26.316,2C782.4,2.437,784,2.759,784,3.1V27.378c0,.607-4.96,1.1-11.079,1.1H11.08c-6.119,0-11.08-.492-11.08-1.1V7.683c0-.344,1.619-.667,4.376-.875\" transform=\"translate%280 0%29\" fill=\"%23fff\"/></g></svg>");
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1.78rem;
  bottom: -0.7rem;
}

.popup .content-wrap .single-content .data {
  text-align: center;
  padding: 2.625rem 1.5rem 3.5rem;
}

.popup .content-wrap .single-content .title h3 {
  z-index: 1;
  font-size: 2.875rem;
  line-height: 1;
  font-family: var(--ff-alternate);
  color: var(--blue);
  max-width: 32rem;
  margin: auto;
  padding-bottom: 1.75rem;
  text-align: center;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.popup .content-wrap .single-content.upload .errors {
  color: var(--orange);
  text-align: center;
  margin-bottom: 2rem;
}

.popup .content-wrap .single-content.register {
  padding-top: 3.7875rem;
}

.popup .content-wrap .single-content.register .title h3 {
  max-width: 22rem;
  padding-bottom: 2.5rem;
}

.popup .content-wrap .single-content.register .data {
  padding-top: 0;
  padding-bottom: 2rem;
}

.popup .content-wrap .single-content.register .fields {
  max-width: 39.25rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  margin: 0 auto;
}

.popup .content-wrap .single-content.register .fields .field {
  position: relative;
}

.popup .content-wrap .single-content.register .fields .field input {
  border-radius: 1.75rem;
  background-color: var(--grey);
  font-weight: 700;
  border: 0;
  outline: 0;
  padding: 1rem 1.4rem;
  width: 100%;
  font-size: 1rem;
}

.popup .content-wrap .single-content.register .fields .field input::placeholder {
  color: rgba(1, 99, 151, 0.5);
}

.popup .content-wrap .single-content.register .fields .field p {
  text-align: left;
  padding-left: 0.45rem;
  margin-top: 0.5rem;
  color: var(--orange);
  font-weight: 700;
  display: none;
  font-size: 0.675rem;
  position: absolute;
}

.popup .content-wrap .single-content.register .fields .privacy-checkbox {
  grid-column: span 2;
  font-size: 0.9375rem;
  text-align: center;
}

.popup .content-wrap .single-content.register .fields .privacy-checkbox label {
  position: relative;
}

.popup .content-wrap .single-content.register .fields .privacy-checkbox input {
  display: none;
}

.popup .content-wrap .single-content.register .fields .privacy-checkbox a {
  font-weight: 700;
  text-decoration: underline;
}

.popup .content-wrap .single-content.register .fields .privacy-checkbox input:checked ~ span.custom-input:before {
  background-color: var(--blue);
  border-color: var(--blue);
}

.popup .content-wrap .single-content.register .fields .privacy-checkbox span.custom-input:before {
  border-radius: 50%;
  display: inline-block;
  width: 0.7rem;
  height: 0.7rem;
  border: 0.1rem solid var(--darkgrey);
  content: "";
  position: relative;
  top: 0.1rem;
  margin-right: 0.2rem;
}

.popup .content-wrap .single-content.register .fields .errors {
  grid-column: span 2;
  color: var(--orange);
}

.popup .content-wrap .single-content.register .btn-wrap {
  padding-bottom: 3.6875rem;
  text-align: center;
}

.popup .content-wrap .single-content.message .icon {
  display: inline-flex;
  justify-content: center;
  position: relative;
}

.popup .content-wrap .single-content.message .icon:before {
  background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29.022\" height=\"20.226\" viewBox=\"0 0 29.022 20.226\"><path id=\"Tracciato_19750\" data-name=\"Tracciato 19750\" d=\"M9419.7,405.063l7.762,7.762,14.19-14.19\" transform=\"translate%28-9416.165 -395.099%29\" fill=\"none\" stroke=\"%23fff\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"5\"/></svg>");
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.4rem;
  height: 1rem;
}

.popup .content-wrap .single-content.message.error .icon:before {
  width: 1.43rem;
  height: 1.43rem;
  background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"28.816\" height=\"28.872\" viewBox=\"0 0 28.816 28.872\"><g id=\"Componente_1_1\" data-name=\"Componente 1 %E2%80%93 1\" transform=\"translate%282.912 2.912%29\"><line id=\"Linea_8\" data-name=\"Linea 8\" x1=\"0.943\" y2=\"31.574\" transform=\"translate%2822.326 0%29 rotate%2845%29\" fill=\"none\" stroke=\"%23fff\" stroke-linecap=\"round\" stroke-width=\"4\"/><line id=\"Linea_9\" data-name=\"Linea 9\" x2=\"0.943\" y2=\"31.574\" transform=\"translate%2822.993 22.382%29 rotate%28135%29\" fill=\"none\" stroke=\"%23fff\" stroke-linecap=\"round\" stroke-width=\"4\"/></g></svg>");
}

.popup .content-wrap .single-content.message .icon img {
  margin: auto;
}

.popup .content-wrap .single-content.message .title h3 {
  max-width: 100%;
  padding-bottom: 0rem;
  padding-top: 1.9rem;
}

.popup .content-wrap .single-content.message .data {
  padding-top: 2.15rem;
}

/* -----------------------------------
==============================================================================
	# HEADER
==============================================================================
----------------------------------- */

header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  color: white;
  padding-top: 3.56rem;
}

header .content {
  display: flex;
  align-items: center;
}

header .content:before {
  flex: 3;
  content: "";
}

header .content .logo {
  position: fixed;
  top: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

header .content .logo img {
  display: block;
  width: 6rem;
}

header .content .title {
  flex: 5;
  text-align: center;
  font-weight: 700;
  font-size: 1.25rem;
}

header .content .social {
  flex: 3;
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

header .content .social a {
  transform: scale(1);
  transition: transform 200ms ease-in-out;
}

header .content .social a:hover {
  transform: scale(1.15);
}

/* -----------------------------------
==============================================================================
	# MAIN
==============================================================================
----------------------------------- */

/* Hero */
section#hero {
  color: white;
  min-height: 80vh;
  display: grid;
  align-items: center;
}

section#hero .bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

section#hero .bg-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: bottom;
}

section#hero .content {
  position: relative;
  z-index: 1;
  padding-top: 12.18rem;
  padding-bottom: 10.3rem;
}

section#hero .content .title {
  text-align: center;
  max-width: 55rem;
  margin: 0 auto;
}

section#hero .content .title h1 {
  font-size: 5.625rem;
  line-height: 0.955;
}

section#hero .content .text {
  padding-top: 2.5rem;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.875;
  max-width: 36.25rem;
  margin: 0 auto;
}

/* Scopri il regolamento */
section#discover-rules {
  margin-top: -5rem;
}

section#discover-rules .btn-wrap {
  position: absolute;
  left: 50%;
  transform: translatex(-50%);
  top: -1.6rem;
  z-index: 1;
}

section#discover-rules .bg-img img {
  width: 100%;
}

section#discover-rules .text h2 {
  position: absolute;
  top: 50%;
  margin-top: -3.2rem;
  transform: translate(-50%, -50%);
  left: 50%;
  font-size: 4.125rem;
  line-height: 1;
  color: white;
  text-align: center;
  width: 100%;
}

section#discover-rules .text span {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
}

section#discover-rules .text img {
  width: 2.43rem;
  height: auto;
}

/* Regolamento */
section#rules {
  margin-top: -27.5vw;
}

section#rules .content {
  background-color: #a1caf1;
  position: relative;
  padding-bottom: 12rem;
}

section#rules .content .shape-latte img {
  position: absolute;
  width: 26vw;
  top: 4vw;
  left: 0;
  max-width: 22.75rem;
  z-index: 1;
}

section#rules .content .shape-telefono img {
  position: absolute;
  width: 30vw;
  top: 3vw;
  right: 0;
  z-index: 1;
  max-width: 27rem;
}

section#rules .content .shape-biscotto img {
  position: absolute;
  width: 14vw;
  bottom: 17.5rem;
  left: 8vw;
  z-index: 1;
  max-width: 12.18rem;
}

section#rules .content .steps {
  padding-top: 2rem;
}

section#rules .content .steps .step {
  text-align: center;
  max-width: 49rem;
  margin: 0 auto;
}

section#rules .content .steps .step .step-wrapper {
  position: relative;
  z-index: 1;
}

section#rules .content .steps .step .number {
  position: relative;
  display: grid;
  align-items: center;
  width: 5.9rem;
  height: 5.79rem;
  justify-content: center;
  margin: 0 auto;
}

section#rules .content .steps .step .number p {
  position: relative;
  z-index: 1;
}

section#rules .content .steps .step .number:before {
  background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"94.497\" height=\"92.701\" viewBox=\"0 0 94.497 92.701\"><defs><clipPath id=\"clip-path\"><rect x=\"16\" y=\"17\" width=\"94.497\" height=\"92.701\" fill=\"none\"/></clipPath></defs><g id=\"Scorri_gruppo_1\" data-name=\"Scorri gruppo 1\" transform=\"translate%28-16 -17%29\" clip-path=\"url%28%23clip-path%29\" style=\"isolation: isolate\"><path id=\"Tracciato_19710\" data-name=\"Tracciato 19710\" d=\"M92.733,53.006a23.952,23.952,0,0,1-3.9,10.152,39.042,39.042,0,0,1-10.865,9.717c-3.024,1.934-6.052,3.873-8.966,5.964-4.965,3.561-9.578,7.6-14.808,10.8a21.236,21.236,0,0,1-11.546,3.485,30.37,30.37,0,0,1-7.652-1.39A50.563,50.563,0,0,1,23.964,86.9a46.525,46.525,0,0,1-8.635-5.988A55.91,55.91,0,0,1,2.358,63.775,20.316,20.316,0,0,1,1.216,47.4C3.141,42,5.9,37,8.443,31.905a51.37,51.37,0,0,0,3.2-8.822c1.31-4.545,2.263-9.2,4.06-13.593,1.316-3.216,2.846-6.312,6.258-7.982A16.318,16.318,0,0,1,29.539,0,58.791,58.791,0,0,1,39.962,1.144C47.452,2.715,55.066,3.652,62.5,5.5A35.5,35.5,0,0,1,75.345,11.08,54.283,54.283,0,0,1,87.118,22.923a35.108,35.108,0,0,1,6.549,19.92A49.637,49.637,0,0,1,92.733,53.006Z\" transform=\"translate%2880.654%29 rotate%2860%29\" fill=\"%23fff\"/></g></svg>");
  background-repeat: no-repeat;
  background-size: contain;
  width: 5.9rem;
  height: 5.79rem;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
}

section#rules .content .steps .step .number,
section#rules .content .steps .step .text h3 {
  position: relative;
  z-index: 1;
  font-size: 2.875rem;
  line-height: 1;
  font-family: var(--ff-alternate);
  color: var(--blue);
}

section#rules .content .steps .step .text {
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 700;
  margin-top: 1.81rem;
}

section#rules .content .steps .step .text p {
  position: relative;
  z-index: 1;
  color: white;
  padding-top: 0.75rem;
}

section#rules .content .steps .step.one .text p {
  max-width: 22rem;
  margin: auto;
}

section#rules .content .steps .divider.lines {
  display: flex;
  justify-content: center;
  margin: 1.625rem 0;
  position: relative;
  z-index: 1;
}

section#rules .content .bg-bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
}

section#rules .content .bg-bottom img {
  width: 100%;
}

/* Vinci una degustazione */
section#award {
  padding-top: 2.125rem;
  padding-bottom: 6.03rem;
}

section#award .columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

section#award .columns .column.left {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 2rem;
}

section#award .columns .column.left .column-wrapper {
  grid-column: span 6;
  display: grid;
  align-items: center;
}

section#award .columns .column.left .column-wrapper img {
  max-width: 25.5rem;
  margin: 0 auto;
  left: -1rem;
  position: relative;
  border-radius: 0.625rem;
}

section#award .columns .column.right {
  display: grid;
  align-items: center;
  position: relative;
}

section#award .columns .column.right .column-wrapper {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  max-width: 29.875rem;
}

section#award .columns .column.right .column-wrapper img {
  position: absolute;
  top: -3.5rem;
  right: 1rem;
}

section#award .columns .column.right .column-wrapper .small-title {
  font-weight: 700;
  padding-bottom: 1.05rem;
  font-size: 1.25rem;
  text-transform: uppercase;
}

section#award .columns .column.right .column-wrapper .title h2 {
  font-size: 4.125rem;
  line-height: 1;
  font-family: var(--ff-alternate);
  color: var(--orange);
}

section#award .columns .column.right .column-wrapper .text {
  font-size: 1.125rem;
  line-height: 1.875;
  padding-top: 3.06rem;
}

section#award .columns .column.right .column-wrapper .btn-wrap {
  padding-top: 3.3125rem;
}

/* Domande frequenti */
section#questions {
  background-color: var(--orange);
  padding: 8.875rem 0;
}

section#questions .columns {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 2rem;
}

section#questions .columns .column.left {
  grid-column: span 5;
  color: white;
}

section#questions .columns .column.left .title h2 {
  font-size: 4.125rem;
  line-height: 1;
}

section#questions .columns .column.left .text {
  font-size: 1.5rem;
  line-height: 1.333;
  margin-top: 2.71rem;
  max-width: 23rem;
}

section#questions .columns .column.right {
  grid-column: span 7;
  display: grid;
  gap: 2.125rem;
}

section#questions .columns .column.right .accordion {
  background-color: white;
  border-radius: 2.375rem;
}

section#questions .columns .column.right .accordion .title {
  cursor: pointer;
  padding: 1rem 1.375rem 1rem 2.125rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}

section#questions .columns .column.right .accordion .title h3 {
  font-family: var(--ff-normal);
  font-size: 1rem;
  max-width: 87%;
  color: var(--blue);
}

section#questions .columns .column.right .accordion .title:after {
  content: "";
  background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"42\" height=\"42\" viewBox=\"0 0 42 42\"><defs><clipPath id=\"clip-path\"><rect id=\"Rettangolo_485\" data-name=\"Rettangolo 485\" width=\"42\" height=\"42\" fill=\"%23eeebe9\"/></clipPath></defs><g id=\"Raggruppa_571\" data-name=\"Raggruppa 571\" clip-path=\"url%28%23clip-path%29\"><path id=\"Tracciato_19733\" data-name=\"Tracciato 19733\" d=\"M31.824,31.946a3.743,3.743,0,0,0-.065.644A10.926,10.926,0,0,1,23.485,41.7a10.735,10.735,0,0,1-3.289.271,10.868,10.868,0,0,1-9.9-8.436c-.1-.474-.169-.949-.237-1.423-.034-.2-.034-.2-.237-.237a10.377,10.377,0,0,1-5.7-2.334,10.7,10.7,0,0,1-3.9-6.336A10.956,10.956,0,0,1,8.292,10.4a8.7,8.7,0,0,1,1.594-.271c.1,0,.169-.034.271-.034a10.87,10.87,0,0,1,4.951-8.334A10.461,10.461,0,0,1,21.755.033a10.6,10.6,0,0,1,7.02,3.151A10.9,10.9,0,0,1,32,10.162,10.835,10.835,0,0,1,39.8,14.5a10.582,10.582,0,0,1,2.2,6.47A10.9,10.9,0,0,1,31.824,31.946\" transform=\"translate%280 0%29\" fill=\"%23eeebe9\"/></g><g id=\"Raggruppa_342\" data-name=\"Raggruppa 342\" transform=\"translate%28-1540.608 -3536.393%29\"><line id=\"Linea_1\" data-name=\"Linea 1\" y2=\"16\" transform=\"translate%281561.568 3549.393%29\" fill=\"none\" stroke=\"%230163a1\" stroke-linecap=\"round\" stroke-width=\"3\"/><line id=\"Linea_2\" data-name=\"Linea 2\" y2=\"16\" transform=\"translate%281569.608 3557.432%29 rotate%2890%29\" fill=\"none\" stroke=\"%230163a1\" stroke-linecap=\"round\" stroke-width=\"3\"/></g></svg>");
  background-size: contain;
  background-repeat: no-repeat;
  width: 2.625rem;
  height: 2.625rem;
  display: inline-block;
}

section#questions .columns .column.right .accordion.active .title:after {
  background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"42\" height=\"42\" viewBox=\"0 0 42 42\"><defs><clipPath id=\"clip-path\"><rect id=\"Rettangolo_485\" data-name=\"Rettangolo 485\" width=\"42\" height=\"42\" fill=\"%23eeebe9\"/></clipPath></defs><g id=\"Raggruppa_639\" data-name=\"Raggruppa 639\" transform=\"translate%28-1247 -3126%29\"><g id=\"Raggruppa_571\" data-name=\"Raggruppa 571\" transform=\"translate%281247 3126%29\" clip-path=\"url%28%23clip-path%29\"><path id=\"Tracciato_19733\" data-name=\"Tracciato 19733\" d=\"M31.824,31.946a3.743,3.743,0,0,0-.065.644A10.926,10.926,0,0,1,23.485,41.7a10.735,10.735,0,0,1-3.289.271,10.868,10.868,0,0,1-9.9-8.436c-.1-.474-.169-.949-.237-1.423-.034-.2-.034-.2-.237-.237a10.377,10.377,0,0,1-5.7-2.334,10.7,10.7,0,0,1-3.9-6.336A10.956,10.956,0,0,1,8.292,10.4a8.7,8.7,0,0,1,1.594-.271c.1,0,.169-.034.271-.034a10.87,10.87,0,0,1,4.951-8.334A10.461,10.461,0,0,1,21.755.033a10.6,10.6,0,0,1,7.02,3.151A10.9,10.9,0,0,1,32,10.162,10.835,10.835,0,0,1,39.8,14.5a10.582,10.582,0,0,1,2.2,6.47A10.9,10.9,0,0,1,31.824,31.946\" transform=\"translate%280 0%29\" fill=\"%23eeebe9\"/></g><g id=\"Raggruppa_342\" data-name=\"Raggruppa 342\" transform=\"translate%28-286.608 -438.393%29\"><line id=\"Linea_2\" data-name=\"Linea 2\" y2=\"16\" transform=\"translate%281562.608 3585.432%29 rotate%2890%29\" fill=\"none\" stroke=\"%230163a1\" stroke-linecap=\"round\" stroke-width=\"3\"/></g></g></svg>");
}

section#questions .columns .column.right .accordion .text {
  max-height: 0rem;
  overflow: hidden;
  transition: all 300ms ease-in-out;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 2rem;
  padding-left: 2.125rem;
}

section#questions .columns .column.right .accordion.active .text {
  max-height: 200rem;
}

section#questions .columns .column.right .accordion .text .text-wrapper {
  grid-column: span 5;
  border-top: 2px solid var(--grey);
  padding-top: 1.5rem;
  padding-bottom: 1.75rem;
  font-size: 1rem;
  line-height: 1.8;
  font-weight: 300;
}

section#questions .bg-top {
  position: absolute;
  top: -1rem;
  left: 0;
  width: 100%;
  height: auto;
}

section#questions .bg-top img {
  width: 100%;
}

section#questions .bg-bottom img {
  width: 100%;
}

section#questions .bg-bottom {
  position: absolute;
  bottom: -1rem;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 1;
}

/* Le vostre immagini */
section#images {
  background-color: var(--grey);
  padding: 6.75rem 0;
  overflow: hidden;
}

section#images .swiper {
  overflow: visible;
}

section#images .title {
  padding-bottom: 4rem;
}

section#images .title h2 {
  font-size: 4.125rem;
  line-height: 1;
  color: var(--blue);
  text-align: center;
}

section#images .title h2 span {
  position: relative;
  z-index: 1;
}

section#images .title h2 span:after {
  content: "";
  background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"250.179\" height=\"96.004\" viewBox=\"0 0 250.179 96.004\"><defs><clipPath id=\"clip-path\"><rect id=\"Rettangolo_505\" data-name=\"Rettangolo 505\" width=\"250.179\" height=\"96.004\" fill=\"%23fff\" stroke=\"%23fff\" stroke-width=\"1\"/></clipPath></defs><g id=\"Raggruppa_596\" data-name=\"Raggruppa 596\" transform=\"translate%280 0%29\"><g id=\"Raggruppa_595\" data-name=\"Raggruppa 595\" transform=\"translate%280 0%29\" clip-path=\"url%28%23clip-path%29\"><path id=\"Tracciato_19736\" data-name=\"Tracciato 19736\" d=\"M110.965,90.287c27.115-.583,57.335-2.826,87.024-9.493,9.218-2.07,18.335-4.536,26.824-8.589a64.375,64.375,0,0,0,10.922-6.471,24.847,24.847,0,0,0,6.123-6.866c3.737-6.143,2.689-12.492-3.019-17.078a55.053,55.053,0,0,0-11.176-6.8c-11.524-5.371-23.724-9.028-36.194-11.9-10.324-2.375-20.847-3.319-31.416-3.949a11.445,11.445,0,0,1-3.685-.465c-.866-.367-2.019-1.523-1.922-2.182a4.073,4.073,0,0,1,2.075-2.518c.881-.455,2.17-.249,3.28-.259,17.191-.159,33.786,3.076,49.932,8.323a231.678,231.678,0,0,1,23.123,9,44.094,44.094,0,0,1,10.893,7.178c6.787,5.984,8.161,14.083,4.316,22.049a28.823,28.823,0,0,1-8.8,10.374c-6.6,5.02-14.207,8.228-22.115,10.872-15.291,5.112-31.122,8.025-47.126,10.17a487.207,487.207,0,0,1-57.429,4.261c-23.039.345-45.939-.763-68.461-5.787a93.8,93.8,0,0,1-25.591-9.376c-5.194-2.9-9.955-6.306-13.582-10.935-5.871-7.5-6.466-15.46-2.121-23.758A41.441,41.441,0,0,1,12.93,34.119C23.6,24.94,36.166,18.783,49.48,13.9c17.362-6.375,35.463-9.908,53.9-12.009a325.491,325.491,0,0,1,70.88.1C194.643,4.117,214.737,7.65,234.02,14.52c2.468.879,4.851,1.978,7.246,3.031,1.677.737,2.76,1.883,2.042,3.758-.535,1.4-2.156,1.816-4.3.9-12.141-5.2-25.066-7.814-38.006-10.381A338.421,338.421,0,0,0,155.06,6.319,287.682,287.682,0,0,0,73.8,12.811a161.241,161.241,0,0,0-41.147,15A75.826,75.826,0,0,0,14.422,40.894a39.9,39.9,0,0,0-5.333,6.54C4.448,54.75,5.115,61.939,11.4,68.01a56.205,56.205,0,0,0,10.79,7.979C30.827,81,40.478,83.629,50.338,85.54c18.912,3.665,38.068,4.789,60.627,4.747\" transform=\"translate%280 0%29\" fill=\"%23fff\" stroke=\"%23fff\" stroke-width=\"1\"/></g></g></svg>");
  background-size: contain;
  background-repeat: no-repeat;
  width: 15.6rem;
  height: 6rem;
  z-index: -1;
  position: absolute;
  top: -1rem;
  left: -0.5rem;
}

section#images .swiper .swiper-slide .img {
  position: relative;
  overflow: hidden;
  padding-bottom: 100%;
}

section#images .swiper .swiper-slide .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 0.625rem 0.625rem 0 0;
}

section#images .swiper .swiper-slide .data {
  padding: 0.9rem 1.3475rem 1.09375rem 1.3475rem;
  color: var(--blue);
  background-color: white;
  border-radius: 0 0 0.625rem 0.625rem;
}

section#images .swiper .swiper-slide .data .name {
  font-weight: bold;
  line-height: 1.5;
}

section#images .swiper .swiper-slide .data .city {
  line-height: 1.5;
}

/* Termini & Condizioni */
section#term-conditions {
  background-color: var(--grey);
  padding: 4.875rem 0;
  color: white;
}

section#term-conditions .container {
  position: relative;
  z-index: 1;
}

section#term-conditions .bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

section#term-conditions .bg-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

section#term-conditions .small-title p {
  display: flex;
  gap: 0.3125rem;
  justify-content: center;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.666;
}

section#term-conditions .small-title img {
  position: relative;
  top: -0.25rem;
}

section#term-conditions .text {
  margin-top: 1.375rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 61.75rem;
  font-size: 0.75rem;
  line-height: 1.666;
  text-align: center;
}

/* -----------------------------------
==============================================================================
	# FOOTER
==============================================================================
----------------------------------- */

footer .footer-main .container {
  padding-top: 6.5rem;
}

footer .footer-main .container .columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  padding-bottom: 3.125rem;
  border-bottom: 2px solid var(--grey);
}

footer .footer-main .container .columns .title {
  font-weight: bold;
  color: var(--blue);
  margin-bottom: 2.25rem;
  font-size: 1.25rem;
  line-height: 1.2;
}

footer .footer-main .container .columns .text {
  font-size: 0.875rem;
  line-height: 1.57;
}

footer .footer-main .container .columns .social {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

footer .footer-main .container .columns .social a {
  transform: scale(1);
  transition: transform 200ms ease-in-out;
}

footer .footer-main .container .columns .social a:hover {
  transform: scale(1.15);
}

footer .footer-main .container .partner {
  padding-top: 3.34rem;
  padding-bottom: 3.18rem;
}

footer .footer-main .container .partner img {
  max-width: 27.5rem;
  width: 100%;
  margin: 0 auto;
}

footer .footer-main .container .partner .text {
  padding-top: 1.5rem;
  text-align: center;
  font-size: 0.875rem;
}

footer .footer-copyright {
  background-color: var(--grey);
  padding: 3.375rem 0;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.7;
}

footer .footer-copyright a.email {
  text-decoration: underline;
}

/* -----------------------------------
==============================================================================
	# MEDIA QUERY
==============================================================================
----------------------------------- */

/* Da 991 a 1080px */
@media only screen and (min-width: 991px) and (max-width: 1080px) {
  section#hero .content .title h1 {
    font-size: 4.625rem;
    max-width: 47rem;
    margin: 0 auto;
  }

  section#discover-rules .text h2,
  section#award .columns .column.right .column-wrapper .title h2,
  section#questions .columns .column.left .title h2,
  section#images .title h2 {
    font-size: 3.5rem;
  }

  section#rules .content .steps .step .number,
  section#rules .content .steps .step .text h3,
  .popup .content-wrap .single-content .title h3 {
    font-size: 2.5rem;
  }

  section#images .title h2 span:after {
    left: -0.8rem;
    width: 13.6rem;
  }
}

/* Da 768 a 990px */
@media only screen and (min-width: 768px) and (max-width: 990px) {
  .popup .content-wrap .single-content .title h3 {
    max-width: 29rem;
  }

  section#hero .content .title h1 {
    font-size: 4.3rem;
    max-width: 44rem;
    margin: 0 auto;
  }

  section#discover-rules .text h2,
  section#award .columns .column.right .column-wrapper .title h2,
  section#questions .columns .column.left .title h2,
  section#images .title h2 {
    font-size: 3rem;
  }

  section#rules .content .steps .step .number,
  section#rules .content .steps .step .text h3,
  .popup .content-wrap .single-content .title h3 {
    font-size: 2.2rem;
  }

  section#questions .columns .column.left .text {
    font-size: 1.3rem;
  }

  section#discover-rules .text h2 {
    margin-top: -2.5rem;
  }

  section#images .title h2 span:after {
    left: -0.8rem;
    width: 13.6rem;
  }

  section#hero .content .text {
    max-width: 32.25rem;
  }

  section#award .columns .column.right .column-wrapper {
    max-width: 24.5rem;
  }

  section#award .columns .column.right .column-wrapper img {
    right: -1rem;
    max-width: 10rem;
  }
}

/* Sopra a 768px */
@media only screen and (min-width: 768px) {
  .mobile-only {
    display: none !important;
  }
}

/* Fino a 767px */
@media only screen and (max-width: 767px) {
  .desktop-only {
    display: none !important;
  }

  .btn {
    font-size: 0.8375rem;
    padding: 0.8rem 2.18rem;
  }

  header .content .logo img {
    max-width: 4.5rem;
  }

  section#hero {
    min-height: auto;
  }

  section#hero .content {
    padding-top: 10.125rem;
    padding-bottom: 9.525rem;
  }

  section#hero .content .small-title {
    padding-bottom: 0.625rem;
    text-align: center;
    font-weight: 700;
    font-size: 1rem;
  }

  section#hero .content .title h1 {
    font-size: 2.9rem;
    line-height: 1.01;
    max-width: 100%;
    margin: 0 auto;
  }

  section#hero .content .text {
    padding-top: 1.125rem;
    font-size: 0.8375rem;
    line-height: 1.7;
  }

  .btn-fixed {
    display: none;
  }

  .btn.upload {
    padding: 0.5rem 1.4675rem 0.6rem 1.3rem;
  }

  .popup .content-wrap .single-content .img img {
    min-height: 10rem;
    object-fit: cover;
  }

  .popup .content-wrap .single-content.register .fields {
    grid-template-columns: 1fr;
    gap: 1.2rem;
  }

  .popup .content-wrap .single-content.register .fields .field {
    grid-column: span 2;
  }

  .popup .content-wrap .single-content.register .fields .field input {
    padding: 0.8rem 1.4rem;
  }

  .popup .content-wrap .single-content .close-popup {
    top: 1rem;
    right: 1rem;
  }

  .popup .content-wrap .single-content.register {
    padding-top: 3.1rem;
  }

  .popup .content-wrap .single-content.message .icon {
    max-width: 4rem;
  }

  .popup .content-wrap .single-content.register .title h3 {
    max-width: 18rem;
  }

  header .content .title {
    display: none;
  }

  section#discover-rules .text h2,
  section#award .columns .column.right .column-wrapper .title h2,
  section#questions .columns .column.left .title h2,
  section#images .title h2 {
    font-size: 2.625rem;
  }

  section#rules .content .steps .step .number,
  section#rules .content .steps .step .text h3,
  .popup .content-wrap .single-content .title h3 {
    font-size: 2.25rem;
  }

  .popup .content-wrap {
    position: absolute;
    top: 3.2rem;
    left: 50%;
    transform: translatex(-50%);
    max-width: 52rem;
    margin: 0 auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 100%;
  }

  .popup .content-wrap .single-content {
    max-height: calc(85vh - 6.4rem);
    overflow-y: scroll;
  }

  .popup .content-wrap .single-content .title h3 {
    font-size: 1.8rem;
  }

  section#questions .columns .column.left .text {
    font-size: 1.3rem;
  }

  section#discover-rules {
    margin-top: -4.5rem;
  }

  section#discover-rules .bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  section#discover-rules .btn-wrap {
    top: -1.2rem;
  }

  section#discover-rules .text img {
    top: 1.4rem;
    position: relative;
  }

  section#discover-rules .text h2 {
    transform: none;
    padding-top: 3.4rem;
    top: 0;
    position: relative;
    left: 0;
    padding-bottom: 5.3rem;
    max-width: 20rem;
    margin: 0 auto;
  }

  section#rules {
    margin-top: -6.5rem;
    overflow-x: hidden;
  }

  section#rules .content {
    padding-bottom: 6.5rem;
  }

  section#rules .content .container {
    padding-left: 0;
    padding-right: 0;
  }

  section#rules .content .shape-biscotto img {
    position: relative;
    width: 8.75rem;
    width: 36vw;
    max-width: none;
    top: 0.5rem;
    left: auto;
    transform: translatex(1.5rem) rotate(55deg);
  }

  section#rules .content .shape-latte img {
    width: 38vw;
    position: relative;
    top: 1rem;
    max-width: none;
    transform: translatex(-1.6rem);
  }

  section#rules .content .shape-telefono img {
    position: relative;
    top: 0;
    width: 41vw;
    transform: translatex(2rem);
    max-width: none;
  }

  section#rules .content .steps {
    padding-top: 1.875rem;
    display: grid;
    gap: 3.2rem;
  }

  section#rules .content .steps .divider.lines {
    display: none;
  }

  section#rules .content .steps .step {
    display: flex;
    justify-content: space-between;
    text-align: left;
    width: 100%;
    max-width: 100%;
  }

  section#rules .content .steps .step.one,
  section#rules .content .steps .step.three {
    padding-left: 1.5rem;
  }

  section#rules .content .steps .step.two {
    padding-right: 1.5rem;
  }

  section#rules .content .steps .step .number {
    margin-left: 0;
    width: 3.8rem;
    height: 3.8rem;
  }

  section#rules .content .steps .step .number:before {
    width: 3.8rem;
    height: 3.8rem;
  }

  section#rules .content .steps .step .step-wrapper {
    max-width: 13.3rem;
  }

  section#rules .content .steps .step.two .step-wrapper {
    text-align: right;
  }

  section#rules .content .steps .step.two .number {
    margin-left: auto;
    margin-right: 0;
  }

  section#rules .content .steps .step .text p {
    padding-top: 0.83rem;
    font-size: 0.8375rem;
    line-height: 1.57;
  }

  section#rules .content .steps .step.one .text h3 {
    max-width: 9rem;
  }

  section#award {
    padding-top: 3rem;
    padding-bottom: 5rem;
  }

  section#award .columns .column.right .column-wrapper .small-title,
  section#award .columns .column.right .column-wrapper .title {
    text-align: center;
  }

  section#award .columns .column.right .column-wrapper .small-title {
    padding-bottom: 0.875rem;
    font-size: 0.875rem;
  }

  section#award .columns .column.right .column-wrapper {
    padding-top: 0;
    padding-bottom: 0;
  }

  section#award .columns .column.right .column-wrapper .text {
    font-size: 0.875rem;
    line-height: 1.7;
    text-align: center;
    padding-top: 1.81rem;
  }

  section#award .columns .column.right .column-wrapper .title {
    padding-bottom: 2.28rem;
  }

  section#award .columns .column.right .column-wrapper .btn-wrap {
    padding-top: 1.81rem;
    text-align: center;
  }

  section#award .columns .column.right .column-wrapper .img {
    position: relative;
  }

  section#award .columns .column.right .column-wrapper .img img.mobile-only {
    position: unset;
    max-width: 12.06rem;
    margin: 0 auto;
  }

  section#award .columns .column.right .column-wrapper .img img:last-child {
    width: 5rem;
    top: -1.5rem;
    right: -1rem;
  }

  section#images {
    padding: 5.1rem 0 4.7rem 0;
  }

  section#images .swiper .swiper-slide .data {
    font-size: 0.875rem;
  }

  section#images .title h2 span:after {
    position: absolute;
    top: -0.7rem;
    left: -0.6rem;
    width: 10.2rem;
  }

  section#questions {
    padding: 4.1rem 0 4.5rem 0;
    overflow: hidden;
  }

  section#questions .bg-top {
    top: -0.6rem;
    left: -1rem;
    width: calc(100% + 2rem);
  }

  section#questions .bg-bottom {
    bottom: -0.6rem;
    left: -1rem;
    width: calc(100% + 2rem);
  }

  section#award .columns,
  section#questions .columns {
    grid-template-columns: 1fr;
  }

  section#questions .columns {
    gap: 0;
  }

  section#questions .columns .column.right .accordion .title {
    padding-right: 1.5rem;
  }

  section#questions .columns .column.left .small-title {
    padding-bottom: 0.8375rem;
    text-transform: uppercase;
    font-weight: bold;
  }

  section#questions .columns .column.left .text {
    margin-top: 1.8rem;
    margin-bottom: 1.8rem;
    font-size: 0.875rem;
    line-height: 1.7;
  }

  section#questions .columns .column.right .accordion .title:after {
    min-width: 2.625rem;
  }

  section#questions .columns .column.right .accordion .title h3,
  section#questions .columns .column.right .accordion .text .text-wrapper {
    font-size: 0.875rem;
    line-height: 1.7;
  }

  section#term-conditions {
    padding: 4.3rem 0;
  }

  section#term-conditions .text {
    font-size: 0.8375rem;
    line-height: 1.7;
  }

  footer .footer-main .container {
    padding-top: 4.5rem;
  }

  footer .footer-main .container .columns .title {
    font-size: 1rem;
  }

  footer .footer-main .container .columns {
    grid-template-columns: 1fr;
    gap: 2.35rem;
  }
}

/* -----------------------------------
==============================================================================
  # COOKIEBOT
==============================================================================
----------------------------------- */
body #CybotCookiebotDialogHeader {
  display: none;
}
body #CybotCookiebotDialog *,
body #CybotCookiebotDialogBodyUnderlay * {
  font-family: "Poppins";
}
body #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
  border-bottom: 1px solid var(--blue);
  color: var(--blue);
}
body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept,
body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept,
body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  background-color: var(--blue);
  border-color: var(--blue);
  color: #ffffff;
}
body #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
  background-color: var(--blue);
  border-color: var(--blue);
}
body #CybotCookiebotDialogTabContent input:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: var(--blue);
}
body #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
  border: 2px solid var(--blue);
}
body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize,
body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
body #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
  border-color: var(--blue);
}
body #CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a,
body #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink,
body #CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a,
body #CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a,
body #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a,
body #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink,
body #CybotCookiebotDialogDetailBodyContentTextAbout a,
body #CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover,
body #CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentIABv2Tab:hover,
body #CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider:not(.CybotCookiebotDialogDetailBodyContentCookieInfoCount):hover,
body #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover,
body #CybotCookiebotDialogBodyLevelButtonsSelectPane label:not([for="CybotCookiebotDialogBodyLevelButtonNecessary"]) .CybotCookiebotDialogBodyLevelButtonDescription:hover,
body #CookiebotWidget .CookiebotWidget-consent-details button {
  color: var(--blue);
}
body #CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo,
body #CybotCookiebotDialogPoweredByText {
  display: none;
}
body #CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg {
  fill: var(--blue);
}
body #CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieTypeTableContainer,
body #CybotCookiebotDialogDetailBodyContentIABv2Tabs .CollapseCard {
  margin-left: 0;
}
body #CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieTypeIntro {
  padding-left: 0;
}

/**
 * Swiper 10.2.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 17, 2023
 */

/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, 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");
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  overflow: clip;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */