.elementor-367143 .elementor-element.elementor-element-14f39e4 .elementor-heading-title{font-size:56px;font-weight:700;color:#000000;}.elementor-367143 .elementor-element.elementor-element-14f39e4 .elementor-heading-title a:hover, .elementor-367143 .elementor-element.elementor-element-14f39e4 .elementor-heading-title a:focus{color:#003668;}.elementor-367143 .elementor-element.elementor-element-2bf2424 .elementor-heading-title{font-size:36px;font-weight:700;color:#000000;}.elementor-367143 .elementor-element.elementor-element-2bf2424 .elementor-heading-title a:hover, .elementor-367143 .elementor-element.elementor-element-2bf2424 .elementor-heading-title a:focus{color:#003668;}.elementor-367143 .elementor-element.elementor-element-4adf7de{--divider-border-style:solid;--divider-color:#68696B;--divider-border-width:2px;}.elementor-367143 .elementor-element.elementor-element-4adf7de .elementor-divider-separator{width:100%;}.elementor-367143 .elementor-element.elementor-element-4adf7de .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-367143 .elementor-element.elementor-element-ab7fd62 .elementor-heading-title{font-size:32px;font-weight:700;color:#000000;}.elementor-367143 .elementor-element.elementor-element-ab7fd62 .elementor-heading-title a:hover, .elementor-367143 .elementor-element.elementor-element-ab7fd62 .elementor-heading-title a:focus{color:#003668;}.elementor-367143 .elementor-element.elementor-element-c2e1ae4 .elementor-heading-title{font-size:22px;font-weight:400;color:#000000;}.elementor-367143 .elementor-element.elementor-element-c2e1ae4 .elementor-heading-title a:hover, .elementor-367143 .elementor-element.elementor-element-c2e1ae4 .elementor-heading-title a:focus{color:#003668;}.elementor-367143 .elementor-element.elementor-element-54958ee{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-367143 .elementor-element.elementor-element-54958ee > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}@media(max-width:1024px){.elementor-367143 .elementor-element.elementor-element-3fcb2ef{padding:0px 20px 0px 20px;}.elementor-367143 .elementor-element.elementor-element-14f39e4 .elementor-heading-title{font-size:36px;}.elementor-367143 .elementor-element.elementor-element-2bf2424 .elementor-heading-title{font-size:36px;}.elementor-367143 .elementor-element.elementor-element-ab7fd62 .elementor-heading-title{font-size:36px;}.elementor-367143 .elementor-element.elementor-element-c2e1ae4 .elementor-heading-title{font-size:36px;}.elementor-367143 .elementor-element.elementor-element-54958ee{padding:0px 30px 0px 30px;}}@media(max-width:767px){.elementor-367143 .elementor-element.elementor-element-14f39e4 > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-367143 .elementor-element.elementor-element-14f39e4{text-align:left;}.elementor-367143 .elementor-element.elementor-element-14f39e4 .elementor-heading-title{font-size:24px;}.elementor-367143 .elementor-element.elementor-element-2bf2424 > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-367143 .elementor-element.elementor-element-2bf2424{text-align:left;}.elementor-367143 .elementor-element.elementor-element-2bf2424 .elementor-heading-title{font-size:24px;}.elementor-367143 .elementor-element.elementor-element-ab7fd62 > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-367143 .elementor-element.elementor-element-ab7fd62{text-align:left;}.elementor-367143 .elementor-element.elementor-element-ab7fd62 .elementor-heading-title{font-size:24px;}.elementor-367143 .elementor-element.elementor-element-c2e1ae4 > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-367143 .elementor-element.elementor-element-c2e1ae4{text-align:left;}.elementor-367143 .elementor-element.elementor-element-c2e1ae4 .elementor-heading-title{font-size:22px;}}/* Start custom CSS */.txt_blue {
    color: #0c8cff;
}
.txt_orange {
    color: #f8ba31;
}
.forminator-input, 
.forminator-select--mask,
select.forminator-select {
    border-radius: 8px !important;
}
/* 1. จัดการตัวหุ้มด้านนอกสุด */
.my-select-white .forminator-select,
.my-select-white .select2-container {
    border-radius: 20px !important;
}

/* 2. จัดการตัวเลือก (Selection) ที่แสดงผล - ตัวนี้แหละที่มักจะทำให้ขอบขาด */
.my-select-white .select2-selection--single {
    border-radius: 8px !important;
    border: 1px solid #7b7b7b !important; /* บังคับสีเส้นขอบให้ชัดเจน */
    height: 40px !important; /* ปรับความสูงให้พอดีกับช่องอื่นๆ */
    overflow: hidden !important; /* ตัดส่วนที่เกินออกให้โค้งตามรูป */
}

/* 3. จัดการข้อความข้างใน ไม่ให้เบียดขอบที่โค้ง */
.my-select-white .select2-selection__rendered {
    padding-left: 15px !important;
    line-height: 45px !important;
}

/* 4. จัดการลูกศรด้านขวา ไม่ให้ทับขอบโค้ง */
.my-select-white .select2-selection__arrow {
    height: 45px !important;
    right: 10px !important;
}
/* 1. ลบขอบเทาและพื้นหลังเดิมของรูปภาพ */
.my-select-image .forminator-radio-image {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 auto !important;
}
/* 2. ลบเส้นขอบหลอก (Pseudo-elements) ที่ Forminator สร้างไว้ */
.my-select-image .forminator-radio-image::before,
.my-select-image .forminator-radio-image::after {
    display: none !important;
    content: none !important;
}
/* 3. ลบขอบและพื้นหลังของตัว Label (ตัวครอบชั้นนอก) */
.my-select-image .forminator-radio {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
}
/* 4. เมื่อ Hover: ให้ขอบฟ้าแนบชิดรูป */
.my-select-image .forminator-radio-image:hover {
    outline: 2px solid #1b9dff !important;
    outline-offset: -2px !important;
    border-radius: 8px !important;
}
/* 5. เมื่อเลือกแล้ว (Checked): ให้ขอบฟ้าค้างไว้และแนบชิดรูป */
.my-select-image .forminator-is_checked .forminator-radio-image {
    outline: 2px solid #1b9dff !important;
    outline-offset: -2px !important;
    border-radius: 8px !important;
}
.my-select-white .select2-selection--single,.my-select-white .select2-selection__arrow {
    background-color: #ffffff !important;
}
/* ลบสีเทาจากตัว Container หลัก */
.my-select-white .select2-container--default .select2-selection--single {
    background-color: #ffffff !important;
}
.forminator-row:nth-child(3) {
    margin-bottom: unset !important;
}
.forminator-label {
    font-size: 20px !important;
}
.forminator-row div#html-1 {
    margin-bottom: -15px !important;
}
span.forminator-radio-label {
    font-size: 24px !important;
}
/* บังคับให้ปุ่มที่มีคลาส submit-form-smp แสดงผลเต็มความกว้กว้าง */
.submit-form-smp {
    width: 100% !important;
    display: block !important;
    padding: 10px 30px !important;
    font-size: 24px !important;    
    border-radius: 50px !important;
    background-color: #1b9dff !important;
    border: none !important;
    color: #ffffff !important;   
    transition: all 0.3s ease;
}
/* เอฟเฟกต์เมื่อ Hover ที่ปุ่ม */
.submit-form-smp:hover {
    background-color: #0085eb !important; 
    box-shadow: 0 4px 15px rgba(27, 157, 255, 0.4) !important;
}

@media screen and (max-width: 1024px) {
    /* 1. จัดคอลัมน์ให้อยู่ตรงกลางหน้าจอ */
    .my-select-image.forminator-col {
        display: block !important;
        width: 100% !important;
        float: none !important;
        padding: 10px 0 !important;
        text-align: center !important; /* จัดองค์ประกอบข้างในให้อยู่กลาง */
    }

    /* 2. จัดระเบียบตัว Radio (ตัวครอบชั้นใน) ให้กึ่งกลาง */
    .my-select-image .forminator-radio {
        display: inline-block !important; /* เปลี่ยนจาก block เป็น inline-block เพื่อให้จัดกึ่งกลางได้ */
        margin: 0 auto !important;
        text-align: center !important;
    }
    /* 3. บังคับกรอบรูปภาพให้กึ่งกลางและมีขนาดคงที่ */
    .my-select-image .forminator-radio-image {
        display: block !important;
        width: 180px !important; 
        height: 180px !important;
        margin: 0px auto !important;
        padding: 8px !important;
        position: relative !important;
        border: none !important;
        background: transparent !important;
    }

    /* 4. ดึงรูปกลับมาแสดงผล (ใช้โค้ดเดิมที่คุณถนัด) */
    .my-select-image .forminator-radio-image > span {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        background-size: contain !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }
    /* 6. ขอบสีฟ้าแนบชิด */
    .my-select-image .forminator-radio-image:hover,
    .my-select-image .forminator-is_checked .forminator-radio-image {
        outline: 2px solid #1b9dff !important;
        outline-offset: -2px !important;
        border-radius: 12px !important;
    }
}
@media screen and (max-width: 579px) {
    /* 1. จัดคอลัมน์ให้แบ่ง 2 ฝั่งพอดี (ใช้ calc ช่วยหักลบ padding) */
    .my-select-image.forminator-col {
        display: inline-block !important;
        float: left !important;
        padding: 8px !important; 
        box-sizing: border-box !important;
        margin: 0 !important;
    }

    /* 2. บังคับขนาดรูปให้เล็กลงเพื่อให้วางคู่กันได้ในจอ 579px */
    .my-select-image .forminator-radio-image {
        display: block !important;
        width: 150px !important; /* ปรับขนาดให้เหมาะสมกับหน้าจอ 579px */
        height: 150px !important;
        margin: 0 auto !important;
        padding: 5 !important;
        position: relative !important;
        background: transparent !important;
        border: none !important;
    }

    /* 3. ดึงรูปกลับมาแสดงผลเต็มพื้นที่ขอบฟ้า */
    .my-select-image .forminator-radio-image > span {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        background-size: contain !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

    /* 4. ขอบสีฟ้าแนบชิดรูป */
    .my-select-image .forminator-radio-image:hover,
    .my-select-image .forminator-is_checked .forminator-radio-image {
        outline: 2px solid #1b9dff !important;
        outline-offset: -2px !important;
        border-radius: 12px !important;
    }

    /* 5. ปรับฟอนต์ชื่อคณะ */
    .my-select-image .forminator-radio-label {
        font-size: 18px !important;
        text-align: center !important;
        display: block !important;
        margin-top: 8px !important;
        line-height: 1.2 !important;
    }
}/* End custom CSS */