.elementor-19570 .elementor-element.elementor-element-3b260d0{--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;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:5;}.elementor-19570 .elementor-element.elementor-element-3b260d0:not(.elementor-motion-effects-element-type-background), .elementor-19570 .elementor-element.elementor-element-3b260d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E8E8E800;}.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-19570 .elementor-element.elementor-element-21b5753 > .elementor-widget-container{--e-transform-rotateZ:5deg;}.elementor-19570 .elementor-element.elementor-element-21b5753{text-align:center;}.elementor-19570 .elementor-element.elementor-element-21b5753 .elementor-heading-title{font-family:"swear display", Sans-serif;font-size:100px;font-weight:400;color:var( --e-global-color-2f9b6dd );}.elementor-19570 .elementor-element.elementor-element-353d087{--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;--margin-top:-20%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19570 .elementor-element.elementor-element-b5be825{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-19570 .elementor-element.elementor-element-b5be825:not(.elementor-motion-effects-element-type-background), .elementor-19570 .elementor-element.elementor-element-b5be825 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E8E8E8;}.elementor-19570 .elementor-element.elementor-element-19aeb1b > .elementor-widget-container{padding:0px 0px 50px 0px;}.elementor-19570 .elementor-element.elementor-element-19aeb1b{text-align:center;}.elementor-19570 .elementor-element.elementor-element-19aeb1b .elementor-heading-title{font-family:"swear display", Sans-serif;font-size:100px;font-weight:400;line-height:100px;color:var( --e-global-color-2f9b6dd );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-19570 .elementor-element.elementor-element-cfb7eac .elementor-widget-container{--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-19570 .elementor-element.elementor-element-cfb7eac{text-align:center;}@media(max-width:1366px) and (min-width:769px){.elementor-19570 .elementor-element.elementor-element-b5be825{--content-width:86%;}}@media(max-width:1024px){.elementor-19570 .elementor-element.elementor-element-21b5753 .elementor-heading-title{font-size:56px;}.elementor-19570 .elementor-element.elementor-element-353d087{--margin-top:-64%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-19570 .elementor-element.elementor-element-b5be825{--padding-top:80px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-19570 .elementor-element.elementor-element-19aeb1b .elementor-heading-title{font-size:80px;line-height:74px;}}@media(max-width:768px){.elementor-19570 .elementor-element.elementor-element-3b260d0{--margin-top:80px;--margin-bottom:-106px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-19570 .elementor-element.elementor-element-21b5753 > .elementor-widget-container{--e-transform-rotateZ:6deg;margin:0px 0px -20px 0px;padding:0px 0px 0px 0px;}.elementor-19570 .elementor-element.elementor-element-21b5753 .elementor-heading-title{font-size:24px;}.elementor-19570 .elementor-element.elementor-element-353d087{--margin-top:-20%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-19570 .elementor-element.elementor-element-b5be825{--margin-top:-120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-19570 .elementor-element.elementor-element-19aeb1b .elementor-heading-title{font-size:40px;line-height:1em;}.elementor-19570 .elementor-element.elementor-element-cfb7eac img{width:100%;}}/* Start custom CSS for html, class: .elementor-element-fec6397 */.lenis.lenis-smooth{
	scroll-behavior: auto !important;		
}
	
.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}

#scroller {
    position: sticky;
    width: 100%;
    height: 400vh;
    background-image: url('http://marketsdominion.com/wp-content/uploads/2025/02/11-scaled.jpg');
    background-color: #E8E8E8;
    background-position: top;
    background-size: 90%;
    background-repeat: no-repeat;
    overflow: hidden;/
}

.canvas-parent {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.sticky-model {
    position: absolute;
    /* top: 0; */
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

/* NEW ANCHOR STYLES: This must be positioned correctly across all media queries */
.target-card-position {
    position: absolute;
    /* Desktop Default: Center of the blank card when background-size: 90% */
    top: 45%; 
    left: 33.5%; 
    width: 10px; 
    height: 10px;
    z-index: 100;
    /* Remove the line below in production */
    /* background-color: rgba(255, 0, 0, 0.5); */ 
}

.model-wrapper {
    position: absolute;
    /* INITIAL POSITION - Keep these as vh/vw units */
    top: 40vh;
    left: 37.5vw;
    transform: translate(-50%, -50%);
    width: 33.33%;
    height: auto;
    will-change: transform;
    backface-visibility: hidden;
}

.model {
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: transparent !important;
}

/* ... (rest of .scroller-text, .star, .headings-container, .watch-heading, and .agency-quote styles are unchanged) ... */
.scroller-text {
    position: relative;
    transform: rotate(5deg);
    /*top: -20%;*/
    font-family: 'swear display', Arial, sans-serif !important;
    font-size: 100px;
    font-weight: 400;
    color: #000;
}

.star {
    /*color: #59b280;*/
    font-size: 120px;
    font-weight: 400;
    color: #5bb07b;
    text-shadow: 
        0.05em 0.05em 0.05em rgba(255, 255, 255, 0.05),
        0 0 0 #5bb07b;
}

.headings-container {
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.watch-heading-1,
.watch-heading-2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 100px;
    line-height: 100px;
    font-family: 'swear display', Arial, sans-serif;
    font-weight: 400;
    color: #000;
    text-align: center;
    opacity: 0;
    width: 100%;
    pointer-events: none;
}

.watch-heading-1 span{
    color: #5BB07B;
}

.watch-heading-2 span{
    color: #5BB07B;
}

.agency-quote {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 20px);
    font-size: 1rem;
    font-weight: 400;
    font-family: "Fuzzy Bubbles", sans-serif;
    font-style: normal;
    color: rgba(0,0,0,0.5);
    width: 100%;
    max-width: 40%;
    text-align: center;
    opacity: 0;
    pointer-events: none;
}

.quote-1 { top: 10%; left: 60%; }
.quote-2 { top: 20%; left: 20%; }
.quote-3 { top: 26%; left: 80%; }
.quote-4 { top: 67%; left: 25%; }
.quote-5 { top: 75%; left: 70%; }
.quote-6 { top: 85%; left: 35%; }


/* Tablet */
@media (min-width: 769px) and (max-width: 1024px) {
    #scroller {
        background-size: 120%;
    }
    
    .target-card-position {
        /* Adjusted for background-size: 120% */
        top: 47%; 
        left: 35%;
    }
    
    .model-wrapper {
        top: 50vh;
        left: 40vw;
        width: 50%;
    }
    .scroller-text {
        font-size: 3.5rem;
        top: 15%;
    }
    
    .star {
        font-size: 60px;
    }
    
    .watch-heading-1,
    .watch-heading-2 {
        font-size: 5rem;
    }
    
    .agency-quote {
        font-size: 1.1rem;
        max-width: 50%;
    }
    
    /* Adjusted quote positions for tablet */
    .quote-1 { top: 15%; left: 55%; }
    .quote-2 { top: 25%; left: 25%; }
    .quote-3 { top: 35%; left: 70%; }
    .quote-4 { top: 60%; left: 30%; }
    .quote-5 { top: 70%; left: 65%; }
    .quote-6 { top: 80%; left: 40%; }
}

/* Mobile Styles */
@media (max-width: 768px) {
    #scroller {
        background-size: 300%;
        background-position: top center;
    }
    
    .target-card-position {
        /* Adjusted for mobile background-size: 300% */
        top: 55%; 
        left: 50%;
    }
    
    .model {
        image-rendering: optimizeSpeed;
        image-rendering: -moz-crisp-edges;
        image-rendering: -webkit-optimize-contrast;
   }
   
    
    .model-wrapper {
        top: 65vh;
        left: 50vw;
        width: 70%;
        backface-visibility: hidden;
        perspective: 1000;
        will-change: transform;
    }
    .scroller-text {
        font-size: 3rem;
        width: 90%;
        text-align: center;
        top: 12%;
        transform: rotate(3deg); 
    }
    
    .star {
        font-size: 64px;
    }
    
    .watch-heading-1,
    .watch-heading-2 {
        font-size: 3rem;
        width: 100%;
        top: 60%;
        left: 50%;
        transform: translate(-50%, -50%);
        will-change: opacity, transform;
        backface-visibility: hidden;
        transform-style: preserve-3d;
    }
    
    .agency-quote {
        font-size: 1rem;
        max-width: 80%;
        line-height: 1.4;
        will-change: opacity, transform;
        backface-visibility: hidden;
        transform-style: preserve-3d;
    }
    
    /* Evenly spaced, vertically stacked quotes for mobile */
    .quote-1 { top: 25%; left: 50%; }
    .quote-2 { top: 35%; left: 40%; }
    .quote-3 { top: 45%; left: 55%; }
    .quote-4 { top: 70%; left: 50%; }
    .quote-5 { top: 80%; left: 40%; }
    .quote-6 { top: 90%; left: 55%; }
}

/* Small Mobile Screens */
@media (max-width: 480px) {
    #scroller {
        background-size: 300%;
        background-position: 40% -6%;
    }
    
    .target-card-position {
        /* Adjusted for small mobile background-position: 40% -6% */
        top: 40%;
        left: 50%;
    }
    
    .sticky-model {
        backface-visibility: hidden;
        will-change: transform;
    }
    .model-wrapper {
        top: 50vh;
        width: 85%;
    }
    
    .scroller-text {
        font-size: 2rem;
        top: 8%;
    }
    
    .star {
        font-size: 2rem;
    }
    
    .watch-heading-1,
    .watch-heading-2 {
        width: 100%;
        font-size: 3rem;
        line-height:32px;
        will-change: transform, opacity;
    }
    
    .agency-quote {
        font-size: 0.9rem;
        max-width: 80%;
        will-change: transform, opacity;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-19aeb1b */.inner{
    color: #5bb07b;
  text-shadow: 
    0.05em 0.05em 0.05em rgba(255, 255, 255, 0.05),
    0 0 0 #5bb07b;
}/* End custom CSS */