.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-365 .elementor-element.elementor-element-4c58993{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;border-style:none;--e-form-steps-indicators-spacing:21px;--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:0px;--e-form-steps-divider-gap:9px;}.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-field-group{padding-right:calc( 3em/2 );padding-left:calc( 3em/2 );margin-bottom:0.8em;}.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-form-fields-wrapper{margin-left:calc( -3em/2 );margin-right:calc( -3em/2 );margin-bottom:-0.8em;}.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-365 .elementor-element.elementor-element-4c58993 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-365 .elementor-element.elementor-element-4c58993 .elementor-labels-inline .elementor-field-group > label{padding-left:0.3em;}body:not(.rtl) .elementor-365 .elementor-element.elementor-element-4c58993 .elementor-labels-inline .elementor-field-group > label{padding-right:0.3em;}body .elementor-365 .elementor-element.elementor-element-4c58993 .elementor-labels-above .elementor-field-group > label{padding-bottom:0.3em;}.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-field-group > label, .elementor-365 .elementor-element.elementor-element-4c58993 .elementor-field-subgroup label{color:#FAFAFA;}.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-field-group > label{font-family:"CPN / Bold", Sans-serif;font-weight:400;}.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-field-type-html{padding-bottom:0.1em;color:#FFFFFF;font-family:"CPN / Bold", Sans-serif;font-weight:400;}.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-field-group .elementor-field{color:#FFFFFF;}.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-field-group .elementor-field, .elementor-365 .elementor-element.elementor-element-4c58993 .elementor-field-subgroup label{font-family:"CPN / regular", Sans-serif;font-size:1em;font-weight:400;line-height:1px;}.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#FFFFFF00;border-color:#FFFFFF57;border-width:0px 0px 1px 0px;border-radius:1px 1px 1px 1px;}.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-field-group .elementor-select-wrapper select{background-color:#FFFFFF00;border-color:#FFFFFF57;border-width:0px 0px 1px 0px;border-radius:1px 1px 1px 1px;}.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-field-group .elementor-select-wrapper::before{color:#FFFFFF57;}.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-button{font-family:"CPN / regular", Sans-serif;font-size:18px;font-weight:500;border-radius:10px 10px 10px 10px;}.elementor-365 .elementor-element.elementor-element-4c58993 .e-form__buttons__wrapper__button-next{background-color:#B39654;color:#302E29;}.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-button[type="submit"]{background-color:#B39654;color:#302E29;}.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-button[type="submit"] svg *{fill:#302E29;}.elementor-365 .elementor-element.elementor-element-4c58993 .e-form__buttons__wrapper__button-previous{background-color:#747474;color:#ffffff;}.elementor-365 .elementor-element.elementor-element-4c58993 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-365 .elementor-element.elementor-element-4c58993 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-message{font-family:"CPN / regular", Sans-serif;font-weight:400;}.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-message.elementor-message-success{color:#1FE457;}.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-message.elementor-message-danger{color:#FD0000;}.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-message.elementor-help-inline{color:#FFFFFF;}.elementor-365 .elementor-element.elementor-element-4c58993 .e-form__indicators__indicator, .elementor-365 .elementor-element.elementor-element-4c58993 .e-form__indicators__indicator__label{font-family:"CPN / regular", Sans-serif;font-weight:500;}.elementor-365 .elementor-element.elementor-element-5315900{--spacer-size:15px;}.elementor-365 .elementor-element.elementor-element-5593df01{--display:flex;}.elementor-365 .elementor-element.elementor-element-5593df01:not(.elementor-motion-effects-element-type-background), .elementor-365 .elementor-element.elementor-element-5593df01 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#BABABA69;}.elementor-365 .elementor-element.elementor-element-77219d14{--spacer-size:50px;}.elementor-365 .elementor-element.elementor-element-79c41a3{--spacer-size:50px;}.elementor-365 .elementor-element.elementor-element-dcd21d5{--spacer-size:50px;}.elementor-365 .elementor-element.elementor-element-79bc2e9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;border-style:none;--e-form-steps-indicators-spacing:21px;--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:0px;--e-form-steps-divider-gap:9px;}.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-field-group{padding-right:calc( 3em/2 );padding-left:calc( 3em/2 );margin-bottom:0.8em;}.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-form-fields-wrapper{margin-left:calc( -3em/2 );margin-right:calc( -3em/2 );margin-bottom:-0.8em;}.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-labels-inline .elementor-field-group > label{padding-left:0.3em;}body:not(.rtl) .elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-labels-inline .elementor-field-group > label{padding-right:0.3em;}body .elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-labels-above .elementor-field-group > label{padding-bottom:0.3em;}.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-field-group > label, .elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-field-subgroup label{color:#FAFAFA;}.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-field-group > label{font-family:"CPN / Bold", Sans-serif;font-weight:400;}.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-field-type-html{padding-bottom:0.1em;color:#FFFFFF;font-family:"CPN / Bold", Sans-serif;font-weight:400;}.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-field-group .elementor-field{color:#FFFFFF;}.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-field-group .elementor-field, .elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-field-subgroup label{font-family:"CPN / regular", Sans-serif;font-size:1em;font-weight:400;line-height:1px;}.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#FFFFFF00;border-color:#FFFFFF57;border-width:0px 0px 1px 0px;border-radius:1px 1px 1px 1px;}.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-field-group .elementor-select-wrapper select{background-color:#FFFFFF00;border-color:#FFFFFF57;border-width:0px 0px 1px 0px;border-radius:1px 1px 1px 1px;}.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-field-group .elementor-select-wrapper::before{color:#FFFFFF57;}.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-button{font-family:"CPN / regular", Sans-serif;font-size:18px;font-weight:500;border-radius:10px 10px 10px 10px;}.elementor-365 .elementor-element.elementor-element-79bc2e9 .e-form__buttons__wrapper__button-next{background-color:#B39654;color:#302E29;}.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-button[type="submit"]{background-color:#B39654;color:#302E29;}.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-button[type="submit"] svg *{fill:#302E29;}.elementor-365 .elementor-element.elementor-element-79bc2e9 .e-form__buttons__wrapper__button-previous{background-color:#747474;color:#ffffff;}.elementor-365 .elementor-element.elementor-element-79bc2e9 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-365 .elementor-element.elementor-element-79bc2e9 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-message{font-family:"CPN / regular", Sans-serif;font-weight:400;}.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-message.elementor-message-success{color:#1FE457;}.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-message.elementor-message-danger{color:#FD0000;}.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-message.elementor-help-inline{color:#FFFFFF;}.elementor-365 .elementor-element.elementor-element-79bc2e9 .e-form__indicators__indicator, .elementor-365 .elementor-element.elementor-element-79bc2e9 .e-form__indicators__indicator__label{font-family:"CPN / regular", Sans-serif;font-weight:500;}.elementor-365 .elementor-element.elementor-element-b84f130{--spacer-size:50px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-365 .elementor-element.elementor-element-79c41a3{--spacer-size:20px;}.elementor-365 .elementor-element.elementor-element-dcd21d5{--spacer-size:20px;}.elementor-365 .elementor-element.elementor-element-79bc2e9{margin:9px 9px calc(var(--kit-widget-spacing, 0px) + 9px) 9px;--e-form-steps-indicators-spacing:21px;}.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-field-group .elementor-field, .elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-field-subgroup label{line-height:2.5em;}.elementor-365 .elementor-element.elementor-element-b84f130{--spacer-size:20px;}}/* Start custom CSS for form, class: .elementor-element-4c58993 *//* ========================================
   Checkbox Option
   ======================================== */

.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-field-type-checkbox .elementor-field-option {
    display: flex;

    /* แก้: ยึด checkbox กับบรรทัดแรกของข้อความ
       ป้องกัน checkbox ไปอยู่กลางย่อหน้าเมื่อข้อความมีหลายบรรทัด */
    align-items: flex-start;

    gap: 10px;
    border-radius: 20px;
}


/* ========================================
   Checkbox
   ======================================== */

.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-field-type-checkbox .elementor-field-option input[type="checkbox"] {
    flex: 0 0 auto;
    display: block;

    /* แก้: ปรับตำแหน่ง checkbox ให้ตรงกับหัวข้อ/บรรทัดแรก */
    margin: 1px 0 0 0;

    appearance: none;
    -webkit-appearance: none;

    width: 20px;
    height: 20px;
    min-width: 20px;

    /* พื้นหลังสีขาวโปร่งใส 50% */
    background-color: rgba(255, 255, 255, 0.5);

    border-radius: 6px;

    cursor: pointer;
    position: relative;
}


/* ========================================
   Checkbox เมื่อเลือก
   ======================================== */

.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-field-type-checkbox .elementor-field-option input[type="checkbox"]:checked {
    background-color: #8f8048;
    border-color: #8f8048;
}


/* ========================================
   เครื่องหมาย ✓
   ======================================== */

.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-field-type-checkbox .elementor-field-option input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;

    /* แก้: วาง ✓ จากจุดกึ่งกลางของ checkbox */
    left: 50%;
    top: 50%;

    width: 5px;
    height: 10px;

    border: solid #ffffff;
    border-width: 0 2px 2px 0;

    /* แก้: จัด ✓ ให้อยู่กลางกล่อง */
    transform: translate(-50%, -60%) rotate(45deg);
}


/* ========================================
   Label / ข้อความด้านข้าง Checkbox
   ======================================== */

.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-field-type-checkbox .elementor-field-option label {
    flex: 1;
    min-width: 0;
    margin: 0;

    line-height: 1.6;
}


/* ========================================
   Test01
   ======================================== */

.elementor-365 .elementor-element.elementor-element-4c58993 .test01 {
    padding: 0;
    margin: 1rem 0 0 0;
}



/* ========================================
   Question Icon
   ======================================== */

.elementor-365 .elementor-element.elementor-element-4c58993 #phyll-question-icon {
    display: inline-block;
    width: 100%;
    height: auto;
    max-width: 20px;
    margin-left: 10px;
}

/* ========================================
   FLOATING LABEL - ELEMENTOR
   Text / Email / Tel
   ======================================== */

.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-field-type-text,
.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-field-type-email,
.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-field-type-tel {
    position: relative;

    /* แก้: Elementor มี column gap / padding ใน field */
    --field-side-gap: 1.4em;

    min-height: 34px;
}


/* ========================================
   LABEL - สถานะปกติ
   ======================================== */

.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-field-type-text > .elementor-field-label,
.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-field-type-email > .elementor-field-label,
.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-field-type-tel > .elementor-field-label {
    position: absolute !important;

    /* แก้: ให้ Label ตรงกับตำแหน่ง Input */
    left: var(--field-side-gap) !important;

    /* แก้: ให้อยู่กลางแนวตั้งในช่องก่อน Focus */
    top: 50% !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 16px;
    line-height: 1.2;

    transform: translateY(-50%);

    pointer-events: none;
    z-index: 5;

    transition:
        top 0.25s ease,
        transform 0.25s ease,
        font-size 0.25s ease,
        opacity 0.25s ease,
        color 0.25s ease;
}


/* ========================================
   INPUT
   ======================================== */

.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-field-type-text > .elementor-field-textual,
.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-field-type-email > .elementor-field-textual,
.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-field-type-tel > .elementor-field-textual {
    width: 100% !important;
    height: 60px;
    min-height: 60px;

    box-sizing: border-box;

    /* แก้: ข้อความที่พิมพ์อยู่ใต้ Floating Label */
    padding:
        24px
        var(--field-side-gap)
        7px
        var(--field-side-gap) !important;

    margin: 0 !important;

    background: transparent !important;

    /* แก้: ล้าง Border ของ Elementor ก่อน */
    border: none !important;

    /* เส้นพื้นฐานเพียงเส้นเดียว */
    border-bottom:
        1px solid rgba(255, 255, 255, 0.35) !important;

    border-radius: 0 !important;

    outline: none !important;
    box-shadow: none !important;
}


/* ========================================
   LABEL ตอน Focus
   ======================================== */

.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-field-type-text:focus-within > .elementor-field-label,
.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-field-type-email:focus-within > .elementor-field-label,
.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-field-type-tel:focus-within > .elementor-field-label {
    /* แก้: ลอยขึ้นด้านบน */
    top: 7px !important;

    transform: translateY(0) !important;

    font-size: 12px;
    opacity: 0.8;
}


/* ========================================
   LABEL เมื่อมีข้อมูลแล้ว
   ======================================== */

.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-field-type-text:has(input:valid) > .elementor-field-label,
.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-field-type-email:has(input:valid) > .elementor-field-label,
.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-field-type-tel:has(input:valid) > .elementor-field-label {
    top: 7px !important;

    transform: translateY(0) !important;

    font-size: 12px;
    opacity: 0.8;
}


/* ========================================
   เส้น Animate
   ======================================== */

.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-field-type-text::after,
.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-field-type-email::after,
.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-field-type-tel::after {
    content: "";

    position: absolute;

    /*
     * แก้สำคัญ:
     * ไม่ใช้ width:100% แล้ว
     * เพราะจะกินพื้นที่ Column Gap ของ Elementor
     */
    left: var(--field-side-gap);
    right: var(--field-side-gap);

    /* แก้: วางทับเส้นพื้นฐานพอดี */
    bottom: 0;

    height: 2px;

    background-color: #8f8048;

    /* เริ่มเส้นจากกึ่งกลาง */
    transform: scaleX(0);
    transform-origin: center;

    transition: transform 0.3s ease;

    pointer-events: none;
    z-index: 6;
}


/* ========================================
   ตอน Focus
   เส้นวิ่งจากกลางออกซ้าย + ขวา
   ======================================== */

.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-field-type-text:focus-within::after,
.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-field-type-email:focus-within::after,
.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-field-type-tel:focus-within::after {
    transform: scaleX(1);
}


/* ========================================
   INPUT ตอน Focus
   ======================================== */

.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-field-type-text > .elementor-field-textual:focus,
.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-field-type-email > .elementor-field-textual:focus,
.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-field-type-tel > .elementor-field-textual:focus {
    outline: none !important;
    box-shadow: none !important;

    /* แก้: ไม่สร้างเส้น Focus เพิ่มอีกเส้น */
    border:
        none !important;

    border-bottom:
        1px solid rgba(255, 255, 255, 0.35) !important;
}

/* ========================================
   REQUIRED MARK (*) สีทอง
   ======================================== */

.elementor-365 .elementor-element.elementor-element-4c58993 .elementor-mark-required > .elementor-field-label::after {
      color: #8f8048 !important;

}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-79bc2e9 *//* ========================================
   Checkbox Option
   ======================================== */

.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-field-type-checkbox .elementor-field-option {
    display: flex;

    /* แก้: ยึด checkbox กับบรรทัดแรกของข้อความ
       ป้องกัน checkbox ไปอยู่กลางย่อหน้าเมื่อข้อความมีหลายบรรทัด */
    align-items: flex-start;

    gap: 10px;
    border-radius: 20px;
}


/* ========================================
   Checkbox
   ======================================== */

.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-field-type-checkbox .elementor-field-option input[type="checkbox"] {
    flex: 0 0 auto;
    display: block;

    /* แก้: ปรับตำแหน่ง checkbox ให้ตรงกับหัวข้อ/บรรทัดแรก */
    margin: 1px 0 0 0;

    appearance: none;
    -webkit-appearance: none;

    width: 20px;
    height: 20px;
    min-width: 20px;

    /* พื้นหลังสีขาวโปร่งใส 50% */
    background-color: rgba(255, 255, 255, 0.5);

    border-radius: 6px;

    cursor: pointer;
    position: relative;
}


/* ========================================
   Checkbox เมื่อเลือก
   ======================================== */

.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-field-type-checkbox .elementor-field-option input[type="checkbox"]:checked {
    background-color: #8f8048;
    border-color: #8f8048;
}


/* ========================================
   เครื่องหมาย ✓
   ======================================== */

.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-field-type-checkbox .elementor-field-option input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;

    /* แก้: วาง ✓ จากจุดกึ่งกลางของ checkbox */
    left: 50%;
    top: 50%;

    width: 5px;
    height: 10px;

    border: solid #ffffff;
    border-width: 0 2px 2px 0;

    /* แก้: จัด ✓ ให้อยู่กลางกล่อง */
    transform: translate(-50%, -60%) rotate(45deg);
}


/* ========================================
   Label / ข้อความด้านข้าง Checkbox
   ======================================== */

.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-field-type-checkbox .elementor-field-option label {
    flex: 1;
    min-width: 0;
    margin: 0;

    line-height: 1.6;
}


/* ========================================
   Test01
   ======================================== */

.elementor-365 .elementor-element.elementor-element-79bc2e9 .test01 {
    padding: 0;
    margin: 1rem 0 0 0;
}



/* ========================================
   Question Icon
   ======================================== */

.elementor-365 .elementor-element.elementor-element-79bc2e9 #phyll-question-icon {
    display: inline-block;
    width: 100%;
    height: auto;
    max-width: 20px;
    margin-left: 10px;
}

/* ========================================
   FLOATING LABEL - ELEMENTOR
   Text / Email / Tel
   ======================================== */

.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-field-type-text,
.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-field-type-email,
.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-field-type-tel {
    position: relative;

    /* แก้: Elementor มี column gap / padding ใน field */
    --field-side-gap: 1.4em;

    min-height: 34px;
}


/* ========================================
   LABEL - สถานะปกติ
   ======================================== */

.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-field-type-text > .elementor-field-label,
.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-field-type-email > .elementor-field-label,
.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-field-type-tel > .elementor-field-label {
    position: absolute !important;

    /* แก้: ให้ Label ตรงกับตำแหน่ง Input */
    left: var(--field-side-gap) !important;

    /* แก้: ให้อยู่กลางแนวตั้งในช่องก่อน Focus */
    top: 50% !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 16px;
    line-height: 1.2;

    transform: translateY(-50%);

    pointer-events: none;
    z-index: 5;

    transition:
        top 0.25s ease,
        transform 0.25s ease,
        font-size 0.25s ease,
        opacity 0.25s ease,
        color 0.25s ease;
}


/* ========================================
   INPUT
   ======================================== */

.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-field-type-text > .elementor-field-textual,
.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-field-type-email > .elementor-field-textual,
.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-field-type-tel > .elementor-field-textual {
    width: 100% !important;
    height: 60px;
    min-height: 60px;

    box-sizing: border-box;

    /* แก้: ข้อความที่พิมพ์อยู่ใต้ Floating Label */
    padding:
        24px
        var(--field-side-gap)
        7px
        var(--field-side-gap) !important;

    margin: 0 !important;

    background: transparent !important;

    /* แก้: ล้าง Border ของ Elementor ก่อน */
    border: none !important;

    /* เส้นพื้นฐานเพียงเส้นเดียว */
    border-bottom:
        1px solid rgba(255, 255, 255, 0.35) !important;

    border-radius: 0 !important;

    outline: none !important;
    box-shadow: none !important;
}


/* ========================================
   LABEL ตอน Focus
   ======================================== */

.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-field-type-text:focus-within > .elementor-field-label,
.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-field-type-email:focus-within > .elementor-field-label,
.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-field-type-tel:focus-within > .elementor-field-label {
    /* แก้: ลอยขึ้นด้านบน */
    top: 7px !important;

    transform: translateY(0) !important;

    font-size: 12px;
    opacity: 0.8;
}


/* ========================================
   LABEL เมื่อมีข้อมูลแล้ว
   ======================================== */

.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-field-type-text:has(input:valid) > .elementor-field-label,
.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-field-type-email:has(input:valid) > .elementor-field-label,
.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-field-type-tel:has(input:valid) > .elementor-field-label {
    top: 7px !important;

    transform: translateY(0) !important;

    font-size: 12px;
    opacity: 0.8;
}


/* ========================================
   เส้น Animate
   ======================================== */

.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-field-type-text::after,
.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-field-type-email::after,
.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-field-type-tel::after {
    content: "";

    position: absolute;

    /*
     * แก้สำคัญ:
     * ไม่ใช้ width:100% แล้ว
     * เพราะจะกินพื้นที่ Column Gap ของ Elementor
     */
    left: var(--field-side-gap);
    right: var(--field-side-gap);

    /* แก้: วางทับเส้นพื้นฐานพอดี */
    bottom: 0;

    height: 2px;

    background-color: #8f8048;

    /* เริ่มเส้นจากกึ่งกลาง */
    transform: scaleX(0);
    transform-origin: center;

    transition: transform 0.3s ease;

    pointer-events: none;
    z-index: 6;
}


/* ========================================
   ตอน Focus
   เส้นวิ่งจากกลางออกซ้าย + ขวา
   ======================================== */

.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-field-type-text:focus-within::after,
.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-field-type-email:focus-within::after,
.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-field-type-tel:focus-within::after {
    transform: scaleX(1);
}


/* ========================================
   INPUT ตอน Focus
   ======================================== */

.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-field-type-text > .elementor-field-textual:focus,
.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-field-type-email > .elementor-field-textual:focus,
.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-field-type-tel > .elementor-field-textual:focus {
    outline: none !important;
    box-shadow: none !important;

    /* แก้: ไม่สร้างเส้น Focus เพิ่มอีกเส้น */
    border:
        none !important;

    border-bottom:
        1px solid rgba(255, 255, 255, 0.35) !important;
}

/* ========================================
   REQUIRED MARK (*) สีทอง
   ======================================== */

.elementor-365 .elementor-element.elementor-element-79bc2e9 .elementor-mark-required > .elementor-field-label::after {
      color: #8f8048 !important;

}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'CPN / Bold';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://phyllphuket.wyndigitalgroup.com/wp-content/uploads/2026/08/CPN-Bold.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'CPN / regular';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://phyllphuket.wyndigitalgroup.com/wp-content/uploads/2026/08/CPN-Regular.woff2') format('woff2');
}
/* End Custom Fonts CSS */