.elementor-kit-7{--e-global-color-primary:#07A8F240;--e-global-color-secondary:#034462;--e-global-color-text:#111111;--e-global-color-accent:#034462;--e-global-color-86b4fcd:#02010100;--e-global-color-5600670:#08A8F1;--e-global-color-1d70140:#E6CE98;--e-global-color-670a13e:#E7B749;--e-global-typography-primary-font-family:"Kanit";--e-global-typography-primary-font-size:90px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-line-height:1em;--e-global-typography-primary-letter-spacing:-0.02em;--e-global-typography-primary-word-spacing:0em;--e-global-typography-secondary-font-family:"Kanit";--e-global-typography-secondary-font-size:32px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-text-transform:none;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-text-decoration:none;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-secondary-word-spacing:0em;--e-global-typography-text-font-family:"Kanit";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:1.5em;--e-global-typography-text-letter-spacing:0px;--e-global-typography-text-word-spacing:0em;--e-global-typography-accent-font-family:"Kanit";--e-global-typography-accent-font-size:20px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-decoration:none;--e-global-typography-accent-line-height:1em;--e-global-typography-accent-letter-spacing:0em;--e-global-typography-accent-word-spacing:0em;background-color:var( --e-global-color-primary );color:var( --e-global-color-text );}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{color:var( --e-global-color-accent );}.elementor-kit-7 a:hover{color:var( --e-global-color-primary );}.elementor-kit-7 h1{color:var( --e-global-color-accent );}.elementor-kit-7 h2{color:var( --e-global-color-accent );}.elementor-kit-7 h3{color:var( --e-global-color-accent );}.elementor-kit-7 h4{color:var( --e-global-color-accent );}.elementor-kit-7 h5{color:var( --e-global-color-text );}.elementor-kit-7 h6{color:var( --e-global-color-text );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-7{--e-global-typography-primary-font-size:80px;--e-global-typography-secondary-font-size:32px;--e-global-typography-text-font-size:18px;--e-global-typography-accent-font-size:28px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-primary-font-size:40px;--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-size:28px;--e-global-typography-text-font-size:18px;--e-global-typography-accent-font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */header {
    background-color: transparent!important;
}

.css-art{
  /* Tune these */
  --tile: 2880px;   /* last stop value (6 × 160px) */
  --speed: 7s;    /* slower/faster */

  min-height: max(100vh, 100vw);
  min-width: max(100vh, 100vw);
  position: relative;
  isolation: isolate;  /* lets ::before sit behind content cleanly */
  overflow: hidden;
}

/* Rotated, seamless, single-axis scroll */
.css-art::before{
  content: "";
  position: absolute;
  inset: -50%;          /* oversize so corners stay covered when rotated */
  z-index: -1;
  transform: rotate(45deg);       /* yields 135°-oriented stripes in the viewport */
  transform-origin: 50% 50%;
  will-change: background-position, transform;

  /* Vertical stripes (90deg), repeated every 960px */
  background:
    repeating-linear-gradient(
      90deg,
		#4FBDD9 0px, #06C0DF 1200px,
		#06C0DF 1200px, #07AFD9 1920px,
		#07AFD9 1920px, #4FBDD9 var(--tile)
    );

  /* Repeat horizontally; we’ll scroll exactly one tile on X per cycle */
  background-size: var(--tile) 100%;
  animation: slide-x var(--speed) linear infinite;
}

/* Move the background to the RIGHT by exactly one tile per loop.
   Because backgrounds move opposite the perceived motion, this makes the
   colors appear to glide from bottom-right to upper-left. */
@keyframes slide-x {
  to { background-position: var(--tile) 0; }
}

@media (prefers-reduced-motion: reduce) {
  .grad-135::before { animation: none; }
}/* End custom CSS */