.etn-cc {
  --etn-cc-nav-bg: #195558;
  --etn-cc-nav-bg-hover: #f7b32b;
  --etn-cc-nav-color: #ffffff;
  --etn-cc-nav-color-hover: #195558;
  --etn-cc-radius: 0.5rem;
  position: relative;
  grid-column: 1/-1;
  min-width: 100%;
  width: min(100vw, 2200px);
  max-width: 2200px;
  margin-block: 1rem;
  margin-bottom: 3rem;
  margin-inline: calc(50% - min(50vw, 1100px));
}
@media (min-width: 480px) {
  .etn-cc {
    margin-bottom: 4rem;
  }
}
@media (min-width: 600px) {
  .etn-cc {
    margin-bottom: 5rem;
  }
}
@media (min-width: 1200px) {
  .etn-cc {
    margin-block: 2rem;
    margin-bottom: 6rem;
  }
}
@media (min-width: 1440px) {
  .etn-cc {
    margin-bottom: 7rem;
  }
}
.etn-cc__swiper {
  --swiper-navigation-sides-offset: 1.5rem;
  width: 100%;
  min-width: 0;
  opacity: 0;
}
@media (min-width: 1200px) {
  .etn-cc__swiper {
    --swiper-navigation-sides-offset: 2.5rem;
  }
}
.etn-cc__slide {
  height: auto;
}
.etn-cc__link {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: var(--etn-cc-radius);
  text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
  .etn-cc__link::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(25, 85, 88, 0.35);
    mix-blend-mode: multiply;
    transition: opacity 0.4s ease;
  }
  .etn-cc__link:hover::after {
    opacity: 0;
  }
}
.etn-cc__figure {
  margin: 0;
}
.etn-cc__image {
  display: block;
  width: 100%;
  height: auto;
}
.etn-cc .swiper-button-prev,
.etn-cc .swiper-button-next {
  appearance: none;
  cursor: pointer;
  display: none;
  justify-content: center;
  align-items: center;
  color: var(--etn-cc-nav-color);
  background-color: var(--etn-cc-nav-bg);
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  outline: none;
  transition: opacity 200ms ease, background-color 200ms ease !important;
}
.etn-cc .swiper-button-prev svg,
.etn-cc .swiper-button-next svg {
  fill: var(--etn-cc-nav-color);
  width: 55%;
  height: 55%;
  transition: fill 200ms ease !important;
}
.etn-cc .swiper-button-prev svg path,
.etn-cc .swiper-button-next svg path {
  fill: var(--etn-cc-nav-color);
  transition: fill 200ms ease !important;
}
@media (hover: hover) and (pointer: fine) {
  .etn-cc .swiper-button-prev:hover,
  .etn-cc .swiper-button-next:hover {
    background-color: var(--etn-cc-nav-bg-hover);
  }
  .etn-cc .swiper-button-prev:hover svg,
  .etn-cc .swiper-button-prev:hover svg path,
  .etn-cc .swiper-button-next:hover svg,
  .etn-cc .swiper-button-next:hover svg path {
    fill: var(--etn-cc-nav-color-hover);
  }
}
.etn-cc .swiper-button-disabled {
  display: none;
}
.etn-cc .swiper-button-prev svg {
  position: relative;
  left: -2px;
}
.etn-cc .swiper-button-next svg {
  position: relative;
  left: 2px;
}
@media (min-width: 1440px) {
  .etn-cc .swiper-button-prev {
    left: calc(33.333% - 1.375rem) !important;
    right: auto !important;
  }
  .etn-cc .swiper-button-next {
    left: auto !important;
    right: calc(33.333% - 1.375rem) !important;
  }
}
@media (hover: hover) and (pointer: fine) {
  .etn-cc .swiper-button-prev,
  .etn-cc .swiper-button-next {
    display: flex;
    opacity: 0;
  }
  .etn-cc:hover .swiper-button-prev, .etn-cc:hover .swiper-button-next {
    opacity: 1;
  }
}