.elementor-1120 .elementor-element.elementor-element-107f699{--display:flex;--min-height:360px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.65;--padding-top:180px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-1120 .elementor-element.elementor-element-107f699::before, .elementor-1120 .elementor-element.elementor-element-107f699 > .elementor-background-video-container::before, .elementor-1120 .elementor-element.elementor-element-107f699 > .e-con-inner > .elementor-background-video-container::before, .elementor-1120 .elementor-element.elementor-element-107f699 > .elementor-background-slideshow::before, .elementor-1120 .elementor-element.elementor-element-107f699 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1120 .elementor-element.elementor-element-107f699 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-1120 .elementor-element.elementor-element-107f699 .elementor-background-slideshow__slide__image{background-size:cover;background-position:center center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-1120 .elementor-element.elementor-element-fe0dbe2{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1120 .elementor-element.elementor-element-fe0dbe2 .elementor-heading-title{font-family:var( --e-global-typography-71c25cf-font-family ), Sans-serif;font-size:var( --e-global-typography-71c25cf-font-size );font-weight:var( --e-global-typography-71c25cf-font-weight );text-transform:var( --e-global-typography-71c25cf-text-transform );line-height:var( --e-global-typography-71c25cf-line-height );letter-spacing:var( --e-global-typography-71c25cf-letter-spacing );color:var( --e-global-color-secondary );}.elementor-1120 .elementor-element.elementor-element-1ee8bb7{text-align:center;}.elementor-1120 .elementor-element.elementor-element-1ee8bb7 .elementor-heading-title{font-family:var( --e-global-typography-bbf2a17-font-family ), Sans-serif;font-size:var( --e-global-typography-bbf2a17-font-size );font-weight:var( --e-global-typography-bbf2a17-font-weight );line-height:var( --e-global-typography-bbf2a17-line-height );color:var( --e-global-color-secondary );}.elementor-1120 .elementor-element.elementor-element-73df022{--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:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-1120 .elementor-element.elementor-element-73df022:not(.elementor-motion-effects-element-type-background), .elementor-1120 .elementor-element.elementor-element-73df022 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-1120 .elementor-element.elementor-element-35a7372{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1120 .elementor-element.elementor-element-bf25717 .elementor-heading-title{font-family:var( --e-global-typography-71c25cf-font-family ), Sans-serif;font-size:var( --e-global-typography-71c25cf-font-size );font-weight:var( --e-global-typography-71c25cf-font-weight );text-transform:var( --e-global-typography-71c25cf-text-transform );line-height:var( --e-global-typography-71c25cf-line-height );letter-spacing:var( --e-global-typography-71c25cf-letter-spacing );color:var( --e-global-color-accent );}.elementor-1120 .elementor-element.elementor-element-f6222b1 .elementor-heading-title{font-family:var( --e-global-typography-bbf2a17-font-family ), Sans-serif;font-size:var( --e-global-typography-bbf2a17-font-size );font-weight:var( --e-global-typography-bbf2a17-font-weight );line-height:var( --e-global-typography-bbf2a17-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );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-1120 .elementor-element.elementor-element-71781c8{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;color:var( --e-global-color-text );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-1120 .elementor-element.elementor-element-81ecdbf .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-fa3bcba-font-family ), Sans-serif;font-size:var( --e-global-typography-fa3bcba-font-size );font-weight:var( --e-global-typography-fa3bcba-font-weight );line-height:var( --e-global-typography-fa3bcba-line-height );fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );}.elementor-1120 .elementor-element.elementor-element-81ecdbf{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1120 .elementor-element.elementor-element-5ac3833{--display:flex;--min-height:620px;--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;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1120 .elementor-element.elementor-element-5ac3833:not(.elementor-motion-effects-element-type-background), .elementor-1120 .elementor-element.elementor-element-5ac3833 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fpc-ph.com/wp-content/uploads/2026/06/Formosa-Trium-Square-Image.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1120 .elementor-element.elementor-element-fe0dbe2 .elementor-heading-title{font-size:var( --e-global-typography-71c25cf-font-size );line-height:var( --e-global-typography-71c25cf-line-height );letter-spacing:var( --e-global-typography-71c25cf-letter-spacing );}.elementor-1120 .elementor-element.elementor-element-1ee8bb7 .elementor-heading-title{font-size:var( --e-global-typography-bbf2a17-font-size );line-height:var( --e-global-typography-bbf2a17-line-height );}.elementor-1120 .elementor-element.elementor-element-73df022{--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:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-1120 .elementor-element.elementor-element-bf25717 .elementor-heading-title{font-size:var( --e-global-typography-71c25cf-font-size );line-height:var( --e-global-typography-71c25cf-line-height );letter-spacing:var( --e-global-typography-71c25cf-letter-spacing );}.elementor-1120 .elementor-element.elementor-element-f6222b1 .elementor-heading-title{font-size:var( --e-global-typography-bbf2a17-font-size );line-height:var( --e-global-typography-bbf2a17-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-1120 .elementor-element.elementor-element-81ecdbf .elementor-button{font-size:var( --e-global-typography-fa3bcba-font-size );line-height:var( --e-global-typography-fa3bcba-line-height );}.elementor-1120 .elementor-element.elementor-element-5ac3833{--min-height:720px;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1120 .elementor-element.elementor-element-fe0dbe2 .elementor-heading-title{font-size:var( --e-global-typography-71c25cf-font-size );line-height:var( --e-global-typography-71c25cf-line-height );letter-spacing:var( --e-global-typography-71c25cf-letter-spacing );}.elementor-1120 .elementor-element.elementor-element-1ee8bb7 .elementor-heading-title{font-size:var( --e-global-typography-bbf2a17-font-size );line-height:var( --e-global-typography-bbf2a17-line-height );}.elementor-1120 .elementor-element.elementor-element-bf25717{text-align:center;}.elementor-1120 .elementor-element.elementor-element-bf25717 .elementor-heading-title{font-size:var( --e-global-typography-71c25cf-font-size );line-height:var( --e-global-typography-71c25cf-line-height );letter-spacing:var( --e-global-typography-71c25cf-letter-spacing );}.elementor-1120 .elementor-element.elementor-element-f6222b1{text-align:center;}.elementor-1120 .elementor-element.elementor-element-f6222b1 .elementor-heading-title{font-size:var( --e-global-typography-bbf2a17-font-size );line-height:var( --e-global-typography-bbf2a17-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1120 .elementor-element.elementor-element-71781c8{text-align:center;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-1120 .elementor-element.elementor-element-81ecdbf .elementor-button{font-size:var( --e-global-typography-fa3bcba-font-size );line-height:var( --e-global-typography-fa3bcba-line-height );}.elementor-1120 .elementor-element.elementor-element-5ac3833{--min-height:640px;--flex-wrap:nowrap;}}@media(min-width:768px){.elementor-1120 .elementor-element.elementor-element-35a7372{--width:65%;}.elementor-1120 .elementor-element.elementor-element-5ac3833{--width:35%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1120 .elementor-element.elementor-element-35a7372{--width:100%;}.elementor-1120 .elementor-element.elementor-element-5ac3833{--width:70%;}}/* Start custom CSS for button, class: .elementor-element-81ecdbf *//* 1. Set the wrapper to relative so we can position the background layer */
.elementor-1120 .elementor-element.elementor-element-81ecdbf {
    position: relative;
    overflow: hidden;
}

/* 2. Create the white fill layer */
.elementor-1120 .elementor-element.elementor-element-81ecdbf .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease;
    z-index: 0;
}

/* 3. Animate the fill on hover */
.elementor-1120 .elementor-element.elementor-element-81ecdbf:hover .elementor-button::before {
    transform: scaleX(1);
}

/* 4. Force the text color change by targeting the inner text span */
.elementor-1120 .elementor-element.elementor-element-81ecdbf:hover .elementor-button-text {
    color: #3B3E49 !important;
    position: relative;
    z-index: 1;
}

/* 5. Ensure the button itself maintains z-index so text stays on top */
.elementor-1120 .elementor-element.elementor-element-81ecdbf .elementor-button {
    position: relative;
    z-index: 1;
}/* End custom CSS */