:root {
  --default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
}
*,
::after,
::before {
    box-sizing: border-box;
}
a {
  text-decoration: none;
}
body,
html {
    margin: 0px;
    overflow-x: hidden;
    scroll-behavior: smooth;
}
html {
  overflow-x: hidden;
}
.main-container,
.main-container * {
  box-sizing: border-box;
}

input,
select,
textarea,
button {
  outline: 0;
}

.main-container {
  position: relative;
  margin: 0 auto;
}
.navbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  position: fixed;
  margin: 16px 0 0 0;
  padding: 16px 40px;
  width: 100%;
  z-index: 101;
}
.logo-sapua-edukasi-copy {
  flex-shrink: 0;
  position: relative;
  width: 168px;
  height: 60px;
  background: url(./assets/images/c8cc6737a7439b0011b104cb5fd1369d1466af3c.png)
    no-repeat center;
  background-size: cover;
  z-index: 102;
}
.component {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  padding: 8px 8px 8px 8px;
  background: #ffffff;
  z-index: 103;
  border-radius: 40px;
  box-shadow: 0 24px 60px 0 rgba(0, 0, 0, 0.08);
}
.navigation-links {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 104;
}
.navbar-item {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  padding: 8px 24px 8px 24px;
  cursor: pointer;
  border: none;
  z-index: 105;
  border-radius: 40px;
}
.navbar-item.active {
  background: linear-gradient(135deg, #2cb9ff, #009be8);
}
.navbar-item a {
  text-decoration: none;
  color: rgba(33, 36, 58, 0.6);
}
.navbar-item.active a {
  color: #ffffff
}
.about-link {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 28px;
  color: #ffffff;
  font-family: Spline Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  text-align: center;
  white-space: nowrap;
  z-index: 106;
}
.product-link-container {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  width: 107px;
  padding: 8px 24px 8px 24px;
  background: #ffffff;
  z-index: 107;
  border-radius: 40px;
}
.product-link {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 59px;
  height: 28px;
  color: rgba(33, 36, 58, 0.6);
  font-family: Spline Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  text-align: center;
  white-space: nowrap;
  z-index: 108;
}
.contact-link-container {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  width: 108px;
  padding: 8px 24px 8px 24px;
  background: #ffffff;
  z-index: 109;
  border-radius: 40px;
}
.contact-link {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 60px;
  height: 28px;
  color: rgba(33, 36, 58, 0.6);
  font-family: Spline Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  text-align: center;
  white-space: nowrap;
  z-index: 110;
}
.section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 120px;
  position: relative;
  margin-top: 164px;
  z-index: 1;

}
.section-1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 56px;
  position: relative;
  min-width: 0;
  z-index: 2;
}
.section-1.hero .main-container {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.main-container {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 3;
}
.content-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 40px;
  position: relative;
  width: 459px;
  z-index: 4;
}
.information-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  min-width: 0;
  z-index: 5;
}
.stats-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 188px;
  padding: 4px 12px 4px 12px;
  cursor: pointer;
  background: rgba(0, 155, 232, 0.2);
  border: none;
  z-index: 6;
  border-radius: 32px;
}
.stats-text {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 26px;
  color: #009be8;
  font-family: Spline Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 25.6px;
  text-align: left;
  white-space: nowrap;
  z-index: 7;
}
.description-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  z-index: 8;
}
.title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 459px;
  height: 104px;
  color: #21243a;
  font-family: Spline Sans, var(--default-font-family);
  font-size: 40px;
  font-weight: 700;
  line-height: 52px;
  text-align: left;
  z-index: 9;
}
.description {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 363px;
  height: 116px;
  color: rgba(33, 36, 58, 0.6);
  font-family: Spline Sans, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 28.8px;
  text-align: left;
  z-index: 10;
}
.button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4px;
  position: relative;
  width: 184px;
  padding: 12px 32px 12px 32px;
  cursor: pointer;
  background: linear-gradient(135deg, #2cb9ff, #009be8);
  border: none;
  z-index: 11;
  border-radius: 72px;
  box-shadow: 0 8px 24px 0 rgba(0, 155, 232, 0.4);
}
.button-text {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 92px;
  height: 26px;
  color: #ffffff;
  font-family: Spline Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 25.6px;
  text-align: center;
  white-space: nowrap;
  z-index: 12;
}
.arrow-icon {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 24px;
  z-index: 13;
  overflow: hidden;
}
.vector {
  position: relative;
  width: 7.121px;
  height: 11.414px;
  margin: 6.293px 0 0 9.293px;
  background: url(./assets/images/90ab6d33-ab6f-4427-aa4a-289cd2163341.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 14;
}
.main-image {
  flex-shrink: 0;
  position: relative;
  width: 653px;
  height: 462px;
  background: url(./assets/images/cc8454ed-f4f4-4337-9e14-558ec3cbec7e.png)
    no-repeat center;
  background-size: cover;
  z-index: 15;
}
.features-section {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 16;
  overflow: hidden;
  border-radius: 16px;
  box-shadow: 0px 24px 60px rgba(0, 0, 0, 0.08);
}
.integrated-management-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 24px;
  position: relative;
  padding: 32px 32px 32px 32px;
  background: #ffffff;
  border-right: 1px dashed #dddddd;
  z-index: 17;
  overflow: hidden;
}
.integrated-management-icon {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 56px;
  padding: 12px 12px 12px 12px;
  background: linear-gradient(135deg, #2cb9ff, #009be8);
  z-index: 18;
  border-radius: 32px;
}
.cog-icon-one {
  flex-shrink: 0;
  position: relative;
  width: 32px;
  height: 32px;
  z-index: 19;
  overflow: hidden;
}
.vector-2 {
  position: relative;
  width: 24px;
  height: 26.667px;
  margin: 2.667px 0 0 4px;
  background: url(./assets/images/e74c32c7-0508-4a5e-babf-12f6a6d8290e.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 20;
}
.integrated-management-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  z-index: 21;
}
.description-3 {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 29px;
  color: #21243a;
  font-family: Spline Sans, var(--default-font-family);
  font-size: 18px;
  font-weight: 600;
  line-height: 28.8px;
  text-align: left;
  white-space: nowrap;
  z-index: 22;
}
.description-4 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 314.667px;
  height: 52px;
  color: rgba(33, 36, 58, 0.6);
  font-family: Spline Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 25.6px;
  text-align: left;
  z-index: 23;
}
.data-analytics-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 24px;
  position: relative;
  padding: 32px 32px 32px 32px;
  background: #ffffff;
  border-right: 1px dashed #dddddd;
  z-index: 24;
  overflow: hidden;
}
.data-analytics-icon {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 56px;
  padding: 12px 12px 12px 12px;
  background: linear-gradient(135deg, #2cb9ff, #009be8);
  z-index: 25;
  border-radius: 32px;
}
.cog-icon-two {
  flex-shrink: 0;
  position: relative;
  width: 32px;
  height: 32px;
  z-index: 26;
  overflow: hidden;
}
.vector-5 {
  position: relative;
  width: 26.667px;
  height: 25.333px;
  margin: 2.667px 0 0 2.667px;
  background: url(./assets/images/e2994ddf-417f-43b7-be40-00d54c9ed562.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 27;
}
.data-analytics-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  z-index: 28;
}
.description-6 {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 29px;
  color: #21243a;
  font-family: Spline Sans, var(--default-font-family);
  font-size: 18px;
  font-weight: 600;
  line-height: 28.8px;
  text-align: left;
  white-space: nowrap;
  z-index: 29;
}
.description-7 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 314.667px;
  height: 52px;
  color: rgba(33, 36, 58, 0.6);
  font-family: Spline Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 25.6px;
  text-align: left;
  z-index: 30;
}
.resource-optimization-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 24px;
  position: relative;
  padding: 32px 32px 32px 32px;
  background: #ffffff;
  z-index: 31;
  overflow: hidden;
}
.resource-optimization-icon {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 56px;
  padding: 12px 12px 12px 12px;
  background: linear-gradient(135deg, #2cb9ff, #009be8);
  z-index: 32;
  border-radius: 32px;
}
.cog-icon-three {
  flex-shrink: 0;
  position: relative;
  width: 32px;
  height: 32px;
  background: url(./assets/images/1576492a-d6d5-4da0-8893-add38fc9cd5b.png)
    no-repeat center;
  background-size: cover;
  z-index: 33;
  overflow: hidden;
}
.resource-optimization-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  z-index: 34;
}
.description-8 {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 29px;
  color: #21243a;
  font-family: Spline Sans, var(--default-font-family);
  font-size: 18px;
  font-weight: 600;
  line-height: 28.8px;
  text-align: left;
  white-space: nowrap;
  z-index: 35;
}
.enhance-productivity {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 314.667px;
  height: 52px;
  color: rgba(33, 36, 58, 0.6);
  font-family: Spline Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 25.6px;
  text-align: left;
  z-index: 36;
}
.section-9 {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  min-width: 0;
  z-index: 37;
}
.content-section-a {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 32px;
  position: relative;
  width: 828px;
  z-index: 38;
}
.information-section-b {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  min-width: 0;
  z-index: 39;
}
.stats-container-c {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 115px;
  padding: 4px 12px 4px 12px;
  cursor: pointer;
  background: rgba(0, 155, 232, 0.2);
  border: none;
  z-index: 40;
  border-radius: 32px;
}
.stats-text-d {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 26px;
  color: #009be8;
  font-family: Spline Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 25.6px;
  text-align: left;
  white-space: nowrap;
  z-index: 41;
}
.description-container-e {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  z-index: 42;
}
.poultry-partner {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 52px;
  color: #21243a;
  font-family: Spline Sans, var(--default-font-family);
  font-size: 40px;
  font-weight: 700;
  line-height: 52px;
  text-align: center;
  white-space: nowrap;
  z-index: 43;
}
.layer-farm-manager {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 828px;
  height: 58px;
  color: rgba(33, 36, 58, 0.6);
  font-family: Spline Sans, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 28.8px;
  text-align: center;
  z-index: 44;
}
.download-section {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  width: 363px;
  z-index: 45;
}
.google-play-badge {
  flex-shrink: 0;
  position: relative;
  width: 172px;
  height: 50px;
  cursor: pointer;
  border: none;
  z-index: 46;
  border-radius: 8px;
  background: url(./assets/images/24259a27-01bb-4dc9-9dfb-9abf0e524f50.png)
  no-repeat center;
  background-size: contain;
}
.button-f {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  width: 175px;
  height: 50px;
  padding: 12px 24px 12px 16px;
  cursor: unset;
  background: transparent;
  border: 1px solid rgba(33, 36, 58, 0.4);
  z-index: 47;
  border-radius: 8px;
}
.apple-icon {
  flex-shrink: 0;
  position: relative;
  width: 38px;
  height: 38px;
  z-index: 48;
  overflow: hidden;
}
.vector-10 {
  position: relative;
  width: 25.344px;
  height: 30.094px;
  margin: 3.165px 0 0 6.324px;
  background: url(./assets/images/9756ef8b-feff-4643-9ade-7f840686051c.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 49;
}
.app-store-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: -4px;
  position: relative;
  width: 85px;
  z-index: 50;
}
.coming-soon {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 85px;
  height: 16px;
  color: rgba(33, 36, 58, 0.4);
  font-family: Spline Sans, var(--default-font-family);
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
  text-align: center;
  white-space: nowrap;
  z-index: 51;
}
.app-store {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 75px;
  height: 26px;
  color: rgba(33, 36, 58, 0.4);
  font-family: Spline Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 25.6px;
  text-align: center;
  white-space: nowrap;
  z-index: 52;
}
.purchasing-button-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 173px;
  padding: 0 40px 0 0;
  z-index: 55;
}
.button-11 {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4px;
  position: relative;
  padding: 8px 24px 8px 24px;
  cursor: pointer;
  background: linear-gradient(135deg, #ffca4b, #ffbc19);
  border: none;
  z-index: 56;
  border-radius: 72px;
}
.purchasing-button {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 85px;
  height: 26px;
  color: #21243a;
  font-family: Spline Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 25.6px;
  text-align: center;
  white-space: nowrap;
  z-index: 57;
}
.button-12 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4px;
  position: relative;
  width: 89px;
  padding: 8px 24px 8px 24px;
  cursor: pointer;
  background: linear-gradient(135deg, #ffca4b, #ffbc19);
  border: none;
  z-index: 58;
  border-radius: 72px;
}
.sales-button {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 41px;
  height: 26px;
  color: #21243a;
  font-family: Spline Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 25.6px;
  text-align: center;
  white-space: nowrap;
  z-index: 59;
}
.button-13 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4px;
  position: relative;
  width: 107px;
  padding: 8px 24px 8px 24px;
  cursor: pointer;
  background: linear-gradient(135deg, #ffca4b, #ffbc19);
  border: none;
  z-index: 60;
  border-radius: 72px;
}
.finance-button {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 59px;
  height: 26px;
  color: #21243a;
  font-family: Spline Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 25.6px;
  text-align: center;
  white-space: nowrap;
  z-index: 61;
}
.report-button-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 139px;
  padding: 0 40px 0 0;
  z-index: 62;
}
.button-14 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4px;
  position: relative;
  width: 99px;
  padding: 8px 24px 8px 24px;
  cursor: pointer;
  background: linear-gradient(135deg, #ffca4b, #ffbc19);
  border: none;
  z-index: 63;
  border-radius: 72px;
}
.report-button {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 51px;
  height: 26px;
  color: #21243a;
  font-family: Spline Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 25.6px;
  text-align: center;
  white-space: nowrap;
  z-index: 64;
}
.side-buttons-section-one {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 56px;
  position: absolute;
  width: 186px;
  height: 336px;
  top: 202px;
  left: 30px;
  z-index: 65;
}
.performance-button {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 186px;
  padding: 0 0 0 40px;
  z-index: 66;
}
.button-15 {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4px;
  position: relative;
  padding: 8px 24px 8px 24px;
  cursor: pointer;
  background: linear-gradient(135deg, #ffca4b, #ffbc19);
  border: none;
  z-index: 67;
  border-radius: 72px;
}
.performance-button-16 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 98px;
  height: 26px;
  color: #21243a;
  font-family: Spline Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 25.6px;
  text-align: center;
  white-space: nowrap;
  z-index: 68;
}
.button-17 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4px;
  position: relative;
  width: 108px;
  padding: 8px 24px 8px 24px;
  cursor: pointer;
  background: linear-gradient(135deg, #ffca4b, #ffbc19);
  border: none;
  z-index: 69;
  border-radius: 72px;
}
.check-in-button {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 60px;
  height: 26px;
  color: #21243a;
  font-family: Spline Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 25.6px;
  text-align: center;
  white-space: nowrap;
  z-index: 70;
}
.button-18 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4px;
  position: relative;
  width: 126px;
  padding: 8px 24px 8px 24px;
  cursor: pointer;
  background: linear-gradient(135deg, #ffca4b, #ffbc19);
  border: none;
  z-index: 71;
  border-radius: 72px;
}
.entry-data-button {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 78px;
  height: 26px;
  color: #21243a;
  font-family: Spline Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 25.6px;
  text-align: center;
  white-space: nowrap;
  z-index: 72;
}
.body-weight-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 182px;
  padding: 0 0 0 40px;
  z-index: 73;
}
.button-19 {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4px;
  position: relative;
  padding: 8px 24px 8px 24px;
  cursor: pointer;
  background: linear-gradient(135deg, #ffca4b, #ffbc19);
  border: none;
  z-index: 74;
  border-radius: 72px;
}
.body-weight-button {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 94px;
  height: 26px;
  color: #21243a;
  font-family: Spline Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 25.6px;
  text-align: center;
  white-space: nowrap;
  z-index: 75;
}
.section-1a {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  margin-bottom: 24px;
  min-width: 0;
  z-index: 78;
}
.contact-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 40px;
  position: relative;
  padding: 40px 40px 40px 40px;
  background: linear-gradient(135deg, #2cb9ff, #009be8);
  z-index: 79;
  border-radius: 24px;
}
.contact-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  z-index: 80;
}
.get-in-touch-title {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 52px;
  color: #ffffff;
  font-family: Spline Sans, var(--default-font-family);
  font-size: 40px;
  font-weight: 700;
  line-height: 52px;
  text-align: left;
  white-space: nowrap;
  z-index: 81;
}
.layer-farm-manager-description {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 29px;
  color: #ffffff;
  font-family: Spline Sans, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 28.8px;
  text-align: left;
  white-space: nowrap;
  z-index: 82;
}
.contact-channels {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  width: 436px;
  z-index: 83;
}
.button-1b {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  width: 183px;
  padding: 12px 32px 12px 32px;
  cursor: pointer;
  background: #ffffff;
  border: none;
  z-index: 84;
  border-radius: 72px;
}
.whatsapp-icon {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 24px;
  z-index: 85;
  overflow: hidden;
}
.vector-1c {
  position: relative;
  width: 18.03px;
  height: 18.116px;
  margin: 3px 0 0 3px;
  background: url(./assets/images/97a81626-b3fb-46ec-9df3-7791d5eb7269.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 86;
}
.contact-us-button {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 83px;
  height: 26px;
  color: #009be8;
  font-family: Spline Sans, var(--default-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 25.6px;
  text-align: center;
  white-space: nowrap;
  z-index: 87;
}
.empty-space {
  flex-shrink: 0;
  position: relative;
  width: 1px;
  height: 32px;
  background: rgba(255, 255, 255, 0.5);
  z-index: 88;
}
.social-media-links {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  width: 204px;
  z-index: 89;
}
.instagram-icon {
  flex-shrink: 0;
  position: relative;
  width: 32px;
  height: 32px;
  background: url(./assets/images/7a0da48d-2945-4da9-8555-a02a11b7a49f.png)
    no-repeat center;
  background-size: cover;
  z-index: 90;
  overflow: hidden;
}
.linkedin-icon {
  flex-shrink: 0;
  position: relative;
  width: 32px;
  height: 32px;
  z-index: 91;
  overflow: hidden;
}
.vector-1d {
  position: relative;
  width: 24px;
  height: 24px;
  margin: 4px 0 0 4px;
  background: url(./assets/images/d87aa36e-7f6c-4fc3-88c0-7cfe2ff295b3.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 92;
}
.facebook-icon {
  flex-shrink: 0;
  position: relative;
  width: 32px;
  height: 32px;
  z-index: 93;
  overflow: hidden;
}
.vector-1e {
  position: relative;
  width: 12.448px;
  height: 23.996px;
  margin: 4px 0 0 9.776px;
  background: url(./assets/images/728e24e1-ffbb-4ec7-8e2f-45d36c932151.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 94;
}
.youtube-icon {
  flex-shrink: 0;
  position: relative;
  width: 32px;
  height: 32px;
  z-index: 95;
  overflow: hidden;
}
.vector-1f {
  position: relative;
  width: 26.686px;
  height: 18.683px;
  margin: 6.667px 0 0 2.648px;
  background: url(./assets/images/d57240f4-361f-4033-bdda-a673feeff84d.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 96;
}
.tiktok-icon {
  flex-shrink: 0;
  position: relative;
  width: 28px;
  height: 28px;
  z-index: 97;
  overflow: hidden;
}
.vector-20 {
  position: relative;
  width: 20.336px;
  height: 23.327px;
  margin: 2.333px 0 0 3.732px;
  background: url(./assets/images/1b4ea365-60c0-4e1b-9fcc-7568d8b80544.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 98;
}
.asian-woman-professional {
  flex-shrink: 0;
  position: absolute;
  width: 571px;
  height: 355px;
  right: -133px;
  bottom: 0;
  background: url(./assets/images/7f0ffe8b-7c99-4994-801b-8bbd6d9829f8.png)
    no-repeat center;
  background-size: cover;
  z-index: 99;
}
.description-21 {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 100%;
  font-family: Spline Sans, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 28.8px;
  text-align: center;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 100;
}
.copyright {
  position: relative;
  color: rgba(33, 36, 58, 0.6);
  font-family: Spline Sans, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 28.8px;
  text-align: center;
}
.copyright-symbol {
  position: relative;
  color: rgba(33, 36, 58, 0.6);
  font-family: Spline Sans, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 28.8px;
  text-align: center;
}
.sapua-edukasi {
  position: relative;
  color: rgba(33, 36, 58, 0.6);
  font-family: Spline Sans, var(--default-font-family);
  font-size: 18px;
  font-weight: 400;
  line-height: 28.8px;
  text-align: center;
}
.background {
  position: absolute;
  width: 100%;
  height: 520px;
  top: 0;
  left: 0;
  background: url(./assets/images/d1c0ba7b-dda0-4dcf-84ea-8c5dba5b18c9.png)
    no-repeat center;
  background-size: cover;
}
@media (min-width: 576px) {
  .container, .container-sm {
      max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container, .container-md, .container-sm {
      max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container, .container-lg, .container-md, .container-sm {
      max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
      max-width: 1140px;
  }
}

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 1320px;
  }
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  width: 100%;
  padding-right: calc(24px * .5);
  padding-left: calc(24px * .5);
  margin-right: auto;
  margin-left: auto;
}

@media (max-width: 768px) {
  .section-1.hero .main-container {
    flex-direction: column;
  }
  .content-section,
  .title,
  .description,
  .description-4,
  .description-7,
  .enhance-productivity {
    width: 100%;
  }
  .main-image {
    width: 100%;
    background-size: contain;
  }
  .features-section {
    flex-direction: column;
  }
  .integrated-management-container,
  .data-analytics-container,
  .resource-optimization-container {
    flex-basis: unset;
    border-right: none;
    border-bottom: 1px dashed #dddddd;
    align-items: center;
  }
  .contact-section {
    padding: 24px 24px 0px 24px;
  }
  .content-section,
  .information-section {
    align-items: center;
  }
  .title {
    text-align: center;
  }
  .description {
    text-align: center;
  }
  .content-section-a {
    width: 100%;
  }
  .poultry-partner,
  .get-in-touch-title,
  .layer-farm-manager-description {
    white-space: unset;
    height: unset;
  }
  .get-in-touch-title,
  .layer-farm-manager-description {
    text-align: center;
  }
  .layer-farm-manager {
    width: 100%;
    height: unset;
  }
  .devices-section img {
    width: 100%;
  }
  .asian-woman-professional {
    position: relative;
    right: 24%;
  }
  .contact-channels {
    flex-direction: column;
    width: 100%;
  }
  .empty-space {
    display: none;
  }
  .description-3,
  .description-4,
  .description-6,
  .description-7,
  .description-8,
  .enhance-productivity {
    text-align: center;
  }
}