.elementor-290 .elementor-element.elementor-element-4dd4cd7{--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:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.45;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-290 .elementor-element.elementor-element-4dd4cd7:not(.elementor-motion-effects-element-type-background), .elementor-290 .elementor-element.elementor-element-4dd4cd7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1F1;background-image:url("https://dev2.phoenix.com.ph/wp-content/uploads/2025/08/Screenshot-2024-12-06-102949.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-290 .elementor-element.elementor-element-4dd4cd7::before, .elementor-290 .elementor-element.elementor-element-4dd4cd7 > .elementor-background-video-container::before, .elementor-290 .elementor-element.elementor-element-4dd4cd7 > .e-con-inner > .elementor-background-video-container::before, .elementor-290 .elementor-element.elementor-element-4dd4cd7 > .elementor-background-slideshow::before, .elementor-290 .elementor-element.elementor-element-4dd4cd7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-290 .elementor-element.elementor-element-4dd4cd7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-290 .elementor-element.elementor-element-4dd4cd7 > .elementor-shape-bottom svg, .elementor-290 .elementor-element.elementor-element-4dd4cd7 > .e-con-inner > .elementor-shape-bottom svg{width:calc(150% + 1.3px);height:60px;}.elementor-290 .elementor-element.elementor-element-b187d7e{--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;--justify-content:center;}.elementor-290 .elementor-element.elementor-element-f46bb81{--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;--justify-content:center;--align-items:flex-start;--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-290 .elementor-element.elementor-element-f46bb81.e-con{--flex-grow:0;--flex-shrink:0;}.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 );color:var( --e-global-color-primary );}.elementor-290 .elementor-element.elementor-element-ed083b5 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:58px;font-weight:600;color:#17A12F;}.elementor-290 .elementor-element.elementor-element-5b18908 > .elementor-widget-container{margin:-10px 0px 10px 0px;padding:0px 0px 0px 0px;}.elementor-290 .elementor-element.elementor-element-5b18908 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:68px;font-weight:600;color:#212121;}.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 );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-290 .elementor-element.elementor-element-3db1391{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:left;font-family:var( --e-global-typography-196474e-font-family ), Sans-serif;font-size:var( --e-global-typography-196474e-font-size );font-weight:var( --e-global-typography-196474e-font-weight );color:#7A7A7A;}.elementor-290 .elementor-element.elementor-element-3db1391 > .elementor-widget-container{margin:0px 0px 0px 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-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-290 .elementor-element.elementor-element-d8c3d97 .elementor-button{background-color:#17A12F;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 );border-radius:20px 20px 20px 20px;padding:15px 30px 15px 30px;}.elementor-290 .elementor-element.elementor-element-d8c3d97 .elementor-button-content-wrapper{flex-direction:row;}.elementor-290 .elementor-element.elementor-element-d8c3d97 .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-290 .elementor-element.elementor-element-a91b1a9{--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-290 .elementor-element.elementor-element-eaad5b3{--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;--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-290 .elementor-element.elementor-element-171870a{--display:flex;--justify-content:center;}.elementor-290 .elementor-element.elementor-element-171870a.e-con{--align-self:flex-start;}.elementor-290 .elementor-element.elementor-element-3522bb9{--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-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-290 .elementor-element.elementor-element-9e4e797 img{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-290 .elementor-element.elementor-element-439fcbd{--display:flex;}.elementor-290 .elementor-element.elementor-element-942b8e9 img{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-290 .elementor-element.elementor-element-f47dfe4{--display:flex;}.elementor-290 .elementor-element.elementor-element-b2374da img{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-290 .elementor-element.elementor-element-75cc1e6{--display:flex;}.elementor-290 .elementor-element.elementor-element-a11a78c img{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-290 .elementor-element.elementor-element-2c9ebff{--display:flex;}.elementor-290 .elementor-element.elementor-element-f5ffd0f img{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-290 .elementor-element.elementor-element-ad7278e{--display:flex;}.elementor-290 .elementor-element.elementor-element-75c83c5 img{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-290 .elementor-element.elementor-element-9834108{--display:flex;}.elementor-290 .elementor-element.elementor-element-bcdf98a img{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-290 .elementor-element.elementor-element-cf290dd{--display:flex;}.elementor-290 .elementor-element.elementor-element-dc1d375 img{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-290 .elementor-element.elementor-element-1409bd2{--display:flex;--min-height:580px;--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;--overlay-opacity:1;--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-290 .elementor-element.elementor-element-1409bd2::before, .elementor-290 .elementor-element.elementor-element-1409bd2 > .elementor-background-video-container::before, .elementor-290 .elementor-element.elementor-element-1409bd2 > .e-con-inner > .elementor-background-video-container::before, .elementor-290 .elementor-element.elementor-element-1409bd2 > .elementor-background-slideshow::before, .elementor-290 .elementor-element.elementor-element-1409bd2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-290 .elementor-element.elementor-element-1409bd2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-290 .elementor-element.elementor-element-8c63176{--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;--justify-content:center;}.elementor-290 .elementor-element.elementor-element-670d687 img{width:100%;}.elementor-290 .elementor-element.elementor-element-df0be80{--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;--justify-content:center;--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-290 .elementor-element.elementor-element-df0be80.e-con{--align-self:center;}.elementor-290 .elementor-element.elementor-element-ad4e6d6 > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-290 .elementor-element.elementor-element-ad4e6d6{text-align:left;}.elementor-290 .elementor-element.elementor-element-ad4e6d6 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:60px;font-weight:600;line-height:60px;letter-spacing:1.5px;color:#17A12F;}.elementor-290 .elementor-element.elementor-element-ead44f6{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;color:#7A7A7A;}.elementor-290 .elementor-element.elementor-element-d04e9ec .elementor-button{background-color:#17A12F;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 );border-radius:20px 20px 20px 20px;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-290 .elementor-element.elementor-element-3db1391{font-size:var( --e-global-typography-196474e-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-290 .elementor-element.elementor-element-d8c3d97 .elementor-button{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-290 .elementor-element.elementor-element-d04e9ec .elementor-button{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-290 .elementor-element.elementor-element-4dd4cd7{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-290 .elementor-element.elementor-element-b187d7e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-290 .elementor-element.elementor-element-f46bb81{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-290 .elementor-element.elementor-element-5b18908 .elementor-heading-title{font-size:42px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-290 .elementor-element.elementor-element-3db1391 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-290 .elementor-element.elementor-element-3db1391{text-align:center;font-size:var( --e-global-typography-196474e-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-290 .elementor-element.elementor-element-d8c3d97 .elementor-button{font-size:var( --e-global-typography-text-font-size );}.elementor-290 .elementor-element.elementor-element-a91b1a9{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-290 .elementor-element.elementor-element-eaad5b3{--min-height:0px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-290 .elementor-element.elementor-element-eaad5b3.e-con{--align-self:center;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-290 .elementor-element.elementor-element-1409bd2{--padding-top:50px;--padding-bottom:50px;--padding-left:25px;--padding-right:25px;}.elementor-290 .elementor-element.elementor-element-df0be80{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-290 .elementor-element.elementor-element-ad4e6d6{text-align:center;}.elementor-290 .elementor-element.elementor-element-ad4e6d6 .elementor-heading-title{font-size:42px;line-height:1.2em;letter-spacing:0px;}.elementor-290 .elementor-element.elementor-element-ead44f6{text-align:center;}.elementor-290 .elementor-element.elementor-element-d04e9ec .elementor-button{font-size:var( --e-global-typography-text-font-size );}}@media(min-width:768px){.elementor-290 .elementor-element.elementor-element-b187d7e{--width:60%;}.elementor-290 .elementor-element.elementor-element-f46bb81{--width:100%;}.elementor-290 .elementor-element.elementor-element-a91b1a9{--width:100%;}.elementor-290 .elementor-element.elementor-element-1409bd2{--content-width:1245px;}.elementor-290 .elementor-element.elementor-element-8c63176{--width:50%;}.elementor-290 .elementor-element.elementor-element-df0be80{--width:45%;}}/* Start custom CSS for container, class: .elementor-element-3522bb9 */.elementor-290 .elementor-element.elementor-element-3522bb9 {
    --position: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-439fcbd */.elementor-290 .elementor-element.elementor-element-439fcbd {
    --position: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f47dfe4 */.elementor-290 .elementor-element.elementor-element-f47dfe4 {
    --position: 3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-75cc1e6 */.elementor-290 .elementor-element.elementor-element-75cc1e6 {
    --position: 4;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c9ebff */.elementor-290 .elementor-element.elementor-element-2c9ebff {
    --position: 5;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ad7278e */.elementor-290 .elementor-element.elementor-element-ad7278e {
    --position: 6;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9834108 */.elementor-290 .elementor-element.elementor-element-9834108 {
    --position: 7;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf290dd */.elementor-290 .elementor-element.elementor-element-cf290dd {
    --position: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-171870a */.elementor-290 .elementor-element.elementor-element-171870a {
    --quantity: 8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eaad5b3 */.banner {
    width: 110%;
    height: 70vh;
    text-align: center;
    overflow: hidden;
    position: relative;
}

.banner .slider {
    position: absolute;
    width: 200px;
    height: 100px;
    top: 10%;
    left: calc(50% - 50px);
    transform-style: preserve-3d;
    transform: perspective(1000px);
    animation: autoRun 50s linear infinite;
    z-index: 2;
}

@keyframes autoRun {
    from {
        transform: perspective(1500px) rotateX(0deg) rotateY(0deg);
    }
    to {
        transform: perspective(1000px) rotateX(0deg) rotateY(360deg);
    }
}

.banner .slider .item {
    position: absolute;
    inset: 0 0 0 0;
    transform:
        rotateY(calc((var(--position) - 1) * (360 / var(--quantity)) * 1deg))
        translateZ(250px);
}

.banner .slider .item img {
    width: 120%;
    height: 110%;
    object-fit: cover;
    border-radius: 15px;
}

/* 🔹 Responsive adjustments */
@media (max-width: 768px) {
    .banner {
        width: 100%;
        height: 50vh; /* shorter for mobile */
    }

    .banner .slider {
        width: 150px;
        height: 80px;
        top: 15%;
        left: calc(50% - 75px); /* center smaller slider */
    }

    .banner .slider .item {
        transform:
            rotateY(calc((var(--position) - 1) * (360 / var(--quantity)) * 1deg))
            translateZ(180px); /* smaller depth */
    }

    .banner .slider .item img {
        width: 100%;
        height: 100%;
        border-radius: 10px;
    }
}

@media (max-width: 480px) {
    .banner {
        height: 40vh;
    }

    .banner .slider {
        width: 120px;
        height: 70px;
        top: 20%;
        left: calc(50% - 60px);
    }

    .banner .slider .item {
        transform:
            rotateY(calc((var(--position) - 1) * (360 / var(--quantity)) * 1deg))
            translateZ(140px);
    }

    .banner .slider .item img {
        border-radius: 8px;
    }
}/* End custom CSS */