.elementor-2087 .elementor-element.elementor-element-c653f28 > .elementor-container{min-height:400px;}.elementor-2087 .elementor-element.elementor-element-c653f28{margin-top:0px;margin-bottom:75px;padding:0px 0px 0px 0px;}.elementor-2087 .elementor-element.elementor-element-f12d0be{margin-top:150px;margin-bottom:75px;padding:0px 0px 0px 0px;}.elementor-2087 .elementor-element.elementor-element-de48035:not(.elementor-motion-effects-element-type-background), .elementor-2087 .elementor-element.elementor-element-de48035 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thaisuratsteel.co.th/wp-content/uploads/2021/10/s-map-dot.png");background-position:center center;background-size:cover;}.elementor-2087 .elementor-element.elementor-element-de48035{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2087 .elementor-element.elementor-element-de48035 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2087 .elementor-element.elementor-element-be39c18  .elementor-repeater-item-1687d1b:before {background:#FF5E14;}.elementor-2087 .elementor-element.elementor-element-be39c18  .elementor-repeater-item-c40bd41:before {background:#00235A;}.elementor-2087 .elementor-element.elementor-element-be39c18{text-align:left;}.elementor-2087 .elementor-element.elementor-element-2bc62fe{margin-top:115px;margin-bottom:30px;padding:0px 0px 0px 0px;}.elementor-2087 .elementor-element.elementor-element-7eac07f{text-align:center;}.elementor-2087 .elementor-element.elementor-element-501797b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2087 .elementor-element.elementor-element-a7d2af5{--display:flex;--min-height:50vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2087 .elementor-element.elementor-element-a7d2af5:not(.elementor-motion-effects-element-type-background), .elementor-2087 .elementor-element.elementor-element-a7d2af5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thaisuratsteel.co.th/wp-content/uploads/2025/02/close-up-texture-stainless-steel-1-scaled.jpg");}.elementor-2087 .elementor-element.elementor-element-6b04197{--display:flex;--min-height:50vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2087 .elementor-element.elementor-element-6b04197:not(.elementor-motion-effects-element-type-background), .elementor-2087 .elementor-element.elementor-element-6b04197 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thaisuratsteel.co.th/wp-content/uploads/2025/02/metal-stud-wall-framing-manufactured-metal-factory-scaled.jpg");}.elementor-2087 .elementor-element.elementor-element-aeab1b0{--display:flex;--min-height:50vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2087 .elementor-element.elementor-element-aeab1b0:not(.elementor-motion-effects-element-type-background), .elementor-2087 .elementor-element.elementor-element-aeab1b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thaisuratsteel.co.th/wp-content/uploads/2025/02/construction-pvc-pipes-composition-scaled.jpg");}.elementor-2087 .elementor-element.elementor-element-b225310{--display:flex;--min-height:50vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2087 .elementor-element.elementor-element-b225310:not(.elementor-motion-effects-element-type-background), .elementor-2087 .elementor-element.elementor-element-b225310 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thaisuratsteel.co.th/wp-content/uploads/2025/02/close-up-texture-stainless-steel-scaled.jpg");}.elementor-2087 .elementor-element.elementor-element-c2c0aee{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2087 .elementor-element.elementor-element-1c3a953{--display:flex;--min-height:50vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2087 .elementor-element.elementor-element-1c3a953:not(.elementor-motion-effects-element-type-background), .elementor-2087 .elementor-element.elementor-element-1c3a953 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thaisuratsteel.co.th/wp-content/uploads/2025/10/arc-welding-steel-construction-site-scaled.jpg");}.elementor-2087 .elementor-element.elementor-element-48f1415{--display:flex;--min-height:50vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2087 .elementor-element.elementor-element-48f1415:not(.elementor-motion-effects-element-type-background), .elementor-2087 .elementor-element.elementor-element-48f1415 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thaisuratsteel.co.th/wp-content/uploads/2025/10/welding-work-with-metal-construction-busy-metal-factory-scaled.jpg");}.elementor-2087 .elementor-element.elementor-element-742bfe6{--display:flex;--min-height:50vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2087 .elementor-element.elementor-element-742bfe6:not(.elementor-motion-effects-element-type-background), .elementor-2087 .elementor-element.elementor-element-742bfe6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thaisuratsteel.co.th/wp-content/uploads/2025/10/view-worker-grinding-piece-metal-scaled.jpg");}.elementor-2087 .elementor-element.elementor-element-ba716eb{--display:flex;--min-height:50vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2087 .elementor-element.elementor-element-ba716eb:not(.elementor-motion-effects-element-type-background), .elementor-2087 .elementor-element.elementor-element-ba716eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thaisuratsteel.co.th/wp-content/uploads/2025/10/worker-working-with-circular-grinder-metal-with-sparks-scaled.jpg");}.elementor-2087 .elementor-element.elementor-element-04346b4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2087 .elementor-element.elementor-element-780ff56:not(.elementor-motion-effects-element-type-background), .elementor-2087 .elementor-element.elementor-element-780ff56 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B62A2A;}.elementor-2087 .elementor-element.elementor-element-780ff56{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2087 .elementor-element.elementor-element-780ff56 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2087 .elementor-element.elementor-element-78534c3:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2087 .elementor-element.elementor-element-78534c3 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B75959;}.elementor-2087 .elementor-element.elementor-element-78534c3 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2087 .elementor-element.elementor-element-78534c3 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2087 .elementor-element.elementor-element-61fd5a3{padding:120px 0px 90px 0px;}.elementor-2087 .elementor-element.elementor-element-4591ca8{padding:40px 0px 0px 0px;}.elementor-2087 .elementor-element.elementor-element-1be7993{text-align:left;}.elementor-2087 .elementor-element.elementor-element-dd337bf{--display:flex;--min-height:0px;--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-2087 .elementor-element.elementor-element-3138733{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2087 .elementor-element.elementor-element-9f9e362 iframe{height:500px;}.elementor-2087 .elementor-element.elementor-element-aa7643d{--display:flex;--justify-content:flex-start;}.elementor-2087 .elementor-element.elementor-element-7512ecd iframe{height:500px;}.elementor-2087 .elementor-element.elementor-element-74655f7{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}.elementor-2087 .elementor-element.elementor-element-475d52f{--display:flex;--justify-content:flex-start;}.elementor-2087 .elementor-element.elementor-element-0cb8cce iframe{height:500px;}.elementor-2087 .elementor-element.elementor-element-6714e8a{--display:flex;}.elementor-2087 .elementor-element.elementor-element-b242839 iframe{height:500px;}.elementor-2087 .elementor-element.elementor-element-1b8e95b{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}.elementor-2087 .elementor-element.elementor-element-1b8e95b > .elementor-widget-container{margin:20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2087 .elementor-element.elementor-element-c6b9503{--display:flex;--justify-content:flex-start;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2087 .elementor-element.elementor-element-e75f9df iframe{height:500px;}.elementor-2087 .elementor-element.elementor-element-e8856a7{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}@media(max-width:1024px){.elementor-2087 .elementor-element.elementor-element-74655f7{--e-n-carousel-swiper-slides-to-display:2;}.elementor-2087 .elementor-element.elementor-element-1b8e95b{--e-n-carousel-swiper-slides-to-display:2;}.elementor-2087 .elementor-element.elementor-element-e8856a7{--e-n-carousel-swiper-slides-to-display:2;}}@media(min-width:768px){.elementor-2087 .elementor-element.elementor-element-501797b{--width:80%;}.elementor-2087 .elementor-element.elementor-element-a7d2af5{--width:25%;}.elementor-2087 .elementor-element.elementor-element-6b04197{--width:25%;}.elementor-2087 .elementor-element.elementor-element-aeab1b0{--width:25%;}.elementor-2087 .elementor-element.elementor-element-b225310{--width:25%;}.elementor-2087 .elementor-element.elementor-element-c2c0aee{--width:80%;}.elementor-2087 .elementor-element.elementor-element-1c3a953{--width:25%;}.elementor-2087 .elementor-element.elementor-element-48f1415{--width:25%;}.elementor-2087 .elementor-element.elementor-element-742bfe6{--width:25%;}.elementor-2087 .elementor-element.elementor-element-ba716eb{--width:25%;}.elementor-2087 .elementor-element.elementor-element-dd337bf{--content-width:1200px;}.elementor-2087 .elementor-element.elementor-element-3138733{--content-width:100%;}.elementor-2087 .elementor-element.elementor-element-475d52f{--content-width:1271px;}.elementor-2087 .elementor-element.elementor-element-6714e8a{--content-width:1271px;}.elementor-2087 .elementor-element.elementor-element-c6b9503{--content-width:1271px;}}@media(max-width:1024px) and (min-width:768px){.elementor-2087 .elementor-element.elementor-element-895b6ab{width:100%;}.elementor-2087 .elementor-element.elementor-element-0536b34{width:100%;}}@media(max-width:767px){.elementor-2087 .elementor-element.elementor-element-c653f28 > .elementor-container{min-height:0px;}.elementor-2087 .elementor-element.elementor-element-3fa2fed{text-align:center;}.elementor-2087 .elementor-element.elementor-element-be39c18{text-align:center;}.elementor-2087 .elementor-element.elementor-element-74655f7{--e-n-carousel-swiper-slides-to-display:1;}.elementor-2087 .elementor-element.elementor-element-1b8e95b{--e-n-carousel-swiper-slides-to-display:1;}.elementor-2087 .elementor-element.elementor-element-e8856a7{--e-n-carousel-swiper-slides-to-display:1;}}/* Start custom CSS for container, class: .elementor-element-a7d2af5 */.hover-container {
    position: relative;
    overflow: hidden;
    height: 300px; /* ปรับความสูงให้เหมาะสม */
    transition: all 0.5s ease-in-out;
}

.hover-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0); /* เริ่มต้นโปร่งใส */
    transition: background 0.5s ease-in-out;
}

.hover-container:hover::before {
    background: rgba(0, 0, 0, 0.5); /* Hover แล้วภาพจะมืดลง */
}

.hover-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 24px;
    font-weight: bold;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    text-align: center;
    z-index: 1;
}

.hover-container:hover .hover-content {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b04197 */.hover-container {
    position: relative;
    overflow: hidden;
    height: 300px; /* ปรับความสูงให้เหมาะสม */
    transition: all 0.5s ease-in-out;
}

.hover-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0); /* เริ่มต้นโปร่งใส */
    transition: background 0.5s ease-in-out;
}

.hover-container:hover::before {
    background: rgba(0, 0, 0, 0.5); /* Hover แล้วภาพจะมืดลง */
}

.hover-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 24px;
    font-weight: bold;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    text-align: center;
    z-index: 1;
}

.hover-container:hover .hover-content {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aeab1b0 */.hover-container {
    position: relative;
    overflow: hidden;
    height: 300px; /* ปรับความสูงให้เหมาะสม */
    transition: all 0.5s ease-in-out;
}

.hover-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0); /* เริ่มต้นโปร่งใส */
    transition: background 0.5s ease-in-out;
}

.hover-container:hover::before {
    background: rgba(0, 0, 0, 0.5); /* Hover แล้วภาพจะมืดลง */
}

.hover-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 24px;
    font-weight: bold;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    text-align: center;
    z-index: 1;
}

.hover-container:hover .hover-content {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b225310 */.hover-container {
    position: relative;
    overflow: hidden;
    height: 300px; /* ปรับความสูงให้เหมาะสม */
    transition: all 0.5s ease-in-out;
}

.hover-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0); /* เริ่มต้นโปร่งใส */
    transition: background 0.5s ease-in-out;
}

.hover-container:hover::before {
    background: rgba(0, 0, 0, 0.5); /* Hover แล้วภาพจะมืดลง */
}

.hover-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 24px;
    font-weight: bold;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    text-align: center;
    z-index: 1;
}

.hover-container:hover .hover-content {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-501797b */.hover-container {
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    height: 300px;
    transition: transform 0.5s ease-in-out;
}

.hover-container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0); /* เริ่มต้นโปร่งใส */
    transition: background 0.5s ease-in-out;
}

.hover-container:hover::after {
    background: rgba(0, 0, 0, 0.5); /* ทำให้พื้นหลังมืดลง */
}

.hover-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 24px;
    font-weight: bold;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    text-align: center;
    z-index: 1;
}

.hover-container:hover .hover-content {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1c3a953 */.hover-container {
    position: relative;
    overflow: hidden;
    height: 300px; /* ปรับความสูงให้เหมาะสม */
    transition: all 0.5s ease-in-out;
}

.hover-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0); /* เริ่มต้นโปร่งใส */
    transition: background 0.5s ease-in-out;
}

.hover-container:hover::before {
    background: rgba(0, 0, 0, 0.5); /* Hover แล้วภาพจะมืดลง */
}

.hover-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 24px;
    font-weight: bold;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    text-align: center;
    z-index: 1;
}

.hover-container:hover .hover-content {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-48f1415 */.hover-container {
    position: relative;
    overflow: hidden;
    height: 300px; /* ปรับความสูงให้เหมาะสม */
    transition: all 0.5s ease-in-out;
}

.hover-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0); /* เริ่มต้นโปร่งใส */
    transition: background 0.5s ease-in-out;
}

.hover-container:hover::before {
    background: rgba(0, 0, 0, 0.5); /* Hover แล้วภาพจะมืดลง */
}

.hover-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 24px;
    font-weight: bold;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    text-align: center;
    z-index: 1;
}

.hover-container:hover .hover-content {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-742bfe6 */.hover-container {
    position: relative;
    overflow: hidden;
    height: 300px; /* ปรับความสูงให้เหมาะสม */
    transition: all 0.5s ease-in-out;
}

.hover-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0); /* เริ่มต้นโปร่งใส */
    transition: background 0.5s ease-in-out;
}

.hover-container:hover::before {
    background: rgba(0, 0, 0, 0.5); /* Hover แล้วภาพจะมืดลง */
}

.hover-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 24px;
    font-weight: bold;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    text-align: center;
    z-index: 1;
}

.hover-container:hover .hover-content {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ba716eb */.hover-container {
    position: relative;
    overflow: hidden;
    height: 300px; /* ปรับความสูงให้เหมาะสม */
    transition: all 0.5s ease-in-out;
}

.hover-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0); /* เริ่มต้นโปร่งใส */
    transition: background 0.5s ease-in-out;
}

.hover-container:hover::before {
    background: rgba(0, 0, 0, 0.5); /* Hover แล้วภาพจะมืดลง */
}

.hover-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 24px;
    font-weight: bold;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    text-align: center;
    z-index: 1;
}

.hover-container:hover .hover-content {
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c2c0aee */.hover-container {
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    height: 300px;
    transition: transform 0.5s ease-in-out;
}

.hover-container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0); /* เริ่มต้นโปร่งใส */
    transition: background 0.5s ease-in-out;
}

.hover-container:hover::after {
    background: rgba(0, 0, 0, 0.5); /* ทำให้พื้นหลังมืดลง */
}

.hover-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 24px;
    font-weight: bold;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    text-align: center;
    z-index: 1;
}

.hover-container:hover .hover-content {
    opacity: 1;
}/* End custom CSS */