.elementor-787 .elementor-element.elementor-element-a86a36c{--display:flex;--min-height:610px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:12px 12px 12px 12px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:6px;--padding-bottom:6px;--padding-left:6px;--padding-right:6px;}.elementor-787 .elementor-element.elementor-element-a86a36c:not(.elementor-motion-effects-element-type-background), .elementor-787 .elementor-element.elementor-element-a86a36c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-secondary ) 0%, var( --e-global-color-accent ) 100%);}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-787 .elementor-element.elementor-element-8e866e2{border-radius:10px 10px 10px 10px;}.elementor-787 .elementor-element.elementor-element-8e866e2 img{width:100%;border-radius:12px 12px 12px 12px;}.elementor-787 .elementor-element.elementor-element-02b1024{--display:flex;--position:absolute;--justify-content:space-between;--border-radius:12px 12px 12px 12px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;bottom:4%;}.elementor-787 .elementor-element.elementor-element-02b1024:not(.elementor-motion-effects-element-type-background), .elementor-787 .elementor-element.elementor-element-02b1024 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #8C32EBF2 0%, var( --e-global-color-primary ) 100%);}.elementor-787 .elementor-element.elementor-element-02b1024.e-con{--align-self:center;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-787 .elementor-element.elementor-element-67616fd{text-align:start;}.elementor-787 .elementor-element.elementor-element-67616fd .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );}.elementor-787 .elementor-element.elementor-element-183ea90 .elementor-button{background-color:var( --e-global-color-8920389 );line-height:1.7em;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );padding:8px 20px 8px 20px;}.elementor-787 .elementor-element.elementor-element-183ea90 .elementor-button:hover, .elementor-787 .elementor-element.elementor-element-183ea90 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-primary );border-color:var( --e-global-color-accent );}.elementor-787 .elementor-element.elementor-element-183ea90 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-787 .elementor-element.elementor-element-183ea90 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-787 .elementor-element.elementor-element-183ea90 .elementor-button:hover svg, .elementor-787 .elementor-element.elementor-element-183ea90 .elementor-button:focus svg{fill:var( --e-global-color-primary );}@media(min-width:768px){.elementor-787 .elementor-element.elementor-element-02b1024{--width:70%;}}@media(max-width:767px){.elementor-787 .elementor-element.elementor-element-a86a36c{--padding-top:4px;--padding-bottom:4px;--padding-left:4px;--padding-right:4px;}.elementor-787 .elementor-element.elementor-element-02b1024{--width:90%;--margin-top:20px;--margin-bottom:20px;--margin-left:20px;--margin-right:20px;--padding-top:18px;--padding-bottom:18px;--padding-left:18px;--padding-right:18px;}.elementor-787 .elementor-element.elementor-element-67616fd .elementor-heading-title{font-size:20px;line-height:1.3em;}}/* Start custom CSS for image, class: .elementor-element-8e866e2 */.hover-scroll-img{
  --h:600px;
  height:var(--h);
  overflow:hidden;
  position:relative;
}

.hover-scroll-img img{
  width:100%;
  height:auto;
  display:block;
  transform:translateY(0);
  transition:transform 70s cubic-bezier(.05,1,.12,1);
  will-change:transform;
}

.hover-scroll-img:hover img{
  transform:translateY(calc(-100% + var(--h)));
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a86a36c */.work {
    opacity: 0;
    transform: translateY(10px); 
    transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out; 
}

.elementor-787 .elementor-element.elementor-element-a86a36c:hover .work {
    opacity: 1 !important;
    transform: translateY(0); 
}/* End custom CSS */