@keyframes spinAndZoom {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
@keyframes moveInFromLeft {
  0% {
    transform: translateX(-500px);
    opacity: 0;
  }
  30% {
    opacity: 100%;
  }
  30%,
  50%,
  80%,
  100% {
    transform: translateX(0);
    opacity: 100%;
  }
  40% {
    transform: translateX(-10px);
    opacity: 100%;
  }
  60% {
    transform: translateX(-3px);
    opacity: 100%;
  }
}
@keyframes moveOutLeftInRight {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  50% {
    transform: translateX(-3000px);
    opacity: 0;
  }
  51% {
    transform: translateX(3000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 100;
  }
}
@keyframes moveOutRightInLeft {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  50% {
    transform: translateX(3000px);
    opacity: 0;
  }
  51% {
    transform: translateX(-3000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 100;
  }
}
@keyframes rotateAndGrow {
  0% {
    transform: rotate(0deg);
    opacity: 0.5;
  }
  50% {
    transform: rotate(-359deg);
    opacity: 0.75;
  }
  85% {
    transform: rotate(-370deg);
    opacity: 1;
  }
  100% {
    transform: rotate(-360deg);
    opacity: 1;
  }
}
@keyframes zoomsecodeck {
  0% {
    transform: scale(103%);
  }
  25% {
    transform: scale(105%);
  }
  50% {
    transform: scale(103%);
  }
  75% {
    transform: scale(100%);
  }
  100% {
    transform: scale(103%);
  }
}
.container {
  padding-top: 96px;
  padding-bottom: 96px;
}
section#ecodeck,
#ecodeck-about,
#ecodeck-uses,
#ecodeck-eco,
#ecodeck-strong,
#ecodeck-eucta,
#ecodeck-easy,
#ecodeck-cta {
  scroll-margin-top: 110px;
}
section#ecodeck
  section#ecodeck-slider
  #home--slider
  .carousel-inner
  .item:nth-child(2) {
  display: none;
}
section#ecodeck
  section#ecodeck-slider
  #home--slider
  .carousel-inner
  .item
  .bg-image.container-fluid.tit-product-block.banner-home-pro {
  height: 400px;
  max-height: 400px;
  min-height: 400px;
  background: #e0001b;
  background: linear-gradient(0deg, #e0001b 0%, #52b946 89%);
  overflow: hidden;
  padding: 0 !important;
}
@media (max-width: 768px) {
  section#ecodeck
    section#ecodeck-slider
    #home--slider
    .carousel-inner
    .item
    .bg-image.container-fluid.tit-product-block.banner-home-pro {
    height: fit-content;
    max-height: 9999px;
    min-height: 0;
  }
}
section#ecodeck
  section#ecodeck-slider
  #home--slider
  .carousel-inner
  .item
  .bg-image.container-fluid.tit-product-block.banner-home-pro
  .sabelotodo-slider__slides-container {
  display: flex;
  align-content: center;
  gap: 48px;
  width: 100%;
  max-width: 1200px;
  margin: auto;
  height: 400px;
}
@media (max-width: 768px) {
  section#ecodeck
    section#ecodeck-slider
    #home--slider
    .carousel-inner
    .item
    .bg-image.container-fluid.tit-product-block.banner-home-pro
    .sabelotodo-slider__slides-container {
    height: fit-content;
  }
}
section#ecodeck
  section#ecodeck-slider
  #home--slider
  .carousel-inner
  .item
  .bg-image.container-fluid.tit-product-block.banner-home-pro
  .sabelotodo-slider__slides-container
  .sabelotodo-slider__slide-container {
  display: flex;
  height: fit-content;
  animation: zoomsSabelotodo ease-in-out 8s infinite;
}
@media (max-width: 768px) {
  section#ecodeck
    section#ecodeck-slider
    #home--slider
    .carousel-inner
    .item
    .bg-image.container-fluid.tit-product-block.banner-home-pro
    .sabelotodo-slider__slides-container
    .sabelotodo-slider__slide-container {
    flex-direction: column;
    height: fit-content;
  }
}
section#ecodeck
  section#ecodeck-slider
  #home--slider
  .carousel-inner
  .item
  .bg-image.container-fluid.tit-product-block.banner-home-pro
  .sabelotodo-slider__slides-container
  .sabelotodo-slider__slide-container
  img {
  height: auto;
  max-height: 400px;
}
@media (max-width: 768px) {
  section#ecodeck
    section#ecodeck-slider
    #home--slider
    .carousel-inner
    .item
    .bg-image.container-fluid.tit-product-block.banner-home-pro
    .sabelotodo-slider__slides-container
    .sabelotodo-slider__slide-container
    img {
    width: 100%;
    max-width: calc(100% - 24px);
  }
}
section#ecodeck
  section#ecodeck-slider
  #home--slider
  .carousel-inner
  .item
  .bg-image.container-fluid.tit-product-block.banner-home-pro
  .sabelotodo-slider__slides-container
  .sabelotodo-slider__slide-container
  img.fadeInUp {
  animation: fadeInUpSabelotodo ease-in-out 1s forwards;
  animation-delay: 0.3s;
}
section#ecodeck
  section#ecodeck-slider
  #home--slider
  .carousel-inner
  .item
  .bg-image.container-fluid.tit-product-block.banner-home-pro
  .sabelotodo-slider__slides-container
  .sabelotodo-slider__slide-container
  img.fadeInleft {
  animation: fadeInLeftSabelotodo ease-in-out 1s forwards;
}
section#ecodeck
  section#ecodeck-slider
  #home--slider
  .carousel-inner
  .item
  .bg-image.container-fluid.tit-product-block.banner-home-pro
  .sabelotodo-slider__slides-container
  .sabelotodo-slider__slide-container
  img.fadeInleft {
  animation: fadeInRightSabelotodo ease-in-out 1s forwards;
}
section#ecodeck
  section#ecodeck-slider
  #home--slider
  .carousel-inner
  .item
  .bg-image.container-fluid.tit-product-block.banner-home-pro
  .sabelotodo-slider__slides-container
  .sabelotodo-slider__slide-container.left {
  align-items: center;
  justify-content: flex-end;
  height: 400px;
}
@media (max-width: 768px) {
  section#ecodeck
    section#ecodeck-slider
    #home--slider
    .carousel-inner
    .item
    .bg-image.container-fluid.tit-product-block.banner-home-pro
    .sabelotodo-slider__slides-container
    .sabelotodo-slider__slide-container.left {
    height: fit-content;
  }
}
section#ecodeck
  section#ecodeck-slider
  #home--slider
  .carousel-inner
  .item
  .bg-image.container-fluid.tit-product-block.banner-home-pro
  .sabelotodo-slider__slides-container
  .sabelotodo-slider__slide-container.left
  img {
  max-height: calc(400px - 96px);
}
section#ecodeck
  section#ecodeck-slider
  #home--slider
  .carousel-inner
  .item
  .bg-image.container-fluid.tit-product-block.banner-home-pro
  .sabelotodo-slider__slides-container
  .sabelotodo-slider__slide-container.right {
  align-items: flex-end;
  justify-content: flex-start;
}
@media (max-width: 768px) {
  section#ecodeck
    section#ecodeck-slider
    #home--slider
    .carousel-inner
    .item
    .bg-image.container-fluid.tit-product-block.banner-home-pro
    .sabelotodo-slider__slides-container
    .sabelotodo-slider__slide-container.right {
    height: fit-content;
  }
}
section#ecodeck
  section#ecodeck-slider
  #home--slider
  .carousel-inner
  .item
  .bg-image.container-fluid.tit-product-block.banner-home-pro
  .sabelotodo-slider__slides-container.one {
  max-width: 1200px;
  margin: auto;
  height: 400px;
}
@media (max-width: 768px) {
  section#ecodeck
    section#ecodeck-slider
    #home--slider
    .carousel-inner
    .item
    .bg-image.container-fluid.tit-product-block.banner-home-pro
    .sabelotodo-slider__slides-container.one {
    flex-direction: column;
    padding-top: 106px;
    height: calc(100vh - 97px);
    justify-content: space-between;
    position: relative;
  }
}
section#ecodeck
  section#ecodeck-slider
  #home--slider
  .carousel-inner
  .item
  .bg-image.container-fluid.tit-product-block.banner-home-pro
  .sabelotodo-slider__slides-container.one
  .sabelotodo-slider__slide-container {
  width: calc(50% - 48px);
}
@media (max-width: 768px) {
  section#ecodeck
    section#ecodeck-slider
    #home--slider
    .carousel-inner
    .item
    .bg-image.container-fluid.tit-product-block.banner-home-pro
    .sabelotodo-slider__slides-container.one
    .sabelotodo-slider__slide-container {
    width: 100%;
  }
}
section#ecodeck
  section#ecodeck-slider
  #home--slider
  .carousel-inner
  .item
  .bg-image.container-fluid.tit-product-block.banner-home-pro
  .sabelotodo-slider__slides-container.one
  .sabelotodo-slider__slide-container.right {
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 768px) {
  section#ecodeck
    section#ecodeck-slider
    #home--slider
    .carousel-inner
    .item
    .bg-image.container-fluid.tit-product-block.banner-home-pro
    .sabelotodo-slider__slides-container.one
    .sabelotodo-slider__slide-container.right
    img {
    position: absolute;
    bottom: 0;
    left: -96px;
    width: calc(100vw + 145px);
    max-width: 9999999999px;
    height: auto;
    max-height: 999999999999px;
  }
}
@media (max-width: 768px) {
  section#ecodeck
    section#ecodeck-slider
    #home--slider
    .carousel-inner
    .item
    .bg-image.container-fluid.tit-product-block.banner-home-pro
    .sabelotodo-slider__slides-container.one
    .sabelotodo-slider__slide-container.left {
    width: 100%;
  }
  section#ecodeck
    section#ecodeck-slider
    #home--slider
    .carousel-inner
    .item
    .bg-image.container-fluid.tit-product-block.banner-home-pro
    .sabelotodo-slider__slides-container.one
    .sabelotodo-slider__slide-container.left
    img {
    max-width: calc(100vw - 48px);
    text-align: center;
  }
}
@media (max-width: 768px) {
  section#ecodeck
    section#ecodeck-slider
    #home--slider
    .carousel-inner
    .item
    .bg-image.container-fluid.tit-product-block.banner-home-pro
    .sabelotodo-slider__slides-container.two {
    flex-direction: column;
    padding-top: 106px;
    height: calc(100vh - 97px);
    justify-content: space-between;
  }
}
section#ecodeck
  section#ecodeck-slider
  #home--slider
  .carousel-inner
  .item
  .bg-image.container-fluid.tit-product-block.banner-home-pro
  .sabelotodo-slider__slides-container.two
  .sabelotodo-slider__slide-container {
  width: calc(33.33333% - 48px);
}
@media (max-width: 768px) {
  section#ecodeck
    section#ecodeck-slider
    #home--slider
    .carousel-inner
    .item
    .bg-image.container-fluid.tit-product-block.banner-home-pro
    .sabelotodo-slider__slides-container.two
    .sabelotodo-slider__slide-container {
    width: 100%;
    height: fit-content;
  }
}
section#ecodeck
  section#ecodeck-slider
  #home--slider
  .carousel-inner
  .item
  .bg-image.container-fluid.tit-product-block.banner-home-pro
  .sabelotodo-slider__slides-container.two
  .sabelotodo-slider__slide-container.right {
  align-items: center;
  justify-content: flex-start;
  height: 400px;
  min-height: 400px;
  max-height: 400px;
}
@media (max-width: 768px) {
  section#ecodeck
    section#ecodeck-slider
    #home--slider
    .carousel-inner
    .item
    .bg-image.container-fluid.tit-product-block.banner-home-pro
    .sabelotodo-slider__slides-container.two
    .sabelotodo-slider__slide-container.right {
    height: fit-content;
    min-height: 0;
    max-height: 999999px;
  }
}
@media (max-width: 768px) {
  section#ecodeck
    section#ecodeck-slider
    #home--slider
    .carousel-inner
    .item
    .bg-image.container-fluid.tit-product-block.banner-home-pro
    .sabelotodo-slider__slides-container.two
    .sabelotodo-slider__slide-container.left {
    order: 1;
    padding: 0 48px;
  }
  section#ecodeck
    section#ecodeck-slider
    #home--slider
    .carousel-inner
    .item
    .bg-image.container-fluid.tit-product-block.banner-home-pro
    .sabelotodo-slider__slides-container.two
    .sabelotodo-slider__slide-container.right {
    order: 2;
    padding: 0 96px;
  }
  section#ecodeck
    section#ecodeck-slider
    #home--slider
    .carousel-inner
    .item
    .bg-image.container-fluid.tit-product-block.banner-home-pro
    .sabelotodo-slider__slides-container.two
    .sabelotodo-slider__slide-container.center {
    order: 3;
  }
}
section#ecodeck section#ecodeck-slider .carousel-indicators,
section#ecodeck section#ecodeck-slider .left.carousel-control,
section#ecodeck section#ecodeck-slider .right.carousel-control {
  display: none;
}
#ecodeck-about .container {
  display: flex;
  align-items: center;
  gap: 48px;
  position: relative;
}
@media (max-width: 768px) {
  #ecodeck-about .container {
    flex-direction: column;
  }
}
#ecodeck-about .container .ecodeck-about__col-left {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  align-items: center;
  width: calc(50% - (48px / 2));
}
#ecodeck-about .container .ecodeck-about__col-left .ecodeck-about__title,
#ecodeck-about .container .ecodeck-about__col-left .ecodeck-about__text,
#ecodeck-about .container .ecodeck-about__col-left .ecodeck-about__buttons {
  width: 100%;
}
#ecodeck-about .container .ecodeck-about__col-left .ecodeck-about__title {
  margin: 0;
  padding: 0;
  font-size: 30px;
  text-transform: none;
  font-family: "Noto Sans Bold", sans serif;
  color: #000;
  border-left: 1px solid #52b946;
  padding-left: 24px;
  margin-left: calc(24px - 48px - 1px);
  font-size: 24px;
  width: 100%;
  margin-bottom: 24px;
}
#ecodeck-about .container .ecodeck-about__col-left .ecodeck-about__title span {
  font-weight: bold;
}
@media (max-width: 768px) {
  #ecodeck-about
    .container
    .ecodeck-about__col-left
    .ecodeck-about__title
    span {
    font-family: "Noto Sans Regular", sans serif;
  }
}
#ecodeck-about .container .ecodeck-about__col-left .ecodeck-about__text {
  margin-bottom: 12px;
  color: rgba(100, 101, 104);
}
#ecodeck-about .container .ecodeck-about__col-left .ecodeck-about__buttons {
  display: flex;
  gap: 12px;
  margin-top: 24px;
}
@media (max-width: 768px) {
  #ecodeck-about .container .ecodeck-about__col-left .ecodeck-about__buttons {
    flex-direction: column;
  }
}
#ecodeck-about
  .container
  .ecodeck-about__col-left
  .ecodeck-about__buttons
  .ecodeck-about__button.uses {
  background-color: #52b946;
  padding: 12px 24px;
  border-radius: 8px;
  color: #fff;
  border: 1px solid #52b946;
  max-height: 48px;
  font-size: 16px;
  line-height: 20px;
  font-family: "Noto Sans Bold", sans serif;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  transition: all ease-in-out 0.3s;
}
#ecodeck-about
  .container
  .ecodeck-about__col-left
  .ecodeck-about__buttons
  .ecodeck-about__button.uses
  i {
  margin-right: 12px;
}
@media (min-width: 768px) {
  #ecodeck-about
    .container
    .ecodeck-about__col-left
    .ecodeck-about__buttons
    .ecodeck-about__button.uses {
    width: fit-content;
    margin-right: 24px;
  }
}
@media (max-width: 768px) {
  #ecodeck-about
    .container
    .ecodeck-about__col-left
    .ecodeck-about__buttons
    .ecodeck-about__button.uses {
    display: block;
    width: calc(100vw - 12px * 2);
    text-align: center;
  }
}
#ecodeck-about
  .container
  .ecodeck-about__col-left
  .ecodeck-about__buttons
  .ecodeck-about__button.uses:hover {
  color: #52b946;
  background-color: #fff;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  transform: scale(105%);
}
#ecodeck-about
  .container
  .ecodeck-about__col-left
  .ecodeck-about__buttons
  .ecodeck-about__button.uses:hover
  i {
  animation: rotateAndGrow 1s ease forwards;
}
#ecodeck-about
  .container
  .ecodeck-about__col-left
  .ecodeck-about__buttons
  .ecodeck-about__button.uses
  i:before {
  content: url("../svg/icon-btn-check-white.svg");
}
#ecodeck-about
  .container
  .ecodeck-about__col-left
  .ecodeck-about__buttons
  .ecodeck-about__button.shop {
  background-color: #e0001b;
  padding: 12px 24px;
  border-radius: 8px;
  color: #fff;
  border: 1px solid #e0001b;
  max-height: 48px;
  font-size: 16px;
  line-height: 20px;
  font-family: "Noto Sans Bold", sans serif;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  transition: all ease-in-out 0.3s;
}
#ecodeck-about
  .container
  .ecodeck-about__col-left
  .ecodeck-about__buttons
  .ecodeck-about__button.shop
  i {
  margin-right: 12px;
}
@media (min-width: 768px) {
  #ecodeck-about
    .container
    .ecodeck-about__col-left
    .ecodeck-about__buttons
    .ecodeck-about__button.shop {
    width: fit-content;
    margin-right: 24px;
  }
}
@media (max-width: 768px) {
  #ecodeck-about
    .container
    .ecodeck-about__col-left
    .ecodeck-about__buttons
    .ecodeck-about__button.shop {
    display: block;
    width: calc(100vw - 12px * 2);
    text-align: center;
  }
}
#ecodeck-about
  .container
  .ecodeck-about__col-left
  .ecodeck-about__buttons
  .ecodeck-about__button.shop:hover {
  color: #e0001b;
  background-color: #fff;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  transform: scale(105%);
}
#ecodeck-about
  .container
  .ecodeck-about__col-left
  .ecodeck-about__buttons
  .ecodeck-about__button.shop:hover
  i {
  animation: rotateAndGrow 1s ease forwards;
}
#ecodeck-about
  .container
  .ecodeck-about__col-left
  .ecodeck-about__buttons
  .ecodeck-about__button.shop
  i:before {
  content: url("../svg/icon-btn-cart-white.svg");
}
#ecodeck-about
  .container
  .ecodeck-about__col-left
  .ecodeck-about__buttons
  .ecodeck-about__button:hover.uses
  i:before {
  content: url("/svg/icon-btn-check-blue.svg");
}
#ecodeck-about
  .container
  .ecodeck-about__col-left
  .ecodeck-about__buttons
  .ecodeck-about__button:hover.shop
  i:before {
  content: url("../svg/icon-btn-cart-red.svg");
}
#ecodeck-about .container .ecodeck-about__col-center {
  width: calc(15% - (48px / 2));
}
#ecodeck-about .container .ecodeck-about__col-right {
  display: flex;
  flex-direction: column;
  padding: 0 48px;
  width: calc(35% - (48px / 2));
}
@media (max-width: 768px) {
  #ecodeck-about .container .ecodeck-about__col-right {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
#ecodeck-about .container .ecodeck-about__col-right img {
  width: auto;
  height: 100%;
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 768px) {
  #ecodeck-about .container .ecodeck-about__col-right img {
    position: relative;
    width: 100%;
    height: auto;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
  }
}
@media (max-width: 768px) {
  #ecodeck-about .container .ecodeck-about__col-left,
  #ecodeck-about .container .ecodeck-about__col-right {
    width: 100%;
  }
}
@media (max-width: 768px) {
  #ecodeck-about .container .ecodeck-about__col-right {
    order: 1;
  }
}
@media (max-width: 768px) {
  #ecodeck-about .container .ecodeck-about__col-left {
    order: 2;
  }
}
#ecodeck-uses {
  background: #52b946;
}
#ecodeck-uses .ecodeck-uses__title {
  margin: 0;
  padding: 0;
  font-size: 30px;
  text-transform: none;
  font-family: "Noto Sans Bold", sans serif;
  color: #fff;
  border-left: 1px solid #fff;
  padding-left: 24px;
  margin-left: calc(24px - 48px - 1px);
  font-size: 24px;
  margin-bottom: 24px;
}
#ecodeck-uses .ecodeck-uses__title span {
  font-weight: bold;
}
@media (max-width: 768px) {
  #ecodeck-uses .ecodeck-uses__title span {
    font-family: "Noto Sans Regular", sans serif;
  }
}
#ecodeck-uses .ecodeck-uses__final {
  margin-top: 24px;
  font-size: 24px;
  font-family: "Noto Sans Bold", sans serif;
  color: #fff;
}
#ecodeck-uses .ecodeck-uses__container {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  margin-top: 24px;
  justify-content: space-between;
}
@media (max-width: 768px) {
  #ecodeck-uses .ecodeck-uses__container {
    gap: 12px;
  }
}
#ecodeck-uses .ecodeck-uses__container .ecodeck-use__container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 12px;
  width: calc(16.666% - 24px);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden;
  padding: 24px 12px;
  height: 374px;
}
#ecodeck-uses .ecodeck-uses__container .ecodeck-use__container .black-overlay,
#ecodeck-uses .ecodeck-uses__container .ecodeck-use__container img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
}
#ecodeck-uses .ecodeck-uses__container .ecodeck-use__container .black-overlay {
  width: 100%;
  background: rgba(0, 0, 0, 0.2);
}
#ecodeck-uses .ecodeck-uses__container .ecodeck-use__container img {
  width: auto;
}
#ecodeck-uses .ecodeck-uses__container .ecodeck-use__container i {
  height: calc(48px + 24px);
  width: calc(48px + 24px);
  z-index: 2;
  display: none;
}
#ecodeck-uses .ecodeck-uses__container .ecodeck-use__container i.icon-access {
  content: url("../svg/icon-ecodeck-access.svg");
}
#ecodeck-uses .ecodeck-uses__container .ecodeck-use__container i.icon-parking {
  content: url("../svg/icon-ecodeck-parking.svg");
}
#ecodeck-uses
  .ecodeck-uses__container
  .ecodeck-use__container
  i.icon-parking-pro {
  content: url("../svg/icon-ecodeck-parking-pro.svg");
}
#ecodeck-uses
  .ecodeck-uses__container
  .ecodeck-use__container
  i.icon-garden-path {
  content: url("../svg/icon-ecodeck-garden.svg");
}
#ecodeck-uses .ecodeck-uses__container .ecodeck-use__container i.icon-temp {
  content: url("../svg/icon-ecodeck-temp.svg");
}
#ecodeck-uses
  .ecodeck-uses__container
  .ecodeck-use__container
  i.icon-warehouse {
  content: url("../svg/icon-ecodeck-warehouse.svg");
}
#ecodeck-uses
  .ecodeck-uses__container
  .ecodeck-use__container
  i.icon-cyclepaths {
  content: url("../svg/icon-ecodeck-cyclepaths.svg");
}
#ecodeck-uses .ecodeck-uses__container .ecodeck-use__container h4,
#ecodeck-uses .ecodeck-uses__container .ecodeck-use__container p {
  z-index: 2;
}
#ecodeck-uses .ecodeck-uses__container .ecodeck-use__container h4 {
  font-size: 18px;
  font-family: "Noto Sans Regular", sans serif;
  color: #fff;
}
#ecodeck-uses .ecodeck-uses__container .ecodeck-use__container p {
  font-size: 14px;
  font-family: "Noto Sans Regular", sans serif;
  color: rgba(255, 255, 255, 0.7);
}
@media (max-width: 1307px) {
  #ecodeck-uses .ecodeck-uses__container .ecodeck-use__container {
    min-width: calc(33.33% - 24px);
  }
  #ecodeck-uses .ecodeck-uses__container .ecodeck-use__container img {
    width: 100%;
    height: auto;
    object-fit: initial;
  }
}
@media (min-width: 1307px) {
  #ecodeck-uses .ecodeck-uses__container .ecodeck-use__container {
    min-width: 179px;
  }
}
@media (max-width: 768px) {
  #ecodeck-uses .ecodeck-uses__container .ecodeck-use__container {
    width: calc(50% - 12px);
  }
}
#ecodeck-eco {
  display: flex;
  flex-wrap: wrap;
}
#ecodeck-eco .container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 48px;
}
@media (max-width: 768px) {
  #ecodeck-eco .container {
    flex-direction: column;
  }
}
#ecodeck-eco .container .ecodeck-eco__title {
  margin: 0;
  padding: 0;
  font-size: 30px;
  text-transform: none;
  font-family: "Noto Sans Bold", sans serif;
  color: #000;
  border-left: 1px solid #52b946;
  padding-left: 24px;
  margin-left: calc(24px - 48px - 1px);
  font-size: 24px;
  margin-bottom: 12px;
  width: 100%;
}
#ecodeck-eco .container .ecodeck-eco__title span {
  font-weight: bold;
}
@media (max-width: 768px) {
  #ecodeck-eco .container .ecodeck-eco__title span {
    font-family: "Noto Sans Regular", sans serif;
  }
}
#ecodeck-eco .container .ecodeck-eco__col-left,
#ecodeck-eco .container .ecodeck-eco__col-right {
  width: calc(50% - (48px / 2));
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  #ecodeck-eco .container .ecodeck-eco__col-left,
  #ecodeck-eco .container .ecodeck-eco__col-right {
    width: 100%;
  }
}
#ecodeck-eco .container .ecodeck-eco__col-left .ecodeck-eco__text {
  margin-top: 12px;
  color: rgba(100, 101, 104);
}
#ecodeck-eco .container .ecodeck-eco__col-left .ecodeck-eco__text.strong {
  font-family: "Noto Sans Bold", sans serif;
  color: #000;
}
#ecodeck-eco .container .ecodeck-eco__col-right video {
  width: 100% !important;
  height: auto;
  aspect-ratio: 16/9;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
#ecodeck-strong {
  background: #f0f0f0;
}
#ecodeck-strong .container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 48px;
}
@media (max-width: 768px) {
  #ecodeck-strong .container {
    flex-direction: column;
  }
}
#ecodeck-strong .container .ecodeck-strong__col-left,
#ecodeck-strong .container .ecodeck-strong__col-right {
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  #ecodeck-strong .container .ecodeck-strong__col-left,
  #ecodeck-strong .container .ecodeck-strong__col-right {
    width: 100%;
  }
}
#ecodeck-strong .container .ecodeck-strong__col-left {
  width: calc(50% - (48px / 2));
  gap: 24px;
}
#ecodeck-strong .container .ecodeck-strong__col-left .ecodeck-strong__title {
  margin: 0;
  padding: 0;
  font-size: 30px;
  text-transform: none;
  font-family: "Noto Sans Bold", sans serif;
  color: #000;
  border-left: 1px solid #52b946;
  padding-left: 24px;
  margin-left: calc(24px - 48px - 1px);
  font-size: 24px;
}
#ecodeck-strong
  .container
  .ecodeck-strong__col-left
  .ecodeck-strong__title
  span {
  font-weight: bold;
}
@media (max-width: 768px) {
  #ecodeck-strong
    .container
    .ecodeck-strong__col-left
    .ecodeck-strong__title
    span {
    font-family: "Noto Sans Regular", sans serif;
  }
}
#ecodeck-strong .container .ecodeck-strong__col-right {
  width: calc(50% - (48px / 2));
  display: flex;
  justify-content: center;
}
#ecodeck-strong .container .ecodeck-strong__col-right .ecodeck-strong__img {
  mix-blend-mode: multiply;
  object-fit: contain;
  height: 150px;
}
@media (max-width: 768px) {
  #ecodeck-strong .container .ecodeck-strong__col-left,
  #ecodeck-strong .container .ecodeck-strong__col-right {
    width: 100%;
  }
}
@media (max-width: 768px) {
  #ecodeck-strong .container .ecodeck-strong__col-right {
    display: flex !important;
    justify-content: center !important;
  }
  #ecodeck-strong .container .ecodeck-strong__col-right .ecodeck-strong__img {
    margin: auto !important;
  }
}
#ecodeck-eucta {
  background: #52b946;
}
#ecodeck-eucta .container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
#ecodeck-eucta .container .ecodeck-strong__title {
  margin: 0;
  padding: 0;
  font-size: 30px;
  text-transform: none;
  font-family: "Noto Sans Bold", sans serif;
  color: #fff;
  border-left: 1px solid #fff;
  padding-left: 24px;
  margin-left: calc(24px - 48px - 1px);
}
#ecodeck-eucta .container .ecodeck-strong__title span {
  font-weight: bold;
}
@media (max-width: 768px) {
  #ecodeck-eucta .container .ecodeck-strong__title span {
    font-family: "Noto Sans Regular", sans serif;
  }
}
#ecodeck-eucta .container .ecodeck-strong__text {
  color: rgba(255, 255, 255, 0.7);
}
#ecodeck-eucta .container .ecodeck-strong__button {
  background-color: #fff;
  padding: 12px 24px;
  border-radius: 8px;
  color: #52b946;
  border: 1px solid #fff;
  max-height: 48px;
  font-size: 16px;
  line-height: 20px;
  font-family: "Noto Sans Bold", sans serif;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  transition: all ease-in-out 0.3s;
}
#ecodeck-eucta .container .ecodeck-strong__button i {
  margin-right: 12px;
}
@media (min-width: 768px) {
  #ecodeck-eucta .container .ecodeck-strong__button {
    width: fit-content;
    margin-right: 24px;
  }
}
@media (max-width: 768px) {
  #ecodeck-eucta .container .ecodeck-strong__button {
    display: block;
    width: calc(100vw - 12px * 2);
    text-align: center;
  }
}
#ecodeck-eucta .container .ecodeck-strong__button:hover {
  color: #fff;
  background-color: #52b946;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  transform: scale(105%);
}
#ecodeck-eucta .container .ecodeck-strong__button:hover i {
  animation: rotateAndGrow 1s ease forwards;
}
#ecodeck-eucta .container .ecodeck-strong__button i:before {
  content: url("../svg/icon-btn-cart-blue.svg");
}
#ecodeck-eucta .container .ecodeck-strong__button:hover i:before {
  content: url("../svg/icon-btn-cart-white.svg");
}
#ecodeck-easy {
  display: flex;
  flex-wrap: wrap;
}
#ecodeck-easy .container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 48px;
}
@media (max-width: 768px) {
  #ecodeck-easy .container {
    flex-direction: column;
  }
}
#ecodeck-easy .container .ecodeck-easy__title {
  margin: 0;
  padding: 0;
  font-size: 30px;
  text-transform: none;
  font-family: "Noto Sans Bold", sans serif;
  color: #000;
  border-left: 1px solid #52b946;
  padding-left: 24px;
  margin-left: calc(24px - 48px - 1px);
  font-size: 24px;
  margin-bottom: 12px;
  width: 100%;
}
#ecodeck-easy .container .ecodeck-easy__title span {
  font-weight: bold;
}
@media (max-width: 768px) {
  #ecodeck-easy .container .ecodeck-easy__title span {
    font-family: "Noto Sans Regular", sans serif;
  }
}
#ecodeck-easy .container .ecodeck-easy__col-left,
#ecodeck-easy .container .ecodeck-easy__col-right {
  width: calc(50% - (48px / 2));
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  #ecodeck-easy .container .ecodeck-easy__col-left,
  #ecodeck-easy .container .ecodeck-easy__col-right {
    width: 100%;
  }
}
#ecodeck-easy .container .ecodeck-easy__col-left .ecodeck-easy__text {
  margin-top: 12px;
  color: rgba(100, 101, 104);
}
#ecodeck-easy .container .ecodeck-easy__col-left .ecodeck-easy__text.strong {
  font-family: "Noto Sans Bold", sans serif;
  color: #000;
}
#ecodeck-easy .container .ecodeck-easy__col-right video {
  width: 100% !important;
  height: auto;
  aspect-ratio: 16/9;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
#ecodeck-cta {
  background: #52b946;
  position: relative;
  overflow: hidden;
}
#ecodeck-cta video {
  position: absolute;
  bottom: -200px;
  left: 0;
  width: 100%;
  height: auto;
  opacity: 0.2;
  z-index: 1;
  mix-blend-mode: screen;
}
#ecodeck-cta .container {
  display: flex;
  flex-direction: column;
  gap: 24px;
  z-index: 2;
}
#ecodeck-cta .container .ecodeck-cta__title {
  margin: 0;
  padding: 0;
  font-size: 30px;
  text-transform: none;
  font-family: "Noto Sans Bold", sans serif;
  color: #fff;
  border-left: 1px solid #fff;
  padding-left: 24px;
  margin-left: calc(24px - 48px - 1px);
}
#ecodeck-cta .container .ecodeck-cta__title span {
  font-weight: bold;
}
@media (max-width: 768px) {
  #ecodeck-cta .container .ecodeck-cta__title span {
    font-family: "Noto Sans Regular", sans serif;
  }
}
#ecodeck-cta .container .ecodeck-cta__text {
  color: rgba(255, 255, 255, 0.7);
}
#ecodeck-cta .container .ecodeck-cta__button {
  background-color: #fff;
  padding: 12px 24px;
  border-radius: 8px;
  color: #52b946;
  border: 1px solid #fff;
  max-height: 48px;
  font-size: 16px;
  line-height: 20px;
  font-family: "Noto Sans Bold", sans serif;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  transition: all ease-in-out 0.3s;
  z-index: 9;
}
#ecodeck-cta .container .ecodeck-cta__button i {
  margin-right: 12px;
}
@media (min-width: 768px) {
  #ecodeck-cta .container .ecodeck-cta__button {
    width: fit-content;
    margin-right: 24px;
  }
}
@media (max-width: 768px) {
  #ecodeck-cta .container .ecodeck-cta__button {
    display: block;
    width: calc(100vw - 12px * 2);
    text-align: center;
  }
}
#ecodeck-cta .container .ecodeck-cta__button:hover {
  color: #fff;
  background-color: #52b946;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  transform: scale(105%);
}
#ecodeck-cta .container .ecodeck-cta__button:hover i {
  animation: rotateAndGrow 1s ease forwards;
}
#ecodeck-cta .container .ecodeck-cta__button i:before {
  content: url("../svg/icon-btn-cart-blue.svg");
}
#ecodeck-cta .container .ecodeck-cta__button:hover i:before {
  content: url("../svg/icon-btn-cart-white.svg");
}

#header-nav{
    min-height: 48px;
    position: relative;
    background: #145e9e !important;
}

#header-nav p {
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: white !important;

}

@media(max-width: 768px){
#header .header--logo figure{
  box-shadow: none !important;
}

section#header div.container{
  min-height: 60px;
  height: 60px;
  max-height: 60px;
  margin-bottom: 0 !important;
}
  .header--logo{
    margin-left: 12px;
  }

  .menu-mobile__toggler{
    display: none !important;
  }

  .main-menu{
    height: 48px;
    min-height: 48px;
    max-height: 48px;
  }

  .main-menu p {
    padding: 8px 12px;
  }

  section#ecodeck{
    margin-top: 194px !important;
  }
}

/* START TEMP COOKIES V2 */

body section#modal-cookies {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,0.6);
    z-index: 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
}
body section#modal-cookies .modal-cookies__body {
        padding: 48px;
        border-radius: 8px;
        background: white;
        width: 100%;
        max-width: 460px;
        box-shadow: 0 6px 12px rgba(0,0,0,.2);
        transition: all ease-in-out .3s;
}
        @media(max-width: 768px) {
          body section#modal-cookies .modal-cookies__body {
            padding: 24px 12px;
            max-width: calc(100% - 24px);
            margin: 0 12px !important;
          }
        }

        .modal-cookies__step-main,
        .modal-cookies__step-config {
            display: flex;
            flex-direction: column;

        }
        .modal-cookies__title {
          width: 100%;
          color: black;
          font-size: 24px;
          margin-bottom: 48px;
          padding: 0 !important;
      }

            .modal-cookies__image {
                margin-bottom: 24px !important;
                text-align: center;
                margin: auto;
                width: 100%;
                max-width: 157px;
                height: auto;
            }

            .modal-cookies__text {
                width: 100%;
                font-size: 14px;
                color: rgba(53,64,82,.8);
                margin-bottom: 12px;
            }

            @media(max-width: 768px) {
              .modal-cookies__text {
                font-size: 16px;
              }  
            }
            .modal-cookies__link {
                width: 100%;
                font-size: 14px;
                color: #145e9e;
                font-weight: bold;
            }

            @media(max-width: 768px) {       
              .modal-cookies__link {
                font-size: 16px;
              }
            }

            .modal-cookies__link:hover {
                  color: #52b946;
            }
               

            .modal-cookies__buttons-container {
                width: 100%;
                display: flex;
                justify-content: space-between;
                margin-top: 48px;
                gap: 24px;

            }
            @media(max-width: 768px) {
              .modal-cookies__buttons-container {
                gap: 24px;
              }
            }

            .modal-cookies__button-container {
              white-space: nowrap !important;
              display: flex !important;
              justify-content: center !important;
              align-items: center !important;
              margin-right: 0 !important;
            }
            .modal-cookies__button-container.config,
            .modal-cookies__button-container.accept-all{
                        background-color: #fff;
                        padding: 12px 24px;
                        border-radius: 8px;
                        color: #145e9e;
                        border: 1px solid #fff;
                        max-height: 48px;
                        font-size: 16px;
                        line-height: 20px;
                        font-weight: bold;
                        cursor: pointer;
                        box-shadow: 0 3px 6px rgba(0,0,0,.16);
                        transition: all ease-in-out .3s;
                        border: 1px solid #145e9e;
                        white-space: nowrap !important;
            }
            .modal-cookies__button-container.config:hover,
            .modal-cookies__button-container.accept-all:hover{
                            background-color: #145e9e;
                            padding: 12px 24px;
                            border-radius: 8px;
                            color: #fff;
                            border: 1px solid #145e9e;
                            max-height: 48px;
                            font-size: 16px;
                            line-height: 20px;
                            font-weight: bold;
                            cursor: pointer;
                            box-shadow: 0 3px 6px rgba(0,0,0,.16);
                            transition: all ease-in-out .3s;
                            border: 1px solid #145e9e;
                        }
                    
                        .modal-cookies__button-container.accept,
                        .modal-cookies__button-container.accept-selection {
                          background-color: #145e9e;
                          padding: 12px 24px;
                          border-radius: 8px;
                          color: #fff;
                          border: 1px solid #145e9e;
                          max-height: 48px;
                          font-size: 16px;
                          line-height: 20px;
                          font-weight: bold;
                          cursor: pointer;
                          box-shadow: 0 3px 6px rgba(0,0,0,.16);
                          transition: all ease-in-out .3s;
                          border: 1px solid #145e9e;
                        }

                        .modal-cookies__button-container.accept:hover,
                        .modal-cookies__button-container.accept-selection:hover {
                          background-color: #fff;
                          padding: 12px 24px;
                          border-radius: 8px;
                          color: #003880;
                          border: 1px solid #fff;
                          max-height: 48px;
                          font-size: 16px;
                          line-height: 20px;
                          font-weight: bold;
                          cursor: pointer;
                          box-shadow: 0 3px 6px rgba(0,0,0,.16);
                          transition: all ease-in-out .3s;
                          border: 1px solid #003880;
                        }
            

        .modal-cookies__step-config {
            display: none;
            width: 100%;
            flex-direction: column;
        }
            .modal-cookies__cookie-type__container {
                position: relative;
                display: flex;
                gap: 24px;
                align-items: center;
                margin-bottom: 12px;
            }
                @media(max-width: 768px) {
                  .modal-cookies__cookie-type__container {
                    margin-bottom: 24px;
                  }
                }

                .modal-cookies__cookie-type__text {
                    width: 100%;
                    font-size: 14px;
                    color: rgba(53,64,82,.8);

                   
                }

                @media(max-width: 768px) {
                  .modal-cookies__cookie-type__text {
                    font-size: 16px;
                  }
                }

                /* Switch track*/
                label {
                    display: block !important;
                    border: 1px solid #f0f0f0 !important;
                    width: 48px !important;
                    height: 24px !important;
                    border-radius: 12px !important;
                    content: " " !important;
                    transition: all ease-in-out .3s !important;
                    box-shadow: 0 8px 12px rgba(0,0,0,0.15) inset !important;
                }
                    @media(max-width: 768px) {
                      label{
                        margin-right: 12px !important;
                      }
                    }

                    /* Switch thumb */
                    label:before {
                        transform-origin: 0 0 !important;
                        background: white !important;
                        box-shadow: 0 8px 12px rgba(0,0,0,0.15) inset !important;
                        border-radius: 50% !important;
                        height: 24px !important;
                        width: 24px !important;
                        position: absolute !important;
                        top: 0 !important;
                        right: -6px !important;
                        left: unset !important;
                        transform: none !important;
                        backface-visibility: unset !important;
                        content: " " !important;
                        z-index: 999 !important;
                        transition: all ease-in-out .3s !important;
                        border: 1px solid rgba(0,0,0,0.3) !important;
                        margin-top: 0 !important;
                        line-height: unset !important;
                    }
                        @media(max-width: 768px) {
                          label:before{
                            margin-right: 12px !important;
                          }
                        }

                    label:after {
                        display: none !important;
                        height: 0 !important;
                        width: 0 !important;
                    }

                    label.disabled:after {
                        cursor: default;
                        opacity: 0.6;
                        filter: brightness(0.8);
                    }

                    label.disabled:before{
                      top: -1px !important;
                      cursor: default !important;
                    }
                
                /* Switch behaviour styles */
                input + label {
                    background: rgba(53,64,82,.8);
                    transition: all ease-in-out .3s;
                }
                input + label:before {
                        left: -6px !important;
                        right: unset !important;
                        transition: all ease-in-out .3s;
                        cursor: pointer !important;
                }
                        @media(max-width: 768px) {
                          input + label:before {
                            right: 20px;
                          }
                        }

                input:checked + label {
                    background: #79b604;
                    transition: all ease-in-out .3s;
                }
                input:checked + label:before {
                        right: -6px !important;
                        left: unset !important;
                        transition: all ease-in-out .3s;
                        cursor: pointer !important;
                }
                        @media(max-width: 768px) {
                          input:checked + label:before {
                            right: -7px;
                    }
                     
                        }
                        @media(max-width: 768px) {
                        input:checked + label.disabled:before {
                          right: -22px;
                  }
                }
/* END TEMP COOKIES V2 */