@font-face {
  font-family: Rubik;
  src: url('../fonts/Rubik-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Rubik;
  src: url('../fonts/Rubik-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Rubik;
  src: url('../fonts/Rubik-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Rubik;
  src: url('../fonts/Rubik-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Mulish;
  src: url('../fonts/Mulish-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Mulish;
  src: url('../fonts/Mulish-ExtraBold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Mulish;
  src: url('../fonts/Mulish-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Mulish;
  src: url('../fonts/Mulish-Black.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --white: white;
  --text2: #2b3024;
  --light-grey: #f8f8f8;
  --light-green: #a0c736;
  --green: #91b238;
  --text-green: #2c3025;
  --extra-dark-green: #112b25;
  --dark-green: #15312b;
  --dark-grey: #1c1c1c;
  --black: black;
  --color: white;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

.menu {
  background-color: #f8f8f8;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  padding-left: 24px;
  padding-right: 24px;
  text-decoration: none;
  display: flex;
}

.navbarcontainer {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1439px;
  text-decoration: none;
  display: flex;
}

.navbar-content {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1151px;
  text-decoration: none;
  display: flex;
}

.navbar-brand {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 142.996px;
  height: 31px;
  text-decoration: none;
  display: flex;
}

.navbar-menu {
  grid-column-gap: 55px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 562px;
  text-decoration: none;
  display: flex;
}

.navbar-link {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px 12px;
  text-decoration: none;
  display: flex;
}

.text {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  text-decoration: none;
}

.navbar-button {
  grid-column-gap: 8px;
  background-color: #91b238;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 155px;
  padding: 8px 20px;
  text-decoration: none;
  display: flex;
}

.text-2 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  text-decoration: none;
}

.header {
  grid-row-gap: 80px;
  background-image: url('../images/Header.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  height: 701px;
  min-height: 701px;
  padding: 64px 24px;
  text-decoration: none;
  display: flex;
}

.small-container {
  grid-row-gap: 34px;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1146px;
  height: 364px;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.content {
  grid-row-gap: 25px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 193px;
  display: flex;
  box-shadow: 0 4px 4px #00000040;
}

.canapa-la-nostra-ricchezza-a-partire-dal-seme {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 800;
  line-height: 120%;
  text-decoration: none;
}

.text-3 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.button {
  grid-column-gap: 8px;
  background-color: #91b238;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 171px;
  padding: 12px 24px;
  text-decoration: none;
  display: flex;
}

.text-4 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 140%;
  text-decoration: none;
}

.qualit-innovazione-e-tradizione-in-ogni-seme-0 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.qualit-innovazione-e-tradizione-in-ogni-seme-1 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 800;
  line-height: 150%;
  text-decoration: none;
}

.la-storia {
  grid-column-gap: 80px;
  background-color: #fff;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 81px 24px 64px;
  text-decoration: none;
  display: flex;
}

.container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1157px;
  text-decoration: none;
  display: flex;
}

.column {
  grid-row-gap: 54px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 663px;
  text-decoration: none;
  display: flex;
}

.content-2 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 664px;
  text-decoration: none;
  display: flex;
}

.error-60625eb4-0408-7393-688f-1449d0c0492d {
  color: #91b238;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.title-copy-goes-here-be-awesome {
  color: #2c3025;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 45px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat-2 {
  color: #2c3025;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 27px;
  text-decoration: none;
}

.text-5 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 140%;
  text-decoration: none;
}

.column-2 {
  grid-column-gap: 10px;
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 564px;
  height: 525px;
  text-decoration: none;
  display: flex;
}

.image-wrapper {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 526px;
  display: flex;
}

.image {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 476px;
  text-decoration: none;
  display: flex;
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat-0 {
  color: #2c3025;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 27px;
  text-decoration: none;
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat-1 {
  color: #2c3025;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 800;
  line-height: 27px;
  text-decoration: none;
}

.menu-2 {
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  padding: 5px 24px;
  text-decoration: none;
  display: flex;
}

.navbarcontainer-2 {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1439px;
  text-decoration: none;
  display: flex;
}

.navbar-content-2 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1151px;
  text-decoration: none;
  display: flex;
}

.navbar-brand-2 {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-2 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.navbar-menu-2 {
  grid-column-gap: 55px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: none;
  text-decoration: none;
  display: flex;
}

.navbar-link-2 {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.text-6 {
  color: var(--text2);
  margin-top: 0;
  margin-bottom: 0;
  padding: 10px;
  font-family: Rubik, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
  transition: all .5s;
}

.text-6:hover {
  background-color: var(--light-grey);
  color: var(--light-green);
  border-radius: 5px;
}

.text-6.ita {
  color: var(--green);
}

.navbar-button-2 {
  grid-column-gap: 8px;
  background-color: var(--green);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 155px;
  padding: 8px 20px;
  text-decoration: none;
  display: flex;
}

.text-7 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Rubik, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
}

.header-2 {
  grid-row-gap: 80px;
  background-image: url('../images/Header.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  height: 701px;
  min-height: 701px;
  padding: 64px 24px;
  text-decoration: none;
  display: flex;
}

.small-container-2 {
  grid-row-gap: 34px;
  border-radius: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1146px;
  height: 364px;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.content-3 {
  grid-row-gap: 25px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 193px;
  display: flex;
}

.canapa-la-nostra-ricchezza-a-partire-dal-seme-2 {
  color: #fff;
  text-align: center;
  align-self: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  font-family: Rubik, sans-serif;
  font-size: 50px;
  font-weight: 500;
  line-height: 120%;
  text-decoration: none;
}

.text-8 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
  position: static;
  left: 95px;
}

.button-2 {
  grid-column-gap: 0px;
  background-color: var(--light-green);
  text-transform: uppercase;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 280px;
  height: 45px;
  margin-top: 20px;
  padding: 10px 20px;
  text-decoration: none;
  transition: all .5s;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.button-2:hover {
  background-color: var(--green);
}

.button-2.semi {
  font-size: 12px;
}

.button-2.semi.english {
  text-align: left;
}

.button-2.bottoneok {
  align-self: center;
  margin-right: 0;
  position: static;
  right: -200px;
}

.text-9 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Rubik, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
}

.qualit-innovazione-e-tradizione-in-ogni-seme-2 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mulish, sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.qualit-innovazione-e-tradizione-in-ogni-seme-3 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mulish, sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
}

.la-storia-2 {
  grid-column-gap: 80px;
  background-color: #fff;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 80px 60px;
  text-decoration: none;
  display: flex;
}

.container-2 {
  justify-content: space-around;
  align-self: center;
  align-items: center;
  width: auto;
  max-width: 1000px;
  text-decoration: none;
  display: flex;
}

.column-3 {
  grid-row-gap: 54px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  text-decoration: none;
  display: flex;
}

.content-4 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 664px;
  text-decoration: none;
  display: flex;
}

.error-13c4073e-c2e8-59eb-e052-e4d1582e0f87 {
  color: var(--light-green);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mulish, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.title-copy-goes-here-be-awesome-2 {
  color: var(--text2);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Rubik, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat-3 {
  color: #2c3025;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 27px;
  text-decoration: none;
}

.button-3 {
  grid-column-gap: 8px;
  background-color: #91b238;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 171px;
  padding: 12px 24px;
  text-decoration: none;
  display: flex;
}

.text-10 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Rubik, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
}

.column-4 {
  grid-column-gap: 10px;
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  height: auto;
  text-decoration: none;
  display: flex;
}

.image-wrapper-2 {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.image-2 {
  object-fit: cover;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  width: 100%;
  max-width: 476px;
  text-decoration: none;
  display: flex;
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat-4 {
  color: var(--text2);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mulish, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 27px;
  text-decoration: none;
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat-5 {
  color: #2c3025;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mulish, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 27px;
  text-decoration: none;
}

.benefici {
  grid-row-gap: 64px;
  background-color: var(--text-green);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 60px 60px 120px;
  text-decoration: none;
  display: flex;
}

.container-3 {
  grid-row-gap: 44px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1154px;
  height: 565px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-3 {
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 0;
  text-decoration: none;
  display: flex;
}

.section-title {
  grid-row-gap: 16px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: 751px;
  text-decoration: none;
  display: flex;
}

.text-11 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Rubik, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.columns {
  grid-column-gap: 48px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.card {
  border: 0 #a0c736;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 380px;
  display: flex;
}

.info {
  grid-row-gap: 25px;
  background-color: var(--extra-dark-green);
  border-radius: 5px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 312px;
  padding: 25px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.name {
  color: var(--light-green);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Rubik, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.description {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mulish, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 27px;
  text-decoration: none;
}

.card-2 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 380px;
  display: flex;
}

.description-2 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mulish, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 27px;
  text-decoration: none;
}

.description-1 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mulish, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 27px;
  text-decoration: none;
}

.description-3 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mulish, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 27px;
  text-decoration: none;
}

.innovazione-e-tradizione {
  grid-column-gap: 80px;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  text-decoration: none;
  display: flex;
}

.container-4 {
  grid-column-gap: 80px;
  background-color: var(--light-grey);
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: auto;
  margin-right: 0;
  padding-right: 40px;
  text-decoration: none;
  display: flex;
}

.column-5 {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 704px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.image-wrapper-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.image-3 {
  object-fit: cover;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: auto;
  display: flex;
}

.column-6 {
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: 532px;
  margin-right: 0;
  text-decoration: none;
  display: flex;
}

.text-12 {
  color: var(--text2);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Rubik, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.text-13 {
  color: var(--text2);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.le-nostre-variet-di-canapa-originate-dal-genotipo-storico-italiano-sono-pensate-per-ottenere-piante-robuste-e-produttive-con-un-apparato-radicale-profondo-siamo-impegnati-nella-ricerca-e-nella-selezione-genetica-per-offrire-variet-di-canapa-che-si-distinguono-per-la-loro-performance-agronomica-e-lalto-contenuto-di-cannabinoidi-desiderati-come-il-cbd-e-il-cbg-0 {
  color: var(--text2);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mulish, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.le-nostre-variet-di-canapa-originate-dal-genotipo-storico-italiano-sono-pensate-per-ottenere-piante-robuste-e-produttive-con-un-apparato-radicale-profondo-siamo-impegnati-nella-ricerca-e-nella-selezione-genetica-per-offrire-variet-di-canapa-che-si-distinguono-per-la-loro-performance-agronomica-e-lalto-contenuto-di-cannabinoidi-desiderati-come-il-cbd-e-il-cbg-1 {
  color: var(--text2);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mulish, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 150%;
  text-decoration: none;
}

.inbreeding {
  grid-row-gap: 24px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 80px 60px;
  text-decoration: none;
  display: flex;
}

.small-container-3 {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1147px;
  padding-bottom: 50px;
  text-decoration: none;
  display: flex;
}

.title-section {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-copy-goes-here-be-awesome-3 {
  color: var(--text2);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Rubik, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat-6 {
  color: #212121;
  text-align: left;
  margin-top: 20px;
  margin-bottom: 0;
  margin-left: 20px;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.image-wrapper-4 {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.image-4 {
  object-fit: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30%;
  height: auto;
  display: flex;
  position: static;
}

.columns-2 {
  grid-column-gap: 32px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1145px;
  text-decoration: none;
  display: flex;
}

.column-7 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.small-columns {
  grid-column-gap: 24px;
  background-color: #f8f8f8;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.small-columnjs-2 {
  background-color: var(--light-grey);
  border-radius: 5px;
  min-width: auto;
  max-width: 600px;
  height: 330px;
  margin-bottom: 0;
  padding-top: 24px;
  padding-bottom: 24px;
  box-shadow: 0 2px 5px #0003;
}

.small-columnjs-2.ok2 {
  height: 160px;
}

.small-columnjs-2.ok3, .small-columnjs-2.ok4 {
  height: 180px;
}

.small-columnjs-2.ok5 {
  height: 160px;
}

.image-5 {
  object-fit: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 279px;
  display: flex;
}

.quote {
  grid-row-gap: 19px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.sistema-di-radici-a-fittone {
  color: var(--text2);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Rubik, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.text-14 {
  color: var(--text2);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mulish, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat-7 {
  color: var(--text2);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mulish, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat-8 {
  color: var(--text2);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mulish, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 150%;
  text-decoration: none;
}

.indica {
  grid-column-gap: 80px;
  background-color: #fff;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 80px 60px;
  text-decoration: none;
  display: flex;
}

.column-8 {
  grid-row-gap: 54px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 592px;
  text-decoration: none;
  display: flex;
}

.content-5 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 639px;
  text-decoration: none;
  display: flex;
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat-9 {
  color: var(--light-green);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mulish, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.title-copy-goes-here-be-awesome-4 {
  color: var(--text2);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Rubik, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat-10 {
  color: var(--text2);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.button-4 {
  grid-column-gap: 8px;
  background-color: #91b238;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 171px;
  padding: 12px 24px;
  text-decoration: none;
  display: flex;
}

.text-15 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Rubik, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
}

.column-9 {
  grid-column-gap: 10px;
  background-color: #fff;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 565px;
  height: 575px;
  text-decoration: none;
  display: flex;
}

.image-6 {
  object-fit: cover;
  border: 6px solid #a0c736;
  border-radius: 300px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 395px;
  text-decoration: none;
  display: flex;
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat-11 {
  color: var(--text2);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mulish, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat-12 {
  color: var(--text2);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mulish, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 150%;
  text-decoration: none;
}

.egeria-italian-cbd {
  grid-row-gap: 64px;
  background-color: var(--dark-green);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 1010px;
  padding-left: 60px;
  padding-right: 60px;
  text-decoration: none;
  display: flex;
}

.container-5 {
  grid-row-gap: 53px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1154px;
  height: 884px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-4 {
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 0;
  text-decoration: none;
  display: flex;
}

.egeria-italian-cbd-sinonimo-di-qualit {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Rubik, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.description-4 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mulish, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 27px;
  text-decoration: none;
}

.columns-3 {
  grid-column-gap: 48px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.card-3 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 369px;
  height: 312px;
  text-decoration: none;
  display: flex;
}

.info-2 {
  grid-row-gap: 25px;
  object-fit: cover;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 0;
  display: flex;
}

.card-4 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 737px;
  height: 312px;
  text-decoration: none;
  display: flex;
}

.info-3 {
  grid-row-gap: 25px;
  border: 1px solid var(--light-green);
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 312px;
  padding: 25px 35px;
  display: flex;
}

.name-2 {
  color: var(--light-green);
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Rubik, sans-serif;
  font-size: 25px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.description-5 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mulish, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 27px;
  text-decoration: none;
}

.columns-4 {
  grid-column-gap: 48px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.card-5 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 200px;
  display: flex;
}

.info-4 {
  grid-row-gap: 25px;
  border: 1px solid #a0c736;
  border-radius: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 232px;
  padding: 35px;
  display: flex;
}

.description-6 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 27px;
  text-decoration: none;
}

.card-6 {
  border: 1px solid #a0c736;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 200px;
  display: flex;
}

.info-5 {
  grid-row-gap: 25px;
  border-radius: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 232px;
  padding: 35px;
  display: flex;
}

.description-7 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mulish, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 27px;
  text-decoration: none;
}

.hero-no-image {
  grid-row-gap: 80px;
  background-image: linear-gradient(#00000080, #00000080), url('../images/Hero-No-Image.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: none;
  height: 400px;
  min-height: auto;
  padding-left: 24px;
  padding-right: 24px;
  text-decoration: none;
  display: flex;
}

.small-container-4 {
  grid-row-gap: 40px;
  background-color: #000000a6;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  height: 391px;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.content-6 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 954px;
  height: 195px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-5 {
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 0;
  text-decoration: none;
  display: flex;
}

.text-16 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 27px;
  font-weight: 400;
  line-height: 37px;
  text-decoration: none;
}

.scegliendo-i-nostri-semi-ti-avvicini-a-un-processo-mirato-di-inbreeding-progettato-per-garantire-variet-di-canapa-con-caratteristiche-superiori-perfette-per-ottenere-una-coltivazione-di-successo-e-risultati-ottimali-0 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 27px;
  font-weight: 500;
  line-height: 37px;
  text-decoration: none;
}

.scegliendo-i-nostri-semi-ti-avvicini-a-un-processo-mirato-di-inbreeding-progettato-per-garantire-variet-di-canapa-con-caratteristiche-superiori-perfette-per-ottenere-una-coltivazione-di-successo-e-risultati-ottimali-1 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 27px;
  font-weight: 800;
  line-height: 37px;
  text-decoration: none;
}

.content-7 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: 954px;
  height: 195px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-6 {
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 70px;
  height: 0;
  text-decoration: none;
  display: flex;
}

.text-17 {
  color: #fff;
  text-align: center;
  flex-flow: column;
  align-self: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 27px;
  font-weight: 400;
  line-height: 37px;
  text-decoration: none;
  display: block;
}

.scegliendo-i-nostri-semi-ti-avvicini-a-un-processo-mirato-di-inbreeding-progettato-per-garantire-variet-di-canapa-con-caratteristiche-superiori-perfette-per-ottenere-una-coltivazione-di-successo-e-risultati-ottimali-2 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mulish, sans-serif;
  font-size: 25px;
  font-weight: 500;
  line-height: 37px;
  text-decoration: none;
}

.scegliendo-i-nostri-semi-ti-avvicini-a-un-processo-mirato-di-inbreeding-progettato-per-garantire-variet-di-canapa-con-caratteristiche-superiori-perfette-per-ottenere-una-coltivazione-di-successo-e-risultati-ottimali-3 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mulish, sans-serif;
  font-size: 27px;
  font-weight: 700;
  line-height: 37px;
  text-decoration: none;
}

.content-8 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 954px;
  height: 195px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-7 {
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 0;
  text-decoration: none;
  display: flex;
}

.text-18 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 27px;
  font-weight: 400;
  line-height: 37px;
  text-decoration: none;
}

.scegliendo-i-nostri-semi-ti-avvicini-a-un-processo-mirato-di-inbreeding-progettato-per-garantire-variet-di-canapa-con-caratteristiche-superiori-perfette-per-ottenere-una-coltivazione-di-successo-e-risultati-ottimali-4 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mulish, sans-serif;
  font-size: 27px;
  font-weight: 800;
  line-height: 37px;
  text-decoration: none;
}

.footer {
  grid-row-gap: 24px;
  background-color: var(--dark-grey);
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 350px;
  padding: 20px 60px 0;
  text-decoration: none;
  display: flex;
}

.columns-5 {
  grid-column-gap: 82px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1140px;
  height: 139px;
  text-decoration: none;
  display: flex;
}

.column-10 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 305px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-8 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.content-9 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 84px;
  display: flex;
}

.text-19 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Rubik, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
}

.footer-links {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 47px;
  text-decoration: none;
  display: flex;
}

.link {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mulish, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.small-columns-3 {
  grid-column-gap: 46px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 60%;
  padding-top: 16px;
  text-decoration: none;
  display: flex;
}

.column-11 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.content-10, .content-11 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.footer-links-2 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.content-12 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.footer-links-3 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.link-2 {
  color: #a0c736;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mulish, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.content-13 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 138px;
  text-decoration: none;
  display: flex;
}

.footer-links-4 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.copyright {
  grid-row-gap: 11px;
  border-top: 1px solid var(--light-green);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1151px;
  height: auto;
  padding-top: 10px;
  padding-bottom: 0;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-9 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 100px;
  text-decoration: none;
  display: flex;
}

.text-20 {
  color: var(--white);
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mulish, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.menu-3 {
  background-color: #f8f8f8;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  padding-left: 24px;
  padding-right: 24px;
  text-decoration: none;
  display: flex;
}

.navbarcontainer-3 {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1439px;
  text-decoration: none;
  display: flex;
}

.navbar-content-3 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1151px;
  text-decoration: none;
  display: flex;
}

.text-21 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mulish, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  text-decoration: none;
}

.text-22 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mulish, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  text-decoration: none;
}

.header-3 {
  grid-row-gap: 80px;
  background-color: #0006;
  background-image: url('../images/Header-1-min.jpg'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 700px;
  min-height: 700px;
  padding: 64px 24px;
  text-decoration: none;
  display: flex;
}

.header-3._1 {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100vh;
  min-height: auto;
  display: flex;
}

.small-container-5 {
  grid-row-gap: 34px;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: 1146px;
  height: 515px;
  padding-bottom: 32px;
  padding-left: 60px;
  padding-right: 60px;
  text-decoration: none;
  display: flex;
}

.content-14 {
  grid-row-gap: 25px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 227px;
  display: flex;
  box-shadow: 0 4px 4px #00000040;
}

.canapa-naturale-per-un-gusto-straordinario-l-aroma-di-egeria {
  color: #fff;
  text-align: center;
  align-self: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Rubik, sans-serif;
  font-size: 50px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.aggiungi-un-tocco-di-originalit-ai-tuoi-prodotti-alimentari-con-laroma-di-canapa-di-egeria {
  color: #fff;
  text-align: center;
  align-self: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mulish, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 35px;
  text-decoration: none;
}

.button-5 {
  grid-column-gap: 8px;
  background-color: #91b238;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 171px;
  padding: 12px 24px;
  text-decoration: none;
  display: flex;
}

.text-23 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Rubik, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 140%;
  text-decoration: none;
}

.content-15 {
  grid-row-gap: 25px;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.button-6 {
  grid-column-gap: 8px;
  background-color: #91b238;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 200px;
  padding: 12px 24px;
  text-decoration: none;
  display: flex;
}

.text-24 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Rubik, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 140%;
  text-decoration: none;
}

.column-12 {
  grid-row-gap: 54px;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: none;
  padding-left: 40px;
  text-decoration: none;
  display: flex;
}

.content-16 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: center;
  align-items: flex-start;
  width: 100%;
  max-width: 664px;
  text-decoration: none;
  display: flex;
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat-13 {
  color: #91b238;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mulish, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.title-copy-goes-here-be-awesome-5 {
  color: var(--text2);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Rubik, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat-14 {
  color: #2c3025;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 27px;
  text-decoration: none;
}

.text-25 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Rubik, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 140%;
  text-decoration: none;
}

.column-13 {
  grid-column-gap: 10px;
  background-color: #fff;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: 564px;
  height: 525px;
  text-decoration: none;
  display: flex;
}

.image-wrapper-5 {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.image-7 {
  object-fit: contain;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  width: 100%;
  max-width: 476px;
  text-decoration: none;
  display: flex;
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat-15 {
  color: var(--text2);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mulish, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 27px;
  text-decoration: none;
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat-16 {
  color: var(--text2);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mulish, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 27px;
  text-decoration: none;
}

.column-14 {
  grid-row-gap: 54px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 663px;
  text-decoration: none;
  display: flex;
}

.content-17 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 664px;
  text-decoration: none;
  display: flex;
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat-17 {
  color: #91b238;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mulish, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.title-copy-goes-here-be-awesome-6 {
  color: #2c3025;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Rubik, sans-serif;
  font-size: 45px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.column-15 {
  grid-column-gap: 10px;
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 564px;
  height: 525px;
  text-decoration: none;
  display: flex;
}

.image-8 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 476px;
  text-decoration: none;
  display: flex;
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat-18 {
  color: #2c3025;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mulish, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 27px;
  text-decoration: none;
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat-19 {
  color: #2c3025;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mulish, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 27px;
  text-decoration: none;
}

.indica-2 {
  grid-row-gap: 54px;
  background-color: #15312b;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 80px 24px;
  text-decoration: none;
  display: flex;
}

.column-16 {
  grid-row-gap: 54px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 592px;
  text-decoration: none;
  display: flex;
}

.content-18 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.title-copy-goes-here-be-awesome-7 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Rubik, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.container-6 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1100px;
  height: 502px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-10 {
  justify-content: center;
  align-items: center;
  width: .0000167852px;
  text-decoration: none;
  display: flex;
}

.column-17 {
  grid-row-gap: 54px;
  border-left: 1px dashed var(--green);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 473px;
  height: 400px;
  padding-left: 40px;
  padding-right: 40px;
  text-decoration: none;
  display: flex;
}

.column-17.b {
  border-right: 1px dashed var(--green);
  border-left-style: none;
}

.content-19 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 212px;
  display: flex;
}

.vectors-wrapper-11 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 22.31px;
  height: 28.65px;
  text-decoration: none;
  display: flex;
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat-20 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.column-18 {
  grid-column-gap: 10px;
  border-radius: 50px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 566px;
  height: 502px;
  text-decoration: none;
  display: flex;
}

.image-wrapper-6 {
  border-radius: 50px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 501px;
  display: flex;
}

.image-9 {
  object-fit: cover;
  border: 6px solid #a0c736;
  border-radius: 300px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 395px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.container-7 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1100px;
  height: 502px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-12 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: .0000167852px;
  text-decoration: none;
  display: flex;
}

.content-20 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 293px;
  display: flex;
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat-21 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mulish, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.container-8 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1100px;
  height: 502px;
  text-decoration: none;
  display: flex;
}

.column-19 {
  grid-row-gap: 54px;
  border-left: 1px dashed var(--green);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 473px;
  height: 400px;
  padding-left: 40px;
  text-decoration: none;
  display: flex;
}

.content-21 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 400px;
  display: flex;
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat-22 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mulish, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 150%;
  text-decoration: none;
}

.perch-sceglierci {
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 696px;
  padding-left: 24px;
  padding-right: 24px;
  text-decoration: none;
  display: flex;
}

.container-9 {
  grid-row-gap: 44px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1100px;
  height: 594px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-13 {
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 0;
  text-decoration: none;
  display: flex;
}

.text-26 {
  color: var(--text2);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Rubik, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.columns-6 {
  grid-column-gap: 48px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 286px;
  display: flex;
}

.card-7 {
  border: 1px solid #a0c736;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 312px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.info-6 {
  grid-row-gap: 25px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 25px;
  display: flex;
}

.name-3 {
  color: #a0c736;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Rubik, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.description-8 {
  color: var(--text2);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mulish, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 27px;
  text-decoration: none;
}

.perch-sceglierci-2 {
  grid-row-gap: 64px;
  background-color: var(--light-grey);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 580px;
  padding-left: 24px;
  padding-right: 24px;
  text-decoration: none;
  display: flex;
}

.container-10 {
  grid-row-gap: 44px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1100px;
  height: 505px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-14 {
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 0;
  text-decoration: none;
  display: flex;
}

.text-27 {
  color: var(--text2);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Rubik, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.columns-7 {
  grid-column-gap: 23px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 249px;
  display: flex;
}

.card-8 {
  background-color: #a0c736;
  border: 1px solid #a0c736;
  border-right-style: none;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 211px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.info-7 {
  grid-row-gap: 25px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 25px;
  display: flex;
}

.name-4 {
  color: var(--text2);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Rubik, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.description-9 {
  color: var(--text2);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mulish, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 27px;
  text-decoration: none;
}

.name-5 {
  color: var(--text2);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Rubik, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.indica-3 {
  grid-row-gap: 33px;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 50px 24px 400px;
  text-decoration: none;
  display: flex;
}

.propriet-dei-terpeni {
  color: var(--text2);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Rubik, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.container-11 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1158px;
  height: 492px;
  text-decoration: none;
  display: flex;
}

.column-20 {
  grid-column-gap: 10px;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 495px;
  height: 453px;
  text-decoration: none;
  display: flex;
}

.image-wrapper-7 {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 562px;
  display: flex;
}

.image-10 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 476px;
  margin-top: 250px;
  text-decoration: none;
  display: flex;
}

.column-21 {
  grid-row-gap: 54px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 588px;
  height: 435px;
  margin-top: 800px;
  margin-bottom: 500px;
  text-decoration: none;
  display: flex;
}

.content-22 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 588px;
  height: 543px;
  text-decoration: none;
  display: flex;
}

.column-22 {
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 572px;
  height: 464px;
  text-decoration: none;
  display: flex;
}

.feature {
  grid-column-gap: 24px;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.image-11 {
  background-color: #d2f378;
  border-radius: 50px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60px;
  min-width: 60px;
  height: 60px;
  min-height: 60px;
  text-decoration: none;
  display: flex;
}

.text-28 {
  color: #ffffffd9;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Rubik, sans-serif;
  font-size: 35px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.description-10 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.image-12 {
  background-color: #b2da48;
  border-radius: 50px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60px;
  min-width: 60px;
  height: 60px;
  min-height: 60px;
  text-decoration: none;
  display: flex;
}

.image-13 {
  background-color: #9ebf44;
  border-radius: 50px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60px;
  min-width: 60px;
  height: 60px;
  min-height: 60px;
  text-decoration: none;
  display: flex;
}

.image-14 {
  background-color: #6a881a;
  border-radius: 50px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60px;
  min-width: 60px;
  height: 60px;
  min-height: 60px;
  text-decoration: none;
  display: flex;
}

.image-15 {
  background-color: #344409;
  border-radius: 50px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60px;
  min-width: 60px;
  height: 60px;
  min-height: 60px;
  text-decoration: none;
  display: flex;
}

.description-0 {
  color: var(--text2);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mulish, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.description-11 {
  color: var(--text2);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mulish, sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 150%;
  text-decoration: none;
}

.egeria-italian-cbd-2 {
  grid-row-gap: 64px;
  background-color: #15312b;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 917px;
  padding-left: 24px;
  padding-right: 24px;
  text-decoration: none;
  display: flex;
}

.container-12 {
  grid-row-gap: 53px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1154px;
  height: 780px;
  padding-bottom: 65px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-15 {
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 0;
  text-decoration: none;
  display: flex;
}

.la-nostra-promessa-per-una-canapa-sicura {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Rubik, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.columns-8 {
  grid-column-gap: 48px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.card-9 {
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 752px;
  height: 312px;
  text-decoration: none;
  display: flex;
}

.info-8 {
  grid-row-gap: 25px;
  object-fit: cover;
  border-radius: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 312px;
  padding: 0;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.card-10 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 355px;
  height: 312px;
  text-decoration: none;
  display: flex;
}

.info-9 {
  grid-row-gap: 25px;
  border-style: solid;
  border-width: 1px;
  border-color: #a0c736 var(--green) #a0c736 #a0c736;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 312px;
  padding: 25px 35px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.description-12 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mulish, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 27px;
  text-decoration: none;
}

.columns-9 {
  grid-column-gap: 48px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.card-11 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 200px;
  display: flex;
}

.info-10 {
  grid-row-gap: 25px;
  border-style: solid;
  border-width: 1px;
  border-color: #a0c736 var(--green) #a0c736 #a0c736;
  border-radius: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 198px;
  padding: 35px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.card-12 {
  border-style: solid;
  border-width: 1px;
  border-color: #a0c736 var(--green) #a0c736 #a0c736;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 200px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.info-11 {
  grid-row-gap: 25px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 182px;
  padding: 35px;
  display: flex;
}

.columns-10 {
  grid-column-gap: 82px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1140px;
  height: 139px;
  text-decoration: none;
  display: flex;
}

.column-23 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 305px;
  height: 116px;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-16 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 143px;
  height: 31px;
  text-decoration: none;
  display: flex;
}

.content-23 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 84px;
  display: flex;
}

.text-29 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Rubik, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
}

.column-24 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.content-24, .content-25 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.footer-links-5 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.content-26 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.footer-links-6 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.link-3 {
  color: #a0c736;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mulish, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.content-27 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 138px;
  text-decoration: none;
  display: flex;
}

.footer-links-7 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.vectors-wrapper-17 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 100px;
  text-decoration: none;
  display: flex;
}

.text-30 {
  color: #f8f8f8;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mulish, sans-serif;
  font-size: 10px;
  font-weight: 200;
  line-height: 150%;
  text-decoration: none;
}

.background-video-2 {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
}

.link-4 {
  color: var(--white);
  font-family: Mulish, sans-serif;
  text-decoration: none;
}

.footer-dark {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 50px 30px 15px;
  position: relative;
}

.container-13 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.footer-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.footer-content {
  grid-column-gap: 70px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: auto auto 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-block {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.title-small {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
}

.footer-link {
  color: #1a1b1f;
  margin-top: 12px;
  margin-bottom: 6px;
  font-size: 14px;
  line-height: 16px;
  text-decoration: none;
}

.footer-link:hover {
  color: #1a1b1fbf;
}

.footer-social-block {
  justify-content: flex-start;
  align-items: center;
  margin-top: 12px;
  margin-left: -12px;
  display: flex;
}

.footer-social-link {
  margin-left: 12px;
}

.footer-divider {
  background-color: #e4ebf3;
  width: 100%;
  height: 1px;
  margin-top: 70px;
  margin-bottom: 15px;
}

.footer-copyright-center {
  text-align: center;
  font-size: 14px;
  line-height: 16px;
}

.link-block {
  text-decoration: none;
}

.uui-footer05_social-icons {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  place-items: start;
  display: grid;
}

.uui-footer05_social-link {
  color: #98a2b3;
  align-items: center;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.uui-footer05_social-link:hover {
  color: #667085;
}

.uui-footer05_social-icon {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--green);
}

.dropdown-link {
  background-color: var(--light-grey);
  color: var(--text2);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-family: Rubik, sans-serif;
  transition: all .5s;
}

.dropdown-link:hover {
  color: var(--green);
}

.dropdown-link-2 {
  background-color: var(--light-grey);
  color: var(--text2);
  transition: all .5s;
}

.dropdown-link-2:hover {
  color: var(--green);
}

.dropdown-link-3 {
  background-color: var(--light-grey);
  color: var(--text2);
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  transition: all .5s;
}

.dropdown-link-3:hover {
  color: var(--green);
}

.dropdown-list {
  background-color: var(--white);
}

.dropdown-list.w--open {
  background-color: var(--light-grey);
  color: var(--text2);
  border-radius: 5px;
  font-family: Rubik, sans-serif;
  box-shadow: 0 2px 5px #0003;
}

.paragraph {
  text-align: center;
  font-family: Mulish, sans-serif;
  font-size: 20px;
  line-height: 27px;
}

.paragraph-2 {
  text-align: center;
  border-radius: 0;
  margin-bottom: 40px;
  font-family: Mulish, sans-serif;
  font-size: 20px;
  line-height: 27px;
}

.tallyform {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  place-items: center;
  padding-bottom: 50px;
  padding-left: 0%;
  padding-right: 0%;
  display: grid;
}

.tallyform.aroma {
  grid-template-columns: 1.25fr;
}

.div-block {
  padding-left: 0%;
  padding-right: 0%;
}

.spazio, .form {
  height: 1px;
}

.image-16 {
  max-width: 70%;
  display: block;
}

.div-block-2 {
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  display: none;
}

.cta {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  padding-right: 50%;
  display: flex;
  position: static;
  top: auto;
}

.image-17 {
  width: 250px;
  max-width: none;
  height: 250px;
  position: static;
  top: auto;
}

.div-block-3 {
  justify-content: flex-end;
  align-items: flex-start;
  padding-right: 10%;
  display: flex;
  position: relative;
  top: -79.7vh;
}

.html-embed {
  width: 100%;
  padding-left: 0%;
  padding-right: 0%;
}

.aromi {
  width: 100%;
}

.div-block-4 {
  align-self: center;
}

.div-block-5 {
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
}

.html-embed-2 {
  width: 100%;
}

.inizio {
  background-color: #f5f7fa;
  border-bottom: 1px #e4ebf3;
  justify-content: center;
  align-items: center;
  height: 700px;
  padding: 80px 30px;
  display: flex;
  position: relative;
}

.container-14 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.hero-wrapper-two {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.margin-bottom-24px {
  margin-bottom: 24px;
}

.button-primary {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary:active {
  background-color: #43464d;
}

.hero-image {
  width: 100%;
  margin-top: 50px;
}

.background-video-3 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 700px;
  display: flex;
  position: static;
}

@media screen and (max-width: 991px) {
  .menu {
    padding-right: 0;
  }

  .navbar-menu {
    max-width: unset;
  }

  .navbar-link, .navbar-button {
    justify-content: center;
  }

  .container {
    flex-direction: column;
    align-items: center;
  }

  .menu-2 {
    padding-right: 0;
  }

  .navbar-menu-2 {
    max-width: unset;
  }

  .navbar-link-2, .navbar-button-2 {
    justify-content: center;
  }

  .container-2, .columns, .container-4, .columns-2, .columns-3, .columns-4, .columns-5 {
    flex-direction: column;
    align-items: center;
  }

  .column-10, .content-9, .footer-links, .content-10, .content-11, .footer-links-2, .content-12, .footer-links-3, .content-13, .footer-links-4 {
    align-items: center;
  }

  .menu-3 {
    padding-right: 0;
  }

  .container-6, .container-7, .container-8, .columns-6, .columns-7, .container-11, .columns-8, .columns-9, .columns-10 {
    flex-direction: column;
    align-items: center;
  }

  .column-23, .content-23, .content-24, .content-25, .footer-links-5, .content-26, .footer-links-6, .content-27, .footer-links-7 {
    align-items: center;
  }

  .container-13 {
    max-width: 728px;
  }

  .footer-content {
    grid-column-gap: 60px;
  }

  .uui-footer05_social-icons {
    margin-bottom: 1rem;
  }

  .tallyform {
    grid-template-columns: 1.25fr;
    grid-auto-flow: row;
  }

  .cta {
    padding-right: 0%;
  }

  .container-14 {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .small-columnjs-2 {
    flex-direction: column;
    align-items: center;
  }

  .footer-dark {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .footer-content {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .footer-block {
    align-items: center;
  }

  .footer-link:hover {
    color: #1a1b1fbf;
  }

  .footer-social-block {
    margin-top: 20px;
    margin-left: -20px;
  }

  .footer-social-link {
    margin-left: 20px;
  }

  .footer-divider {
    margin-top: 60px;
  }

  .uui-footer05_social-link:hover {
    color: #98a2b3;
  }

  .inizio {
    padding: 60px 15px;
  }
}

@media screen and (max-width: 479px) {
  .navbar-menu-2, .navbar-link-2 {
    background-color: var(--white);
  }

  .small-container-2 {
    justify-content: space-between;
    align-items: center;
    height: 600px;
    margin-top: 40px;
  }

  .text-8 {
    line-height: 100%;
  }

  .button-2.bottoneok {
    right: -2px;
  }

  .qualit-innovazione-e-tradizione-in-ogni-seme-2 {
    position: relative;
  }

  .la-storia-2 {
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .benefici {
    padding: 40px 20px 20px;
  }

  .card {
    height: 400px;
    margin-bottom: 40px;
  }

  .info {
    height: 400px;
    margin-bottom: 20px;
  }

  .card-2 {
    margin-bottom: 40px;
  }

  .innovazione-e-tradizione {
    background-color: var(--light-grey);
    margin-bottom: 0;
    padding-bottom: 20px;
  }

  .container-4 {
    padding-right: 0;
  }

  .text-12 {
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-13 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .inbreeding {
    padding-left: 20px;
    padding-right: 20px;
  }

  .columns-2 {
    justify-content: space-between;
    margin-top: -20px;
  }

  .small-columnjs-2 {
    margin-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .image-5 {
    margin-bottom: 20px;
  }

  .indica {
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .egeria-italian-cbd {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    height: 1900px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .card-4 {
    height: 500px;
  }

  .info-3 {
    height: 500px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .columns-4 {
    margin-top: 20px;
  }

  .info-4 {
    justify-content: flex-start;
    height: 300px;
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .card-6 {
    height: 200px;
    margin-top: 80px;
  }

  .info-5 {
    height: 200px;
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .hero-no-image {
    height: 600px;
  }

  .footer {
    justify-content: space-around;
    height: 700px;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .columns-5 {
    justify-content: space-between;
    align-self: center;
    align-items: center;
  }

  .column-10, .content-9 {
    align-self: center;
  }

  .text-19, .link {
    text-align: center;
  }

  .small-columns-3 {
    flex-direction: column;
    align-items: center;
  }

  .column-11 {
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    margin-top: 10px;
  }

  .content-10, .content-11, .content-12 {
    align-self: center;
  }

  .copyright {
    text-align: center;
    justify-content: flex-end;
    align-self: center;
    align-items: center;
    margin-top: 350px;
  }

  .header-3 {
    height: 800px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .canapa-naturale-per-un-gusto-straordinario-l-aroma-di-egeria {
    font-size: 40px;
  }

  .column-12 {
    padding-left: 0;
  }

  .indica-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .container-6 {
    justify-content: space-between;
    height: 700px;
  }

  .column-17 {
    justify-content: flex-start;
    align-self: center;
    align-items: flex-start;
    padding-left: 20px;
    padding-right: 20px;
  }

  .column-17.b {
    justify-content: center;
    align-items: center;
    height: 600px;
    min-height: 500px;
    padding-left: 20px;
  }

  .column-18 {
    margin-bottom: 40px;
  }

  .image-wrapper-6 {
    height: auto;
  }

  .image-9 {
    margin-top: 60px;
  }

  .container-7 {
    height: 700px;
    margin-bottom: 220px;
  }

  .container-8 {
    height: 1000px;
  }

  .column-19 {
    height: 800px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .perch-sceglierci {
    justify-content: flex-start;
    align-items: center;
    height: 1500px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .container-9 {
    justify-content: flex-start;
    align-items: center;
  }

  .card-7 {
    margin-bottom: 40px;
  }

  .perch-sceglierci-2 {
    justify-content: flex-start;
    align-items: center;
    height: 850px;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .card-8 {
    height: 250px;
    margin-bottom: 40px;
  }

  .info-7 {
    height: 250px;
  }

  .indica-3 {
    justify-content: flex-start;
    align-items: center;
    height: 1500px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .image-wrapper-7 {
    height: auto;
  }

  .column-21 {
    margin-top: 220px;
  }

  .egeria-italian-cbd-2 {
    justify-content: flex-start;
    align-items: center;
    height: 1500px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .info-9 {
    height: 200px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .info-10 {
    height: 300px;
    margin-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .card-12 {
    margin-top: 60px;
  }

  .info-11 {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .background-video-2 {
    height: 110vh;
    display: block;
  }

  .container-13 {
    max-width: none;
  }

  .uui-footer05_social-icons {
    text-align: center;
    align-self: center;
  }

  .menu-button, .menu-button.w--open {
    background-color: var(--white);
  }

  .icon {
    color: var(--green);
  }

  .dropdown {
    background-color: var(--white);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .tallyform {
    padding-left: 5%;
    padding-right: 5%;
  }

  .div-block {
    padding-left: 10%;
    padding-right: 10%;
  }

  .container-14 {
    max-width: none;
  }
}


@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mulish';
  src: url('../fonts/Mulish-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mulish';
  src: url('../fonts/Mulish-ExtraBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mulish';
  src: url('../fonts/Mulish-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mulish';
  src: url('../fonts/Mulish-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}