.elementor-kit-14{--e-global-color-primary:#4632DA;--e-global-color-secondary:#3D4459;--e-global-color-text:#353535;--e-global-color-accent:#06D9FA;--e-global-color-f898f31:#FFFEFE;--e-global-color-0d046a4:#E9E9E9;--e-global-color-c6c574f:#F9F9F9;--e-global-color-7ad78f4:#FFFFFFE6;--e-global-color-8630d9f:#7E222200;--e-global-color-b500f0a:#FFFFFF;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-size:45px;--e-global-typography-primary-font-weight:300;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-size:16px;--e-global-typography-secondary-font-weight:300;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:300;--e-global-typography-text-line-height:1.4em;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-line-height:1.2em;--e-global-typography-6ed476c-font-family:"Montserrat";--e-global-typography-6ed476c-font-size:20px;--e-global-typography-6ed476c-font-weight:400;--e-global-typography-9525bd0-font-family:"Montserrat";--e-global-typography-9525bd0-font-size:20px;--e-global-typography-9525bd0-font-weight:300;--e-global-typography-cdaaf6a-font-family:"Montserrat";--e-global-typography-cdaaf6a-font-size:16px;--e-global-typography-cdaaf6a-font-weight:300;--e-global-typography-cdaaf6a-font-style:normal;--e-global-typography-0009af8-font-family:"Montserrat";--e-global-typography-0009af8-font-size:14px;--e-global-typography-0009af8-font-weight:400;--e-global-typography-0009af8-font-style:normal;--e-global-typography-0009af8-letter-spacing:0px;--e-global-typography-ef2c50b-font-family:"Montserrat";--e-global-typography-ef2c50b-font-size:15px;--e-global-typography-ef2c50b-font-weight:300;--e-global-typography-f8a9e51-font-family:"Montserrat";--e-global-typography-f8a9e51-font-size:35px;--e-global-typography-f8a9e51-font-weight:300;--e-global-typography-f8a9e51-line-height:1.2em;--e-global-typography-ccc280a-font-family:"Montserrat";--e-global-typography-ccc280a-font-size:80px;--e-global-typography-ccc280a-font-weight:300;--e-global-typography-ccc280a-line-height:1.2em;--e-global-typography-2c11d45-font-family:"Montserrat";--e-global-typography-2c11d45-font-size:50px;--e-global-typography-2c11d45-font-weight:500;--e-global-typography-2c11d45-line-height:1.2em;background-color:var( --e-global-color-f898f31 );}.elementor-kit-14 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;--container-default-padding-top:0px;--container-default-padding-right:10px;--container-default-padding-bottom:0px;--container-default-padding-left:10px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-14{--e-global-typography-primary-font-size:32px;--e-global-typography-secondary-font-size:18px;--e-global-typography-text-font-size:15px;--e-global-typography-accent-font-size:15px;--e-global-typography-6ed476c-font-size:18px;--e-global-typography-9525bd0-font-size:18px;--e-global-typography-cdaaf6a-font-size:15px;--e-global-typography-0009af8-font-size:14px;--e-global-typography-ef2c50b-font-size:15px;--e-global-typography-f8a9e51-font-size:25px;--e-global-typography-ccc280a-font-size:70px;--e-global-typography-2c11d45-font-size:45px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-14{--e-global-typography-primary-font-size:30px;--e-global-typography-secondary-font-size:16px;--e-global-typography-text-font-size:15px;--e-global-typography-accent-font-size:15px;--e-global-typography-6ed476c-font-size:20px;--e-global-typography-9525bd0-font-size:18px;--e-global-typography-cdaaf6a-font-size:15px;--e-global-typography-0009af8-font-size:14px;--e-global-typography-ef2c50b-font-size:15px;--e-global-typography-f8a9e51-font-size:25px;--e-global-typography-ccc280a-font-size:50px;--e-global-typography-2c11d45-font-size:35px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */:root {
  --day-hue: 30deg; /* โทนสีส้มสำหรับตอนกลางวัน */
  --night-hue: 220deg; /* โทนสีน้ำเงินสำหรับตอนกลางคืน */
  --night-saturate: 70%;
  --night-brightness: 30%;
}
.background{
   
  animation: dayNightCycle  20s infinite linear alternate;
}

.text {
color: white;
 mix-blend-mode: difference!important;

}

@keyframes dayNightCycle  {
       0% {
    /* ตอนกลางวัน: สีส้มอ่อนสดใส */
    filter: hue-rotate(0deg) saturate(100%) brightness(100%) contrast(1.1);
  }
  50% {
    /* ช่วงหัวค่ำ: สีเริ่มเปลี่ยนเป็นน้ำเงินและมืดลง */
    filter: hue-rotate(calc(var(--night-hue) - var(--day-hue))) 
            saturate(var(--night-saturate)) 
            brightness(var(--night-brightness));
  }
  100% {
    /* ตอนกลางคืน: เป็นสีน้ำเงินเข้มและมืดที่สุด */
    filter: hue-rotate(calc(var(--night-hue) - var(--day-hue))) 
            saturate(var(--night-saturate)) 
            brightness(var(--night-brightness));
  }
    }

@keyframes textColor {
    0% {
    filter: hue-rotate(360deg);
  }
  100% {
    filter: hue-rotate(0deg);
  }
}/* End custom CSS */