.elementor-996 .elementor-element.elementor-element-1b77016{--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;--gap:0px 50px;--row-gap:0px;--column-gap:50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-996 .elementor-element.elementor-element-1b77016:not(.elementor-motion-effects-element-type-background), .elementor-996 .elementor-element.elementor-element-1b77016 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://zhongxinth.com/wp-content/uploads/2026/01/Frame-1597884475.webp");background-position:center center;background-size:cover;}.elementor-996 .elementor-element.elementor-element-f0880a1{--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;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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-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-996 .elementor-element.elementor-element-c2798c5{text-align:center;}.elementor-996 .elementor-element.elementor-element-c2798c5 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:40px;line-height:1.2em;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-996 .elementor-element.elementor-element-2a38c23{text-align:center;font-family:"Kanit", Sans-serif;font-size:16px;font-weight:300;color:#FFFFFF;}.elementor-996 .elementor-element.elementor-element-0c7104c{--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;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .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-996 .elementor-element.elementor-element-3d5be89 .elementor-button{background-color:#FFFFFF;font-family:"Kanit", Sans-serif;font-size:16px;font-weight:500;fill:#D80514;color:#D80514;box-shadow:0px 10px 20px 0px rgba(216, 5.000000000000046, 19.999999999999993, 0.33);border-radius:100px 100px 100px 100px;}.elementor-996 .elementor-element.elementor-element-d17751c .elementor-button{background-color:#FFFFFF;font-family:"Kanit", Sans-serif;font-size:15px;font-weight:500;fill:#00A86B;color:#00A86B;box-shadow:0px 10px 20px 0px rgba(216, 5.000000000000046, 19.999999999999993, 0.33);border-radius:100px 100px 100px 100px;}.elementor-996 .elementor-element.elementor-element-d17751c .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-996 .elementor-element.elementor-element-888c62e{--display:flex;--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;--align-items:center;}.elementor-996 .elementor-element.elementor-element-be9ee5e{--spacer-size:80px;}.elementor-996 .elementor-element.elementor-element-8144656{text-align:center;}.elementor-996 .elementor-element.elementor-element-8144656 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:45px;line-height:1.2em;color:#0C142E;}.elementor-996 .elementor-element.elementor-element-bec6c50{--spacer-size:30px;}.elementor-996 .elementor-element.elementor-element-18df080{--display:flex;}.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-996 .elementor-element.elementor-element-0c2bf45{--grid-columns:1;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-996 .elementor-element.elementor-element-1b77016{--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;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-996 .elementor-element.elementor-element-f0880a1{--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-996 .elementor-element.elementor-element-c2798c5{text-align:center;}.elementor-996 .elementor-element.elementor-element-c2798c5 .elementor-heading-title{font-size:35px;}.elementor-996 .elementor-element.elementor-element-2a38c23{font-size:16px;}.elementor-996 .elementor-element.elementor-element-0c7104c{--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;}.elementor-996 .elementor-element.elementor-element-0c2bf45{--grid-columns:2;}}@media(max-width:767px){.elementor-996 .elementor-element.elementor-element-1b77016{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-996 .elementor-element.elementor-element-f0880a1{--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-996 .elementor-element.elementor-element-c2798c5 .elementor-heading-title{font-size:30px;}.elementor-996 .elementor-element.elementor-element-2a38c23{font-size:15px;}.elementor-996 .elementor-element.elementor-element-0c7104c{--width:80%;--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;--flex-wrap:nowrap;--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-996 .elementor-element.elementor-element-3d5be89 .elementor-button{font-size:16px;}.elementor-996 .elementor-element.elementor-element-d17751c .elementor-button{font-size:16px;}.elementor-996 .elementor-element.elementor-element-be9ee5e{--spacer-size:50px;}.elementor-996 .elementor-element.elementor-element-8144656 .elementor-heading-title{font-size:26px;}.elementor-996 .elementor-element.elementor-element-18df080{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-996 .elementor-element.elementor-element-0c2bf45{--grid-columns:1;}}@media(min-width:768px){.elementor-996 .elementor-element.elementor-element-f0880a1{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-996 .elementor-element.elementor-element-f0880a1{--width:100%;}}/* Start custom CSS for heading, class: .elementor-element-c2798c5 */.zx-our-team-title {
    font-size: clamp(26px, 5vw, 45px);
    text-align: center;
    line-height: 1.5;
}

.keep-together {
    white-space: nowrap;
    display: inline-block;
}

@media (max-width: 768px) {
    .zx-our-team-title {
        line-height: 1.3;
        letter-spacing: -1px;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .keep-together {
        white-space: normal;
        display: inline;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3d5be89 */.elementor-996 .elementor-element.elementor-element-3d5be89 {
    --main-red: #D80514;     
    --pure-white: #ffffff;   
    --btn-size: 50px;        
    --gap: 10px;             
    --transition-timing: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
}

.elementor-996 .elementor-element.elementor-element-3d5be89 .elementor-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    height: var(--btn-size);
    padding: 0; 

    background: var(--pure-white); 
 
    box-shadow: 0 10px 20px rgba(216, 5, 20, 0.15); 
    
    border: none;
    overflow: hidden;
    border-radius: 15em;
    transition: var(--transition-timing);
}

.elementor-996 .elementor-element.elementor-element-3d5be89 .elementor-button-content-wrapper {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    position: relative;
}

.elementor-996 .elementor-element.elementor-element-3d5be89 .elementor-button-content-wrapper:before {
    content: "";
    display: block;
    position: absolute;
    width: calc(var(--btn-size) - (var(--gap) * 2));
    height: calc(var(--btn-size) - (var(--gap) * 2));

    background: var(--main-red);
    
    right: var(--gap); 
    top: var(--gap);
    border-radius: 15em;
    transition: var(--transition-timing);
    z-index: 0;
}

.elementor-996 .elementor-element.elementor-element-3d5be89 .elementor-button-text {
    position: relative;
    z-index: 1;
    padding-left: 25px; 
    padding-right: calc(var(--btn-size) + 5px); 
    transition: var(--transition-timing);
    text-align: left;
    display: block;
    width: 100%;
    

    color: var(--main-red); 
    font-weight: 600;
}

.elementor-996 .elementor-element.elementor-element-3d5be89 .elementor-button-text:before {
    content: "";
    display: block;
    position: absolute;
    width: 18px;
    height: 2px;
    background: var(--pure-white);
    top: 50%;
    right: calc(var(--gap) + 12px);
    margin-top: -1px;
    transition: var(--transition-timing);
}

.elementor-996 .elementor-element.elementor-element-3d5be89 .elementor-button-text:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    top: 50%;
    right: calc(var(--gap) + 12px);
    margin-top: -5px;
    border-top: 2px solid var(--pure-white);
    border-right: 2px solid var(--pure-white);
    transform: rotate(45deg);
    transition: var(--transition-timing);
}


.elementor-996 .elementor-element.elementor-element-3d5be89 .elementor-button:hover .elementor-button-content-wrapper:before {
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
}

.elementor-996 .elementor-element.elementor-element-3d5be89 .elementor-button:hover .elementor-button-text {
    color: var(--pure-white); 
    padding-left: 35px;
}

.elementor-996 .elementor-element.elementor-element-3d5be89 .elementor-button:hover .elementor-button-text:before {
    right: 25px;
    transform: translateX(5px);
}
.elementor-996 .elementor-element.elementor-element-3d5be89 .elementor-button:hover .elementor-button-text:after {
    right: 25px;
    transform: translateX(5px) rotate(45deg);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d17751c */.elementor-996 .elementor-element.elementor-element-d17751c {
    --main-red: #D80514;
    --pure-white: #ffffff;
    --line-green: #00A86B; 
    --btn-size: 50px; 
    --gap: 8px;
    --icon-size: 32px;
    --transition-timing: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
}

.elementor-996 .elementor-element.elementor-element-d17751c .elementor-button {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: flex-start;
    height: var(--btn-size) !important;
    padding: 0 30px !important; 
    background-color: var(--pure-white) !important;
    
    /* แก้ไขตรงนี้: เปลี่ยนเส้นขอบเป็นสีขาว */
    border: 2px solid var(--pure-white) !important; 
    
    border-radius: 100px !important;
    overflow: hidden;
    transition: var(--transition-timing);
}

.elementor-996 .elementor-element.elementor-element-d17751c .elementor-button::before {
    content: "";
    position: absolute;
    width: calc(var(--btn-size) - (var(--gap) * 2));
    height: calc(var(--btn-size) - (var(--gap) * 2));
    background-color: var(--pure-white); 
    border: none !important; 
    right: var(--gap);
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 0;
    transition: var(--transition-timing);
}

.elementor-996 .elementor-element.elementor-element-d17751c .elementor-button-text {
    position: relative;
    z-index: 2;
    color: var(--line-green) !important;
    font-weight: 600;
    padding-right: 50px; 
    transition: var(--transition-timing);
}

.elementor-996 .elementor-element.elementor-element-d17751c .elementor-button-icon {
    position: absolute !important;
    right: calc(var(--gap) + 8px) !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 3 !important;
    display: flex !important;
    margin: 0 !important;
}

.elementor-996 .elementor-element.elementor-element-d17751c .elementor-button-icon svg,
.elementor-996 .elementor-element.elementor-element-d17751c .elementor-button-icon i {
    width: var(--icon-size) !important;
    height: var(--icon-size) !important;
    fill: var(--main-red) !important;
    color: var(--main-red) !important;
}

.elementor-996 .elementor-element.elementor-element-d17751c .elementor-button:hover::before {
    width: 100%;
    height: 100%;
    right: 0;
    border-radius: 0; 
    background-color: var(--main-red);
}

.elementor-996 .elementor-element.elementor-element-d17751c .elementor-button:hover .elementor-button-text {
    color: var(--pure-white) !important;
}

.elementor-996 .elementor-element.elementor-element-d17751c .elementor-button:hover .elementor-button-icon svg,
.elementor-996 .elementor-element.elementor-element-d17751c .elementor-button:hover .elementor-button-icon i {
    fill: var(--pure-white) !important;
    color: var(--pure-white) !important;
}

.elementor-996 .elementor-element.elementor-element-d17751c .elementor-button:hover .elementor-button-icon {
    right: 20px !important;
}

@media (max-width: 767px) {
    .elementor-996 .elementor-element.elementor-element-d17751c .elementor-button {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important; 
        align-items: center !important;
        padding: 0 25px !important;
        height: var(--btn-size) !important;
    }

    .elementor-996 .elementor-element.elementor-element-d17751c .elementor-button-text {
        padding-right: 0 !important;
        margin-right: 12px !important;
        line-height: 1 !important;
        display: flex !important;
        align-items: center !important;
        margin-top: 2px;
    }

    .elementor-996 .elementor-element.elementor-element-d17751c .elementor-button-icon {
        position: static !important;
        transform: none !important;
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
    }

    .elementor-996 .elementor-element.elementor-element-d17751c .elementor-button-icon svg,
    .elementor-996 .elementor-element.elementor-element-d17751c .elementor-button-icon i {
        width: 24px !important; 
        height: 24px !important;
    }

    .elementor-996 .elementor-element.elementor-element-d17751c .elementor-button::before {
        right: 0 !important;
        top: 0 !important;
        width: 100% !important;
        height: 100% !important;
        transform: scale(0) !important;
        border-radius: 100px !important;
        transform-origin: center !important;
    }

    .elementor-996 .elementor-element.elementor-element-d17751c .elementor-button:hover::before {
        transform: scale(1) !important;
    }

    .elementor-996 .elementor-element.elementor-element-d17751c .elementor-button:hover .elementor-button-icon {
        right: auto !important;
    }
}/* End custom CSS */