:root {
  --blue: #0961c5;
  --white: white;
  --green: #01be01;
  --grey: #333;
  --black: black;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

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

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.body {
  font-family: Kanit, sans-serif;
}

.overflow {
  overflow: hidden;
}

.navbar-no-shadow {
  z-index: 999;
  background-color: var(--blue);
  position: fixed;
  inset: 0% 0% auto;
}

.navbar-no-shadow-container {
  z-index: 5;
  background-color: #0000;
  width: 100%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 20px;
}

.navbar-no-shadow-container:where(.w-variant-9a1a2bae-2d5b-f1e6-4033-f2b5cd64ee33) {
  padding-top: 17px;
  padding-bottom: 17px;
}

.container-regular {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.navbar-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.navbar-wrapper:where(.w-variant-9a1a2bae-2d5b-f1e6-4033-f2b5cd64ee33) {
  flex-flow: wrap;
  justify-content: flex-end;
  align-items: center;
}

.navbar-brand {
  z-index: 20;
  margin-top: 15px;
  margin-bottom: -15px;
  margin-left: 15px;
  transform: scale(1.8);
}

.navbar-brand.w--current:where(.w-variant-9a1a2bae-2d5b-f1e6-4033-f2b5cd64ee33) {
  display: none;
}

.nav-menu-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-menu-wrapper:where(.w-variant-9a1a2bae-2d5b-f1e6-4033-f2b5cd64ee33) {
  flex-flow: wrap;
}

.nav-menu {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-menu:where(.w-variant-9a1a2bae-2d5b-f1e6-4033-f2b5cd64ee33) {
  flex-flow: wrap;
}

.nav-link {
  color: var(--white);
  text-align: left;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 12px;
  font-size: 16px;
  line-height: 22px;
  text-decoration: none;
  transition: all .3s;
}

.nav-link:hover {
  color: var(--white);
  background-color: #01be01;
  border-radius: 24px;
}

.nav-link:focus-visible, .nav-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-link.w--current {
  background-color: #01be01;
  border-radius: 24px;
}

.nav-dropdown {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle {
  color: var(--white);
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 16px;
  line-height: 22px;
  transition: all .3s;
}

.nav-dropdown-toggle:hover {
  color: var(--white);
  background-color: #01be01;
  border-radius: 24px;
}

.nav-dropdown-toggle:focus-visible, .nav-dropdown-toggle[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon {
  margin-right: 10px;
}

.nav-dropdown-list {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-list.shadow-three.mobile-shadow-hide.w--open {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 450px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.nav-dropdown-list.shadow-three.mobile-shadow-hide.auto.w--open {
  width: 200px;
}

.nav-dropdown-list.shadow-three.mobile-shadow-hide.width.w--open {
  width: 150px;
}

.nav-dropdown-link {
  color: #333;
  width: 100%;
  padding: 8px 20px;
  font-size: 16px;
  line-height: 22px;
  text-decoration: none;
  transition: all .2s;
}

.nav-dropdown-link:hover {
  color: var(--white);
  background-color: #01be01;
}

.nav-dropdown-link:focus-visible, .nav-dropdown-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-link.w--current {
  background-color: var(--green);
  color: var(--white);
}

.image {
  filter: drop-shadow(0 2px 5px #0003);
  width: 60px;
  height: auto;
}

.heading-banner-home {
  filter: drop-shadow(0 2px 5px #00000040);
  color: var(--white);
  border-radius: 14px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 500;
  line-height: 54px;
}

.paragraph-pg-banner-home {
  background-image: linear-gradient(180deg, var(--blue), #0066da 30%, #006fec 70%, #07f);
  color: var(--white);
  -webkit-text-stroke-width: 1.5px;
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  border-radius: 14px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 68px;
  font-weight: 800;
  line-height: 74px;
}

.paragraph-banner-home {
  filter: drop-shadow(0 2px 5px #00000040);
  color: var(--white);
  margin-top: 0;
  margin-bottom: 40px;
  padding-right: 40px;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.container-about-us-home {
  max-width: 1300px;
  padding-left: 20px;
  padding-right: 20px;
}

.about-us-home {
  padding-top: 100px;
  padding-bottom: 100px;
}

.link-button {
  color: var(--white);
  text-decoration: none;
}

.group-button {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #01be01;
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  padding: 12px 25px;
  transition: all .3s;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.group-button:hover {
  transform: scale(1.05);
}

.paragraph-buttton {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 24px;
}

.icon-button {
  filter: invert();
  width: 20px;
  height: auto;
}

.grid-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
}

.group-image-about-us-home {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-about-us-home {
  aspect-ratio: 385 / 550;
  border-radius: 18px;
  width: 385px;
  height: auto;
  position: relative;
  box-shadow: 0 2px 5px #0003;
}

.image-about-us-home.size {
  aspect-ratio: 320 / 405;
  width: 100%;
}

.group-image-about-home {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.group-bg-image-about-us-home {
  background-color: var(--blue);
  background-image: linear-gradient(225deg, #01be01, var(--blue));
  border-radius: 24px;
  margin-left: -95px;
  padding: 8px;
  position: relative;
  box-shadow: 0 2px 5px #0003;
}

.group-number-count-projects {
  background-color: #01be01;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
  position: absolute;
  top: 75%;
  left: 219.703px;
  box-shadow: 0 2px 5px #0003;
}

.number-content {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-align: center;
  border-radius: 24px;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.number-content._1 {
  background-color: #01be01;
  padding: 20px 10px;
}

.image-icon-number {
  filter: invert() drop-shadow(0 2px 5px #0000001a);
  width: 60px;
  height: auto;
}

.div-block-number-text {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-flex {
  justify-content: center;
  align-items: center;
  display: flex;
}

.green-number {
  color: #fbf9fc;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 46px;
}

.green-number.ep {
  color: var(--white);
  font-size: 72px;
  font-weight: 600;
  line-height: 78px;
}

.large-numbers {
  color: #fff;
  font-family: Poppins, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 38px;
}

.large-numbers.green {
  color: var(--white);
  font-size: 60px;
  font-weight: 700;
  line-height: 66px;
}

.text-2 {
  color: #fff;
  text-align: left;
  border-top: 1px #f4f5f6;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.text-2.green {
  color: var(--white);
  text-align: center;
  margin-top: 5px;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.heading-contant-about-us-home {
  margin-top: 15px;
  margin-bottom: 0;
  font-size: 42px;
  font-weight: 500;
  line-height: 48px;
}

.sub-paragraph-contant-about-us-home {
  color: #01be01;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 24px;
}

.paragraph-contant-about-us-home {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}

.grid-3 {
  grid-column-gap: 50px;
  grid-row-gap: 20px;
  margin-top: 10px;
}

.group-correct-about-us-home {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon-correct {
  width: 25px;
  height: auto;
}

.group-contant-about-us-home {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.our-product {
  padding-top: 100px;
  padding-bottom: 70px;
}

.container-product {
  max-width: 1300px;
  padding-left: 20px;
  padding-right: 20px;
}

.sub-head-product {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}

.group-contant-product {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 80px;
  margin-bottom: 80px;
  display: flex;
}

.heading-product {
  text-align: left;
  margin-top: 15px;
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 500;
  line-height: 36px;
}

.number-count {
  background-color: var(--blue);
  background-image: none;
  background-size: auto;
  padding-top: 60px;
  padding-bottom: 60px;
}

.green-number-2 {
  color: #fbf9fc;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 46px;
}

.container-number-count {
  max-width: 1300px;
  padding-left: 20px;
  padding-right: 20px;
}

.grid-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.text-green {
  color: #00d300;
}

.group-sub-head-product {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1.5px solid #e6e6e6b3;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  padding: 6px 10px;
  display: flex;
}

.icon-product {
  width: 25px;
  height: auto;
}

.image-cover-product {
  aspect-ratio: 610 / 490;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  width: 100%;
  height: auto;
}

.group-cover-detail-product {
  background-color: var(--white);
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 20px 15px;
  display: flex;
}

.heading-name-th {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.paragraph-name-en {
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.group-name-cover-product {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 6fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center stretch;
  display: grid;
}

.group-cover-icon-product {
  background-color: #01be01;
  border-radius: 1000px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.icon-cover-product {
  filter: invert();
  width: 30px;
  height: auto;
}

.line-product {
  background-color: #082c4b33;
  width: 100%;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.link-see-more-product {
  color: var(--white);
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.div-block-see-more-product {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #01be01;
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 13px 25px;
  transition: all .3s;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.div-block-see-more-product:hover {
  background-color: #00a200;
}

.paragraph-see-more-product {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 22px;
}

.icon-next-product {
  filter: invert();
  width: 20px;
  height: auto;
}

.group-our-product {
  border: 1px solid #082c4b3d;
  border-radius: 24px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.group-image-product {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  overflow: hidden;
}

.cover-name-product {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.right-arrow-4 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.slider-6 {
  background-color: #0000;
  width: 100%;
  height: auto;
  top: 0;
  overflow: hidden;
}

.mask-2 {
  width: 100%;
  height: auto;
  padding-bottom: 5px;
  padding-left: 5px;
}

.slide-21 {
  width: 51%;
  height: auto;
  padding-right: 20px;
}

.image-17804 {
  filter: drop-shadow(0 2px 5px #0003);
  width: 35px;
  height: 35px;
  margin-left: 0;
  margin-right: 0;
  transition: all .3s;
}

.image-17804:hover {
  transform: scale(1.1);
}

.left-arrow-4 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.slide-nav-2 {
  display: none;
}

.text-en {
  font-family: Poppins, sans-serif;
}

.text-en.weight {
  font-weight: 600;
}

.container-cta {
  max-width: 1300px;
  padding-left: 20px;
  padding-right: 20px;
}

.cta {
  background-color: var(--blue);
}

.cta:where(.w-variant-1fb46604-6469-09ec-9c0a-7b442e2505b4) {
  background-color: var(--white);
}

.grid-9 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
}

.image-cta {
  filter: drop-shadow(0 -2px 5px #0000004d);
  width: 350px;
  height: auto;
  margin-top: -70px;
}

.group-image-cta {
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.heading-cta {
  color: var(--white);
  text-align: center;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 38px;
  font-weight: 500;
  line-height: 48px;
}

.heading-cta:where(.w-variant-1fb46604-6469-09ec-9c0a-7b442e2505b4) {
  color: var(--blue);
}

.heading-cta.size {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 36px;
  line-height: 46px;
}

.group-contact-us {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.link-contact-sec {
  background-color: var(--green);
  color: var(--white);
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: all .3s;
  box-shadow: 0 2px 5px #0003;
}

.group-button-contact-sec {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  transition: all .3s;
  display: flex;
}

.icon-contact-sec {
  filter: invert();
  width: 20px;
  height: auto;
}

.paragraph-contact-sec {
  color: var(--white);
  margin-bottom: 0;
  font-size: 16px;
  line-height: 22px;
}

.container-ex-color {
  max-width: 1300px;
  padding-left: 20px;
  padding-right: 20px;
}

.group-ex-color-metal-sheet {
  width: 100%;
  height: auto;
  margin-top: 20px;
  padding: 10px;
}

.image-logo-color {
  background-color: var(--white);
  border-radius: 10px;
  width: 60px;
  height: auto;
  box-shadow: 0 2px 5px #0003;
}

.tab-link-tab-1 {
  color: #fff;
  width: 330px;
  transform-style: preserve-3d;
  background-color: #01be01;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  padding: 15px 25px;
  font-family: Prompt, sans-serif;
  font-size: 18px;
  line-height: 28px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.tab-link-tab-1:hover {
  border-radius: 14px;
  transform: scale(1.05);
  box-shadow: 0 2px 5px #0003;
}

.tab-link-tab-1.w--current {
  z-index: 20;
  background-color: var(--blue);
  color: #fff;
  -webkit-text-stroke-color: #8b6d4b;
  text-transform: none;
  justify-content: center;
  align-items: center;
  width: 330px;
  height: auto;
  font-family: Prompt, sans-serif;
  font-size: 18px;
  line-height: 28px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  transform: scale(1.1);
}

.tab-link-tab-1.w--current:hover {
  transform: scale3d(1none, 1none, 1none);
}

.grid-27 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  margin-top: 0;
}

.tabs-color {
  width: 100%;
  height: auto;
}

.text-name-color {
  text-align: center;
  text-transform: uppercase;
  margin-left: 20px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.tabs-menu {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ex-color-metal-sheet {
  padding-top: 100px;
  padding-bottom: 100px;
}

.heading-page-home {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 500;
  line-height: 42px;
}

.heading-page-home.align {
  text-align: left;
}

.heading-page-home.white {
  color: var(--white);
}

.group-head-page-home {
  margin-bottom: 20px;
}

.group-head-page-home.flex {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
}

.heading-name-color {
  text-align: center;
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.heading-name-color.en {
  margin-top: 10px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.group-ex-color {
  background-color: var(--white);
  border-radius: 18px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 15px;
  transition: all .3s;
  display: flex;
  position: relative;
  box-shadow: 0 2px 6px #0000001a;
}

.group-ex-color:hover {
  transform: scale(1.05);
  box-shadow: 0 2px 6px #0003;
}

.group-ex-color.none {
  display: none;
}

.heading-name-color-en {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.heading-name-color-en.th {
  font-family: Prompt, sans-serif;
}

.image-ex-color {
  border-radius: 10px;
  width: 100%;
  height: auto;
}

.grid-28 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.div-ex-color {
  background-color: var(--white);
  border-radius: 10px;
  width: 100%;
  height: 105px;
  box-shadow: 0 2px 5px #0000001a;
}

.div-ex-color.color-2 {
  background-color: #f5f6f0;
}

.div-ex-color.color-3 {
  background-color: #e8e7e2;
}

.div-ex-color.color-4 {
  background-color: #c2cdcf;
}

.div-ex-color.color-5 {
  background-color: #a9a091;
}

.div-ex-color.color-6 {
  background-color: #81a38a;
}

.div-ex-color.color-7 {
  background-color: #91999c;
}

.div-ex-color.color-8 {
  background-color: #b96536;
}

.div-ex-color.color-9 {
  background-color: #6b5c55;
}

.div-ex-color.color-10 {
  background-color: #0082ae;
}

.div-ex-color.color-11 {
  background-color: #88332e;
}

.div-ex-color.color-12 {
  background-color: #473535;
}

.div-ex-color.color-13 {
  background-color: #435142;
}

.div-ex-color.color-14, .div-ex-color.color-15 {
  background-color: #015466;
}

.div-ex-color.color-15 {
  background-color: #4a5f64;
}

.div-ex-color.color-16 {
  background-color: #2d4044;
}

.div-ex-color.color-17 {
  background-color: #215f46;
}

.div-ex-color.color-18 {
  background-color: #283b4a;
}

.div-ex-color.color-19 {
  background-color: #242422;
}

.div-ex-color.shadows {
  box-shadow: 0 0 7px #00000026;
}

.div-ex-color._20 {
  background-color: #b5c3c6;
}

.div-ex-color._21 {
  background-color: #345e48;
}

.div-ex-color._23 {
  background-color: #51423b;
}

.div-ex-color._24 {
  background-color: #2e5282;
}

.div-ex-color._25 {
  background-color: #4b5258;
}

.div-ex-color._26 {
  background-color: #8b3e36;
}

.div-ex-color._27 {
  background-color: #e1dcd6;
}

.div-ex-color._28 {
  background-color: #cecac1;
}

.div-ex-color._30 {
  background-color: #d2be9b;
}

.div-block-18022-copy {
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-right: 10px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.image-17818 {
  width: 80px;
  height: auto;
}

.our-service {
  background-image: linear-gradient(270deg, #0961c5, #0961c5 55%);
  background-position: 0 0;
  padding-top: 100px;
  padding-bottom: 100px;
}

.container-service {
  max-width: 1300px;
  padding-left: 20px;
  padding-right: 20px;
}

.link-more-about-us {
  color: var(--white);
  margin-top: 20px;
  text-decoration: none;
}

.div-block-more-about-us {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #ec0000;
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  padding: 12px 25px;
  transition: all .3s;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.div-block-more-about-us:hover {
  transform: scale(1.05);
}

.div-block-more-about-us.green {
  background-color: var(--green);
}

.paragraph-more-about-us {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 22px;
}

.image-more-about-us {
  filter: invert();
  width: 20px;
  height: auto;
}

.sub-paragraph-page-home {
  color: #00df00;
  text-align: center;
  -webkit-text-stroke-color: #00bd00;
  text-transform: uppercase;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
}

.sub-paragraph-page-home.align {
  text-align: left;
  margin-bottom: 5px;
}

.grid-29 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-bottom: 20px;
}

.image-cover-service {
  aspect-ratio: 575 / 770;
  border-radius: 18px;
  width: 100%;
  height: auto;
}

.group-cover-service {
  border-radius: 18px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 5px #0003;
}

.heading-name-service {
  color: #00df00;
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
}

.heading-name-service-en {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.group-arrow-service {
  background-color: #01be01cc;
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-top: 10px;
  margin-right: 10px;
  transition: all .3s;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
  box-shadow: 0 2px 5px #0003;
}

.group-arrow-service:hover {
  background-color: #008f00bf;
}

.icon-arrow {
  clear: none;
  filter: invert();
  width: 20px;
  height: auto;
}

.link-cover-our-service {
  text-decoration: none;
}

.line-cover-service {
  background-color: #ffffff45;
  border-radius: 100px;
  width: 100%;
  height: 1px;
  margin-top: 10px;
}

.group-cover-name-service {
  background-image: linear-gradient(#fff0 50%, #002958bf 90%);
  border-radius: 18px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 25px 20px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.group-button-contact {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.group-button-contact:where(.w-variant-bf618b36-d812-61ba-5b9b-0c79a1a934a8), .group-button-contact.align {
  justify-content: flex-start;
  align-items: center;
}

.group-button-page-home {
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.group-button-page-home.align {
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
}

.our-project {
  padding-top: 100px;
  padding-bottom: 100px;
}

.container-project {
  max-width: 1300px;
  padding-left: 20px;
  padding-right: 20px;
}

.paragraph-home-page {
  text-align: left;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}

.grid-30 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns: 1fr 1fr 1fr;
}

.image-cover-project {
  border-radius: 24px;
  width: 100%;
  height: auto;
}

.group-cover-project {
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 5px #0003;
}

.group-cover-name-project {
  border-radius: 24px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 25px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.image-green-name {
  border-radius: 24px;
  width: 100%;
  height: auto;
}

.link-cover-project {
  justify-content: space-between;
  align-items: stretch;
  text-decoration: none;
}

.group-cover-green-name {
  background-image: linear-gradient(#fff0 60%, #00000080);
  position: absolute;
  inset: 0%;
}

.heading-cover-name-project {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

.heading-cover-name-project.en {
  font-family: Poppins, sans-serif;
}

.paragraph-see-more-project {
  color: var(--white);
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}

.card-heading {
  text-align: center;
  margin-bottom: 20px;
}

.embed {
  display: none;
}

.container-customer {
  max-width: 1300px;
  padding-left: 20px;
  padding-right: 20px;
}

.our-customer {
  padding-bottom: 100px;
}

.home-logo-left-gradient {
  background-image: linear-gradient(to right, #fff, #fff0);
  width: 10%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.home-logo-left-gradient.right {
  background-image: linear-gradient(270deg, #fff, #fff0);
  inset: 0% 0% 0% auto;
}

.client-logo {
  aspect-ratio: 300 / 300;
  object-fit: contain;
  width: 100%;
  height: auto;
  min-height: 7rem;
  max-height: 7rem;
}

.client-logo:hover {
  opacity: 1;
}

.client-logo.circle {
  border-radius: 1000px;
  box-shadow: 0 2px 5px #0003;
}

.clients-grid {
  grid-column-gap: 30px;
  grid-row-gap: 0px;
  opacity: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.clients-grid.logo-animate-alt {
  grid-column-gap: 2rem;
  flex: none;
  width: 100rem;
  margin-top: 0;
  margin-left: 0;
  margin-right: auto;
  display: flex;
}

.clients-grid.logo-animate {
  grid-column-gap: 2rem;
  opacity: 1;
  flex: none;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  display: flex;
}

.clients-grid.logo-animate.gap {
  grid-column-gap: 2rem;
}

.home-logo-wrapper {
  grid-column-gap: 10rem;
  grid-row-gap: 10rem;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.footer {
  background-color: var(--blue);
  background-image: linear-gradient(135deg, #0961c5f0 70%, #01be01f2), url('../images/pg-metal-sheet-bn.webp');
  background-position: 0 0, 50% 30%;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  padding-top: 70px;
}

.container-footer {
  max-width: 1300px;
  padding-left: 20px;
  padding-right: 20px;
}

.grid-31 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr 1.5fr 1fr;
}

.group-footer {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.logo-footer {
  filter: drop-shadow(0 2px 5px #0003);
  width: 80px;
  height: auto;
}

.link-logo-footer {
  color: var(--white);
  text-decoration: none;
}

.heading-name-footer {
  color: #00df00;
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
}

.paragraph-footer {
  color: var(--white);
  margin-bottom: 0;
  font-size: 16px;
  line-height: 22px;
}

.heading-footer {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
}

.link-footer {
  color: var(--white);
  text-decoration: none;
  transition: all .3s;
}

.link-footer:hover, .link-footer.w--current {
  color: #00df00;
}

.group-link-footer {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.paragraph-link-footer {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 22px;
}

.dropdown-list {
  z-index: 80;
  background-color: #dddddd1c;
}

.dropdown-list.w--open {
  background-color: #01be01;
  border-radius: 10px;
  box-shadow: 0 2px 5px #0003;
}

.dropdown-link {
  color: var(--white);
  text-align: center;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  transition: all .3s;
}

.dropdown-link:hover {
  background-color: #00a200;
  border-radius: 10px;
}

.group-dropdown-contact-us {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon-phone {
  filter: invert();
  width: 20px;
  height: auto;
}

.link-contact-footer {
  color: var(--white);
  text-decoration: none;
  transition: all .3s;
}

.link-contact-footer:hover {
  color: #00df00;
}

.group-contact-footer {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.copyright {
  background-color: var(--green);
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 70px;
  padding: 8px 30px;
  display: flex;
  box-shadow: 0 2px 5px #0000001a;
}

.code-copyright {
  color: var(--white);
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.peb-product {
  background-image: linear-gradient(90deg, #0961c5a6, #0961c5ed), url('../images/pg-metal-sheet_11zon.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.container-peb-product {
  max-width: 1300px;
  padding-left: 20px;
  padding-right: 20px;
}

.grid-32 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .8fr 1fr;
}

.image-peb {
  filter: drop-shadow(0 2px 5px #0003);
  width: 400px;
  height: auto;
  margin-top: -50px;
}

.div-block-image-peb-product {
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.div-block-text-peb-product {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.heading-9259 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 40px;
  font-weight: 500;
  line-height: 50px;
}

.heading-9260 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

.text-span {
  font-family: Poppins, sans-serif;
}

.dropdown-list-2 {
  top: 84px;
}

.dropdown-list-2.w--open {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #fff0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  top: -390%;
}

.dropdown-toggle-4 {
  padding: 0;
}

.dropdown-toggle-2 {
  padding: 0;
  transition: all .3s;
}

.dropdown-toggle-2:hover {
  transform: scale(1.05);
}

.dropdown-toggle-2.w--open {
  display: block;
}

.card-icon-contact {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: var(--blue);
  border: 4px solid #005bc2;
  border-radius: 100px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 65px;
  transition: all .2s;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.card-icon-contact:hover {
  transform: scale(1.05);
}

.image-logo-wedgets {
  background-color: var(--blue);
  border-radius: 1000px;
  width: 90px;
  height: 90px;
  padding: 4px;
  box-shadow: 0 2px 5px #0003;
}

.image-icon-widgets {
  filter: invert();
  width: 55px;
  height: auto;
  padding: 15px;
}

.link-block-wedgets {
  color: #000;
  text-decoration: none;
}

.dropdown-list-5 {
  inset: 0% auto auto 0%;
}

.dropdown-list-5.w--open {
  background-color: var(--blue);
  border-radius: 10px;
  inset: -30% 110% auto auto;
  box-shadow: 0 2px 5px #0003;
}

.paragraph-widgets {
  background-color: var(--blue);
  color: #fff;
  background-image: none;
  border-radius: 100px;
  margin-top: 5px;
  margin-bottom: 0;
  padding: 5px 10px;
  font-family: Prompt, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  box-shadow: 0 2px 5px #0003;
}

.widgets {
  z-index: 999;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  margin-right: 20px;
  display: flex;
  position: fixed;
  inset: auto 0% 0% auto;
}

.dropdown-link-3 {
  color: #fff;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  transition: all .3s;
}

.dropdown-link-3:hover {
  background-color: #0851a3;
  border-radius: 10px;
}

.dropdown-2 {
  display: block;
}

.dropdown-toggle-5 {
  padding: 0;
}

.dropdown-3 {
  z-index: 10;
  background-color: var(--green);
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  transition: all .3s;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.dropdown-list-6 {
  border-radius: 10px;
}

.dropdown-list-6.w--open {
  background-color: #01be01;
  inset: 100% auto auto;
}

.dropdown-link-contact {
  color: var(--white);
  border-radius: 10px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  line-height: 22px;
  transition: all .3s;
}

.dropdown-link-contact:hover {
  background-color: #00a200;
}

.paragraph-170 {
  color: var(--white);
  font-family: Poppins, sans-serif;
  font-size: 26px;
  line-height: 32px;
}

.group-contant-banner-home {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.paragraph-correct-about-us-home {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.grid-33 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 20px;
}

.div-block-18040 {
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 2px 5px #0003;
}

.image-17826 {
  aspect-ratio: 700 / 525;
  border-radius: 24px;
  width: 100%;
  height: auto;
  transition: all .35s;
}

.image-17826:hover {
  transform: scale(1.05);
}

.dropdown-toggle-6 {
  color: var(--white);
  padding: 0 20px 0 0;
  font-size: 16px;
  line-height: 22px;
}

.dropdown-toggle-6:hover {
  color: #00df00;
}

.dropdown-list-7 {
  background-color: #ddd;
  padding-top: 10px;
  padding-bottom: 10px;
}

.dropdown-list-7.w--open {
  background-color: var(--white);
  border-radius: 14px;
  box-shadow: 0 2px 5px #0003;
}

.dropdown-link-5 {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 16px;
  line-height: 22px;
  transition: all .3s;
}

.dropdown-link-5:hover {
  color: var(--white);
  background-color: #01be01;
}

.dropdown-link-5.w--current {
  background-color: var(--green);
  color: var(--white);
}

.heading-9262 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Poppins, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 28px;
}

.heading-9262.white {
  color: var(--white);
}

.heading-9263 {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
}

.heading-9263.white {
  color: var(--white);
}

.mask-4 {
  width: 100%;
  height: auto;
}

.right-arrow-3, .left-arrow-2 {
  display: none;
}

.container-banner {
  max-width: 100%;
  position: relative;
}

.slide-banner {
  width: 100%;
  height: auto;
}

.filter-banner {
  z-index: 5;
  background-image: linear-gradient(90deg, #0077fd80, #fff0 60%);
  position: absolute;
  inset: 0%;
}

.image-banner {
  object-fit: cover;
  object-position: 50% 100%;
  width: 100%;
  height: 100vh;
}

.slider-banner {
  width: 100%;
  height: auto;
}

.slide-nav-4 {
  z-index: 20;
  font-size: 10px;
  display: block;
}

.container-content-banner {
  z-index: 20;
  justify-content: flex-start;
  align-items: center;
  max-width: 1300px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.head-about-page {
  background-image: linear-gradient(#fff0, #0961c5a6), url('../images/pg-metal-sheet-bn-1.avif');
  background-position: 0 0, 50% 70%;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  margin-top: 80px;
  padding-top: 130px;
  padding-bottom: 130px;
}

.container-head-about-page {
  text-align: center;
  max-width: 1250px;
  padding-left: 20px;
  padding-right: 20px;
}

.sub-heading-head-about {
  z-index: 10;
  color: var(--white);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 28px;
  position: relative;
}

.about-pg {
  padding-top: 100px;
  padding-bottom: 100px;
}

.container-about-pg {
  max-width: 1250px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.grid-34 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
}

.div-block-image-about-pg {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: relative;
}

.image-about-pg {
  object-fit: cover;
  object-position: 0% 50%;
  border-radius: 24px;
  width: 290px;
  height: auto;
  box-shadow: 0 2px 5px #0003;
}

.image-about-pg-1 {
  object-fit: cover;
  object-position: 80% 50%;
  border-radius: 24px;
  width: 280px;
  height: 100%;
  box-shadow: 0 2px 5px #0003;
}

.div-block-about-pg {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.sub-paragraph-about-pg {
  color: #01be01;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 26px;
}

.heading-about-pg {
  margin-top: 15px;
  margin-bottom: 0;
  font-size: 34px;
  font-weight: 500;
  line-height: 44px;
}

.paragraph-head-about-pg {
  color: #333;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
}

.paragraph-about-pg {
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}

.our-customer-about {
  background-color: var(--blue);
  background-image: linear-gradient(#0961c5b3, #0961c5b3), url('../images/bg-about.avif');
  background-position: 0 0, 50%;
  background-size: auto, auto;
  background-attachment: scroll, fixed;
  padding-top: 80px;
  padding-bottom: 80px;
}

.container-customer-about {
  max-width: 1250px;
  padding-left: 20px;
  padding-right: 20px;
}

.heading-customer {
  color: var(--white);
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 400;
  line-height: 38px;
}

.sub-paragraph-customer {
  color: var(--white);
  text-transform: uppercase;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
}

.div-block-group-head-customer {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.grid-3-copy {
  grid-column-gap: 50px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 10px;
}

.div-block-group-image-pg {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.heading-contant-about-us-home-copy {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 40px;
  font-weight: 400;
  line-height: 46px;
}

.div-block-group-sub-customer {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.line-customer {
  background-color: #00ce00;
  width: 3px;
  height: 35px;
}

.line-customer._1 {
  background-color: #fff6;
  width: 100%;
  height: 2px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.heading-head-vision-misson {
  color: var(--grey);
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 34px;
  font-weight: 500;
  line-height: 44px;
}

.heading-head-vision-misson.en {
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Poppins, sans-serif;
  font-weight: 600;
}

.grid-36 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.image-vision-misson {
  object-fit: cover;
  object-position: 35% 50%;
  border-radius: 24px;
  width: 100%;
  height: 100%;
}

.div-block-image-vision-misson {
  border-radius: 24px;
  box-shadow: 0 2px 5px #0003;
}

.div-block-group-vision-misson {
  background-color: #00b900;
  border-radius: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 40px 25px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.paragraph-vision-misson {
  color: var(--white);
  font-size: 16px;
  line-height: 22px;
}

.heading-9268 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}

.vision-misson {
  padding-top: 80px;
  padding-bottom: 120px;
}

.container-vision-misson {
  max-width: 1250px;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-head-vision-misson {
  margin-bottom: 30px;
}

.paragraph-list-vision-misson {
  color: var(--white);
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 22px;
}

.list {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 10px;
  margin-bottom: 0;
  padding-left: 20px;
  display: flex;
}

.paragraph-head-vision-misson {
  text-align: center;
  margin-bottom: 0;
  padding-left: 270px;
  padding-right: 270px;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}

.icon-vision-misson {
  filter: invert();
  width: 65px;
  height: auto;
}

.c-main-img-lightbox {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-head-page {
  background-color: var(--blue);
  margin-top: 80px;
  padding-top: 100px;
  padding-bottom: 120px;
  position: relative;
}

.section-head-page.bg1 {
  background-image: linear-gradient(#0040874d, #0040874d), url('../images/bg-sec-1.webp');
  background-position: 0 0, 50% 30%;
  background-size: auto, cover;
}

.section-head-page.bg2 {
  background-image: linear-gradient(#00408766, #00408766), url('../images/bg-sec-2.webp');
  background-position: 0 0, 50% 83%;
  background-size: auto, auto;
}

.section-head-page.bg3 {
  background-image: linear-gradient(#0040874d, #0040874d), url('../images/bg-sec-3.webp');
  background-position: 0 0, 50% 70%;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
}

.section-head-page.bg4 {
  background-image: linear-gradient(#00408759, #00408759), url('../images/bg-sec-4.webp');
  background-position: 0 0, 50% 80%;
  background-size: auto, cover;
}

.section-head-page.bg5 {
  background-image: linear-gradient(#0040874d, #0040874d), url('../images/bg-sec-5.webp');
  background-position: 0 0, 50% 40%;
  background-size: auto, cover;
}

.section-head-page.bg6 {
  background-image: linear-gradient(#0040874d, #0040874d), url('../images/bg-sec-6.webp');
  background-position: 0 0, 50% 60%;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
}

.section-head-page.bg7 {
  background-image: linear-gradient(#0040874d, #0040874d), url('../images/bg-sec-7.webp');
  background-position: 0 0, 50% 70%;
  background-size: auto, cover;
}

.section-head-page.bg8 {
  background-image: linear-gradient(#0040874d, #0040874d), url('../images/bg-sec-8.webp');
  background-position: 0 0, 50% 70%;
  background-size: auto, cover;
}

.section-head-page.bg9 {
  background-image: linear-gradient(#0040874d, #0040874d), url('../images/bg-sec-16.webp');
  background-position: 0 0, 50% 90%;
  background-size: auto, cover;
}

.section-head-page.bg10 {
  background-image: linear-gradient(#00408766, #00408766), url('../images/bg-sec-10.webp');
  background-position: 0 0, 50% 80%;
  background-size: auto, cover;
}

.section-head-page.bg11 {
  background-image: linear-gradient(#0040874d, #0040874d), url('../images/bg-sec-11.webp');
  background-position: 0 0, 50% 40%;
  background-size: auto, cover;
}

.section-head-page.bg12 {
  background-image: linear-gradient(#00408773, #00408773), url('../images/bg-sec-12.webp');
  background-position: 0 0, 50% 30%;
  background-size: auto, cover;
}

.section-head-page.bg13 {
  background-image: linear-gradient(#00408773, #00408773), url('../images/pg-metal-sheet-bn.webp');
  background-position: 0 0, 50% 30%;
  background-size: auto, cover;
}

.section-head-page.bg14, .section-head-page.bg15, .section-head-page.bg16, .section-head-page.bg17 {
  background-image: linear-gradient(#00408773, #00408773);
}

.section-head-page.bg18 {
  background-image: linear-gradient(#0040874d, #0040874d), url('../images/bg-sec-13.webp');
  background-position: 0 0, 50% 40%;
  background-size: auto, cover;
}

.section-head-page.bg19 {
  background-image: linear-gradient(#00408766, #00408766), url('../images/bg-sec-14.webp');
  background-position: 0 0, 50% 47%;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
}

.section-head-page.bg20 {
  background-image: linear-gradient(#00408766, #00408766), url('../images/bg-sec-15.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.section-head-page.bg21 {
  background-image: linear-gradient(#00408773, #00408773);
}

.container-head-product {
  max-width: 1300px;
  padding-left: 20px;
  padding-right: 20px;
}

.heading-head-product {
  filter: drop-shadow(0 2px 5px #0003);
  color: var(--white);
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 40px;
  font-weight: 500;
  line-height: 50px;
}

.heading-head-product.en {
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
}

.heading-head-product.en-left {
  color: #fff0;
  text-align: left;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #0961c526;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 46px;
  font-weight: 900;
  line-height: 52px;
}

.heading-head-product.en-left.lv {
  font-size: 40px;
  line-height: 46px;
}

.heading-head-product.size {
  font-size: 44px;
  line-height: 54px;
}

.heading-head-product.no-margin {
  margin-bottom: 0;
}

.paragraph-head-product {
  filter: drop-shadow(0 2px 5px #0003);
  color: var(--white);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 340px;
  padding-right: 340px;
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
}

.paragraph-head-product.no-padding {
  padding-left: 0;
  padding-right: 0;
}

.group-product {
  padding-top: 100px;
  padding-bottom: 100px;
}

.container-group-product {
  max-width: 1300px;
  padding-left: 20px;
  padding-right: 20px;
}

.container-group-product.overflow-container {
  overflow: hidden;
}

.grid-38 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
}

.image-product {
  object-fit: cover;
  border-radius: 24px;
  width: 100%;
  height: 100%;
  transition: all .5s;
}

.image-product:hover {
  transform: scale(1.05);
}

.image-product.size {
  border-radius: 24px;
}

.div-block-image-group-product {
  border-radius: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-des-product {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.heading-head-product-pg {
  color: var(--blue);
  margin-top: 10px;
  margin-bottom: 10px;
  padding-right: 50px;
  font-size: 32px;
  font-weight: 600;
  line-height: 42px;
}

.heading-head-product-pg.white {
  color: var(--white);
  font-weight: 600;
}

.paragraph-sub-product {
  color: var(--blue);
  text-transform: uppercase;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Poppins, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 28px;
}

.paragraph-sub-product.white {
  color: var(--white);
}

.paragraph-product-pg {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 22px;
}

.paragraph-product-pg.white {
  color: var(--white);
}

.div-block-group-head-product {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.list-2 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 5px;
  margin-bottom: 20px;
  display: flex;
}

.list-item {
  font-size: 16px;
  line-height: 22px;
}

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

.slide-pd-pg {
  border-radius: 24px;
  width: 100%;
  height: auto;
  margin-right: 20px;
  overflow: hidden;
  box-shadow: 0 2px 5px #0003;
}

.image-product-pg {
  border-radius: 24px;
  width: 100%;
  height: auto;
}

.lightbox-link {
  border-radius: 24px;
  width: 100%;
  height: auto;
  text-decoration: none;
  position: relative;
}

.div-block-see-more-image {
  background-color: #0961c5d9;
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0%;
}

.paragraph-see-more-image {
  color: var(--white);
  text-align: center;
  margin-bottom: 0;
  font-size: 16px;
}

.group-product-bg-blue {
  background-color: var(--blue);
  padding-top: 100px;
  padding-bottom: 100px;
}

.heading-head-about {
  color: #ffffff1a;
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#fff3, #fff0 70%);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 70px;
  font-weight: 700;
  line-height: 76px;
}

.heading-head-about-th {
  filter: drop-shadow(0 2px 5px #0003);
  color: var(--white);
  margin-top: -30px;
  margin-bottom: 5px;
  font-size: 36px;
  font-weight: 500;
  line-height: 42px;
}

.icon-9 {
  filter: drop-shadow(0 2px 5px #0000004d);
  font-size: 30px;
}

.group-slides-pj {
  padding-bottom: 5px;
}

.group-slides-pj.none {
  display: none;
}

.icon-6 {
  filter: drop-shadow(0 2px 5px #0000004d);
  font-size: 30px;
}

.mask-6 {
  width: 295px;
  height: auto;
  overflow: visible;
}

.slide-nav-6 {
  display: none;
}

.slider-23 {
  background-color: #ddd0;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  padding-bottom: 5px;
  display: flex;
  overflow: hidden;
}

.lightbox-link-2 {
  border-radius: 24px;
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}

.lightbox-link-2.size {
  border-radius: 24px;
  height: auto;
}

.div-block-18062 {
  border-radius: 24px;
  display: block;
  overflow: hidden;
  box-shadow: 0 2px 5px #0003;
}

.grid-39 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid-39._3 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns: 1fr 1fr 1fr;
}

.grid-39._2 {
  grid-template-columns: 1fr 1fr;
}

.grid-40 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.slider-24 {
  background-color: #ddd0;
  width: 100%;
  height: auto;
}

.mask-7 {
  width: 100%;
  height: auto;
}

.div-block-name-product {
  background-image: linear-gradient(#fff0 45%, #0961c5);
  border-radius: 24px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 20px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.heading-name-product {
  filter: drop-shadow(0 2px 5px #0003);
  color: var(--white);
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.paragraph-name-product {
  color: var(--white);
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.link-table {
  color: var(--white);
  text-decoration: none;
}

.div-block-sub-head-product {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.line-sub-head-product {
  background-color: var(--blue);
  width: 3px;
  height: 35px;
}

.line-sub-head-product.white {
  background-color: #00e600;
}

.grid-41 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  margin-top: 30px;
}

.div-block-des-crimp-curved-roof {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--white);
  text-align: center;
  border-radius: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 30px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.heading-crimp-n-sprung-curved {
  background-color: var(--blue);
  color: var(--white);
  border-radius: 24px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
}

.image-crimp-n-sprung-curved {
  width: 100%;
  height: auto;
}

.grid-42 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr 1fr 1fr;
}

.div-block-head-info-crimp-curved {
  background-color: var(--blue);
  padding: 10px;
}

.paragraph-head-info-crimp-curved {
  color: var(--white);
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.div-block-info-crimp-curved {
  padding: 10px;
  display: block;
}

.paragraph-info-crimp-curved {
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}

.div-block-grey-info-crimp-curved {
  background-color: #f1f1f1;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.div-block-group-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.grid-42-copy {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  grid-template-columns: 1.5fr 1.5fr 1fr 1fr 1fr;
  margin-top: 10px;
  margin-bottom: 20px;
}

.grid-42-copy._6 {
  grid-template-columns: 1.25fr 1.5fr 1fr 1fr 1fr 1fr;
}

.div-block-info-feature {
  background-color: var(--white);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.paragraph-head-feature {
  color: var(--blue);
  text-align: center;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}

.paragraph-head-feature.en {
  font-family: Poppins, sans-serif;
}

.paragraph-head-feature.white {
  color: var(--white);
}

.paragraph-info-feature {
  color: var(--blue);
  text-align: center;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}

.paragraph-info-feature.en {
  font-family: Poppins, sans-serif;
  font-weight: 300;
}

.paragraph-info-feature.white {
  color: var(--white);
}

.div-block-head-feature {
  background-color: var(--white);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

.div-block-head-feature.align {
  justify-content: center;
  align-items: center;
}

.div-block-head-feature.blue {
  background-color: var(--blue);
}

.tabs-menu-3 {
  display: flex;
}

.div-block-heading-tab {
  margin-bottom: 40px;
}

.heading-cover-skylight-roof {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 42px;
}

.heading-cover-skylight-roof.white {
  color: var(--white);
}

.container-tab-skylight-roof {
  max-width: 1300px;
  padding-left: 20px;
  padding-right: 20px;
}

.tab-link-tab-1-skylight-roof {
  text-align: center;
  background-color: #fff0;
  border-bottom: 3px solid #0961c580;
  width: 100%;
  height: auto;
  padding: 15px 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  transition: all .2s;
}

.tab-link-tab-1-skylight-roof:hover {
  border-bottom-color: var(--blue);
  background-color: var(--blue);
  color: #fff;
}

.tab-link-tab-1-skylight-roof.w--current {
  border-bottom: 3px solid var(--blue);
  background-color: var(--blue);
  color: var(--white);
  line-height: 22px;
}

.text-block {
  font-family: Poppins, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.text-blue {
  color: var(--blue);
  font-family: Poppins, sans-serif;
}

.text-blue.red {
  color: #e52629;
}

.section-20 {
  background-image: linear-gradient(45deg, #ffffff40, #fff0), url('../images/bg-skylight.webp');
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  justify-content: flex-start;
  align-items: center;
  margin-top: 80px;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.section-20.louver {
  background-image: linear-gradient(90deg, #ffffff40, #fff0), url('../images/bg-louver.webp');
  background-position: 0 0, 50% 300%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  display: none;
}

.container-156 {
  max-width: 1300px;
  padding-left: 20px;
  padding-right: 20px;
}

.paragraph-182-copy {
  color: var(--blue);
  text-align: left;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 24px;
}

.heading-9269-copy {
  color: #0067db;
  margin-top: -30px;
  margin-bottom: 5px;
  font-size: 36px;
  font-weight: 600;
  line-height: 42px;
}

.product-skylight {
  background-image: url('../images/bg-pg.avif');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  padding-top: 100px;
}

.container-product-skylight {
  max-width: 1300px;
  padding-left: 20px;
  padding-right: 20px;
}

.heading-skylight {
  color: var(--grey);
  text-align: left;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: 500;
  line-height: 36px;
}

.grid-43 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.div-block-good-skylight {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--white);
  border-radius: 24px;
  justify-content: flex-start;
  align-items: center;
  padding: 20px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.icon-good-skylight {
  width: 50px;
  height: auto;
}

.heading-info-good-skylight {
  color: var(--blue);
  margin-top: 0;
  margin-bottom: 5px;
  font-weight: 600;
}

.paragraph-good-skylight {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 24px;
}

.image-product-skylight {
  object-fit: cover;
  border-radius: 24px;
  width: 100%;
  height: auto;
  transition: all .35s;
}

.image-product-skylight:hover {
  transform: scale(1.05);
}

.lightbox-link-2-copy {
  border-radius: 24px;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.div-block-group-skylight-roof {
  padding: 20px 10px 100px;
}

.paragraph-skylight-roof {
  text-align: left;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 22px;
}

.div-block-skylight-roof {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-skylight-roof.none {
  justify-content: center;
  align-items: center;
  display: flex;
}

.grid-44 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.heading-skylight-roof {
  margin-top: 0;
  margin-bottom: 5px;
  font-weight: 500;
}

.paragraph-head-skylight-roof {
  margin-bottom: 0;
  font-size: 22px;
  line-height: 28px;
}

.paragraph-head-skylight-roof.en {
  font-family: Poppins, sans-serif;
}

.image-skylight-roof {
  border-radius: 24px;
  width: 100%;
  height: auto;
  box-shadow: 0 2px 5px #0003;
}

.skylight-roof {
  background-image: url('../images/bg-pg.avif');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  padding-top: 100px;
}

.skylight-roof.no {
  padding-top: 0;
}

.product-image-blue {
  background-color: var(--blue);
  background-image: none;
  background-size: auto;
  background-attachment: scroll;
  padding-top: 100px;
  padding-bottom: 100px;
}

.product-image-blue.none {
  display: none;
}

.container-image-product {
  max-width: 1300px;
  padding-left: 20px;
  padding-right: 20px;
}

.grid-45 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
}

.div-block-image-product-skylight {
  border-radius: 24px;
}

.div-block-info-product-skylight {
  justify-content: center;
  align-items: center;
}

.sub-paragraph-image-product {
  color: var(--green);
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: Poppins, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 28px;
}

.sub-paragraph-image-product.white {
  color: var(--white);
}

.grid-46 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.grid-46._1 {
  grid-template-rows: auto;
  margin-bottom: 20px;
}

.div-block-image-product {
  border-radius: 24px;
  width: 32%;
  overflow: hidden;
  box-shadow: 0 2px 5px #0003;
}

.sub-paragraph-skylight {
  color: var(--green);
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: Poppins, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 28px;
}

.screw {
  background-image: url('../images/bg-pg.avif');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  padding-top: 100px;
  padding-bottom: 100px;
}

.container-screw {
  max-width: 1300px;
  padding-left: 20px;
  padding-right: 20px;
}

.heading-head-lover {
  color: var(--blue);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 600;
  line-height: 42px;
}

.heading-head-lover.white {
  color: var(--white);
}

.grid-47 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.grid-47._3 {
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 20px;
}

.grid-47._2 {
  grid-template-columns: 1fr 1fr;
}

.grid-47._10 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-bottom: 20px;
}

.div-block-lover {
  background-color: var(--white);
  border-radius: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 15px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.div-block-head-lover {
  margin-bottom: 20px;
}

.image-lover {
  border-radius: 18px;
  width: 100%;
  height: auto;
}

.heading-lover {
  background-color: var(--blue);
  filter: drop-shadow(0 2px 3px #0000004d);
  color: var(--white);
  text-align: center;
  border-radius: 24px;
  margin-top: 10px;
  margin-bottom: 0;
  padding: 8px 10px;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.heading-lover.th {
  background-color: var(--green);
  font-family: Prompt, sans-serif;
}

.heading-lover.thai {
  font-family: Kanit, sans-serif;
}

.container-product-project {
  max-width: 1300px;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-18081 {
  margin-bottom: 20px;
  display: block;
}

.grid-48 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.image-product-project {
  filter: brightness(110%);
  border-radius: 24px;
  width: 100%;
  height: auto;
  transition: all .4s;
}

.image-product-project:hover {
  transform: scale(1.05);
}

.div-block-product-project {
  border-radius: 24px;
  width: 32%;
  display: block;
  overflow: hidden;
  box-shadow: 0 2px 5px #0003;
}

.louver-strap {
  background-color: var(--blue);
  background-image: none;
  background-size: auto;
  background-attachment: scroll;
  padding-top: 100px;
  padding-bottom: 100px;
}

.louver-strap.none {
  display: none;
}

.lightbox-link-4 {
  border-radius: 20px;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.image-screw {
  border-radius: 20px;
  width: 100%;
  height: auto;
  transition: all .35s;
}

.image-screw:hover {
  transform: scale(1.03);
}

.container-good-insulation {
  max-width: 1300px;
  padding-left: 20px;
  padding-right: 20px;
}

.good-insulation {
  background-color: #f0f1f4;
  padding-top: 100px;
  padding-bottom: 100px;
}

.grid-49 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.div-block-good-insulation {
  background-color: var(--white);
  border-radius: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 30px 20px;
  transition: all .3s;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.div-block-good-insulation:hover {
  transform: scale(1.05);
}

.icon-good-insulation {
  width: 70px;
  height: auto;
}

.paragraph-good-insulation {
  text-align: center;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 22px;
}

.heading-good-insulation {
  margin-top: 15px;
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
}

.container-our-service {
  max-width: 1300px;
  padding-left: 20px;
  padding-right: 20px;
}

.imageproduct {
  background-image: url('../images/bg-pg.avif');
  background-size: cover;
  background-attachment: fixed;
  padding-top: 100px;
  padding-bottom: 0;
}

.imageproduct.none {
  display: none;
}

.div-block-table-cee-zed {
  margin-top: 40px;
  margin-bottom: 10px;
}

.heading-dimensions {
  color: var(--blue);
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: 600;
  line-height: 36px;
}

.heading-dimensions.en {
  font-family: Poppins, sans-serif;
}

.grid-51 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1.75fr 1fr 1fr 1fr 1fr 1fr 1fr;
  box-shadow: 0 2px 5px #00000026;
}

.paragraph-196 {
  text-align: center;
  text-transform: uppercase;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
}

.div-block-cee-zed {
  background-color: var(--blue);
  padding: 30px 20px;
}

.heading-cee-zed {
  color: var(--white);
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.heading-cee-zed.center {
  text-align: center;
}

.div-block-info-cee-zed {
  background-color: #e5f3ff;
  padding: 20px;
  display: block;
}

.paragraph-cee-zed {
  text-align: left;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}

.paragraph-cee-zed.center {
  text-align: center;
}

.div-block-dimensions {
  background-color: var(--blue);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 15px 10px;
  display: flex;
}

.div-block-dimensions.blue-3 {
  background-color: #dee5ee;
}

.div-block-dimensions.blue-4 {
  background-color: #e5f3ff;
}

.div-block-dimensions.gray-1 {
  background-color: #f1f1f1;
}

.grid-17 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  grid-template-rows: auto auto;
  grid-template-columns: 2fr 1fr 1fr 1.5fr 1fr 1fr 1fr 1fr 1fr;
  box-shadow: 0 2px 5px #0003;
}

.paragraph-dimensions {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}

.paragraph-dimensions.black {
  color: #000;
  font-weight: 300;
}

.div-block-head-cee-zed {
  display: block;
}

.div-block-table-dimensions {
  margin-top: 40px;
  margin-bottom: 10px;
}

.paragraph-198 {
  color: var(--white);
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 22px;
}

.paragraph-198.black {
  color: var(--grey);
}

.grid-52 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  margin-top: 10px;
}

.div-block-18382 {
  background-color: var(--white);
  border-radius: 24px;
  padding: 30px;
  box-shadow: 0 2px 5px #0003;
}

.heading-33191 {
  background-color: var(--blue);
  color: var(--white);
  border-radius: 24px;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 5px 20px;
  font-size: 22px;
  font-weight: 500;
  line-height: 28px;
}

.image-17847 {
  width: 45px;
  height: auto;
}

.div-block-18383 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.paragraph-199 {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 22px;
}

.div-block-18384 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-head-image-product {
  margin-bottom: 20px;
}

.product-project {
  background-image: url('../images/bg-pg.avif');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  padding-top: 100px;
  padding-bottom: 100px;
}

.product-project.none {
  display: none;
}

.product-project.padding {
  padding-top: 0;
}

.paragraph-sub-good-insulation {
  color: var(--white);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 22px;
}

.paragraph-sub-good-insulation.gray {
  color: var(--grey);
  margin-top: 10px;
  padding-left: 240px;
  padding-right: 240px;
}

.image-skylight-roof-2 {
  object-fit: cover;
  object-position: 0% 50%;
  border-radius: 24px;
  width: 100%;
  height: auto;
  transition: all .4s;
}

.image-skylight-roof-2:hover {
  transform: scale(1.05);
}

.lightbox-link-6 {
  border-radius: 24px;
  width: 100%;
  height: auto;
  overflow: hidden;
  box-shadow: 0 2px 5px #0003;
}

.list-item-2 {
  font-size: 16px;
  line-height: 22px;
}

.list-3 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 20px;
  display: flex;
}

.div-block-18386 {
  background-color: var(--blue);
  border-radius: 20px;
  margin-top: 10px;
  padding: 10px 25px;
  box-shadow: 0 2px 5px #0003;
}

.paragraph-200 {
  color: var(--white);
  text-align: center;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.heading-33192 {
  color: var(--white);
  text-align: center;
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.container-165 {
  max-width: 1300px;
  padding-left: 20px;
  padding-right: 20px;
}

.color {
  background-image: url('../images/bg-pg.avif');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  padding-top: 100px;
  padding-bottom: 100px;
}

.container-color {
  max-width: 1300px;
  padding-left: 20px;
  padding-right: 20px;
}

.grid-53 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
}

.div-block-color {
  border-radius: 24px;
  display: block;
  overflow: hidden;
  box-shadow: 0 2px 5px #0003;
}

.div-block-info-color {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.image-color {
  object-fit: cover;
  border-radius: 24px;
  width: 100%;
  height: 100%;
  transition: all .4s;
}

.image-color:hover {
  transform: scale(1.05);
}

.heading-color {
  color: var(--blue);
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: 600;
  line-height: 42px;
}

.heading-color.en {
  text-transform: uppercase;
  font-family: Poppins, sans-serif;
}

.sub-paragraph-color {
  color: var(--blue);
  text-transform: uppercase;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.paragraph-color {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 22px;
}

.paragraph-color.end {
  margin-bottom: 20px;
}

.example-color {
  background-color: var(--blue);
  padding-top: 100px;
  padding-bottom: 100px;
}

.container-example-color {
  max-width: 1300px;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-18390 {
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  font-family: Poppins, sans-serif;
  font-size: 26px;
  line-height: 32px;
}

.heading-33195 {
  color: var(--white);
  text-align: center;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 500;
  line-height: 36px;
}

.div-block-download-catalog {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-icon-download {
  border: .5px solid #d6d6d6;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 6px;
  display: block;
}

.icon-download {
  width: 20px;
  height: auto;
}

.grid-19 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.catalog {
  padding-top: 100px;
  padding-bottom: 100px;
}

.paragraph-download {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}

.link-block-catalog {
  color: #333;
  text-align: center;
  border-radius: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 23.7%;
  padding-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.heading-name-catalog {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}

.heading-name-catalog.th {
  font-family: Prompt, sans-serif;
}

.container-catalog {
  max-width: 1300px;
  padding-left: 20px;
  padding-right: 20px;
}

.image-catalog {
  border-radius: 24px;
  width: 100%;
  height: auto;
}

.div-block-catalog {
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 2px 5px #0003;
}

.line-blue-color {
  background-color: var(--blue);
  width: 3px;
  height: 100%;
}

.paragraph-service {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 22px;
}

.image-service {
  border-radius: 24px;
  width: 100%;
  height: auto;
  transition: all .4s;
}

.image-service:hover {
  transform: scale(1.05);
}

.container-service-process {
  max-width: 1300px;
  padding-left: 20px;
  padding-right: 20px;
}

.heading-service-process {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 34px;
  font-weight: 500;
  line-height: 40px;
}

.heading-service-process.white {
  color: var(--white);
}

.sub-paragraph-service-process {
  color: var(--blue);
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
}

.sub-paragraph-service-process.white {
  color: var(--white);
}

.grid-54 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-service-process {
  margin-bottom: 30px;
}

.service-process {
  padding-top: 100px;
  padding-bottom: 100px;
}

.paragraph-206 {
  color: var(--white);
  text-align: center;
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 26px;
}

.paragraph-207 {
  color: var(--white);
  text-align: center;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 24px;
}

.heading-font-services {
  color: #fff;
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
}

.card-back-service {
  z-index: 10;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.card-font-services {
  background-image: linear-gradient(180deg, #fff0 60%, var(--blue));
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 25px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.paragraph-back-service {
  color: #fff;
  text-align: center;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 22px;
}

.image-cover-services {
  object-fit: cover;
  width: 100%;
  height: auto;
  display: block;
}

.paragraph-services-more {
  color: #fff;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 22px;
}

.card-our-services {
  border-radius: 24px;
  width: 32.2%;
  position: relative;
  overflow: hidden;
}

.paragraph-ct-service {
  background-image: linear-gradient(135deg, var(--blue), #07f);
  color: #fff;
  border-radius: 100px;
  margin-bottom: 0;
  padding: 5px 15px;
  font-size: 16px;
  line-height: 22px;
  box-shadow: 0 2px 5px #fff3;
}

.link-block-service {
  color: #333;
  background-color: #001936b3;
  justify-content: center;
  align-items: center;
  padding: 20px 15px;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 0%;
}

.list-4 {
  color: var(--white);
  padding-left: 20px;
}

.list-item-3 {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 22px;
}

.service {
  background-image: url('../images/bg-pg.avif');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  padding-top: 100px;
  padding-bottom: 100px;
}

.container-why-choose-us {
  max-width: 1300px;
  padding-left: 20px;
  padding-right: 20px;
}

.why-choose-us {
  background-color: var(--blue);
  padding-top: 100px;
  padding-bottom: 100px;
}

.grid-55 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.div-block-why-choose-us {
  background-color: var(--white);
  border-radius: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 30%;
  padding: 30px 10px;
  transition: all .3s;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.div-block-why-choose-us:hover {
  transform: scale(1.05);
}

.div-block-icon-why-choose-us {
  background-color: var(--blue);
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  padding: 15px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.heading-why-choose-us {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
}

.icon-why-choose-us {
  filter: invert();
  width: 55px;
  height: auto;
}

.our-project-reroof {
  background-image: url('../images/bg-pg.avif');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  padding-top: 100px;
  padding-bottom: 100px;
}

.container-project-reroof {
  max-width: 1300px;
  padding-left: 20px;
  padding-right: 20px;
}

.heading-project-reroof {
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
}

.grid-56 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.lightbox-link-7 {
  border-radius: 24px;
  width: 100%;
  height: auto;
  overflow: hidden;
  box-shadow: 0 2px 5px #0003;
}

.image-project-reroof {
  width: 100%;
  height: auto;
  transition: all .3s;
}

.image-project-reroof:hover {
  transform: scale(1.05);
}

.div-block-image-project-reroof {
  display: block;
}

.div-block-project-reroof {
  margin-top: 60px;
  display: block;
}

.div-block-project-reroof.margin {
  margin-top: 40px;
}

.grid-57 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 80px;
}

.div-block-transport {
  background-color: var(--blue);
  border-radius: 24px;
  padding: 60px 20px 20px;
  position: relative;
  box-shadow: 0 2px 5px #0003;
}

.heading-transport {
  color: var(--white);
  text-align: center;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
}

.list-5 {
  color: var(--white);
  padding-left: 20px;
}

.paragraph-list-transport {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 22px;
}

.paragraph-transport {
  color: var(--white);
  font-size: 16px;
  line-height: 22px;
}

.icon-transport {
  filter: invert();
  width: 50px;
  height: auto;
}

.div-block-project-info {
  background-image: linear-gradient(180deg, #fff0 50%, var(--blue));
  border-radius: 24px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  padding: 20px 10px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.heading-name-project {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.div-block-group-project {
  border-radius: 24px;
  position: relative;
  overflow: hidden;
}

.our-project-image {
  padding-top: 100px;
  padding-bottom: 100px;
}

.image-project {
  filter: brightness(105%);
  object-fit: cover;
  width: 100%;
  height: 350px;
}

.link-block-project {
  display: block;
}

.paragraph-location-project {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 22px;
}

.grid-18 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.container-our-project-image {
  max-width: 1300px;
  padding-left: 20px;
  padding-right: 20px;
}

.activity {
  padding-top: 100px;
  padding-bottom: 100px;
}

.heading-33202 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.heading-33202.en {
  font-family: Poppins, sans-serif;
  font-size: 20px;
  line-height: 26px;
}

.div-block-activity {
  margin-bottom: 20px;
}

.grid-20 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.image-17887 {
  filter: brightness(110%);
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 24px;
  width: 100%;
  height: 350px;
}

.link-block-100 {
  color: #333;
  text-align: center;
  border-radius: 24px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.container-activity {
  max-width: 1300px;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-18407 {
  background-image: linear-gradient(180deg, #fff0 50%, var(--blue));
  border-radius: 24px;
  justify-content: center;
  align-items: flex-end;
  padding: 20px 15px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-image-see-more {
  background-image: linear-gradient(90deg, #0961c5e6, #006eebe6);
  border-radius: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin: 20px;
  padding: 30px 25px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.paragraph-image-see-more {
  color: var(--white);
  margin-bottom: 0;
  font-size: 16px;
  line-height: 22px;
}

.contact-us {
  background-image: url('../images/bg-pg.avif');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  padding-top: 100px;
  padding-bottom: 100px;
}

.container-contact-us {
  max-width: 1300px;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-head-contact-us {
  margin-bottom: 20px;
  display: block;
}

.sub-paragraph-contact-us {
  text-align: left;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 24px;
}

.sub-paragraph-contact-us.white {
  color: var(--white);
}

.heading-contact-us {
  color: var(--blue);
  text-align: left;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Poppins, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 38px;
}

.heading-contact-us.th {
  color: var(--white);
  font-family: Prompt, sans-serif;
  font-size: 30px;
  line-height: 36px;
}

.paragraph-contact-us {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 24px;
}

.container-google-maps {
  max-width: 100%;
}

.google-maps {
  margin-bottom: -10px;
}

.grid-59 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
}

.div-block-form {
  background-color: var(--blue);
  border-radius: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  padding: 40px 30px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.div-block-contact-us {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.icon-contact-us {
  filter: invert();
  width: 25px;
  height: auto;
}

.div-block-icon-contact-us {
  background-color: var(--blue);
  border-radius: 1000px;
  padding: 13px;
}

.div-block-group-contact-us {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: start;
  margin-top: 0;
  display: flex;
}

.heading-info-contact-us {
  color: var(--blue);
  margin-top: 0;
  margin-bottom: 3px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.heading-info-contact-us.en {
  font-family: Poppins, sans-serif;
}

.dropdown-toggle-7 {
  z-index: 1;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-size: 16px;
  line-height: 22px;
}

.dropdown-list-8 {
  z-index: 2;
  background-color: #ddd;
}

.dropdown-list-8:hover {
  border-radius: 10px;
}

.dropdown-list-8.w--open {
  background-color: var(--blue);
  border-radius: 10px;
}

.dropdown-link-7 {
  color: var(--white);
  font-family: Poppins, sans-serif;
  font-size: 16px;
  line-height: 22px;
  transition: all .3s;
}

.dropdown-link-7:hover {
  background-color: #0851a3;
  border-radius: 10px;
}

.link-block-contact-us {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--grey);
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.link-block-contact-us:hover {
  transform: scale(1.05);
}

.paragraph-216 {
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.paragraph-216.th {
  font-family: Prompt, sans-serif;
}

.container-175 {
  max-width: 1300px;
  padding-left: 20px;
  padding-right: 20px;
}

.c-faq-divider {
  padding-left: 20px;
  padding-right: 20px;
}

._w-faq-icon {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: relative;
}

.work-wihe-us {
  background-color: var(--white);
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 2px 5px #0000001a;
}

.c-faq-a-text {
  padding: 10px 20px 20px;
}

.paragraph-faqs {
  color: #333;
  text-align: center;
  margin-bottom: 20px;
  font-size: 32px;
  font-weight: 500;
  line-height: 38px;
}

.faq-stripe-1 {
  background-color: #2e292f;
  width: 2px;
  height: 100%;
}

.faq-q-text-3 {
  color: #2e292f;
  font-size: 22px;
  font-weight: 500;
  line-height: 28px;
}

.c-faq-a {
  perspective-origin: 50% 0;
  transform-origin: 50% 0;
  overflow: hidden;
}

.des-work {
  color: #333;
  margin-bottom: 5px;
  margin-left: 20px;
  font-size: 16px;
  line-height: 22px;
}

.des-work.align {
  text-align: center;
  margin-bottom: 20px;
  margin-left: 0;
  font-size: 20px;
  line-height: 26px;
}

.c-faq-q {
  align-items: center;
  font-size: 1.2px;
  line-height: 1.6px;
  display: flex;
}

.card-condition-services {
  z-index: 2;
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5vw;
  padding-right: 5vw;
  display: block;
  position: relative;
}

.card-condition-services.faq-container {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  max-width: 1000px;
  padding: 0;
  display: flex;
}

.c-faq-icon {
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  position: relative;
}

.faq-stripe-2 {
  background-color: #2e292f;
  width: 100%;
  height: 2px;
  position: absolute;
}

.c-faq-item {
  border-bottom: 1px solid #0000001a;
  border-left: 3px solid var(--green);
  cursor: pointer;
  margin-bottom: 10px;
  font-size: 1.2em;
  line-height: 1.6em;
}

.faq-divider {
  border-top: 1px dashed #ffffff40;
  height: 0;
}

.c-faq-q-text {
  flex: 1;
  padding: 20px;
  font-size: 16px;
  line-height: 22px;
}

.head-work {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
}

.div-block-18417 {
  margin-top: 10px;
}

.image-17890 {
  width: 23px;
  height: auto;
}

.div-block-18418 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.paragraph-217 {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 22px;
}

.div-block-18419 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 10px;
  display: flex;
}

.div-block-head-project {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.div-block-18421 {
  background-color: var(--green);
  width: 200px;
  height: 3px;
}

.section-37-copy {
  padding-top: 100px;
  padding-bottom: 100px;
}

.image-17887-copy {
  object-fit: cover;
  object-position: 50% 80%;
  border-radius: 24px;
  width: 100%;
  height: 650px;
}

.dropdown-4 {
  z-index: auto;
  transition: all .3s;
}

.dropdown-4:hover {
  transform: scale(1.05);
}

.link-block-100-copy {
  color: #333;
  text-align: center;
  border-radius: 24px;
  width: 100%;
  height: auto;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.heading-vision-misson {
  color: var(--white);
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
}

.div-block-icon-transport {
  background-color: var(--white);
  border-radius: 1000px;
  padding: 5px;
  display: inline-block;
  position: absolute;
  inset: -10% auto auto 105px;
  box-shadow: 0 2px 5px #0003;
}

.div-block-bg-transport {
  background-color: var(--blue);
  border-radius: 1000px;
  padding: 15px;
}

.div-block-head-example-color {
  float: none;
  margin-bottom: 20px;
}

.div-block-18426 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.div-block-group-tel {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  transition: all .3s;
  display: flex;
}

.div-block-info-contact-us {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.dropdown-toggle-9 {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.dropdown-5 {
  margin-left: 0;
  margin-right: 0;
  transition: all .3s;
}

.dropdown-5:hover {
  transform: scale(1.05);
}

.text-block-2 {
  font-size: 16px;
  line-height: 22px;
}

.dropdown-list-10 {
  border-radius: 10px;
}

.dropdown-list-10.w--open {
  background-color: var(--blue);
  border-radius: 10px;
}

.dropdown-link-8 {
  color: var(--white);
  border-radius: 10px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  line-height: 22px;
  transition: all .3s;
}

.dropdown-link-8:hover {
  background-color: #0851a3;
}

.div-block-info-good-skylight {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.lover {
  background-image: url('../images/bg-pg.avif');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  padding-top: 100px;
  padding-bottom: 100px;
}

.container-lover {
  max-width: 1300px;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-info-feature.blue {
  background-color: var(--blue);
}

.logo-banner {
  aspect-ratio: 662 / 661;
  filter: drop-shadow(0 2px 5px #0003);
  width: 120px;
  height: auto;
}

.lightbox-link-8 {
  border-radius: 18px;
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}

.div-block-screw {
  background-color: var(--white);
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.div-block-18427 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-info-cee-zed.soft-grey {
  background-color: #f1f1f1;
}

.blogs {
  padding-top: 100px;
  padding-bottom: 100px;
}

.container-blogs {
  max-width: 1300px;
  padding-left: 20px;
  padding-right: 20px;
}

.dropdown-6 {
  margin-left: 0;
  margin-right: 0;
}

.icon-11 {
  margin-right: 0;
}

.column, .column-2 {
  padding-left: 0;
  padding-right: 0;
}

.paragraph-219 {
  text-align: center;
  font-size: 22px;
  line-height: 30px;
}

@media screen and (min-width: 1440px) {
  .heading-banner-home {
    font-size: 39px;
  }

  .heading-page-home.align {
    font-size: 25px;
  }
}

@media screen and (min-width: 1920px) {
  .container-ex-color {
    max-width: 1200px;
  }
}

@media screen and (max-width: 991px) {
  .navbar-no-shadow-container:where(.w-variant-9a1a2bae-2d5b-f1e6-4033-f2b5cd64ee33) {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .navbar-brand {
    margin-top: 10px;
    transform: scale(1.5);
  }

  .nav-menu {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: var(--blue);
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 40px;
    padding-bottom: 30px;
    padding-left: 40px;
    display: flex;
  }

  .nav-dropdown {
    z-index: auto;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: absolute;
  }

  .nav-dropdown-link {
    justify-content: center;
    align-items: center;
  }

  .menu-button {
    padding: 12px;
  }

  .menu-button.w--open {
    color: #fff;
    background-color: #a6b1bf00;
  }

  .heading-banner-home {
    font-size: 38px;
    line-height: 48px;
  }

  .paragraph-pg-banner-home {
    margin-bottom: 15px;
    font-size: 54px;
    line-height: 54px;
  }

  .paragraph-banner-home {
    margin-bottom: 20px;
    padding-right: 200px;
  }

  .grid {
    grid-template-columns: 1fr;
  }

  .about-us-home {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .paragraph-buttton {
    font-size: 16px;
    line-height: 22px;
  }

  .icon-button {
    width: 18px;
  }

  .grid-2 {
    grid-template-columns: 1fr;
  }

  .group-image-about-us-home {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .image-about-us-home {
    width: 400px;
  }

  .image-about-us-home.size {
    width: 300px;
  }

  .group-number-count-projects {
    padding: 15px 30px;
    top: 76%;
    left: 45%;
  }

  .image-icon-number {
    width: 50px;
  }

  .green-number {
    font-size: 34px;
    line-height: 40px;
  }

  .green-number.ep {
    font-size: 62px;
    line-height: 68px;
  }

  .large-numbers.green {
    font-size: 50px;
    line-height: 56px;
  }

  .text-2, .text-2.green {
    font-size: 16px;
    line-height: 22px;
  }

  .heading-contant-about-us-home {
    margin-top: 10px;
    font-size: 38px;
    line-height: 44px;
  }

  .group-contant-about-us-home {
    justify-content: center;
    align-items: center;
  }

  .our-product {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .group-contant-product {
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 20px;
  }

  .heading-product {
    text-align: center;
    font-size: 32px;
    line-height: 40px;
  }

  .number-count {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .green-number-2 {
    font-size: 34px;
    line-height: 40px;
  }

  .div-block-see-more-product {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .paragraph-see-more-product {
    font-size: 16px;
    line-height: 22px;
  }

  .slide-21 {
    width: 50%;
  }

  .heading-cta {
    font-size: 26px;
    line-height: 36px;
  }

  .heading-cta.size {
    padding-left: 0;
    padding-right: 0;
    font-size: 22px;
    line-height: 32px;
  }

  .group-contact-us {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .icon-contact-sec {
    width: 18px;
  }

  .container-ex-color {
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-logo-color {
    width: 50px;
  }

  .tab-link-tab-1 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .tab-link-tab-1.w--current {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .grid-27 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .text-name-color {
    margin-left: 10px;
    font-size: 14px;
    line-height: 20px;
  }

  .ex-color-metal-sheet {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .heading-page-home {
    font-size: 34px;
    line-height: 40px;
  }

  .group-head-page-home.flex {
    justify-content: center;
    align-items: center;
  }

  .group-ex-color {
    border-radius: 16px;
    padding: 12px;
  }

  .grid-28 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .our-service {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .image-more-about-us {
    width: 18px;
  }

  .sub-paragraph-page-home {
    font-size: 18px;
    line-height: 24px;
  }

  .grid-29 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }

  .icon-arrow {
    width: 15px;
  }

  .group-button-contact {
    flex-flow: wrap;
  }

  .group-button-contact:where(.w-variant-bf618b36-d812-61ba-5b9b-0c79a1a934a8) {
    justify-content: center;
    align-items: center;
  }

  .our-project {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .paragraph-home-page {
    text-align: center;
    font-size: 14px;
  }

  .grid-30 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .group-cover-name-project {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-cover-name-project {
    font-size: 16px;
    line-height: 22px;
  }

  .our-customer {
    padding-bottom: 20px;
  }

  .footer {
    background-image: linear-gradient(to bottom, null, null), url('../images/pg-metal-sheet-bn.webp');
    background-position: 0 0, 40% 30%;
  }

  .grid-31 {
    grid-template-columns: 1fr 1fr;
  }

  .group-footer {
    justify-content: flex-start;
    align-items: center;
  }

  .paragraph-footer {
    text-align: center;
  }

  .group-link-footer {
    justify-content: flex-start;
    align-items: center;
  }

  .paragraph-link-footer {
    text-align: center;
  }

  .copyright {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .grid-32 {
    grid-template-columns: .75fr 1fr;
  }

  .heading-9259 {
    font-size: 30px;
    line-height: 40px;
  }

  .heading-9260 {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 22px;
  }

  .dropdown-list-2.w--open {
    top: -440%;
  }

  .image-logo-wedgets {
    width: 80px;
    height: 80px;
  }

  .widgets {
    margin-bottom: 10px;
    margin-right: 10px;
  }

  .paragraph-170 {
    font-size: 22px;
    line-height: 28px;
  }

  .paragraph-correct-about-us-home {
    font-size: 16px;
    line-height: 22px;
  }

  .grid-33 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .div-block-18040, .image-17826 {
    border-radius: 20px;
  }

  .banner-home {
    margin-top: 75px;
  }

  .image-banner {
    height: 600px;
  }

  .slide-nav-4 {
    font-size: 10px;
  }

  .container-content-banner {
    justify-content: flex-start;
    align-items: center;
    padding-top: 0;
  }

  .head-about-page {
    margin-top: 75px;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .sub-heading-head-about {
    font-size: 20px;
    line-height: 26px;
  }

  .about-pg {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .grid-34 {
    grid-template-columns: 1fr;
  }

  .image-about-pg {
    width: 53%;
  }

  .image-about-pg-1 {
    width: 100%;
    height: auto;
  }

  .div-block-about-pg {
    justify-content: center;
    align-items: center;
  }

  .heading-about-pg {
    text-align: center;
    font-size: 30px;
    line-height: 36px;
  }

  .paragraph-head-about-pg {
    text-align: center;
    font-size: 18px;
    line-height: 24px;
  }

  .our-customer-about {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .heading-customer {
    font-size: 30px;
    line-height: 36px;
  }

  .sub-paragraph-customer {
    font-size: 18px;
    line-height: 24px;
  }

  .div-block-group-head-customer {
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
  }

  .heading-contant-about-us-home-copy {
    margin-bottom: 10px;
    font-size: 28px;
    line-height: 34px;
  }

  .heading-head-vision-misson.en {
    font-size: 30px;
    line-height: 36px;
  }

  .grid-36 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .vision-misson {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .paragraph-head-vision-misson {
    padding-left: 20px;
    padding-right: 20px;
  }

  .icon-vision-misson {
    width: 60px;
  }

  .section-head-page {
    margin-top: 75px;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .heading-head-product {
    font-size: 36px;
    line-height: 42px;
  }

  .heading-head-product.en {
    font-size: 18px;
    line-height: 24px;
  }

  .heading-head-product.size {
    font-size: 28px;
    line-height: 38px;
  }

  .paragraph-head-product {
    padding-left: 100px;
    padding-right: 100px;
    font-size: 16px;
    line-height: 22px;
  }

  .group-product {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .grid-38 {
    grid-template-columns: 1fr;
  }

  .heading-head-product-pg {
    text-align: center;
    padding-left: 80px;
    padding-right: 80px;
    font-size: 30px;
    line-height: 40px;
  }

  .paragraph-sub-product {
    font-size: 20px;
    line-height: 26px;
  }

  .group-product-bg-blue {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .heading-head-about {
    font-size: 60px;
    line-height: 66px;
  }

  .heading-head-about-th {
    font-size: 30px;
    line-height: 36px;
  }

  .icon-9 {
    font-size: 30px;
  }

  .group-slides-pj {
    overflow: hidden;
  }

  .icon-6 {
    font-size: 30px;
  }

  .mask-6 {
    width: 225px;
  }

  .slider-23 {
    padding-bottom: 5px;
  }

  .grid-39 {
    grid-template-columns: 1fr 1fr;
  }

  .div-block-sub-head-product {
    justify-content: center;
    align-items: center;
  }

  .div-block-des-crimp-curved-roof {
    border-radius: 24px;
    padding: 30px 20px;
  }

  .heading-crimp-n-sprung-curved {
    border-radius: 18px;
    font-size: 16px;
    line-height: 22px;
  }

  .grid-42 {
    grid-template-columns: 1.5fr 1fr 1fr;
  }

  .paragraph-head-info-crimp-curved {
    font-size: 16px;
    line-height: 22px;
  }

  .div-block-group-button {
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .tabs-menu-3 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .heading-cover-skylight-roof {
    font-size: 28px;
    line-height: 38px;
  }

  .container-tab-skylight-roof {
    padding-left: 20px;
    padding-right: 20px;
  }

  .product-skylight {
    padding-top: 60px;
  }

  .heading-skylight {
    text-align: center;
  }

  .grid-43 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .div-block-good-skylight {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .paragraph-good-skylight {
    text-align: center;
  }

  .div-block-skylight-roof {
    justify-content: center;
    align-items: center;
  }

  .grid-44 {
    grid-template-columns: 1fr;
  }

  .heading-skylight-roof {
    text-align: center;
    font-size: 28px;
    line-height: 34px;
  }

  .paragraph-head-skylight-roof {
    text-align: center;
    font-size: 20px;
    line-height: 26px;
  }

  .skylight-roof {
    padding-top: 60px;
  }

  .grid-45 {
    grid-template-columns: 1fr;
  }

  .sub-paragraph-image-product {
    font-size: 20px;
    line-height: 26px;
  }

  .grid-46 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .div-block-image-product {
    width: 100%;
  }

  .sub-paragraph-skylight {
    text-align: center;
    font-size: 20px;
    line-height: 26px;
  }

  .screw {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .heading-head-lover {
    font-size: 28px;
    line-height: 38px;
  }

  .grid-47 {
    flex-flow: wrap;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-lover {
    width: 30%;
  }

  .div-block-product-project {
    width: 31.5%;
  }

  .louver-strap, .good-insulation {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .grid-49 {
    flex-flow: wrap;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: center;
    align-items: stretch;
    display: flex;
  }

  .div-block-good-insulation {
    width: 31.5%;
  }

  .icon-good-insulation {
    width: 60px;
  }

  .imageproduct {
    padding-top: 60px;
  }

  .heading-dimensions {
    font-size: 28px;
    line-height: 34px;
  }

  .paragraph-196 {
    font-size: 18px;
    line-height: 24px;
  }

  .div-block-cee-zed {
    padding: 20px 10px;
  }

  .heading-cee-zed {
    font-size: 16px;
    line-height: 22px;
  }

  .div-block-info-cee-zed {
    padding: 10px;
  }

  .div-block-18382 {
    padding: 20px;
  }

  .heading-33191 {
    font-size: 20px;
    line-height: 26px;
  }

  .image-17847 {
    width: 40px;
  }

  .product-project {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .paragraph-sub-good-insulation.gray {
    padding-left: 0;
    padding-right: 0;
  }

  .color {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .grid-53 {
    grid-template-columns: 1fr;
  }

  .div-block-info-color {
    justify-content: center;
    align-items: center;
  }

  .heading-color {
    text-align: center;
    font-size: 30px;
    line-height: 40px;
  }

  .example-color {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .div-block-18390 {
    font-size: 22px;
    line-height: 28px;
  }

  .heading-33195 {
    font-size: 28px;
    line-height: 34px;
  }

  .icon-download {
    width: 15px;
  }

  .grid-19 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .catalog {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .link-block-catalog {
    width: 31.5%;
  }

  .heading-service-process {
    font-size: 30px;
    line-height: 36px;
  }

  .sub-paragraph-service-process {
    font-size: 20px;
    line-height: 26px;
  }

  .service-process {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .heading-font-services {
    font-size: 22px;
    line-height: 28px;
  }

  .card-our-services {
    width: 48.6%;
  }

  .service, .why-choose-us {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .grid-55 {
    justify-content: center;
    align-items: stretch;
  }

  .div-block-why-choose-us {
    width: 31.5%;
  }

  .heading-why-choose-us {
    font-size: 18px;
    line-height: 24px;
  }

  .icon-why-choose-us {
    width: 50px;
  }

  .our-project-reroof {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .div-block-project-reroof {
    margin-top: 40px;
  }

  .grid-57 {
    grid-row-gap: 50px;
    grid-template-columns: 1fr 1fr;
  }

  .our-project-image {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .image-project {
    height: 250px;
  }

  .grid-18 {
    grid-template-columns: 1fr 1fr;
  }

  .activity {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .grid-20 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .image-17887 {
    height: 220px;
  }

  .contact-us {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .heading-contact-us, .heading-contact-us.th {
    font-size: 28px;
    line-height: 34px;
  }

  .paragraph-contact-us {
    font-size: 16px;
    line-height: 22px;
  }

  .grid-59 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .div-block-contact-us {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 0;
  }

  .paragraph-faqs {
    font-size: 30px;
    line-height: 36px;
  }

  .des-work {
    font-size: 16px;
    line-height: 22px;
  }

  .c-faq-icon {
    padding-left: 10px;
    padding-right: 10px;
  }

  .c-faq-q-text {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .section-37-copy {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .image-17887-copy {
    height: 390px;
  }

  .heading-vision-misson {
    font-size: 22px;
    line-height: 28px;
  }

  .div-block-icon-transport {
    left: 130px;
  }

  .div-block-info-good-skylight {
    justify-content: flex-start;
    align-items: center;
  }

  .lover {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .logo-banner {
    width: 100px;
  }

  .icon-10 {
    color: var(--white);
    font-size: 35px;
  }

  .columns {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .column {
    justify-content: center;
    align-items: center;
  }

  .list-item-4.none, .list-item-4.none:where(.w-variant-9a1a2bae-2d5b-f1e6-4033-f2b5cd64ee33) {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .navbar-no-shadow-container:where(.w-variant-9a1a2bae-2d5b-f1e6-4033-f2b5cd64ee33) {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .navbar-brand {
    padding-left: 0;
  }

  .nav-menu {
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0;
  }

  .nav-link {
    display: inline-block;
  }

  .nav-dropdown {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-list.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide.w--open {
    width: 100%;
    height: 400px;
    overflow: auto;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide.auto.w--open, .nav-dropdown-list.shadow-three.mobile-shadow-hide.width.w--open {
    height: auto;
  }

  .heading-banner-home {
    font-size: 36px;
    line-height: 46px;
  }

  .paragraph-pg-banner-home {
    -webkit-text-stroke-width: 1px;
    margin-bottom: 10px;
    font-size: 52px;
    line-height: 52px;
  }

  .paragraph-banner-home {
    padding-right: 0;
    font-size: 16px;
    line-height: 22px;
  }

  .image-about-us-home.size {
    border-radius: 20px;
  }

  .group-number-count-projects {
    top: 70%;
  }

  .number-content {
    text-align: center;
  }

  .number-content._1 {
    border-radius: 20px;
  }

  .green-number.ep {
    font-size: 52px;
    line-height: 58px;
  }

  .large-numbers.green {
    font-size: 40px;
    line-height: 46px;
  }

  .heading-contant-about-us-home {
    font-size: 34px;
    line-height: 40px;
  }

  .our-product {
    padding-bottom: 40px;
  }

  .group-contant-product {
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
  }

  .heading-product {
    text-align: center;
    font-size: 32px;
    line-height: 38px;
  }

  .grid-4 {
    grid-column-gap: 0px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }

  .paragraph-name-en {
    font-size: 14px;
    line-height: 20px;
  }

  .mask-2 {
    padding-bottom: 0;
    padding-left: 0;
  }

  .slide-21 {
    width: 100%;
    padding: 5px;
  }

  .image-17804 {
    width: 30px;
    height: 30px;
  }

  .grid-9 {
    grid-template-columns: 1fr;
  }

  .image-cta {
    width: 280px;
    margin-top: 0;
  }

  .group-image-cta {
    justify-content: center;
    align-items: center;
  }

  .heading-cta.size {
    padding-left: 10px;
    padding-right: 10px;
  }

  .tab-link-tab-1 {
    flex-flow: column;
    padding: 10px 20px;
  }

  .grid-27 {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .text-name-color {
    margin-top: 10px;
    margin-left: 0;
  }

  .heading-page-home {
    font-size: 32px;
    line-height: 38px;
  }

  .heading-name-color {
    font-size: 16px;
    line-height: 22px;
  }

  .grid-28 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .link-more-about-us {
    margin-top: 10px;
  }

  .heading-name-service-en {
    font-size: 14px;
    line-height: 20px;
  }

  .group-cover-name-service {
    padding: 20px;
  }

  .paragraph-home-page {
    text-align: center;
  }

  .grid-30 {
    grid-template-columns: 1fr 1fr;
  }

  .card-heading {
    margin-bottom: 20px;
  }

  .clients-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    margin-left: 0;
  }

  .clients-grid.logo-animate-alt, .clients-grid.logo-animate {
    grid-column-gap: 1rem;
  }

  .footer {
    background-image: linear-gradient(#0961c5d4, #0961c5d4), url('../images/pg-metal-sheet-bn.webp');
    background-position: 0 0, 30% 30%;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
    padding-top: 40px;
  }

  .grid-31 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .group-footer {
    justify-content: flex-start;
    align-items: center;
  }

  .heading-name-footer {
    font-size: 18px;
    line-height: 24px;
  }

  .paragraph-footer {
    text-align: center;
  }

  .heading-footer {
    font-size: 18px;
    line-height: 24px;
  }

  .group-link-footer {
    justify-content: flex-start;
    align-items: center;
    padding-left: 0;
  }

  .copyright {
    margin-top: 40px;
  }

  .code-copyright {
    font-size: 12px;
    line-height: 18px;
  }

  .grid-32 {
    grid-template-columns: 1fr;
  }

  .image-peb {
    width: 300px;
    margin-top: 0;
  }

  .div-block-text-peb-product {
    justify-content: center;
    align-items: center;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .heading-9259, .heading-9260 {
    text-align: center;
  }

  .card-icon-contact {
    height: 65px;
  }

  .paragraph-170 {
    text-align: center;
  }

  .grid-33 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr;
  }

  .dropdown-toggle-6 {
    justify-content: center;
    align-items: center;
    padding-right: 20px;
  }

  .dropdown-link-5 {
    font-size: 14px;
    line-height: 20px;
  }

  .heading-9262.white {
    font-size: 20px;
    line-height: 26px;
  }

  .heading-9263.white {
    font-size: 18px;
    line-height: 24px;
  }

  .banner-home {
    margin-top: 65px;
  }

  .image-banner {
    height: 550px;
  }

  .slide-nav-4 {
    font-size: 8px;
  }

  .head-about-page {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .sub-heading-head-about {
    font-size: 18px;
    line-height: 24px;
  }

  .image-about-pg, .image-about-pg-1 {
    border-radius: 20px;
  }

  .heading-about-pg {
    font-size: 28px;
    line-height: 34px;
  }

  .heading-customer {
    font-size: 24px;
    line-height: 30px;
  }

  .sub-paragraph-customer {
    font-size: 16px;
    line-height: 22px;
  }

  .heading-contant-about-us-home-copy {
    font-size: 26px;
    line-height: 32px;
  }

  .grid-36 {
    grid-template-columns: 1fr;
  }

  .image-vision-misson {
    border-radius: 20px;
  }

  .div-block-group-vision-misson {
    border-radius: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .div-block-head-vision-misson {
    margin-bottom: 20px;
  }

  .paragraph-head-vision-misson {
    padding-left: 0;
    padding-right: 0;
  }

  .icon-vision-misson {
    width: 55px;
  }

  .section-head-page {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .heading-head-product {
    font-size: 30px;
    line-height: 36px;
  }

  .heading-head-product.en {
    font-size: 16px;
    line-height: 22px;
  }

  .heading-head-product.size {
    font-size: 20px;
    line-height: 30px;
  }

  .paragraph-head-product {
    padding-left: 40px;
    padding-right: 40px;
  }

  .heading-head-product-pg {
    padding-left: 0;
    padding-right: 0;
    font-size: 28px;
    line-height: 38px;
  }

  .paragraph-sub-product {
    font-size: 18px;
    line-height: 24px;
  }

  .heading-head-about {
    font-size: 50px;
    line-height: 56px;
  }

  .heading-head-about-th {
    font-size: 28px;
    line-height: 34px;
  }

  .mask-6 {
    width: 47.5%;
  }

  .grid-39._3 {
    grid-template-columns: 1fr 1fr;
  }

  .grid-41 {
    grid-template-columns: 1fr;
  }

  .grid-42 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .div-block-group-button {
    flex-flow: column;
    margin-bottom: 10px;
  }

  .tabs-menu-3 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
  }

  .div-block-heading-tab {
    margin-bottom: 20px;
  }

  .heading-cover-skylight-roof {
    font-size: 20px;
    line-height: 26px;
  }

  .heading-skylight {
    font-size: 28px;
    line-height: 34px;
  }

  .div-block-good-skylight {
    padding: 20px 10px;
  }

  .icon-good-skylight {
    width: 40px;
  }

  .heading-info-good-skylight {
    font-size: 20px;
    line-height: 26px;
  }

  .paragraph-good-skylight {
    font-size: 16px;
    line-height: 22px;
  }

  .image-product-skylight, .lightbox-link-2-copy {
    border-radius: 20px;
  }

  .heading-skylight-roof {
    font-size: 26px;
    line-height: 32px;
  }

  .paragraph-head-skylight-roof {
    font-size: 18px;
    line-height: 24px;
  }

  .image-skylight-roof {
    border-radius: 20px;
  }

  .grid-46 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .div-block-image-product {
    width: 100%;
  }

  .heading-head-lover {
    font-size: 22px;
    line-height: 32px;
  }

  .div-block-lover {
    width: 48.1%;
  }

  .grid-48 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .image-product-project {
    border-radius: 20px;
  }

  .div-block-product-project {
    border-radius: 20px;
    width: 100%;
  }

  .lightbox-link-4, .image-screw {
    border-radius: 18px;
  }

  .div-block-good-insulation {
    width: 48.1%;
  }

  .icon-good-insulation {
    width: 50px;
  }

  .heading-good-insulation {
    font-size: 18px;
    line-height: 24px;
  }

  .div-block-table-cee-zed {
    overflow: auto;
  }

  .heading-cee-zed {
    text-align: center;
    font-weight: 400;
  }

  .heading-cee-zed.center {
    font-size: 16px;
    line-height: 22px;
  }

  .paragraph-cee-zed {
    text-align: center;
  }

  .paragraph-dimensions {
    font-weight: 400;
  }

  .div-block-table-dimensions {
    overflow: auto;
  }

  .grid-52 {
    grid-template-columns: 1fr;
  }

  .div-block-18382, .heading-33191, .image-skylight-roof-2, .lightbox-link-6 {
    border-radius: 20px;
  }

  .heading-color {
    font-size: 28px;
    line-height: 38px;
  }

  .div-block-18390 {
    font-size: 20px;
    line-height: 26px;
  }

  .heading-33195 {
    font-size: 26px;
    line-height: 32px;
  }

  .grid-19 {
    grid-template-columns: 1fr 1fr;
  }

  .link-block-catalog {
    width: 48.1%;
  }

  .heading-service-process {
    font-size: 28px;
    line-height: 34px;
  }

  .sub-paragraph-service-process {
    font-size: 18px;
    line-height: 24px;
  }

  .div-block-service-process {
    margin-bottom: 20px;
  }

  .heading-font-services {
    font-size: 18px;
    line-height: 24px;
  }

  .card-font-services {
    justify-content: flex-end;
    align-items: center;
  }

  .card-our-services {
    width: 48.1%;
  }

  .link-block-service {
    padding: 2vw;
    display: flex;
  }

  .div-block-why-choose-us {
    width: 48.1%;
  }

  .icon-why-choose-us {
    width: 45px;
  }

  .heading-project-reroof {
    font-size: 18px;
    line-height: 24px;
  }

  .lightbox-link-7 {
    border-radius: 20px;
  }

  .div-block-project-reroof.margin {
    margin-top: 20px;
  }

  .grid-57 {
    grid-row-gap: 70px;
    grid-template-columns: 1fr;
    margin-top: 80px;
  }

  .div-block-transport {
    padding-top: 50px;
  }

  .heading-name-project, .heading-33202 {
    font-size: 16px;
    line-height: 22px;
  }

  .grid-20 {
    grid-template-columns: 1fr 1fr;
  }

  .grid-59 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .paragraph-faqs {
    font-size: 28px;
    line-height: 34px;
  }

  .faq-q-text-3 {
    font-size: 20px;
    line-height: 26px;
  }

  .des-work {
    margin-bottom: 10px;
  }

  .head-work {
    font-size: 18px;
    line-height: 24px;
  }

  .image-17887-copy {
    height: 280px;
  }

  .div-block-icon-transport {
    top: -16%;
    left: 42%;
  }

  .div-block-icon-transport.size {
    top: -28%;
  }

  .logo-banner {
    width: 80px;
  }

  .dropdown-6 {
    margin-right: 0;
  }

  .icon-11 {
    margin-right: 3px;
  }

  .list-item-4:where(.w-variant-9a1a2bae-2d5b-f1e6-4033-f2b5cd64ee33) {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .nav-menu {
    flex-direction: column;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide.w--open {
    width: 100%;
    height: 370px;
  }

  .nav-dropdown-link {
    text-align: left;
    font-size: 14px;
    line-height: 20px;
  }

  .heading-banner-home {
    text-align: center;
    font-size: 7vw;
    line-height: 8vw;
  }

  .paragraph-pg-banner-home {
    text-align: center;
    margin-bottom: 10px;
    font-size: 10vw;
    line-height: 11vw;
  }

  .paragraph-banner-home {
    text-align: center;
    margin-bottom: 15px;
    font-size: 4vw;
    line-height: 5.2vw;
  }

  .about-us-home {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .paragraph-buttton {
    font-size: 4vw;
    line-height: 5vw;
  }

  .image-about-us-home {
    width: 60%;
  }

  .group-bg-image-about-us-home {
    margin-left: -45px;
    padding: 5px;
  }

  .group-number-count-projects {
    border-radius: 20px;
    padding: 15px 10px;
  }

  .number-content {
    justify-content: center;
    align-items: center;
    width: auto;
  }

  .image-icon-number {
    width: 30px;
  }

  .green-number {
    font-size: 26px;
    line-height: 32px;
  }

  .green-number.ep {
    font-size: 42px;
    line-height: 48px;
  }

  .large-numbers {
    font-size: 26px;
    line-height: 32px;
  }

  .large-numbers.green {
    font-size: 32px;
    line-height: 38px;
  }

  .text-2 {
    font-size: 3vw;
    line-height: 4vw;
  }

  .text-2.green {
    font-size: 14px;
    line-height: 20px;
  }

  .heading-contant-about-us-home {
    font-size: 8vw;
    line-height: 9vw;
  }

  .grid-3 {
    grid-template-columns: 1fr;
  }

  .group-correct-about-us-home {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .icon-correct {
    width: 20px;
  }

  .our-product {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .sub-head-product {
    font-size: 14px;
    line-height: 20px;
  }

  .heading-product {
    font-size: 6.6vw;
    line-height: 8.6vw;
  }

  .green-number-2 {
    font-size: 26px;
    line-height: 32px;
  }

  .grid-4 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
  }

  .heading-name-th {
    font-size: 16px;
    line-height: 22px;
  }

  .group-cover-icon-product {
    width: 50px;
    height: 50px;
  }

  .icon-cover-product {
    width: 30px;
  }

  .image-17804 {
    width: 20px;
    height: 20px;
  }

  .heading-cta {
    font-size: 4.9vw;
    font-weight: 400;
    line-height: 8vw;
  }

  .heading-cta.size {
    padding-left: 0;
    padding-right: 0;
  }

  .group-contact-us {
    justify-content: space-between;
    align-items: stretch;
  }

  .container-ex-color {
    padding-left: 20px;
    padding-right: 20px;
  }

  .group-ex-color-metal-sheet {
    margin-top: 0;
  }

  .image-logo-color {
    width: 45px;
  }

  .tab-link-tab-1 {
    width: 100%;
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .tab-link-tab-1.w--current {
    flex: 0 auto;
    justify-content: flex-start;
    width: 100%;
    display: flex;
  }

  .grid-27 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr;
  }

  .text-name-color {
    font-size: 3vw;
    line-height: 4vw;
  }

  .tabs-menu {
    flex-flow: row;
    align-items: stretch;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .ex-color-metal-sheet {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .heading-name-color-en {
    font-size: 14px;
  }

  .grid-28 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr;
  }

  .our-service {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .grid-29 {
    grid-template-columns: 1fr;
  }

  .group-button-contact {
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
  }

  .our-project {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .grid-30 {
    grid-template-columns: 1fr;
  }

  .card-heading {
    margin-bottom: 20px;
  }

  .client-logo {
    object-position: 0% 50%;
    min-height: 5rem;
    max-height: 5rem;
  }

  .clients-grid, .clients-grid.logo-animate {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .heading-name-footer {
    font-size: 16px;
    line-height: 22px;
  }

  .paragraph-footer {
    font-size: 14px;
    line-height: 20px;
  }

  .heading-footer {
    font-size: 16px;
    line-height: 22px;
  }

  .paragraph-link-footer {
    font-size: 14px;
    line-height: 20px;
  }

  .heading-9259 {
    font-size: 7.4vw;
    line-height: 8.4vw;
  }

  .dropdown-list-2 {
    justify-content: flex-end;
    align-items: flex-start;
  }

  .dropdown-list-2.w--open {
    top: -465%;
  }

  .dropdown-toggle-2 {
    border-width: 5px;
  }

  .card-icon-contact {
    width: 60px;
    height: 60px;
    padding-left: 0;
    padding-right: 0;
  }

  .image-logo-wedgets {
    width: 70px;
    height: 70px;
  }

  .image-icon-widgets {
    width: 50px;
  }

  .paragraph-widgets {
    font-size: 12px;
    line-height: 18px;
    display: none;
  }

  .widgets {
    margin-bottom: 5px;
    margin-right: 5px;
  }

  .paragraph-170 {
    font-size: 6.5vw;
    line-height: 7.5vw;
  }

  .group-contant-banner-home {
    justify-content: center;
    align-items: center;
  }

  .grid-33 {
    grid-template-columns: 1fr 1fr;
  }

  .dropdown-toggle-6 {
    font-size: 14px;
    line-height: 20px;
  }

  .heading-9262.white, .heading-9263.white {
    text-align: center;
  }

  .image-banner {
    height: 500px;
  }

  .container-content-banner {
    justify-content: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
  }

  .head-about-page {
    margin-top: 77px;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .sub-heading-head-about {
    font-size: 4.5vw;
    line-height: 5.5vw;
  }

  .about-pg {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .div-block-image-about-pg {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .image-about-pg {
    width: 50%;
  }

  .heading-about-pg {
    font-size: 7vw;
    line-height: 8vw;
  }

  .paragraph-head-about-pg {
    font-size: 4.2vw;
    line-height: 5.2vw;
  }

  .our-customer-about {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .heading-customer {
    align-self: flex-end;
    font-size: 22px;
    line-height: 28px;
  }

  .div-block-group-head-customer {
    margin-bottom: 20px;
  }

  .grid-3-copy {
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
  }

  .div-block-group-image-pg {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .heading-contant-about-us-home-copy {
    font-size: 6.5vw;
    line-height: 7.5vw;
  }

  .heading-head-vision-misson.en {
    font-size: 28px;
    line-height: 34px;
  }

  .vision-misson {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .icon-vision-misson {
    width: 50px;
  }

  .section-head-page {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .heading-head-product {
    font-size: 6.5vw;
    line-height: 8.5vw;
  }

  .paragraph-head-product {
    padding-left: 0;
    padding-right: 0;
  }

  .group-product {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .heading-head-product-pg {
    text-align: center;
    margin-top: 5px;
    font-size: 24px;
    line-height: 34px;
  }

  .paragraph-sub-product {
    font-size: 16px;
    line-height: 22px;
  }

  .group-product-bg-blue {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .heading-head-about {
    font-size: 10vw;
    line-height: 11vw;
  }

  .heading-head-about-th {
    margin-top: -15px;
    font-size: 6vw;
    line-height: 7vw;
  }

  .mask-6 {
    width: 100%;
  }

  .grid-39, .grid-39._3, .grid-39._2 {
    grid-template-columns: 1fr;
  }

  .div-block-sub-head-product {
    justify-content: center;
    align-items: center;
  }

  .div-block-group-button {
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: 10px;
  }

  .tabs-menu-3 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .product-skylight {
    padding-top: 40px;
  }

  .heading-skylight {
    font-size: 26px;
    line-height: 32px;
  }

  .grid-43 {
    grid-template-columns: 1fr;
  }

  .div-block-skylight-roof {
    justify-content: center;
    align-items: stretch;
  }

  .heading-skylight-roof {
    font-size: 6.9vw;
    line-height: 7.9vw;
  }

  .paragraph-head-skylight-roof {
    font-size: 4.8vw;
    line-height: 5.8vw;
  }

  .skylight-roof {
    padding-top: 40px;
  }

  .grid-46 {
    grid-template-columns: 1fr;
  }

  .screw {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .heading-head-lover {
    font-size: 20px;
    line-height: 30px;
  }

  .grid-47 {
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .grid-47._3, .grid-47._10 {
    grid-template-columns: 1fr;
  }

  .div-block-lover {
    width: 100%;
  }

  .grid-48 {
    grid-template-columns: 1fr;
  }

  .louver-strap, .good-insulation {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .grid-49 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .div-block-good-insulation {
    width: 100%;
  }

  .imageproduct {
    padding-top: 40px;
  }

  .product-project {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .div-block-info-color {
    justify-content: center;
    align-items: stretch;
  }

  .heading-color {
    font-size: 26px;
    line-height: 36px;
  }

  .div-block-18390 {
    font-size: 16px;
    line-height: 22px;
  }

  .grid-19 {
    grid-template-columns: 1fr;
  }

  .link-block-catalog {
    width: 100%;
  }

  .service-process {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .paragraph-206 {
    font-size: 18px;
    line-height: 24px;
  }

  .paragraph-207 {
    font-size: 16px;
    line-height: 22px;
  }

  .card-our-services {
    width: 100%;
  }

  .service, .why-choose-us {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .div-block-why-choose-us {
    width: 100%;
  }

  .our-project-reroof {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .grid-56 {
    grid-template-columns: 1fr;
  }

  .grid-57 {
    margin-top: 60px;
  }

  .div-block-project-info {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .our-project-image {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .grid-18, .grid-20 {
    grid-template-columns: 1fr;
  }

  .contact-us {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .div-block-contact-us {
    padding-top: 0;
  }

  .c-faq-a-text {
    padding-left: 10px;
    padding-right: 10px;
  }

  .paragraph-faqs {
    font-size: 24px;
    line-height: 30px;
  }

  .faq-q-text-3 {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
  }

  .card-condition-services.faq-container {
    padding-top: 0;
    padding-bottom: 0;
  }

  .c-faq-icon, .c-faq-q-text {
    padding-left: 10px;
    padding-right: 10px;
  }

  .head-work {
    font-size: 16px;
    line-height: 22px;
  }

  .section-37-copy {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .div-block-icon-transport {
    top: -12%;
    left: 37%;
  }

  .div-block-icon-transport.size {
    top: -22%;
  }

  .div-block-head-example-color {
    margin-bottom: 10px;
  }

  .lover {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .logo-banner {
    width: 70px;
  }
}

#w-node-_74cfcb4b-5807-c8de-ceae-ef437eb0a54f-ecfed738, #w-node-_74cfcb4b-5807-c8de-ceae-ef437eb0a55c-ecfed738, #w-node-_74cfcb4b-5807-c8de-ceae-ef437eb0a569-ecfed738, #w-node-_74cfcb4b-5807-c8de-ceae-ef437eb0a576-ecfed738, #w-node-fee2a820-2aa6-ceca-2e72-99612ddfd3b3-ecfed738, #w-node-fee2a820-2aa6-ceca-2e72-99612ddfd3b9-ecfed738, #w-node-fee2a820-2aa6-ceca-2e72-99612ddfd3bf-ecfed738, #w-node-fee2a820-2aa6-ceca-2e72-99612ddfd3c5-ecfed738, #w-node-fee2a820-2aa6-ceca-2e72-99612ddfd3cb-ecfed738, #w-node-fee2a820-2aa6-ceca-2e72-99612ddfd3d1-ecfed738, #w-node-fee2a820-2aa6-ceca-2e72-99612ddfd3d7-ecfed738, #w-node-fee2a820-2aa6-ceca-2e72-99612ddfd3dd-ecfed738, #w-node-fee2a820-2aa6-ceca-2e72-99612ddfd3e3-ecfed738, #w-node-fee2a820-2aa6-ceca-2e72-99612ddfd3e9-ecfed738, #w-node-fee2a820-2aa6-ceca-2e72-99612ddfd3ef-ecfed738, #w-node-fee2a820-2aa6-ceca-2e72-99612ddfd3f5-ecfed738, #w-node-fee2a820-2aa6-ceca-2e72-99612ddfd3fb-ecfed738, #w-node-fee2a820-2aa6-ceca-2e72-99612ddfd401-ecfed738, #w-node-fee2a820-2aa6-ceca-2e72-99612ddfd407-ecfed738, #w-node-fee2a820-2aa6-ceca-2e72-99612ddfd40d-ecfed738, #w-node-fee2a820-2aa6-ceca-2e72-99612ddfd413-ecfed738, #w-node-_3d65ec23-92b2-2541-75e1-c29aa3235201-ecfed738, #w-node-a1bacf63-5a75-6796-7885-9ba2288958ec-ecfed738, #w-node-_99d1cec0-b4ba-8208-b0b8-4e58e703cf2a-ecfed738, #w-node-_46a45b43-e090-ba15-55b7-cd2bda533c82-ecfed738, #w-node-_46a45b43-e090-ba15-55b7-cd2bda533c83-ecfed738, #w-node-_46a45b43-e090-ba15-55b7-cd2bda533c85-ecfed738, #w-node-_46a45b43-e090-ba15-55b7-cd2bda533c86-ecfed738, #w-node-_46a45b43-e090-ba15-55b7-cd2bda533c87-ecfed738, #w-node-_46a45b43-e090-ba15-55b7-cd2bda533c88-ecfed738, #w-node-_46a45b43-e090-ba15-55b7-cd2bda533c89-ecfed738, #w-node-_2d82d9a3-325f-c851-5465-a4b5de296812-ecfed738, #w-node-_2d82d9a3-325f-c851-5465-a4b5de296813-ecfed738, #w-node-_2d82d9a3-325f-c851-5465-a4b5de296815-ecfed738, #w-node-_2d82d9a3-325f-c851-5465-a4b5de296816-ecfed738, #w-node-_2d82d9a3-325f-c851-5465-a4b5de296817-ecfed738, #w-node-_2d82d9a3-325f-c851-5465-a4b5de296818-ecfed738, #w-node-_2d82d9a3-325f-c851-5465-a4b5de29681b-ecfed738, #w-node-a61f2d33-46ed-e93c-f37f-7c3c5e0f5e60-ecfed738, #w-node-a61f2d33-46ed-e93c-f37f-7c3c5e0f5e61-ecfed738, #w-node-a61f2d33-46ed-e93c-f37f-7c3c5e0f5e63-ecfed738, #w-node-a61f2d33-46ed-e93c-f37f-7c3c5e0f5e64-ecfed738, #w-node-a61f2d33-46ed-e93c-f37f-7c3c5e0f5e65-ecfed738, #w-node-a61f2d33-46ed-e93c-f37f-7c3c5e0f5e66-ecfed738, #w-node-a61f2d33-46ed-e93c-f37f-7c3c5e0f5e69-ecfed738, #w-node-_836b39fd-3b43-41e0-71f7-9ffb2558c56e-ecfed738, #w-node-_0ef664ad-564a-1225-0755-015ead47ecc0-ecfed738, #w-node-_9bfb2bc5-4bfb-137f-762c-67b10001b5f3-ecfed738 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_74ae8fde-d59f-41af-9d31-2b723f673c8f-3f673c82 {
  justify-self: center;
}

#w-node-_74ae8fde-d59f-41af-9d31-2b723f673cb9-3f673c82 {
  justify-self: end;
}

#w-node-_7bd0ccd5-cfe3-f18e-06fd-ce9c34435d60-34435d5d {
  align-self: end;
}

#w-node-b972a0de-5c58-b9b4-712b-f1fff1283ec2-53d21d71, #w-node-da743d58-e57a-2549-175c-462314b7da46-53d21d71, #w-node-ef40b915-1480-0a1b-2e00-24ec0748426b-53d21d71, #w-node-e9bbc9f2-d79e-718e-d002-211b387aad32-53d21d71, #w-node-e9bbc9f2-d79e-718e-d002-211b387aad35-53d21d71, #w-node-e9bbc9f2-d79e-718e-d002-211b387aad36-53d21d71, #w-node-e9bbc9f2-d79e-718e-d002-211b387aad37-53d21d71, #w-node-e9bbc9f2-d79e-718e-d002-211b387aad38-53d21d71, #w-node-c4957090-0861-5547-27e8-a1b47dd637e4-53d21d71, #w-node-c4957090-0861-5547-27e8-a1b47dd637e7-53d21d71, #w-node-c4957090-0861-5547-27e8-a1b47dd637e8-53d21d71, #w-node-c4957090-0861-5547-27e8-a1b47dd637e9-53d21d71, #w-node-c4957090-0861-5547-27e8-a1b47dd637ea-53d21d71, #w-node-_25eb1b48-8a8c-f475-0661-5263d4969f79-53d21d71, #w-node-be6fe5bf-a34d-d45d-36a5-bba51c650abd-53d21d71, #w-node-c8e8781b-dff0-45dd-cf8b-8bcd7fd6e53f-bb050042 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b9178e08-0ec7-fb02-53d2-6c20593d3796-bb050042, #w-node-_87775bf8-3e9a-f907-561b-18ee276c8782-bb050042, #w-node-e4441f80-060b-174f-7196-bc5c857b5c96-bb050042, #w-node-_4768a723-84cc-ee49-4dac-55e61cb5d683-bb050042, #w-node-eee04007-a1c2-845f-763f-cc52ac4cfa2f-bb050042, #w-node-fdf1e275-d503-dc6b-194e-9bdec6d50cff-bb050042, #w-node-f89a7acb-c469-9b9b-501f-80d7cc2961c3-d03d8b02, #w-node-_7e2fa63c-daad-9a50-16aa-bb8d29955448-5c137f6a, #w-node-_50816349-9dae-f449-3f21-11dcbf32246b-5c137f6a, #w-node-ab7d21d6-1505-7d8b-259f-faa6da14bfc5-025835cd {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_0cf0f574-a74b-8bba-b990-afbd74aad283-025835cd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d3b29177-42d6-128d-6ee9-ae70133a3fda-025835cd {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_7bc79c0f-a973-ff0f-2a8e-03aa1d4ae232-36fb00e6, #w-node-_7bc79c0f-a973-ff0f-2a8e-03aa1d4ae211-36fb00e6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b229c3b4-82d2-5203-1adf-ed26b33e7cf5-36fb00e6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_1a6c176a-0c5a-28c0-6f79-cbb082189644-36fb00e6 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_9212b934-bedc-7b04-35d1-ebf7d246e72e-36fb00e6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b229c3b4-82d2-5203-1adf-ed26b33e7cf8-36fb00e6 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-b229c3b4-82d2-5203-1adf-ed26b33e7cfb-36fb00e6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-c3287a87-1826-4934-f1ce-45233f405857-36fb00e6 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_035dabeb-0a9e-3437-c100-dacb7c35515c-36fb00e6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_7f758b86-0f1d-827b-b71f-844f9f8f9c18-36fb00e6 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-eee7db5d-fafc-2996-dfde-f5398638effe-36fb00e6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-f06c4f08-ebc3-714c-1523-57b7caecb1a2-36fb00e6 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_2e7d8852-3723-62a1-a80a-226931432f85-36fb00e6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b5e3984d-1261-2f93-3370-bbcd1c769ba3-36fb00e6 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-b1e736a5-fa8a-7e5f-b0b1-e70d879f2583-36fb00e6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-c0c25df2-d112-5210-14fe-ce472a37c12c-36fb00e6 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_4723221e-77ba-a8b3-9c17-a5f82422a1f1-36fb00e6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ef52fb97-3240-a034-020f-8ac47ed00c3b-36fb00e6 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_4acb497b-3a97-7b96-7577-9cbcbd662e20-36fb00e6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_8b33e265-4564-dc84-8ccb-11a0e543a353-36fb00e6 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_7efb9cab-612e-185e-ba37-838cd86157e4-36fb00e6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-bd47a9fa-e040-b9db-76ba-4ec08357dccd-36fb00e6 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_06aa78a3-fc6b-6faf-46db-971507e46a8c-36fb00e6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b4b5c1aa-091e-223d-71ba-877b34e2999a-36fb00e6 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-c0cb2718-c2fc-c6d6-2311-1f0fbfe374a7-36fb00e6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_67efba16-359e-cb89-e8c8-ed32aa2d2542-36fb00e6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_67efba16-359e-cb89-e8c8-ed32aa2d254a-36fb00e6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a7ef7317-29b4-8e99-d53b-27d53b91e587-36fb00e6 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-cd18c0cb-8d57-88c3-79e5-222dd6718fc9-36fb00e6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_67efba16-359e-cb89-e8c8-ed32aa2d254f-36fb00e6 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_67efba16-359e-cb89-e8c8-ed32aa2d2552-36fb00e6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_67efba16-359e-cb89-e8c8-ed32aa2d2557-36fb00e6 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_67efba16-359e-cb89-e8c8-ed32aa2d255a-36fb00e6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_67efba16-359e-cb89-e8c8-ed32aa2d255f-36fb00e6 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_67efba16-359e-cb89-e8c8-ed32aa2d2567-36fb00e6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_67efba16-359e-cb89-e8c8-ed32aa2d256a-36fb00e6 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_67efba16-359e-cb89-e8c8-ed32aa2d256d-36fb00e6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_67efba16-359e-cb89-e8c8-ed32aa2d2572-36fb00e6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c547370-316f-3aa9-3e2a-86ec193e5255-36fb00e6 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_67efba16-359e-cb89-e8c8-ed32aa2d2575-36fb00e6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_67efba16-359e-cb89-e8c8-ed32aa2d2578-36fb00e6, #w-node-_67efba16-359e-cb89-e8c8-ed32aa2d257b-36fb00e6, #w-node-_67efba16-359e-cb89-e8c8-ed32aa2d257e-36fb00e6, #w-node-_3e39b284-8b75-24a2-4bf3-30848a30d492-36fb00e6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_67efba16-359e-cb89-e8c8-ed32aa2d2581-36fb00e6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_67efba16-359e-cb89-e8c8-ed32aa2d2586-36fb00e6, #w-node-_67efba16-359e-cb89-e8c8-ed32aa2d2589-36fb00e6, #w-node-_67efba16-359e-cb89-e8c8-ed32aa2d258c-36fb00e6, #w-node-_2a46e2e6-b7ff-e6b4-bc64-1fc21308a9b9-36fb00e6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_67efba16-359e-cb89-e8c8-ed32aa2d258f-36fb00e6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_67efba16-359e-cb89-e8c8-ed32aa2d2594-36fb00e6, #w-node-_67efba16-359e-cb89-e8c8-ed32aa2d2597-36fb00e6, #w-node-_67efba16-359e-cb89-e8c8-ed32aa2d259a-36fb00e6, #w-node-_5c9f3262-861d-0e52-54cf-8caad330cf31-36fb00e6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_67efba16-359e-cb89-e8c8-ed32aa2d259d-36fb00e6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_67efba16-359e-cb89-e8c8-ed32aa2d25a2-36fb00e6, #w-node-_67efba16-359e-cb89-e8c8-ed32aa2d25a5-36fb00e6, #w-node-_67efba16-359e-cb89-e8c8-ed32aa2d25a8-36fb00e6, #w-node-_091a1ed5-699d-c9a6-d852-0570bcb8c5e5-36fb00e6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_67efba16-359e-cb89-e8c8-ed32aa2d25ab-36fb00e6, #w-node-_67efba16-359e-cb89-e8c8-ed32aa2d25b0-36fb00e6 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_67efba16-359e-cb89-e8c8-ed32aa2d25b5-36fb00e6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_67efba16-359e-cb89-e8c8-ed32aa2d25b8-36fb00e6 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-f0e566e3-e704-47f3-d862-08a14cb906e4-36fb00e6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_965e830e-e7b1-a571-ac11-b08334c7bdda-36fb00e6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_66fad434-6b1b-b349-5e87-a9ac6278cf6a-36fb00e6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_66fad434-6b1b-b349-5e87-a9ac6278cf6f-36fb00e6 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_66fad434-6b1b-b349-5e87-a9ac6278cf72-36fb00e6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_66fad434-6b1b-b349-5e87-a9ac6278cf77-36fb00e6 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_66fad434-6b1b-b349-5e87-a9ac6278cf7a-36fb00e6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_66fad434-6b1b-b349-5e87-a9ac6278cf7f-36fb00e6 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_66fad434-6b1b-b349-5e87-a9ac6278cf82-36fb00e6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_66fad434-6b1b-b349-5e87-a9ac6278cf87-36fb00e6 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_66fad434-6b1b-b349-5e87-a9ac6278cf8f-36fb00e6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_66fad434-6b1b-b349-5e87-a9ac6278cf92-36fb00e6 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_66fad434-6b1b-b349-5e87-a9ac6278cf95-36fb00e6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_66fad434-6b1b-b349-5e87-a9ac6278cf9a-36fb00e6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_66fad434-6b1b-b349-5e87-a9ac6278cf9d-36fb00e6 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_66fad434-6b1b-b349-5e87-a9ac6278cfa0-36fb00e6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_66fad434-6b1b-b349-5e87-a9ac6278cfa3-36fb00e6, #w-node-_66fad434-6b1b-b349-5e87-a9ac6278cfa6-36fb00e6, #w-node-_66fad434-6b1b-b349-5e87-a9ac6278cfa9-36fb00e6, #w-node-_66fad434-6b1b-b349-5e87-a9ac6278cfac-36fb00e6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_66fad434-6b1b-b349-5e87-a9ac6278cfaf-36fb00e6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_66fad434-6b1b-b349-5e87-a9ac6278cfb4-36fb00e6, #w-node-_66fad434-6b1b-b349-5e87-a9ac6278cfb7-36fb00e6, #w-node-_66fad434-6b1b-b349-5e87-a9ac6278cfba-36fb00e6, #w-node-_66fad434-6b1b-b349-5e87-a9ac6278cfbd-36fb00e6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_66fad434-6b1b-b349-5e87-a9ac6278cfc0-36fb00e6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_66fad434-6b1b-b349-5e87-a9ac6278cfc5-36fb00e6, #w-node-_66fad434-6b1b-b349-5e87-a9ac6278cfc8-36fb00e6, #w-node-_66fad434-6b1b-b349-5e87-a9ac6278cfcb-36fb00e6, #w-node-_66fad434-6b1b-b349-5e87-a9ac6278cfce-36fb00e6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_66fad434-6b1b-b349-5e87-a9ac6278cfd1-36fb00e6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_66fad434-6b1b-b349-5e87-a9ac6278cfd6-36fb00e6, #w-node-_66fad434-6b1b-b349-5e87-a9ac6278cfd9-36fb00e6, #w-node-_66fad434-6b1b-b349-5e87-a9ac6278cfdc-36fb00e6, #w-node-_66fad434-6b1b-b349-5e87-a9ac6278cfdf-36fb00e6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_66fad434-6b1b-b349-5e87-a9ac6278cfe2-36fb00e6, #w-node-_66fad434-6b1b-b349-5e87-a9ac6278cfe7-36fb00e6 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_66fad434-6b1b-b349-5e87-a9ac6278cfec-36fb00e6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_66fad434-6b1b-b349-5e87-a9ac6278cfef-36fb00e6 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_42d4d1a4-f22b-a603-d6ac-245d71b748ad-36fb00e6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d3271113-5a08-f4b3-470e-114980365304-36fb00e6, #w-node-f7e6e731-5b87-88d0-db87-ea645702b14d-36fb00e6, #w-node-e1ebe12d-a40d-d31f-5b5f-3bad59407b0a-36fb00e6, #w-node-b54283a7-86ab-9bb5-ec74-feaf9960aa25-36fb00e6, #w-node-dd08020d-0c8a-e06a-6d17-9657afbe2234-e9b34422 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e10c0c47-f3a3-a24b-8cf5-fc934c35ff17-e9b34422 {
  align-self: center;
}

#w-node-_17f81ee7-2791-4c74-1e84-38c66fb0758d-e9b34422, #w-node-f96e068e-018c-f6df-34cf-f5b4ec75294e-e9b34422, #w-node-d12bc387-7f8f-234f-6091-ebe1ad2e23e8-e9b34422, #w-node-c218de72-d5c2-0af1-fed6-c3dd819c56a8-e9b34422, #w-node-_48e2b142-2030-3fab-710c-152627c93fb4-e9b34422, #w-node-_3867b1db-9b54-15fa-2ca3-d6602dcdc0d6-e9b34422, #w-node-_1fee8a1f-d615-a5ca-3c13-fc8f2619320a-e9b34422, #w-node-e9d26ffd-1427-7abd-5030-22977c6609e8-e9b34422, #w-node-ee634459-4452-2670-783e-f80bc41927e1-e9b34422, #w-node-e62c1422-19be-6e8b-30dc-8778f6a7fa0d-e9b34422, #w-node-_4f168b26-30a3-cc63-706b-097b2c896b1e-e9b34422, #w-node-_8d8d5ab3-8852-88c6-926f-47910adb4e36-e9b34422, #w-node-cf1e6984-c03d-298e-368d-7c6273956566-e9b34422, #w-node-_8fcaa21b-5ff0-8aaf-86ab-36d74793520c-e9b34422, #w-node-_8ea40bf1-d16c-101f-912f-0a528bb02c3e-0feffc56, #w-node-_7202ff20-8333-cc0c-bcdb-0ae58b57f918-d86a92c6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cdebb6a8-1b40-65bf-ca3d-473994735757-d86a92c6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_1fe6eeeb-6f78-29c9-a37a-960db8264c5e-d86a92c6 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-f5da14fe-a590-2133-d246-65df298c82d6-d86a92c6, #w-node-_191166c0-1657-a2f6-3d84-8f554783d6f4-d86a92c6 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_3bbdac63-820c-6ae1-b8d5-e017211737ac-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211737af-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211737b2-d86a92c6 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_3bbdac63-820c-6ae1-b8d5-e017211737b5-d86a92c6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3bbdac63-820c-6ae1-b8d5-e017211737b8-d86a92c6 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_3bbdac63-820c-6ae1-b8d5-e017211737bb-d86a92c6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_3bbdac63-820c-6ae1-b8d5-e017211737be-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211737c1-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211737c4-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211737c7-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211737ca-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211737cd-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211737d0-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211737d3-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211737d6-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211737d9-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211737dc-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211737df-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211737e2-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211737e5-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211737e8-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211737eb-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211737ee-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211737f1-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211737f4-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211737f7-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211737fa-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211737fd-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173800-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173803-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173806-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173809-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e0172117380c-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e0172117380f-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173812-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173815-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173818-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e0172117381b-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e0172117381e-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173821-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173824-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173827-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e0172117382a-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e0172117382d-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173830-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173833-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173836-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173839-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e0172117383c-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e0172117383f-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173842-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173845-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173848-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e0172117384b-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e0172117384e-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173851-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173854-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173857-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e0172117385a-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e0172117385d-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173860-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173863-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173866-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173869-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e0172117386c-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e0172117386f-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173872-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173875-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173878-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e0172117387b-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e0172117387e-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173881-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173884-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173887-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e0172117388a-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e0172117388d-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173890-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173893-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173896-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173899-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e0172117389c-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e0172117389f-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211738a2-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211738a5-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211738a8-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211738ab-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211738ae-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211738b1-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211738b4-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211738b7-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211738ba-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211738bd-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211738c0-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211738c3-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211738c6-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211738c9-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211738cc-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211738cf-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211738d2-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211738d5-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211738d8-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211738db-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211738de-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211738e1-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211738e4-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211738e7-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211738ea-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211738ed-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211738f0-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211738f3-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211738f6-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211738f9-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211738fc-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211738ff-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173902-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173905-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173908-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e0172117390b-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e0172117390e-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173911-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173914-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173917-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e0172117391a-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e0172117391d-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173920-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173923-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173926-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173929-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e0172117392c-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e0172117392f-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173932-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173935-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173938-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e0172117393b-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e0172117393e-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173941-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173944-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173947-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e0172117394a-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e0172117394d-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173950-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173953-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173956-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173959-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e0172117395c-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e0172117395f-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173962-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173965-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173968-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e0172117396b-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e0172117396e-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173971-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173974-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173977-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e0172117397a-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e0172117397d-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173980-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173983-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173986-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173989-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e0172117398c-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e0172117398f-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173992-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173995-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e01721173998-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e0172117399b-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e0172117399e-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211739a1-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211739a4-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211739a7-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211739aa-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211739ad-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211739b0-d86a92c6, #w-node-_3bbdac63-820c-6ae1-b8d5-e017211739b3-d86a92c6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c09899bf-f6bf-53ed-2837-209329fe9e6c-d86a92c6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-dbb8ef74-661c-e9f5-41e0-47fca3be91d7-0262726e, #w-node-_55fc9a42-0ce0-44ed-cf47-0ebf47a5f61f-dfe98722, #w-node-_5124c5fc-48d1-6eea-de4e-fb3ac4606f7d-dfe98722 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d5147914-9474-6eca-9714-1663363c176b-dfe98722 {
  align-self: end;
}

#w-node-_5f42bac8-2331-ce0d-bb22-9252c3879443-9598c8b0, #w-node-_5f42bac8-2331-ce0d-bb22-9252c3879449-9598c8b0, #w-node-_5f42bac8-2331-ce0d-bb22-9252c387944f-9598c8b0, #w-node-_5f42bac8-2331-ce0d-bb22-9252c3879455-9598c8b0, #w-node-_5f42bac8-2331-ce0d-bb22-9252c387945b-9598c8b0, #w-node-_5f42bac8-2331-ce0d-bb22-9252c3879461-9598c8b0, #w-node-_5f42bac8-2331-ce0d-bb22-9252c3879467-9598c8b0, #w-node-_5f42bac8-2331-ce0d-bb22-9252c387946d-9598c8b0, #w-node-_5f42bac8-2331-ce0d-bb22-9252c3879473-9598c8b0, #w-node-_5f42bac8-2331-ce0d-bb22-9252c3879479-9598c8b0, #w-node-_5f42bac8-2331-ce0d-bb22-9252c387947f-9598c8b0, #w-node-_5f42bac8-2331-ce0d-bb22-9252c3879485-9598c8b0, #w-node-_5f42bac8-2331-ce0d-bb22-9252c387948b-9598c8b0, #w-node-_5f42bac8-2331-ce0d-bb22-9252c3879491-9598c8b0, #w-node-_5f42bac8-2331-ce0d-bb22-9252c3879497-9598c8b0, #w-node-_5f42bac8-2331-ce0d-bb22-9252c387949d-9598c8b0, #w-node-_5f42bac8-2331-ce0d-bb22-9252c38794a3-9598c8b0, #w-node-_5f42bac8-2331-ce0d-bb22-9252c38794a9-9598c8b0, #w-node-_416b1b96-ce96-c1ef-6aad-7599f3caed84-9598c8b0, #w-node-_416b1b96-ce96-c1ef-6aad-7599f3caed9a-9598c8b0, #w-node-e451d1f7-5c6b-01ae-dc9d-210bd768169d-5d2530cb, #w-node-_4e134a3e-59c1-7951-e6f8-a419218747a6-c8ea1793, #w-node-_523baedf-186e-21a4-6ae4-44640e5a413c-c8ea1793, #w-node-_523baedf-186e-21a4-6ae4-44640e5a413c-4e7369ae {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_351ff34f-ff81-8f18-997a-7f2bf77e66c0-4e7369ae {
  align-self: end;
}

#w-node-_523baedf-186e-21a4-6ae4-44640e5a413c-ed9a5bac {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2fb7bbf4-a570-6c04-15f8-924d7ec1db2f-c4e58020 {
  align-self: end;
}

@media screen and (min-width: 1920px) {
  #w-node-e9d26ffd-1427-7abd-5030-22977c6609e8-e9b34422, #w-node-ee634459-4452-2670-783e-f80bc41927e1-e9b34422 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 991px) {
  #w-node-e227dff4-c646-219b-ca19-7574beed2818-ecfed738, #w-node-_4277fcf4-d6dc-3bd2-e742-05819c6c5429-ecfed738 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_74ae8fde-d59f-41af-9d31-2b723f673c8f-3f673c82 {
    justify-self: center;
  }

  #w-node-_74ae8fde-d59f-41af-9d31-2b723f673ca9-3f673c82 {
    justify-self: auto;
  }

  #w-node-_74ae8fde-d59f-41af-9d31-2b723f673cb9-3f673c82 {
    justify-self: center;
  }

  #w-node-_25eb1b48-8a8c-f475-0661-5263d4969f79-53d21d71, #w-node-b9178e08-0ec7-fb02-53d2-6c20593d3796-bb050042 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_852a87b8-412e-7639-d4b9-a6ff1968889b-bb050042 {
    order: -9999;
  }

  #w-node-_87775bf8-3e9a-f907-561b-18ee276c8782-bb050042, #w-node-e4441f80-060b-174f-7196-bc5c857b5c96-bb050042 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_405af75f-fef7-0c04-85f2-0f9f97c968fe-bb050042 {
    order: -9999;
  }

  #w-node-_4768a723-84cc-ee49-4dac-55e61cb5d683-bb050042 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_380e661e-eacc-6d91-a734-c87297e8428b-bb050042, #w-node-fdf1e275-d503-dc6b-194e-9bdec6d50ce0-bb050042 {
    order: -9999;
  }

  #w-node-eee04007-a1c2-845f-763f-cc52ac4cfa2f-bb050042, #w-node-fdf1e275-d503-dc6b-194e-9bdec6d50cff-bb050042, #w-node-f89a7acb-c469-9b9b-501f-80d7cc2961c3-d03d8b02 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_6a32f91b-afb7-2080-58b8-d496109b4496-d03d8b02 {
    order: -9999;
  }

  #w-node-_7e2fa63c-daad-9a50-16aa-bb8d29955448-5c137f6a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-fe95de3c-140e-41c8-d347-a38cfd1ede1f-5c137f6a {
    order: -9999;
  }

  #w-node-_50816349-9dae-f449-3f21-11dcbf322456-5c137f6a, #w-node-_50816349-9dae-f449-3f21-11dcbf32246b-5c137f6a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8187465b-9831-cb74-d808-0d3231f5cf52-5c137f6a {
    order: -9999;
  }

  #w-node-ab7d21d6-1505-7d8b-259f-faa6da14bfc5-025835cd {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_0cf0f574-a74b-8bba-b990-afbd74aad29d-025835cd {
    order: -9999;
  }

  #w-node-d3b29177-42d6-128d-6ee9-ae70133a3fda-025835cd, #w-node-c0cb2718-c2fc-c6d6-2311-1f0fbfe374a7-36fb00e6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_67efba16-359e-cb89-e8c8-ed32aa2d25c2-36fb00e6 {
    order: -9999;
  }

  #w-node-f0e566e3-e704-47f3-d862-08a14cb906e4-36fb00e6, #w-node-_42d4d1a4-f22b-a603-d6ac-245d71b748ad-36fb00e6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_21074e5e-3d1d-64bb-d9fb-a4850e83e7de-36fb00e6, #w-node-_0017bdc7-ab61-588e-cb92-b69465b82421-36fb00e6, #w-node-de085ba8-093f-93dd-b071-c5431011e9c9-36fb00e6, #w-node-f7e6e731-5b87-88d0-db87-ea645702b170-36fb00e6, #w-node-b54283a7-86ab-9bb5-ec74-feaf9960aa3e-36fb00e6, #w-node-_18cf990e-a98e-d343-1821-de37a1306b49-0feffc56, #w-node-af3984f7-0d82-7a4b-a7b2-bf0c3ef01b0b-0feffc56, #w-node-e0374d17-f009-2676-240f-d9502afc0127-0feffc56 {
    order: -9999;
  }

  #w-node-cdebb6a8-1b40-65bf-ca3d-473994735757-d86a92c6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c09899bf-f6bf-53ed-2837-209329fe9e69-d86a92c6 {
    order: -9999;
  }

  #w-node-c09899bf-f6bf-53ed-2837-209329fe9e6c-d86a92c6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-e93bd6eb-1cf2-aa6e-6e92-771fb07b692c-0262726e, #w-node-_603ff6af-6ecf-14f2-807b-9cc427ddc403-9598c8b0, #w-node-eb175238-99d2-ca01-ebdc-0a14f22eba29-c4e58020 {
    order: -9999;
  }
}

@media screen and (max-width: 767px) {
  #w-node-f5b542f7-8390-1393-8315-fbc77aec5d78-ecfed738 {
    order: -9999;
  }

  #w-node-_46a45b43-e090-ba15-55b7-cd2bda533c86-ecfed738, #w-node-_2d82d9a3-325f-c851-5465-a4b5de296816-ecfed738, #w-node-a61f2d33-46ed-e93c-f37f-7c3c5e0f5e64-ecfed738 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_74ae8fde-d59f-41af-9d31-2b723f673c8f-3f673c82 {
    justify-self: auto;
  }

  #w-node-_74ae8fde-d59f-41af-9d31-2b723f673cb9-3f673c82 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: auto;
  }

  #w-node-_7bd0ccd5-cfe3-f18e-06fd-ce9c34435d62-34435d5d {
    order: -9999;
  }

  #w-node-e9bbc9f2-d79e-718e-d002-211b387aad36-53d21d71, #w-node-c4957090-0861-5547-27e8-a1b47dd637e8-53d21d71, #w-node-ab7d21d6-1505-7d8b-259f-faa6da14bfc5-025835cd, #w-node-d3b29177-42d6-128d-6ee9-ae70133a3fda-025835cd {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-d5147914-9474-6eca-9714-1663363c176d-dfe98722, #w-node-_351ff34f-ff81-8f18-997a-7f2bf77e66c2-4e7369ae, #w-node-_2fb7bbf4-a570-6c04-15f8-924d7ec1db31-c4e58020 {
    order: -9999;
  }
}

@media screen and (max-width: 479px) {
  #w-node-bdeaa28f-e2af-c6bc-70c6-e09e13cf3913-ecfed738, #w-node-ab7d21d6-1505-7d8b-259f-faa6da14bfc5-025835cd, #w-node-d3b29177-42d6-128d-6ee9-ae70133a3fda-025835cd, #w-node-_7bc79c0f-a973-ff0f-2a8e-03aa1d4ae211-36fb00e6, #w-node-_2d6ac15d-b68b-5898-b6f6-2b59da5c151c-e9b34422 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}