.elementor-17803 .elementor-element.elementor-element-ba13f03:not(.elementor-motion-effects-element-type-background), .elementor-17803 .elementor-element.elementor-element-ba13f03 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://siamsmartsolutions.com/wp-content/uploads/2021/07/Contrast2.png");background-size:cover;}.elementor-17803 .elementor-element.elementor-element-ba13f03 > .elementor-container{min-height:390px;}.elementor-17803 .elementor-element.elementor-element-ba13f03{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-17803 .elementor-element.elementor-element-ba13f03 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-17803 .elementor-element.elementor-element-fc83240{width:100%;max-width:100%;}.elementor-17803 .elementor-element.elementor-element-5e50955{--display:flex;--min-height:800px;--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-17803 .elementor-element.elementor-element-3f373b1{--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-17803 .elementor-element.elementor-element-3f373b1.e-con{--flex-grow:0;--flex-shrink:0;}.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-17803 .elementor-element.elementor-element-eedc873 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-17803 .elementor-element.elementor-element-eedc873 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-17803 .elementor-element.elementor-element-eedc873 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-17803 .elementor-element.elementor-element-eedc873 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-17803 .elementor-element.elementor-element-eedc873 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-17803 .elementor-element.elementor-element-eedc873 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-17803 .elementor-element.elementor-element-eedc873 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-17803 .elementor-element.elementor-element-eedc873 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-17803 .elementor-element.elementor-element-eedc873 .elementor-field-group > label, .elementor-17803 .elementor-element.elementor-element-eedc873 .elementor-field-subgroup label{color:#000000;}.elementor-17803 .elementor-element.elementor-element-eedc873 .elementor-field-group > label{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-17803 .elementor-element.elementor-element-eedc873 .elementor-field-type-html{padding-bottom:0px;}.elementor-17803 .elementor-element.elementor-element-eedc873 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-17803 .elementor-element.elementor-element-eedc873 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-17803 .elementor-element.elementor-element-eedc873 .e-form__buttons__wrapper__button-next{background-color:#070060;color:#FFFFFF;}.elementor-17803 .elementor-element.elementor-element-eedc873 .elementor-button[type="submit"]{background-color:#070060;color:#FFFFFF;}.elementor-17803 .elementor-element.elementor-element-eedc873 .elementor-button[type="submit"] svg *{fill:#FFFFFF;}.elementor-17803 .elementor-element.elementor-element-eedc873 .e-form__buttons__wrapper__button-previous{background-color:#00015F;color:#ffffff;}.elementor-17803 .elementor-element.elementor-element-eedc873 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-17803 .elementor-element.elementor-element-eedc873 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-17803 .elementor-element.elementor-element-eedc873 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-17803 .elementor-element.elementor-element-eedc873 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-17803 .elementor-element.elementor-element-eedc873{--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;}.elementor-17803 .elementor-element.elementor-element-68763af{--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-17803 .elementor-element.elementor-element-b9f77ac{width:100%;max-width:100%;}.elementor-17803 .elementor-element.elementor-element-b9f77ac.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-17803 .elementor-element.elementor-element-da01b4b{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-17803 .elementor-element.elementor-element-6f68a86.elementor-element{--align-self:center;}.elementor-17803 .elementor-element.elementor-element-6f68a86 .elementor-heading-title{color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-17803 .elementor-element.elementor-element-6309769.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-17803 .elementor-element.elementor-element-6309769 iframe{height:600px;}.elementor-17803 .elementor-element.elementor-element-0a6e4af{--display:flex;}.elementor-widget-image .widget-image-caption{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-17803 .elementor-element.elementor-element-aeedae6{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-17803 .elementor-element.elementor-element-aeedae6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-17803 .elementor-element.elementor-element-aeedae6 img{height:600px;}.elementor-17803 .elementor-element.elementor-element-047c968{--spacer-size:10px;}.elementor-17803 .elementor-element.elementor-element-af0c91e{--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-17803 .elementor-element.elementor-element-68b14a1{--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-17803 .elementor-element.elementor-element-399eb63.elementor-element{--align-self:center;}.elementor-17803 .elementor-element.elementor-element-399eb63 .elementor-heading-title{color:#000000;}.elementor-17803 .elementor-element.elementor-element-f1c1d8c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-17803 .elementor-element.elementor-element-f1c1d8c.e-con{--align-self:center;}.elementor-17803 .elementor-element.elementor-element-739077d{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17803 .elementor-element.elementor-element-1381a71{--display:flex;}.elementor-17803 .elementor-element.elementor-element-142c83d{--display:flex;}.elementor-17803 .elementor-element.elementor-element-57a113b{--display:flex;}.elementor-17803 .elementor-element.elementor-element-f08c0bc{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-17803 .elementor-element.elementor-element-e5f4e7d{--display:flex;}.elementor-17803 .elementor-element.elementor-element-09b1204{--display:flex;}.elementor-17803 .elementor-element.elementor-element-afcc928{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-17803 .elementor-element.elementor-element-e00ce8f{--display:flex;}.elementor-17803 .elementor-element.elementor-element-8f60912{--spacer-size:10px;}@media(min-width:768px){.elementor-17803 .elementor-element.elementor-element-3f373b1{--width:50%;}.elementor-17803 .elementor-element.elementor-element-68763af{--width:50%;}.elementor-17803 .elementor-element.elementor-element-f1c1d8c{--content-width:1140px;}.elementor-17803 .elementor-element.elementor-element-1381a71{--width:100%;}.elementor-17803 .elementor-element.elementor-element-142c83d{--width:100%;}.elementor-17803 .elementor-element.elementor-element-57a113b{--width:100%;}.elementor-17803 .elementor-element.elementor-element-f08c0bc{--width:100%;}.elementor-17803 .elementor-element.elementor-element-e5f4e7d{--width:100%;}.elementor-17803 .elementor-element.elementor-element-09b1204{--width:100%;}.elementor-17803 .elementor-element.elementor-element-afcc928{--content-width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-17803 .elementor-element.elementor-element-3f373b1{--width:405.797px;}.elementor-17803 .elementor-element.elementor-element-1e69c22{width:100%;}.elementor-17803 .elementor-element.elementor-element-0460d19{width:100%;}}@media(max-width:1024px){.elementor-17803 .elementor-element.elementor-element-6309769{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-17803 .elementor-element.elementor-element-aeedae6{width:var( --container-widget-width, 724.5px );max-width:724.5px;--container-widget-width:724.5px;--container-widget-flex-grow:0;}.elementor-17803 .elementor-element.elementor-element-739077d{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-17803 .elementor-element.elementor-element-aeedae6 img{width:100%;max-width:100%;height:500px;border-radius:0px 0px 0px 0px;}.elementor-17803 .elementor-element.elementor-element-739077d{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-17803 .elementor-element.elementor-element-afcc928{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-e75309a *//* คอนเทนเนอร์หลักฝั่งซ้าย */
.sss-get-in-touch-wrapper {
    width: 100%;
    font-family: 'Sarabun', Arial, sans-serif;
    box-sizing: border-box;
}

/* การจัดระยะหัวข้อ */
.sss-heading-group {
    margin-bottom: 25px;
}

/* ตัวหนังสือ GET IN TOUCH */
.sss-main-heading {
    font-size: 24px;
    font-weight: 700;
    color: #0f172a; /* สีน้ำเงินเข้ม/ดำ */
    margin: 0 0 8px 0;
    letter-spacing: 0.5px;
}

/* เส้นขีดสีเหลืองใต้หัวข้อ */
.sss-yellow-line {
    width: 45px;
    height: 4px;
    background-color: #ffb703; /* สีเหลืองสว่างตามรูปแบบ */
    margin-bottom: 18px;
}

/* ข้อความอธิบายย่อย */
.sss-sub-heading-text {
    font-size: 14.5px;
    color: #64748b; /* สีเทาซอฟท์อ่านง่าย */
    line-height: 1.6;
    margin: 0;
}

/* พื้นที่กล่องฟอร์มด้านล่าง */
.sss-form-placement-area {
    width: 100%;
    margin-top: 10px;
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-eedc873 *//* =================================================================
   Siam Smart Solutions - Universal Clean Form Style CSS
   ================================================================= */

/* ⚪ 1. จัดการระยะห่างโดยรวมของฟอร์ม */
.sss-form-placement-area form,
.elementor-17803 .elementor-element.elementor-element-eedc873 .elementor-form {
    display: flex;
    flex-wrap: wrap;
    row-gap: 16px !important;
    column-gap: 16px !important;
    width: 100%;
}

/* ✍️ 2. แต่งสไตล์ช่องกรอกข้อมูลทั้งหมด (Inputs, Textarea, Select) ให้เป็นเส้นขอบบางสีเทา */
.sss-form-placement-area input[type="text"],
.sss-form-placement-area input[type="email"],
.sss-form-placement-area input[type="tel"],
.sss-form-placement-area select,
.sss-form-placement-area textarea,
.elementor-17803 .elementor-element.elementor-element-eedc873 .elementor-field-group input,
.elementor-17803 .elementor-element.elementor-element-eedc873 .elementor-field-group textarea,
.elementor-17803 .elementor-element.elementor-element-eedc873 .elementor-field-group select {
    background-color: #ffffff !important;
    border: 1px solid #dcdcdc !important; /* เส้นขอบเทาบางตามรูปต้นฉบับ */
    border-radius: 4px !important; /* ขอบมนนิดๆ 4px */
    color: #333333 !important;
    padding: 11px 14px !important;
    font-family: 'Sarabun', Arial, sans-serif !important;
    font-size: 14px !important;
    width: 100%;
    box-sizing: border-box !important;
    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out !important;
}

/* 🔽 3. สไตล์เฉพาะสำหรับกล่องตัวเลือก Dropdown (Select) */
.sss-form-placement-area select,
.elementor-17803 .elementor-element.elementor-element-eedc873 .elementor-field-group select {
    color: #666666 !important;
    appearance: none !important; /* ล้างลูกศรเก่าของเบราว์เซอร์ */
    -webkit-appearance: none !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%230056b3' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: calc(100% - 15px) center !important;
    padding-right: 40px !important;
}

/* 💡 เอฟเฟกต์ช่องกรอกเมื่อเอาเมาส์ไปชี้ (Hover) */
.sss-form-placement-area input:hover,
.sss-form-placement-area textarea:hover,
.sss-form-placement-area select:hover,
.elementor-17803 .elementor-element.elementor-element-eedc873 .elementor-field-group input:hover,
.elementor-17803 .elementor-element.elementor-element-eedc873 .elementor-field-group textarea:hover {
    border-color: #aaaaaa !important;
}

/* ✨ เอฟเฟกต์ขณะกำลังคลิกพิมพ์ข้อความ (Focus) */
.sss-form-placement-area input:focus,
.sss-form-placement-area textarea:focus,
.sss-form-placement-area select:focus,
.elementor-17803 .elementor-element.elementor-element-eedc873 .elementor-field-group input:focus,
.elementor-17803 .elementor-element.elementor-element-eedc873 .elementor-field-group textarea:focus {
    border-color: #ffb703 !important; /* เปลี่ยนเส้นขอบเป็นสีเหลืองทองบางๆ */
    box-shadow: 0 0 0 3px rgba(255, 183, 3, 0.1) !important;
    outline: none !important;
}

/* เปลี่ยนสีข้อความตัวอย่างจางๆ (Placeholder) */
.sss-form-placement-area ::placeholder,
.elementor-17803 .elementor-element.elementor-element-eedc873 .elementor-field::placeholder {
    color: #999999 !important;
    font-size: 13.5px !important;
    opacity: 1;
}

/* 📋 4. ปรับแต่งส่วนข้อความยินยอม Privacy Checkbox */
.sss-form-placement-area input[type="checkbox"],
.elementor-17803 .elementor-element.elementor-element-eedc873 .elementor-field-type-acceptance input[type="checkbox"] {
    width: auto !important;
    margin-right: 8px !important;
    cursor: pointer;
}

.sss-form-placement-area label,
.elementor-17803 .elementor-element.elementor-element-eedc873 .elementor-field-type-acceptance label {
    font-size: 13.5px !important;
    color: #444444 !important;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

/* 💛 5. สไตล์ปุ่มส่งข้อความสีเหลืองสด (SEND MESSAGE) */
.sss-form-placement-area button[type="submit"],
.sss-form-placement-area input[type="submit"],
.elementor-17803 .elementor-element.elementor-element-eedc873 .elementor-button {
    background-color: #ffb703 !important; /* สีเหลืองสว่างตามแบบเป๊ะๆ */
    color: #000000 !important; /* ตัวหนังสือสีดำ */
    font-family: 'Sarabun', Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px;
    border-radius: 4px !important;
    padding: 12px 28px !important;
    border: none !important;
    cursor: pointer !important;
    display: inline-flex !important; /* บังคับให้ขนาดปุ่มหดกระชับตามตัวอักษร ไม่แผ่เต็มหน้าจอ */
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    transition: background-color 0.2s ease, transform 0.1s ease !important;
    box-shadow: none !important;
}

/* เอฟเฟกต์เมื่อเมาส์ชี้ปุ่มส่ง */
.sss-form-placement-area button[type="submit"]:hover,
.sss-form-placement-area input[type="submit"]:hover,
.elementor-17803 .elementor-element.elementor-element-eedc873 .elementor-button:hover {
    background-color: #e5a100 !important; /* สีเหลืองเข้มขึ้นเล็กน้อยเวลาเมาส์ชี้ */
    color: #000000 !important;
}

/* บังคับให้ปุ่มและโครงสร้างของ Elementor จัดชิดซ้ายเสมอ */
.elementor-17803 .elementor-element.elementor-element-eedc873 .elementor-button-wrapper {
    text-align: left !important;
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b9f77ac *//* =================================================================
   Siam Smart Solutions - Company Info Column Style CSS
   ================================================================= */

/* คอนเทนเนอร์หลักฝั่งขวา */
.sss-company-info-wrapper {
    width: 100%;
    font-family: 'Sarabun', Arial, sans-serif;
    box-sizing: border-box;
    padding-left: 15px; /* เว้นระยะจากฝั่งฟอร์มเล็กน้อย */
}

/* 📌 จัดการส่วนหัวข้อ */
.sss-info-heading-group {
    margin-bottom: 30px;
}

.sss-info-heading {
    font-size: 24px;
    font-weight: 700;
    color: #0f172a; /* สีน้ำเงินเข้ม/ดำ */
    margin: 0 0 8px 0;
    letter-spacing: 0.5px;
}

.sss-info-yellow-line {
    width: 45px;
    height: 4px;
    background-color: #ffb703; /* สีเหลืองสว่างประจำแบรนด์ */
    margin-bottom: 0;
}

/* 📋 จัดการโครงสร้างรายการ (List Items) */
.sss-info-list {
    display: flex;
    flex-direction: column;
    gap: 28px; /* ระยะห่างที่พอดีระหว่างหมวดหมู่ข้อมูล */
}

.sss-info-item {
    display: flex;
    align-items: flex-start; /* ให้ไอคอนอยู่ระนาบเดียวกับข้อความบรรทัดแรก */
    gap: 20px; /* ระยะห่างระหว่างไอคอนกับกล่องข้อความ */
}

/* 📦 จัดการขนาดไอคอน (กรณีเปลี่ยนจาก Emoji เป็นรูปภาพหรือ FontAwesome จะได้ไม่เพี้ยน) */
.sss-info-icon-box {
    font-size: 22px;
    color: #0f172a;
    width: 25px;
    text-align: center;
    flex-shrink: 0; /* บังคับไม่ให้ไอคอนหดตัวเวลาเจอข้อความยาวๆ */
    margin-top: 2px;
}

/* 📝 จัดการส่วน Text */
.sss-info-text-box {
    display: flex;
    flex-direction: column;
    gap: 4px; /* ระยะห่างระหว่างหัวข้อตัวหนา กับข้อความอธิบายย่อย */
}

/* หัวข้อตัวหนา (ชื่อบริษัท / เบอร์โทร / อีเมล) */
.sss-info-title {
    font-size: 15.5px;
    font-weight: 700;
    color: #0f172a;
    margin: 0;
    line-height: 1.2;
}

/* ลิงก์เว็บไซต์ */
.sss-info-title a {
    color: #0f172a;
    text-decoration: none;
    transition: color 0.2s ease;
}

.sss-info-title a:hover {
    color: #ffb703; /* เปลี่ยนเป็นสีเหลืองเวลาชี้เมาส์ */
}

/* ข้อความอธิบายย่อย (รายละเอียดบริการ / เวลาทำการ) */
.sss-info-desc {
    font-size: 13.5px;
    color: #64748b; /* สีเทาซอฟท์ตามต้นฉบับ */
    margin: 0;
    line-height: 1.4;
}

/* สไตล์เฉพาะสำหรับที่อยู่ (Address) ที่ไม่มีหัวข้อตัวหนา */
.sss-address-text {
    font-size: 14.5px;
    font-weight: 600;
    color: #0f172a; /* บังคับให้เป็นสีเข้มชัดเจนเหมือนตัวหนาข้ออื่น */
    line-height: 1.5;
}

/* รองรับการแสดงผลบนจอมือถือ */
@media (max-width: 768px) {
    .sss-company-info-wrapper {
        padding-left: 0; /* ล้าง Padding ออกเมื่อสลับลงมาเรียงแนวตั้ง */
        margin-top: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-be143f7 *//* พื้นที่ Section หลักและ Container */
.info-cards-section {
    background-color: #ffffff;
    padding: 60px 20px;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    color: #333333;
}

.info-cards-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    gap: 30px; /* ระยะห่างระหว่างกล่อง 3 ใบ */
}

/* ดีไซน์พื้นหลังของแต่ละกล่อง (สีเทาอ่อน) */
.info-card-box {
    flex: 1; /* แบ่งพื้นที่ 3 กล่องให้เท่ากัน 33.33% */
    background-color: #f8fafc; 
    border-radius: 8px;
    padding: 35px 30px;
    box-sizing: border-box;
}

/* ส่วนหัวของกล่อง (Icon + Title) */
.card-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
}

.card-icon {
    background-color: #0f172a; /* สีน้ำเงินเข้ม */
    color: #ffffff;
    width: 45px;
    height: 45px;
    border-radius: 8px; /* สี่เหลี่ยมขอบมน ตามรูปต้นฉบับ */
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}

.card-title {
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    color: #0f172a;
}

/* ล้างค่าจุดไข่ปลาของ List ทุกตัว */
.info-card-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* -------------------------------------
   กล่อง 1: Business Hours 
-------------------------------------- */
.hours-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 20px;
    font-size: 14px;
}

.bullet-yellow {
    color: #ffb703;
    font-size: 12px;
    margin-top: 2px;
}

.bullet-none {
    width: 12px; /* จองพื้นที่ไว้ให้ข้อความตรงกัน แม้ไม่มีจุด */
}

.time-details {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.time-details strong {
    color: #0f172a;
    font-weight: 600;
}

.time-details span {
    color: #64748b;
}

/* -------------------------------------
   กล่อง 2: Why Contact Us? 
-------------------------------------- */
.check-list li {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
    font-size: 14px;
    color: #334155;
}

.check-yellow {
    color: #ffb703;
    font-weight: bold;
    font-size: 14px;
}

/* -------------------------------------
   กล่อง 3: FAQ 
-------------------------------------- */
.faq-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #e2e8f0; /* เส้นคั่นบางๆ ใต้คำถาม */
    font-size: 14px;
    color: #334155;
    cursor: pointer;
}

/* ลบเส้นคั่นอันสุดท้ายออก */
.faq-list li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.faq-question {
    font-weight: 500;
}

.arrow-right {
    color: #64748b;
    font-size: 18px;
    font-weight: bold;
}

.see-all-link {
    display: inline-block;
    margin-top: 20px;
    color: #2563eb; /* สีฟ้าลิงก์ */
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
}

.see-all-link:hover {
    text-decoration: underline;
}

/* -------------------------------------
   Responsive (รองรับหน้าจอมือถือ)
-------------------------------------- */
@media (max-width: 992px) {
    .info-cards-container {
        flex-direction: column;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ff57136 *//* บังคับให้รูปภาพในกล่องนี้มีความสูงเท่ากันโดยสัดส่วนไม่เพี้ยน */
.elementor-17803 .elementor-element.elementor-element-ff57136 img {
    width: auto !important;
    max-width: 100% !important;
    height: 500px !important; /* 🛠️ ปรับตัวเลขความสูง (px) ได้ตามต้องการ */
    object-fit: contain !important; /* คุมระเบียบไม่ให้รูปโดนบีบหรือยืดเกลียด */
    display: block;
    margin: 0 auto; /* จัดรูปให้อยู่กึ่งกลางกล่อง */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d71437e *//* บังคับให้รูปภาพในกล่องนี้มีความสูงเท่ากันโดยสัดส่วนไม่เพี้ยน */
.elementor-17803 .elementor-element.elementor-element-d71437e img {
    width: auto !important;
    max-width: 100% !important;
    height: 500px !important; /* 🛠️ ปรับตัวเลขความสูง (px) ได้ตามต้องการ */
    object-fit: contain !important; /* คุมระเบียบไม่ให้รูปโดนบีบหรือยืดเกลียด */
    display: block;
    margin: 0 auto; /* จัดรูปให้อยู่กึ่งกลางกล่อง */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8c3d5f0 *//* บังคับให้รูปภาพในกล่องนี้มีความสูงเท่ากันโดยสัดส่วนไม่เพี้ยน */
.elementor-17803 .elementor-element.elementor-element-8c3d5f0 img {
    width: auto !important;
    max-width: 100% !important;
    height: 500px !important; /* 🛠️ ปรับตัวเลขความสูง (px) ได้ตามต้องการ */
    object-fit: contain !important; /* คุมระเบียบไม่ให้รูปโดนบีบหรือยืดเกลียด */
    display: block;
    margin: 0 auto; /* จัดรูปให้อยู่กึ่งกลางกล่อง */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e07a155 *//* บังคับให้รูปภาพในกล่องนี้มีความสูงเท่ากันโดยสัดส่วนไม่เพี้ยน */
.elementor-17803 .elementor-element.elementor-element-e07a155 img {
    width: auto !important;
    max-width: 100% !important;
    height: 500px !important; /* 🛠️ ปรับตัวเลขความสูง (px) ได้ตามต้องการ */
    object-fit: contain !important; /* คุมระเบียบไม่ให้รูปโดนบีบหรือยืดเกลียด */
    display: block;
    margin: 0 auto; /* จัดรูปให้อยู่กึ่งกลางกล่อง */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e5a5831 *//* บังคับให้รูปภาพในกล่องนี้มีความสูงเท่ากันโดยสัดส่วนไม่เพี้ยน */
.elementor-17803 .elementor-element.elementor-element-e5a5831 img {
    width: auto !important;
    max-width: 100% !important;
    height: 500px !important; /* 🛠️ ปรับตัวเลขความสูง (px) ได้ตามต้องการ */
    object-fit: contain !important; /* คุมระเบียบไม่ให้รูปโดนบีบหรือยืดเกลียด */
    display: block;
    margin: 0 auto; /* จัดรูปให้อยู่กึ่งกลางกล่อง */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-68d1e3e *//* บังคับให้รูปภาพในกล่องนี้มีความสูงเท่ากันโดยสัดส่วนไม่เพี้ยน */
.elementor-17803 .elementor-element.elementor-element-68d1e3e img {
    width: auto !important;
    max-width: 100% !important;
    height: 500px !important; /* 🛠️ ปรับตัวเลขความสูง (px) ได้ตามต้องการ */
    object-fit: contain !important; /* คุมระเบียบไม่ให้รูปโดนบีบหรือยืดเกลียด */
    display: block;
    margin: 0 auto; /* จัดรูปให้อยู่กึ่งกลางกล่อง */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0c435c9 *//* บังคับให้รูปภาพในกล่องนี้มีความสูงเท่ากันโดยสัดส่วนไม่เพี้ยน */
.elementor-17803 .elementor-element.elementor-element-0c435c9 img {
    width: auto !important;
    max-width: 100% !important;
    height: 500px !important; /* 🛠️ ปรับตัวเลขความสูง (px) ได้ตามต้องการ */
    object-fit: contain !important; /* คุมระเบียบไม่ให้รูปโดนบีบหรือยืดเกลียด */
    display: block;
    margin: 0 auto; /* จัดรูปให้อยู่กึ่งกลางกล่อง */
}/* End custom CSS */