.elementor-728 .elementor-element.elementor-element-7c61048{--display:flex;--min-height:332px;--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;--overlay-opacity:0.62;}.elementor-728 .elementor-element.elementor-element-7c61048:not(.elementor-motion-effects-element-type-background), .elementor-728 .elementor-element.elementor-element-7c61048 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5f29a9c );}.elementor-728 .elementor-element.elementor-element-7c61048::before, .elementor-728 .elementor-element.elementor-element-7c61048 > .elementor-background-video-container::before, .elementor-728 .elementor-element.elementor-element-7c61048 > .e-con-inner > .elementor-background-video-container::before, .elementor-728 .elementor-element.elementor-element-7c61048 > .elementor-background-slideshow::before, .elementor-728 .elementor-element.elementor-element-7c61048 > .e-con-inner > .elementor-background-slideshow::before, .elementor-728 .elementor-element.elementor-element-7c61048 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(230deg, #524EBD 38%, #F2295B5C 100%);}.elementor-728 .elementor-element.elementor-element-f3c9d21{--display:flex;}.elementor-728 .elementor-element.elementor-element-fed9094 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-728 .elementor-element.elementor-element-fed9094{text-align:center;}.elementor-728 .elementor-element.elementor-element-fed9094 .elementor-heading-title{color:var( --e-global-color-blocksy_palette_6 );}.elementor-728 .elementor-element.elementor-element-0be094f > .elementor-widget-container{margin:-88px -12px -45px -10px;padding:-3px 0px 0px 0px;}.elementor-728 .elementor-element.elementor-element-dfd1f94{--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-728 .elementor-element.elementor-element-00c33c3{--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-728 .elementor-element.elementor-element-8aea52a{--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-728 .elementor-element.elementor-element-175edf1{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--overlay-opacity:0.5;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.5);}.elementor-728 .elementor-element.elementor-element-175edf1::before, .elementor-728 .elementor-element.elementor-element-175edf1 > .elementor-background-video-container::before, .elementor-728 .elementor-element.elementor-element-175edf1 > .e-con-inner > .elementor-background-video-container::before, .elementor-728 .elementor-element.elementor-element-175edf1 > .elementor-background-slideshow::before, .elementor-728 .elementor-element.elementor-element-175edf1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-728 .elementor-element.elementor-element-175edf1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-728 .elementor-element.elementor-element-21792e9 > .elementor-widget-container{margin:0px -40px 0px 0px;}.elementor-728 .elementor-element.elementor-element-b76171a{--grid-template-columns:repeat(0, auto);--icon-size:21px;--grid-column-gap:26px;--grid-row-gap:5px;}.elementor-728 .elementor-element.elementor-element-b76171a .elementor-widget-container{text-align:center;}.elementor-728 .elementor-element.elementor-element-b76171a > .elementor-widget-container{margin:33px 0px 0px 0px;}.elementor-728 .elementor-element.elementor-element-b76171a .elementor-social-icon{--icon-padding:0.7em;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-728 .elementor-element.elementor-element-7c61048{--content-width:1119px;}.elementor-728 .elementor-element.elementor-element-00c33c3{--width:50%;}.elementor-728 .elementor-element.elementor-element-8aea52a{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-728 .elementor-element.elementor-element-7c61048{--content-width:1379px;}}@media(max-width:1024px){.elementor-728 .elementor-element.elementor-element-7c61048{--min-height:0px;}.elementor-728 .elementor-element.elementor-element-175edf1{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-728 .elementor-element.elementor-element-fed9094 > .elementor-widget-container{margin:3px 24px 25px 6px;}.elementor-728 .elementor-element.elementor-element-175edf1{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for shortcode, class: .elementor-element-e57c346 *//* ปรับแต่งฟอร์มให้มีสีสันเหมาะกับพื้นหลังดำ */
label {
    font-size: 16px;
    font-weight: bold;
    color: #fff; /* สีข้อความเป็นสีขาว */
    display: block;
    margin-bottom: 8px;
}

/* ปรับแต่งช่องกรอกข้อมูล */
input[type="text"], input[type="email"], textarea, input[type="file"] {
    width: 100%;
    padding: 12px;
    margin-bottom: 12px; /* เพิ่มระยะห่างระหว่างช่องกรอก */
    border: 1px solid #ddd; /* ขอบของช่องกรอก */
    border-radius: 4px;
    font-size: 14px;
    background-color: #333; /* พื้นหลังช่องกรอกเป็นสีเข้ม */
    color: #fff; /* ข้อความในช่องกรอกเป็นสีขาว */
}

/* ปรับแต่งปุ่ม submit */
input[type="submit"] {
    background-color: #2872fa; /* สีพื้นหลังปุ่ม */
    color: white;
    padding: 14px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    width: 100%;
}

/* เปลี่ยนสีปุ่ม submit เมื่อ hover */
input[type="submit"]:hover {
    background-color: #1559ed;
}

/* ปรับแต่ง textarea (ข้อความ) */
textarea {
    width: 100%;
    height: 150px;
    padding: 12px;
    border-radius: 4px;
    background-color: #333;
    color: #fff;
    border: 1px solid #ddd;
}

/* ปรับแต่งช่องอัปโหลดไฟล์ */
input[type="file"] {
    padding: 10px;
    margin-bottom: 12px;
    background-color: #333;
    border: 1px solid #ddd;
    color: #fff;
}

/* ปรับแต่งพื้นที่โดยรวมของฟอร์ม */
form.wpcf7-form {
    background-color: #222; /* พื้นหลังของฟอร์ม */
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); /* เงาให้ฟอร์ม */
    width: 100%;
    max-width: 600px; /* ขนาดสูงสุดของฟอร์ม */
    margin: 0 auto; /* ให้ฟอร์มอยู่กลาง */
}

/* ปรับแต่งข้อความในช่องกรอกข้อมูลขณะพิมพ์ */
input[type="text"]:focus, 
input[type="email"]:focus, 
textarea:focus, 
input[type="file"]:focus {
    color: #fff; /* เปลี่ยนสีข้อความให้เป็นสีขาว */
    background-color: #444; /* ปรับพื้นหลังให้มืดขึ้นขณะพิมพ์ */
    border: 1px solid #2872fa; /* ขอบสีฟ้าเมื่อโฟกัส */
}

/* ปรับแต่งข้อความในช่องกรอกข้อมูลเมื่อไม่ได้โฟกัส */
input[type="text"], 
input[type="email"], 
textarea, 
input[type="file"] {
    color: #fff; /* ข้อความเป็นสีขาว */
    background-color: #333; /* พื้นหลังช่องกรอกเป็นสีเข้ม */
    border: 1px solid #ddd; /* ขอบของช่องกรอก */
}/* End custom CSS */