.elementor-24 .elementor-element.elementor-element-396c937d{--display:flex;}.elementor-24 .elementor-element.elementor-element-2dca4bb5{--spacer-size:50px;}.elementor-24 .elementor-element.elementor-element-139065bb{--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;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-24 .elementor-element.elementor-element-3ff3251b .elementor-icon-wrapper{text-align:center;}.elementor-24 .elementor-element.elementor-element-3ff3251b.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-24 .elementor-element.elementor-element-3ff3251b.elementor-view-framed .elementor-icon, .elementor-24 .elementor-element.elementor-element-3ff3251b.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-24 .elementor-element.elementor-element-3ff3251b.elementor-view-framed .elementor-icon, .elementor-24 .elementor-element.elementor-element-3ff3251b.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-24 .elementor-element.elementor-element-1bdeed3a{--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;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-24 .elementor-element.elementor-element-7c907b0{text-align:center;}.elementor-24 .elementor-element.elementor-element-20b779fe{--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;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.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-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-24 .elementor-element.elementor-element-516e431c{--display:flex;--min-height:390px;}.elementor-24 .elementor-element.elementor-element-70d7977f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-24 .elementor-element.elementor-element-1d655df4{--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;--background-transition:0.3s;--z-index:0;}.elementor-24 .elementor-element.elementor-element-1d655df4:hover{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);}.elementor-24 .elementor-element.elementor-element-7e4684c{text-align:center;}.elementor-24 .elementor-element.elementor-element-7e4684c .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;}.elementor-24 .elementor-element.elementor-element-2b8fb7e1{text-align:center;}.elementor-24 .elementor-element.elementor-element-2b8fb7e1 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:#0610D7;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-24 .elementor-element.elementor-element-64ccfa84{padding:0px 0px 0px 0px;border-radius:12px 12px 12px 12px;}.elementor-24 .elementor-element.elementor-element-64ccfa84 img{width:360%;height:360px;border-radius:10px 10px 10px 10px;}.elementor-24 .elementor-element.elementor-element-64ccfa84:hover img{opacity:0.1;}.elementor-24 .elementor-element.elementor-element-35cd66b3{--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;--background-transition:0.3s;--z-index:0;}.elementor-24 .elementor-element.elementor-element-35cd66b3:hover{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);}.elementor-24 .elementor-element.elementor-element-189502c1{text-align:center;}.elementor-24 .elementor-element.elementor-element-189502c1 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;}.elementor-24 .elementor-element.elementor-element-6a0a6ab3{text-align:center;}.elementor-24 .elementor-element.elementor-element-6a0a6ab3 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:#0610D7;}.elementor-24 .elementor-element.elementor-element-2b301db2{padding:0px 0px 0px 0px;border-radius:12px 12px 12px 12px;}.elementor-24 .elementor-element.elementor-element-2b301db2 img{width:360%;height:360px;border-radius:10px 10px 10px 10px;}.elementor-24 .elementor-element.elementor-element-2b301db2:hover img{opacity:0.1;}.elementor-24 .elementor-element.elementor-element-49e03817{--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;--background-transition:0.3s;--z-index:0;}.elementor-24 .elementor-element.elementor-element-49e03817:hover{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);}.elementor-24 .elementor-element.elementor-element-555a5205{text-align:center;}.elementor-24 .elementor-element.elementor-element-555a5205 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;}.elementor-24 .elementor-element.elementor-element-669e1008{text-align:center;}.elementor-24 .elementor-element.elementor-element-669e1008 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:#0610D7;}.elementor-24 .elementor-element.elementor-element-236ed53a{padding:0px 0px 0px 0px;border-radius:12px 12px 12px 12px;}.elementor-24 .elementor-element.elementor-element-236ed53a img{width:360%;height:360px;border-radius:10px 10px 10px 10px;}.elementor-24 .elementor-element.elementor-element-236ed53a:hover img{opacity:0.1;}.elementor-24 .elementor-element.elementor-element-6f23851e{--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;--background-transition:0.3s;--z-index:0;}.elementor-24 .elementor-element.elementor-element-6f23851e:hover{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);}.elementor-24 .elementor-element.elementor-element-1904d7a1{text-align:center;}.elementor-24 .elementor-element.elementor-element-1904d7a1 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;}.elementor-24 .elementor-element.elementor-element-198245ae{text-align:center;}.elementor-24 .elementor-element.elementor-element-198245ae .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:#0610D7;}.elementor-24 .elementor-element.elementor-element-6f9d4898{padding:0px 0px 0px 0px;border-radius:12px 12px 12px 12px;}.elementor-24 .elementor-element.elementor-element-6f9d4898 img{width:360%;height:360px;border-radius:10px 10px 10px 10px;}.elementor-24 .elementor-element.elementor-element-6f9d4898:hover img{opacity:0.1;}.elementor-24 .elementor-element.elementor-element-32b446b9{--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;--background-transition:0.3s;--z-index:0;}.elementor-24 .elementor-element.elementor-element-32b446b9:hover{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);}.elementor-24 .elementor-element.elementor-element-472fc689{text-align:center;}.elementor-24 .elementor-element.elementor-element-472fc689 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;}.elementor-24 .elementor-element.elementor-element-2a43b2dd{text-align:center;}.elementor-24 .elementor-element.elementor-element-2a43b2dd .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:#0610D7;}.elementor-24 .elementor-element.elementor-element-36ec0743{padding:0px 0px 0px 0px;border-radius:12px 12px 12px 12px;}.elementor-24 .elementor-element.elementor-element-36ec0743 img{width:360%;height:360px;border-radius:10px 10px 10px 10px;}.elementor-24 .elementor-element.elementor-element-36ec0743:hover img{opacity:0.1;}.elementor-24 .elementor-element.elementor-element-3bb0a6da{--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;--background-transition:0.3s;--z-index:0;}.elementor-24 .elementor-element.elementor-element-3bb0a6da:hover{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);}.elementor-24 .elementor-element.elementor-element-648cc7d9{text-align:center;}.elementor-24 .elementor-element.elementor-element-648cc7d9 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;}.elementor-24 .elementor-element.elementor-element-7e404c53{text-align:center;}.elementor-24 .elementor-element.elementor-element-7e404c53 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:#0610D7;}.elementor-24 .elementor-element.elementor-element-447d774f{padding:0px 0px 0px 0px;border-radius:12px 12px 12px 12px;}.elementor-24 .elementor-element.elementor-element-447d774f img{width:360%;height:360px;border-radius:10px 10px 10px 10px;}.elementor-24 .elementor-element.elementor-element-447d774f:hover img{opacity:0.1;}.elementor-24 .elementor-element.elementor-element-46a7f122{--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;--background-transition:0.3s;--z-index:0;}.elementor-24 .elementor-element.elementor-element-46a7f122:hover{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);}.elementor-24 .elementor-element.elementor-element-6221ee12{text-align:center;}.elementor-24 .elementor-element.elementor-element-6221ee12 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;}.elementor-24 .elementor-element.elementor-element-23875cd0{text-align:center;}.elementor-24 .elementor-element.elementor-element-23875cd0 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:#0610D7;}.elementor-24 .elementor-element.elementor-element-29951a04{padding:0px 0px 0px 0px;border-radius:12px 12px 12px 12px;}.elementor-24 .elementor-element.elementor-element-29951a04 img{width:360%;height:360px;border-radius:10px 10px 10px 10px;}.elementor-24 .elementor-element.elementor-element-29951a04:hover img{opacity:0.1;}.elementor-24 .elementor-element.elementor-element-7500aaef{--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;--background-transition:0.3s;--z-index:0;}.elementor-24 .elementor-element.elementor-element-7500aaef:hover{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);}.elementor-24 .elementor-element.elementor-element-15799473{text-align:center;}.elementor-24 .elementor-element.elementor-element-15799473 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;}.elementor-24 .elementor-element.elementor-element-3c403826{text-align:center;}.elementor-24 .elementor-element.elementor-element-3c403826 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:#0610D7;}.elementor-24 .elementor-element.elementor-element-65320cff{padding:0px 0px 0px 0px;border-radius:12px 12px 12px 12px;}.elementor-24 .elementor-element.elementor-element-65320cff img{width:360%;height:360px;border-radius:10px 10px 10px 10px;}.elementor-24 .elementor-element.elementor-element-65320cff:hover img{opacity:0.1;}.elementor-24 .elementor-element.elementor-element-33d68ced{--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;--background-transition:0.3s;--z-index:0;}.elementor-24 .elementor-element.elementor-element-33d68ced:hover{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);}.elementor-24 .elementor-element.elementor-element-317077af{text-align:center;}.elementor-24 .elementor-element.elementor-element-317077af .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;}.elementor-24 .elementor-element.elementor-element-1ff318b0{text-align:center;}.elementor-24 .elementor-element.elementor-element-1ff318b0 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:#0610D7;}.elementor-24 .elementor-element.elementor-element-a0d6f8b{padding:0px 0px 0px 0px;border-radius:12px 12px 12px 12px;}.elementor-24 .elementor-element.elementor-element-a0d6f8b img{width:360%;height:360px;border-radius:10px 10px 10px 10px;}.elementor-24 .elementor-element.elementor-element-a0d6f8b:hover img{opacity:0.1;}.elementor-24 .elementor-element.elementor-element-7d0d3bec{--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;--background-transition:0.3s;--z-index:0;}.elementor-24 .elementor-element.elementor-element-7d0d3bec:hover{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);}.elementor-24 .elementor-element.elementor-element-4832c33{text-align:center;}.elementor-24 .elementor-element.elementor-element-4832c33 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;}.elementor-24 .elementor-element.elementor-element-2c5866b{text-align:center;}.elementor-24 .elementor-element.elementor-element-2c5866b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:#0610D7;}.elementor-24 .elementor-element.elementor-element-2cff64b3{padding:0px 0px 0px 0px;border-radius:12px 12px 12px 12px;}.elementor-24 .elementor-element.elementor-element-2cff64b3 img{width:360%;height:360px;border-radius:10px 10px 10px 10px;}.elementor-24 .elementor-element.elementor-element-2cff64b3:hover img{opacity:0.1;}.elementor-24 .elementor-element.elementor-element-60bf2f3{--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;--background-transition:0.3s;--z-index:0;}.elementor-24 .elementor-element.elementor-element-60bf2f3:hover{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);}.elementor-24 .elementor-element.elementor-element-51978c02{text-align:center;}.elementor-24 .elementor-element.elementor-element-51978c02 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;}.elementor-24 .elementor-element.elementor-element-7a7736c2{text-align:center;}.elementor-24 .elementor-element.elementor-element-7a7736c2 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:#0610D7;}.elementor-24 .elementor-element.elementor-element-7ae5d959{padding:0px 0px 0px 0px;border-radius:12px 12px 12px 12px;}.elementor-24 .elementor-element.elementor-element-7ae5d959 img{width:360%;height:360px;border-radius:10px 10px 10px 10px;}.elementor-24 .elementor-element.elementor-element-7ae5d959:hover img{opacity:0.1;}.elementor-24 .elementor-element.elementor-element-6e3c856a{--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;--background-transition:0.3s;--z-index:0;}.elementor-24 .elementor-element.elementor-element-6e3c856a:hover{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);}.elementor-24 .elementor-element.elementor-element-5c9de06a{text-align:center;}.elementor-24 .elementor-element.elementor-element-5c9de06a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;}.elementor-24 .elementor-element.elementor-element-13b922f1{text-align:center;}.elementor-24 .elementor-element.elementor-element-13b922f1 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:#0610D7;}.elementor-24 .elementor-element.elementor-element-1842fa45{padding:0px 0px 0px 0px;border-radius:12px 12px 12px 12px;}.elementor-24 .elementor-element.elementor-element-1842fa45 img{width:360%;height:360px;border-radius:10px 10px 10px 10px;}.elementor-24 .elementor-element.elementor-element-1842fa45:hover img{opacity:0.1;}.elementor-24 .elementor-element.elementor-element-344d3ee0{--display:flex;}.elementor-24 .elementor-element.elementor-element-a2b25af{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-24 .elementor-element.elementor-element-f5bb587{--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;--background-transition:0.3s;--z-index:0;}.elementor-24 .elementor-element.elementor-element-f5bb587:hover{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);}.elementor-24 .elementor-element.elementor-element-3aa092d{text-align:center;}.elementor-24 .elementor-element.elementor-element-3aa092d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;}.elementor-24 .elementor-element.elementor-element-2033a5d{text-align:center;}.elementor-24 .elementor-element.elementor-element-2033a5d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:#0610D7;}.elementor-24 .elementor-element.elementor-element-7cfbacc{padding:0px 0px 0px 0px;border-radius:12px 12px 12px 12px;}.elementor-24 .elementor-element.elementor-element-7cfbacc img{width:360%;height:360px;border-radius:10px 10px 10px 10px;}.elementor-24 .elementor-element.elementor-element-7cfbacc:hover img{opacity:0.1;}.elementor-24 .elementor-element.elementor-element-2a7416e{--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;--background-transition:0.3s;--z-index:0;}.elementor-24 .elementor-element.elementor-element-2a7416e:hover{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);}.elementor-24 .elementor-element.elementor-element-97f22f8{text-align:center;}.elementor-24 .elementor-element.elementor-element-97f22f8 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;}.elementor-24 .elementor-element.elementor-element-1dec0f4{text-align:center;}.elementor-24 .elementor-element.elementor-element-1dec0f4 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:#0610D7;}.elementor-24 .elementor-element.elementor-element-c426c09{padding:0px 0px 0px 0px;border-radius:12px 12px 12px 12px;}.elementor-24 .elementor-element.elementor-element-c426c09 img{width:360%;height:360px;border-radius:10px 10px 10px 10px;}.elementor-24 .elementor-element.elementor-element-c426c09:hover img{opacity:0.1;}.elementor-24 .elementor-element.elementor-element-f04b183{--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;--background-transition:0.3s;--z-index:0;}.elementor-24 .elementor-element.elementor-element-f04b183:hover{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);}.elementor-24 .elementor-element.elementor-element-1a99ef9{text-align:center;}.elementor-24 .elementor-element.elementor-element-1a99ef9 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;}.elementor-24 .elementor-element.elementor-element-766b853{text-align:center;}.elementor-24 .elementor-element.elementor-element-766b853 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:#0610D7;}.elementor-24 .elementor-element.elementor-element-491e444{padding:0px 0px 0px 0px;border-radius:12px 12px 12px 12px;}.elementor-24 .elementor-element.elementor-element-491e444 img{width:360%;height:360px;border-radius:10px 10px 10px 10px;}.elementor-24 .elementor-element.elementor-element-491e444:hover img{opacity:0.1;}.elementor-24 .elementor-element.elementor-element-2a199ed{--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;--background-transition:0.3s;--z-index:0;}.elementor-24 .elementor-element.elementor-element-2a199ed:hover{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);}.elementor-24 .elementor-element.elementor-element-63d0424{text-align:center;}.elementor-24 .elementor-element.elementor-element-63d0424 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;}.elementor-24 .elementor-element.elementor-element-c9fd070{text-align:center;}.elementor-24 .elementor-element.elementor-element-c9fd070 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:#0610D7;}.elementor-24 .elementor-element.elementor-element-d16c94f{padding:0px 0px 0px 0px;border-radius:12px 12px 12px 12px;}.elementor-24 .elementor-element.elementor-element-d16c94f img{width:360%;height:360px;border-radius:10px 10px 10px 10px;}.elementor-24 .elementor-element.elementor-element-d16c94f:hover img{opacity:0.1;}.elementor-24 .elementor-element.elementor-element-21b1d47{--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;--background-transition:0.3s;--z-index:0;}.elementor-24 .elementor-element.elementor-element-21b1d47:hover{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);}.elementor-24 .elementor-element.elementor-element-3295758{text-align:center;}.elementor-24 .elementor-element.elementor-element-3295758 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;}.elementor-24 .elementor-element.elementor-element-341f5a4{text-align:center;}.elementor-24 .elementor-element.elementor-element-341f5a4 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:#0610D7;}.elementor-24 .elementor-element.elementor-element-1db1d83{padding:0px 0px 0px 0px;border-radius:12px 12px 12px 12px;}.elementor-24 .elementor-element.elementor-element-1db1d83 img{width:360%;height:360px;border-radius:10px 10px 10px 10px;}.elementor-24 .elementor-element.elementor-element-1db1d83:hover img{opacity:0.1;}.elementor-24 .elementor-element.elementor-element-b354413{--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;--background-transition:0.3s;--z-index:0;}.elementor-24 .elementor-element.elementor-element-b354413:hover{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);}.elementor-24 .elementor-element.elementor-element-b1c4723{text-align:center;}.elementor-24 .elementor-element.elementor-element-b1c4723 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;}.elementor-24 .elementor-element.elementor-element-12540c2{text-align:center;}.elementor-24 .elementor-element.elementor-element-12540c2 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:#0610D7;}.elementor-24 .elementor-element.elementor-element-f7c358a{padding:0px 0px 0px 0px;border-radius:12px 12px 12px 12px;}.elementor-24 .elementor-element.elementor-element-f7c358a img{width:360%;height:360px;border-radius:10px 10px 10px 10px;}.elementor-24 .elementor-element.elementor-element-f7c358a:hover img{opacity:0.1;}.elementor-24 .elementor-element.elementor-element-6acc5876{--display:flex;}.elementor-24 .elementor-element.elementor-element-3fed084{--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;--background-transition:0.3s;--z-index:0;}.elementor-24 .elementor-element.elementor-element-3fed084:hover{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);}.elementor-24 .elementor-element.elementor-element-19b2223{text-align:center;}.elementor-24 .elementor-element.elementor-element-19b2223 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;}.elementor-24 .elementor-element.elementor-element-f1b573a{text-align:center;}.elementor-24 .elementor-element.elementor-element-f1b573a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:#0610D7;}.elementor-24 .elementor-element.elementor-element-f85ffa2{padding:0px 0px 0px 0px;border-radius:12px 12px 12px 12px;}.elementor-24 .elementor-element.elementor-element-f85ffa2 img{width:360%;height:360px;border-radius:10px 10px 10px 10px;}.elementor-24 .elementor-element.elementor-element-f85ffa2:hover img{opacity:0.1;}.elementor-24 .elementor-element.elementor-element-4326045d{--display:flex;}.elementor-24 .elementor-element.elementor-element-7ce484c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-24 .elementor-element.elementor-element-2a5b166{--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;--background-transition:0.3s;--z-index:0;}.elementor-24 .elementor-element.elementor-element-2a5b166:hover{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);}.elementor-24 .elementor-element.elementor-element-a64e2b2{text-align:center;}.elementor-24 .elementor-element.elementor-element-a64e2b2 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;}.elementor-24 .elementor-element.elementor-element-082bdb0{text-align:center;}.elementor-24 .elementor-element.elementor-element-082bdb0 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:#0610D7;}.elementor-24 .elementor-element.elementor-element-56471bf{padding:0px 0px 0px 0px;border-radius:12px 12px 12px 12px;}.elementor-24 .elementor-element.elementor-element-56471bf img{width:360%;height:360px;border-radius:10px 10px 10px 10px;}.elementor-24 .elementor-element.elementor-element-56471bf:hover img{opacity:0.1;}.elementor-24 .elementor-element.elementor-element-f61340a{--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;--background-transition:0.3s;--z-index:0;}.elementor-24 .elementor-element.elementor-element-f61340a:hover{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);}.elementor-24 .elementor-element.elementor-element-ccb444b{text-align:center;}.elementor-24 .elementor-element.elementor-element-ccb444b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;}.elementor-24 .elementor-element.elementor-element-b221811{text-align:center;}.elementor-24 .elementor-element.elementor-element-b221811 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:#0610D7;}.elementor-24 .elementor-element.elementor-element-16d8fcd{padding:0px 0px 0px 0px;border-radius:12px 12px 12px 12px;}.elementor-24 .elementor-element.elementor-element-16d8fcd img{width:360%;height:360px;border-radius:10px 10px 10px 10px;}.elementor-24 .elementor-element.elementor-element-16d8fcd:hover img{opacity:0.1;}.elementor-24 .elementor-element.elementor-element-2c0e5e3{--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;--background-transition:0.3s;--z-index:0;}.elementor-24 .elementor-element.elementor-element-2c0e5e3:hover{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);}.elementor-24 .elementor-element.elementor-element-61695a9{text-align:center;}.elementor-24 .elementor-element.elementor-element-61695a9 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;}.elementor-24 .elementor-element.elementor-element-5a2eba2{text-align:center;}.elementor-24 .elementor-element.elementor-element-5a2eba2 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:#0610D7;}.elementor-24 .elementor-element.elementor-element-89205d6{padding:0px 0px 0px 0px;border-radius:12px 12px 12px 12px;}.elementor-24 .elementor-element.elementor-element-89205d6 img{width:360%;height:360px;border-radius:10px 10px 10px 10px;}.elementor-24 .elementor-element.elementor-element-89205d6:hover img{opacity:0.1;}.elementor-24 .elementor-element.elementor-element-1cc87a7{--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;--background-transition:0.3s;--z-index:0;}.elementor-24 .elementor-element.elementor-element-1cc87a7:hover{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);}.elementor-24 .elementor-element.elementor-element-ca316a6{text-align:center;}.elementor-24 .elementor-element.elementor-element-ca316a6 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;}.elementor-24 .elementor-element.elementor-element-1ea3239{text-align:center;}.elementor-24 .elementor-element.elementor-element-1ea3239 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;color:#0610D7;}.elementor-24 .elementor-element.elementor-element-dfde121{padding:0px 0px 0px 0px;border-radius:12px 12px 12px 12px;}.elementor-24 .elementor-element.elementor-element-dfde121 img{width:360%;height:360px;border-radius:10px 10px 10px 10px;}.elementor-24 .elementor-element.elementor-element-dfde121:hover img{opacity:0.1;}.elementor-24 .elementor-element.elementor-element-5721cd0e{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:24px;--n-tabs-gap:20px;--n-tabs-title-border-radius:10px 10px 10px 10px;--n-tabs-title-padding-top:4px;--n-tabs-title-padding-right:10px;--n-tabs-title-padding-bottom:4px;--n-tabs-title-padding-left:10px;}.elementor-24 .elementor-element.elementor-element-67eadad0{--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;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-24 .elementor-element.elementor-element-6f8e8d8a .elementor-button:hover, .elementor-24 .elementor-element.elementor-element-6f8e8d8a .elementor-button:focus{background-color:var( --e-global-color-primary );}.elementor-24 .elementor-element.elementor-element-6f8e8d8a .elementor-button{font-family:"Roboto", Sans-serif;font-size:19px;font-weight:500;}@media(min-width:768px){.elementor-24 .elementor-element.elementor-element-516e431c{--width:390%;}.elementor-24 .elementor-element.elementor-element-1d655df4{--width:33.3333%;}.elementor-24 .elementor-element.elementor-element-35cd66b3{--width:33.3333%;}.elementor-24 .elementor-element.elementor-element-49e03817{--width:33.3333%;}.elementor-24 .elementor-element.elementor-element-6f23851e{--width:33.3333%;}.elementor-24 .elementor-element.elementor-element-32b446b9{--width:33.3333%;}.elementor-24 .elementor-element.elementor-element-3bb0a6da{--width:33.3333%;}.elementor-24 .elementor-element.elementor-element-46a7f122{--width:33.3333%;}.elementor-24 .elementor-element.elementor-element-7500aaef{--width:33.3333%;}.elementor-24 .elementor-element.elementor-element-33d68ced{--width:33.3333%;}.elementor-24 .elementor-element.elementor-element-7d0d3bec{--width:33.3333%;}.elementor-24 .elementor-element.elementor-element-60bf2f3{--width:33.3333%;}.elementor-24 .elementor-element.elementor-element-6e3c856a{--width:33.3333%;}.elementor-24 .elementor-element.elementor-element-f5bb587{--width:33.3333%;}.elementor-24 .elementor-element.elementor-element-2a7416e{--width:33.3333%;}.elementor-24 .elementor-element.elementor-element-f04b183{--width:33.3333%;}.elementor-24 .elementor-element.elementor-element-2a199ed{--width:33.3333%;}.elementor-24 .elementor-element.elementor-element-21b1d47{--width:33.3333%;}.elementor-24 .elementor-element.elementor-element-b354413{--width:33.3333%;}.elementor-24 .elementor-element.elementor-element-3fed084{--width:33.3333%;}.elementor-24 .elementor-element.elementor-element-2a5b166{--width:33.3333%;}.elementor-24 .elementor-element.elementor-element-f61340a{--width:33.3333%;}.elementor-24 .elementor-element.elementor-element-2c0e5e3{--width:33.3333%;}.elementor-24 .elementor-element.elementor-element-1cc87a7{--width:33.3333%;}}/* Start custom CSS for container, class: .elementor-element-1d655df4 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-35cd66b3 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49e03817 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f23851e *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32b446b9 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3bb0a6da *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46a7f122 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7500aaef *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33d68ced *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d0d3bec *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60bf2f3 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e3c856a *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f5bb587 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a7416e *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f04b183 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a199ed *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-21b1d47 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b354413 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3fed084 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a5b166 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f61340a *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c0e5e3 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1cc87a7 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d655df4 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-35cd66b3 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49e03817 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f23851e *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32b446b9 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3bb0a6da *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46a7f122 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7500aaef *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33d68ced *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d0d3bec *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60bf2f3 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e3c856a *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f5bb587 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a7416e *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f04b183 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a199ed *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-21b1d47 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b354413 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3fed084 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a5b166 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f61340a *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c0e5e3 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1cc87a7 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d655df4 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-35cd66b3 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49e03817 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f23851e *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32b446b9 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3bb0a6da *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46a7f122 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7500aaef *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33d68ced *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d0d3bec *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60bf2f3 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e3c856a *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f5bb587 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a7416e *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f04b183 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a199ed *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-21b1d47 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b354413 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3fed084 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a5b166 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f61340a *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c0e5e3 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1cc87a7 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d655df4 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-35cd66b3 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49e03817 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f23851e *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32b446b9 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3bb0a6da *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46a7f122 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7500aaef *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33d68ced *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d0d3bec *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60bf2f3 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e3c856a *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f5bb587 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a7416e *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f04b183 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a199ed *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-21b1d47 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b354413 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3fed084 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a5b166 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f61340a *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c0e5e3 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1cc87a7 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d655df4 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-35cd66b3 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49e03817 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6f23851e *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32b446b9 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3bb0a6da *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46a7f122 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7500aaef *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33d68ced *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7d0d3bec *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60bf2f3 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e3c856a *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f5bb587 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a7416e *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f04b183 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a199ed *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-21b1d47 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b354413 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3fed084 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a5b166 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f61340a *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c0e5e3 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1cc87a7 *//* Make the column a positioning container */
.image-hover-column {
  position: relative;
  overflow: hidden;
}

/* Image fades out on hover */
.image-hover-column:hover img {
  opacity: 0.1;
  transition: opacity 0.5s ease;
}


/* Base styles for both texts */
.hover-text.top {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}
.hover-text.bottom {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.5s ease;
  z-index: 2;
  color: white;
  font-size: 24px;
  font-weight: bold;
  pointer-events: none;
  white-space: nowrap;
}

/* Top text starts above the center */
.hover-text.top {
  transform: translate(-50%, -180%);
}

/* Bottom text starts below the center */
.hover-text.bottom {
  transform: translate(-50%, 170%);
}

/* On hover - both texts align exactly at center */
.image-hover-column:hover .hover-text.top {
  transform: translate(-50%, -120%);
  opacity: 1;
}
.image-hover-column:hover .hover-text.bottom {
  transform: translate(-50%, -10%);
  opacity: 1;
}/* End custom CSS */