.elementor-49917 .elementor-element.elementor-element-735f8f1{--display:flex;--min-height:450px;--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;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-49917 .elementor-element.elementor-element-735f8f1:not(.elementor-motion-effects-element-type-background), .elementor-49917 .elementor-element.elementor-element-735f8f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.yesitlabs.com/wp-content/uploads/2026/01/Firefly-20250523192945-2.png");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-49917 .elementor-element.elementor-element-735f8f1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-49917 .elementor-element.elementor-element-318c003{--display:flex;}.elementor-49917 .elementor-element.elementor-element-318c003.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 );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-49917 .elementor-element.elementor-element-b36c867.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-49917 .elementor-element.elementor-element-b36c867 .elementor-heading-title{font-size:35px;font-weight:600;line-height:47.66px;}.elementor-49917 .elementor-element.elementor-element-bcafefa.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-49917 .elementor-element.elementor-element-bcafefa .elementor-heading-title{font-size:18px;font-weight:400;line-height:26px;}.elementor-49917 .elementor-element.elementor-element-a56395e{--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;}@media(min-width:768px){.elementor-49917 .elementor-element.elementor-element-318c003{--width:50%;}}@media(max-width:1200px) and (min-width:768px){.elementor-49917 .elementor-element.elementor-element-735f8f1{--width:1070px;}.elementor-49917 .elementor-element.elementor-element-318c003{--width:562px;}}@media(max-width:1024px) and (min-width:768px){.elementor-49917 .elementor-element.elementor-element-318c003{--width:465.5px;}}@media(max-width:1920px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:1200px){.elementor-49917 .elementor-element.elementor-element-b36c867{width:var( --container-widget-width, 492px );max-width:492px;--container-widget-width:492px;--container-widget-flex-grow:0;}.elementor-49917 .elementor-element.elementor-element-bcafefa{width:var( --container-widget-width, 521px );max-width:521px;--container-widget-width:521px;--container-widget-flex-grow:0;}}@media(max-width:1024px){.elementor-49917 .elementor-element.elementor-element-735f8f1:not(.elementor-motion-effects-element-type-background), .elementor-49917 .elementor-element.elementor-element-735f8f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.yesitlabs.com/wp-content/uploads/2026/01/Firefly-20250523192945-2.png");background-position:top right;}.elementor-49917 .elementor-element.elementor-element-735f8f1{--min-height:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:767px){.elementor-49917 .elementor-element.elementor-element-735f8f1:not(.elementor-motion-effects-element-type-background), .elementor-49917 .elementor-element.elementor-element-735f8f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.yesitlabs.com/wp-content/uploads/2026/01/Firefly-20250523192945-2.png");background-position:center left;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}/* Start custom CSS for shortcode, class: .elementor-element-48c3feb *//* ================================
   Proof of Performance Scroll CSS
   ================================ */

/* Wrapper */
.proof-scroll-wrapper {
    width: 100%;
    background: #fff;
}

/* Each full screen section */
.proof-scroll-section {
    min-height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    box-sizing: border-box;
}

/* Image wrapper – hidden by default */
.proof-img-wrap {
    width: 100%;
    max-width: 1200px;
    opacity: 0;
    transform: translateY(100px) scale(0.95);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

/* Image – FULL visible, NO crop */
.proof-img-wrap img {
    width: 100%;
    height: auto;
    max-height: calc(100vh - 80px);
    object-fit: contain;        /* 🔥 NO CROP */
    display: block;
    margin: 0 auto;
}

/* Active state – bounce in */
.proof-scroll-section.active .proof-img-wrap {
    opacity: 1;
    transform: translateY(0) scale(1);
    animation: bounceInSmooth 0.9s ease-out;
}

/* Bounce animation */
@keyframes bounceInSmooth {
    0% {
        transform: translateY(100px) scale(0.95);
    }
    60% {
        transform: translateY(-14px) scale(1.03);
    }
    80% {
        transform: translateY(6px) scale(0.99);
    }
    100% {
        transform: translateY(0) scale(1);
    }
}

/* ================================
   Tablet (iPad etc.)
   ================================ */
@media (max-width: 1024px) {
    .proof-scroll-section {
        padding: 30px 20px;
    }

    .proof-img-wrap {
        max-width: 100%;
    }

    .proof-img-wrap img {
        max-height: 85vh;
    }
}

/* ================================
   Mobile (phones)
   ================================ */
@media (max-width: 767px) {
    .proof-scroll-section {
        min-height: 40vh;
        padding: 20px 15px;
    }

    .proof-img-wrap img {
        max-height: 80vh;
    }
}/* End custom CSS */