.elementor-12512 .elementor-element.elementor-element-1e06fab{--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;}.elementor-12512 .elementor-element.elementor-element-1e06fab:not(.elementor-motion-effects-element-type-background), .elementor-12512 .elementor-element.elementor-element-1e06fab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-9a51809 );}.elementor-12512 .elementor-element.elementor-element-97334da{--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-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-12512 .elementor-element.elementor-element-c271a1d{--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-12512 .elementor-element.elementor-element-6065b9d .e-off-canvas__overlay{background-color:#3B383514;}.elementor-12512 .elementor-element.elementor-element-6065b9d{--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-overlay-opacity:1;}.elementor-12512 .elementor-element.elementor-element-7663b31{--display:flex;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-12512 .elementor-element.elementor-element-8db45db .elementor-nav-menu--dropdown a, .elementor-12512 .elementor-element.elementor-element-8db45db .elementor-menu-toggle{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-12512 .elementor-element.elementor-element-8db45db .elementor-nav-menu--dropdown a:hover,
					.elementor-12512 .elementor-element.elementor-element-8db45db .elementor-nav-menu--dropdown a:focus,
					.elementor-12512 .elementor-element.elementor-element-8db45db .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-12512 .elementor-element.elementor-element-8db45db .elementor-nav-menu--dropdown a.highlighted,
					.elementor-12512 .elementor-element.elementor-element-8db45db .elementor-menu-toggle:hover,
					.elementor-12512 .elementor-element.elementor-element-8db45db .elementor-menu-toggle:focus{color:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-8db45db .elementor-nav-menu--dropdown a:hover,
					.elementor-12512 .elementor-element.elementor-element-8db45db .elementor-nav-menu--dropdown a:focus,
					.elementor-12512 .elementor-element.elementor-element-8db45db .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-12512 .elementor-element.elementor-element-8db45db .elementor-nav-menu--dropdown a.highlighted{background-color:#00000000;}.elementor-12512 .elementor-element.elementor-element-8db45db .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-7d0186d );background-color:#02010100;}.elementor-12512 .elementor-element.elementor-element-8db45db .elementor-nav-menu--dropdown .elementor-item, .elementor-12512 .elementor-element.elementor-element-8db45db .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Gotham", Sans-serif;font-weight:300;}.elementor-12512 .elementor-element.elementor-element-f9bf18b{--display:flex;--min-height:100px;--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;--align-content:center;--overlay-opacity:0.59;--overlay-mix-blend-mode:multiply;--margin-top:-5px;--margin-bottom:-225px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;--z-index:100;}.elementor-12512 .elementor-element.elementor-element-f9bf18b::before, .elementor-12512 .elementor-element.elementor-element-f9bf18b > .elementor-background-video-container::before, .elementor-12512 .elementor-element.elementor-element-f9bf18b > .e-con-inner > .elementor-background-video-container::before, .elementor-12512 .elementor-element.elementor-element-f9bf18b > .elementor-background-slideshow::before, .elementor-12512 .elementor-element.elementor-element-f9bf18b > .e-con-inner > .elementor-background-slideshow::before, .elementor-12512 .elementor-element.elementor-element-f9bf18b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #000000 0%, #00000000 96%);}.elementor-12512 .elementor-element.elementor-element-f9bf18b.e-con{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-12512 .elementor-element.elementor-element-cbf2523{--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;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:101;}.elementor-12512 .elementor-element.elementor-element-50a9107{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-12512 .elementor-element.elementor-element-50a9107.elementor-element{--align-self:flex-start;}.elementor-12512 .elementor-element.elementor-element-50a9107 img{width:100%;max-width:80%;}.elementor-12512 .elementor-element.elementor-element-ec3f667{--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;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:101;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-12512 .elementor-element.elementor-element-0d2adeb{--display:flex;}.elementor-12512 .elementor-element.elementor-element-21150af{--display:flex;--min-height:0px;--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;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-12512 .elementor-element.elementor-element-21150af:not(.elementor-motion-effects-element-type-background), .elementor-12512 .elementor-element.elementor-element-21150af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F6F4;}.elementor-12512 .elementor-element.elementor-element-6f68f60{--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-12512 .elementor-element.elementor-element-298de5c .elementor-nav-menu .elementor-item{font-family:"Gotham", Sans-serif;font-size:12px;font-weight:400;line-height:1px;}.elementor-12512 .elementor-element.elementor-element-298de5c .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );padding-left:0px;padding-right:0px;padding-top:14px;padding-bottom:14px;}.elementor-12512 .elementor-element.elementor-element-298de5c .elementor-nav-menu--main .elementor-item:hover,
					.elementor-12512 .elementor-element.elementor-element-298de5c .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-12512 .elementor-element.elementor-element-298de5c .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-12512 .elementor-element.elementor-element-298de5c .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-7f181be );fill:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-298de5c .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-c025e43 .elementor-nav-menu .elementor-item{font-family:"Gotham", Sans-serif;font-size:12px;font-weight:400;line-height:1px;}.elementor-12512 .elementor-element.elementor-element-c025e43 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );padding-left:0px;padding-right:0px;padding-top:14px;padding-bottom:14px;}.elementor-12512 .elementor-element.elementor-element-c025e43 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-12512 .elementor-element.elementor-element-c025e43 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-12512 .elementor-element.elementor-element-c025e43 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-12512 .elementor-element.elementor-element-c025e43 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-7f181be );fill:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-c025e43 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-958d2b8 .elementor-nav-menu .elementor-item{font-family:"Gotham", Sans-serif;font-size:12px;font-weight:300;line-height:5px;}.elementor-12512 .elementor-element.elementor-element-958d2b8 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );padding-left:0px;padding-right:0px;padding-top:14px;padding-bottom:14px;}.elementor-12512 .elementor-element.elementor-element-958d2b8 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-12512 .elementor-element.elementor-element-958d2b8 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-12512 .elementor-element.elementor-element-958d2b8 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-12512 .elementor-element.elementor-element-958d2b8 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-7f181be );fill:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-958d2b8 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-ab101af{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;}.elementor-12512 .elementor-element.elementor-element-b77214a.elementor-element{--align-self:stretch;}.elementor-12512 .elementor-element.elementor-element-b77214a .elementor-nav-menu .elementor-item{font-family:"Gotham", Sans-serif;font-size:12px;font-weight:400;line-height:1px;}.elementor-12512 .elementor-element.elementor-element-b77214a .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );padding-left:0px;padding-right:0px;padding-top:14px;padding-bottom:14px;}.elementor-12512 .elementor-element.elementor-element-b77214a .elementor-nav-menu--main .elementor-item:hover,
					.elementor-12512 .elementor-element.elementor-element-b77214a .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-12512 .elementor-element.elementor-element-b77214a .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-12512 .elementor-element.elementor-element-b77214a .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-7f181be );fill:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-b77214a .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-e9762bc.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-12512 .elementor-element.elementor-element-e9762bc .elementor-nav-menu .elementor-item{font-family:"Gotham", Sans-serif;font-size:12px;font-weight:300;line-height:5px;}.elementor-12512 .elementor-element.elementor-element-e9762bc .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );padding-left:0px;padding-right:0px;padding-top:14px;padding-bottom:14px;}.elementor-12512 .elementor-element.elementor-element-e9762bc .elementor-nav-menu--main .elementor-item:hover,
					.elementor-12512 .elementor-element.elementor-element-e9762bc .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-12512 .elementor-element.elementor-element-e9762bc .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-12512 .elementor-element.elementor-element-e9762bc .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-7f181be );fill:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-e9762bc .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-4fc20e8{--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-12512 .elementor-element.elementor-element-b08dea3 .elementor-nav-menu .elementor-item{font-family:"Gotham", Sans-serif;font-size:12px;font-weight:400;line-height:1px;}.elementor-12512 .elementor-element.elementor-element-b08dea3 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );padding-left:0px;padding-right:0px;padding-top:14px;padding-bottom:14px;}.elementor-12512 .elementor-element.elementor-element-b08dea3 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-12512 .elementor-element.elementor-element-b08dea3 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-12512 .elementor-element.elementor-element-b08dea3 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-12512 .elementor-element.elementor-element-b08dea3 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-7f181be );fill:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-b08dea3 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-b59bdfe{--display:flex;--min-height:0px;--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;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12512 .elementor-element.elementor-element-b59bdfe:not(.elementor-motion-effects-element-type-background), .elementor-12512 .elementor-element.elementor-element-b59bdfe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fc7f4f4 );}.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-12512 .elementor-element.elementor-element-0a36caa .elementor-heading-title{font-family:"UtileDisplay", Sans-serif;font-size:20px;font-weight:100;}.elementor-widget-posts .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-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{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-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-12512 .elementor-element.elementor-element-bfdf6c9{--grid-row-gap:16px;--grid-column-gap:18px;}.elementor-12512 .elementor-element.elementor-element-bfdf6c9 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.7 * 100% );}.elementor-12512 .elementor-element.elementor-element-bfdf6c9:after{content:"0.7";}.elementor-12512 .elementor-element.elementor-element-bfdf6c9 .elementor-post__thumbnail__link{width:29%;}.elementor-12512 .elementor-element.elementor-element-bfdf6c9.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-12512 .elementor-element.elementor-element-bfdf6c9.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-12512 .elementor-element.elementor-element-bfdf6c9.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-12512 .elementor-element.elementor-element-bfdf6c9 .elementor-post__title, .elementor-12512 .elementor-element.elementor-element-bfdf6c9 .elementor-post__title a{font-family:"Gotham", Sans-serif;font-size:12px;font-weight:300;line-height:16px;}.elementor-12512 .elementor-element.elementor-element-bfdf6c9 .elementor-post__read-more{color:var( --e-global-color-efd7ac1 );}.elementor-12512 .elementor-element.elementor-element-bfdf6c9 a.elementor-post__read-more{font-family:"Gotham", Sans-serif;font-size:12px;font-weight:400;font-style:normal;line-height:1px;}.elementor-12512 .elementor-element.elementor-element-843542a{--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;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-12512 .elementor-element.elementor-element-aa5d3d8{--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-12512 .elementor-element.elementor-element-0e68fb8 .elementor-nav-menu .elementor-item{font-family:"Gotham", Sans-serif;font-size:12px;font-weight:400;line-height:1px;}.elementor-12512 .elementor-element.elementor-element-0e68fb8 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );padding-left:0px;padding-right:0px;padding-top:14px;padding-bottom:14px;}.elementor-12512 .elementor-element.elementor-element-0e68fb8 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-12512 .elementor-element.elementor-element-0e68fb8 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-12512 .elementor-element.elementor-element-0e68fb8 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-12512 .elementor-element.elementor-element-0e68fb8 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-7f181be );fill:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-0e68fb8 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-d2d2e4d .elementor-nav-menu .elementor-item{font-family:"Gotham", Sans-serif;font-size:12px;font-weight:300;line-height:5px;}.elementor-12512 .elementor-element.elementor-element-d2d2e4d .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );padding-left:0px;padding-right:0px;padding-top:14px;padding-bottom:14px;}.elementor-12512 .elementor-element.elementor-element-d2d2e4d .elementor-nav-menu--main .elementor-item:hover,
					.elementor-12512 .elementor-element.elementor-element-d2d2e4d .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-12512 .elementor-element.elementor-element-d2d2e4d .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-12512 .elementor-element.elementor-element-d2d2e4d .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-7f181be );fill:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-d2d2e4d .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-ff9e7a3{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;}.elementor-12512 .elementor-element.elementor-element-7254cd7.elementor-element{--align-self:stretch;}.elementor-12512 .elementor-element.elementor-element-7254cd7 .elementor-nav-menu .elementor-item{font-family:"Gotham", Sans-serif;font-size:12px;font-weight:400;line-height:1px;}.elementor-12512 .elementor-element.elementor-element-7254cd7 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );padding-left:0px;padding-right:0px;padding-top:14px;padding-bottom:14px;}.elementor-12512 .elementor-element.elementor-element-7254cd7 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-12512 .elementor-element.elementor-element-7254cd7 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-12512 .elementor-element.elementor-element-7254cd7 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-12512 .elementor-element.elementor-element-7254cd7 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-7f181be );fill:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-7254cd7 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-67cef40.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-12512 .elementor-element.elementor-element-67cef40 .elementor-nav-menu .elementor-item{font-family:"Gotham", Sans-serif;font-size:12px;font-weight:300;line-height:5px;}.elementor-12512 .elementor-element.elementor-element-67cef40 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );padding-left:0px;padding-right:0px;padding-top:14px;padding-bottom:14px;}.elementor-12512 .elementor-element.elementor-element-67cef40 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-12512 .elementor-element.elementor-element-67cef40 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-12512 .elementor-element.elementor-element-67cef40 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-12512 .elementor-element.elementor-element-67cef40 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-7f181be );fill:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-67cef40 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-bef9908{--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-12512 .elementor-element.elementor-element-6549ede .elementor-nav-menu .elementor-item{font-family:"Gotham", Sans-serif;font-size:12px;font-weight:400;line-height:1px;}.elementor-12512 .elementor-element.elementor-element-6549ede .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );padding-left:0px;padding-right:0px;padding-top:14px;padding-bottom:14px;}.elementor-12512 .elementor-element.elementor-element-6549ede .elementor-nav-menu--main .elementor-item:hover,
					.elementor-12512 .elementor-element.elementor-element-6549ede .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-12512 .elementor-element.elementor-element-6549ede .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-12512 .elementor-element.elementor-element-6549ede .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-7f181be );fill:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-6549ede .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-7a85fb6{--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;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12512 .elementor-element.elementor-element-7a85fb6:not(.elementor-motion-effects-element-type-background), .elementor-12512 .elementor-element.elementor-element-7a85fb6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fc7f4f4 );}.elementor-12512 .elementor-element.elementor-element-5bf6209 .elementor-heading-title{font-family:"UtileDisplay", Sans-serif;font-size:20px;font-weight:100;}.elementor-12512 .elementor-element.elementor-element-f5b1302{--grid-row-gap:16px;--grid-column-gap:18px;}.elementor-12512 .elementor-element.elementor-element-f5b1302 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.86 * 100% );}.elementor-12512 .elementor-element.elementor-element-f5b1302:after{content:"0.86";}.elementor-12512 .elementor-element.elementor-element-f5b1302 .elementor-post__thumbnail__link{width:33%;}.elementor-12512 .elementor-element.elementor-element-f5b1302 .elementor-post__meta-data span + span:before{content:"///";}.elementor-12512 .elementor-element.elementor-element-f5b1302.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-12512 .elementor-element.elementor-element-f5b1302.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-12512 .elementor-element.elementor-element-f5b1302.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-12512 .elementor-element.elementor-element-f5b1302 .elementor-post__title, .elementor-12512 .elementor-element.elementor-element-f5b1302 .elementor-post__title a{font-family:"Gotham", Sans-serif;font-size:12px;font-weight:600;}.elementor-12512 .elementor-element.elementor-element-f5b1302 .elementor-post__meta-data{font-family:"Gotham", Sans-serif;font-size:12px;font-weight:400;}.elementor-12512 .elementor-element.elementor-element-f5b1302 a.elementor-post__read-more{font-family:"Gotham", Sans-serif;font-size:12px;font-weight:500;}.elementor-12512 .elementor-element.elementor-element-e96b644{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12512 .elementor-element.elementor-element-e96b644:not(.elementor-motion-effects-element-type-background), .elementor-12512 .elementor-element.elementor-element-e96b644 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F6F4;}.elementor-12512 .elementor-element.elementor-element-197b8f7{--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-12512 .elementor-element.elementor-element-0af6ad3 .elementor-nav-menu .elementor-item{font-family:"Gotham", Sans-serif;font-size:12px;font-weight:400;line-height:1px;}.elementor-12512 .elementor-element.elementor-element-0af6ad3 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );padding-left:0px;padding-right:0px;padding-top:14px;padding-bottom:14px;}.elementor-12512 .elementor-element.elementor-element-0af6ad3 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-12512 .elementor-element.elementor-element-0af6ad3 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-12512 .elementor-element.elementor-element-0af6ad3 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-12512 .elementor-element.elementor-element-0af6ad3 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-7f181be );fill:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-0af6ad3 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-e924dcd .elementor-nav-menu .elementor-item{font-family:"Gotham", Sans-serif;font-size:12px;font-weight:300;line-height:5px;}.elementor-12512 .elementor-element.elementor-element-e924dcd .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );padding-left:0px;padding-right:0px;padding-top:14px;padding-bottom:14px;}.elementor-12512 .elementor-element.elementor-element-e924dcd .elementor-nav-menu--main .elementor-item:hover,
					.elementor-12512 .elementor-element.elementor-element-e924dcd .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-12512 .elementor-element.elementor-element-e924dcd .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-12512 .elementor-element.elementor-element-e924dcd .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-7f181be );fill:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-e924dcd .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-4e53e89{--display:flex;--min-height:0px;--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;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12512 .elementor-element.elementor-element-4e53e89:not(.elementor-motion-effects-element-type-background), .elementor-12512 .elementor-element.elementor-element-4e53e89 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fc7f4f4 );}.elementor-12512 .elementor-element.elementor-element-4d522ef .elementor-heading-title{font-family:"UtileDisplay", Sans-serif;font-size:20px;font-weight:100;}.elementor-12512 .elementor-element.elementor-element-c8fa2f7{--grid-row-gap:16px;--grid-column-gap:18px;}.elementor-12512 .elementor-element.elementor-element-c8fa2f7 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.7 * 100% );}.elementor-12512 .elementor-element.elementor-element-c8fa2f7:after{content:"0.7";}.elementor-12512 .elementor-element.elementor-element-c8fa2f7 .elementor-post__thumbnail__link{width:29%;}.elementor-12512 .elementor-element.elementor-element-c8fa2f7.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-12512 .elementor-element.elementor-element-c8fa2f7.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-12512 .elementor-element.elementor-element-c8fa2f7.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-12512 .elementor-element.elementor-element-c8fa2f7 .elementor-post__title, .elementor-12512 .elementor-element.elementor-element-c8fa2f7 .elementor-post__title a{font-family:"Gotham", Sans-serif;font-size:12px;font-weight:300;line-height:16px;}.elementor-12512 .elementor-element.elementor-element-c8fa2f7 .elementor-post__read-more{color:var( --e-global-color-efd7ac1 );}.elementor-12512 .elementor-element.elementor-element-c8fa2f7 a.elementor-post__read-more{font-family:"Gotham", Sans-serif;font-size:12px;font-weight:400;font-style:normal;line-height:1px;}.elementor-12512 .elementor-element.elementor-element-2023c79{--display:flex;}.elementor-12512 .elementor-element.elementor-element-2023c79:not(.elementor-motion-effects-element-type-background), .elementor-12512 .elementor-element.elementor-element-2023c79 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fc7f4f4 );}.elementor-12512 .elementor-element.elementor-element-7266f1d{--display:flex;}.elementor-12512 .elementor-element.elementor-element-7266f1d:not(.elementor-motion-effects-element-type-background), .elementor-12512 .elementor-element.elementor-element-7266f1d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fc7f4f4 );}.elementor-12512 .elementor-element.elementor-element-75ab95c{--display:flex;}.elementor-12512 .elementor-element.elementor-element-75ab95c:not(.elementor-motion-effects-element-type-background), .elementor-12512 .elementor-element.elementor-element-75ab95c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fc7f4f4 );}.elementor-12512 .elementor-element.elementor-element-e94f91b{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:flex-end;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:flex-end;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:25px;width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;z-index:150;--n-menu-open-animation-duration:500ms;--n-menu-toggle-align:flex-start;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-font-size:12px;--n-menu-title-color-normal:var( --e-global-color-bdcc396 );--n-menu-title-transition:600ms;--n-menu-icon-size:16px;--n-menu-dropdown-indicator-size:21px;--n-menu-dropdown-indicator-rotate:rotate(0deg);--n-menu-dropdown-indicator-space:0px;--n-menu-dropdown-indicator-color-normal:var( --e-global-color-bdcc396 );--n-menu-dropdown-indicator-color-hover:var( --e-global-color-bdcc396 );--n-menu-dropdown-indicator-color-active:var( --e-global-color-bdcc396 );--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-12512 .elementor-element.elementor-element-e94f91b.elementor-element{--align-self:stretch;}.elementor-12512 .elementor-element.elementor-element-e94f91b > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-12512 .elementor-element.elementor-element-e94f91b > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-12512 .elementor-element.elementor-element-e94f91b > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Gotham", Sans-serif;font-weight:300;font-style:normal;letter-spacing:0px;word-spacing:0px;}.elementor-12512 .elementor-element.elementor-element-e94f91b {--n-menu-title-color-hover:var( --e-global-color-bdcc396 );--n-menu-title-color-active:var( --e-global-color-bdcc396 );}.elementor-12512 .elementor-element.elementor-element-189ba98{--display:flex;--min-height:80px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;--z-index:99;}.elementor-12512 .elementor-element.elementor-element-189ba98:not(.elementor-motion-effects-element-type-background), .elementor-12512 .elementor-element.elementor-element-189ba98 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fc7f4f4 );}.elementor-12512 .elementor-element.elementor-element-189ba98.e-con{--align-self:flex-start;--flex-grow:0;--flex-shrink:1;}.elementor-12512 .elementor-element.elementor-element-d0dbb21{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:101;}.elementor-12512 .elementor-element.elementor-element-d0dbb21.e-con{--align-self:center;}.elementor-12512 .elementor-element.elementor-element-95d591c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-12512 .elementor-element.elementor-element-95d591c.elementor-element{--align-self:flex-start;}.elementor-12512 .elementor-element.elementor-element-95d591c img{width:100%;max-width:80%;}.elementor-12512 .elementor-element.elementor-element-2efab9d{--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;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:101;}.elementor-12512 .elementor-element.elementor-element-2efab9d.e-con{--align-self:center;}.elementor-12512 .elementor-element.elementor-element-5487257{--display:flex;}.elementor-12512 .elementor-element.elementor-element-4058415{--display:flex;--min-height:0px;--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;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12512 .elementor-element.elementor-element-4058415:not(.elementor-motion-effects-element-type-background), .elementor-12512 .elementor-element.elementor-element-4058415 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F6F4;}.elementor-12512 .elementor-element.elementor-element-06bdd6b{--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-12512 .elementor-element.elementor-element-2c37db5 .elementor-nav-menu .elementor-item{font-family:"Gotham", Sans-serif;font-size:12px;font-weight:400;line-height:1px;}.elementor-12512 .elementor-element.elementor-element-2c37db5 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );padding-left:0px;padding-right:0px;padding-top:14px;padding-bottom:14px;}.elementor-12512 .elementor-element.elementor-element-2c37db5 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-12512 .elementor-element.elementor-element-2c37db5 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-12512 .elementor-element.elementor-element-2c37db5 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-12512 .elementor-element.elementor-element-2c37db5 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-7f181be );fill:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-2c37db5 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-846c7d8 .elementor-nav-menu .elementor-item{font-family:"Gotham", Sans-serif;font-size:12px;font-weight:400;line-height:1px;}.elementor-12512 .elementor-element.elementor-element-846c7d8 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );padding-left:0px;padding-right:0px;padding-top:14px;padding-bottom:14px;}.elementor-12512 .elementor-element.elementor-element-846c7d8 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-12512 .elementor-element.elementor-element-846c7d8 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-12512 .elementor-element.elementor-element-846c7d8 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-12512 .elementor-element.elementor-element-846c7d8 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-7f181be );fill:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-846c7d8 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-67f6328 .elementor-nav-menu .elementor-item{font-family:"Gotham", Sans-serif;font-size:12px;font-weight:300;line-height:5px;}.elementor-12512 .elementor-element.elementor-element-67f6328 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );padding-left:0px;padding-right:0px;padding-top:14px;padding-bottom:14px;}.elementor-12512 .elementor-element.elementor-element-67f6328 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-12512 .elementor-element.elementor-element-67f6328 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-12512 .elementor-element.elementor-element-67f6328 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-12512 .elementor-element.elementor-element-67f6328 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-7f181be );fill:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-67f6328 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-9ebef49{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;}.elementor-12512 .elementor-element.elementor-element-cf3854d.elementor-element{--align-self:stretch;}.elementor-12512 .elementor-element.elementor-element-cf3854d .elementor-nav-menu .elementor-item{font-family:"Gotham", Sans-serif;font-size:12px;font-weight:400;line-height:1px;}.elementor-12512 .elementor-element.elementor-element-cf3854d .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );padding-left:0px;padding-right:0px;padding-top:14px;padding-bottom:14px;}.elementor-12512 .elementor-element.elementor-element-cf3854d .elementor-nav-menu--main .elementor-item:hover,
					.elementor-12512 .elementor-element.elementor-element-cf3854d .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-12512 .elementor-element.elementor-element-cf3854d .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-12512 .elementor-element.elementor-element-cf3854d .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-7f181be );fill:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-cf3854d .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-a25cbad.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-12512 .elementor-element.elementor-element-a25cbad .elementor-nav-menu .elementor-item{font-family:"Gotham", Sans-serif;font-size:12px;font-weight:300;line-height:5px;}.elementor-12512 .elementor-element.elementor-element-a25cbad .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );padding-left:0px;padding-right:0px;padding-top:14px;padding-bottom:14px;}.elementor-12512 .elementor-element.elementor-element-a25cbad .elementor-nav-menu--main .elementor-item:hover,
					.elementor-12512 .elementor-element.elementor-element-a25cbad .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-12512 .elementor-element.elementor-element-a25cbad .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-12512 .elementor-element.elementor-element-a25cbad .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-7f181be );fill:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-a25cbad .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-85a4689{--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-12512 .elementor-element.elementor-element-0310fc4 .elementor-nav-menu .elementor-item{font-family:"Gotham", Sans-serif;font-size:12px;font-weight:400;line-height:1px;}.elementor-12512 .elementor-element.elementor-element-0310fc4 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );padding-left:0px;padding-right:0px;padding-top:14px;padding-bottom:14px;}.elementor-12512 .elementor-element.elementor-element-0310fc4 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-12512 .elementor-element.elementor-element-0310fc4 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-12512 .elementor-element.elementor-element-0310fc4 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-12512 .elementor-element.elementor-element-0310fc4 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-7f181be );fill:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-0310fc4 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-d3a9dba{--display:flex;--min-height:0px;--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;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12512 .elementor-element.elementor-element-d3a9dba:not(.elementor-motion-effects-element-type-background), .elementor-12512 .elementor-element.elementor-element-d3a9dba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fc7f4f4 );}.elementor-12512 .elementor-element.elementor-element-2670daa .elementor-heading-title{font-family:"UtileDisplay", Sans-serif;font-size:20px;font-weight:100;}.elementor-12512 .elementor-element.elementor-element-2e32b8b{--grid-row-gap:16px;--grid-column-gap:18px;}.elementor-12512 .elementor-element.elementor-element-2e32b8b .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.7 * 100% );}.elementor-12512 .elementor-element.elementor-element-2e32b8b:after{content:"0.7";}.elementor-12512 .elementor-element.elementor-element-2e32b8b .elementor-post__thumbnail__link{width:29%;}.elementor-12512 .elementor-element.elementor-element-2e32b8b.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-12512 .elementor-element.elementor-element-2e32b8b.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-12512 .elementor-element.elementor-element-2e32b8b.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-12512 .elementor-element.elementor-element-2e32b8b .elementor-post__title, .elementor-12512 .elementor-element.elementor-element-2e32b8b .elementor-post__title a{font-family:"Gotham", Sans-serif;font-size:12px;font-weight:300;line-height:16px;}.elementor-12512 .elementor-element.elementor-element-2e32b8b .elementor-post__read-more{color:var( --e-global-color-efd7ac1 );}.elementor-12512 .elementor-element.elementor-element-2e32b8b a.elementor-post__read-more{font-family:"Gotham", Sans-serif;font-size:12px;font-weight:400;font-style:normal;line-height:1px;}.elementor-12512 .elementor-element.elementor-element-f15f36f{--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;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-12512 .elementor-element.elementor-element-8db6d3b{--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-12512 .elementor-element.elementor-element-3e3936c .elementor-nav-menu .elementor-item{font-family:"Gotham", Sans-serif;font-size:12px;font-weight:400;line-height:1px;}.elementor-12512 .elementor-element.elementor-element-3e3936c .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );padding-left:0px;padding-right:0px;padding-top:14px;padding-bottom:14px;}.elementor-12512 .elementor-element.elementor-element-3e3936c .elementor-nav-menu--main .elementor-item:hover,
					.elementor-12512 .elementor-element.elementor-element-3e3936c .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-12512 .elementor-element.elementor-element-3e3936c .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-12512 .elementor-element.elementor-element-3e3936c .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-7f181be );fill:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-3e3936c .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-8bf0993 .elementor-nav-menu .elementor-item{font-family:"Gotham", Sans-serif;font-size:12px;font-weight:300;line-height:5px;}.elementor-12512 .elementor-element.elementor-element-8bf0993 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );padding-left:0px;padding-right:0px;padding-top:14px;padding-bottom:14px;}.elementor-12512 .elementor-element.elementor-element-8bf0993 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-12512 .elementor-element.elementor-element-8bf0993 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-12512 .elementor-element.elementor-element-8bf0993 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-12512 .elementor-element.elementor-element-8bf0993 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-7f181be );fill:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-8bf0993 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-ee3c303{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;}.elementor-12512 .elementor-element.elementor-element-03de44c.elementor-element{--align-self:stretch;}.elementor-12512 .elementor-element.elementor-element-03de44c .elementor-nav-menu .elementor-item{font-family:"Gotham", Sans-serif;font-size:12px;font-weight:400;line-height:1px;}.elementor-12512 .elementor-element.elementor-element-03de44c .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );padding-left:0px;padding-right:0px;padding-top:14px;padding-bottom:14px;}.elementor-12512 .elementor-element.elementor-element-03de44c .elementor-nav-menu--main .elementor-item:hover,
					.elementor-12512 .elementor-element.elementor-element-03de44c .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-12512 .elementor-element.elementor-element-03de44c .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-12512 .elementor-element.elementor-element-03de44c .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-7f181be );fill:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-03de44c .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-95bb44f.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;}.elementor-12512 .elementor-element.elementor-element-95bb44f .elementor-nav-menu .elementor-item{font-family:"Gotham", Sans-serif;font-size:12px;font-weight:300;line-height:5px;}.elementor-12512 .elementor-element.elementor-element-95bb44f .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );padding-left:0px;padding-right:0px;padding-top:14px;padding-bottom:14px;}.elementor-12512 .elementor-element.elementor-element-95bb44f .elementor-nav-menu--main .elementor-item:hover,
					.elementor-12512 .elementor-element.elementor-element-95bb44f .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-12512 .elementor-element.elementor-element-95bb44f .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-12512 .elementor-element.elementor-element-95bb44f .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-7f181be );fill:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-95bb44f .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-1b65850{--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-12512 .elementor-element.elementor-element-d8a3d5b .elementor-nav-menu .elementor-item{font-family:"Gotham", Sans-serif;font-size:12px;font-weight:400;line-height:1px;}.elementor-12512 .elementor-element.elementor-element-d8a3d5b .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );padding-left:0px;padding-right:0px;padding-top:14px;padding-bottom:14px;}.elementor-12512 .elementor-element.elementor-element-d8a3d5b .elementor-nav-menu--main .elementor-item:hover,
					.elementor-12512 .elementor-element.elementor-element-d8a3d5b .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-12512 .elementor-element.elementor-element-d8a3d5b .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-12512 .elementor-element.elementor-element-d8a3d5b .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-7f181be );fill:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-d8a3d5b .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-4840c70{--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;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12512 .elementor-element.elementor-element-4840c70:not(.elementor-motion-effects-element-type-background), .elementor-12512 .elementor-element.elementor-element-4840c70 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fc7f4f4 );}.elementor-12512 .elementor-element.elementor-element-9b0e83c .elementor-heading-title{font-family:"UtileDisplay", Sans-serif;font-size:20px;font-weight:100;}.elementor-12512 .elementor-element.elementor-element-a79fdfb{--grid-row-gap:16px;--grid-column-gap:18px;}.elementor-12512 .elementor-element.elementor-element-a79fdfb .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.86 * 100% );}.elementor-12512 .elementor-element.elementor-element-a79fdfb:after{content:"0.86";}.elementor-12512 .elementor-element.elementor-element-a79fdfb .elementor-post__thumbnail__link{width:33%;}.elementor-12512 .elementor-element.elementor-element-a79fdfb .elementor-post__meta-data span + span:before{content:"///";}.elementor-12512 .elementor-element.elementor-element-a79fdfb.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-12512 .elementor-element.elementor-element-a79fdfb.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-12512 .elementor-element.elementor-element-a79fdfb.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-12512 .elementor-element.elementor-element-a79fdfb .elementor-post__title, .elementor-12512 .elementor-element.elementor-element-a79fdfb .elementor-post__title a{font-family:"Gotham", Sans-serif;font-size:12px;font-weight:600;}.elementor-12512 .elementor-element.elementor-element-a79fdfb .elementor-post__meta-data{font-family:"Gotham", Sans-serif;font-size:12px;font-weight:400;}.elementor-12512 .elementor-element.elementor-element-a79fdfb a.elementor-post__read-more{font-family:"Gotham", Sans-serif;font-size:12px;font-weight:500;}.elementor-12512 .elementor-element.elementor-element-2c0df83{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12512 .elementor-element.elementor-element-2c0df83:not(.elementor-motion-effects-element-type-background), .elementor-12512 .elementor-element.elementor-element-2c0df83 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F6F4;}.elementor-12512 .elementor-element.elementor-element-541800a{--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-12512 .elementor-element.elementor-element-5760ee2 .elementor-heading-title{font-family:"Gotham", Sans-serif;font-size:12px;font-weight:500;font-style:normal;letter-spacing:0px;word-spacing:0px;}.elementor-12512 .elementor-element.elementor-element-2883da1 .elementor-nav-menu .elementor-item{font-family:"Gotham", Sans-serif;font-size:12px;font-weight:300;line-height:5px;}.elementor-12512 .elementor-element.elementor-element-2883da1 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );padding-left:0px;padding-right:0px;padding-top:14px;padding-bottom:14px;}.elementor-12512 .elementor-element.elementor-element-2883da1 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-12512 .elementor-element.elementor-element-2883da1 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-12512 .elementor-element.elementor-element-2883da1 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-12512 .elementor-element.elementor-element-2883da1 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-7f181be );fill:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-2883da1 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-7f181be );}.elementor-12512 .elementor-element.elementor-element-4ae5944{--display:flex;--min-height:0px;--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;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12512 .elementor-element.elementor-element-4ae5944:not(.elementor-motion-effects-element-type-background), .elementor-12512 .elementor-element.elementor-element-4ae5944 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fc7f4f4 );}.elementor-12512 .elementor-element.elementor-element-db8cd4c .elementor-heading-title{font-family:"UtileDisplay", Sans-serif;font-size:20px;font-weight:100;}.elementor-12512 .elementor-element.elementor-element-acb62b3{--grid-row-gap:16px;--grid-column-gap:18px;}.elementor-12512 .elementor-element.elementor-element-acb62b3 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.7 * 100% );}.elementor-12512 .elementor-element.elementor-element-acb62b3:after{content:"0.7";}.elementor-12512 .elementor-element.elementor-element-acb62b3 .elementor-post__thumbnail__link{width:29%;}.elementor-12512 .elementor-element.elementor-element-acb62b3.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-12512 .elementor-element.elementor-element-acb62b3.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-12512 .elementor-element.elementor-element-acb62b3.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-12512 .elementor-element.elementor-element-acb62b3 .elementor-post__title, .elementor-12512 .elementor-element.elementor-element-acb62b3 .elementor-post__title a{font-family:"Gotham", Sans-serif;font-size:12px;font-weight:300;line-height:16px;}.elementor-12512 .elementor-element.elementor-element-acb62b3 .elementor-post__read-more{color:var( --e-global-color-efd7ac1 );}.elementor-12512 .elementor-element.elementor-element-acb62b3 a.elementor-post__read-more{font-family:"Gotham", Sans-serif;font-size:12px;font-weight:400;font-style:normal;line-height:1px;}.elementor-12512 .elementor-element.elementor-element-a6220fb{--display:flex;}.elementor-12512 .elementor-element.elementor-element-a6220fb:not(.elementor-motion-effects-element-type-background), .elementor-12512 .elementor-element.elementor-element-a6220fb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fc7f4f4 );}.elementor-12512 .elementor-element.elementor-element-23d2905{--display:flex;}.elementor-12512 .elementor-element.elementor-element-23d2905:not(.elementor-motion-effects-element-type-background), .elementor-12512 .elementor-element.elementor-element-23d2905 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fc7f4f4 );}.elementor-12512 .elementor-element.elementor-element-fddbaaf{--display:flex;}.elementor-12512 .elementor-element.elementor-element-fddbaaf:not(.elementor-motion-effects-element-type-background), .elementor-12512 .elementor-element.elementor-element-fddbaaf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fc7f4f4 );}.elementor-12512 .elementor-element.elementor-element-c3c9a95{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:flex-end;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:flex-end;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:20px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;z-index:150;--n-menu-open-animation-duration:500ms;--n-menu-toggle-align:flex-start;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-font-size:12px;--n-menu-title-color-normal:var( --e-global-color-accent );--n-menu-title-transition:600ms;--n-menu-icon-size:16px;--n-menu-dropdown-indicator-size:21px;--n-menu-dropdown-indicator-rotate:rotate(0deg);--n-menu-dropdown-indicator-space:0px;--n-menu-dropdown-indicator-color-normal:var( --e-global-color-accent );--n-menu-dropdown-indicator-color-hover:var( --e-global-color-7f181be );--n-menu-dropdown-indicator-color-active:var( --e-global-color-7f181be );--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-12512 .elementor-element.elementor-element-c3c9a95 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-12512 .elementor-element.elementor-element-c3c9a95 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-12512 .elementor-element.elementor-element-c3c9a95 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Gotham", Sans-serif;font-weight:300;font-style:normal;letter-spacing:0px;word-spacing:0px;}.elementor-12512 .elementor-element.elementor-element-c3c9a95 {--n-menu-title-color-hover:var( --e-global-color-7f181be );--n-menu-title-color-active:var( --e-global-color-7f181be );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1366px){.elementor-12512 .elementor-element.elementor-element-1e06fab{--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;}.elementor-12512 .elementor-element.elementor-element-6d63182{text-align:start;}.elementor-12512 .elementor-element.elementor-element-6d63182 img{width:160px;}.elementor-12512 .elementor-element.elementor-element-c271a1d{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-12512 .elementor-element.elementor-element-f9bf18b{--margin-top:-5px;--margin-bottom:-100px;--margin-left:0px;--margin-right:0px;}.elementor-12512 .elementor-element.elementor-element-50a9107{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-12512 .elementor-element.elementor-element-ec3f667{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-12512 .elementor-element.elementor-element-21150af{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12512 .elementor-element.elementor-element-843542a{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12512 .elementor-element.elementor-element-e96b644{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12512 .elementor-element.elementor-element-e94f91b{--n-menu-title-distance-from-content:40px;--n-menu-title-space-between:0px;--n-menu-title-font-size:11px;}.elementor-12512 .elementor-element.elementor-element-e94f91b.elementor-element{--align-self:flex-end;--flex-grow:1;--flex-shrink:0;}.elementor-12512 .elementor-element.elementor-element-189ba98{--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12512 .elementor-element.elementor-element-189ba98.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12512 .elementor-element.elementor-element-d0dbb21{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-12512 .elementor-element.elementor-element-95d591c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-12512 .elementor-element.elementor-element-2efab9d{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-12512 .elementor-element.elementor-element-5487257{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12512 .elementor-element.elementor-element-4058415{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12512 .elementor-element.elementor-element-2c0df83{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12512 .elementor-element.elementor-element-c3c9a95{--n-menu-title-distance-from-content:40px;width:100%;max-width:100%;--n-menu-title-font-size:11px;}.elementor-12512 .elementor-element.elementor-element-c3c9a95.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}}@media(max-width:1024px){.elementor-12512 .elementor-element.elementor-element-97334da{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:1px 1px;--row-gap:1px;--column-gap:1px;}.elementor-12512 .elementor-element.elementor-element-6d63182{text-align:start;}.elementor-12512 .elementor-element.elementor-element-6d63182 img{width:40%;}.elementor-12512 .elementor-element.elementor-element-c271a1d{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-12512 .elementor-element.elementor-element-c271a1d.e-con{--align-self:flex-end;}.elementor-12512 .elementor-element.elementor-element-6065b9d{--e-off-canvas-justify-content:flex-end;}.elementor-12512 .elementor-element.elementor-element-8db45db{padding:120px 0px 0px 0px;}}@media(max-width:767px){.elementor-12512 .elementor-element.elementor-element-1e06fab{--min-height:50px;--margin-top:0px;--margin-bottom:-50px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;--z-index:9999;}.elementor-12512 .elementor-element.elementor-element-97334da{--width:50%;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12512 .elementor-element.elementor-element-6d63182 img{width:80%;}.elementor-12512 .elementor-element.elementor-element-c271a1d{--width:50%;--min-height:50px;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:flex-start;--align-items:center;--gap:1px 1px;--row-gap:1px;--column-gap:1px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12512 .elementor-element.elementor-element-6065b9d{--e-off-canvas-justify-content:flex-end;--e-off-canvas-width:360px;}.elementor-12512 .elementor-element.elementor-element-8db45db{padding:100px 0px 0px 0px;}.elementor-12512 .elementor-element.elementor-element-8db45db .elementor-nav-menu--dropdown .elementor-item, .elementor-12512 .elementor-element.elementor-element-8db45db .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:16px;}.elementor-12512 .elementor-element.elementor-element-b07e451{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-12512 .elementor-element.elementor-element-f9bf18b{--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:98;}.elementor-12512 .elementor-element.elementor-element-f9bf18b.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-12512 .elementor-element.elementor-element-bfdf6c9 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-12512 .elementor-element.elementor-element-bfdf6c9:after{content:"0.5";}.elementor-12512 .elementor-element.elementor-element-bfdf6c9 .elementor-post__thumbnail__link{width:100%;}.elementor-12512 .elementor-element.elementor-element-f5b1302 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-12512 .elementor-element.elementor-element-f5b1302:after{content:"0.5";}.elementor-12512 .elementor-element.elementor-element-f5b1302 .elementor-post__thumbnail__link{width:100%;}.elementor-12512 .elementor-element.elementor-element-c8fa2f7 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-12512 .elementor-element.elementor-element-c8fa2f7:after{content:"0.5";}.elementor-12512 .elementor-element.elementor-element-c8fa2f7 .elementor-post__thumbnail__link{width:100%;}.elementor-12512 .elementor-element.elementor-element-189ba98{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:99;}.elementor-12512 .elementor-element.elementor-element-189ba98.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-12512 .elementor-element.elementor-element-2e32b8b .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-12512 .elementor-element.elementor-element-2e32b8b:after{content:"0.5";}.elementor-12512 .elementor-element.elementor-element-2e32b8b .elementor-post__thumbnail__link{width:100%;}.elementor-12512 .elementor-element.elementor-element-a79fdfb .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-12512 .elementor-element.elementor-element-a79fdfb:after{content:"0.5";}.elementor-12512 .elementor-element.elementor-element-a79fdfb .elementor-post__thumbnail__link{width:100%;}.elementor-12512 .elementor-element.elementor-element-acb62b3 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-12512 .elementor-element.elementor-element-acb62b3:after{content:"0.5";}.elementor-12512 .elementor-element.elementor-element-acb62b3 .elementor-post__thumbnail__link{width:100%;}}@media(min-width:768px){.elementor-12512 .elementor-element.elementor-element-97334da{--width:50%;}.elementor-12512 .elementor-element.elementor-element-c271a1d{--width:50%;}.elementor-12512 .elementor-element.elementor-element-f9bf18b{--content-width:1187px;}.elementor-12512 .elementor-element.elementor-element-cbf2523{--width:15%;}.elementor-12512 .elementor-element.elementor-element-ec3f667{--width:85%;}.elementor-12512 .elementor-element.elementor-element-21150af{--content-width:1187px;}.elementor-12512 .elementor-element.elementor-element-6f68f60{--width:20%;}.elementor-12512 .elementor-element.elementor-element-ab101af{--width:20%;}.elementor-12512 .elementor-element.elementor-element-4fc20e8{--width:20%;}.elementor-12512 .elementor-element.elementor-element-b59bdfe{--width:40%;}.elementor-12512 .elementor-element.elementor-element-843542a{--content-width:1187px;}.elementor-12512 .elementor-element.elementor-element-aa5d3d8{--width:20%;}.elementor-12512 .elementor-element.elementor-element-ff9e7a3{--width:20%;}.elementor-12512 .elementor-element.elementor-element-bef9908{--width:20%;}.elementor-12512 .elementor-element.elementor-element-7a85fb6{--width:40%;}.elementor-12512 .elementor-element.elementor-element-e96b644{--content-width:1187px;}.elementor-12512 .elementor-element.elementor-element-197b8f7{--width:60%;}.elementor-12512 .elementor-element.elementor-element-4e53e89{--width:40%;}.elementor-12512 .elementor-element.elementor-element-d0dbb21{--width:15%;}.elementor-12512 .elementor-element.elementor-element-2efab9d{--width:85%;}.elementor-12512 .elementor-element.elementor-element-4058415{--content-width:1187px;}.elementor-12512 .elementor-element.elementor-element-06bdd6b{--width:20%;}.elementor-12512 .elementor-element.elementor-element-9ebef49{--width:20%;}.elementor-12512 .elementor-element.elementor-element-85a4689{--width:20%;}.elementor-12512 .elementor-element.elementor-element-d3a9dba{--width:40%;}.elementor-12512 .elementor-element.elementor-element-f15f36f{--content-width:1187px;}.elementor-12512 .elementor-element.elementor-element-8db6d3b{--width:20%;}.elementor-12512 .elementor-element.elementor-element-ee3c303{--width:20%;}.elementor-12512 .elementor-element.elementor-element-1b65850{--width:20%;}.elementor-12512 .elementor-element.elementor-element-4840c70{--width:40%;}.elementor-12512 .elementor-element.elementor-element-541800a{--width:60%;}.elementor-12512 .elementor-element.elementor-element-4ae5944{--width:40%;}}@media(max-width:1366px) and (min-width:768px){.elementor-12512 .elementor-element.elementor-element-97334da{--width:50%;}.elementor-12512 .elementor-element.elementor-element-c271a1d{--width:50%;}.elementor-12512 .elementor-element.elementor-element-ec3f667{--width:85%;}}@media(min-width:2400px){.elementor-12512 .elementor-element.elementor-element-f9bf18b{--margin-top:-5px;--margin-bottom:-120px;--margin-left:0px;--margin-right:0px;--z-index:999;}.elementor-12512 .elementor-element.elementor-element-50a9107 img{max-width:90%;}.elementor-12512 .elementor-element.elementor-element-e94f91b{--n-menu-title-distance-from-content:25px;}.elementor-12512 .elementor-element.elementor-element-189ba98{--content-width:1187px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--align-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12512 .elementor-element.elementor-element-189ba98.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-12512 .elementor-element.elementor-element-4058415{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12512 .elementor-element.elementor-element-c3c9a95{--n-menu-title-distance-from-content:20px;}}/* Start custom CSS for image, class: .elementor-element-50a9107 */.logo img {
max-width: 140px;
height: auto;
transition: all 0.5s ease;
}

.elementor-sticky--effects .logo img {
max-width: 120px;
height: auto;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-298de5c *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-298de5c .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-298de5c .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-298de5c .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-298de5c .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-c025e43 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-c025e43 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-c025e43 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-c025e43 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-c025e43 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-958d2b8 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-958d2b8 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-958d2b8 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-958d2b8 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-958d2b8 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-b77214a *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-b77214a .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-b77214a .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-b77214a .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-b77214a .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-e9762bc *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-e9762bc .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-e9762bc .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-e9762bc .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-e9762bc .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-b08dea3 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-b08dea3 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-b08dea3 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-b08dea3 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-b08dea3 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-0e68fb8 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-0e68fb8 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-0e68fb8 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-0e68fb8 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-0e68fb8 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-d2d2e4d *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-d2d2e4d .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-d2d2e4d .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-d2d2e4d .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-d2d2e4d .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-7254cd7 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-7254cd7 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-7254cd7 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-7254cd7 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-7254cd7 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-67cef40 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-67cef40 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-67cef40 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-67cef40 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-67cef40 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-6549ede *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-6549ede .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-6549ede .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-6549ede .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-6549ede .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-0af6ad3 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-0af6ad3 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-0af6ad3 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-0af6ad3 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-0af6ad3 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-e924dcd *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-e924dcd .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-e924dcd .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-e924dcd .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-e924dcd .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-298de5c *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-298de5c .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-298de5c .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-298de5c .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-298de5c .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-c025e43 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-c025e43 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-c025e43 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-c025e43 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-c025e43 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-958d2b8 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-958d2b8 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-958d2b8 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-958d2b8 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-958d2b8 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-b77214a *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-b77214a .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-b77214a .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-b77214a .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-b77214a .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-e9762bc *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-e9762bc .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-e9762bc .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-e9762bc .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-e9762bc .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-b08dea3 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-b08dea3 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-b08dea3 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-b08dea3 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-b08dea3 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-0e68fb8 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-0e68fb8 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-0e68fb8 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-0e68fb8 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-0e68fb8 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-d2d2e4d *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-d2d2e4d .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-d2d2e4d .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-d2d2e4d .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-d2d2e4d .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-7254cd7 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-7254cd7 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-7254cd7 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-7254cd7 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-7254cd7 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-67cef40 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-67cef40 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-67cef40 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-67cef40 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-67cef40 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-6549ede *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-6549ede .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-6549ede .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-6549ede .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-6549ede .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-0af6ad3 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-0af6ad3 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-0af6ad3 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-0af6ad3 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-0af6ad3 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-e924dcd *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-e924dcd .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-e924dcd .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-e924dcd .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-e924dcd .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-298de5c *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-298de5c .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-298de5c .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-298de5c .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-298de5c .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-c025e43 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-c025e43 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-c025e43 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-c025e43 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-c025e43 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-958d2b8 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-958d2b8 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-958d2b8 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-958d2b8 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-958d2b8 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-b77214a *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-b77214a .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-b77214a .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-b77214a .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-b77214a .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-e9762bc *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-e9762bc .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-e9762bc .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-e9762bc .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-e9762bc .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-b08dea3 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-b08dea3 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-b08dea3 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-b08dea3 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-b08dea3 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-0e68fb8 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-0e68fb8 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-0e68fb8 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-0e68fb8 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-0e68fb8 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-d2d2e4d *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-d2d2e4d .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-d2d2e4d .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-d2d2e4d .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-d2d2e4d .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-7254cd7 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-7254cd7 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-7254cd7 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-7254cd7 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-7254cd7 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-67cef40 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-67cef40 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-67cef40 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-67cef40 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-67cef40 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-6549ede *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-6549ede .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-6549ede .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-6549ede .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-6549ede .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-0af6ad3 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-0af6ad3 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-0af6ad3 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-0af6ad3 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-0af6ad3 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-e924dcd *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-e924dcd .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-e924dcd .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-e924dcd .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-e924dcd .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-298de5c *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-298de5c .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-298de5c .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-298de5c .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-298de5c .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-c025e43 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-c025e43 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-c025e43 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-c025e43 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-c025e43 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-958d2b8 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-958d2b8 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-958d2b8 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-958d2b8 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-958d2b8 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-b77214a *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-b77214a .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-b77214a .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-b77214a .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-b77214a .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-e9762bc *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-e9762bc .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-e9762bc .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-e9762bc .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-e9762bc .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-b08dea3 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-b08dea3 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-b08dea3 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-b08dea3 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-b08dea3 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-0e68fb8 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-0e68fb8 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-0e68fb8 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-0e68fb8 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-0e68fb8 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-d2d2e4d *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-d2d2e4d .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-d2d2e4d .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-d2d2e4d .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-d2d2e4d .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-7254cd7 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-7254cd7 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-7254cd7 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-7254cd7 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-7254cd7 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-67cef40 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-67cef40 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-67cef40 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-67cef40 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-67cef40 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-6549ede *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-6549ede .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-6549ede .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-6549ede .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-6549ede .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-0af6ad3 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-0af6ad3 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-0af6ad3 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-0af6ad3 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-0af6ad3 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-e924dcd *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-e924dcd .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-e924dcd .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-e924dcd .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-e924dcd .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-298de5c *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-298de5c .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-298de5c .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-298de5c .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-298de5c .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-c025e43 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-c025e43 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-c025e43 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-c025e43 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-c025e43 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-958d2b8 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-958d2b8 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-958d2b8 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-958d2b8 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-958d2b8 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-b77214a *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-b77214a .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-b77214a .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-b77214a .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-b77214a .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-e9762bc *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-e9762bc .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-e9762bc .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-e9762bc .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-e9762bc .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-b08dea3 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-b08dea3 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-b08dea3 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-b08dea3 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-b08dea3 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-0e68fb8 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-0e68fb8 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-0e68fb8 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-0e68fb8 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-0e68fb8 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-d2d2e4d *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-d2d2e4d .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-d2d2e4d .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-d2d2e4d .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-d2d2e4d .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-7254cd7 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-7254cd7 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-7254cd7 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-7254cd7 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-7254cd7 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-67cef40 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-67cef40 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-67cef40 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-67cef40 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-67cef40 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-6549ede *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-6549ede .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-6549ede .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-6549ede .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-6549ede .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-0af6ad3 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-0af6ad3 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-0af6ad3 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-0af6ad3 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-0af6ad3 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-e924dcd *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-e924dcd .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-e924dcd .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-e924dcd .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-e924dcd .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-298de5c *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-298de5c .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-298de5c .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-298de5c .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-298de5c .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-c025e43 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-c025e43 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-c025e43 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-c025e43 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-c025e43 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-958d2b8 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-958d2b8 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-958d2b8 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-958d2b8 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-958d2b8 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-b77214a *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-b77214a .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-b77214a .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-b77214a .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-b77214a .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-e9762bc *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-e9762bc .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-e9762bc .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-e9762bc .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-e9762bc .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-b08dea3 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-b08dea3 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-b08dea3 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-b08dea3 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-b08dea3 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-0e68fb8 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-0e68fb8 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-0e68fb8 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-0e68fb8 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-0e68fb8 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-d2d2e4d *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-d2d2e4d .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-d2d2e4d .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-d2d2e4d .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-d2d2e4d .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-7254cd7 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-7254cd7 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-7254cd7 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-7254cd7 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-7254cd7 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-67cef40 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-67cef40 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-67cef40 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-67cef40 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-67cef40 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-6549ede *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-6549ede .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-6549ede .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-6549ede .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-6549ede .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-0af6ad3 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-0af6ad3 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-0af6ad3 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-0af6ad3 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-0af6ad3 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-e924dcd *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-e924dcd .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-e924dcd .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-e924dcd .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-e924dcd .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-298de5c *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-298de5c .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-298de5c .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-298de5c .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-298de5c .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-c025e43 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-c025e43 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-c025e43 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-c025e43 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-c025e43 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-958d2b8 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-958d2b8 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-958d2b8 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-958d2b8 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-958d2b8 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-b77214a *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-b77214a .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-b77214a .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-b77214a .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-b77214a .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-e9762bc *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-e9762bc .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-e9762bc .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-e9762bc .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-e9762bc .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-b08dea3 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-b08dea3 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-b08dea3 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-b08dea3 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-b08dea3 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-0e68fb8 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-0e68fb8 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-0e68fb8 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-0e68fb8 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-0e68fb8 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-d2d2e4d *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-d2d2e4d .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-d2d2e4d .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-d2d2e4d .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-d2d2e4d .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-7254cd7 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-7254cd7 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-7254cd7 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-7254cd7 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-7254cd7 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-67cef40 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-67cef40 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-67cef40 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-67cef40 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-67cef40 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-6549ede *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-6549ede .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-6549ede .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-6549ede .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-6549ede .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-0af6ad3 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-0af6ad3 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-0af6ad3 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-0af6ad3 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-0af6ad3 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-e924dcd *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-e924dcd .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-e924dcd .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-e924dcd .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-e924dcd .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-298de5c *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-298de5c .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-298de5c .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-298de5c .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-298de5c .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-c025e43 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-c025e43 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-c025e43 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-c025e43 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-c025e43 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-958d2b8 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-958d2b8 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-958d2b8 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-958d2b8 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-958d2b8 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-b77214a *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-b77214a .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-b77214a .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-b77214a .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-b77214a .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-e9762bc *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-e9762bc .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-e9762bc .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-e9762bc .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-e9762bc .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-b08dea3 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-b08dea3 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-b08dea3 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-b08dea3 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-b08dea3 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-0e68fb8 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-0e68fb8 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-0e68fb8 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-0e68fb8 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-0e68fb8 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-d2d2e4d *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-d2d2e4d .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-d2d2e4d .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-d2d2e4d .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-d2d2e4d .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-7254cd7 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-7254cd7 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-7254cd7 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-7254cd7 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-7254cd7 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-67cef40 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-67cef40 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-67cef40 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-67cef40 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-67cef40 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-6549ede *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-6549ede .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-6549ede .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-6549ede .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-6549ede .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-0af6ad3 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-0af6ad3 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-0af6ad3 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-0af6ad3 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-0af6ad3 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-e924dcd *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-e924dcd .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-e924dcd .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-e924dcd .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-e924dcd .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for mega-menu, class: .elementor-element-e94f91b *//* 1. Add a smooth transition to the entire top-level title block */
.elementor-12512 .elementor-element.elementor-element-e94f91b .e-n-menu-item .e-n-menu-title {
    transition: transform 0.4s ease !important;
}

/* Move the text and arrow slightly to the right on hover */
.elementor-12512 .elementor-element.elementor-element-e94f91b .e-n-menu-item:hover .e-n-menu-title {
    transform: translateX(6px) !important; 
}

/* 2. Stop Elementor from instantly swapping the arrow icons */
.elementor-12512 .elementor-element.elementor-element-e94f91b .e-n-menu-item .e-n-menu-dropdown-icon-opened {
    display: none !important; /* Hides the secondary "up" icon completely */
}

.elementor-12512 .elementor-element.elementor-element-e94f91b .e-n-menu-item .e-n-menu-dropdown-icon-closed {
    display: flex !important; 
    transition: transform 0.4s ease !important; /* Sets up the smooth rotation */
}

/* 3. Smoothly rotate the arrow 180 degrees on hover */
.elementor-12512 .elementor-element.elementor-element-e94f91b .e-n-menu-item:hover .e-n-menu-dropdown-icon-closed {
    transform: rotate(-90deg) !important; /* Flips the arrow up elegantly */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-95d591c */.logo img {
max-width: 140px;
height: auto;
transition: all 0.5s ease;
}

.elementor-sticky--effects .logo img {
max-width: 120px;
height: auto;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-2c37db5 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-2c37db5 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-2c37db5 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-2c37db5 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-2c37db5 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-846c7d8 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-846c7d8 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-846c7d8 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-846c7d8 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-846c7d8 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-67f6328 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-67f6328 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-67f6328 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-67f6328 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-67f6328 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-cf3854d *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-cf3854d .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-cf3854d .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-cf3854d .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-cf3854d .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-a25cbad *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-a25cbad .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-a25cbad .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-a25cbad .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-a25cbad .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-0310fc4 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-0310fc4 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-0310fc4 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-0310fc4 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-0310fc4 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-3e3936c *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-3e3936c .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-3e3936c .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-3e3936c .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-3e3936c .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-8bf0993 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-8bf0993 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-8bf0993 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-8bf0993 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-8bf0993 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-03de44c *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-03de44c .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-03de44c .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-03de44c .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-03de44c .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-95bb44f *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-95bb44f .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-95bb44f .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-95bb44f .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-95bb44f .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-d8a3d5b *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-d8a3d5b .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-d8a3d5b .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-d8a3d5b .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-d8a3d5b .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-2883da1 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-2883da1 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-2883da1 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-2883da1 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-2883da1 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-2c37db5 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-2c37db5 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-2c37db5 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-2c37db5 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-2c37db5 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-846c7d8 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-846c7d8 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-846c7d8 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-846c7d8 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-846c7d8 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-67f6328 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-67f6328 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-67f6328 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-67f6328 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-67f6328 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-cf3854d *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-cf3854d .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-cf3854d .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-cf3854d .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-cf3854d .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-a25cbad *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-a25cbad .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-a25cbad .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-a25cbad .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-a25cbad .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-0310fc4 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-0310fc4 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-0310fc4 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-0310fc4 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-0310fc4 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-3e3936c *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-3e3936c .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-3e3936c .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-3e3936c .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-3e3936c .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-8bf0993 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-8bf0993 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-8bf0993 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-8bf0993 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-8bf0993 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-03de44c *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-03de44c .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-03de44c .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-03de44c .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-03de44c .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-95bb44f *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-95bb44f .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-95bb44f .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-95bb44f .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-95bb44f .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-d8a3d5b *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-d8a3d5b .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-d8a3d5b .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-d8a3d5b .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-d8a3d5b .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-2883da1 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-2883da1 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-2883da1 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-2883da1 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-2883da1 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-2c37db5 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-2c37db5 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-2c37db5 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-2c37db5 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-2c37db5 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-846c7d8 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-846c7d8 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-846c7d8 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-846c7d8 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-846c7d8 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-67f6328 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-67f6328 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-67f6328 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-67f6328 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-67f6328 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-cf3854d *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-cf3854d .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-cf3854d .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-cf3854d .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-cf3854d .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-a25cbad *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-a25cbad .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-a25cbad .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-a25cbad .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-a25cbad .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-0310fc4 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-0310fc4 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-0310fc4 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-0310fc4 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-0310fc4 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-3e3936c *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-3e3936c .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-3e3936c .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-3e3936c .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-3e3936c .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-8bf0993 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-8bf0993 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-8bf0993 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-8bf0993 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-8bf0993 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-03de44c *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-03de44c .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-03de44c .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-03de44c .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-03de44c .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-95bb44f *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-95bb44f .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-95bb44f .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-95bb44f .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-95bb44f .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-d8a3d5b *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-d8a3d5b .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-d8a3d5b .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-d8a3d5b .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-d8a3d5b .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-2883da1 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-2883da1 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-2883da1 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-2883da1 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-2883da1 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-2c37db5 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-2c37db5 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-2c37db5 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-2c37db5 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-2c37db5 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-846c7d8 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-846c7d8 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-846c7d8 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-846c7d8 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-846c7d8 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-67f6328 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-67f6328 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-67f6328 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-67f6328 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-67f6328 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-cf3854d *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-cf3854d .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-cf3854d .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-cf3854d .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-cf3854d .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-a25cbad *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-a25cbad .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-a25cbad .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-a25cbad .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-a25cbad .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-0310fc4 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-0310fc4 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-0310fc4 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-0310fc4 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-0310fc4 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-3e3936c *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-3e3936c .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-3e3936c .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-3e3936c .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-3e3936c .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-8bf0993 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-8bf0993 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-8bf0993 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-8bf0993 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-8bf0993 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-03de44c *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-03de44c .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-03de44c .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-03de44c .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-03de44c .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-95bb44f *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-95bb44f .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-95bb44f .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-95bb44f .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-95bb44f .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-d8a3d5b *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-d8a3d5b .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-d8a3d5b .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-d8a3d5b .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-d8a3d5b .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-2883da1 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-2883da1 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-2883da1 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-2883da1 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-2883da1 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-2c37db5 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-2c37db5 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-2c37db5 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-2c37db5 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-2c37db5 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-846c7d8 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-846c7d8 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-846c7d8 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-846c7d8 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-846c7d8 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-67f6328 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-67f6328 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-67f6328 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-67f6328 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-67f6328 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-cf3854d *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-cf3854d .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-cf3854d .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-cf3854d .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-cf3854d .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-a25cbad *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-a25cbad .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-a25cbad .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-a25cbad .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-a25cbad .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-0310fc4 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-0310fc4 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-0310fc4 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-0310fc4 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-0310fc4 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-3e3936c *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-3e3936c .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-3e3936c .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-3e3936c .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-3e3936c .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-8bf0993 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-8bf0993 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-8bf0993 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-8bf0993 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-8bf0993 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-03de44c *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-03de44c .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-03de44c .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-03de44c .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-03de44c .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-95bb44f *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-95bb44f .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-95bb44f .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-95bb44f .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-95bb44f .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-d8a3d5b *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-d8a3d5b .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-d8a3d5b .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-d8a3d5b .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-d8a3d5b .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-2883da1 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-2883da1 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-2883da1 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-2883da1 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-2883da1 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-2c37db5 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-2c37db5 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-2c37db5 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-2c37db5 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-2c37db5 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-846c7d8 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-846c7d8 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-846c7d8 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-846c7d8 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-846c7d8 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-67f6328 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-67f6328 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-67f6328 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-67f6328 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-67f6328 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-cf3854d *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-cf3854d .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-cf3854d .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-cf3854d .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-cf3854d .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-a25cbad *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-a25cbad .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-a25cbad .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-a25cbad .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-a25cbad .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-0310fc4 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-0310fc4 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-0310fc4 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-0310fc4 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-0310fc4 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-3e3936c *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-3e3936c .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-3e3936c .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-3e3936c .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-3e3936c .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-8bf0993 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-8bf0993 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-8bf0993 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-8bf0993 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-8bf0993 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-03de44c *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-03de44c .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-03de44c .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-03de44c .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-03de44c .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-95bb44f *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-95bb44f .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-95bb44f .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-95bb44f .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-95bb44f .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-d8a3d5b *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-d8a3d5b .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-d8a3d5b .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-d8a3d5b .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-d8a3d5b .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-2883da1 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-2883da1 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-2883da1 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-2883da1 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-2883da1 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-2c37db5 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-2c37db5 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-2c37db5 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-2c37db5 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-2c37db5 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-846c7d8 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-846c7d8 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-846c7d8 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-846c7d8 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-846c7d8 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-67f6328 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-67f6328 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-67f6328 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-67f6328 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-67f6328 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-cf3854d *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-cf3854d .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-cf3854d .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-cf3854d .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-cf3854d .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-a25cbad *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-a25cbad .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-a25cbad .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-a25cbad .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-a25cbad .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-0310fc4 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-0310fc4 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-0310fc4 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-0310fc4 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-0310fc4 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-3e3936c *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-3e3936c .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-3e3936c .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-3e3936c .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-3e3936c .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-8bf0993 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-8bf0993 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-8bf0993 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-8bf0993 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-8bf0993 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-03de44c *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-03de44c .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-03de44c .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-03de44c .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-03de44c .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-95bb44f *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-95bb44f .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-95bb44f .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-95bb44f .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-95bb44f .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-d8a3d5b *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-d8a3d5b .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-d8a3d5b .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-d8a3d5b .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-d8a3d5b .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-2883da1 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-2883da1 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-2883da1 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-2883da1 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-2883da1 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-2c37db5 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-2c37db5 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-2c37db5 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-2c37db5 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-2c37db5 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-846c7d8 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-846c7d8 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-846c7d8 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-846c7d8 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-846c7d8 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-67f6328 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-67f6328 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-67f6328 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-67f6328 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-67f6328 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-cf3854d *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-cf3854d .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-cf3854d .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-cf3854d .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-cf3854d .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-a25cbad *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-a25cbad .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-a25cbad .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-a25cbad .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-a25cbad .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-0310fc4 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-0310fc4 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-0310fc4 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-0310fc4 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-0310fc4 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-3e3936c *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-3e3936c .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-3e3936c .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-3e3936c .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-3e3936c .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-8bf0993 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-8bf0993 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-8bf0993 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-8bf0993 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-8bf0993 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-03de44c *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-03de44c .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-03de44c .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-03de44c .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-03de44c .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-95bb44f *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-95bb44f .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-95bb44f .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-95bb44f .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-95bb44f .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-d8a3d5b *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-d8a3d5b .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-d8a3d5b .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-d8a3d5b .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-d8a3d5b .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-2883da1 *//* 1. Target the menu item text and set up the relative container */
.elementor-12512 .elementor-element.elementor-element-2883da1 .elementor-item {
    transition: transform 0.3s ease !important;
    position: relative !important; 
    display: inline-block !important; 
}

/* 2. Move the text to the right on hover */
.elementor-12512 .elementor-element.elementor-element-2883da1 .elementor-item:hover {
    transform: translateX(12px) !important; 
}

/* 3. Create the transparent SVG arrow AFTER the text */
.elementor-12512 .elementor-element.elementor-element-2883da1 .elementor-item::after {
    content: '' !important;
    display: block !important; 
    
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 100% !important; 
    
    opacity: 0;
    
    /* --- YOUR CONTROLS --- */
    width: 16px !important;       
    height: 16px !important;      
    margin-left: 10px !important; 
    
    /* This controls the COLOR of the arrow */
    background-color: #7A8994 !important; 
    
    /* Your WordPress Media URL is applied as a mask here */
    -webkit-mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    mask: url('https://palmadevelopment.ae/wp-content/uploads/2026/03/arrow-right.svg') center/contain no-repeat !important;
    
    transition: opacity 0.3s ease !important;
}

/* 4. Reveal the arrow on hover */
.elementor-12512 .elementor-element.elementor-element-2883da1 .elementor-item:hover::after {
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for mega-menu, class: .elementor-element-c3c9a95 *//* 1. Add a smooth transition to the entire top-level title block */
.elementor-12512 .elementor-element.elementor-element-c3c9a95 .e-n-menu-item .e-n-menu-title {
    transition: transform 0.4s ease !important;
}

/* Move the text and arrow slightly to the right on hover */
.elementor-12512 .elementor-element.elementor-element-c3c9a95 .e-n-menu-item:hover .e-n-menu-title {
    transform: translateX(6px) !important; 
}

/* 2. Stop Elementor from instantly swapping the arrow icons */
.elementor-12512 .elementor-element.elementor-element-c3c9a95 .e-n-menu-item .e-n-menu-dropdown-icon-opened {
    display: none !important; /* Hides the secondary "up" icon completely */
}

.elementor-12512 .elementor-element.elementor-element-c3c9a95 .e-n-menu-item .e-n-menu-dropdown-icon-closed {
    display: flex !important; 
    transition: transform 0.4s ease !important; /* Sets up the smooth rotation */
}

/* 3. Smoothly rotate the arrow 180 degrees on hover */
.elementor-12512 .elementor-element.elementor-element-c3c9a95 .e-n-menu-item:hover .e-n-menu-dropdown-icon-closed {
    transform: rotate(-90deg) !important; /* Flips the arrow up elegantly */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-189ba98 *//* 1. Hide the white header by default */
.elementor-12512 .elementor-element.elementor-element-189ba98:not(.elementor-sticky--effects) {
    display: none !important;
}

/* 2. Style the white header when it becomes sticky */
.elementor-12512 .elementor-element.elementor-element-189ba98.elementor-sticky--effects {
    display: flex !important;
    position: fixed !important; /* Forces it to stay on top of everything */
    top: 0 !important;
    left: 0;
    right: 0;
    width: 100% !important;
    z-index: 105 !important; /* Ensures no content pushes it down */
    box-shadow: 0px 4px 12px rgba(0,0,0,0.1);
    animation: slideInDown 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

/* 3. Smooth animation for the entrance */
@keyframes slideInDown {
    0% { transform: translateY(-100%); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}/* End custom CSS */