.elementor-kit-8 {
  --e-global-color-primary: #FFAC2F;
  --e-global-color-secondary: #54595F;
  --e-global-color-text: #7A7A7A;
  --e-global-color-accent: #61CE70;
  --e-global-color-73ca4ec: #FFFFFF;
  --e-global-color-1d1553d: #000000;
  --e-global-color-a43d019: #359EFF;
  --e-global-color-d054ecd: #E41476;
  --e-global-color-022a67e: #7A87EA;
  --e-global-color-54a6529: #F8CF83;
  --e-global-typography-primary-font-family: "Kanit";
  --e-global-typography-primary-font-weight: 600;
  --e-global-typography-secondary-font-family: "Roboto";
  --e-global-typography-secondary-font-weight: 400;
  --e-global-typography-text-font-family: "Roboto";
  --e-global-typography-text-font-weight: 400;
  --e-global-typography-accent-font-family: "Roboto";
  --e-global-typography-accent-font-weight: 500;
  font-family: "Heebo", Sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.5em;
}

.elementor-kit-8 h1 {
  font-family: "Inter", Sans-serif;
  font-size: 72px;
  font-weight: 700;
  font-style: normal;
  line-height: 1em;
  letter-spacing: -2px;
}

.elementor-kit-8 h2 {
  font-family: "Inter", Sans-serif;
  font-size: 5vh;
  font-weight: 700;
  font-style: normal;
  line-height: 1.1em;
}

.elementor-kit-8 h3 {
  font-family: "Inter", Sans-serif;
  font-size: 36px;
  font-weight: 600;
  font-style: normal;
  line-height: 1.1em;
}

.elementor-kit-8 h6 {
  font-family: "Inter", Sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  font-style: normal;
  line-height: 1.6em;
  letter-spacing: 1px;
}

.elementor-section.elementor-section-boxed>.elementor-container {
  max-width: 1280px;
}

.e-con {
  --container-max-width: 1280px;
}

.elementor-widget:not(:last-child) {
  margin-block-end: 20px;
}

.elementor-element {
  --widgets-spacing: 20px 20px;
}

h1.entry-title {
  display: var(--page-title-display);
}

.elementor-kit-8 e-page-transition {
  background-color: #FFBC7D;
}

.site-header .site-branding {
  flex-direction: column;
  align-items: stretch;
}

.site-header {
  padding-inline-end: 0px;
  padding-inline-start: 0px;
}

.site-footer .site-branding {
  flex-direction: column;
  align-items: stretch;
}

@media(max-width:1024px) {
  .elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 1024px;
  }

  .e-con {
    --container-max-width: 1024px;
  }
}

@media(max-width:767px) {
  .elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 767px;
  }

  .e-con {
    --container-max-width: 767px;
  }
}
@media(max-width:475px) {
 .elementor-kit-8 {
  font-size: 12px !important;
 }
}