html, body {
  overflow-x: hidden;
}

html {
  scroll-behavior: smooth;
}

body {
  color: black;
}

#intro_txt {
  font-size: 26px;
}

@media screen and (max-width: 600px) {
  #intro_txt {
    font-size: 20px;
  }
}
.wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.t1 {
  text-align: left !important;
}

.t1-m600 {
  text-align: left !important;
  max-width: 600px;
}

.bl-green {
  border-left: 2px solid #64AF45;
  padding-left: 70px;
}

.p-left {
  padding-left: 65px;
}

.p-m700 {
  max-width: 600px;
  margin: 0 auto;
}

.slick-prev {
  position: absolute;
  left: -30px;
  top: calc(50% - 15px);
  background: #B0B7BD;
  border: none;
  height: 30px;
  width: 30px;
  -webkit-clip-path: polygon(80% 0, 20% 50%, 80% 100%);
  clip-path: polygon(80% 0, 20% 50%, 80% 100%);
  cursor: pointer;
  z-index: 9999;
}

.slick-next {
  position: absolute;
  right: -30px;
  top: calc(50% - 15px);
  background: #B0B7BD;
  border: none;
  height: 30px;
  width: 30px;
  -webkit-clip-path: polygon(20% 0, 80% 50%, 20% 100%);
  clip-path: polygon(20% 0, 80% 50%, 20% 100%);
  cursor: pointer;
  z-index: 9999;
}

.carousel-nav .slick-slide {
  margin-left: 10px;
  margin-right: 10px;
}

.carousel-2 .slick-slide {
  margin-left: 30px;
  margin-right: 30px;
}

.green-elements {
  position: absolute;
  left: 70%;
  top: -500px;
}

.carousel-nav img {
  cursor: pointer;
}

.green-carousel {
  padding-top: 200px;
  padding-bottom: 100px;
  max-width: 800px;
  margin: 0 auto;
}

.m-padding {
  padding-top: 0;
}

@media only screen and (max-width: 1199px) {
  .t1 {
    text-align: center !important;
  }
  .t1-m600 {
    text-align: center !important;
    max-width: none;
  }
  .bl-green {
    border: none;
    padding-left: 0;
    padding-top: 50px;
  }
  .p-m700 {
    max-width: 90%;
  }
  .p-left {
    padding-left: 0;
  }
  .green-carousel {
    max-width: 90%;
  }
}
#polygon_red_data {
  padding-bottom: 80px;
  padding-top: 60px;
}

@media only screen and (max-width: 991px) {
  .green-elements {
    top: -600px;
  }
  .green-carousel {
    padding-top: 300px;
  }
  .m-padding {
    padding-top: 50px;
  }
}
.label_number {
  font-size: 26px;
  line-height: 30px;
}

#fonte_certificato_go {
  padding-left: 16px;
}

@media only screen and (max-width: 1200px) {
  #fonte_certificato_go {
    padding-left: 57px;
  }
}
@media only screen and (max-width: 991px) {
  #first_row {
    height: 60vh;
  }
  .label_number {
    font-size: 25px;
  }
}
@media only screen and (max-width: 600px) {
  #first_row {
    background: white;
  }
}
@media only screen and (max-width: 500px) {
  .green-elements {
    top: -800px;
    left: 50%;
  }
  .label_number {
    font-size: 20px;
    line-height: 25px;
  }
  #fonte_certificato_go {
    padding-bottom: 35px;
  }
  #polygon_red_data {
    padding-bottom: 120px;
    padding-top: 80px;
  }
}
#first_row {
  height: 77vh;
  background: #F2F2F2;
}

#video_youtube_wrap {
  width: 800px;
  max-width: 90%;
  margin: 0 auto;
}

@media only screen and (max-width: 500px) {
  #video_youtube_wrap {
    width: 300px;
  }
}
#link_pagina_treedom .sugarlink {
  margin: 35px auto;
}

#link_pagina_treedom img {
  max-width: 111px;
  margin: 5px auto;
  float: none;
  display: block;
}

#link_pagina_treedom {
  background: #F8F8F8;
  text-align: center;
  padding: 50px 0;
}

#bustine-limited {
  background-color: #C20E2E;
  padding: 50px 0 175px;
  margin-bottom: -125px;
  background-image: url("/static/img/il-futuro-chiede-dolcezza/foglie-decorative.f6f13ef60c72.svg");
}
@media (max-width: 600px) {
  #bustine-limited {
    background-size: auto 400px;
    background-repeat: no-repeat;
  }
}
#bustine-limited .row {
  display: flex;
  align-items: center;
}
#bustine-limited .sugarlink {
  color: white;
}

#container_epd {
  padding-bottom: 225px;
}
#container_epd .row {
  margin-top: 50px;
}
#container_epd #triangolo_epd {
  height: 225px;
  background-color: #F2F2F2;
  position: absolute;
  width: 100%;
  clip-path: polygon(0 0, 0 100%, 100% 100%);
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%);
  left: 0;
}
@media (max-width: 600px) {
  #container_epd {
    padding-bottom: 80px;
  }
  #container_epd #triangolo_epd {
    height: 90px;
    margin-top: -10px;
  }
}