.elementor-29263 .elementor-element.elementor-element-ac0889c{--display:flex;--min-height:85vh;--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:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:nowrap;--margin-top:-8em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29263 .elementor-element.elementor-element-ac0889c:not(.elementor-motion-effects-element-type-background), .elementor-29263 .elementor-element.elementor-element-ac0889c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#002A45;background-image:url("https://www.tussledigital.com/wp-content/uploads/2025/10/bg-shape-02.png");}.elementor-29263 .elementor-element.elementor-element-7b435e7{--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:flex-start;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-6ad3f2f );--border-color:var( --e-global-color-6ad3f2f );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-29263 .elementor-element.elementor-element-7b435e7.e-con{--align-self:flex-start;}.elementor-29263 .elementor-element.elementor-element-bb15d3d > .elementor-widget-container{margin:0em 0em 0em -1em;}.elementor-29263 .elementor-element.elementor-element-bb15d3d.elementor-element{--align-self:flex-start;}.elementor-29263 .elementor-element.elementor-element-bb15d3d .ekit-breadcrumb > li:not(.brd_sep){color:var( --e-global-color-astglobalcolor5 );}.elementor-29263 .elementor-element.elementor-element-bb15d3d .ekit-breadcrumb > li > a{color:#EDFF21;}.elementor-29263 .elementor-element.elementor-element-bb15d3d .ekit-breadcrumb > li > a:hover{color:var( --e-global-color-astglobalcolor5 );}.elementor-29263 .elementor-element.elementor-element-bb15d3d .ekit-breadcrumb > li{color:var( --e-global-color-astglobalcolor5 );padding-right:12px;}.elementor-29263 .elementor-element.elementor-element-bb15d3d .ekit-breadcrumb{font-family:"Inter Tight", Sans-serif;font-size:18px;justify-content:start;}.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-29263 .elementor-element.elementor-element-a679fd8{text-align:left;}.elementor-29263 .elementor-element.elementor-element-a679fd8 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:60px;font-weight:700;font-style:normal;line-height:85px;color:#FFFFFF;}.elementor-29263 .elementor-element.elementor-element-bba322b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:left;}.elementor-29263 .elementor-element.elementor-element-bba322b .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:20px;font-weight:400;line-height:40px;color:#FFFFFF;}.elementor-29263 .elementor-element.elementor-element-48ec088{--display:flex;--min-height:100vh;--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;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-29263 .elementor-element.elementor-element-ac0889c{--content-width:1600px;}.elementor-29263 .elementor-element.elementor-element-7b435e7{--content-width:1600px;}.elementor-29263 .elementor-element.elementor-element-48ec088{--content-width:1600px;}}@media(max-width:1024px){.elementor-29263 .elementor-element.elementor-element-ac0889c{--min-height:60vh;}.elementor-29263 .elementor-element.elementor-element-7b435e7{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-29263 .elementor-element.elementor-element-a679fd8 .elementor-heading-title{font-size:40px;line-height:1.3em;}.elementor-29263 .elementor-element.elementor-element-bba322b .elementor-heading-title{font-size:18px;line-height:1.7em;}}@media(max-width:767px){.elementor-29263 .elementor-element.elementor-element-ac0889c{--min-height:50vh;}.elementor-29263 .elementor-element.elementor-element-7b435e7{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:0px;}.elementor-29263 .elementor-element.elementor-element-bb15d3d > .elementor-widget-container{margin:0em 0em 0em 0em;}.elementor-29263 .elementor-element.elementor-element-a679fd8 .elementor-heading-title{font-size:45px;line-height:1.3em;}.elementor-29263 .elementor-element.elementor-element-bba322b{margin:0px 10px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-29263 .elementor-element.elementor-element-bba322b .elementor-heading-title{font-size:16px;line-height:1.8em;}}/* Start custom CSS for container, class: .elementor-element-ac0889c *//*Add this code in the main container - top-level*/

 
/*.img-one class can be changed with whatever class you want. 
this is the class to be used for images*/

.img-one { 
    display: none;   
    position: absolute;
    object-fit: contain;
    transform: translateX(-50%) translateY(-50%);
    top: 0%;
    left: 40%;
    z-index: 10;
}

/*.text class can be changed with whatever class you want. 
this is the class for your containers*/

.text:hover > .img-one {
    display: block;
	  position: absolute;
    z-index: 1;
    cursor: pointer;
    transition: all 0.5s ease-out;
}

.text:hover  {
/*you can remove the cursor pointer property & value if you don't 
want your containers clickable*/
    cursor: pointer;
    
    transition:all 0.5s ease-out;

}

/*do not remove !important, otherwise the hover effect does not work*/
/*this is where you change the color of the text editor widget*/
.text:hover .paragraph-scroll  {
     color: #FFFFFF !important;
}
/*do not remove !important, otherwise the hover effect does not work*/
/*this is where you change the color of the heading widget*/
.text:hover .elementor-heading-title  {
     
}

/*media query to make the images show by default on mobile devices*/
@media only screen and (max-width: 768px) {
  .img-one {
/*made a correction, from block change to inline*/
    display: inline;
    
  }
  
}/* End custom CSS */