.elementor-6123 .elementor-element.elementor-element-f1ba168{--display:flex;--background-transition:0.3s;}.elementor-6123 .elementor-element.elementor-element-29efd6a > .elementor-widget-container{margin:20px 20px 20px 20px;padding:10px 10px 10px 10px;}.elementor-6123 .elementor-element.elementor-element-e66e594{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--background-transition:0.3s;}.elementor-6123 .elementor-element.elementor-element-af578a8 .elementor-field-group{padding-right:calc( 20px/2 );padding-left:calc( 20px/2 );margin-bottom:25px;}.elementor-6123 .elementor-element.elementor-element-af578a8 .elementor-form-fields-wrapper{margin-left:calc( -20px/2 );margin-right:calc( -20px/2 );margin-bottom:-25px;}.elementor-6123 .elementor-element.elementor-element-af578a8 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-6123 .elementor-element.elementor-element-af578a8 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-6123 .elementor-element.elementor-element-af578a8 .elementor-labels-inline .elementor-field-group > label{padding-left:6px;}body:not(.rtl) .elementor-6123 .elementor-element.elementor-element-af578a8 .elementor-labels-inline .elementor-field-group > label{padding-right:6px;}body .elementor-6123 .elementor-element.elementor-element-af578a8 .elementor-labels-above .elementor-field-group > label{padding-bottom:6px;}.elementor-6123 .elementor-element.elementor-element-af578a8 .elementor-field-type-html{padding-bottom:0px;}.elementor-6123 .elementor-element.elementor-element-af578a8 .elementor-field-group .elementor-field, .elementor-6123 .elementor-element.elementor-element-af578a8 .elementor-field-subgroup label{font-family:"Athiti", Sans-serif;font-size:16px;font-weight:400;}.elementor-6123 .elementor-element.elementor-element-af578a8 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-6123 .elementor-element.elementor-element-af578a8 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-6123 .elementor-element.elementor-element-af578a8 .e-form__buttons__wrapper__button-next{background-color:#00A950;color:#ffffff;}.elementor-6123 .elementor-element.elementor-element-af578a8 .elementor-button[type="submit"]{background-color:#00A950;color:#ffffff;}.elementor-6123 .elementor-element.elementor-element-af578a8 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-6123 .elementor-element.elementor-element-af578a8 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-6123 .elementor-element.elementor-element-af578a8 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-6123 .elementor-element.elementor-element-af578a8 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-6123 .elementor-element.elementor-element-af578a8 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-6123 .elementor-element.elementor-element-af578a8 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-6123 .elementor-element.elementor-element-af578a8 .elementor-button{border-radius:12px 12px 12px 12px;padding:15px 15px 15px 15px;}.elementor-6123 .elementor-element.elementor-element-af578a8{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;width:var( --container-widget-width, 81.871% );max-width:81.871%;--container-widget-width:81.871%;--container-widget-flex-grow:0;}.elementor-6123 .elementor-element.elementor-element-af578a8 > .elementor-widget-container{padding:15px 15px 20px 20px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#F0F0F0;}.elementor-6123 .elementor-element.elementor-element-af578a8.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6123 .elementor-element.elementor-element-d1e126f{--display:flex;--min-height:0px;--background-transition:0.3s;--margin-block-start:0px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;}.elementor-6123 .elementor-element.elementor-element-d1e126f.e-con{--flex-grow:0;--flex-shrink:0;}@media(max-width:1024px){.elementor-6123 .elementor-element.elementor-element-d1e126f{--margin-block-start:0px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;}}@media(max-width:767px){.elementor-6123 .elementor-element.elementor-element-f1ba168{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;}.elementor-6123 .elementor-element.elementor-element-e66e594{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;}.elementor-6123 .elementor-element.elementor-element-af578a8 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-6123 .elementor-element.elementor-element-af578a8{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-6123 .elementor-element.elementor-element-d1e126f{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--margin-block-start:0px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;}}@media(min-width:768px){.elementor-6123 .elementor-element.elementor-element-d1e126f{--width:18%;}}/* Start custom CSS for form, class: .elementor-element-af578a8 *//* --- 1. บีบฟอร์มให้แคบลงและทำเป็นสไตล์การ์ดตรงกลางจอ --- */
.elementor-widget-form .elementor-form {
    background: #ffffff !important;
    padding: 40px !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important; /* เพิ่มเงาให้ลอยขึ้นมา */
    max-width: 600px !important; /* บังคับความกว้างไม่ให้ยืดยาน */
    margin: 50px auto !important; /* ดันให้อยู่กึ่งกลางจอ */
    border: 1px solid #f0f0f0 !important;
}

/* --- 2. แต่งหัวข้อ (Label)  --- */
.elementor-widget-form .elementor-field-label {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #333333 !important;
    margin-bottom: 8px !important;
}

/* --- 3. แต่งช่องกรอกข้อมูล (Input)--- */
.elementor-widget-form .elementor-field-textual {
    padding: 15px 20px !important;
    border-radius: 8px !important;
    border: 2px solid #e0e0e0 !important;
    font-size: 16px !important;
    color: #333 !important;
    transition: all 0.3s ease !important;
}

/* เอฟเฟกต์ตอนคลิกช่องกรอก (ดึงสีทองจากโลโก้มาเล่น) */
.elementor-widget-form .elementor-field-textual:focus {
    border-color: #d4af37 !important;
    box-shadow: 0 0 8px rgba(212, 175, 55, 0.3) !important;
    outline: none !important;
}

/* --- 4. แต่งปุ่มชำระเงิน--- */
.elementor-widget-form .elementor-button {
    background-color: #00A950 !important; /* สีเขียวกสิกร */
    border-radius: 8px !important;
    padding: 15px !important;
    font-size: 18px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    transition: all 0.3s ease !important;
    margin-top: 10px !important;
}

.elementor-widget-form .elementor-button:hover {
    background-color: #008f43 !important;
    box-shadow: 0 4px 15px rgba(0, 169, 80, 0.3) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d1e126f *//* --- 1. สไตล์กล่อง Card รวม --- */
.elementor-6123 .elementor-element.elementor-element-d1e126f {
    background-color: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;
    border: 1px solid #f0f0f0 !important;
    /* ซ่อนแถบ Scrollbar ให้ดูคลีน */
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.elementor-6123 .elementor-element.elementor-element-d1e126f::-webkit-scrollbar {
    display: none !important; 
}

/* --- 2. สำหรับ Desktop (เรียงบนลงล่าง) --- */
@media (min-width: 768px) {
    .elementor-6123 .elementor-element.elementor-element-d1e126f {
        padding: 30px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }
    .elementor-6123 .elementor-element.elementor-element-d1e126f .elementor-widget {
        margin-bottom: 20px !important;
    }
    .elementor-6123 .elementor-element.elementor-element-d1e126f .elementor-widget:last-child {
        margin-bottom: 0 !important;
    }
    .elementor-6123 .elementor-element.elementor-element-d1e126f img {
        border-radius: 8px !important;
        transition: all 0.3s ease-in-out !important;
    }
    .elementor-6123 .elementor-element.elementor-element-d1e126f img:hover {
        transform: translateY(-5px) scale(1.03) !important;
        box-shadow: 0 8px 20px rgba(0,0,0,0.1) !important;
        cursor: pointer;
    }
}

/* --- 3. สำหรับ Mobile (เรียงแนวนอน ไถซ้ายขวา) --- */
@media (max-width: 767px) {
    .elementor-6123 .elementor-element.elementor-element-d1e126f {
        display: flex !important;
        flex-direction: row !important; /* เรียงแถวหน้ากระดาน */
        flex-wrap: nowrap !important; /* ห้ามตกบรรทัดเด็ดขาด */
        overflow-x: auto !important; /* เปิดให้ไถได้ */
        overflow-y: hidden !important;
        padding: 20px !important;
        gap: 25px !important; /* ระยะห่างระหว่างโลโก้ */
        align-items: center !important; /* ให้อยู่กึ่งกลางแนวตั้ง */
        -webkit-overflow-scrolling: touch; 
    }
    
    /* พระเอกอยู่ตรงนี้: บังคับกล่อง Widget ห้ามหดตัวเด็ดขาด! */
    .elementor-6123 .elementor-element.elementor-element-d1e126f > .elementor-widget {
        flex: 0 0 auto !important; 
        width: 140px !important; /* ขนาดความกว้างโลโก้ตอนอยู่ในมือถือ (ปรับเลขนี้ได้) */
    }

    .elementor-6123 .elementor-element.elementor-element-d1e126f img {
        width: 100% !important; /* ให้รูปกว้างเต็มกล่อง Widget พอดี */
        height: auto !important;
        display: block !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e66e594 *//* 1.กล่องโลโก้ให้กลายเป็น Card สีขาวเข้าคู่กับฟอร์มซ้าย */
.elementor-6123 .elementor-element.elementor-element-e66e594 {
    background-color: #ffffff !important;
    padding: 30px !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;
    border: 1px solid #f0f0f0 !important;
    display: flex;
    flex-direction: column;
    justify-content: center; /* ดันให้อยู่กึ่งกลางแนวตั้งพอดีกับฟอร์ม */
}

/* 2. แต่งรูปโลโก้ให้ขอบมนนิดๆ (ช่วยให้โลโก้พื้นดำดูสมูทขึ้น) และจัดระเบียบ */
.elementor-6123 .elementor-element.elementor-element-e66e594 img {
    border-radius: 8px !important;
    transition: all 0.3s ease-in-out !important;
    margin-bottom: 20px !important; /* ระยะห่างระหว่างโลโก้ */
}

/* 3. เอาเมาส์ชี้แล้วโลโก้เด้งลอยขึ้นมานิดนึง */
.elementor-6123 .elementor-element.elementor-element-e66e594 img:hover {
    transform: translateY(-5px) scale(1.03) !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.1) !important;
    cursor: pointer;
}

/* เอา margin อันสุดท้ายออก จะได้ไม่เหลือพื้นที่ว่างด้านล่างแปลกๆ */
.elementor-6123 .elementor-element.elementor-element-e66e594 img:last-child {
    margin-bottom: 0 !important;
}/* End custom CSS */