.elementor-kit-4684{--e-global-color-primary:#112244;--e-global-color-secondary:#1059A1;--e-global-color-text:#111111;--e-global-color-accent:#FFC000;--e-global-color-6198c8c:#FFFFFF;--e-global-color-45b3328:#112244;--e-global-color-7ba7702:#08306B;--e-global-color-8111f74:#101828;--e-global-color-447260b:#FDFEFE;--e-global-color-f1112c9:#F2F3F9;--e-global-color-b12517f:#254163;--e-global-color-bc1585c:#1059A1;--e-global-color-440d806:#FCD20A;--e-global-color-fbf6d2a:#666666;--e-global-color-561a089:#02010100;--e-global-color-9af32d1:#FFFFFF;--e-global-color-2ff2f37:#33CCFF;--e-global-color-2f31e56:#F7F7F7;--e-global-color-a516459:#E1F5FE;--e-global-color-4cca4b0:#FFBA00;--e-global-color-a79129a:#00295C;--e-global-color-861829a:#0288D1;--e-global-color-09dbe16:#0277BD;--e-global-color-43cd17d:#149B21;--e-global-color-fbb15ff:#19B828;--e-global-color-71586d4:#E5E7EB;--e-global-color-955afd2:#D2C1A3;--e-global-color-77ee735:#FBC02D;--e-global-color-7733db5:#0288D1;--e-global-color-042705c:#2563EB;--e-global-color-c2c47d9:#1C1C1C;--e-global-color-ee231af:#2A2927;--e-global-color-93fe504:#FBC02D;--e-global-color-21df1a0:#FFDF00;--e-global-color-c3f30d6:#111111;--e-global-color-c3970d0:#0288D163;--e-global-color-ea8c443:#6E6E6E;--e-global-typography-ede00c4-font-family:"Mitr";--e-global-typography-ede00c4-font-size:clamp(1rem, 0.9408rem + 0.2632vw, 1.125rem);--e-global-typography-ede00c4-font-weight:300;--e-global-typography-ede00c4-line-height:1.5em;--e-global-typography-931216d-font-family:"Mitr";--e-global-typography-931216d-font-size:clamp(0.875rem, 0.8158rem + 0.2632vw, 1rem);--e-global-typography-931216d-font-weight:300;--e-global-typography-931216d-line-height:1.5em;--e-global-typography-76ae6e1-font-family:"Mitr";--e-global-typography-76ae6e1-font-size:clamp(1rem, 1rem + 0vw, 1rem);--e-global-typography-76ae6e1-font-weight:400;--e-global-typography-76ae6e1-line-height:1.5em;--e-global-typography-5a38de6-font-family:"Mitr";--e-global-typography-5a38de6-font-size:clamp(0.875rem, 0.8158rem + 0.2632vw, 1rem);--e-global-typography-5a38de6-font-weight:300;--e-global-typography-5a38de6-line-height:1.6em;--e-global-typography-21c357d-font-family:"Mitr";--e-global-typography-21c357d-font-size:clamp(2.1875rem, 1.625rem + 2.5vw, 3.375rem);--e-global-typography-21c357d-font-weight:500;--e-global-typography-21c357d-line-height:1.2em;--e-global-typography-854ed0d-font-family:"Mitr";--e-global-typography-854ed0d-font-size:clamp(1.875rem, 1.6974rem + 0.7895vw, 2.25rem);--e-global-typography-854ed0d-font-weight:500;--e-global-typography-854ed0d-line-height:1.2em;--e-global-typography-668ae0f-font-family:"Mitr";--e-global-typography-668ae0f-font-size:clamp(1.5rem, 1.3224rem + 0.7895vw, 1.875rem);--e-global-typography-668ae0f-font-weight:500;--e-global-typography-668ae0f-line-height:1.3em;--e-global-typography-2cf96f1-font-family:"Mitr";--e-global-typography-2cf96f1-font-size:clamp(1.25rem, 1.1316rem + 0.5263vw, 1.5rem);--e-global-typography-2cf96f1-font-weight:500;--e-global-typography-2cf96f1-line-height:1.3em;--e-global-typography-e608b29-font-family:"Mitr";--e-global-typography-e608b29-font-size:clamp(1.125rem, 1.0658rem + 0.2632vw, 1.25rem);--e-global-typography-e608b29-font-weight:400;--e-global-typography-e608b29-line-height:1.3em;--e-global-typography-a655fed-font-family:"Mitr";--e-global-typography-a655fed-font-size:clamp(1rem, 0.9408rem + 0.2632vw, 1.125rem);--e-global-typography-a655fed-font-weight:400;--e-global-typography-a655fed-line-height:1.3em;--e-global-typography-a655fed-letter-spacing:0.05em;--e-global-typography-fda9610-font-family:"Mitr";--e-global-typography-fda9610-font-size:clamp(1rem, 1rem + 0vw, 1rem);--e-global-typography-fda9610-font-weight:400;--e-global-typography-fda9610-line-height:1.5em;background-color:var( --e-global-color-447260b );color:var( --e-global-color-text );font-family:var( --e-global-typography-ede00c4-font-family ), Sans-Serif;font-size:var( --e-global-typography-ede00c4-font-size );font-weight:var( --e-global-typography-ede00c4-font-weight );line-height:var( --e-global-typography-ede00c4-line-height );letter-spacing:var( --e-global-typography-ede00c4-letter-spacing );}.elementor-kit-4684 button,.elementor-kit-4684 input[type="button"],.elementor-kit-4684 input[type="submit"],.elementor-kit-4684 .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-76ae6e1-font-family ), Sans-Serif;font-size:var( --e-global-typography-76ae6e1-font-size );font-weight:var( --e-global-typography-76ae6e1-font-weight );line-height:var( --e-global-typography-76ae6e1-line-height );letter-spacing:var( --e-global-typography-76ae6e1-letter-spacing );color:var( --e-global-color-primary );box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.15);border-radius:30px 30px 30px 30px;}.elementor-kit-4684 button:hover,.elementor-kit-4684 button:focus,.elementor-kit-4684 input[type="button"]:hover,.elementor-kit-4684 input[type="button"]:focus,.elementor-kit-4684 input[type="submit"]:hover,.elementor-kit-4684 input[type="submit"]:focus,.elementor-kit-4684 .elementor-button:hover,.elementor-kit-4684 .elementor-button:focus{background-color:var( --e-global-color-21df1a0 );color:var( --e-global-color-primary );box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.15);}.elementor-kit-4684 e-page-transition{background-color:#FFBC7D;}.elementor-kit-4684 a{color:#1059A1;}.elementor-kit-4684 a:hover{color:var( --e-global-color-09dbe16 );}.elementor-kit-4684 h1{color:var( --e-global-color-6198c8c );font-family:var( --e-global-typography-21c357d-font-family ), Sans-Serif;font-size:var( --e-global-typography-21c357d-font-size );font-weight:var( --e-global-typography-21c357d-font-weight );line-height:var( --e-global-typography-21c357d-line-height );letter-spacing:var( --e-global-typography-21c357d-letter-spacing );}.elementor-kit-4684 h2{color:var( --e-global-color-45b3328 );font-family:var( --e-global-typography-854ed0d-font-family ), Sans-Serif;font-size:var( --e-global-typography-854ed0d-font-size );font-weight:var( --e-global-typography-854ed0d-font-weight );line-height:var( --e-global-typography-854ed0d-line-height );letter-spacing:var( --e-global-typography-854ed0d-letter-spacing );}.elementor-kit-4684 h3{color:var( --e-global-color-45b3328 );font-family:var( --e-global-typography-668ae0f-font-family ), Sans-Serif;font-size:var( --e-global-typography-668ae0f-font-size );font-weight:var( --e-global-typography-668ae0f-font-weight );line-height:var( --e-global-typography-668ae0f-line-height );letter-spacing:var( --e-global-typography-668ae0f-letter-spacing );}.elementor-kit-4684 h4{color:var( --e-global-color-45b3328 );font-family:var( --e-global-typography-2cf96f1-font-family ), Sans-Serif;font-size:var( --e-global-typography-2cf96f1-font-size );font-weight:var( --e-global-typography-2cf96f1-font-weight );line-height:var( --e-global-typography-2cf96f1-line-height );}.elementor-kit-4684 h5{color:var( --e-global-color-45b3328 );font-family:var( --e-global-typography-e608b29-font-family ), Sans-Serif;font-size:var( --e-global-typography-e608b29-font-size );font-weight:var( --e-global-typography-e608b29-font-weight );line-height:var( --e-global-typography-e608b29-line-height );}.elementor-kit-4684 h6{color:var( --e-global-color-45b3328 );font-family:var( --e-global-typography-a655fed-font-family ), Sans-Serif;font-size:var( --e-global-typography-a655fed-font-size );font-weight:var( --e-global-typography-a655fed-font-weight );line-height:var( --e-global-typography-a655fed-line-height );letter-spacing:var( --e-global-typography-a655fed-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1120px;}.e-con{--container-max-width:1120px;--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){--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);}.elementor-lightbox{--lightbox-header-icons-size:30px;}@media(max-width:1025px){.elementor-kit-4684{font-size:var( --e-global-typography-ede00c4-font-size );line-height:var( --e-global-typography-ede00c4-line-height );letter-spacing:var( --e-global-typography-ede00c4-letter-spacing );}.elementor-kit-4684 h1{font-size:var( --e-global-typography-21c357d-font-size );line-height:var( --e-global-typography-21c357d-line-height );letter-spacing:var( --e-global-typography-21c357d-letter-spacing );}.elementor-kit-4684 h2{font-size:var( --e-global-typography-854ed0d-font-size );line-height:var( --e-global-typography-854ed0d-line-height );letter-spacing:var( --e-global-typography-854ed0d-letter-spacing );}.elementor-kit-4684 h3{font-size:var( --e-global-typography-668ae0f-font-size );line-height:var( --e-global-typography-668ae0f-line-height );letter-spacing:var( --e-global-typography-668ae0f-letter-spacing );}.elementor-kit-4684 h4{font-size:var( --e-global-typography-2cf96f1-font-size );line-height:var( --e-global-typography-2cf96f1-line-height );}.elementor-kit-4684 h5{font-size:var( --e-global-typography-e608b29-font-size );line-height:var( --e-global-typography-e608b29-line-height );}.elementor-kit-4684 h6{font-size:var( --e-global-typography-a655fed-font-size );line-height:var( --e-global-typography-a655fed-line-height );letter-spacing:var( --e-global-typography-a655fed-letter-spacing );}.elementor-kit-4684 button,.elementor-kit-4684 input[type="button"],.elementor-kit-4684 input[type="submit"],.elementor-kit-4684 .elementor-button{font-size:var( --e-global-typography-76ae6e1-font-size );line-height:var( --e-global-typography-76ae6e1-line-height );letter-spacing:var( --e-global-typography-76ae6e1-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;}}@media(max-width:767px){.elementor-kit-4684{font-size:var( --e-global-typography-ede00c4-font-size );line-height:var( --e-global-typography-ede00c4-line-height );letter-spacing:var( --e-global-typography-ede00c4-letter-spacing );}.elementor-kit-4684 h1{font-size:var( --e-global-typography-21c357d-font-size );line-height:var( --e-global-typography-21c357d-line-height );letter-spacing:var( --e-global-typography-21c357d-letter-spacing );}.elementor-kit-4684 h2{font-size:var( --e-global-typography-854ed0d-font-size );line-height:var( --e-global-typography-854ed0d-line-height );letter-spacing:var( --e-global-typography-854ed0d-letter-spacing );}.elementor-kit-4684 h3{font-size:var( --e-global-typography-668ae0f-font-size );line-height:var( --e-global-typography-668ae0f-line-height );letter-spacing:var( --e-global-typography-668ae0f-letter-spacing );}.elementor-kit-4684 h4{font-size:var( --e-global-typography-2cf96f1-font-size );line-height:var( --e-global-typography-2cf96f1-line-height );}.elementor-kit-4684 h5{font-size:var( --e-global-typography-e608b29-font-size );line-height:var( --e-global-typography-e608b29-line-height );}.elementor-kit-4684 h6{font-size:var( --e-global-typography-a655fed-font-size );line-height:var( --e-global-typography-a655fed-line-height );letter-spacing:var( --e-global-typography-a655fed-letter-spacing );}.elementor-kit-4684 button,.elementor-kit-4684 input[type="button"],.elementor-kit-4684 input[type="submit"],.elementor-kit-4684 .elementor-button{font-size:var( --e-global-typography-76ae6e1-font-size );line-height:var( --e-global-typography-76ae6e1-line-height );letter-spacing:var( --e-global-typography-76ae6e1-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;}}/* Start custom CSS *//*=== ANIMATIONS EFFECTS ===*/

@keyframes fadeInUpCustom {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInRightCustom {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeInLeftCustom {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/*
สำหรับ Hero เลื่อนทันที
วิธีใช้:ใส่คลาส hero-ef และตั้ง animation elementor เป็น none
*/

.hero-ef { 
    animation-name: fadeInUpCustom;
    animation-duration: 0.8s; 
    animation-fill-mode: both;
}

.hero-ef-right { 
    animation-name: fadeInRightCustom;
    animation-duration: 0.8s; 
    animation-fill-mode: both;
}

.hero-ef-left { 
    animation-name: fadeInLeftCustom;
    animation-duration: 0.8s; 
    animation-fill-mode: both;
}

/*
สำหรับทั่วไป
วิธีใช้:ใส่คลาส ef และเลือก effects animation elementor และ Delay ตามต้องการ
*/

.my-ef.fadeInUp { 
    animation-name: fadeInUpCustom;
    animation-duration: 1s;
    animation-fill-mode: both;
}

.my-ef.fadeInRight { 
    animation-name: fadeInRightCustom;
    animation-duration: 1s;
    animation-fill-mode: both;
}

.my-ef.fadeInLeft { 
    animation-name: fadeInLeftCustom;
    animation-duration: 1s;
    animation-fill-mode: both;
}

/*
delay ใช้กับ hero-ef เท่านัน
วิธีใช้:ใส่คลาสต่อท้าย เช่น hero-ef delay-100
*/

.delay-100 { animation-delay: 100ms; }
.delay-200 { animation-delay: 200ms; }
.delay-300 { animation-delay: 300ms; }
.delay-400 { animation-delay: 400ms; }
.delay-500 { animation-delay: 500ms; }
.delay-600 { animation-delay: 600ms; }
.delay-800 { animation-delay: 800ms; }
.delay-1000 { animation-delay: 1000ms; }
.delay-5000 { animation-delay: 5000ms; }

/*=== END ANIMATIONS EFFECTS ===*/

/*=== slider ต่อเนื่อง ===*/

/*
ใส่ชื่อ classes: tshirt-slider
*/

.slider-slider .swiper-wrapper {

-webkit-transition-timing-function: linear;
-moz-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
}

/*=== END slider ต่อเนื่อง ===*/

/*=== การป้องกันการแบ่งบรรทัด ===*/

.no-break {
  white-space: nowrap;
}

/*=== END การป้องกันการแบ่งบรรทัด ===*/

/*=== highlight text ===*/

.highlight_hero {
    margin: 5px;
    color: #FFC000;
}

.highlight {
  color: #082d51;
  position: relative;
  font-style: normal;
  display: inline-block;
  white-space: nowrap;
}

.highlight::after {
  content: ""; 
  position: absolute;
  left: -2%;
  right: -8%;
  top: 14px;
  bottom: 0;
  background: rgba(255, 204, 51, 0.18);
  z-index: -1;
  border-radius: 4px;
  transform: skewX(-8deg);
}

/*=== END highlight text ===*//* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Mitr';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://t-housescreen.com/wp-content/uploads/2026/10/mitr-300.woff2') format('woff2');
}
@font-face {
	font-family: 'Mitr';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://t-housescreen.com/wp-content/uploads/2026/10/mitr-400.woff2') format('woff2');
}
@font-face {
	font-family: 'Mitr';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://t-housescreen.com/wp-content/uploads/2026/10/mitr-500.woff2') format('woff2');
}
@font-face {
	font-family: 'Mitr';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://t-housescreen.com/wp-content/uploads/2026/10/mitr-600.woff2') format('woff2');
}
/* End Custom Fonts CSS */