.elementor-841 .elementor-element.elementor-element-0b5bc5a{--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:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-841 .elementor-element.elementor-element-3206a22{--display:flex;}.elementor-841 .elementor-element.elementor-element-0151b18{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-841 .elementor-element.elementor-element-b84ce02{--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:flex-end;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--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-841 .elementor-element.elementor-element-a506978{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-a506978:hover img{opacity:1;filter:brightness( 52% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-841 .elementor-element.elementor-element-a506978 img{border-radius:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-f09a25d{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-7af6205{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-841 .elementor-element.elementor-element-62510bd{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-62510bd .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-0f34b14{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-0f34b14 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-58154e4{--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:flex-end;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--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-841 .elementor-element.elementor-element-45e09e0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-45e09e0:hover img{opacity:1;filter:brightness( 52% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-841 .elementor-element.elementor-element-45e09e0 img{border-radius:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-ae0a6d6{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-ae0a6d6 .elementor-heading-title{text-transform:uppercase;}.elementor-841 .elementor-element.elementor-element-34bd7bb{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-841 .elementor-element.elementor-element-7ec599c{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-7ec599c .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-6d19de4{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-6d19de4 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-087ab23{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-087ab23 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-cbfc085{--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:flex-end;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--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-841 .elementor-element.elementor-element-f9ff93d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-f9ff93d:hover img{opacity:1;filter:brightness( 52% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-841 .elementor-element.elementor-element-f9ff93d img{border-radius:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-d9d815d{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-d9d815d .elementor-heading-title{text-transform:uppercase;}.elementor-841 .elementor-element.elementor-element-0c226c5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-841 .elementor-element.elementor-element-1577ef8{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-1577ef8 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-1dab638{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-1dab638 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-110cc61{--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:flex-end;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--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-841 .elementor-element.elementor-element-35d8ac4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-35d8ac4:hover img{opacity:1;filter:brightness( 52% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-841 .elementor-element.elementor-element-35d8ac4 img{border-radius:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-c2e8a9c{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;padding:0px 0px 0px 0px;text-align:left;}.elementor-841 .elementor-element.elementor-element-c2e8a9c .elementor-heading-title{font-size:27px;text-transform:uppercase;}.elementor-841 .elementor-element.elementor-element-964358c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-841 .elementor-element.elementor-element-322758c{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-322758c .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-b67e102{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-b67e102 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-65250fe{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-65250fe .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-95b8672{--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:flex-end;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--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-841 .elementor-element.elementor-element-c5187c6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-c5187c6:hover img{opacity:1;filter:brightness( 52% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-841 .elementor-element.elementor-element-c5187c6 img{border-radius:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-dc35ff1{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-d25e379{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-841 .elementor-element.elementor-element-5f641ea{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-5f641ea .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-c82cea8{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-c82cea8 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-205cd96{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-205cd96 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-7560a96{--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:flex-end;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--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-841 .elementor-element.elementor-element-c1880ca{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-c1880ca:hover img{opacity:1;filter:brightness( 52% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-841 .elementor-element.elementor-element-c1880ca img{border-radius:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-f5fde08{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-f5fde08 .elementor-heading-title{text-transform:uppercase;}.elementor-841 .elementor-element.elementor-element-23c815e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-841 .elementor-element.elementor-element-a028eae{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-a028eae .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-89c580b{--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:flex-end;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--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-841 .elementor-element.elementor-element-a765ebf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-a765ebf:hover img{opacity:1;filter:brightness( 52% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-841 .elementor-element.elementor-element-a765ebf img{border-radius:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-7ab50ea{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;padding:0px 0px 0px 0px;text-align:left;}.elementor-841 .elementor-element.elementor-element-7ab50ea .elementor-heading-title{font-size:27px;text-transform:uppercase;}.elementor-841 .elementor-element.elementor-element-fadc904{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-841 .elementor-element.elementor-element-c317de8{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-c317de8 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-3bd34aa{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-3bd34aa .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-760ed63{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-760ed63 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-25b5d94{--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:flex-end;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--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-841 .elementor-element.elementor-element-5147919{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-5147919:hover img{opacity:1;filter:brightness( 52% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-841 .elementor-element.elementor-element-5147919 img{border-radius:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-2d8efab{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;padding:0px 0px 0px 0px;text-align:left;}.elementor-841 .elementor-element.elementor-element-2d8efab .elementor-heading-title{font-size:27px;text-transform:uppercase;}.elementor-841 .elementor-element.elementor-element-769c321{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-841 .elementor-element.elementor-element-1d37408{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-1d37408 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-f349ff3{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-f349ff3 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-67fe051{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-67fe051 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-d33efd6{--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:flex-end;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--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-841 .elementor-element.elementor-element-220fcbe{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-220fcbe:hover img{opacity:1;filter:brightness( 52% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-841 .elementor-element.elementor-element-220fcbe img{border-radius:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-6a14653{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;padding:0px 0px 0px 0px;text-align:left;}.elementor-841 .elementor-element.elementor-element-6a14653 .elementor-heading-title{font-size:27px;text-transform:uppercase;}.elementor-841 .elementor-element.elementor-element-859b1f9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-841 .elementor-element.elementor-element-fe9f822{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-fe9f822 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-dba28b4{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-dba28b4 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-1793ae3{--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:flex-end;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--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-841 .elementor-element.elementor-element-d155779{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-d155779:hover img{opacity:1;filter:brightness( 52% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-841 .elementor-element.elementor-element-d155779 img{border-radius:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-7ed9c97{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;padding:0px 0px 0px 0px;text-align:left;}.elementor-841 .elementor-element.elementor-element-7ed9c97 .elementor-heading-title{font-size:27px;text-transform:uppercase;}.elementor-841 .elementor-element.elementor-element-0904b74{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-841 .elementor-element.elementor-element-2c2e8ab{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-2c2e8ab .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-e169ba6{--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:flex-end;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--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-841 .elementor-element.elementor-element-967d231{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-967d231:hover img{opacity:1;filter:brightness( 52% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-841 .elementor-element.elementor-element-967d231 img{border-radius:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-91acc3c{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;padding:0px 0px 0px 0px;text-align:left;}.elementor-841 .elementor-element.elementor-element-91acc3c .elementor-heading-title{font-size:27px;text-transform:uppercase;}.elementor-841 .elementor-element.elementor-element-c2f3138{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-841 .elementor-element.elementor-element-4aff7c3{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-4aff7c3 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-945b9a3{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-945b9a3 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-bbef4ad{--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:flex-end;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--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-841 .elementor-element.elementor-element-bd21fe2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-bd21fe2:hover img{opacity:1;filter:brightness( 52% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-841 .elementor-element.elementor-element-bd21fe2 img{border-radius:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-0896a81{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;padding:0px 0px 0px 0px;text-align:left;}.elementor-841 .elementor-element.elementor-element-0896a81 .elementor-heading-title{font-size:27px;text-transform:uppercase;}.elementor-841 .elementor-element.elementor-element-8e490c7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-841 .elementor-element.elementor-element-adbf505{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-adbf505 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-045a6c4{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-045a6c4 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-4b00dbd{--display:flex;}.elementor-841 .elementor-element.elementor-element-e95ec55{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-841 .elementor-element.elementor-element-2ffd06d{--display:flex;--min-height:350px;--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:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-841 .elementor-element.elementor-element-2ffd06d:not(.elementor-motion-effects-element-type-background), .elementor-841 .elementor-element.elementor-element-2ffd06d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://musyyab.com/wp-content/uploads/2024/11/Filmakea.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-841 .elementor-element.elementor-element-c0a2060{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-b2bd08b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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-841 .elementor-element.elementor-element-3c99aa9{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-3c99aa9 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-b121fc7{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-b121fc7 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-0d206f0{--display:flex;--min-height:350px;--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:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-841 .elementor-element.elementor-element-0d206f0:not(.elementor-motion-effects-element-type-background), .elementor-841 .elementor-element.elementor-element-0d206f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://musyyab.com/wp-content/uploads/2024/11/Filmakea.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-841 .elementor-element.elementor-element-4b25b9e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-0e61f69{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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-841 .elementor-element.elementor-element-d8bfd33{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-d8bfd33 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-1f29759{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-1f29759 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-784c377{--display:flex;--min-height:350px;--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:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-841 .elementor-element.elementor-element-784c377:not(.elementor-motion-effects-element-type-background), .elementor-841 .elementor-element.elementor-element-784c377 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://musyyab.com/wp-content/uploads/2024/11/Filmakea.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-841 .elementor-element.elementor-element-138f2ee{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-075178d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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-841 .elementor-element.elementor-element-f68fafc{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-f68fafc .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-9c098ed{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-9c098ed .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-9d3b29e{--display:flex;--min-height:350px;--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:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-841 .elementor-element.elementor-element-9d3b29e:not(.elementor-motion-effects-element-type-background), .elementor-841 .elementor-element.elementor-element-9d3b29e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://musyyab.com/wp-content/uploads/2024/11/Filmakea.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-841 .elementor-element.elementor-element-43d63c8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-c20b583{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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-841 .elementor-element.elementor-element-ece26ed{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-ece26ed .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-d0be6ff{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-d0be6ff .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-b780d91{--display:flex;--min-height:350px;--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:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-841 .elementor-element.elementor-element-b780d91:not(.elementor-motion-effects-element-type-background), .elementor-841 .elementor-element.elementor-element-b780d91 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://musyyab.com/wp-content/uploads/2024/11/Filmakea.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-841 .elementor-element.elementor-element-51d0406{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-8089f0c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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-841 .elementor-element.elementor-element-803732a{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-803732a .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-2023904{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-2023904 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-89b2405{--display:flex;--min-height:350px;--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:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-841 .elementor-element.elementor-element-89b2405:not(.elementor-motion-effects-element-type-background), .elementor-841 .elementor-element.elementor-element-89b2405 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://musyyab.com/wp-content/uploads/2024/11/Filmakea.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-841 .elementor-element.elementor-element-ba1d522{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-4b3366f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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-841 .elementor-element.elementor-element-1f7fcfd{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-1f7fcfd .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-d6b2570{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-d6b2570 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-4c0b598{--display:flex;--min-height:350px;--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:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-841 .elementor-element.elementor-element-4c0b598:not(.elementor-motion-effects-element-type-background), .elementor-841 .elementor-element.elementor-element-4c0b598 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://musyyab.com/wp-content/uploads/2024/11/Filmakea.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-841 .elementor-element.elementor-element-24fb219{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-9acca3e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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-841 .elementor-element.elementor-element-99c5a84{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-99c5a84 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-eb5d27d{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-eb5d27d .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-58421b6{--display:flex;--min-height:350px;--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:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-841 .elementor-element.elementor-element-58421b6:not(.elementor-motion-effects-element-type-background), .elementor-841 .elementor-element.elementor-element-58421b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://musyyab.com/wp-content/uploads/2024/11/Filmakea.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-841 .elementor-element.elementor-element-857b29c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-d16f461{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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-841 .elementor-element.elementor-element-efce2d7{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-efce2d7 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-2b6a022{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-2b6a022 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-a87f022{--display:flex;}.elementor-841 .elementor-element.elementor-element-3f4749f{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-841 .elementor-element.elementor-element-a35b9f0{--display:flex;--min-height:350px;--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:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-841 .elementor-element.elementor-element-a35b9f0:not(.elementor-motion-effects-element-type-background), .elementor-841 .elementor-element.elementor-element-a35b9f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://musyyab.com/wp-content/uploads/2024/11/Filmakea.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-841 .elementor-element.elementor-element-b4af985{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-83f9e12{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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-841 .elementor-element.elementor-element-9922cf5{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-9922cf5 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-9086751{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-9086751 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-00ba641{--display:flex;--min-height:350px;--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:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-841 .elementor-element.elementor-element-00ba641:not(.elementor-motion-effects-element-type-background), .elementor-841 .elementor-element.elementor-element-00ba641 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://musyyab.com/wp-content/uploads/2024/11/Filmakea.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-841 .elementor-element.elementor-element-0e3c5f3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-5bc9b0a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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-841 .elementor-element.elementor-element-c3b8272{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-c3b8272 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-a44a527{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-a44a527 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-4989865{--display:flex;--min-height:350px;--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:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-841 .elementor-element.elementor-element-4989865:not(.elementor-motion-effects-element-type-background), .elementor-841 .elementor-element.elementor-element-4989865 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://musyyab.com/wp-content/uploads/2024/11/Filmakea.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-841 .elementor-element.elementor-element-92cb6ef{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-3d66edc{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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-841 .elementor-element.elementor-element-1af2976{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-1af2976 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-1ecd0a7{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-1ecd0a7 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-61f0dec{--display:flex;--min-height:350px;--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:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-841 .elementor-element.elementor-element-61f0dec:not(.elementor-motion-effects-element-type-background), .elementor-841 .elementor-element.elementor-element-61f0dec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://musyyab.com/wp-content/uploads/2024/11/Filmakea.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-841 .elementor-element.elementor-element-917a1dd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-c063126{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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-841 .elementor-element.elementor-element-37651ac{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-37651ac .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-de248c5{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-de248c5 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-4e63f34{--display:flex;--min-height:350px;--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:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-841 .elementor-element.elementor-element-4e63f34:not(.elementor-motion-effects-element-type-background), .elementor-841 .elementor-element.elementor-element-4e63f34 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://musyyab.com/wp-content/uploads/2024/11/Filmakea.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-841 .elementor-element.elementor-element-a9f32c7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-a386f48{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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-841 .elementor-element.elementor-element-1b0b7a2{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-1b0b7a2 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-fedbf88{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-fedbf88 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-b4de9ca{--display:flex;--min-height:350px;--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:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-841 .elementor-element.elementor-element-b4de9ca:not(.elementor-motion-effects-element-type-background), .elementor-841 .elementor-element.elementor-element-b4de9ca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://musyyab.com/wp-content/uploads/2024/11/Filmakea.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-841 .elementor-element.elementor-element-7aa8946{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-7da5bd6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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-841 .elementor-element.elementor-element-8e723d1{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-8e723d1 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-dd1e145{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-dd1e145 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-1f06128{--display:flex;--min-height:350px;--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:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-841 .elementor-element.elementor-element-1f06128:not(.elementor-motion-effects-element-type-background), .elementor-841 .elementor-element.elementor-element-1f06128 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://musyyab.com/wp-content/uploads/2024/11/Filmakea.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-841 .elementor-element.elementor-element-f44e5cd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-64022b1{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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-841 .elementor-element.elementor-element-6b945df{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-6b945df .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-3b3c066{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-3b3c066 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-57b3739{--display:flex;}.elementor-841 .elementor-element.elementor-element-85cc1b3{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-841 .elementor-element.elementor-element-9d4c61c{--display:flex;--min-height:350px;--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:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-841 .elementor-element.elementor-element-9d4c61c:not(.elementor-motion-effects-element-type-background), .elementor-841 .elementor-element.elementor-element-9d4c61c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://musyyab.com/wp-content/uploads/2024/11/Filmakea.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-841 .elementor-element.elementor-element-be1de94{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-8dde275{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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-841 .elementor-element.elementor-element-3ec5461{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-3ec5461 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-b79065d{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-b79065d .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-92e4016{--display:flex;--min-height:350px;--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:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-841 .elementor-element.elementor-element-92e4016:not(.elementor-motion-effects-element-type-background), .elementor-841 .elementor-element.elementor-element-92e4016 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://musyyab.com/wp-content/uploads/2024/11/Filmakea.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-841 .elementor-element.elementor-element-5c4b52f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-8b57288{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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-841 .elementor-element.elementor-element-5865791{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-5865791 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-4720652{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-4720652 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-c13bcbb{--display:flex;--min-height:350px;--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:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-841 .elementor-element.elementor-element-c13bcbb:not(.elementor-motion-effects-element-type-background), .elementor-841 .elementor-element.elementor-element-c13bcbb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://musyyab.com/wp-content/uploads/2024/11/Filmakea.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-841 .elementor-element.elementor-element-40e5bb8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-94e8ba2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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-841 .elementor-element.elementor-element-5706410{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-5706410 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-5920413{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-5920413 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-e2a3f3d{--display:flex;--min-height:350px;--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:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-841 .elementor-element.elementor-element-e2a3f3d:not(.elementor-motion-effects-element-type-background), .elementor-841 .elementor-element.elementor-element-e2a3f3d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://musyyab.com/wp-content/uploads/2024/11/Filmakea.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-841 .elementor-element.elementor-element-3f823b0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-f4c1d25{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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-841 .elementor-element.elementor-element-6b57274{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-6b57274 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-0bf5f12{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-0bf5f12 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-3577b6a{--display:flex;--min-height:350px;--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:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-841 .elementor-element.elementor-element-3577b6a:not(.elementor-motion-effects-element-type-background), .elementor-841 .elementor-element.elementor-element-3577b6a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://musyyab.com/wp-content/uploads/2024/11/Filmakea.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-841 .elementor-element.elementor-element-6d37c6a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-a1f7e7f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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-841 .elementor-element.elementor-element-60c1d95{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-60c1d95 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-8ea0ca9{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-8ea0ca9 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-d283827{--display:flex;--min-height:350px;--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:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-841 .elementor-element.elementor-element-d283827:not(.elementor-motion-effects-element-type-background), .elementor-841 .elementor-element.elementor-element-d283827 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://musyyab.com/wp-content/uploads/2024/11/Filmakea.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-841 .elementor-element.elementor-element-6879d46{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-8977f86{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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-841 .elementor-element.elementor-element-b4ab08a{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-b4ab08a .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-d90cebc{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-d90cebc .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-1330701{--display:flex;}.elementor-841 .elementor-element.elementor-element-eb7743c{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-841 .elementor-element.elementor-element-a006f6b{--display:flex;--min-height:350px;--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:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-841 .elementor-element.elementor-element-a006f6b:not(.elementor-motion-effects-element-type-background), .elementor-841 .elementor-element.elementor-element-a006f6b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://musyyab.com/wp-content/uploads/2024/11/Filmakea.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-841 .elementor-element.elementor-element-79a3846{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-b6e490d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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-841 .elementor-element.elementor-element-dd0cb62{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-dd0cb62 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-54cd007{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-54cd007 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-100bef3{--display:flex;--min-height:350px;--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:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-841 .elementor-element.elementor-element-100bef3:not(.elementor-motion-effects-element-type-background), .elementor-841 .elementor-element.elementor-element-100bef3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://musyyab.com/wp-content/uploads/2024/11/Filmakea.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-841 .elementor-element.elementor-element-182734b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-cf6c3b8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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-841 .elementor-element.elementor-element-d9be961{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-d9be961 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-cfc2d1b{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-cfc2d1b .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-a483917{--display:flex;}.elementor-841 .elementor-element.elementor-element-39fe1e5{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-841 .elementor-element.elementor-element-27b1f39{--display:flex;--min-height:350px;--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:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-841 .elementor-element.elementor-element-27b1f39:not(.elementor-motion-effects-element-type-background), .elementor-841 .elementor-element.elementor-element-27b1f39 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://musyyab.com/wp-content/uploads/2024/11/Filmakea.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-841 .elementor-element.elementor-element-5c21668{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-5589d85{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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-841 .elementor-element.elementor-element-c47bb39{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-c47bb39 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-fca6975{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-fca6975 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-567ac32{--display:flex;--min-height:350px;--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:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-841 .elementor-element.elementor-element-567ac32:not(.elementor-motion-effects-element-type-background), .elementor-841 .elementor-element.elementor-element-567ac32 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://musyyab.com/wp-content/uploads/2024/11/Filmakea.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-841 .elementor-element.elementor-element-aed9cc0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-dc0d624{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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-841 .elementor-element.elementor-element-53cb204{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-53cb204 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-c49f389{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-c49f389 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-5391ed8{--display:flex;--min-height:350px;--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:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-841 .elementor-element.elementor-element-5391ed8:not(.elementor-motion-effects-element-type-background), .elementor-841 .elementor-element.elementor-element-5391ed8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://musyyab.com/wp-content/uploads/2024/11/Filmakea.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-841 .elementor-element.elementor-element-4d8cc3b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-65b0d2f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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-841 .elementor-element.elementor-element-7430a0b{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-7430a0b .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-08c61c3{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-08c61c3 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-91197b0{--display:flex;}.elementor-841 .elementor-element.elementor-element-b6452dc{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-841 .elementor-element.elementor-element-0ca022f{--display:flex;--min-height:350px;--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:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-841 .elementor-element.elementor-element-0ca022f:not(.elementor-motion-effects-element-type-background), .elementor-841 .elementor-element.elementor-element-0ca022f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://musyyab.com/wp-content/uploads/2024/11/Filmakea.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-841 .elementor-element.elementor-element-cf53cee{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-c7b2d60{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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-841 .elementor-element.elementor-element-d03e69b{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-d03e69b .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-a5f5c56{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-a5f5c56 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-0e636cf{--display:flex;--min-height:350px;--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:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-841 .elementor-element.elementor-element-0e636cf:not(.elementor-motion-effects-element-type-background), .elementor-841 .elementor-element.elementor-element-0e636cf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://musyyab.com/wp-content/uploads/2024/11/Filmakea.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-841 .elementor-element.elementor-element-c1654cd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-c33b401{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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-841 .elementor-element.elementor-element-23d3a64{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-23d3a64 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-609e070{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-609e070 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-b4c405e{--display:flex;--min-height:350px;--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:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-841 .elementor-element.elementor-element-b4c405e:not(.elementor-motion-effects-element-type-background), .elementor-841 .elementor-element.elementor-element-b4c405e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://musyyab.com/wp-content/uploads/2024/11/Filmakea.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-841 .elementor-element.elementor-element-18a5879{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-c2185ed{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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-841 .elementor-element.elementor-element-bdafd0c{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-bdafd0c .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-70289c1{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-70289c1 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-5597333{--display:flex;--min-height:350px;--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:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:7px 7px 7px 7px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-841 .elementor-element.elementor-element-5597333:not(.elementor-motion-effects-element-type-background), .elementor-841 .elementor-element.elementor-element-5597333 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://musyyab.com/wp-content/uploads/2024/11/Filmakea.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-841 .elementor-element.elementor-element-333a562{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-841 .elementor-element.elementor-element-b5153fa{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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-841 .elementor-element.elementor-element-2527e34{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-2527e34 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-fbf8f4d{background-color:var( --e-global-color-e264363 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 15px 5px 15px;border-radius:100px 100px 100px 100px;}.elementor-841 .elementor-element.elementor-element-fbf8f4d .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;color:var( --e-global-color-secondary );}.elementor-841 .elementor-element.elementor-element-8e43185{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:20px;--n-tabs-gap:20px;--n-tabs-title-border-radius:15px 15px 15px 15px;}.elementor-841 .elementor-element.elementor-element-8e43185.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-841 .elementor-element.elementor-element-8e43185.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-9e3fb49 );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-841 .elementor-element.elementor-element-b84ce02{--width:100%;}.elementor-841 .elementor-element.elementor-element-7af6205{--width:100%;}.elementor-841 .elementor-element.elementor-element-58154e4{--width:100%;}.elementor-841 .elementor-element.elementor-element-34bd7bb{--width:100%;}.elementor-841 .elementor-element.elementor-element-cbfc085{--width:100%;}.elementor-841 .elementor-element.elementor-element-0c226c5{--width:100%;}.elementor-841 .elementor-element.elementor-element-110cc61{--width:100%;}.elementor-841 .elementor-element.elementor-element-964358c{--width:100%;}.elementor-841 .elementor-element.elementor-element-95b8672{--width:100%;}.elementor-841 .elementor-element.elementor-element-d25e379{--width:100%;}.elementor-841 .elementor-element.elementor-element-7560a96{--width:100%;}.elementor-841 .elementor-element.elementor-element-23c815e{--width:100%;}.elementor-841 .elementor-element.elementor-element-89c580b{--width:100%;}.elementor-841 .elementor-element.elementor-element-fadc904{--width:100%;}.elementor-841 .elementor-element.elementor-element-25b5d94{--width:100%;}.elementor-841 .elementor-element.elementor-element-769c321{--width:100%;}.elementor-841 .elementor-element.elementor-element-d33efd6{--width:100%;}.elementor-841 .elementor-element.elementor-element-859b1f9{--width:100%;}.elementor-841 .elementor-element.elementor-element-1793ae3{--width:100%;}.elementor-841 .elementor-element.elementor-element-0904b74{--width:100%;}.elementor-841 .elementor-element.elementor-element-e169ba6{--width:100%;}.elementor-841 .elementor-element.elementor-element-c2f3138{--width:100%;}.elementor-841 .elementor-element.elementor-element-bbef4ad{--width:100%;}.elementor-841 .elementor-element.elementor-element-8e490c7{--width:100%;}.elementor-841 .elementor-element.elementor-element-2ffd06d{--width:100%;}.elementor-841 .elementor-element.elementor-element-b2bd08b{--width:70%;}.elementor-841 .elementor-element.elementor-element-0d206f0{--width:100%;}.elementor-841 .elementor-element.elementor-element-0e61f69{--width:70%;}.elementor-841 .elementor-element.elementor-element-784c377{--width:100%;}.elementor-841 .elementor-element.elementor-element-075178d{--width:70%;}.elementor-841 .elementor-element.elementor-element-9d3b29e{--width:100%;}.elementor-841 .elementor-element.elementor-element-c20b583{--width:70%;}.elementor-841 .elementor-element.elementor-element-b780d91{--width:100%;}.elementor-841 .elementor-element.elementor-element-8089f0c{--width:70%;}.elementor-841 .elementor-element.elementor-element-89b2405{--width:100%;}.elementor-841 .elementor-element.elementor-element-4b3366f{--width:70%;}.elementor-841 .elementor-element.elementor-element-4c0b598{--width:100%;}.elementor-841 .elementor-element.elementor-element-9acca3e{--width:70%;}.elementor-841 .elementor-element.elementor-element-58421b6{--width:100%;}.elementor-841 .elementor-element.elementor-element-d16f461{--width:70%;}.elementor-841 .elementor-element.elementor-element-a35b9f0{--width:100%;}.elementor-841 .elementor-element.elementor-element-83f9e12{--width:70%;}.elementor-841 .elementor-element.elementor-element-00ba641{--width:100%;}.elementor-841 .elementor-element.elementor-element-5bc9b0a{--width:70%;}.elementor-841 .elementor-element.elementor-element-4989865{--width:100%;}.elementor-841 .elementor-element.elementor-element-3d66edc{--width:70%;}.elementor-841 .elementor-element.elementor-element-61f0dec{--width:100%;}.elementor-841 .elementor-element.elementor-element-c063126{--width:70%;}.elementor-841 .elementor-element.elementor-element-4e63f34{--width:100%;}.elementor-841 .elementor-element.elementor-element-a386f48{--width:70%;}.elementor-841 .elementor-element.elementor-element-b4de9ca{--width:100%;}.elementor-841 .elementor-element.elementor-element-7da5bd6{--width:70%;}.elementor-841 .elementor-element.elementor-element-1f06128{--width:100%;}.elementor-841 .elementor-element.elementor-element-64022b1{--width:70%;}.elementor-841 .elementor-element.elementor-element-9d4c61c{--width:100%;}.elementor-841 .elementor-element.elementor-element-8dde275{--width:70%;}.elementor-841 .elementor-element.elementor-element-92e4016{--width:100%;}.elementor-841 .elementor-element.elementor-element-8b57288{--width:70%;}.elementor-841 .elementor-element.elementor-element-c13bcbb{--width:100%;}.elementor-841 .elementor-element.elementor-element-94e8ba2{--width:70%;}.elementor-841 .elementor-element.elementor-element-e2a3f3d{--width:100%;}.elementor-841 .elementor-element.elementor-element-f4c1d25{--width:70%;}.elementor-841 .elementor-element.elementor-element-3577b6a{--width:100%;}.elementor-841 .elementor-element.elementor-element-a1f7e7f{--width:70%;}.elementor-841 .elementor-element.elementor-element-d283827{--width:100%;}.elementor-841 .elementor-element.elementor-element-8977f86{--width:70%;}.elementor-841 .elementor-element.elementor-element-a006f6b{--width:100%;}.elementor-841 .elementor-element.elementor-element-b6e490d{--width:70%;}.elementor-841 .elementor-element.elementor-element-100bef3{--width:100%;}.elementor-841 .elementor-element.elementor-element-cf6c3b8{--width:70%;}.elementor-841 .elementor-element.elementor-element-27b1f39{--width:100%;}.elementor-841 .elementor-element.elementor-element-5589d85{--width:70%;}.elementor-841 .elementor-element.elementor-element-567ac32{--width:100%;}.elementor-841 .elementor-element.elementor-element-dc0d624{--width:70%;}.elementor-841 .elementor-element.elementor-element-5391ed8{--width:100%;}.elementor-841 .elementor-element.elementor-element-65b0d2f{--width:70%;}.elementor-841 .elementor-element.elementor-element-0ca022f{--width:100%;}.elementor-841 .elementor-element.elementor-element-c7b2d60{--width:70%;}.elementor-841 .elementor-element.elementor-element-0e636cf{--width:100%;}.elementor-841 .elementor-element.elementor-element-c33b401{--width:70%;}.elementor-841 .elementor-element.elementor-element-b4c405e{--width:100%;}.elementor-841 .elementor-element.elementor-element-c2185ed{--width:70%;}.elementor-841 .elementor-element.elementor-element-5597333{--width:100%;}.elementor-841 .elementor-element.elementor-element-b5153fa{--width:70%;}}@media(max-width:1024px){.elementor-841 .elementor-element.elementor-element-0151b18{--grid-auto-flow:row;}.elementor-841 .elementor-element.elementor-element-e95ec55{--grid-auto-flow:row;}.elementor-841 .elementor-element.elementor-element-3f4749f{--grid-auto-flow:row;}.elementor-841 .elementor-element.elementor-element-85cc1b3{--grid-auto-flow:row;}.elementor-841 .elementor-element.elementor-element-eb7743c{--grid-auto-flow:row;}.elementor-841 .elementor-element.elementor-element-39fe1e5{--grid-auto-flow:row;}.elementor-841 .elementor-element.elementor-element-b6452dc{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-841 .elementor-element.elementor-element-0151b18{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-841 .elementor-element.elementor-element-e95ec55{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-841 .elementor-element.elementor-element-3f4749f{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-841 .elementor-element.elementor-element-85cc1b3{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-841 .elementor-element.elementor-element-eb7743c{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-841 .elementor-element.elementor-element-39fe1e5{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-841 .elementor-element.elementor-element-b6452dc{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-b84ce02 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-58154e4 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbfc085 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-110cc61 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95b8672 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7560a96 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-89c580b *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-25b5d94 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d33efd6 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1793ae3 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e169ba6 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bbef4ad *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ffd06d *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d206f0 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-784c377 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d3b29e *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b780d91 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-89b2405 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c0b598 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-58421b6 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a35b9f0 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-00ba641 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4989865 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61f0dec *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e63f34 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4de9ca *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f06128 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d4c61c *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92e4016 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c13bcbb *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e2a3f3d *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3577b6a *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d283827 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a006f6b *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-100bef3 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-27b1f39 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-567ac32 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5391ed8 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ca022f *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0e636cf *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4c405e *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5597333 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b84ce02 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-58154e4 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbfc085 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-110cc61 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95b8672 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7560a96 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-89c580b *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-25b5d94 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d33efd6 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1793ae3 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e169ba6 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bbef4ad *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ffd06d *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d206f0 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-784c377 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d3b29e *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b780d91 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-89b2405 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c0b598 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-58421b6 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a35b9f0 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-00ba641 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4989865 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61f0dec *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e63f34 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4de9ca *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f06128 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d4c61c *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92e4016 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c13bcbb *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e2a3f3d *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3577b6a *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d283827 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a006f6b *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-100bef3 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-27b1f39 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-567ac32 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5391ed8 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ca022f *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0e636cf *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4c405e *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5597333 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b84ce02 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-58154e4 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbfc085 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-110cc61 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95b8672 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7560a96 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-89c580b *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-25b5d94 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d33efd6 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1793ae3 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e169ba6 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bbef4ad *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ffd06d *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d206f0 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-784c377 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d3b29e *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b780d91 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-89b2405 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c0b598 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-58421b6 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a35b9f0 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-00ba641 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4989865 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61f0dec *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e63f34 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4de9ca *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f06128 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d4c61c *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92e4016 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c13bcbb *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e2a3f3d *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3577b6a *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d283827 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a006f6b *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-100bef3 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-27b1f39 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-567ac32 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5391ed8 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ca022f *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0e636cf *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4c405e *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5597333 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b84ce02 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-58154e4 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbfc085 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-110cc61 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95b8672 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7560a96 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-89c580b *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-25b5d94 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d33efd6 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1793ae3 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e169ba6 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bbef4ad *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ffd06d *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d206f0 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-784c377 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d3b29e *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b780d91 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-89b2405 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c0b598 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-58421b6 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a35b9f0 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-00ba641 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4989865 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61f0dec *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e63f34 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4de9ca *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f06128 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d4c61c *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92e4016 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c13bcbb *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e2a3f3d *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3577b6a *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d283827 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a006f6b *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-100bef3 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-27b1f39 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-567ac32 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5391ed8 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ca022f *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0e636cf *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4c405e *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5597333 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b84ce02 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-58154e4 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbfc085 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-110cc61 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95b8672 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7560a96 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-89c580b *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-25b5d94 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d33efd6 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1793ae3 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e169ba6 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bbef4ad *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ffd06d *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d206f0 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-784c377 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d3b29e *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b780d91 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-89b2405 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c0b598 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-58421b6 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a35b9f0 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-00ba641 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4989865 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61f0dec *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e63f34 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4de9ca *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f06128 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d4c61c *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92e4016 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c13bcbb *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e2a3f3d *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3577b6a *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d283827 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a006f6b *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-100bef3 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-27b1f39 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-567ac32 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5391ed8 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ca022f *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0e636cf *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4c405e *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5597333 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b84ce02 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-58154e4 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbfc085 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-110cc61 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95b8672 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7560a96 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-89c580b *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-25b5d94 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d33efd6 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1793ae3 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e169ba6 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bbef4ad *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ffd06d *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d206f0 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-784c377 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d3b29e *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b780d91 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-89b2405 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c0b598 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-58421b6 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a35b9f0 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-00ba641 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4989865 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61f0dec *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e63f34 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4de9ca *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f06128 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d4c61c *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92e4016 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c13bcbb *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e2a3f3d *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3577b6a *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d283827 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a006f6b *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-100bef3 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-27b1f39 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-567ac32 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5391ed8 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ca022f *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0e636cf *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4c405e *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5597333 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b84ce02 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-58154e4 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbfc085 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-110cc61 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95b8672 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7560a96 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-89c580b *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-25b5d94 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d33efd6 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1793ae3 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e169ba6 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bbef4ad *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ffd06d *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d206f0 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-784c377 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d3b29e *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b780d91 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-89b2405 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c0b598 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-58421b6 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a35b9f0 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-00ba641 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4989865 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61f0dec *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e63f34 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4de9ca *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f06128 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d4c61c *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92e4016 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c13bcbb *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e2a3f3d *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3577b6a *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d283827 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a006f6b *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-100bef3 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-27b1f39 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-567ac32 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5391ed8 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ca022f *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0e636cf *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4c405e *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5597333 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b84ce02 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-58154e4 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbfc085 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-110cc61 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95b8672 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7560a96 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-89c580b *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-25b5d94 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d33efd6 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1793ae3 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e169ba6 *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bbef4ad *//* Container for the image and the text */

/* Hidden Text initially */
.text {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text1 {
    position: absolute;
    top: 90%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}



/* Optional: Add a sliding effect */
.conn:hover .text {
    opacity: 1;

    transform: translate3d(0px, -190%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text1 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ffd06d *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d206f0 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-784c377 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d3b29e *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b780d91 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-89b2405 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c0b598 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-58421b6 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a35b9f0 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-00ba641 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4989865 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61f0dec *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e63f34 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4de9ca *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f06128 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d4c61c *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92e4016 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c13bcbb *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e2a3f3d *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3577b6a *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d283827 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a006f6b *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-100bef3 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-27b1f39 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-567ac32 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5391ed8 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ca022f *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0e636cf *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4c405e *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5597333 *//* Container for the image and the text */

/* Hidden Text initially */
.text12 {
    position: absolute;
    top: 80%;
    color: white;
    font-size: 24px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.text21 {
    position: absolute;
    top: 90%;
    opacity: 0;
    text-align: center;
    transition: opacity 0.5s ease, transform 0.5s ease;
}


.conn:hover background-image {
    
    transform: scale(1.1);
    overflow: hidden;

}

/* Optional: Add a sliding effect */
.conn:hover .text12 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.conn:hover .text21 {
    opacity: 1;

    transform: translate3d(0px, -50%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}/* End custom CSS */