.union-icon {
  	width: 30.7px;
  	position: relative;
  	height: 30.7px;
}
.agreecult {
  	position: relative;
  	letter-spacing: -0.03em;
  	font-weight: 600;
}
.union-parent {
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: flex-start;
  	gap: 11.7px;
}
.get-started-wrapper {
  	border-radius: 8px;
  	background-color: #0b633a;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: center;
  	padding: 8px 24px;
  	font-size: 16px;
  	color: #fff;
}
.frame-group {
  	position: fixed;
  	top: 0;
  	left: 0;
  	right: 0;
  	margin: 22px auto 0 auto;
  	width: 100%;
  	max-width: 1440px;
  	z-index: 100;
  	backdrop-filter: blur(8px);
  	background: rgba(255,255,255,0.7);
  	box-shadow: 0 2px 16px rgba(0,0,0,0.06);
  	border-radius: 16px;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: space-between;
  	padding: 12px 24px;
  	font-size: 23.39px;
}
.now-with {
  	position: relative;
  	letter-spacing: -0.01em;
  	line-height: 118.51%;
}
.image-1-icon {
  	width: 70px;
  	position: relative;
  	max-height: 100%;
  	object-fit: cover;
}
.now-with-parent {
  	border-radius: 99px;
  	border: 1px solid #fff;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: center;
  	padding: 4px 16px;
  	gap: 6px;
}
.buying-seeds-have {
  	align-self: stretch;
  	position: relative;
  	font-size: 48px;
  	letter-spacing: -0.03em;
  	line-height: 118.51%;
  	font-weight: 600;
}
.search-up-purchase {
  	width: 321px;
  	position: relative;
  	letter-spacing: -0.03em;
  	line-height: 118.51%;
  	color: #9dcfb8;
  	display: inline-block;
}
.frame-div {
  	width: 394px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 19px;
}
.image-2-icon {
  	width: 481px;
  	position: relative;
  	max-height: 100%;
  	object-fit: cover;
}
.frame-container {
  	width: 100%;
  	max-width: 1374px;
  	border-radius: 16px;
  	background-color: #0b633a;
  	min-height: 440px;
  	overflow: hidden;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: space-between;
  	padding: 0px 120px;
  	box-sizing: border-box;
  	font-size: 16px;
  	color: #fff;
}
.manage-your-deliveries {
  	align-self: stretch;
  	position: relative;
  	letter-spacing: -0.03em;
  	line-height: 118.51%;
}
.get-quotations-invoices {
  	align-self: stretch;
  	position: relative;
  	letter-spacing: -0.03em;
  	line-height: 118.51%;
  	color: #585858;
}
.manage-your-deliveries-parent {
  	width: 368px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	padding: 22px 0px;
  	box-sizing: border-box;
  	gap: 17px;
}
.frame-child {
  	align-self: stretch;
  	flex: 1;
  	position: relative;
  	max-width: 100%;
  	overflow: hidden;
  	max-height: 100%;
  	object-fit: cover;
}
.frame-parent1,
.frame-parent2,
.frame-parent3 {
  	box-shadow: 0px 4px 9.2px rgba(0, 0, 0, 0.04);
  	border-radius: 16px;
  	background-color: #fff;
  	border: 1px solid #dedede;
  	box-sizing: border-box;
  	width: 100%;
  	max-width: 436px;
  	min-height: 381px;
  	overflow: hidden;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	justify-content: center;
  	gap: 16px;
  	position: static;
}
.frame-item {
  	align-self: stretch;
  	position: relative;
  	max-width: 100%;
  	overflow: hidden;
  	height: 208px;
  	flex-shrink: 0;
  	object-fit: cover;
}
.frame-inner {
  	position: static !important;
}
.lettuce-seeds {
  	position: relative;
  	letter-spacing: -0.03em;
  	line-height: 118.51%;
  	font-weight: 600;
}
.lettuce-seeds-wrapper {
  	box-shadow: 0px 4.490566253662109px 10.33px rgba(0, 0, 0, 0.08);
  	border-radius: 17.96px;
  	background-color: #fff;
  	border: 1.1px solid #dedede;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: center;
  	padding: 13.5px 18px;
}
.frame-parent6 {
  	align-self: stretch;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: flex-start;
  	gap: 13.5px;
}
.frame-parent7 {
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: flex-start;
  	gap: 14.6px;
}
.frame-parent5 {
  	position: absolute;
  	bottom: 34.9px;
  	left: -69px;
  	width: 642.2px;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: flex-start;
  	gap: 11.2px;
}
.frame-parent4 {
  	align-self: stretch;
  	position: relative;
  	height: 208px;
  	overflow: hidden;
  	flex-shrink: 0;
  	font-size: 22.45px;
}
.ready-to-get {
  	position: static !important;
}
.click-the-button {
  	position: static !important;
}
.image-2-icon1 {
  	position: static !important;
}
.ready-to-get-started-parent {
  	border-radius: 16px;
  	background-color: #070707;
  	width: 100%;
  	max-width: 1370px;
  	min-height: 149px;
  	overflow: hidden;
  	font-size: 48px;
  	color: #fff;
  	margin-top: 32px;
  	position: static;
}
.frame-parent {
  	max-width: 1440px;
  	margin: 0 auto;
  	width: 100%;
  	background-color: #fff;
  	text-align: left;
  	font-size: 20px;
  	color: #000;
  	font-family: Geist;
  	padding-left: 16px;
  	padding-right: 16px;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	gap: 32px;
  	padding-top: 100px;
}
.cards-row {
  	width: 100%;
  	max-width: 1374px;
  	display: flex;
  	flex-direction: row;
  	justify-content: space-between;
  	gap: 16px;
}

@media (max-width: 900px) {
  .frame-group {
    max-width: 100vw;
    padding: 10px 8px;
    font-size: 18px;
  }
  .frame-container {
    flex-direction: column;
    padding: 24px 8px;
    min-height: unset;
    gap: 24px;
  }
  .cards-row {
    flex-direction: column;
    gap: 24px;
    align-items: center;
  }
  .frame-parent1, .frame-parent2, .frame-parent3 {
    max-width: 95vw;
    min-width: 0;
    width: 100%;
  }
  .buying-seeds-have {
    font-size: 32px;
  }
  .ready-to-get-started-parent {
    font-size: 28px;
    max-width: 98vw;
    min-width: 0;
    padding: 16px 8px;
  }
  .image-2-icon, .image-2-icon1 {
    width: 100%;
    max-width: 350px;
    height: auto;
  }
}

@media (max-width: 600px) {
  .frame-group {
    font-size: 15px;
    padding: 8px 2vw;
    margin: 8px auto 0 auto;
  }
  .frame-parent {
    padding-left: 2vw;
    padding-right: 2vw;
    padding-top: 70px;
    gap: 18px;
  }
  .frame-container {
    padding: 12px 2vw;
    gap: 16px;
  }
  .cards-row {
    gap: 16px;
  }
  .buying-seeds-have {
    font-size: 22px;
  }
  .ready-to-get-started-parent {
    font-size: 18px;
    padding: 10px 2vw;
  }
  .manage-your-deliveries-parent {
    width: 100%;
    padding: 12px 0;
  }
  .frame-parent1, .frame-parent2, .frame-parent3 {
    min-height: unset;
    padding: 8px 0;
  }
  .image-2-icon, .image-2-icon1 {
    max-width: 220px;
  }
}