/* -------------------------------  CAROSELLO*/

.customCarousel--1 {
  --carousel-text-font: 400 12px/16px Arial, Helvetica, sans-serif;
  --carousel-text-background: rgba(255, 255, 255, 1);
  --carousel-text-box-shadow: 0px 0px 12px 1px #00143c1a;
  --carousel-text-color: #2e4068;
  --carousel-bullet-color: rgba(255, 255, 255, 0.4);
  --carousel-bullet-active-color: rgba(255, 255, 255, 1);
  --carousel-bullet-gap: 16px;
  --carousel-bullet-height: 3px;
  --carousel-bullet-width: 30px;
  --carousel-bullet-border-radius: 0;
  /**/
  /* These variables are used to calculate the padding-bottoms of the customCarousel__pagination and customCarousel__navigation */
  --carousel-slide-outer-padding-top: 12px;
  --carousel-slide-outer-padding-bottom: 12px;
  --carousel-slide-outer-padding-left: 12px;
  --carousel-slide-outer-padding-right: 12px;
  --carousel-image-aspect-ratio: calc(297 / 97);
  /**/
  --carousel-image-border-radius: 10px; /* 10px 0 0*/
  --carousel-text-border-radius: 0 0 10px 10px;
  /*
  	MOBILE
  */
  --carousel-heght-mobile: 100px;
}
.customCarousel--1 .customCarousel__image img {
  object-fit: contain;
  display: block;
  height: max-content;
  width: 100%;
  border-radius: var(--carousel-image-border-radius);
}
.customCarousel--1 .customCarousel__slide {
  text-decoration: none;
}
.customCarousel--1 .customCarousel__slide__outer {
  padding-top: var(--carousel-slide-outer-padding-top);
  padding-bottom: var(--carousel-slide-outer-padding-bottom);
  padding-left: var(--carousel-slide-outer-padding-left);
  padding-right: var(--carousel-slide-outer-padding-right);
}
.customCarousel--1 .customCarousel__slide__inner {
  position: relative;
}
.customCarousel--1 .customCarousel__navigation {
  top: var(--carousel-slide-outer-padding-top);
  left: var(--carousel-slide-outer-padding-left);
  width: calc(100% - var(--carousel-slide-outer-padding-left) - var(--carousel-slide-outer-padding-right));
  padding-bottom: calc((100% - var(--carousel-slide-outer-padding-left) - var(--carousel-slide-outer-padding-right)) * 1 / var(--carousel-image-aspect-ratio));
  position: absolute;
  z-index: 1;
  pointer-events: none;
}
.customCarousel--1 .customCarousel__navigation__button {
  color: white;
  background: #adb3ce;
  border-radius: 5px;
  width: 20px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.customCarousel--1 .customCarousel__navigation__button:hover {
  color: rgb(255, 255, 255);
}
.customCarousel--1 .customCarousel__navigation__button::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  z-index: 999;
  background-color: currentColor;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.customCarousel--1 .customCarousel__navigation__button--prev {
   left: 10.75%;
}
.customCarousel--1 .customCarousel__navigation__button--prev::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 13.6 23.4' style='enable-background:new 0 0 13.6 23.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23010101;%7D %3C/style%3E%3Cpath class='st0' d='M13.6,21.5c0,0.2,0,0.4-0.2,0.5l-1.2,1.2c-0.3,0.3-0.7,0.3-1,0c0,0,0,0,0,0l-11-10.9L0,11.8 c0-0.2,0.1-0.4,0.3-0.5l10.8-11c0.2-0.3,0.7-0.4,1-0.1c0,0,0.1,0.1,0.1,0.1l1.2,1.4l0.2,0.5c0,0.2,0,0.4-0.2,0.5l-9.2,9.1l9.2,9.2 C13.5,21.1,13.6,21.3,13.6,21.5z'/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 13.6 23.4' style='enable-background:new 0 0 13.6 23.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23010101;%7D %3C/style%3E%3Cpath class='st0' d='M13.6,21.5c0,0.2,0,0.4-0.2,0.5l-1.2,1.2c-0.3,0.3-0.7,0.3-1,0c0,0,0,0,0,0l-11-10.9L0,11.8 c0-0.2,0.1-0.4,0.3-0.5l10.8-11c0.2-0.3,0.7-0.4,1-0.1c0,0,0.1,0.1,0.1,0.1l1.2,1.4l0.2,0.5c0,0.2,0,0.4-0.2,0.5l-9.2,9.1l9.2,9.2 C13.5,21.1,13.6,21.3,13.6,21.5z'/%3E%3C/svg%3E%0A");
}
.customCarousel--1 .customCarousel__navigation__button--next {
  left: 89.25%;
}
.customCarousel--1 .customCarousel__navigation__button--next::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 13.6 23.4' style='enable-background:new 0 0 13.6 23.4;' xml:space='preserve'%3E%3Cpath d='M0,1.9c0-0.2,0-0.4,0.2-0.5l1.2-1.2c0.3-0.3,0.7-0.3,1,0c0,0,0,0,0,0l11,10.9l0.2,0.5c0,0.2-0.1,0.4-0.3,0.5l-10.8,11 c-0.2,0.3-0.7,0.4-1,0.1c0,0-0.1-0.1-0.1-0.1l-1.2-1.4L0,21.2c0-0.2,0-0.4,0.2-0.5l9.2-9.1L0.2,2.4C0.1,2.3,0,2.1,0,1.9z'/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 13.6 23.4' style='enable-background:new 0 0 13.6 23.4;' xml:space='preserve'%3E%3Cpath d='M0,1.9c0-0.2,0-0.4,0.2-0.5l1.2-1.2c0.3-0.3,0.7-0.3,1,0c0,0,0,0,0,0l11,10.9l0.2,0.5c0,0.2-0.1,0.4-0.3,0.5l-10.8,11 c-0.2,0.3-0.7,0.4-1,0.1c0,0-0.1-0.1-0.1-0.1l-1.2-1.4L0,21.2c0-0.2,0-0.4,0.2-0.5l9.2-9.1L0.2,2.4C0.1,2.3,0,2.1,0,1.9z'/%3E%3C/svg%3E%0A");
}
.customCarousel--1 .customCarousel__pagination {
  top: var(--carousel-slide-outer-padding-top) !important;
  bottom: unset !important;
  left: var(--carousel-slide-outer-padding-left);
  width: calc(100% - var(--carousel-slide-outer-padding-left) - var(--carousel-slide-outer-padding-right));
  padding-bottom: calc((100% - var(--carousel-slide-outer-padding-left) - var(--carousel-slide-outer-padding-right)) * 1 / var(--carousel-image-aspect-ratio));
  position: absolute;
  z-index: 2;
  pointer-events: none;
}
.customCarousel--1 .customCarousel__pagination__content {
  position: absolute;
  bottom: 10px;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: var(--carousel-bullet-gap);
}
.customCarousel--1 .customCarousel__pagination__bullet {
  height: var(--carousel-bullet-height);
  width: var(--carousel-bullet-width);
  border-radius: var(--carousel-bullet-border-radius);
  background-color: var(--carousel-bullet-color);
}
.customCarousel--1 .customCarousel__pagination__bullet--active {
  background: var(--carousel-bullet-active-color);
}
.customCarousel--1 .customCarousel__text {
  padding: 12px;
  border-radius: var(--carousel-text-border-radius);
  box-shadow: var(--carousel-text-box-shadow);
  font: var(--carousel-text-font);
  color: var(--carousel-text-color);
}
.customCarousel__counter {
	position: absolute;
	
}

/* -------------------------------  PROMO*/

.promoPage--1 {
  --promoPage-title-font-mobile: 600 12px/15px Arial, Helvetica, sans-serif;
  --promoPage-title-font-desktop: 600 16px/18px Arial, Helvetica, sans-serif;
  --promoPage-title-color: #636088;
  --promoPage-title-margin-mobile: 16px 0 16px 0;
  --promoPage-title-margin-desktop: 16px 0 16px 26px;
  --promoPage-nav-background: #f5f8ff;
  --promoPage-nav-border-radius-mobile: 4px;
  --promoPage-nav-border-radius-desktop: 4px;
  --promoPage-nav-padding-mobile: 4px;
  --promoPage-nav-padding-desktop: 4px;
  --promoPage-nav-margin-mobile: 0 0 0 0;
  --promoPage-nav-margin-desktop: 0 0 0 16px;
  --promoPage-nav-item-font-mobile: 600 12px/16px Arial, Helvetica, sans-serif;
  --promoPage-nav-item-font-desktop: 600 12px/16px Arial, Helvetica,
    sans-serif;
  --promoPage-nav-item-background: transparent;
  --promoPage-nav-item: #2a5fc9;
  --promoPage-nav-item-box-shadow: none;
  --promoPage-nav-item-selected-background: #ffffff;
  --promoPage-nav-item-selected-color: #2a5fc9;
  --promoPage-nav-item-selected-box-shadow: 0px 0px 6px 1px #00143c1a;
  --promoPage-nav-item-border-radius-mobile: 4px;
  --promoPage-nav-item-border-radius-desktop: 4px;
  --promoPage-nav-item-padding-mobile: 8px 16px;
  --promoPage-nav-item-padding-desktop: 8px 16px;
  --promoPage-nav-section-margin-mobile: 0 0;
  --promoPage-nav-section-margin-desktop: 0 10.5%;
  --promoPage-nav-section-padding-mobile: 0;
  --promoPage-nav-section-padding-desktop: 0;
  --promoPage-nav-section-title-margin-mobile: 24px 0 0;
  --promoPage-nav-section-title-margin-desktop: 24px 0 0;
  --promoPage-nav-section-title-color: #636088;
  --promoPage-nav-section-title-font-mobile: 600 12px/15px Arial, Helvetica,
    sans-serif;
  --promoPage-nav-section-title-font-desktop: 600 12px/15px Arial, Helvetica,
    sans-serif;
  --promoPage-nav-navigation-arrow-color: #2a5fc9;
}
.promoPage--1 .promoPage__title {
  --color: var(--promoPage-title-color);
  --font: var(--promoPage-title-font-mobile);
  --margin: var(--promoPage-title-margin-mobile);
  color: var(--color);
  font: var(--font);
  margin: var(--margin);
}
@media (hover: hover) and (pointer: fine) {
  .promoPage--1 .promoPage__title {
    --font: var(--promoPage-title-font-desktop);
    --margin: var(--promoPage-title-margin-desktop);
  }
}
.promoPage--1 .promoPage__nav {
  --background: var(--promoPage-nav-background);
  --border-radius: var(--promoPage-nav-border-radius-mobile);
  --padding: var(--promoPage-nav-padding-mobile);
  --margin: var(--promoPage-nav-margin-mobile);
  width: 100%;
  max-width: 100%;
  overflow: auto;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
@media (hover: hover) and (pointer: fine) {
  .promoPage--1 .promoPage__nav {
    --border-radius: var(--promoPage-nav-border-radius-desktop);
    --padding: var(--promoPage-nav-padding-desktop);
    --margin: var(--promoPage-nav-margin-desktop);
  }
}
.promoPage--1 .promoPage__nav::-webkit-scrollbar {
  display: none;
}
.promoPage--1 .promoPage__nav__outer {
  margin: var(--margin);
  background: var(--background);
  border-radius: var(--border-radius);
  padding: var(--padding);
  width: max-content;
}
.promoPage--1 .promoPage__nav__inner {
  display: flex;
  gap: 6px;
}
.promoPage--1 .promoPage__nav__item {
  --font: var(--promoPage-nav-item-font-mobile);
  --background: var(--promoPage-nav-item-background);
  --color: var(--promoPage-nav-item);
  --box-shadow: var(--promoPage-nav-item-box-shadow);
  --border-radius: var(--promoPage-nav-item-border-radius-mobile);
  --padding: var(--promoPage-nav-item-padding-mobile);
  background: var(--background);
  color: var(--color);
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius);
  font: var(--font);
  padding: var(--padding);
  cursor: pointer;
  user-select: none;
  width: max-content;
  flex-shrink: 0;
}
@media (hover: hover) and (pointer: fine) {
  .promoPage--1 .promoPage__nav__item {
    --font: var(--promoPage-nav-item-font-desktop);
    --border-radius: var(--promoPage-nav-item-border-radius-desktop);
    --padding: var(--promoPage-nav-item-padding-desktop);
  }
}
.promoPage--1 .promoPage__nav__item--selected, .promoPage--1 .promoPage__nav__item:hover {
  --background: var(--promoPage-nav-item-selected-background);
  --color: var(--promoPage-nav-item-selected-color);
  --box-shadow: var(--promoPage-nav-item-selected-box-shadow);
}
.promoPage--1 .promoPage__nav__section {
  --margin: var(--promoPage-nav-section-margin-mobile);
  --padding: var(--promoPage-nav-section-padding-mobile);
  margin: var(--margin);
  padding: var(--padding);
}
@media (hover: hover) and (pointer: fine) {
  .promoPage--1 .promoPage__nav__section {
    --margin: var(--promoPage-nav-section-margin-desktop);
    --padding: var(--promoPage-nav-section-padding-desktop);
  }
}
.promoPage--1 .promoPage__nav__section--selected {
  display: block;
}
.promoPage--1 .promoPage__nav__section__title {
  --color: var(--promoPage-nav-section-title-color);
  --font: var(--promoPage-nav-section-title-font-mobile);
  --margin: var(--promoPage-nav-section-title-margin-mobile);
  color: var(--color);
  font: var(--font);
  padding: 0 16px;
  margin: var(--margin);
  font-size: 150%;
  font-weight: bold;
}
@media (hover: hover) and (pointer: fine) {
  .promoPage--1 .promoPage__nav__section__title {
    --font: var(--promoPage-nav-section-title-font-desktop);
    --margin: var(--promoPage-nav-section-title-margin-desktop);
  }
}
.promoPage--1 .promoPage__nav__section__content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.promoPage--1 .promoPage__nav__section__body {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.promoCarousel--1 {
  position: relative;
  width: 100%;
}
.promoCarousel--1 .swiper-slide {
  width: auto;
  padding: 6px;
}
.promoCarousel--1 .promoCarousel__arrow {
  position: absolute;
  cursor: pointer;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  display: none;
}
@media (hover: hover) and (pointer: fine) {
  .promoCarousel--1 .promoCarousel__arrow {
    display: block;
  }
}
.promoCarousel--1 .promoCarousel__arrow--disabled {
  display: none;
}
.promoCarousel--1 .promoCarousel__arrow::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  z-index: 999;
  background-color: currentColor;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background: var(--promoPage-nav-navigation-arrow-color);
}
.promoCarousel--1 .promoCarousel__arrow--prev {
  left: -12px;
  transform: translateX(-100%);
}
.promoCarousel--1 .promoCarousel__arrow--prev::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 13.6 23.4' style='enable-background:new 0 0 13.6 23.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23010101;%7D %3C/style%3E%3Cpath class='st0' d='M13.6,21.5c0,0.2,0,0.4-0.2,0.5l-1.2,1.2c-0.3,0.3-0.7,0.3-1,0c0,0,0,0,0,0l-11-10.9L0,11.8 c0-0.2,0.1-0.4,0.3-0.5l10.8-11c0.2-0.3,0.7-0.4,1-0.1c0,0,0.1,0.1,0.1,0.1l1.2,1.4l0.2,0.5c0,0.2,0,0.4-0.2,0.5l-9.2,9.1l9.2,9.2 C13.5,21.1,13.6,21.3,13.6,21.5z'/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 13.6 23.4' style='enable-background:new 0 0 13.6 23.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23010101;%7D %3C/style%3E%3Cpath class='st0' d='M13.6,21.5c0,0.2,0,0.4-0.2,0.5l-1.2,1.2c-0.3,0.3-0.7,0.3-1,0c0,0,0,0,0,0l-11-10.9L0,11.8 c0-0.2,0.1-0.4,0.3-0.5l10.8-11c0.2-0.3,0.7-0.4,1-0.1c0,0,0.1,0.1,0.1,0.1l1.2,1.4l0.2,0.5c0,0.2,0,0.4-0.2,0.5l-9.2,9.1l9.2,9.2 C13.5,21.1,13.6,21.3,13.6,21.5z'/%3E%3C/svg%3E%0A");
}
.promoCarousel--1 .promoCarousel__arrow--next {
  right: -12px;
  transform: translateX(100%);
}
.promoCarousel--1 .promoCarousel__arrow--next::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 13.6 23.4' style='enable-background:new 0 0 13.6 23.4;' xml:space='preserve'%3E%3Cpath d='M0,1.9c0-0.2,0-0.4,0.2-0.5l1.2-1.2c0.3-0.3,0.7-0.3,1,0c0,0,0,0,0,0l11,10.9l0.2,0.5c0,0.2-0.1,0.4-0.3,0.5l-10.8,11 c-0.2,0.3-0.7,0.4-1,0.1c0,0-0.1-0.1-0.1-0.1l-1.2-1.4L0,21.2c0-0.2,0-0.4,0.2-0.5l9.2-9.1L0.2,2.4C0.1,2.3,0,2.1,0,1.9z'/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 13.6 23.4' style='enable-background:new 0 0 13.6 23.4;' xml:space='preserve'%3E%3Cpath d='M0,1.9c0-0.2,0-0.4,0.2-0.5l1.2-1.2c0.3-0.3,0.7-0.3,1,0c0,0,0,0,0,0l11,10.9l0.2,0.5c0,0.2-0.1,0.4-0.3,0.5l-10.8,11 c-0.2,0.3-0.7,0.4-1,0.1c0,0-0.1-0.1-0.1-0.1l-1.2-1.4L0,21.2c0-0.2,0-0.4,0.2-0.5l9.2-9.1L0.2,2.4C0.1,2.3,0,2.1,0,1.9z'/%3E%3C/svg%3E%0A");
}

/* -------------------------------  CARD*/
.promoCard--1 {
  background: var(--promoCard-background);
  color: var(--promoCard-color);
  width: var(--width);
  min-height: var(--min-height);
  padding: var(--padding);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  margin: var(--margin);
  height: auto;
  /* Mobile Defaults */
  --width: var(--promoCard-width-mobile);
  --min-height: var(--promoCard-min-height-mobile);
  --padding: var(--promoCard-padding-mobile);
  --border-radius: var(--promoCard-border-radius-mobile);
  --box-shadow: var(--promoCard-box-shadow-mobile);
  --margin: var(--promoCard-margin-mobile);
}
@media (hover: hover) and (pointer: fine) {
  .promoCard--1 {
    --width: var(--promoCard-width-desktop);
    --min-height: var(--promoCard-min-height-desktop);
    --padding: var(--promoCard-padding-desktop);
    --border-radius: var(--promoCard-border-radius-desktop);
    --box-shadow: var(--promoCard-box-shadow-desktop);
    --margin: var(--promoCard-margin-desktop);
  }
}
.promoCard--1 {
  /*********************************
     * PROMO CARD GENERAL STYLES
     *********************************/
  --promoCard-font-size: 110%;
  --promoCard-background: #fefefe;
  --promoCard-color: #7d90ab;
  /* Promo Card (Mobile) */
  --promoCard-width-mobile: 313px;
  --promoCard-min-height-mobile: 291px;
  --promoCard-padding-mobile: 0;
  --promoCard-border-radius-mobile: 6px;
  --promoCard-box-shadow-mobile: 0px 0px 10px 1px #0000001a;
  --promoCard-margin-mobile: 6px 0 0 0;
  /* Promo Card (Desktop) */
  --promoCard-width-desktop: 313px;
  --promoCard-min-height-desktop: 291px;
  --promoCard-padding-desktop: 0;
  --promoCard-border-radius-desktop: 6px;
  --promoCard-box-shadow-desktop: 0px 0px 10px 1px #0000001a;
  --promoCard-margin-desktop: 6px 0 0 0;
  /*********************************
     * BADGE STYLES
     *********************************/
  --promoCard-badge-background: #adb3ce;
  --promoCard-badge-color: white;
  --promoCard-badge-font: 600 12px/16px Arial, Helvetica, sans-serif;
  /* Badge Dimensions (Mobile) */
  --promoCard-badge-border-radius-mobile: 6px;
  --promoCard-badge-padding-mobile: 4px 12px;
  --promoCard-badge-top-mobile: .5rem;
  --promoCard-badge-left-mobile: .5rem;
  --promoCard-badge-min-width-mobile: max-content;
  /* Badge Dimensions (Desktop) */
  --promoCard-badge-border-radius-desktop: 6px;
  --promoCard-badge-padding-desktop: 4px 12px;
  --promoCard-badge-top-desktop: .5rem;
  --promoCard-badge-left-desktop: .5rem;
  --promoCard-badge-min-width-desktop: max-content;
  /*********************************
     * IMAGE STYLES
     *********************************/
  /* Image Dimensions (Mobile) */
  --promoCard-img-border-radius-mobile: 6px;
  --promoCard-img-margin-mobile: 0 0 9px 0;
  /* Image Dimensions (Desktop) */
  --promoCard-img-border-radius-desktop: 8px;
  --promoCard-img-margin-desktop: 0 0 9px 0;
  /*********************************
     * TITLE STYLES
     *********************************/
  --promoCard-title-background: transparent;
  --promoCard-title-color: #2e3e5f;
  --promoCard-title-margin-left: 5%;
  --promoCard-title-margin-right: auto;
  /* Title Font (Mobile) */
  --promoCard-title-font-mobile: 600 14px/18px Arial, Helvetica, sans-serif;
  --promoCard-title-margin-mobile: 0 0 12px 0;
  /* Title Font (Desktop) */
  --promoCard-title-font-desktop: 600 14px/18px Arial, Helvetica, sans-serif;
  --promoCard-title-margin-desktop: 0 0 12px 0;
  /*********************************
     * CTA (CALL TO ACTION) STYLES
     *********************************/
  --promoCard-cta-background: #eeeff4;
  --promoCard-cta-color: black;
  /* CTA Font (Mobile) */
  --promoCard-cta-border-radius-mobile: 10px;
  --promoCard-cta-font-mobile: 600 12px/14px Arial, Helvetica, sans-serif;
  --promoCard-cta-padding-mobile: 14px 16px;
  --promoCard-cta-margin-mobile: 1rem;
  /* CTA Font (Desktop) */
  --promoCard-cta-border-radius-desktop: 10px;
  --promoCard-cta-font-desktop: 600 12px/14px Arial, Helvetica, sans-serif;
  --promoCard-cta-padding-desktop: 14px 16px;
  --promoCard-cta-margin-desktop: 1rem;
  /*********************************
     * CONTENT STYLES
     *********************************/
  --promoCard-content-background: transparent;
  --promoCard-content-color: #7d90ab;
  --promoCard-title-margin-left: 5%;
  --promoCard-title-margin-right: auto;
  /* Content Font (Mobile) */
  --promoCard-content-font-mobile: 400 10px/12px Arial, Helvetica,
    sans-serif;
  --promoCard-content-margin-mobile: 0;
  --promoCard-content-padding-mobile: 0;
  /* Content Font (Desktop) */
  --promoCard-content-font-desktop: 400 10px/12px Arial, Helvetica,
    sans-serif;
  --promoCard-content-margin-desktop: 0;
  --promoCard-content-padding-desktop: 0;
}

.promoCard--1 .promoCard__badge {
  background: var(--background);
  color: var(--color);
  border-radius: var(--border-radius);
  font: var(--font);
  padding: var(--padding);
  position: absolute;
  top: var(--top);
  left: var(--left);
  min-width: var(--min-width);
  font-size: var(--promoCard-font-size);
  --background: var(--promoCard-badge-background);
  --color: var(--promoCard-badge-color);
  --border-radius: var(--promoCard-badge-border-radius-mobile);
  --font: var(--promoCard-badge-font);
  --padding: var(--promoCard-badge-padding-mobile);
  --top: var(--promoCard-badge-top-mobile);
  --left: var(--promoCard-badge-left-mobile);
  --min-width: var(--promoCard-badge-min-width-mobile);
}
@media (hover: hover) and (pointer: fine) {
  .promoCard--1 .promoCard__badge {
    --border-radius: var(--promoCard-badge-border-radius-desktop);
    --padding: var(--promoCard-badge-padding-desktop);
    --top: var(--promoCard-badge-top-desktop);
    --left: var(--promoCard-badge-left-desktop);
    --min-width: var(--promoCard-badge-min-width-desktop);
  }
}
.promoCard--1 .promoCard__img {
  border-radius: var(--border-radius);
  width: 100%;
  display: block;
  height: auto;
  margin: var(--margin);
  --border-radius: var(--promoCard-img-border-radius-mobile);
  --margin: var(--promoCard-img-margin-mobile);
}
@media (hover: hover) and (pointer: fine) {
  .promoCard--1 .promoCard__img {
    --border-radius: var(--promoCard-img-border-radius-desktop);
    --margin: var(--promoCard-img-margin-desktop);
  }
}
.promoCard--1 .promoCard__title {
  background: var(--background);
  color: var(--color);
  font: var(--font);
  margin: var(--margin);
  font-size: var(--promoCard-font-size);
  margin-left: var(--promoCard-title-margin-left);
  margin-right: var(--promoCard-title-margin-right);
  --background: var(--promoCard-title-background);
  --color: var(--promoCard-title-color);
  --font: var(--promoCard-title-font-mobile);
  --margin: var(--promoCard-title-margin-mobile);
}
@media (hover: hover) and (pointer: fine) {
  .promoCard--1 .promoCard__title {
    --font: var(--promoCard-title-font-desktop);
    --margin: var(--promoCard-title-margin-desktop);
  }
}
.promoCard--1 .promoCard__cta {
  background: var(--background);
  color: var(--color);
  border-radius: var(--border-radius);
  font: var(--font);
  padding: var(--padding);
  margin: var(--margin);
  width: 95%;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  font-size: var(--promoCard-font-size);
  --background: var(--promoCard-cta-background);
  --color: var(--promoCard-cta-color);
  --border-radius: var(--promoCard-cta-border-radius-mobile);
  --font: var(--promoCard-cta-font-mobile);
  --padding: var(--promoCard-cta-padding-mobile);
  --margin: var(--promoCard-cta-margin-mobile);
}
@media (hover: hover) and (pointer: fine) {
  .promoCard--1 .promoCard__cta {
    --border-radius: var(--promoCard-cta-border-radius-desktop);
    --font: var(--promoCard-cta-font-desktop);
    --padding: var(--promoCard-cta-padding-desktop);
    --margin: var(--promoCard-cta-margin-desktop);
  }
}
.promoCard--1 .promoCard__content {
  background: var(--background);
  color: var(--color);
  font: var(--font);
  margin: var(--margin);
  padding: var(--padding);
  font-size: var(--promoCard-font-size);
  margin-left: var(--promoCard-title-margin-left);
  margin-right: var(--promoCard-title-margin-right);
  --background: var(--promoCard-content-background);
  --color: var(--promoCard-content-color);
  --font: var(--promoCard-content-font-mobile);
  --margin: var(--promoCard-content-margin-mobile);
  --padding: var(--promoCard-content-padding-mobile);
}
@media (hover: hover) and (pointer: fine) {
  .promoCard--1 .promoCard__content {
    --font: var(--promoCard-content-font-desktop);
    --margin: var(--promoCard-content-margin-desktop);
    --padding: var(--promoCard-content-padding-desktop);
  }
}
@media (max-width: 768px) {
  .customCarousel--1 .customCarousel__navigation__button--prev {
   left: 14%;
  }
  .customCarousel--1 .customCarousel__navigation__button--next {
   left: 86%;
}
}
/* angolo della disorganizzazione finale, plz forgive me senpai <:-( */
.customCarousel__counter {
    position: absolute;
    top: .5rem;
    right: 1rem;
    font-size: 75%;
    background-color: #adb3ce;
    color: white;
    border-radius: 999px;
    padding: .2rem;
}