.grecaptcha-badge {
    z-index: 2!important;
}

.divlayout-grid-parent,
.homepage1 {
  display: flex;
  align-items: flex-start;
}

.homepage1 {
  width: 100%;
  position: relative;
  background: #2d472c, #fff;
  overflow-y: auto;
  padding: var(--padding-0) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  line-height: normal;
  letter-spacing: normal;
}

.divlayout-grid-parent {
  /* height: 342.125rem; */
  height: auto;
  flex: 1;
  flex-direction: column;
  max-width: 100%;
}

.divlayout-grid {
  width: var(--width-1440);
  background-color: #0A2913;
  display: flex;
  align-items: flex-start;
  padding: 0.943rem 0;
  box-sizing: border-box;
  gap: 16.5rem;
  top: 0;
  z-index: 99;
  position: sticky;
  text-align: left;
  font-size: var(--fontsize-body-sm);
  color: var(--color-white-solid);
  font-family: var(--type-font-family-en);
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  width: 100%;
}

.divlayout-grid-inner {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.group-navbar-logo-col-3 {
  width: var(--width-302);
  display: flex;
  align-items: center;
  gap: var(--font-size-14);
}

.layer-1-icon {
  height: var(--height-40);
  width: 3.575rem;
  position: relative;
  flex-shrink: 0;
}

.div,
.divtype-sm-bold {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.div {
  gap: var(--stroke-weight-1);
  flex-shrink: 0;
}

.divtype-sm-bold {
  align-self: stretch;
}

.bangpakong-industrial-estate {
  position: relative;
  line-height: var(--lineheight-body-sm);
}

.div2,
.divtype-mono {
  font-size: var(--fontsize-body-xs);
  color: var(--color-chartreuse-green-51);
}

.div2 {
  position: relative;
  line-height: var(--lineheight-body-xs);
}

.divtype-mono {
  width: 16.75rem;
  display: none;
  flex-direction: column;
  align-items: flex-start;
}

.bangpakong-industrial-estate2 {
  position: relative;
  line-height: var(--lineheight-body-xs);
}

.navbar {
  display: flex;
  align-items: center;
  gap: 2.5rem;
  font-size: var(--font-size-16);
  font-family: var(--font-family-Font-2);
}

.group-navbar-links-col-6 {
  height: var(--height-22);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: var(--gap-32);
}

.component-2 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  opacity: var(--opacity-85);
}

.text {
  position: relative;
  line-height: var(--line-height-22);
}

.component-24 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  opacity: var(--opacity-85);
  font-family: Inter;
}

.component-26 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-10) var(--padding-20);
  background-color: var(--color-orange-55);
  border-radius: var(--br-6);
  display: flex;
  align-items: center;
}

.text6 {
  position: relative;
  font-size: var(--font-size-16);
  line-height: var(--line-height-22);
  font-family: var(--font-family-Font-2);
  color: var(--color-white-solid);
  text-align: left;
}

.sectionsection-hero {
  align-self: stretch;
  background: linear-gradient(141.02deg,
      var(--color-white-solid),
      #233121 92.31%);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 23.625rem var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  gap: 5.187rem;
  min-height: var(--height-860);
  max-width: 100%;
}

.sectionsection-hero-child,
.sectionsection-hero-item {
  width: var(--width-1440);
  height: 50.563rem;
  position: relative;
  display: none;
  flex-shrink: 0;
}

.sectionsection-hero-item {
  height: 49.75rem;
  background: linear-gradient(112.77deg,
      rgba(217, 217, 217, 0.45),
      rgba(115, 115, 115, 0.45));
}

.sectionsection-hero-inner {
  width: 65.375rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-0) var(--padding-20);
  box-sizing: border-box;
  max-width: 100%;
  flex-shrink: 0;
  text-align: left;
  font-size: var(--fontsize-body-xs);
  color: var(--color-seagreen);
  font-family: var(--type-font-family-en);
  width: 100%;
  margin: 0 auto;
}

.divcol-8,
.divcol-8-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-24);
  max-width: 1280px;
  width: 100%;
}

.divcol-8 {
  width: 52.875rem;
  gap: var(--gap-16);
  z-index: 2;
}

.spantype-mono-parent {
  align-self: stretch;
  gap: var(--gap-8);
}

.spantype-mono,
.spantype-mono-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.bangpakong-industrial-estate3 {
  position: relative;
  line-height: var(--lineheight-body-xs);
  text-transform: uppercase;
}

.h1type-h1-bold {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: var(--font-size-44);
  font-family: var(--font-family-Font-2);
}

.the-heart-of {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  line-height: var(--line-height-56);
  text-transform: uppercase;
  font-weight: 700;
  font-family: inherit;
}

.a-premium-industrial {
  position: relative;
  font-size: var(--font-size-16);
  line-height: var(--line-height-22);
  color: var(--color-white-solid);
  text-shadow: var(--text-shadow-1);
}

.component-27,
.cta-group {
  display: flex;
  align-items: center;
}

.cta-group {
  align-self: stretch;
  padding: var(--padding-40) var(--padding-0) var(--padding-0);
  gap: var(--font-size-16);
}

.component-27 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-14) var(--padding-32);
  background-color: var(--color-orange-55);
  border-radius: var(--br-6);
  gap: var(--item-spacing-xs);
}

.component-1 {
  height: 1rem;
  width: var(--width-16);
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}

.vector-icon {
  position: absolute;
  height: 58.13%;
  width: 58.13%;
  top: 20.63%;
  right: 21.25%;
  bottom: 21.25%;
  left: 20.63%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}

.component-28 {
  cursor: pointer;
  border: var(--stroke-weight-1) solid var(--color-gray-500);
  padding: 0.812rem var(--padding-28);
  background-color: var(--color-gray-400);
  border-radius: var(--br-6);
  display: flex;
  align-items: center;
}

.trust-bar-real-data-from-pdf {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-24) var(--padding-0) var(--padding-0);
  gap: var(--gap-8);
  font-size: var(--font-size-11);
  color: var(--color-white-solid);
  font-family: Inter;
}

.div3 {
  width: 52.063rem;
  display: flex;
  align-items: center;
  gap: var(--gap-8);
}

.spantype-mono2 {
  box-shadow: 2px 4px 4px var(--color-gray-100);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.certified-affiliated {
  position: relative;
  letter-spacing: var(--letter-spacing-1-98);
  line-height: var(--font-size-16);
  text-transform: uppercase;
  font-weight: var(--font-weight-Extra-Bold);
}

.div4 {
  height: var(--height-1);
  flex: 1;
  position: relative;
  background-color: var(--color-white-solid);
}

.div5,
.div6 {
  display: flex;
  align-items: center;
}

.div5 {
  align-self: stretch;
  font-size: var(--font-size-14);
  font-family: var(--font-family-Font-2);
}

.div6 {
  width: 11.625rem;
  gap: 2.187rem;
}

.spantype-sm-bold {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.eia,
.i-ea-t {
  position: relative;
  letter-spacing: var(--letter-spacing-0-84);
  line-height: var(--font-size-20);
  text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.35);
}

.eia {
  text-shadow: var(--text-shadow-2);
}

.spantype-mono3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  z-index: 1;
  font-size: var(--font-size-11);
  color: var(--color-gray-300);
  font-family: Inter;
}

.div7 {
  position: relative;
  line-height: var(--font-size-16);
  text-transform: uppercase;
  font-weight: 600;
}

.divlayout-grid2,
.group-hero-stats-bar-real-d {
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
  max-width: 100%;
  margin: 0 auto;
}

.group-hero-stats-bar-real-d {
  backdrop-filter: blur(12px);
  background-color: var(--color-green-12-90);
  border-top: var(--stroke-weight-1) solid var(--color-chartreuse-green-51-15);
  flex-direction: column;
  flex-shrink: 0;
  text-align: left;
  font-size: var(--font-size-12);
  color: var(--color-chartreuse-green-51);
  font-family: var(--font-family-Font-2);
  width: 100%;
}

.divlayout-grid2 {
  width: var(--width-1440);
  /* height: 10.25rem; */
  padding: 30px 20px;
}

.divcol-3-parent {
  width: 80rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-20);
  max-width: 100%;
}

.divcol-3,
.divtype-xs-bold {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.divcol-3 {
  height: 6.5rem;
  gap: var(--item-spacing-xxxs);
}

.divtype-xs-bold {
  font-family: Inter;
}

.sqm {
  align-self: stretch;
  position: relative;
  line-height: var(--line-height-18);
}

.divstat-lime {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: var(--font-size-52);
}

.rais {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: var(--line-height-60);
  font-weight: var(--font-weight-Heavy);
  font-family: inherit;
}

.divtype-sm-reg {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-2) var(--padding-0) var(--padding-0);
  font-size: var(--font-size-14);
  color: var(--color-white-solid);
}

.management-area {
  align-self: stretch;
  position: relative;
  line-height: var(--font-size-20);
  font-weight: 300;
}

.data-columns {
  height: 6.438rem;
  width: var(--width-1);
  position: relative;
  border-right: 1px solid var(--color-white-solid);
  box-sizing: border-box;
}

.divcol-32,
.divtype-xs-bold2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.divcol-32 {
  height: 6.5rem;
  gap: var(--item-spacing-xxxs);
  max-width: 100%;
}

.divtype-xs-bold2 {
  align-self: stretch;
  font-family: Inter;
}

.km55 {
  align-self: stretch;
  position: relative;
  line-height: var(--line-height-18);
  text-transform: uppercase;
}

.divstat-lime2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: var(--font-size-52);
}

.h2 {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  line-height: var(--line-height-60);
  font-weight: var(--font-weight-Heavy);
  font-family: inherit;
}

.divtype-sm-reg3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-2) var(--padding-0) var(--padding-0);
  font-size: var(--font-size-14);
  color: var(--color-white-solid);
}

.factory-warehouse {
  position: relative;
  line-height: var(--font-size-20);
  font-weight: 300;
}

.sectionsection-about {
  align-self: stretch;
  background-color: var(--color-grey-92);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-100) var(--padding-0);
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  max-width: 100%;
  text-align: left;
  font-size: var(--font-size-12);
  color: var(--color-white-solid);
  font-family: Inter;
}

.div8 {
  width: 100%;
  height: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: radial-gradient(70.71% 70.71%at 50% 50%,
      var(--color-green-23-6-7) 2.53%,
      var(--color-green-23-0) 2.53%);
  z-index: 0;
  flex-shrink: 0;
}

.divlayout-grid3,
.group-about-text-col-5 {
  display: flex;
  box-sizing: border-box;
  max-width: 100%;
  flex-shrink: 0;
}

.divlayout-grid3 {
  width: var(--width-1440);
  height: 28.438rem;
  align-items: flex-end;
  padding: 0;
  gap: 1.518rem;
  z-index: 1;
}

.group-about-text-col-5 {
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-16) var(--padding-20) var(--padding-0);
  gap: var(--gap-100);
  text-align: left;
  font-size: var(--fontsize-body-md);
  color: var(--color-orange-55);
  font-family: var(--type-font-family-en);
}

.div9 {
  width: 29.206rem;
  height: var(--height-18);
  display: flex;
  align-items: center;
  gap: var(--item-spacing-10);
}

.div10 {
  height: var(--height-2);
  width: var(--width-28);
  position: relative;
  background-color: var(--color-orange-55);
  flex-shrink: 0;
}

.spantype-mono4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
}

.about-us {
  position: relative;
  line-height: var(--lineheight-body-md);
}

.h2-bold-3240700,
.h2-bold-3240700-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
}

.h2-bold-3240700-parent {
  gap: var(--gap-16);
  font-size: var(--font-size-16);
  color: var(--color-black-solid);
  font-family: Inter;
}

.h2-bold-3240700 {
  width: 29.188rem;
  font-size: var(--fs-32);
  color: var(--color-green-23);
}

.powering-the-next {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  line-height: 2.5rem;
  font-weight: 700;
  font-family: inherit;
}

.md-regular-1622400-real-c,
.ptype-md-reg {
  width: 29.188rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
}

.ptype-md-reg {
  width: 31.438rem;
}

.provides-industrial-land {
  align-self: stretch;
  position: relative;
  line-height: var(--line-height-22);
  font-weight: 300;
}

.component-29 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-14) var(--padding-32);
  background-color: var(--color-orange-55);
  border-radius: var(--br-6);
  display: flex;
  align-items: center;
}

.frame-video-placeholder,
.group-about-video-frame-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.group-about-video-frame-col {
  width: 46.044rem;
  max-width: 100%;
  flex-shrink: 0;
}

.frame-video-placeholder {
  align-self: stretch;
  border-radius: 14px;
  background-color: var(--color-green-14);
  border: var(--stroke-weight-1) solid var(--color-chartreuse-green-51-40);
  overflow: hidden;
  justify-content: center;
  position: relative;
  isolation: isolate;
}

.bangpakong-industrial-estate- {
  align-self: stretch;
  height: 25.775rem;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  opacity: var(--opacity-62);
  z-index: 0;
}

.div-icon,
.div11,
.divshadow {
  position: absolute;
  margin: 0 !important;
}

.div-icon {
  width: 100%;
  height: 100%;
  top: 0.063rem;
  right: 0.063rem;
  bottom: 0.063rem;
  left: 0.063rem;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
  z-index: 1;
}

.div11,
.divshadow {
  border-radius: var(--br-40);
}

.div11 {
  width: calc(100% - 656.7px);
  height: calc(100% - 334.4px);
  top: 10.45rem;
  right: 20.525rem;
  bottom: 10.45rem;
  left: 20.519rem;
  background-color: var(--color-orange-55-92);
  display: flex;
  align-items: center;
  justify-content: center;
  isolation: isolate;
  z-index: 2;
}

.divshadow {
  height: 100%;
  width: 100%;
  top: calc(50% - 40px);
  left: calc(50% - 40px);
  box-shadow: 0 0 0 20px rgba(232, 140, 48, 0.14);
  background-color: var(--color-white-0-2);
  z-index: 0;
}

.component-12 {
  height: var(--height-70);
  width: 1.875rem;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  z-index: 1;
}

.vector-icon2 {
  position: absolute;
  height: 32.14%;
  width: 58.33%;
  top: 33.86%;
  right: 21%;
  bottom: 34%;
  left: 20.67%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}

.caption-sm-regular-per-spec,
.duration-badge {
  margin: 0 !important;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.caption-sm-regular-per-spec {
  width: calc(100% - 2px);
  height: 5.281rem;
  right: 0.063rem;
  bottom: 0.094rem;
  left: 0.063rem;
  background: linear-gradient(0deg,
      var(--color-green-11-92),
      var(--color-green-11-0));
  padding: var(--padding-22) var(--padding-28);
  box-sizing: border-box;
  z-index: 3;
}

.duration-badge {
  top: 1.188rem;
  right: 1.194rem;
  border-radius: var(--br-100);
  background-color: var(--color-grey-92-30);
  padding: 0.312rem var(--padding-14);
  z-index: 4;
}

.div12 {
  position: relative;
  line-height: var(--line-height-18);
  font-weight: var(--font-weight-Thin);
}

.sectionsection-infra,
.zone-badge {
  display: flex;
  align-items: flex-start;
}

.zone-badge {
  margin: 0 !important;
  position: absolute;
  top: 1.188rem;
  left: 1.188rem;
  border-radius: var(--br-100);
  background-color: var(--color-chartreuse-green-51-14);
  border: var(--border-1);
  padding: var(--padding-3) var(--padding-12);
  white-space: nowrap;
  z-index: 5;
}

.sectionsection-infra {
  align-self: stretch;
  box-shadow: 0 4px 4px var(--color-gray-100) inset;
  background-color: var(--color-grey-92);
  flex-direction: column;
  padding: var(--padding-0) var(--padding-0) var(--padding-100);
  gap: var(--gap-100);
}

.lime-top-band {
  align-self: stretch;
  height: var(--height-4);
  position: relative;
  background: var(--gradient-1);
}

.divcol-12-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-48);
  margin: 0 auto;
  padding: 0 20px;
}

.divcol-12 {
  flex-direction: column;
  align-items: center;
  gap: var(--gap-16);
  text-align: center;
  font-size: var(--fontsize-body-md);
  color: var(--color-chartreuse-green-51);
  font-family: var(--type-font-family-en);
}

.div-group,
.div13,
.divcol-12 {
  align-self: stretch;
  display: flex;
}

.div-group {
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-24);
}

.div13 {
  align-items: center;
  justify-content: center;
  gap: var(--font-size-12);
}

.div14 {
  height: var(--height-2);
  width: var(--width-32);
  position: relative;
  background-color: var(--color-chartreuse-green-51);
}

.h2-bold,
.spantype-mono5 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.h2-bold {
  align-self: stretch;
  padding: var(--padding-2) var(--padding-0) var(--padding-0);
  font-size: var(--font-size-32);
  color: var(--color-green-23);
  font-family: Inter;
}

.public-utilities-and {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: var(--line-height-40);
  font-weight: 700;
  font-family: inherit;
}

.our-leadership-team {
  position: relative;
  font-size: var(--font-size-16);
  line-height: var(--line-height-22);
  font-weight: 300;
  font-family: var(--font-family-Font-2);
  color: var(--color-black-solid);
}

.group-infra-cards-grid-4-co {
  width: var(--width-1440);
  height: var(--height-319);
  display: flex;
  align-items: flex-start;
  padding: 0;
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  gap: var(--gap-24);
  text-align: left;
  font-size: var(--fontsize-body-lg);
  color: var(--color-green-23);
  font-family: var(--type-font-family-en);
}

.card-power {
  width: var(--width-302);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  z-index: 0;
  flex-shrink: 0;
}

.component-3,
.divico-lime {
  box-sizing: border-box;
  display: flex;
}

.component-3 {
  align-self: stretch;
  height: var(--height-319);
  border-radius: var(--br-12);
  background-color: var(--color-grey-92);
  border: var(--stroke-weight-1) solid var(--color-orange-68-38);
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-32) var(--padding-24);
  gap: var(--gap-32);
}

.divico-lime {
  width: var(--width-52);
  height: var(--height-52);
  border-radius: var(--br-26);
  background-color: var(--color-chartreuse-green-51-14);
  border: var(--border-2);
  align-items: center;
  justify-content: center;
}

.vector-icon3 {
  height: var(--height-20);
  width: var(--width-18);
  position: relative;
}

.h3-bold-2836700,
.infra-card-titles {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.infra-card-titles {
  width: var(--width-254);
  height: 10.688rem;
  gap: var(--gap-16);
}

.h3-bold-2836700 {
  width: 15.25rem;
}

.electricity-supply {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: var(--lineheight-body-lg);
  font-weight: 700;
  font-family: inherit;
}

.divdata-row-parent {
  width: var(--width-254);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: var(--font-size-12);
  color: var(--color-green-23-60);
  font-family: var(--font-family-Font-2);
}

.divdata-row {
  align-self: stretch;
  border-bottom: var(--border-11);
  display: flex;
  align-items: center;
  padding: var(--padding-9) var(--padding-0);
  gap: var(--gap-10);
}

.spantype-xs-reg {
  width: var(--width-80);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.sub-detail {
  position: relative;
  line-height: var(--line-height-18);
}

.spantype-xs-bold,
.spantype-xs-bold2 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  font-family: Inter;
}

.spantype-xs-bold {
  text-align: right;
  color: var(--color-green-23);
}

.spantype-xs-bold2 {
  color: var(--color-orange-55);
}

.card-water,
.component-32 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.card-water {
  width: var(--width-302);
  justify-content: center;
  z-index: 1;
  flex-shrink: 0;
}

.component-32 {
  align-self: stretch;
  height: var(--height-319);
  border-radius: var(--br-12);
  background-color: var(--color-grey-92);
  border: var(--stroke-weight-1) solid var(--color-orange-68-38);
  box-sizing: border-box;
  padding: var(--padding-32) var(--padding-24) 7.75rem;
  gap: var(--gap-32);
}

.vector-icon4 {
  height: 1.438rem;
  width: var(--width-16);
  position: relative;
}

.card-transport-key-for-bangp,
.h3-bold-2836700-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.h3-bold-2836700-parent {
  width: var(--width-254);
  height: 4.938rem;
  gap: var(--gap-16);
}

.card-transport-key-for-bangp {
  width: var(--width-302);
  justify-content: center;
  z-index: 2;
  flex-shrink: 0;
}

.healthiconswater-treatment-ou {
  height: var(--height-32);
  width: var(--width-32);
  position: relative;
}

.card-telecom-services {
  width: var(--width-302);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  z-index: 3;
  flex-shrink: 0;
}

.streamline-ultimateroad-strai-icon {
  height: var(--height-24);
  width: var(--width-24);
  position: relative;
}

.row-2-additional-service-chip,
.sectionsection-map {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
}

.row-2-additional-service-chip {
  height: 7.25rem;
  width: calc(100% - 1029px);
  margin: 0 !important;
  position: absolute;
  top: 29.069rem;
  right: 59.338rem;
  left: 4.975rem;
  padding: var(--padding-0) var(--padding-0) var(--padding-20);
  z-index: 4;
  flex-shrink: 0;
}

.sectionsection-map {
  align-self: stretch;
  background-color: var(--color-green-14);
  overflow: hidden;
  padding: var(--padding-100) var(--padding-0);
  position: relative;
  isolation: isolate;
  gap: var(--item-spacing-xl);
  max-width: 100%;
}

.divtex-grid {
  width: 100%;
  height: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background:
    linear-gradient(180deg,
      var(--color-chartreuse-green-51-5) 1.25%,
      var(--color-chartreuse-green-51-0) 1.25%),
    linear-gradient(90deg,
      var(--color-chartreuse-green-51-5) 1.25%,
      var(--color-chartreuse-green-51-0) 1.25%);
  opacity: var(--opacity-70);
  z-index: 0;
  flex-shrink: 0;
}

.divcol-12-group {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-48);
  max-width: 100%;
  z-index: 1;
  flex-shrink: 0;
}

.divcol-122 {
  align-self: stretch;
  gap: var(--font-size-14);
  text-align: center;
  font-size: var(--fontsize-body-md);
  color: var(--color-chartreuse-green-51);
  font-family: var(--type-font-family-en);
}

.divcol-122,
.h2type-h2-bold,
.ptype-md-reg2 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.h2type-h2-bold {
  align-self: stretch;
  padding: var(--padding-2) var(--padding-0) var(--padding-0);
  font-size: var(--font-size-32);
  color: var(--color-white-solid);
}

.ptype-md-reg2 {
  max-width: 50rem;
  font-size: var(--font-size-16);
  color: var(--color-grey-92-65);
  font-family: Inter;
}

.within-one-hour-drive {
  position: relative;
  line-height: var(--line-height-22);
  font-weight: 300;
}

.divlayout-grid4 {
  width: var(--width-1440);
  height: 34.531rem;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-80);
  box-sizing: border-box;
  gap: var(--gap-24);
  max-width: 100%;
}

.group-map-visual-col-7 {
  height: 34.531rem;
  width: 46.044rem;
  border-radius: var(--br-16);
  object-fit: cover;
  max-width: 100%;
}

.group-map-details-col-5 {
  height: 34.531rem;
  width: 32.456rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-0) 2.75rem;
  box-sizing: border-box;
  max-width: 100%;
  text-align: left;
  font-size: var(--font-size-28);
  color: var(--color-white-solid);
  font-family: Inter;
}

.div19 {
  gap: var(--item-spacing-s);
}

.div19,
.h3type-h3-bold {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.destination-distance {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  line-height: var(--line-height-36);
  font-weight: 400;
  font-family: inherit;
}

.div20 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--font-size-16);
  font-size: var(--fontsize-body-sm);
  font-family: var(--type-font-family-en);
}

.div21,
.divico-sm-lime {
  display: flex;
  align-items: center;
}

.div21 {
  align-self: stretch;
  gap: 0.812rem;
}

.divico-sm-lime {
  height: var(--height-44);
  width: var(--width-44);
  border-radius: var(--br-10);
  background-color: var(--color-chartreuse-green-51-14);
  border: var(--border-3);
  box-sizing: border-box;
  justify-content: center;
}

.phroad-horizon-icon {
  height: var(--height-20);
  width: var(--width-20);
  position: relative;
}

.div22,
.divtype-sm-bold2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.div22 {
  gap: var(--item-spacing-3);
}

.divtype-sm-bold2 {
  align-self: stretch;
  flex-shrink: 0;
}

.bangna-trad-rd-km {
  position: relative;
  line-height: var(--lineheight-body-sm);
}

.divtype-xs-reg {
  width: 10.063rem;
  height: var(--height-20);
  display: none;
  align-items: flex-start;
  flex-shrink: 0;
  color: var(--color-orange-55);
}

.km {
  position: relative;
  line-height: var(--lineheight-body-sm);
  display: none;
}

.div23,
.divtype-xs-reg2 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}

.div23 {
  gap: var(--font-size-14);
}

.divtype-xs-reg2 {
  color: var(--color-orange-55);
}

.vector-icon5 {
  height: 1.044rem;
  width: 0.888rem;
  position: relative;
}

.div29 {
  width: 29.706rem;
  display: none;
  align-items: flex-start;
  gap: var(--font-size-14);
}

.sectionsection-industry {
  align-self: stretch;
  background-color: var(--color-green-23);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-100) var(--padding-0);
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  gap: var(--gap-48);
  max-width: 100%;
  text-align: left;
  font-size: var(--font-size-32);
  color: var(--color-white-solid);
  font-family: var(--font-family-Font-2);
}

.component-13,
.image-fill {
  overflow: hidden;
  flex-shrink: 0;
}

.image-fill {
  width: 100%;
  height: 100%;
  margin: 0 !important;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) 44.687rem;
  box-sizing: border-box;
  opacity: var(--opacity-2-5);
  z-index: 0;
}

.component-13 {
  width: 12.5rem;
  height: 12.5rem;
  position: relative;
}

.vector-icon7 {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}

.div37 {
  width: 27.5rem;
  height: 27.5rem;
  position: absolute;
  margin: 0 !important;
  bottom: -5rem;
  left: -5rem;
  border-radius: 220px;
  background: radial-gradient(70.71% 70.71%at 50% 50%,
      var(--color-chartreuse-green-51-6),
      var(--color-chartreuse-green-51-0) 70%);
  z-index: 1;
  flex-shrink: 0;
}

.divcol-6,
.h2type-h2-bold2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.divcol-6 {
  align-self: stretch;
  padding: var(--padding-0) var(--padding-80);
  z-index: 2;
  flex-shrink: 0;
}

.h2type-h2-bold2 {
  width: var(--width-302);
  padding: var(--padding-8) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
}

.target-industries {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  line-height: var(--line-height-40);
  font-weight: 700;
  font-family: inherit;
}


.divlayout-grid5 {
  display: flex;
  gap: var(--gap-24);
  max-width: 100%;
}

.divlayout-grid5 {
  width: var(--width-1440);
  height: auto;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-80);
  box-sizing: border-box;
  z-index: 2;
  flex-shrink: 0;
}

.component-4-parent {
  align-items: center;
  text-align: left;
  font-size: var(--font-size-12);
  color: var(--color-white-solid);
  font-family: Inter;
  gap: var(--gap-24);
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: stretch;
}

.component-4 {
  height: auto;
  width: 100%;
  border-radius: var(--br-12);
  background-color: var(--color-green-23);
  border: var(--stroke-weight-1) solid var(--color-orange-55-28);
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  isolation: isolate;
}

.automotive-icon,
.div38 {
  align-self: stretch;
  position: relative;
  overflow: hidden;
}

.div38 {
  height: 12.5rem;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  isolation: isolate;
  z-index: 1;
}

.automotive-icon {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  z-index: 0;
}

.div39,
.div40 {
  margin: 0 !important;
  position: absolute;
}

.div39 {
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--gradient-2);
  z-index: 1;
}

.div40 {
  top: 1rem;
  right: 0.981rem;
  border-radius: var(--br-100);
  background-color: var(--color-orange-55);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-4) var(--padding-12);
  z-index: 2;
}

.div41,
.ev {
  align-self: stretch;
}

.div41 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-26) var(--padding-26) var(--padding-30);
  gap: var(--item-spacing-10);
  z-index: 0;
  font-size: var(--font-size-20);
  font-family: var(--font-family-Font-2);
}

.ev {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: var(--line-height-26);
  font-weight: var(--font-weight-Regular);
  font-family: inherit;
}

.ptype-sm-reg {
  flex-direction: column;
  font-size: var(--font-size-14);
}

.div42,
.ptype-sm-reg,
.spantag-lime {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}

.div42 {
  flex-wrap: wrap;
  align-content: flex-start;
  padding: var(--padding-8) var(--padding-0) var(--padding-0);
  gap: 0 var(--item-spacing-xs);
  font-size: var(--font-size-12);
  color: var(--color-chartreuse-green-51);
  font-family: Inter;
}

.spantag-lime {
  border-radius: var(--br-100);
  background-color: var(--color-chartreuse-green-51-14);
  border: var(--border-1);
  flex-direction: column;
  padding: var(--padding-3) var(--padding-12);
}

.ev-parts {
  position: relative;
  letter-spacing: var(--letter-spacing-0-72);
  line-height: var(--line-height-18);
}

.component-42,
.div45 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.component-42 {
  height: auto;
  width: 100%;
  border-radius: var(--br-12);
  background-color: var(--color-green-23);
  border: var(--border-3);
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0;
  isolation: isolate;
  color: var(--color-green-23);
}

.div45 {
  margin: 0 !important;
  position: absolute;
  top: 1rem;
  right: 0.975rem;
  border-radius: var(--br-100);
  background-color: var(--color-chartreuse-green-51);
  padding: var(--padding-4) var(--padding-12);
  z-index: 2;
}

.div46 {
  align-self: stretch;
  padding: var(--padding-26) var(--padding-26) var(--padding-30);
  gap: var(--item-spacing-10);
  z-index: 0;
  font-size: var(--font-size-20);
  color: var(--color-white-solid);
  font-family: var(--font-family-Font-2);
}

.component-43,
.div46,
.div50 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.component-43 {
  height: auto;
  width: 100%;
  border-radius: var(--br-12);
  background-color: var(--color-green-23);
  border: var(--stroke-weight-1) solid var(--color-chartreuse-green-51-14);
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0;
  isolation: isolate;
  font-size: var(--font-size-20);
  font-family: var(--font-family-Font-2);
}

.div50 {
  align-self: stretch;
  padding: var(--padding-26) var(--padding-26) var(--padding-30);
  gap: var(--item-spacing-10);
  z-index: 0;
}

.compact-industry-icons-row-parent {
  width: 80rem;
  display: flex;
  align-items: center;
  gap: var(--gap-24);
  max-width: 100%;
  text-align: left;
  font-size: var(--font-size-16);
  color: var(--color-white-solid);
  font-family: var(--font-family-Font-2);
}

.compact-industry-icons-row {
  align-self: stretch;
  flex: 1;
  border-radius: var(--br-12);
  background-color: var(--color-green-25);
  border: var(--border-4);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-24);
  gap: var(--item-spacing-6);
}

.divico-lime4 {
  width: var(--width-44);
  height: var(--height-44);
  border-radius: var(--br-22);
  background-color: var(--color-chartreuse-green-51-14);
  border: var(--border-2);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

.component-14 {
  height: var(--height-20);
  width: var(--width-20);
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}

.industry-icons {
  position: absolute;
  height: 83.5%;
  width: 75%;
  top: 8.5%;
  right: 12.5%;
  bottom: 8%;
  left: 12.5%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}

.divtype-md-bold {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-8) var(--padding-0) var(--padding-0);
}

.petrochemical {
  align-self: stretch;
  position: relative;
  line-height: var(--line-height-22);
}

.divtype-xs-reg9 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: var(--font-size-12);
  color: var(--color-grey-92-60);
}

.vector-icon10,
.vector-icon11,
.vector-icon8 {
  position: absolute;
  height: 75%;
  width: 75%;
  top: 12.5%;
  right: 12.5%;
  bottom: 12.5%;
  left: 12.5%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}

.vector-icon10,
.vector-icon11 {
  height: 25%;
  width: 25%;
  top: 37.5%;
  right: 37.5%;
  bottom: 37.5%;
  left: 37.5%;
}

.vector-icon11 {
  height: 59%;
  width: 83.5%;
  top: 20.5%;
  right: 8%;
  bottom: 20.5%;
  left: 8.5%;
  z-index: 1;
}

.divcard-mid4 {
  flex: 1;
  border-radius: var(--br-12);
  background-color: var(--color-green-25);
  border: var(--border-4);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-24);
  gap: var(--item-spacing-6);
}

.streamline-cybervector-line-c-icon {
  height: var(--height-18);
  width: var(--width-18);
  position: relative;
}

.sectionsection-contact {
  width: var(--width-1440);
  flex: 1;
  background-color: var(--color-green-23);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-0) 0.062rem;
  box-sizing: border-box;
  gap: 6.125rem;
  max-width: 100%;
}

.top-stripe {
  width: var(--width-1440);
  height: var(--height-4);
  position: relative;
  background: var(--gradient-1);
  flex-shrink: 0;
}

.sectionsection-contact-inner {
  width: var(--width-1440);
  justify-content: center;
  padding: var(--padding-0) var(--padding-20);
  box-sizing: border-box;
  flex-shrink: 0;
}

.frame-group,
.frame-parent,
.sectionsection-contact-inner {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}

.frame-parent {
  width: 73rem;
  justify-content: space-between;
  gap: var(--gap-20);
}

.frame-group {
  width: 29.313rem;
  flex-direction: column;
  gap: var(--gap-24);
  text-align: left;
  font-size: var(--fontsize-body-md);
  color: var(--color-orange-55);
  font-family: var(--type-font-family-en);
}

.frame-container {
  align-self: stretch;
  flex-direction: column;
  gap: var(--gap-16);
}

.div-wrapper,
.div52,
.frame-container {
  display: flex;
  align-items: flex-start;
}

.div52 {
  align-self: stretch;
  height: var(--height-22);
  gap: var(--item-spacing-10);
}

.div-wrapper {
  flex-direction: column;
  padding: var(--padding-10) var(--padding-0) var(--padding-0);
}

.div53 {
  width: var(--width-28);
  height: var(--height-2);
  position: relative;
  background-color: var(--color-orange-55);
}

.spantype-mono7 {
  display: flex;
  align-items: flex-start;
}

.contact-us {
  height: var(--height-22);
  width: 5.5rem;
  position: relative;
  line-height: var(--lineheight-body-md);
  display: inline-block;
}

.h2-bold2 {
  align-self: stretch;
  height: 2.625rem;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-2) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  font-size: var(--font-size-32);
  color: var(--color-white-solid);
  font-family: var(--font-family-Font-2);
}

.interested-in-leasing {
  margin: 0;
  height: var(--height-40);
  width: 27.063rem;
  position: relative;
  font-size: inherit;
  line-height: var(--line-height-40);
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
}

.please-provide-your {
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-16);
  line-height: var(--line-height-22);
  font-family: var(--font-family-Font-2);
  color: var(--color-white-solid);
}

.div-parent2,
.frame-div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
}

.frame-div {
  width: var(--width-460);
  gap: var(--gap-24);
  font-size: var(--font-size-12);
  color: var(--color-grey-92-48);
  font-family: Inter;
}

.div-parent2 {
  align-self: stretch;
  gap: var(--gap-16);
}

.div54 {
  align-self: stretch;
  height: 4.688rem;
  display: grid;
  box-sizing: border-box;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  grid-template-rows: 75px;
  gap: var(--gap-14);
}

.div55 {
  width: var(--width-223);
  height: var(--height-70);
  position: relative;
  grid-column: 1;
  grid-row: 1;
}

.labeltype-xs-bold {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--width-223);
  height: var(--height-18);
}

.name-surname {
  position: absolute;
  top: 0;
  left: 0;
  letter-spacing: var(--letter-spacing-1-2);
  line-height: var(--line-height-18);
  text-transform: uppercase;
}

.b {
  color: var(--color-orange-55);
}

.divplaceholder,
.inputfield {
  position: absolute;
  overflow: hidden;
}

.inputfield {
  top: 1.563rem;
  left: 0;
  border-radius: var(--br-6);
  background-color: var(--color-white-7);
  border: var(--border-5);
  box-sizing: border-box;
  width: var(--width-223);
  height: var(--height-45);
}

.divplaceholder {
  width: 100%;
  border: 0;
  outline: 0;
  background-color: transparent;
  top: 0.813rem;
  left: 1.063rem;
  height: var(--height-19);
  font-family: Inter;
  font-weight: 100;
  font-size: var(--fs-16);
  color: var(--color-grey-92-48);
}

.div56 {
  width: var(--width-223);
  height: var(--height-70);
  position: relative;
  grid-column: 2;
  grid-row: 1;
}

.divplaceholder2 {
  width: 100%;
  border: 0;
  outline: 0;
  background-color: transparent;
  position: absolute;
  top: 0.813rem;
  left: 1.063rem;
  height: var(--height-19);
  overflow: hidden;
  font-family: Inter;
  font-weight: 100;
  font-size: var(--fs-16);
  color: var(--color-grey-92-38);
}

.lead-gen-email-required-fiel {
  align-self: stretch;
  height: var(--height-70);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--item-spacing-7);
  max-width: 100%;
}

.labeltype-xs-bold3 {
  width: var(--width-460);
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}

.e-mail {
  height: var(--height-18);
  width: 3.875rem;
  position: relative;
  letter-spacing: var(--letter-spacing-1-2);
  line-height: var(--line-height-18);
  text-transform: uppercase;
  display: inline-block;
}

.span {
  font-weight: 600;
  color: var(--color-orange-55);
}

.divplaceholder3,
.inputfield3 {
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
}

.inputfield3 {
  width: var(--width-460);
  height: var(--height-45);
  border-radius: var(--br-6);
  background-color: var(--color-white-7);
  border: var(--border-5);
  flex-shrink: 0;
  padding: 0.687rem var(--padding-16);
}

.divplaceholder3 {
  width: 100%;
  border: 0;
  outline: 0;
  background-color: transparent;
  padding: var(--padding-0) var(--padding-0) var(--padding-0);
  font-family: Inter;
  font-weight: 100;
  font-size: var(--fs-16);
  color: var(--color-grey-92-38);
}

.selectfield {
  position: absolute;
  top: 1.563rem;
  left: 0;
  border-radius: var(--br-6);
  background-color: var(--color-white-7);
  border: var(--border-5);
  box-sizing: border-box;
  width: var(--width-223);
  height: var(--height-45);
}

.div60 {
  align-self: stretch;
  height: 4.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--item-spacing-7);
  max-width: 100%;
}

.industry-type-container {
  height: var(--height-18);
  width: 7.75rem;
  position: relative;
  letter-spacing: var(--letter-spacing-1-2);
  line-height: var(--line-height-18);
  text-transform: uppercase;
  display: inline-block;
}

.selectfield2 {
  width: var(--width-460);
  height: 2.938rem;
  border-radius: var(--br-6);
  background-color: var(--color-white-7);
  border: var(--border-5);
  box-sizing: border-box;
  padding: var(--padding-12) var(--padding-16);
}

.div61,
.divplaceholder6,
.selectfield2 {
  display: flex;
  align-items: flex-start;
}

.divplaceholder6 {
  width: 100%;
  border: 0;
  outline: 0;
  background-color: transparent;
  overflow: hidden;
  font-family: Inter;
  font-weight: 100;
  font-size: var(--fs-16);
  color: var(--color-grey-92-38);
}

.div61 {
  align-self: stretch;
  height: 8.813rem;
  flex-direction: column;
  gap: var(--item-spacing-7);
  max-width: 100%;
}

.describe {
  height: var(--height-18);
  width: 4.25rem;
  position: relative;
  letter-spacing: var(--letter-spacing-1-2);
  line-height: var(--line-height-18);
  text-transform: uppercase;
  display: inline-block;
}

.textareafield {
  height: 7.25rem;
  border-radius: var(--br-6);
  background-color: var(--color-white-7);
  border: var(--border-5);
  box-sizing: border-box;
  overflow: auto;
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  padding: var(--padding-12) var(--padding-16) 3.5rem;
  font-size: var(--font-size-16);
  color: var(--color-grey-92-38);
  font-family: var(--font-family-Font-2);
}

.specify-your-requirements {
  height: var(--height-44);
  width: 26.625rem;
  position: relative;
  line-height: var(--line-height-22);
  font-weight: var(--font-weight-Thin);
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.component-5 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-16);
  background-color: var(--color-orange-55);
  align-self: stretch;
  border-radius: var(--br-6);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--item-spacing-xs);
}

.submit {
  position: relative;
  font-size: var(--font-size-16);
  line-height: var(--line-height-22);
  font-family: var(--font-family-Font-2);
  color: var(--color-white-solid);
  text-align: center;
}

.component-18 {
  height: var(--height-18);
  width: var(--width-18);
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}

.vector-icon12 {
  position: absolute;
  height: 58.33%;
  width: 58.33%;
  top: 21.11%;
  right: 20.56%;
  bottom: 20.56%;
  left: 21.11%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}

.our-team-will-container {
  position: relative;
  line-height: var(--line-height-18);
  color: var(--color-white-solid);
  text-align: center;
  font-size: 0.875rem;
}

.our-team-will {
  font-weight: 500;
}

.your-information-will {
  font-size: 0.75rem;
  font-weight: 300;
}

.separator {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0.281rem var(--padding-0) var(--padding-0);
}

.separator-child {
  width: 0.125rem;
  height: 48.313rem;
  position: relative;
  border-right: 2px solid var(--color-chocolate-100);
  box-sizing: border-box;
}

.contact-details,
.contact-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
}

.contact-header {
  gap: 4.25rem;
  text-align: left;
  font-size: var(--fs-32);
  color: var(--color-white-solid);
  font-family: var(--font-family-Font-2);
}

.contact-details {
  width: 28.688rem;
  padding: 2.875rem var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  gap: var(--gap-32);
}

.contact-information {
  margin: 0;
  width: 19.688rem;
  height: 2.625rem;
  position: relative;
  font-size: inherit;
  line-height: var(--line-height-36);
  font-weight: 700;
  font-family: inherit;
  display: flex;
  align-items: center;
}

.contact-list,
.phone-entry {
  align-self: stretch;
  display: flex;
}

.contact-list {
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-24);
  max-width: 100%;
  font-size: var(--fontsize-body-xs);
  color: var(--color-grey-92-44);
  font-family: var(--type-font-family-en);
}

.phone-entry {
  align-items: center;
  gap: var(--gap-16);
}

.div62 {
  height: 3.125rem;
  flex-direction: column;
  gap: var(--item-spacing-xxs);
}

.div62,
.divtype-xs-bold4 {
  width: 10rem;
  display: flex;
  align-items: flex-start;
}

.contact {
  height: var(--height-18);
  width: 3rem;
  position: relative;
  line-height: var(--lineheight-body-xs);
  display: inline-block;
}

.lg-bold-for-phone-number-promi {
  display: flex;
  align-items: flex-start;
  padding: var(--padding-2) var(--padding-0) var(--padding-0);
  font-size: var(--fs-16);
  color: var(--color-chartreuse-green-51);
  font-family: var(--font-family-Font-2);
}

.div63 {
  height: 1.625rem;
  width: 10rem;
  position: relative;
  letter-spacing: var(--letter-spacing-0-8);
  line-height: var(--line-height-26);
  display: inline-block;
}

.address-entry {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  gap: var(--gap-16);
  max-width: 100%;
}

.divico-orange-icon {
  height: var(--height-52);
  width: var(--width-52);
  position: relative;
  border-radius: var(--br-26);
}

.div64 {
  height: 6.75rem;
  flex-direction: column;
  gap: var(--item-spacing-6);
  max-width: 100%;
}

.div64,
.divtype-xs-bold5 {
  width: 22.063rem;
  display: flex;
  align-items: flex-start;
}

.address {
  height: var(--height-18);
  width: 3.125rem;
  position: relative;
  line-height: var(--lineheight-body-xs);
  display: inline-block;
}

.md-bold-for-address-text-per-s {
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) 1.687rem var(--padding-0) var(--padding-0);
  font-size: var(--fs-16);
  color: var(--color-white-solid);
  font-family: var(--font-family-Font-2);
}

.surawong-bld-5fl {
  height: 5.25rem;
  width: 20.375rem;
  position: relative;
  line-height: var(--font-size-28);
  display: inline-block;
}

.email-entry {
  display: flex;
  align-items: center;
  gap: var(--gap-16);
}

.divico-lime9 {
  height: var(--height-52);
  width: var(--width-52);
  position: relative;
  border-radius: var(--br-26);
  background-color: var(--color-chartreuse-green-51-14);
  border: var(--border-2);
  box-sizing: border-box;
}

.component-19 {
  position: absolute;
  top: 1rem;
  left: 1rem;
  width: var(--width-20);
  height: var(--height-20);
  overflow: hidden;
}

.vector-icon13,
.vector-icon14 {
  position: absolute;
  height: 66.5%;
  width: 83.5%;
  top: 16.5%;
  right: 8%;
  bottom: 17%;
  left: 8.5%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}

.vector-icon14 {
  height: 29%;
  top: 25%;
  bottom: 46%;
  z-index: 1;
}

.divtype-xs-bold-parent {
  width: 19rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.375rem;
}

.divtype-xs-bold6 {
  align-self: stretch;
  height: var(--height-18);
  display: flex;
  align-items: flex-start;
}

.e-mail2 {
  height: var(--height-18);
  width: 2.375rem;
  position: relative;
  line-height: var(--lineheight-body-xs);
  display: inline-block;
}

.infobangpakongiecom {
  align-self: stretch;
  position: relative;
  font-size: var(--fs-16);
  line-height: var(--font-size-20);
  font-family: var(--font-family-Font-2);
  color: var(--color-chartreuse-green-51);
}

.map-options {
  border-radius: var(--br-16);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: var(--padding-16);
  box-sizing: border-box;
  gap: 15.375rem;
  background-image: url(./public/Rectangle-11@2x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  max-width: 100%;
  text-align: center;
  font-size: var(--fs-11);
  color: var(--color-black-solid);
  font-family: var(--font-roboto);
}

.map-options-child {
  width: 28.688rem;
  height: 22.5rem;
  position: relative;
  border-radius: var(--br-16);
  object-fit: cover;
  display: none;
  flex-shrink: 0;
}

.controls-map-type,
.map-types {
  display: flex;
  align-items: flex-start;
}

.map-types {
  width: 26.688rem;
  max-width: 100%;
  flex-shrink: 0;
}

.controls-map-type {
  height: 1.813rem;
  width: 5.875rem;
  padding: var(--padding-0) var(--padding-8);
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  gap: var(--gap-8);
}

.rectangle {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  background-color: var(--color-white-solid);
  z-index: 0;
  flex-shrink: 0;
}

.map-type-choice {
  height: 1.313rem;
  width: var(--width-22);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-8) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  z-index: 4;
  flex-shrink: 0;
}

.map {
  width: var(--width-22);
  height: 0.813rem;
  position: relative;
  font-weight: 500;
  display: inline-block;
}

.line,
.map-type-choice2 {
  box-sizing: border-box;
  z-index: 2;
  flex-shrink: 0;
}

.line {
  height: 1.875rem;
  width: var(--width-1);
  position: relative;
  border-right: 1px solid var(--color-whitesmoke);
}

.map-type-choice2 {
  height: 1.313rem;
  width: var(--width-40);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-8) var(--padding-0) var(--padding-0);
  color: var(--color-dimgray);
}

.satellite {
  width: var(--width-40);
  height: 0.813rem;
  position: relative;
  display: inline-block;
}

.controls-zoom-controls {
  width: var(--width-28);
  height: 3.313rem;
  position: relative;
  object-fit: cover;
  z-index: 1;
  flex-shrink: 0;
}

.group-footer-bottom,
.group-footer-bottom-child {
  background-color: var(--color-grey-92);
  flex-shrink: 0;
}

.group-footer-bottom {
  border-top: var(--stroke-weight-1) solid var(--color-yellowgreen-100);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 2.875rem 20px 3rem 20px;
  gap: var(--gap-18);
  max-width: 100%;
  text-align: left;
  font-size: var(--fontsize-body-sm);
  color: var(--color-green-23);
  font-family: var(--type-font-family-en);
  width: 100%;
}

.group-footer-bottom-child {
  width: var(--width-1440);
  height: 18.438rem;
  position: relative;
  display: none;
}

.footer-container {
  width: 80rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: var(--padding-0) var(--padding-0) 1.125rem;
  box-sizing: border-box;
  gap: var(--gap-20);
  max-width: 100%;
  flex-shrink: 0;
}

.footer-details {
  width: 26.125rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: var(--gap-16);
  max-width: 100%;
}

.group-navbar-logo-col-32 {
  align-self: stretch;
  height: var(--height-40);
  display: flex;
  align-items: flex-end;
  gap: var(--font-size-14);
}

.layer-1-icon2 {
  height: var(--height-40);
  width: 3.575rem;
  position: relative;
}

.div65 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: var(--stroke-weight-1);
}

.a-premium-industrial2,
.div66 {
  position: relative;
  font-size: var(--fontsize-body-xs);
  line-height: var(--lineheight-body-xs);
  display: flex;
  align-items: center;
}

.div66 {
  width: 12.875rem;
  height: 0.563rem;
  color: var(--color-chartreuse-green-51);
}

.a-premium-industrial2 {
  width: 21.688rem;
  color: var(--color-darkslategray-100);
}

.footer-nav {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2.25rem;
  max-width: 100%;
  font-size: var(--font-size-16);
  color: var(--color-green-23-60);
  font-family: var(--font-family-Font-2);
}

.group-navbar-links-col-62 {
  width: 31.938rem;
  justify-content: space-between;
  gap: var(--gap-20);
  max-width: 100%;
}

.component-214,
.group-navbar-links-col-62,
.social-links {
  display: flex;
  align-items: flex-start;
}

.component-214 {
  align-self: stretch;
  flex-direction: column;
  opacity: var(--opacity-85);
  color: var(--color-green-23-72);
}

.social-links {
  gap: var(--gap-24);
}

.social-links-inner {
  height: 3.375rem;
  width: 3.375rem;
  position: relative;
  z-index: 1;
}

.tdesignlogo-facebook-parent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.tdesignlogo-facebook {
  position: absolute;
  top: 0.563rem;
  left: 0.438rem;
  width: var(--width-40);
  height: var(--height-40);
  display: none;
}

.linked-in-icons {
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: var(--shadow-inner);
  border-radius: var(--br-10);
  background-color: var(--color-silver);
  border: var(--border-6);
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}

.uitfacebook-f-icon {
  position: absolute;
  top: 0.938rem;
  left: 0.875rem;
  width: 1.563rem;
  height: 1.563rem;
  z-index: 1;
}

.frame-child {
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: var(--shadow-inner);
  border-radius: var(--br-10);
  background-color: var(--color-silver);
  border: var(--border-6);
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: none;
}

.basillinkedin-outline-icon,
.vector-icon15 {
  position: absolute;
  border-radius: 0;
  z-index: 1;
}

.vector-icon15 {
  height: 40.74%;
  width: 40.74%;
  top: 29.63%;
  right: 29.63%;
  bottom: 29.63%;
  left: 29.63%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}

.basillinkedin-outline-icon {
  top: 0.813rem;
  left: 0.813rem;
  width: var(--width-28);
  height: 1.75rem;
}

.hugeiconsfacebook-02 {
  width: var(--width-24);
  height: var(--height-24);
  position: relative;
  display: none;
  flex-shrink: 0;
}

.group-footer-bottom-item {
  width: 80.188rem;
  height: var(--height-1);
  position: relative;
  border-top: 1px solid var(--color-gray-100);
  box-sizing: border-box;
  z-index: 1;
  flex-shrink: 0;
}

.copyright {
  width: 56.563rem;
  height: var(--height-32);
  position: relative;
  flex-shrink: 0;
  font-size: var(--font-size-12);
  color: var(--color-chartreuse-green-51-90);
  font-family: var(--font-family-Font-2);
}

.bangpakong-industrial-estate8 {
  position: absolute;
  top: 0.875rem;
  left: 0;
  line-height: var(--line-height-18);
  z-index: 1;
}

.divlayout-grid6 {
  position: absolute;
  top: 0;
  left: 50.625rem;
  width: 5.938rem;
  height: var(--height-18);
  display: flex;
  align-items: flex-start;
  padding: var(--padding-0) var(--padding-80);
  box-sizing: border-box;
  isolation: isolate;
}

.divlayout-grid-child {
  height: 100%;
  width: 7.625rem;
  margin: 0 !important;
  position: absolute;
  top: 0;
  right: -25.75rem;
  bottom: 0;
  display: flex;
  align-items: center;
  z-index: 0;
  flex-shrink: 0;
}

.icon-park-outlinefacebook {
  width: var(--width-24);
  height: var(--height-24);
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}

@media screen and (max-width: 1350px) {
  .divlayout-grid2 {
    height: auto;
  }

  .divcol-3-parent {
    flex-wrap: wrap;
  }

  .data-columns {
    width: 100%;
    height: var(--height-1);
  }

  .divlayout-grid3 {
    height: auto;
    flex-wrap: wrap;
  }

  .group-about-text-col-5 {
    flex: 1;
    padding-right: var(--padding-0);
    box-sizing: border-box;
  }

  .group-about-video-frame-col {
    flex: 1;
  }

  .divlayout-grid4 {
    height: auto;
    flex-wrap: wrap;
  }

  .group-map-details-col-5,
  .group-map-visual-col-7 {
    flex: 1;
  }

  .divlayout-grid5 {
    height: auto;
  }

  .compact-industry-icons-row-parent,
  .component-4-parent {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 1125px) {
  .divtype-sm-bold {
    display: none;
  }

  .sectionsection-hero {
    padding-top: 15.375rem;
    box-sizing: border-box;
  }

  .group-about-video-frame-col {
    min-width: 100%;
  }

  .sectionsection-industry,
  .sectionsection-map {
    padding-top: var(--padding-65);
    padding-bottom: var(--padding-65);
    box-sizing: border-box;
  }

  .component-4-parent {
    margin: 0 auto;
    grid-template-columns: repeat(2, minmax(308px, 534px));
  }

  .frame-parent {
    flex-wrap: wrap;
  }

  .footer-container {
    flex-wrap: wrap;
    justify-content: center;
  }

  .footer-nav {
    flex: 1;
  }
}

@media screen and (max-width: 800px) {
  .divlayout-grid {
    gap: 8.25rem;
    padding-left: var(--padding-40);
    padding-right: var(--padding-40);
    box-sizing: border-box;
  }

  .bangpakong-industrial-estate,
  .div2 {
    display: none;
  }

  .navbar {
    gap: var(--gap-20);
  }

  .group-navbar-links-col-6 {
    gap: var(--gap-16);
  }

  .sectionsection-hero {
    gap: 2.563rem;
    padding-top: 10rem;
    box-sizing: border-box;
  }

  .the-heart-of {
    font-size: 2.188rem;
    line-height: 2.813rem;
  }

  .divlayout-grid2 {
    padding-left: var(--padding-40);
    padding-right: var(--padding-40);
    box-sizing: border-box;
  }

  .h2,
  .rais {
    font-size: 2.625rem;
    line-height: var(--lh-48);
  }

  .sectionsection-about {
    padding-top: var(--padding-65);
    padding-bottom: var(--padding-65);
    box-sizing: border-box;
  }

  .divlayout-grid3 {
    padding-left: var(--padding-40);
    padding-top: 1.688rem;
    padding-right: var(--padding-40);
    box-sizing: border-box;
  }

  .group-about-text-col-5 {
    gap: 3.125rem;
    min-width: 100%;
  }

  .powering-the-next {
    font-size: var(--fs-26);
    line-height: var(--lh-32);
  }

  .sectionsection-infra {
    gap: 3.125rem;
    padding-bottom: var(--padding-65);
    box-sizing: border-box;
  }

  .divcol-12-parent {
    gap: var(--gap-24);
  }

  .public-utilities-and {
    font-size: var(--fs-26);
    line-height: var(--lh-32);
  }

  .group-infra-cards-grid-4-co {
    padding-left: var(--padding-40);
    padding-right: var(--padding-40);
    box-sizing: border-box;
  }

  .sectionsection-map {
    gap: var(--gap-32);
  }

  .divcol-12-group {
    gap: var(--gap-24);
  }

  .ptype-md-reg2 {
    max-width: 100%;
  }

  .divlayout-grid4 {
    padding-left: var(--padding-40);
    padding-right: var(--padding-40);
    box-sizing: border-box;
  }

  .group-map-details-col-5 {
    gap: 1.375rem;
    padding-left: var(--padding-22);
    box-sizing: border-box;
    min-width: 100%;
  }

  .sectionsection-industry {
    gap: var(--gap-24);
  }

  .target-industries {
    font-size: var(--fs-26);
    line-height: var(--lh-32);
  }

  .divlayout-grid5 {
    padding-left: var(--padding-40);
    padding-right: var(--padding-40);
    box-sizing: border-box;
  }

  .component-4-parent {
    grid-template-columns: minmax(308px, 1fr);
  }

  .sectionsection-contact {
    gap: 3.063rem;
  }

  .interested-in-leasing {
    font-size: var(--fs-26);
    line-height: var(--lh-32);
  }

  .contact-information {
    font-size: var(--fs-26);
    line-height: 1.813rem;
  }

  .group-footer-bottom {
    padding-left: var(--padding-40);
    padding-right: 2.375rem;
    box-sizing: border-box;
  }

  .footer-nav {
    gap: var(--gap-18);
    min-width: 100%;
  }

  .group-navbar-links-col-62 {
    flex-wrap: wrap;
  }
}

/* ============================================
   FUNCTIONAL OVERRIDES & RESPONSIVE LAYER
   ============================================ */

/* Anchor reset so anchors look like the original buttons/links */
a {
  text-decoration: none;
  color: inherit;
}

a.component-2,
a.component-24,
a.component-214,
a.component-26,
a.component-27,
a.component-28,
a.component-29,
a.group-navbar-logo-col-3 {
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}

.component-26,
.component-27,
.component-28,
.component-29,
.component-5,
.spantag-lime {
  transition: filter 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.component-28 {
  backdrop-filter: blur(3px);
}

/* Solid orange / lime CTAs — darker on hover */

.component-29:hover,
.component-5:hover,
.component-27:hover {
  background-color: #c47119;
}

.component-26:hover,
.component-27:hover {
  background-color: #6a9430;
}

/* Outline CTA — fills on hover */
.component-28:hover {
  background-color: var(--color-orange-55);
  border-color: var(--color-orange-55);
  filter: brightness(0.9);
}

/* Lime chips */
.spantag-lime:hover {
  filter: brightness(0.9);
}

/* Nav links — green highlight on hover */
.component-2:hover .text,
.component-24:hover .text,
.component-214:hover .text {
  opacity: 1;
  color: var(--color-chartreuse-green-51);
}

/* CERTIFIED & AFFILIATED text — text-shadow instead of box-shadow */
.spantype-mono2 {
  box-shadow: none !important;
}

.spantype-mono2 .certified-affiliated,
.certified-affiliated {
  text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.35);
}

/* CARD hover — drop shadow elevation on infra + industry + compact cards */
.component-3,
.component-32,
.component-4,
.component-42,
.component-43,
.compact-industry-icons-row,
.divcard-mid4 {
  transition: box-shadow 0.25s ease, transform 0.25s ease, border-color 0.25s ease;
}

.component-3:hover,
.component-32:hover {
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.12);
  transform: translateY(-2px);
  border-color: var(--color-orange-55);
}

.component-4:hover,
.component-42:hover,
.component-43:hover {
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.28);
  transform: translateY(-2px);
}

.compact-industry-icons-row:hover,
.divcard-mid4:hover {
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.25);
  transform: translateY(-2px);
  border-color: var(--color-chartreuse-green-51-32);
}

/* Sections are full-width (background bleeds), inner containers cap at 1280px */

.divlayout-grid2,
.divlayout-grid3,
.divlayout-grid4,
.divlayout-grid5,
.group-infra-cards-grid-4-co,
.sectionsection-contact-inner,
.divcol-3-parent,
.compact-industry-icons-row-parent,
.frame-parent,
.footer-container {
  width: 100%;
  max-width: 80rem;
  /* 1280px */
  margin-left: auto;
  margin-right: auto;
  /* padding: 0; */
}

.sectionsection-contact,
.top-stripe {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.sectionsection-contact-inner {
  align-self: center;
}

/* Anchor offset for sticky header on smooth scroll */
section[id] {
  scroll-margin-top: 5.5rem;
}

/* HERO video — cinematic wide banner, top/bottom of 16:9 video gets cropped */
.sectionsection-hero {
  position: relative;
  isolation: isolate;
  /* Adjust this ratio to control how much of the 16:9 video is cropped:
       16 / 9   ≈ 1.78  → no crop (full video fits)
       21 / 9   ≈ 2.33  → moderate cinematic crop  ← current
       24 / 9   ≈ 2.67  → stronger banner crop
        3 / 1   = 3.00  → very wide, big crop  */
  aspect-ratio: 21 / 9;
  min-height: 22rem;
  max-height: 70vh;
  padding: 0 0 4rem;
  gap: 0;
  justify-content: flex-end;
  background: transparent;
}

.hero-video-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

.hero-video-bg iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  /* COVER behaviour: iframe stays 16:9 (so YouTube fills it natively, no black
     bars inside the iframe). It's at least as wide AND as tall as the hero.
     The excess height spills above/below the hero and is cropped by
     overflow:hidden on .hero-video-bg. */
  width: 100%;
  aspect-ratio: 16 / 9;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
  border: 0;
  pointer-events: none;
}

/* Transparent shield ABOVE the iframe — absorbs every click/tap/hover so
   YouTube can't paint its center control overlay in response to interaction. */
.hero-video-mask {
  position: absolute;
  inset: 0;
  z-index: 5;
  background: transparent;
  pointer-events: auto;
  cursor: default;
}

.hero-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(141.02deg, rgb(217 217 217 / 50%), hsl(0deg 0% 45% / 50%) 92.31%);
  pointer-events: none;
}

.sectionsection-hero-inner,
.group-hero-stats-bar-real-d {
  position: relative;
  z-index: 2;
}

.the-heart-of {
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.55);
}

/* About-section video iframe */
.frame-video-placeholder {
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
}

.about-video-embed {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: 14px;
  overflow: hidden;
  z-index: 0;
}

.about-video-embed iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* Contact map iframe */
.map-options {
  padding: 0;
  background-image: none;
  width: 28.688rem;
  max-width: 100%;
  height: 22.5rem;
  border-radius: var(--br-16);
  overflow: hidden;
  display: block;
}

.contact-map-iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

/* FORM — make absolute-positioned input shells contain real inputs */
.inputfield,
.selectfield {
  display: block;
}

.inputfield input,
.selectfield input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0 1rem;
  font-family: inherit;
  font-weight: 300;
  color: var(--color-white-solid);
  background: transparent;
  border: 0;
  outline: 0;
  box-sizing: border-box;
}

.inputfield3 input,
.selectfield2 input {
  position: static;
  padding: 0;
  font-family: inherit;
  font-weight: 300;
  color: var(--color-white-solid);
  background: transparent;
  border: 0;
  outline: 0;
}

.inputfield input::placeholder,
.selectfield input::placeholder,
.inputfield3 input::placeholder,
.selectfield2 input::placeholder {
  color: var(--color-grey-92-48);
  font-weight: 100;
}

.inputfield:focus-within,
.selectfield:focus-within,
.inputfield3:focus-within,
.selectfield2:focus-within {
  border-color: var(--color-orange-55);
}

.inputfield:focus-within,
.selectfield:focus-within {
  box-shadow: 0 0 0 1px var(--color-orange-55);
}

/* Real textarea (replaces previous div + nested placeholder) */
textarea.textareafield {
  display: block;
  align-items: stretch;
  width: 100%;
  height: 7.25rem;
  min-height: 7.25rem;
  padding: var(--padding-12) var(--padding-16);
  background-color: var(--color-white-7);
  border: var(--border-5);
  border-radius: var(--br-6);
  box-sizing: border-box;
  font-family: var(--font-family-Font-2);
  font-size: var(--font-size-16);
  font-weight: 300;
  line-height: var(--line-height-22);
  color: var(--color-white-solid);
  resize: vertical;
  outline: 0;
}

textarea.textareafield::placeholder {
  color: var(--color-grey-92-38);
  font-weight: 100;
}

textarea.textareafield:focus {
  border-color: var(--color-orange-55);
  box-shadow: 0 0 0 1px var(--color-orange-55);
}

/* Label cursor */
label.labeltype-xs-bold,
label.labeltype-xs-bold3 {
  cursor: pointer;
}

/* Submit button + disabled state */
.component-5 {
  transition: filter 0.2s ease, opacity 0.2s ease;
}

.component-5:disabled {
  opacity: 0.6;
  cursor: progress;
}

/* Form status message */
.form-status {
  font-family: var(--font-family-Font-2);
  font-size: var(--font-size-14);
  line-height: var(--line-height-22);
  color: var(--color-white-solid);
  min-height: 1.25rem;
}

.form-status.is-pending {
  color: var(--color-grey-92-65);
}

.form-status.is-success {
  color: var(--color-chartreuse-green-51);
}

.form-status.is-error {
  color: var(--color-orange-55);
}

.form-status:empty {
  display: none;
}

/* Mobile nav toggle (hamburger) */
.nav-toggle {
  display: none;
  background: transparent;
  border: 0;
  padding: 0.5rem;
  cursor: pointer;
  width: 2.75rem;
  height: 2.75rem;
  position: relative;
  z-index: 100;
}

.nav-toggle span {
  display: block;
  height: 2px;
  width: 1.5rem;
  background: var(--color-white-solid);
  margin: 5px auto;
  transition: transform 0.25s ease, opacity 0.2s ease;
  border-radius: 2px;
}

.nav-toggle.is-open span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

.nav-toggle.is-open span:nth-child(2) {
  opacity: 0;
}

.nav-toggle.is-open span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

/* TABLET */
@media screen and (max-width: 1024px) {
  .divlayout-grid {
    padding: 0.943rem var(--padding-40) 0.931rem;
    gap: 2rem;
  }

  .sectionsection-hero {
    padding-top: 12rem;
  }

  .divcol-8 {
    width: 100%;
  }

  .group-infra-cards-grid-4-co {
    flex-wrap: wrap;
    height: auto;
  }

  .card-power,
  .card-water,
  .card-transport-key-for-bangp,
  .card-telecom-services {
    width: calc(50% - 0.75rem);
  }

  .row-2-additional-service-chip {
    display: none;
  }

  .compact-industry-icons-row-parent {
    width: 100%;
    flex-wrap: wrap;
  }

  .compact-industry-icons-row,
  .divcard-mid4 {
    flex: 1 1 calc(33.333% - 1rem);
    min-width: calc(33.333% - 1rem);
  }
}

/* MOBILE */
@media screen and (max-width: 768px) {
  .divlayout-grid {
    gap: 1rem;
    padding: 0.75rem var(--padding-20);
    justify-content: space-between;
    flex-wrap: nowrap;
    position: relative;
  }

  .group-navbar-logo-col-3 {
    width: auto;
    flex: 1;
    min-width: 0;
  }

  .nav-toggle {
    display: block;
  }

  .navbar {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    flex-direction: column;
    align-items: stretch;
    background: var(--color-green-23);
    padding: 1rem var(--padding-20) 1.25rem;
    gap: 1rem;
    transform: translateY(-150%);
    transition: transform 0.3s ease;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
    z-index: 98;
  }

  .navbar.is-open {
    transform: translateY(0);
  }

  .group-navbar-links-col-6 {
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
    height: auto;
  }

  .component-26 {
    align-self: flex-start;
  }

  .sectionsection-hero {
    aspect-ratio: auto;
    padding-top: 9rem;
    padding-bottom: 3rem;
    min-height: 32rem;
    max-height: none;
  }

  .sectionsection-hero-inner {
    width: 100%;
    padding: 0 var(--padding-20);
  }

  .the-heart-of {
    font-size: 1.875rem;
    line-height: 2.375rem;
  }

  .a-premium-industrial {
    font-size: var(--font-size-14);
  }

  .divlayout-grid2 {
    height: auto;
    padding: var(--padding-24) var(--padding-20);
  }

  .divcol-3-parent {
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    gap: 1.5rem;
  }

  .data-columns {
    display: none;
  }

  .divcol-3,
  .divcol-32 {
    height: auto;
  }

  .rais,
  .h2 {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .divlayout-grid3 {
    flex-direction: column;
    padding: 1.5rem var(--padding-20) 0;
    height: auto;
  }

  .group-about-text-col-5,
  .h2-bold-3240700,
  .ptype-md-reg,
  .md-regular-1622400-real-c {
    width: 100%;
    padding-right: 0;
  }

  .group-about-video-frame-col {
    width: 100%;
  }

  .div9 {
    width: 100%;
  }

  .group-infra-cards-grid-4-co {
    flex-wrap: wrap;
    padding: 0 var(--padding-20);
  }

  .card-power,
  .card-water,
  .card-transport-key-for-bangp,
  .card-telecom-services {
    width: 100%;
  }

  .component-3,
  .component-32 {
    height: auto;
    min-height: 12rem;
    padding-bottom: var(--padding-24);
  }

  .infra-card-titles,
  .h3-bold-2836700-parent {
    width: 100%;
    height: auto;
  }

  .divdata-row-parent {
    width: 100%;
  }

  .divlayout-grid4 {
    flex-direction: column;
    padding: 0 var(--padding-20);
    height: auto;
  }

  .group-map-visual-col-7 {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
  }

  .group-map-details-col-5 {
    width: 100%;
    height: auto;
    padding-left: 0;
  }

  .divlayout-grid5 {
    height: auto;
    padding: 0 var(--padding-20);
  }

  .component-4-parent {
    flex-direction: column;
    width: 100%;
  }

  .component-4,
  .component-42,
  .component-43 {
    width: 100%;
  }

  .compact-industry-icons-row-parent {
    width: 100%;
    flex-wrap: wrap;
  }

  .compact-industry-icons-row,
  .divcard-mid4 {
    flex: 1 1 100%;
    min-width: 100%;
  }

  .divcol-6 {
    padding: 0 var(--padding-20);
  }

  .sectionsection-contact-inner {
    padding: 0 var(--padding-20);
  }

  .frame-parent {
    flex-direction: column;
    width: 100%;
    gap: 2rem;
  }

  .frame-group,
  .contact-header,
  .contact-details {
    width: 100%;
  }

  .frame-div,
  .labeltype-xs-bold3,
  .inputfield3,
  .selectfield2 {
    width: 100%;
    max-width: 100%;
  }

  .separator {
    display: none;
  }

  .div54 {
    grid-template-columns: 1fr;
    height: auto;
    grid-template-rows: auto;
    gap: 1.25rem;
  }

  .div55,
  .div56 {
    width: 100%;
    grid-column: 1;
    grid-row: auto;
    height: auto;
    min-height: 4.5rem;
    position: relative;
  }

  .labeltype-xs-bold {
    width: 100%;
  }

  .inputfield,
  .selectfield {
    width: 100%;
  }

  .map-options {
    width: 100%;
    height: 18rem;
  }

  .map-options-child {
    width: 100%;
  }

  .group-footer-bottom {
    padding: 2rem var(--padding-20);
  }

  .footer-container {
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    gap: 2rem;
  }

  .footer-details,
  .footer-nav {
    width: 100%;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .group-navbar-links-col-62 {
    width: 100%;
    flex-wrap: wrap;
    gap: 1rem;
  }

  .copyright {
    width: 100%;
    height: auto;
  }

  .bangpakong-industrial-estate8 {
    position: static;
  }
}

/* SMALL MOBILE */
@media screen and (max-width: 480px) {
  .the-heart-of {
    font-size: 1.625rem;
    line-height: 2.125rem;
  }

  .cta-group {
    flex-wrap: wrap;
    width: 100%;
    padding-top: var(--padding-20);
  }

  .component-27,
  .component-28 {
    flex: 1 1 100%;
    justify-content: center;
  }

  .rais,
  .h2 {
    font-size: 1.875rem;
    line-height: var(--lh-36);
  }

  .map-options {
    height: 16rem;
  }

  .group-navbar-logo-col-3 .divtype-sm-bold {
    display: none;
  }
}

@media screen and (max-width: 450px) {
  .divlayout-grid-parent {
    height: auto;
  }

  .divlayout-grid {
    gap: 4.125rem;
  }

  .group-navbar-links-col-6 {
    display: none;
  }

  .sectionsection-hero {
    height: auto;
    gap: 1.313rem;
  }

  .the-heart-of {
    font-size: var(--fs-26);
    line-height: 2.125rem;
  }

  .cta-group {
    flex-wrap: wrap;
  }

  .h2,
  .rais {
    font-size: 1.938rem;
    line-height: var(--lh-36);
  }

  .group-about-text-col-5 {
    gap: 1.563rem;
  }

  .powering-the-next {
    font-size: var(--fs-19);
    line-height: var(--lh-24);
  }

  .sectionsection-infra {
    gap: 1.563rem;
  }

  .div13 {
    flex-wrap: wrap;
  }

  .public-utilities-and {
    font-size: var(--fs-19);
    line-height: var(--lh-24);
  }

  .sectionsection-map {
    gap: var(--gap-16);
    padding-top: 2.625rem;
    padding-bottom: 2.625rem;
    box-sizing: border-box;
  }

  .group-map-details-col-5 {
    height: auto;
  }

  .destination-distance {
    font-size: 1.375rem;
    line-height: 1.813rem;
  }

  .div21,
  .div23,
  .div29 {
    flex-wrap: wrap;
  }

  .sectionsection-industry {
    padding-top: 2.625rem;
    padding-bottom: 2.625rem;
    box-sizing: border-box;
  }

  .divcol-6 {
    padding-left: var(--padding-40);
    padding-right: var(--padding-40);
    box-sizing: border-box;
  }

  .target-industries {
    font-size: var(--fs-19);
    line-height: var(--lh-24);
  }

  .sectionsection-contact {
    gap: var(--gap-24);
  }

  .interested-in-leasing {
    font-size: var(--fs-19);
    line-height: var(--lh-24);
  }

  .contact-header {
    gap: 2.125rem;
  }

  .contact-details {
    gap: var(--gap-16);
    padding-top: var(--padding-30);
    box-sizing: border-box;
  }

  .contact-information {
    font-size: var(--fs-19);
    line-height: 1.375rem;
  }

  .address-entry,
  .email-entry,
  .phone-entry {
    flex-wrap: wrap;
  }

  .map-options {
    gap: 7.688rem;
  }

  .group-navbar-logo-col-32 {
    height: auto;
    flex-wrap: wrap;
  }
}