.elementor-2567 .elementor-element.elementor-element-24560e1{--display:flex;--min-height:350px;--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;--justify-content:center;--overlay-opacity:0.8;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-2567 .elementor-element.elementor-element-24560e1:not(.elementor-motion-effects-element-type-background), .elementor-2567 .elementor-element.elementor-element-24560e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ffittechthailand.com/wp-content/uploads/2025/12/cover-contact-1.webp");background-position:center center;background-repeat:repeat;background-size:cover;}.elementor-2567 .elementor-element.elementor-element-24560e1::before, .elementor-2567 .elementor-element.elementor-element-24560e1 > .elementor-background-video-container::before, .elementor-2567 .elementor-element.elementor-element-24560e1 > .e-con-inner > .elementor-background-video-container::before, .elementor-2567 .elementor-element.elementor-element-24560e1 > .elementor-background-slideshow::before, .elementor-2567 .elementor-element.elementor-element-24560e1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2567 .elementor-element.elementor-element-24560e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-a5efbfa );--background-overlay:'';}.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-2567 .elementor-element.elementor-element-9042b22{text-align:center;}.elementor-2567 .elementor-element.elementor-element-9042b22 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:600;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.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-2567 .elementor-element.elementor-element-7978f99{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;text-align:center;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-2567 .elementor-element.elementor-element-7978f99.elementor-element{--align-self:center;}.elementor-2567 .elementor-element.elementor-element-03102e6{--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:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-2567 .elementor-element.elementor-element-03102e6:not(.elementor-motion-effects-element-type-background), .elementor-2567 .elementor-element.elementor-element-03102e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2567 .elementor-element.elementor-element-3e877ae{--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-2567 .elementor-element.elementor-element-19e681a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2567 .elementor-element.elementor-element-f93b1ef{--n-accordion-title-font-size:16px;width:auto;max-width:auto;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-title-icon-order:-1;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#000000;--n-accordion-title-hover-color:#FFFFFF;--n-accordion-title-active-color:#FFFFFF;--n-accordion-icon-size:15px;}.elementor-2567 .elementor-element.elementor-element-f93b1ef > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#EEEEEE;}.elementor-2567 .elementor-element.elementor-element-f93b1ef > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{background-color:var( --e-global-color-9a1406b );}.elementor-2567 .elementor-element.elementor-element-f93b1ef > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:var( --e-global-color-9a1406b );}.elementor-2567 .elementor-element.elementor-element-f93b1ef.elementor-element{--align-self:flex-start;}:where( .elementor-2567 .elementor-element.elementor-element-f93b1ef > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-weight:700;}.elementor-2567 .elementor-element.elementor-element-26bd8e3{--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-2567 .elementor-element.elementor-element-1b3094a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:700;color:var( --e-global-color-a5efbfa );}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2567 .elementor-element.elementor-element-12c173d{--grid-columns:3;}.elementor-2567 .elementor-element.elementor-element-12c173d .elementor-loop-container{grid-auto-rows:1fr;}.elementor-2567 .elementor-element.elementor-element-12c173d .e-loop-item > .elementor-section, .elementor-2567 .elementor-element.elementor-element-12c173d .e-loop-item > .elementor-section > .elementor-container, .elementor-2567 .elementor-element.elementor-element-12c173d .e-loop-item > .e-con, .elementor-2567 .elementor-element.elementor-element-12c173d .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-2567 .elementor-element.elementor-element-12c173d .elementor-pagination{text-align:center;margin-top:20px;}.elementor-2567 .elementor-element.elementor-element-12c173d .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-a5efbfa );}.elementor-2567 .elementor-element.elementor-element-12c173d .elementor-pagination a.page-numbers:hover{color:var( --e-global-color-9a1406b );}.elementor-2567 .elementor-element.elementor-element-12c173d .elementor-pagination .page-numbers.current{color:var( --e-global-color-9a1406b );}body:not(.rtl) .elementor-2567 .elementor-element.elementor-element-12c173d .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-2567 .elementor-element.elementor-element-12c173d .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-2567 .elementor-element.elementor-element-12c173d .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-2567 .elementor-element.elementor-element-12c173d .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:1366px){.elementor-2567 .elementor-element.elementor-element-12c173d{--grid-row-gap:20px;--grid-column-gap:20px;}}@media(min-width:481px){.elementor-2567 .elementor-element.elementor-element-3e877ae{--width:25%;}.elementor-2567 .elementor-element.elementor-element-26bd8e3{--width:73%;}}@media(max-width:1366px) and (min-width:481px){.elementor-2567 .elementor-element.elementor-element-26bd8e3{--width:72%;}}@media(max-width:768px) and (min-width:481px){.elementor-2567 .elementor-element.elementor-element-3e877ae{--width:100%;}.elementor-2567 .elementor-element.elementor-element-26bd8e3{--width:100%;}}@media(min-width:1367px){.elementor-2567 .elementor-element.elementor-element-24560e1:not(.elementor-motion-effects-element-type-background), .elementor-2567 .elementor-element.elementor-element-24560e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:1024px){.elementor-2567 .elementor-element.elementor-element-9042b22 .elementor-heading-title{font-size:35px;}.elementor-2567 .elementor-element.elementor-element-7978f99{--container-widget-width:60%;--container-widget-flex-grow:0;width:var( --container-widget-width, 60% );max-width:60%;}.elementor-2567 .elementor-element.elementor-element-12c173d{--grid-columns:2;}}@media(max-width:834px){.elementor-2567 .elementor-element.elementor-element-12c173d{--grid-columns:2;}}@media(max-width:768px){.elementor-2567 .elementor-element.elementor-element-24560e1{--min-height:300px;}.elementor-2567 .elementor-element.elementor-element-9042b22 .elementor-heading-title{font-size:30px;}.elementor-2567 .elementor-element.elementor-element-7978f99{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-2567 .elementor-element.elementor-element-f93b1ef{width:100%;max-width:100%;}}@media(max-width:480px){.elementor-2567 .elementor-element.elementor-element-9042b22 .elementor-heading-title{font-size:30px;}.elementor-2567 .elementor-element.elementor-element-12c173d{--grid-columns:1;}}/* Start custom CSS for shortcode, class: .elementor-element-5cc3d17 */.brand-list-mega {
    display: flex;
    flex-wrap: wrap;
    gap: 15px; /* ระยะห่างระหว่างโลโก้ */
    align-items: center;
}

.brand-list-mega .brand-item {
    display: block;
    border: 1px solid #eee; /* กรอบบางๆ */
    padding: 10px;
    border-radius: 8px;
    transition: all 0.3s ease;
    background: #fff;
}

.brand-list-mega .brand-item:hover {
    border-color: #ccc;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.brand-list-mega .brand-item img {
    max-width: 120px; /* คุมขนาดโลโก้ไม่ให้ใหญ่เกิน */
    height: auto;
    display: block;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5cc3d17 */.brand-list-mega {
    display: flex;
    flex-wrap: wrap;
    gap: 15px; /* ระยะห่างระหว่างโลโก้ */
    align-items: center;
}

.brand-list-mega .brand-item {
    display: block;
    border: 1px solid #eee; /* กรอบบางๆ */
    padding: 10px;
    border-radius: 8px;
    transition: all 0.3s ease;
    background: #fff;
}

.brand-list-mega .brand-item:hover {
    border-color: #ccc;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.brand-list-mega .brand-item img {
    max-width: 120px; /* คุมขนาดโลโก้ไม่ให้ใหญ่เกิน */
    height: auto;
    display: block;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d752cfe */.brand-list-mega {
    display: flex;
    flex-wrap: wrap;
    gap: 15px; /* ระยะห่างระหว่างโลโก้ */
    align-items: center;
}

.brand-list-mega .brand-item {
    display: block;
    border: 1px solid #eee; /* กรอบบางๆ */
    padding: 10px;
    border-radius: 8px;
    transition: all 0.3s ease;
    background: #fff;
}

.brand-list-mega .brand-item:hover {
    border-color: #ccc;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.brand-list-mega .brand-item img {
    max-width: 120px; /* คุมขนาดโลโก้ไม่ให้ใหญ่เกิน */
    height: auto;
    display: block;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ab9cd6f *//* --- Main Styles --- */
    .brand-list-mega {
        display: flex !important;       /* บังคับให้เป็น Flex เสมอ (Theme ชอบแก้เป็น block) */
        flex-wrap: wrap !important;     /* บังคับให้ปัดบรรทัด */
        align-items: center !important;
        align-content: flex-start !important;
        justify-content: space-between !important;
        gap: 15px !important;           /* บังคับระยะห่าง */
    }

    .brand-list-mega .brand-item {
        display: block !important;
        background: #fff !important;    /* บังคับพื้นขาว (บางที Theme เป็นใส) */
        padding: 10px !important;       /* กัน Theme แทรก padding แปลกๆ */
        border: 1px solid #eee !important;
        border-radius: 8px !important;
        transition: all 0.3s ease !important;

        /* เพิ่มส่วนนี้เพื่อให้ layout ไม่พังถ้า Theme มี global style */
        margin: 0 !important;           
        list-style: none !important;    
        box-sizing: border-box !important;
    }
    a.brand-item {
        width: 18.5% !important;
    }

    .brand-list-mega .brand-item:hover {
        border-color: #ccc !important;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important; /* บังคับให้เงาขึ้น */
    }

    .brand-list-mega .brand-item img {
        display: block !important;
        height: auto !important;
        width: auto !important;         /* กัน Theme สั่ง width 100% จนรูปแตก */
        max-width: 100% !important;    /* ขนาดตั้งต้น (สำคัญ) */

        /* ลบค่าเดิมที่อาจติดมากับ Theme */
        margin: 0 auto !important;      
        box-shadow: none !important;    
        border: none !important;        
    }

/* --- Media Queries (Responsive) --- */
/* สำคัญมาก! ถ้าข้างบนมี !important ใน Media Query ก็ต้องมีด้วย ไม่งั้นจะเปลี่ยน */

@media screen and (max-width: 1366px) {
a.brand-item {
        width: 18% !important;
    }
}

@media screen and (max-width: 1024px) {
a.brand-item {
        width: 17.5% !important;
    }
}
@media screen and (max-width: 834px) {
a.brand-item {
        width: 17.5% !important;
    }
}
@media screen and (max-width: 768px) {
a.brand-item {
        width: 22% !important;
    }
}
@media screen and (max-width: 480px) {
        .brand-list-mega {
        gap: 7px !important;           /* บังคับระยะห่าง */
    }
a.brand-item {
        width: 23% !important;
    }    
}/* End custom CSS */