.elementor-46 .elementor-element.elementor-element-3464b77{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-46 .elementor-element.elementor-element-24ccc0b > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-46 .elementor-element.elementor-element-3020976 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-46 .elementor-element.elementor-element-3020976:not(.elementor-motion-effects-element-type-background), .elementor-46 .elementor-element.elementor-element-3020976 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fourth-solutions.com/wp-content/uploads/2026/09/Main-hero-area-5-1.png");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-46 .elementor-element.elementor-element-3020976 > .elementor-container{min-height:35vw;}.elementor-46 .elementor-element.elementor-element-3020976{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;z-index:50;}.elementor-46 .elementor-element.elementor-element-3020976 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-46 .elementor-element.elementor-element-ed9d923.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-46 .elementor-element.elementor-element-ed9d923 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:20px;}.elementor-46 .elementor-element.elementor-element-ed9d923 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-46 .elementor-element.elementor-element-6eed302 .wd-breadcrumbs{--wd-link-color:#FFFFFF;--wd-link-color-hover:#FFFFFF;--wd-bcrumb-color-active:#FFFFFF;--wd-bcrumb-delim-color:#FFFFFF;}.elementor-46 .elementor-element.elementor-element-a197afa{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-46 .elementor-element.elementor-element-a197afa .elementor-heading-title{font-family:"noor-bold", Sans-serif;font-size:48px;font-weight:700;color:#90C7E7;}.elementor-46 .elementor-element.elementor-element-5c31770{width:var( --container-widget-width, 600px );max-width:600px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:600px;--container-widget-flex-grow:0;text-align:center;}.elementor-46 .elementor-element.elementor-element-5c31770 .elementor-heading-title{font-family:"noor-regular", Sans-serif;font-size:20px;font-weight:400;letter-spacing:-0.96px;color:#FFFFFF;}.elementor-46 .elementor-element.elementor-element-169c7f3 > .elementor-container{max-width:1400px;}.elementor-46 .elementor-element.elementor-element-169c7f3{margin:0px 0px 0px 0px;padding:0px 15px 0px 15px;}.elementor-46 .elementor-element.elementor-element-1ee7658 .elementor-repeater-item-cfef526 .promo-banner:not(.banner-content-background) .content-banner, .elementor-46 .elementor-element.elementor-element-1ee7658 .elementor-repeater-item-cfef526 .promo-banner.banner-content-background .wrapper-content-banner{max-width:100%;}.elementor-46 .elementor-element.elementor-element-1ee7658 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-46 .elementor-element.elementor-element-1ee7658 .banner-title{font-family:"noor-bold", Sans-serif;font-size:22px;font-weight:700;line-height:16px;}.elementor-46 .elementor-element.elementor-element-1ee7658 .banner-inner{font-size:16px;font-weight:400;}.elementor-46 .elementor-element.elementor-element-d89a115 .elementor-repeater-item-bd1f779 .promo-banner:not(.banner-content-background) .content-banner, .elementor-46 .elementor-element.elementor-element-d89a115 .elementor-repeater-item-bd1f779 .promo-banner.banner-content-background .wrapper-content-banner{max-width:100%;}.elementor-46 .elementor-element.elementor-element-d89a115 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-46 .elementor-element.elementor-element-d89a115 .banner-title{font-family:"noor-bold", Sans-serif;font-size:22px;font-weight:700;line-height:16px;}.elementor-46 .elementor-element.elementor-element-d89a115 .banner-inner{font-size:16px;font-weight:400;}.elementor-46 .elementor-element.elementor-element-7b3b2fa .elementor-repeater-item-c8e1e68 .promo-banner:not(.banner-content-background) .content-banner, .elementor-46 .elementor-element.elementor-element-7b3b2fa .elementor-repeater-item-c8e1e68 .promo-banner.banner-content-background .wrapper-content-banner{max-width:100%;}.elementor-46 .elementor-element.elementor-element-7b3b2fa > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-46 .elementor-element.elementor-element-7b3b2fa .banner-title{font-family:"noor-bold", Sans-serif;font-size:22px;font-weight:700;line-height:16px;}.elementor-46 .elementor-element.elementor-element-7b3b2fa .banner-inner{font-size:16px;font-weight:400;}.elementor-46 .elementor-element.elementor-element-29c2b2c .elementor-repeater-item-58f510b .promo-banner:not(.banner-content-background) .content-banner, .elementor-46 .elementor-element.elementor-element-29c2b2c .elementor-repeater-item-58f510b .promo-banner.banner-content-background .wrapper-content-banner{max-width:100%;}.elementor-46 .elementor-element.elementor-element-29c2b2c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-46 .elementor-element.elementor-element-29c2b2c .banner-title{font-family:"noor-bold", Sans-serif;font-size:22px;font-weight:700;line-height:16px;}.elementor-46 .elementor-element.elementor-element-29c2b2c .banner-inner{font-size:16px;font-weight:400;}.elementor-46 .elementor-element.elementor-element-db4ceba .elementor-repeater-item-35c3818 .promo-banner:not(.banner-content-background) .content-banner, .elementor-46 .elementor-element.elementor-element-db4ceba .elementor-repeater-item-35c3818 .promo-banner.banner-content-background .wrapper-content-banner{max-width:100%;}.elementor-46 .elementor-element.elementor-element-db4ceba > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-46 .elementor-element.elementor-element-db4ceba .banner-title{font-family:"noor-bold", Sans-serif;font-size:22px;font-weight:700;line-height:16px;}.elementor-46 .elementor-element.elementor-element-db4ceba .banner-inner{font-size:16px;font-weight:400;}.elementor-46 .elementor-element.elementor-element-21e0b4c .elementor-repeater-item-fe75b55 .promo-banner:not(.banner-content-background) .content-banner, .elementor-46 .elementor-element.elementor-element-21e0b4c .elementor-repeater-item-fe75b55 .promo-banner.banner-content-background .wrapper-content-banner{max-width:100%;}.elementor-46 .elementor-element.elementor-element-21e0b4c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-46 .elementor-element.elementor-element-21e0b4c .banner-title{font-family:"noor-bold", Sans-serif;font-size:22px;font-weight:700;line-height:16px;}.elementor-46 .elementor-element.elementor-element-21e0b4c .banner-inner{font-size:16px;font-weight:400;}.elementor-46 .elementor-element.elementor-element-8f8a07c > .elementor-container{max-width:1400px;}.elementor-46 .elementor-element.elementor-element-8f8a07c{margin:0px 0px 0px 0px;padding:0px 15px 0px 15px;}.elementor-46 .elementor-element.elementor-element-cf7bf16 .elementor-repeater-item-cfef526 .promo-banner:not(.banner-content-background) .content-banner, .elementor-46 .elementor-element.elementor-element-cf7bf16 .elementor-repeater-item-cfef526 .promo-banner.banner-content-background .wrapper-content-banner{max-width:100%;}.elementor-46 .elementor-element.elementor-element-cf7bf16 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-46 .elementor-element.elementor-element-cf7bf16 .banner-title{font-family:"noor-bold", Sans-serif;font-size:22px;font-weight:700;line-height:16px;}.elementor-46 .elementor-element.elementor-element-cf7bf16 .banner-inner{font-size:15px;font-weight:400;}.elementor-46 .elementor-element.elementor-element-a1e367d .elementor-repeater-item-bd1f779 .promo-banner:not(.banner-content-background) .content-banner, .elementor-46 .elementor-element.elementor-element-a1e367d .elementor-repeater-item-bd1f779 .promo-banner.banner-content-background .wrapper-content-banner{max-width:100%;}.elementor-46 .elementor-element.elementor-element-a1e367d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-46 .elementor-element.elementor-element-a1e367d .banner-title{font-family:"noor-bold", Sans-serif;font-size:22px;font-weight:700;line-height:16px;}.elementor-46 .elementor-element.elementor-element-a1e367d .banner-inner{font-size:15px;font-weight:400;}.elementor-46 .elementor-element.elementor-element-8274ee9 .elementor-repeater-item-c8e1e68 .promo-banner:not(.banner-content-background) .content-banner, .elementor-46 .elementor-element.elementor-element-8274ee9 .elementor-repeater-item-c8e1e68 .promo-banner.banner-content-background .wrapper-content-banner{max-width:100%;}.elementor-46 .elementor-element.elementor-element-8274ee9 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-46 .elementor-element.elementor-element-8274ee9 .banner-title{font-family:"noor-bold", Sans-serif;font-size:22px;font-weight:700;line-height:16px;}.elementor-46 .elementor-element.elementor-element-8274ee9 .banner-inner{font-size:15px;font-weight:400;}.elementor-46 .elementor-element.elementor-element-6a62322 .elementor-repeater-item-58f510b .promo-banner:not(.banner-content-background) .content-banner, .elementor-46 .elementor-element.elementor-element-6a62322 .elementor-repeater-item-58f510b .promo-banner.banner-content-background .wrapper-content-banner{max-width:100%;}.elementor-46 .elementor-element.elementor-element-6a62322 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-46 .elementor-element.elementor-element-6a62322 .banner-title{font-family:"noor-bold", Sans-serif;font-size:22px;font-weight:700;line-height:16px;}.elementor-46 .elementor-element.elementor-element-6a62322 .banner-inner{font-size:15px;font-weight:400;}.elementor-46 .elementor-element.elementor-element-d8e6b90 .elementor-repeater-item-35c3818 .promo-banner:not(.banner-content-background) .content-banner, .elementor-46 .elementor-element.elementor-element-d8e6b90 .elementor-repeater-item-35c3818 .promo-banner.banner-content-background .wrapper-content-banner{max-width:100%;}.elementor-46 .elementor-element.elementor-element-d8e6b90 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-46 .elementor-element.elementor-element-d8e6b90 .banner-title{font-family:"noor-bold", Sans-serif;font-size:22px;font-weight:700;line-height:16px;}.elementor-46 .elementor-element.elementor-element-d8e6b90 .banner-inner{font-size:15px;font-weight:400;}.elementor-46 .elementor-element.elementor-element-8df0281 .elementor-repeater-item-fe75b55 .promo-banner:not(.banner-content-background) .content-banner, .elementor-46 .elementor-element.elementor-element-8df0281 .elementor-repeater-item-fe75b55 .promo-banner.banner-content-background .wrapper-content-banner{max-width:100%;}.elementor-46 .elementor-element.elementor-element-8df0281 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-46 .elementor-element.elementor-element-8df0281 .banner-title{font-family:"noor-bold", Sans-serif;font-size:22px;font-weight:700;line-height:16px;}.elementor-46 .elementor-element.elementor-element-8df0281 .banner-inner{font-size:15px;font-weight:400;}.elementor-46 .elementor-element.elementor-element-f6f6437{margin:0px 0px 0px 0px;padding:0px 15px 0px 15px;}.elementor-46 .elementor-element.elementor-element-412fdcf .elementor-repeater-item-cfef526 .promo-banner:not(.banner-content-background) .content-banner, .elementor-46 .elementor-element.elementor-element-412fdcf .elementor-repeater-item-cfef526 .promo-banner.banner-content-background .wrapper-content-banner{max-width:100%;}.elementor-46 .elementor-element.elementor-element-412fdcf .elementor-repeater-item-bd1f779 .promo-banner:not(.banner-content-background) .content-banner, .elementor-46 .elementor-element.elementor-element-412fdcf .elementor-repeater-item-bd1f779 .promo-banner.banner-content-background .wrapper-content-banner{max-width:100%;}.elementor-46 .elementor-element.elementor-element-412fdcf .elementor-repeater-item-c8e1e68 .promo-banner:not(.banner-content-background) .content-banner, .elementor-46 .elementor-element.elementor-element-412fdcf .elementor-repeater-item-c8e1e68 .promo-banner.banner-content-background .wrapper-content-banner{max-width:100%;}.elementor-46 .elementor-element.elementor-element-412fdcf .elementor-repeater-item-58f510b .promo-banner:not(.banner-content-background) .content-banner, .elementor-46 .elementor-element.elementor-element-412fdcf .elementor-repeater-item-58f510b .promo-banner.banner-content-background .wrapper-content-banner{max-width:100%;}.elementor-46 .elementor-element.elementor-element-412fdcf .elementor-repeater-item-35c3818 .promo-banner:not(.banner-content-background) .content-banner, .elementor-46 .elementor-element.elementor-element-412fdcf .elementor-repeater-item-35c3818 .promo-banner.banner-content-background .wrapper-content-banner{max-width:100%;}.elementor-46 .elementor-element.elementor-element-412fdcf .elementor-repeater-item-fe75b55 .promo-banner:not(.banner-content-background) .content-banner, .elementor-46 .elementor-element.elementor-element-412fdcf .elementor-repeater-item-fe75b55 .promo-banner.banner-content-background .wrapper-content-banner{max-width:100%;}.elementor-46 .elementor-element.elementor-element-412fdcf > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-46 .elementor-element.elementor-element-412fdcf .wd-nav-arrows{--wd-arrow-offset-h:0px;--wd-arrow-offset-v:15px;}.elementor-46 .elementor-element.elementor-element-412fdcf .banner-title{font-family:"noor-bold", Sans-serif;font-size:22px;font-weight:700;line-height:16px;}.elementor-46 .elementor-element.elementor-element-412fdcf .banner-inner{font-size:15px;font-weight:400;}.elementor-46 .elementor-element.elementor-element-20491bd{margin:80px 0px 0px 0px;padding:0px 15px 0px 15px;}.elementor-46 .elementor-element.elementor-element-b3f9bbd .title{color:#000810;font-family:"noor-bold", Sans-serif;font-size:36px;font-weight:700;}.elementor-46 .elementor-element.elementor-element-b3f9bbd .title-after_title{color:#191919;font-size:16px;}.elementor-46 .elementor-element.elementor-element-35b980f{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}@media(max-width:1024px) and (min-width:768px){.elementor-46 .elementor-element.elementor-element-cf98c29{width:50%;}.elementor-46 .elementor-element.elementor-element-8f569c0{width:50%;}.elementor-46 .elementor-element.elementor-element-3ad04d9{width:50%;}.elementor-46 .elementor-element.elementor-element-862d9d4{width:50%;}.elementor-46 .elementor-element.elementor-element-67f84db{width:50%;}.elementor-46 .elementor-element.elementor-element-1a25d6d{width:50%;}.elementor-46 .elementor-element.elementor-element-b3b7999{width:50%;}.elementor-46 .elementor-element.elementor-element-ece60d9{width:50%;}.elementor-46 .elementor-element.elementor-element-9ebc917{width:50%;}}@media(max-width:1366px){.elementor-46 .elementor-element.elementor-element-3464b77{padding:0px 10px 0px 10px;}.elementor-46 .elementor-element.elementor-element-3020976 > .elementor-container{min-height:45vw;}.elementor-46 .elementor-element.elementor-element-ed9d923 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-46 .elementor-element.elementor-element-a197afa .elementor-heading-title{font-size:34px;}.elementor-46 .elementor-element.elementor-element-5c31770{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:600px;--container-widget-flex-grow:0;width:var( --container-widget-width, 600px );max-width:600px;}.elementor-46 .elementor-element.elementor-element-5c31770 .elementor-heading-title{font-size:18px;}}@media(max-width:1024px){.elementor-46 .elementor-element.elementor-element-3020976 > .elementor-container{min-height:45vw;}.elementor-46 .elementor-element.elementor-element-ed9d923 > .elementor-element-populated{margin:0px 0px 50px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-46 .elementor-element.elementor-element-6eed302 .wd-breadcrumbs{font-size:12px;}.elementor-46 .elementor-element.elementor-element-6eed302 :is(.wd-last, .breadcrumb_last, .last, .aioseo-breadcrumbs span:last-child, .active){font-size:12px;}.elementor-46 .elementor-element.elementor-element-a197afa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-46 .elementor-element.elementor-element-a197afa .elementor-heading-title{font-size:24px;}.elementor-46 .elementor-element.elementor-element-5c31770{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:450px;--container-widget-flex-grow:0;width:var( --container-widget-width, 450px );max-width:450px;}.elementor-46 .elementor-element.elementor-element-5c31770 .elementor-heading-title{font-size:16px;}.elementor-46 .elementor-element.elementor-element-169c7f3{margin:0px 0px 0px 0px;}.elementor-46 .elementor-element.elementor-element-8f8a07c{margin:0px 0px 0px 0px;}.elementor-46 .elementor-element.elementor-element-f6f6437{margin:160px 0px 0px 0px;}.elementor-46 .elementor-element.elementor-element-20491bd{margin:160px 0px 0px 0px;}.elementor-46 .elementor-element.elementor-element-b3f9bbd .title{font-size:30px;}}@media(max-width:767px){.elementor-46 .elementor-element.elementor-element-3020976 > .elementor-container{min-height:400px;}.elementor-46 .elementor-element.elementor-element-3020976:not(.elementor-motion-effects-element-type-background), .elementor-46 .elementor-element.elementor-element-3020976 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-46 .elementor-element.elementor-element-3020976{margin:0px 0px 0px 0px;}.elementor-46 .elementor-element.elementor-element-ed9d923 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:20px;}.elementor-46 .elementor-element.elementor-element-ed9d923 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-46 .elementor-element.elementor-element-a197afa .elementor-heading-title{font-size:26px;}.elementor-46 .elementor-element.elementor-element-5c31770{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:320px;--container-widget-flex-grow:0;width:var( --container-widget-width, 320px );max-width:320px;}.elementor-46 .elementor-element.elementor-element-5c31770 .elementor-heading-title{font-size:16px;line-height:26px;}.elementor-46 .elementor-element.elementor-element-169c7f3{margin:140px 0px 0px 0px;padding:0px 15px 0px 15px;}.elementor-46 .elementor-element.elementor-element-1ee7658 > .elementor-widget-container{margin:55px 0px 0px 0px;}.elementor-46 .elementor-element.elementor-element-1ee7658 .banner-title{font-size:20px;line-height:14px;}.elementor-46 .elementor-element.elementor-element-1ee7658 .banner-inner{font-size:14px;}.elementor-46 .elementor-element.elementor-element-d89a115 > .elementor-widget-container{margin:55px 0px 0px 0px;}.elementor-46 .elementor-element.elementor-element-d89a115 .banner-title{font-size:20px;line-height:14px;}.elementor-46 .elementor-element.elementor-element-d89a115 .banner-inner{font-size:14px;}.elementor-46 .elementor-element.elementor-element-7b3b2fa > .elementor-widget-container{margin:55px 0px 0px 0px;}.elementor-46 .elementor-element.elementor-element-7b3b2fa .banner-title{font-size:20px;line-height:14px;}.elementor-46 .elementor-element.elementor-element-7b3b2fa .banner-inner{font-size:14px;}.elementor-46 .elementor-element.elementor-element-29c2b2c > .elementor-widget-container{margin:55px 0px 0px 0px;}.elementor-46 .elementor-element.elementor-element-29c2b2c .banner-title{font-size:20px;line-height:14px;}.elementor-46 .elementor-element.elementor-element-29c2b2c .banner-inner{font-size:14px;}.elementor-46 .elementor-element.elementor-element-db4ceba > .elementor-widget-container{margin:55px 0px 0px 0px;}.elementor-46 .elementor-element.elementor-element-db4ceba .banner-title{font-size:20px;line-height:14px;}.elementor-46 .elementor-element.elementor-element-db4ceba .banner-inner{font-size:14px;}.elementor-46 .elementor-element.elementor-element-21e0b4c > .elementor-widget-container{margin:55px 0px 0px 0px;}.elementor-46 .elementor-element.elementor-element-21e0b4c .banner-title{font-size:20px;line-height:14px;}.elementor-46 .elementor-element.elementor-element-21e0b4c .banner-inner{font-size:14px;}.elementor-46 .elementor-element.elementor-element-8f8a07c{margin:140px 0px 0px 0px;padding:0px 15px 0px 15px;}.elementor-46 .elementor-element.elementor-element-cf7bf16 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-46 .elementor-element.elementor-element-cf7bf16 .banner-title{font-size:20px;line-height:14px;}.elementor-46 .elementor-element.elementor-element-cf7bf16 .banner-inner{font-size:14px;}.elementor-46 .elementor-element.elementor-element-a1e367d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-46 .elementor-element.elementor-element-a1e367d .banner-title{font-size:20px;line-height:14px;}.elementor-46 .elementor-element.elementor-element-a1e367d .banner-inner{font-size:14px;}.elementor-46 .elementor-element.elementor-element-8274ee9 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-46 .elementor-element.elementor-element-8274ee9 .banner-title{font-size:20px;line-height:14px;}.elementor-46 .elementor-element.elementor-element-8274ee9 .banner-inner{font-size:14px;}.elementor-46 .elementor-element.elementor-element-6a62322 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-46 .elementor-element.elementor-element-6a62322 .banner-title{font-size:20px;line-height:14px;}.elementor-46 .elementor-element.elementor-element-6a62322 .banner-inner{font-size:14px;}.elementor-46 .elementor-element.elementor-element-d8e6b90 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-46 .elementor-element.elementor-element-d8e6b90 .banner-title{font-size:20px;line-height:14px;}.elementor-46 .elementor-element.elementor-element-d8e6b90 .banner-inner{font-size:14px;}.elementor-46 .elementor-element.elementor-element-8df0281 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-46 .elementor-element.elementor-element-8df0281 .banner-title{font-size:20px;line-height:14px;}.elementor-46 .elementor-element.elementor-element-8df0281 .banner-inner{font-size:14px;}.elementor-46 .elementor-element.elementor-element-f6f6437{margin:0px 0px 0px 0px;padding:0px 15px 0px 15px;}.elementor-46 .elementor-element.elementor-element-412fdcf > .elementor-widget-container{margin:55px 0px 0px 0px;}.elementor-46 .elementor-element.elementor-element-412fdcf .wd-nav-arrows{--wd-arrow-offset-h:0px;--wd-arrow-offset-v:5px;}.elementor-46 .elementor-element.elementor-element-412fdcf .banner-title{font-size:20px;line-height:14px;}.elementor-46 .elementor-element.elementor-element-412fdcf .banner-inner{font-size:14px;}.elementor-46 .elementor-element.elementor-element-20491bd{margin:60px 0px 0px 0px;}.elementor-46 .elementor-element.elementor-element-b3f9bbd .title{font-size:24px;}}/* Start custom CSS for heading, class: .elementor-element-5c31770 */.elementor-46 .elementor-element.elementor-element-5c31770 h2{
    line-height: 1.8 !important;
}/* End custom CSS */
/* Start custom CSS for wd_banner_carousel, class: .elementor-element-1ee7658 */.elementor-46 .elementor-element.elementor-element-1ee7658 p{
    line-height: 1.6;
    margin-top: 15px;
}



/* =====================================================
   هوفر بنرات الكاروسيل (Woodmart promo-banner)
   عند الهوفر: طبقة خضراء 056132 بشفافية 43% + الزرار
   (غيّر الأرقام في الـ variables بس)
   ===================================================== */
.elementor-46 .elementor-element.elementor-element-1ee7658 .banners-carousel-wrapper .promo-banner {
  --bh-color:   rgba(5, 97, 50, 0.43);  /* 056132 بشفافية 43% */
  --bh-btn:     64px;                   /* حجم الزرار (ديسكتوب) */
  --bh-btn-top: 50%;                    /* مكان الزرار رأسياً (ديسكتوب) */
  --bh-time:    0.4s;
  --bh-spring:  cubic-bezier(0.34, 1.56, 0.64, 1);  /* حركة "ترتد" خفيفة */
  --bh-smooth:  cubic-bezier(0.22, 1, 0.36, 1);

  position: relative;
  overflow: hidden;
}

/* الطبقة الملونة */
.elementor-46 .elementor-element.elementor-element-1ee7658 .banners-carousel-wrapper .promo-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: var(--bh-color);
  opacity: 0;
  transition: opacity var(--bh-time) ease;
  pointer-events: none;
}

/* الزرار (صورة الدايرة والسهم) */
.elementor-46 .elementor-element.elementor-element-1ee7658 .banners-carousel-wrapper .promo-banner::after {
  content: "";
  position: absolute;
  top: var(--bh-btn-top);
  left: 50%;
  z-index: 3;
  width: var(--bh-btn);
  height: var(--bh-btn);
  border-radius: 50%;
  background: url("https://fourth-solutions.com/wp-content/uploads/2026/09/Group-1000008649.png") center / contain no-repeat;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.4) rotate(-90deg);
  transition: opacity var(--bh-time) ease, transform 0.6s var(--bh-spring);
  pointer-events: none;
}

/* ترتيب الطبقات: الصورة < الطبقة الخضراء < النص < الزرار < اللينك (عشان الكليك يفضل شغال) */
.elementor-46 .elementor-element.elementor-element-1ee7658 .banners-carousel-wrapper .wrapper-content-banner { z-index: 2; }
.elementor-46 .elementor-element.elementor-element-1ee7658 .banners-carousel-wrapper .wd-promo-banner-link   { z-index: 4; }

/* حركة الصورة والنص (جاهزة للهوفر) */
.banners-carousel-wrapper .promo-banner .banner-image img {
  transition: transform 0.9s var(--bh-smooth);
}
.banners-carousel-wrapper .promo-banner .content-banner {
  transition: transform 0.5s var(--bh-smooth);
}

/* الحالة الظاهرة (بتتشارك بين الهوفر والسلايد النشط على الموبايل) */
.elementor-46 .elementor-element.elementor-element-1ee7658 .banners-carousel-wrapper .promo-banner:focus-within::before {
  opacity: 1;
}
.elementor-46 .elementor-element.elementor-element-1ee7658 .banners-carousel-wrapper .promo-banner:focus-within::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1) rotate(0deg);
}

/* =====================================================
   الديسكتوب والتابلت (فيه ماوس): أنيميشن الهوفر
   ===================================================== */
@media (hover: hover) {
  .elementor-46 .elementor-element.elementor-element-1ee7658 .banners-carousel-wrapper .promo-banner:hover::before {
    opacity: 1;
  }
  .elementor-46 .elementor-element.elementor-element-1ee7658 .banners-carousel-wrapper .promo-banner:hover::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
    animation: bhRing 0.9s ease-out 0.25s 1;   /* موجة خفيفة حوالين الزرار مرة واحدة */
  }
  /* الصورة تكبر شوية، والنص يطلع لفوق شوية */
  .elementor-46 .elementor-element.elementor-element-1ee7658 .banners-carousel-wrapper .promo-banner:hover .banner-image img {
    transform: scale(1.07);
  }
  .elementor-46 .elementor-element.elementor-element-1ee7658 .banners-carousel-wrapper .promo-banner:hover .content-banner {
    transform: translateY(-8px);
  }
}

@keyframes bhRing {
  0%   { box-shadow: 0 0 0 0    rgba(255, 255, 255, 0.45); }
  100% { box-shadow: 0 0 0 18px rgba(255, 255, 255, 0); }
}

/* =====================================================
   الموبايل: مفيش هوفر، فالسلايد النشط (wd-active) بياخد نفس الشكل
   أوتوماتيك، والزرار أصغر وأعلى شوية عشان مايغطيش النص
   ===================================================== */
@media (max-width: 767px) {
  .elementor-46 .elementor-element.elementor-element-1ee7658 .banners-carousel-wrapper .promo-banner {
    --bh-btn:     44px;   /* حجم الزرار (موبايل) */
    --bh-btn-top: 36%;    /* مكان الزرار (موبايل): قلّل الرقم = يطلع أكتر */
  }
  .elementor-46 .elementor-element.elementor-element-1ee7658 .banners-carousel-wrapper .wd-carousel-item.wd-active .promo-banner::before {
    opacity: 1;
  }
  .elementor-46 .elementor-element.elementor-element-1ee7658 .banners-carousel-wrapper .wd-carousel-item.wd-active .promo-banner::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
  }
}

/* احترام إعدادات تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
  .elementor-46 .elementor-element.elementor-element-1ee7658 .banners-carousel-wrapper .promo-banner::before,
  .elementor-46 .elementor-element.elementor-element-1ee7658 .banners-carousel-wrapper .promo-banner::after,
  .elementor-46 .elementor-element.elementor-element-1ee7658 .banners-carousel-wrapper .promo-banner .banner-image img,
  .elementor-46 .elementor-element.elementor-element-1ee7658 .banners-carousel-wrapper .promo-banner .content-banner {
    transition: opacity 0.2s ease !important;
    animation: none !important;
  }
}

/* 1. الحاوية الأساسية للأسهم (عشان نضمن المسافة بينهم) */
.elementor-46 .elementor-element.elementor-element-1ee7658 .wd-nav-arrows.wd-pos-together {
    display: flex !important;
    gap: 12px !important;
}

/* 2. الشكل العام والمقاس الموحد للسهمين */
.elementor-46 .elementor-element.elementor-element-1ee7658 .wd-nav-arrows .wd-btn-arrow {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important; /* إلغاء أي شادو افتراضي من وودمارت */
}

/* 3. السهم الأيسر (السابق) - مليان متدرج */
.elementor-46 .elementor-element.elementor-element-1ee7658 .wd-nav-arrows .wd-prev {
    background: linear-gradient(90deg, #38539E 0%, #078A47 100%) !important;
    border: none !important;
}

/* 4. السهم الأيمن (التالي) - مفرغ بإطار متدرج */
.elementor-46 .elementor-element.elementor-element-1ee7658 .wd-nav-arrows .wd-next {
    /* ⚠️ لون الخلفية هنا أبيض (#FFFFFF) .. لو هتحطها في سكشن أخضر غيرها لـ #E2FEEF */
    background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, 
                linear-gradient(90deg, #078A47 0%, #38539E 100%) border-box !important;
    border: 2px solid transparent !important;
}

/* 5. ضبط حجم أيقونة السهم الداخلية من WoodMart */
.elementor-46 .elementor-element.elementor-element-1ee7658 .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner,
.elementor-46 .elementor-element.elementor-element-1ee7658 .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::before,
.elementor-46 .elementor-element.elementor-element-1ee7658 .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::after {
    font-size: 15px !important;
    font-weight: 900 !important;
}

/* لون أيقونة السهم המليان (أبيض) */
.elementor-46 .elementor-element.elementor-element-1ee7658 .wd-nav-arrows .wd-prev .wd-arrow-inner,
.elementor-46 .elementor-element.elementor-element-1ee7658 .wd-nav-arrows .wd-prev .wd-arrow-inner::before,
.elementor-46 .elementor-element.elementor-element-1ee7658 .wd-nav-arrows .wd-prev .wd-arrow-inner::after {
    color: #FFFFFF !important;
}

/* لون أيقونة السهم المفرغ (أزرق) */
.elementor-46 .elementor-element.elementor-element-1ee7658 .wd-nav-arrows .wd-next .wd-arrow-inner,
.elementor-46 .elementor-element.elementor-element-1ee7658 .wd-nav-arrows .wd-next .wd-arrow-inner::before,
.elementor-46 .elementor-element.elementor-element-1ee7658 .wd-nav-arrows .wd-next .wd-arrow-inner::after {
    color: #38539E !important;
}

/* 6. تأثير الهوفر (Hover) وإلغاء تأثيرات وودمارت الافتراضية */
.elementor-46 .elementor-element.elementor-element-1ee7658 .wd-nav-arrows .wd-btn-arrow:hover {
    opacity: 0.85 !important;
    transform: scale(1.05) !important;
    background-color: transparent; /* لمنع وودمارت من تغيير الخلفية */
}

/* 7. حالة الزر الغير مفعل (Disabled) */
.elementor-46 .elementor-element.elementor-element-1ee7658 .wd-nav-arrows .wd-btn-arrow.wd-disabled {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
    transform: none !important;
}


/* --- تصغير حجم الأسهم في شاشات الموبايل --- */
@media (max-width: 768px) {
    /* تصغير المربع نفسه */
    .elementor-46 .elementor-element.elementor-element-1ee7658 .wd-nav-arrows .wd-btn-arrow {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
    }
    
    /* تصغير الأيقونة الداخلية لتتناسب مع المربع الجديد */
    .elementor-46 .elementor-element.elementor-element-1ee7658 .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner,
    .elementor-46 .elementor-element.elementor-element-1ee7658 .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::before,
    .elementor-46 .elementor-element.elementor-element-1ee7658 .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::after {
        font-size: 12px !important;
    }
    
    /* تقليل المسافة بين السهمين شوية في الموبايل */
    .elementor-46 .elementor-element.elementor-element-1ee7658 .wd-nav-arrows.wd-pos-together {
        gap: 8px !important;
    }
}/* End custom CSS */
/* Start custom CSS for wd_banner_carousel, class: .elementor-element-d89a115 */.elementor-46 .elementor-element.elementor-element-d89a115 p{
    line-height: 1.6;
    margin-top: 15px;
}



/* =====================================================
   هوفر بنرات الكاروسيل (Woodmart promo-banner)
   عند الهوفر: طبقة خضراء 056132 بشفافية 43% + الزرار
   (غيّر الأرقام في الـ variables بس)
   ===================================================== */
.elementor-46 .elementor-element.elementor-element-d89a115 .banners-carousel-wrapper .promo-banner {
  --bh-color:   rgba(5, 97, 50, 0.43);  /* 056132 بشفافية 43% */
  --bh-btn:     64px;                   /* حجم الزرار (ديسكتوب) */
  --bh-btn-top: 50%;                    /* مكان الزرار رأسياً (ديسكتوب) */
  --bh-time:    0.4s;
  --bh-spring:  cubic-bezier(0.34, 1.56, 0.64, 1);  /* حركة "ترتد" خفيفة */
  --bh-smooth:  cubic-bezier(0.22, 1, 0.36, 1);

  position: relative;
  overflow: hidden;
}

/* الطبقة الملونة */
.elementor-46 .elementor-element.elementor-element-d89a115 .banners-carousel-wrapper .promo-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: var(--bh-color);
  opacity: 0;
  transition: opacity var(--bh-time) ease;
  pointer-events: none;
}

/* الزرار (صورة الدايرة والسهم) */
.elementor-46 .elementor-element.elementor-element-d89a115 .banners-carousel-wrapper .promo-banner::after {
  content: "";
  position: absolute;
  top: var(--bh-btn-top);
  left: 50%;
  z-index: 3;
  width: var(--bh-btn);
  height: var(--bh-btn);
  border-radius: 50%;
  background: url("https://fourth-solutions.com/wp-content/uploads/2026/09/Group-1000008649.png") center / contain no-repeat;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.4) rotate(-90deg);
  transition: opacity var(--bh-time) ease, transform 0.6s var(--bh-spring);
  pointer-events: none;
}

/* ترتيب الطبقات: الصورة < الطبقة الخضراء < النص < الزرار < اللينك (عشان الكليك يفضل شغال) */
.elementor-46 .elementor-element.elementor-element-d89a115 .banners-carousel-wrapper .wrapper-content-banner { z-index: 2; }
.elementor-46 .elementor-element.elementor-element-d89a115 .banners-carousel-wrapper .wd-promo-banner-link   { z-index: 4; }

/* حركة الصورة والنص (جاهزة للهوفر) */
.banners-carousel-wrapper .promo-banner .banner-image img {
  transition: transform 0.9s var(--bh-smooth);
}
.banners-carousel-wrapper .promo-banner .content-banner {
  transition: transform 0.5s var(--bh-smooth);
}

/* الحالة الظاهرة (بتتشارك بين الهوفر والسلايد النشط على الموبايل) */
.elementor-46 .elementor-element.elementor-element-d89a115 .banners-carousel-wrapper .promo-banner:focus-within::before {
  opacity: 1;
}
.elementor-46 .elementor-element.elementor-element-d89a115 .banners-carousel-wrapper .promo-banner:focus-within::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1) rotate(0deg);
}

/* =====================================================
   الديسكتوب والتابلت (فيه ماوس): أنيميشن الهوفر
   ===================================================== */
@media (hover: hover) {
  .elementor-46 .elementor-element.elementor-element-d89a115 .banners-carousel-wrapper .promo-banner:hover::before {
    opacity: 1;
  }
  .elementor-46 .elementor-element.elementor-element-d89a115 .banners-carousel-wrapper .promo-banner:hover::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
    animation: bhRing 0.9s ease-out 0.25s 1;   /* موجة خفيفة حوالين الزرار مرة واحدة */
  }
  /* الصورة تكبر شوية، والنص يطلع لفوق شوية */
  .elementor-46 .elementor-element.elementor-element-d89a115 .banners-carousel-wrapper .promo-banner:hover .banner-image img {
    transform: scale(1.07);
  }
  .elementor-46 .elementor-element.elementor-element-d89a115 .banners-carousel-wrapper .promo-banner:hover .content-banner {
    transform: translateY(-8px);
  }
}

@keyframes bhRing {
  0%   { box-shadow: 0 0 0 0    rgba(255, 255, 255, 0.45); }
  100% { box-shadow: 0 0 0 18px rgba(255, 255, 255, 0); }
}

/* =====================================================
   الموبايل: مفيش هوفر، فالسلايد النشط (wd-active) بياخد نفس الشكل
   أوتوماتيك، والزرار أصغر وأعلى شوية عشان مايغطيش النص
   ===================================================== */
@media (max-width: 767px) {
  .elementor-46 .elementor-element.elementor-element-d89a115 .banners-carousel-wrapper .promo-banner {
    --bh-btn:     44px;   /* حجم الزرار (موبايل) */
    --bh-btn-top: 36%;    /* مكان الزرار (موبايل): قلّل الرقم = يطلع أكتر */
  }
  .elementor-46 .elementor-element.elementor-element-d89a115 .banners-carousel-wrapper .wd-carousel-item.wd-active .promo-banner::before {
    opacity: 1;
  }
  .elementor-46 .elementor-element.elementor-element-d89a115 .banners-carousel-wrapper .wd-carousel-item.wd-active .promo-banner::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
  }
}

/* احترام إعدادات تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
  .elementor-46 .elementor-element.elementor-element-d89a115 .banners-carousel-wrapper .promo-banner::before,
  .elementor-46 .elementor-element.elementor-element-d89a115 .banners-carousel-wrapper .promo-banner::after,
  .elementor-46 .elementor-element.elementor-element-d89a115 .banners-carousel-wrapper .promo-banner .banner-image img,
  .elementor-46 .elementor-element.elementor-element-d89a115 .banners-carousel-wrapper .promo-banner .content-banner {
    transition: opacity 0.2s ease !important;
    animation: none !important;
  }
}

/* 1. الحاوية الأساسية للأسهم (عشان نضمن المسافة بينهم) */
.elementor-46 .elementor-element.elementor-element-d89a115 .wd-nav-arrows.wd-pos-together {
    display: flex !important;
    gap: 12px !important;
}

/* 2. الشكل العام والمقاس الموحد للسهمين */
.elementor-46 .elementor-element.elementor-element-d89a115 .wd-nav-arrows .wd-btn-arrow {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important; /* إلغاء أي شادو افتراضي من وودمارت */
}

/* 3. السهم الأيسر (السابق) - مليان متدرج */
.elementor-46 .elementor-element.elementor-element-d89a115 .wd-nav-arrows .wd-prev {
    background: linear-gradient(90deg, #38539E 0%, #078A47 100%) !important;
    border: none !important;
}

/* 4. السهم الأيمن (التالي) - مفرغ بإطار متدرج */
.elementor-46 .elementor-element.elementor-element-d89a115 .wd-nav-arrows .wd-next {
    /* ⚠️ لون الخلفية هنا أبيض (#FFFFFF) .. لو هتحطها في سكشن أخضر غيرها لـ #E2FEEF */
    background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, 
                linear-gradient(90deg, #078A47 0%, #38539E 100%) border-box !important;
    border: 2px solid transparent !important;
}

/* 5. ضبط حجم أيقونة السهم الداخلية من WoodMart */
.elementor-46 .elementor-element.elementor-element-d89a115 .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner,
.elementor-46 .elementor-element.elementor-element-d89a115 .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::before,
.elementor-46 .elementor-element.elementor-element-d89a115 .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::after {
    font-size: 15px !important;
    font-weight: 900 !important;
}

/* لون أيقونة السهم המليان (أبيض) */
.elementor-46 .elementor-element.elementor-element-d89a115 .wd-nav-arrows .wd-prev .wd-arrow-inner,
.elementor-46 .elementor-element.elementor-element-d89a115 .wd-nav-arrows .wd-prev .wd-arrow-inner::before,
.elementor-46 .elementor-element.elementor-element-d89a115 .wd-nav-arrows .wd-prev .wd-arrow-inner::after {
    color: #FFFFFF !important;
}

/* لون أيقونة السهم المفرغ (أزرق) */
.elementor-46 .elementor-element.elementor-element-d89a115 .wd-nav-arrows .wd-next .wd-arrow-inner,
.elementor-46 .elementor-element.elementor-element-d89a115 .wd-nav-arrows .wd-next .wd-arrow-inner::before,
.elementor-46 .elementor-element.elementor-element-d89a115 .wd-nav-arrows .wd-next .wd-arrow-inner::after {
    color: #38539E !important;
}

/* 6. تأثير الهوفر (Hover) وإلغاء تأثيرات وودمارت الافتراضية */
.elementor-46 .elementor-element.elementor-element-d89a115 .wd-nav-arrows .wd-btn-arrow:hover {
    opacity: 0.85 !important;
    transform: scale(1.05) !important;
    background-color: transparent; /* لمنع وودمارت من تغيير الخلفية */
}

/* 7. حالة الزر الغير مفعل (Disabled) */
.elementor-46 .elementor-element.elementor-element-d89a115 .wd-nav-arrows .wd-btn-arrow.wd-disabled {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
    transform: none !important;
}


/* --- تصغير حجم الأسهم في شاشات الموبايل --- */
@media (max-width: 768px) {
    /* تصغير المربع نفسه */
    .elementor-46 .elementor-element.elementor-element-d89a115 .wd-nav-arrows .wd-btn-arrow {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
    }
    
    /* تصغير الأيقونة الداخلية لتتناسب مع المربع الجديد */
    .elementor-46 .elementor-element.elementor-element-d89a115 .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner,
    .elementor-46 .elementor-element.elementor-element-d89a115 .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::before,
    .elementor-46 .elementor-element.elementor-element-d89a115 .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::after {
        font-size: 12px !important;
    }
    
    /* تقليل المسافة بين السهمين شوية في الموبايل */
    .elementor-46 .elementor-element.elementor-element-d89a115 .wd-nav-arrows.wd-pos-together {
        gap: 8px !important;
    }
}/* End custom CSS */
/* Start custom CSS for wd_banner_carousel, class: .elementor-element-7b3b2fa */.elementor-46 .elementor-element.elementor-element-7b3b2fa p{
    line-height: 1.6;
    margin-top: 15px;
}



/* =====================================================
   هوفر بنرات الكاروسيل (Woodmart promo-banner)
   عند الهوفر: طبقة خضراء 056132 بشفافية 43% + الزرار
   (غيّر الأرقام في الـ variables بس)
   ===================================================== */
.elementor-46 .elementor-element.elementor-element-7b3b2fa .banners-carousel-wrapper .promo-banner {
  --bh-color:   rgba(5, 97, 50, 0.43);  /* 056132 بشفافية 43% */
  --bh-btn:     64px;                   /* حجم الزرار (ديسكتوب) */
  --bh-btn-top: 50%;                    /* مكان الزرار رأسياً (ديسكتوب) */
  --bh-time:    0.4s;
  --bh-spring:  cubic-bezier(0.34, 1.56, 0.64, 1);  /* حركة "ترتد" خفيفة */
  --bh-smooth:  cubic-bezier(0.22, 1, 0.36, 1);

  position: relative;
  overflow: hidden;
}

/* الطبقة الملونة */
.elementor-46 .elementor-element.elementor-element-7b3b2fa .banners-carousel-wrapper .promo-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: var(--bh-color);
  opacity: 0;
  transition: opacity var(--bh-time) ease;
  pointer-events: none;
}

/* الزرار (صورة الدايرة والسهم) */
.elementor-46 .elementor-element.elementor-element-7b3b2fa .banners-carousel-wrapper .promo-banner::after {
  content: "";
  position: absolute;
  top: var(--bh-btn-top);
  left: 50%;
  z-index: 3;
  width: var(--bh-btn);
  height: var(--bh-btn);
  border-radius: 50%;
  background: url("https://fourth-solutions.com/wp-content/uploads/2026/09/Group-1000008649.png") center / contain no-repeat;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.4) rotate(-90deg);
  transition: opacity var(--bh-time) ease, transform 0.6s var(--bh-spring);
  pointer-events: none;
}

/* ترتيب الطبقات: الصورة < الطبقة الخضراء < النص < الزرار < اللينك (عشان الكليك يفضل شغال) */
.elementor-46 .elementor-element.elementor-element-7b3b2fa .banners-carousel-wrapper .wrapper-content-banner { z-index: 2; }
.elementor-46 .elementor-element.elementor-element-7b3b2fa .banners-carousel-wrapper .wd-promo-banner-link   { z-index: 4; }

/* حركة الصورة والنص (جاهزة للهوفر) */
.banners-carousel-wrapper .promo-banner .banner-image img {
  transition: transform 0.9s var(--bh-smooth);
}
.banners-carousel-wrapper .promo-banner .content-banner {
  transition: transform 0.5s var(--bh-smooth);
}

/* الحالة الظاهرة (بتتشارك بين الهوفر والسلايد النشط على الموبايل) */
.elementor-46 .elementor-element.elementor-element-7b3b2fa .banners-carousel-wrapper .promo-banner:focus-within::before {
  opacity: 1;
}
.elementor-46 .elementor-element.elementor-element-7b3b2fa .banners-carousel-wrapper .promo-banner:focus-within::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1) rotate(0deg);
}

/* =====================================================
   الديسكتوب والتابلت (فيه ماوس): أنيميشن الهوفر
   ===================================================== */
@media (hover: hover) {
  .elementor-46 .elementor-element.elementor-element-7b3b2fa .banners-carousel-wrapper .promo-banner:hover::before {
    opacity: 1;
  }
  .elementor-46 .elementor-element.elementor-element-7b3b2fa .banners-carousel-wrapper .promo-banner:hover::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
    animation: bhRing 0.9s ease-out 0.25s 1;   /* موجة خفيفة حوالين الزرار مرة واحدة */
  }
  /* الصورة تكبر شوية، والنص يطلع لفوق شوية */
  .elementor-46 .elementor-element.elementor-element-7b3b2fa .banners-carousel-wrapper .promo-banner:hover .banner-image img {
    transform: scale(1.07);
  }
  .elementor-46 .elementor-element.elementor-element-7b3b2fa .banners-carousel-wrapper .promo-banner:hover .content-banner {
    transform: translateY(-8px);
  }
}

@keyframes bhRing {
  0%   { box-shadow: 0 0 0 0    rgba(255, 255, 255, 0.45); }
  100% { box-shadow: 0 0 0 18px rgba(255, 255, 255, 0); }
}

/* =====================================================
   الموبايل: مفيش هوفر، فالسلايد النشط (wd-active) بياخد نفس الشكل
   أوتوماتيك، والزرار أصغر وأعلى شوية عشان مايغطيش النص
   ===================================================== */
@media (max-width: 767px) {
  .elementor-46 .elementor-element.elementor-element-7b3b2fa .banners-carousel-wrapper .promo-banner {
    --bh-btn:     44px;   /* حجم الزرار (موبايل) */
    --bh-btn-top: 36%;    /* مكان الزرار (موبايل): قلّل الرقم = يطلع أكتر */
  }
  .elementor-46 .elementor-element.elementor-element-7b3b2fa .banners-carousel-wrapper .wd-carousel-item.wd-active .promo-banner::before {
    opacity: 1;
  }
  .elementor-46 .elementor-element.elementor-element-7b3b2fa .banners-carousel-wrapper .wd-carousel-item.wd-active .promo-banner::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
  }
}

/* احترام إعدادات تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
  .elementor-46 .elementor-element.elementor-element-7b3b2fa .banners-carousel-wrapper .promo-banner::before,
  .elementor-46 .elementor-element.elementor-element-7b3b2fa .banners-carousel-wrapper .promo-banner::after,
  .elementor-46 .elementor-element.elementor-element-7b3b2fa .banners-carousel-wrapper .promo-banner .banner-image img,
  .elementor-46 .elementor-element.elementor-element-7b3b2fa .banners-carousel-wrapper .promo-banner .content-banner {
    transition: opacity 0.2s ease !important;
    animation: none !important;
  }
}

/* 1. الحاوية الأساسية للأسهم (عشان نضمن المسافة بينهم) */
.elementor-46 .elementor-element.elementor-element-7b3b2fa .wd-nav-arrows.wd-pos-together {
    display: flex !important;
    gap: 12px !important;
}

/* 2. الشكل العام والمقاس الموحد للسهمين */
.elementor-46 .elementor-element.elementor-element-7b3b2fa .wd-nav-arrows .wd-btn-arrow {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important; /* إلغاء أي شادو افتراضي من وودمارت */
}

/* 3. السهم الأيسر (السابق) - مليان متدرج */
.elementor-46 .elementor-element.elementor-element-7b3b2fa .wd-nav-arrows .wd-prev {
    background: linear-gradient(90deg, #38539E 0%, #078A47 100%) !important;
    border: none !important;
}

/* 4. السهم الأيمن (التالي) - مفرغ بإطار متدرج */
.elementor-46 .elementor-element.elementor-element-7b3b2fa .wd-nav-arrows .wd-next {
    /* ⚠️ لون الخلفية هنا أبيض (#FFFFFF) .. لو هتحطها في سكشن أخضر غيرها لـ #E2FEEF */
    background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, 
                linear-gradient(90deg, #078A47 0%, #38539E 100%) border-box !important;
    border: 2px solid transparent !important;
}

/* 5. ضبط حجم أيقونة السهم الداخلية من WoodMart */
.elementor-46 .elementor-element.elementor-element-7b3b2fa .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner,
.elementor-46 .elementor-element.elementor-element-7b3b2fa .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::before,
.elementor-46 .elementor-element.elementor-element-7b3b2fa .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::after {
    font-size: 15px !important;
    font-weight: 900 !important;
}

/* لون أيقونة السهم המليان (أبيض) */
.elementor-46 .elementor-element.elementor-element-7b3b2fa .wd-nav-arrows .wd-prev .wd-arrow-inner,
.elementor-46 .elementor-element.elementor-element-7b3b2fa .wd-nav-arrows .wd-prev .wd-arrow-inner::before,
.elementor-46 .elementor-element.elementor-element-7b3b2fa .wd-nav-arrows .wd-prev .wd-arrow-inner::after {
    color: #FFFFFF !important;
}

/* لون أيقونة السهم المفرغ (أزرق) */
.elementor-46 .elementor-element.elementor-element-7b3b2fa .wd-nav-arrows .wd-next .wd-arrow-inner,
.elementor-46 .elementor-element.elementor-element-7b3b2fa .wd-nav-arrows .wd-next .wd-arrow-inner::before,
.elementor-46 .elementor-element.elementor-element-7b3b2fa .wd-nav-arrows .wd-next .wd-arrow-inner::after {
    color: #38539E !important;
}

/* 6. تأثير الهوفر (Hover) وإلغاء تأثيرات وودمارت الافتراضية */
.elementor-46 .elementor-element.elementor-element-7b3b2fa .wd-nav-arrows .wd-btn-arrow:hover {
    opacity: 0.85 !important;
    transform: scale(1.05) !important;
    background-color: transparent; /* لمنع وودمارت من تغيير الخلفية */
}

/* 7. حالة الزر الغير مفعل (Disabled) */
.elementor-46 .elementor-element.elementor-element-7b3b2fa .wd-nav-arrows .wd-btn-arrow.wd-disabled {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
    transform: none !important;
}


/* --- تصغير حجم الأسهم في شاشات الموبايل --- */
@media (max-width: 768px) {
    /* تصغير المربع نفسه */
    .elementor-46 .elementor-element.elementor-element-7b3b2fa .wd-nav-arrows .wd-btn-arrow {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
    }
    
    /* تصغير الأيقونة الداخلية لتتناسب مع المربع الجديد */
    .elementor-46 .elementor-element.elementor-element-7b3b2fa .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner,
    .elementor-46 .elementor-element.elementor-element-7b3b2fa .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::before,
    .elementor-46 .elementor-element.elementor-element-7b3b2fa .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::after {
        font-size: 12px !important;
    }
    
    /* تقليل المسافة بين السهمين شوية في الموبايل */
    .elementor-46 .elementor-element.elementor-element-7b3b2fa .wd-nav-arrows.wd-pos-together {
        gap: 8px !important;
    }
}/* End custom CSS */
/* Start custom CSS for wd_banner_carousel, class: .elementor-element-29c2b2c */.elementor-46 .elementor-element.elementor-element-29c2b2c p{
    line-height: 1.6;
    margin-top: 15px;
}



/* =====================================================
   هوفر بنرات الكاروسيل (Woodmart promo-banner)
   عند الهوفر: طبقة خضراء 056132 بشفافية 43% + الزرار
   (غيّر الأرقام في الـ variables بس)
   ===================================================== */
.elementor-46 .elementor-element.elementor-element-29c2b2c .banners-carousel-wrapper .promo-banner {
  --bh-color:   rgba(5, 97, 50, 0.43);  /* 056132 بشفافية 43% */
  --bh-btn:     64px;                   /* حجم الزرار (ديسكتوب) */
  --bh-btn-top: 50%;                    /* مكان الزرار رأسياً (ديسكتوب) */
  --bh-time:    0.4s;
  --bh-spring:  cubic-bezier(0.34, 1.56, 0.64, 1);  /* حركة "ترتد" خفيفة */
  --bh-smooth:  cubic-bezier(0.22, 1, 0.36, 1);

  position: relative;
  overflow: hidden;
}

/* الطبقة الملونة */
.elementor-46 .elementor-element.elementor-element-29c2b2c .banners-carousel-wrapper .promo-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: var(--bh-color);
  opacity: 0;
  transition: opacity var(--bh-time) ease;
  pointer-events: none;
}

/* الزرار (صورة الدايرة والسهم) */
.elementor-46 .elementor-element.elementor-element-29c2b2c .banners-carousel-wrapper .promo-banner::after {
  content: "";
  position: absolute;
  top: var(--bh-btn-top);
  left: 50%;
  z-index: 3;
  width: var(--bh-btn);
  height: var(--bh-btn);
  border-radius: 50%;
  background: url("https://fourth-solutions.com/wp-content/uploads/2026/09/Group-1000008649.png") center / contain no-repeat;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.4) rotate(-90deg);
  transition: opacity var(--bh-time) ease, transform 0.6s var(--bh-spring);
  pointer-events: none;
}

/* ترتيب الطبقات: الصورة < الطبقة الخضراء < النص < الزرار < اللينك (عشان الكليك يفضل شغال) */
.elementor-46 .elementor-element.elementor-element-29c2b2c .banners-carousel-wrapper .wrapper-content-banner { z-index: 2; }
.elementor-46 .elementor-element.elementor-element-29c2b2c .banners-carousel-wrapper .wd-promo-banner-link   { z-index: 4; }

/* حركة الصورة والنص (جاهزة للهوفر) */
.banners-carousel-wrapper .promo-banner .banner-image img {
  transition: transform 0.9s var(--bh-smooth);
}
.banners-carousel-wrapper .promo-banner .content-banner {
  transition: transform 0.5s var(--bh-smooth);
}

/* الحالة الظاهرة (بتتشارك بين الهوفر والسلايد النشط على الموبايل) */
.elementor-46 .elementor-element.elementor-element-29c2b2c .banners-carousel-wrapper .promo-banner:focus-within::before {
  opacity: 1;
}
.elementor-46 .elementor-element.elementor-element-29c2b2c .banners-carousel-wrapper .promo-banner:focus-within::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1) rotate(0deg);
}

/* =====================================================
   الديسكتوب والتابلت (فيه ماوس): أنيميشن الهوفر
   ===================================================== */
@media (hover: hover) {
  .elementor-46 .elementor-element.elementor-element-29c2b2c .banners-carousel-wrapper .promo-banner:hover::before {
    opacity: 1;
  }
  .elementor-46 .elementor-element.elementor-element-29c2b2c .banners-carousel-wrapper .promo-banner:hover::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
    animation: bhRing 0.9s ease-out 0.25s 1;   /* موجة خفيفة حوالين الزرار مرة واحدة */
  }
  /* الصورة تكبر شوية، والنص يطلع لفوق شوية */
  .elementor-46 .elementor-element.elementor-element-29c2b2c .banners-carousel-wrapper .promo-banner:hover .banner-image img {
    transform: scale(1.07);
  }
  .elementor-46 .elementor-element.elementor-element-29c2b2c .banners-carousel-wrapper .promo-banner:hover .content-banner {
    transform: translateY(-8px);
  }
}

@keyframes bhRing {
  0%   { box-shadow: 0 0 0 0    rgba(255, 255, 255, 0.45); }
  100% { box-shadow: 0 0 0 18px rgba(255, 255, 255, 0); }
}

/* =====================================================
   الموبايل: مفيش هوفر، فالسلايد النشط (wd-active) بياخد نفس الشكل
   أوتوماتيك، والزرار أصغر وأعلى شوية عشان مايغطيش النص
   ===================================================== */
@media (max-width: 767px) {
  .elementor-46 .elementor-element.elementor-element-29c2b2c .banners-carousel-wrapper .promo-banner {
    --bh-btn:     44px;   /* حجم الزرار (موبايل) */
    --bh-btn-top: 36%;    /* مكان الزرار (موبايل): قلّل الرقم = يطلع أكتر */
  }
  .elementor-46 .elementor-element.elementor-element-29c2b2c .banners-carousel-wrapper .wd-carousel-item.wd-active .promo-banner::before {
    opacity: 1;
  }
  .elementor-46 .elementor-element.elementor-element-29c2b2c .banners-carousel-wrapper .wd-carousel-item.wd-active .promo-banner::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
  }
}

/* احترام إعدادات تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
  .elementor-46 .elementor-element.elementor-element-29c2b2c .banners-carousel-wrapper .promo-banner::before,
  .elementor-46 .elementor-element.elementor-element-29c2b2c .banners-carousel-wrapper .promo-banner::after,
  .elementor-46 .elementor-element.elementor-element-29c2b2c .banners-carousel-wrapper .promo-banner .banner-image img,
  .elementor-46 .elementor-element.elementor-element-29c2b2c .banners-carousel-wrapper .promo-banner .content-banner {
    transition: opacity 0.2s ease !important;
    animation: none !important;
  }
}

/* 1. الحاوية الأساسية للأسهم (عشان نضمن المسافة بينهم) */
.elementor-46 .elementor-element.elementor-element-29c2b2c .wd-nav-arrows.wd-pos-together {
    display: flex !important;
    gap: 12px !important;
}

/* 2. الشكل العام والمقاس الموحد للسهمين */
.elementor-46 .elementor-element.elementor-element-29c2b2c .wd-nav-arrows .wd-btn-arrow {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important; /* إلغاء أي شادو افتراضي من وودمارت */
}

/* 3. السهم الأيسر (السابق) - مليان متدرج */
.elementor-46 .elementor-element.elementor-element-29c2b2c .wd-nav-arrows .wd-prev {
    background: linear-gradient(90deg, #38539E 0%, #078A47 100%) !important;
    border: none !important;
}

/* 4. السهم الأيمن (التالي) - مفرغ بإطار متدرج */
.elementor-46 .elementor-element.elementor-element-29c2b2c .wd-nav-arrows .wd-next {
    /* ⚠️ لون الخلفية هنا أبيض (#FFFFFF) .. لو هتحطها في سكشن أخضر غيرها لـ #E2FEEF */
    background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, 
                linear-gradient(90deg, #078A47 0%, #38539E 100%) border-box !important;
    border: 2px solid transparent !important;
}

/* 5. ضبط حجم أيقونة السهم الداخلية من WoodMart */
.elementor-46 .elementor-element.elementor-element-29c2b2c .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner,
.elementor-46 .elementor-element.elementor-element-29c2b2c .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::before,
.elementor-46 .elementor-element.elementor-element-29c2b2c .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::after {
    font-size: 15px !important;
    font-weight: 900 !important;
}

/* لون أيقونة السهم המليان (أبيض) */
.elementor-46 .elementor-element.elementor-element-29c2b2c .wd-nav-arrows .wd-prev .wd-arrow-inner,
.elementor-46 .elementor-element.elementor-element-29c2b2c .wd-nav-arrows .wd-prev .wd-arrow-inner::before,
.elementor-46 .elementor-element.elementor-element-29c2b2c .wd-nav-arrows .wd-prev .wd-arrow-inner::after {
    color: #FFFFFF !important;
}

/* لون أيقونة السهم المفرغ (أزرق) */
.elementor-46 .elementor-element.elementor-element-29c2b2c .wd-nav-arrows .wd-next .wd-arrow-inner,
.elementor-46 .elementor-element.elementor-element-29c2b2c .wd-nav-arrows .wd-next .wd-arrow-inner::before,
.elementor-46 .elementor-element.elementor-element-29c2b2c .wd-nav-arrows .wd-next .wd-arrow-inner::after {
    color: #38539E !important;
}

/* 6. تأثير الهوفر (Hover) وإلغاء تأثيرات وودمارت الافتراضية */
.elementor-46 .elementor-element.elementor-element-29c2b2c .wd-nav-arrows .wd-btn-arrow:hover {
    opacity: 0.85 !important;
    transform: scale(1.05) !important;
    background-color: transparent; /* لمنع وودمارت من تغيير الخلفية */
}

/* 7. حالة الزر الغير مفعل (Disabled) */
.elementor-46 .elementor-element.elementor-element-29c2b2c .wd-nav-arrows .wd-btn-arrow.wd-disabled {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
    transform: none !important;
}


/* --- تصغير حجم الأسهم في شاشات الموبايل --- */
@media (max-width: 768px) {
    /* تصغير المربع نفسه */
    .elementor-46 .elementor-element.elementor-element-29c2b2c .wd-nav-arrows .wd-btn-arrow {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
    }
    
    /* تصغير الأيقونة الداخلية لتتناسب مع المربع الجديد */
    .elementor-46 .elementor-element.elementor-element-29c2b2c .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner,
    .elementor-46 .elementor-element.elementor-element-29c2b2c .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::before,
    .elementor-46 .elementor-element.elementor-element-29c2b2c .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::after {
        font-size: 12px !important;
    }
    
    /* تقليل المسافة بين السهمين شوية في الموبايل */
    .elementor-46 .elementor-element.elementor-element-29c2b2c .wd-nav-arrows.wd-pos-together {
        gap: 8px !important;
    }
}/* End custom CSS */
/* Start custom CSS for wd_banner_carousel, class: .elementor-element-db4ceba */.elementor-46 .elementor-element.elementor-element-db4ceba p{
    line-height: 1.6;
    margin-top: 15px;
}



/* =====================================================
   هوفر بنرات الكاروسيل (Woodmart promo-banner)
   عند الهوفر: طبقة خضراء 056132 بشفافية 43% + الزرار
   (غيّر الأرقام في الـ variables بس)
   ===================================================== */
.elementor-46 .elementor-element.elementor-element-db4ceba .banners-carousel-wrapper .promo-banner {
  --bh-color:   rgba(5, 97, 50, 0.43);  /* 056132 بشفافية 43% */
  --bh-btn:     64px;                   /* حجم الزرار (ديسكتوب) */
  --bh-btn-top: 50%;                    /* مكان الزرار رأسياً (ديسكتوب) */
  --bh-time:    0.4s;
  --bh-spring:  cubic-bezier(0.34, 1.56, 0.64, 1);  /* حركة "ترتد" خفيفة */
  --bh-smooth:  cubic-bezier(0.22, 1, 0.36, 1);

  position: relative;
  overflow: hidden;
}

/* الطبقة الملونة */
.elementor-46 .elementor-element.elementor-element-db4ceba .banners-carousel-wrapper .promo-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: var(--bh-color);
  opacity: 0;
  transition: opacity var(--bh-time) ease;
  pointer-events: none;
}

/* الزرار (صورة الدايرة والسهم) */
.elementor-46 .elementor-element.elementor-element-db4ceba .banners-carousel-wrapper .promo-banner::after {
  content: "";
  position: absolute;
  top: var(--bh-btn-top);
  left: 50%;
  z-index: 3;
  width: var(--bh-btn);
  height: var(--bh-btn);
  border-radius: 50%;
  background: url("https://fourth-solutions.com/wp-content/uploads/2026/09/Group-1000008649.png") center / contain no-repeat;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.4) rotate(-90deg);
  transition: opacity var(--bh-time) ease, transform 0.6s var(--bh-spring);
  pointer-events: none;
}

/* ترتيب الطبقات: الصورة < الطبقة الخضراء < النص < الزرار < اللينك (عشان الكليك يفضل شغال) */
.elementor-46 .elementor-element.elementor-element-db4ceba .banners-carousel-wrapper .wrapper-content-banner { z-index: 2; }
.elementor-46 .elementor-element.elementor-element-db4ceba .banners-carousel-wrapper .wd-promo-banner-link   { z-index: 4; }

/* حركة الصورة والنص (جاهزة للهوفر) */
.banners-carousel-wrapper .promo-banner .banner-image img {
  transition: transform 0.9s var(--bh-smooth);
}
.banners-carousel-wrapper .promo-banner .content-banner {
  transition: transform 0.5s var(--bh-smooth);
}

/* الحالة الظاهرة (بتتشارك بين الهوفر والسلايد النشط على الموبايل) */
.elementor-46 .elementor-element.elementor-element-db4ceba .banners-carousel-wrapper .promo-banner:focus-within::before {
  opacity: 1;
}
.elementor-46 .elementor-element.elementor-element-db4ceba .banners-carousel-wrapper .promo-banner:focus-within::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1) rotate(0deg);
}

/* =====================================================
   الديسكتوب والتابلت (فيه ماوس): أنيميشن الهوفر
   ===================================================== */
@media (hover: hover) {
  .elementor-46 .elementor-element.elementor-element-db4ceba .banners-carousel-wrapper .promo-banner:hover::before {
    opacity: 1;
  }
  .elementor-46 .elementor-element.elementor-element-db4ceba .banners-carousel-wrapper .promo-banner:hover::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
    animation: bhRing 0.9s ease-out 0.25s 1;   /* موجة خفيفة حوالين الزرار مرة واحدة */
  }
  /* الصورة تكبر شوية، والنص يطلع لفوق شوية */
  .elementor-46 .elementor-element.elementor-element-db4ceba .banners-carousel-wrapper .promo-banner:hover .banner-image img {
    transform: scale(1.07);
  }
  .elementor-46 .elementor-element.elementor-element-db4ceba .banners-carousel-wrapper .promo-banner:hover .content-banner {
    transform: translateY(-8px);
  }
}

@keyframes bhRing {
  0%   { box-shadow: 0 0 0 0    rgba(255, 255, 255, 0.45); }
  100% { box-shadow: 0 0 0 18px rgba(255, 255, 255, 0); }
}

/* =====================================================
   الموبايل: مفيش هوفر، فالسلايد النشط (wd-active) بياخد نفس الشكل
   أوتوماتيك، والزرار أصغر وأعلى شوية عشان مايغطيش النص
   ===================================================== */
@media (max-width: 767px) {
  .elementor-46 .elementor-element.elementor-element-db4ceba .banners-carousel-wrapper .promo-banner {
    --bh-btn:     44px;   /* حجم الزرار (موبايل) */
    --bh-btn-top: 36%;    /* مكان الزرار (موبايل): قلّل الرقم = يطلع أكتر */
  }
  .elementor-46 .elementor-element.elementor-element-db4ceba .banners-carousel-wrapper .wd-carousel-item.wd-active .promo-banner::before {
    opacity: 1;
  }
  .elementor-46 .elementor-element.elementor-element-db4ceba .banners-carousel-wrapper .wd-carousel-item.wd-active .promo-banner::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
  }
}

/* احترام إعدادات تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
  .elementor-46 .elementor-element.elementor-element-db4ceba .banners-carousel-wrapper .promo-banner::before,
  .elementor-46 .elementor-element.elementor-element-db4ceba .banners-carousel-wrapper .promo-banner::after,
  .elementor-46 .elementor-element.elementor-element-db4ceba .banners-carousel-wrapper .promo-banner .banner-image img,
  .elementor-46 .elementor-element.elementor-element-db4ceba .banners-carousel-wrapper .promo-banner .content-banner {
    transition: opacity 0.2s ease !important;
    animation: none !important;
  }
}

/* 1. الحاوية الأساسية للأسهم (عشان نضمن المسافة بينهم) */
.elementor-46 .elementor-element.elementor-element-db4ceba .wd-nav-arrows.wd-pos-together {
    display: flex !important;
    gap: 12px !important;
}

/* 2. الشكل العام والمقاس الموحد للسهمين */
.elementor-46 .elementor-element.elementor-element-db4ceba .wd-nav-arrows .wd-btn-arrow {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important; /* إلغاء أي شادو افتراضي من وودمارت */
}

/* 3. السهم الأيسر (السابق) - مليان متدرج */
.elementor-46 .elementor-element.elementor-element-db4ceba .wd-nav-arrows .wd-prev {
    background: linear-gradient(90deg, #38539E 0%, #078A47 100%) !important;
    border: none !important;
}

/* 4. السهم الأيمن (التالي) - مفرغ بإطار متدرج */
.elementor-46 .elementor-element.elementor-element-db4ceba .wd-nav-arrows .wd-next {
    /* ⚠️ لون الخلفية هنا أبيض (#FFFFFF) .. لو هتحطها في سكشن أخضر غيرها لـ #E2FEEF */
    background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, 
                linear-gradient(90deg, #078A47 0%, #38539E 100%) border-box !important;
    border: 2px solid transparent !important;
}

/* 5. ضبط حجم أيقونة السهم الداخلية من WoodMart */
.elementor-46 .elementor-element.elementor-element-db4ceba .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner,
.elementor-46 .elementor-element.elementor-element-db4ceba .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::before,
.elementor-46 .elementor-element.elementor-element-db4ceba .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::after {
    font-size: 15px !important;
    font-weight: 900 !important;
}

/* لون أيقونة السهم המليان (أبيض) */
.elementor-46 .elementor-element.elementor-element-db4ceba .wd-nav-arrows .wd-prev .wd-arrow-inner,
.elementor-46 .elementor-element.elementor-element-db4ceba .wd-nav-arrows .wd-prev .wd-arrow-inner::before,
.elementor-46 .elementor-element.elementor-element-db4ceba .wd-nav-arrows .wd-prev .wd-arrow-inner::after {
    color: #FFFFFF !important;
}

/* لون أيقونة السهم المفرغ (أزرق) */
.elementor-46 .elementor-element.elementor-element-db4ceba .wd-nav-arrows .wd-next .wd-arrow-inner,
.elementor-46 .elementor-element.elementor-element-db4ceba .wd-nav-arrows .wd-next .wd-arrow-inner::before,
.elementor-46 .elementor-element.elementor-element-db4ceba .wd-nav-arrows .wd-next .wd-arrow-inner::after {
    color: #38539E !important;
}

/* 6. تأثير الهوفر (Hover) وإلغاء تأثيرات وودمارت الافتراضية */
.elementor-46 .elementor-element.elementor-element-db4ceba .wd-nav-arrows .wd-btn-arrow:hover {
    opacity: 0.85 !important;
    transform: scale(1.05) !important;
    background-color: transparent; /* لمنع وودمارت من تغيير الخلفية */
}

/* 7. حالة الزر الغير مفعل (Disabled) */
.elementor-46 .elementor-element.elementor-element-db4ceba .wd-nav-arrows .wd-btn-arrow.wd-disabled {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
    transform: none !important;
}


/* --- تصغير حجم الأسهم في شاشات الموبايل --- */
@media (max-width: 768px) {
    /* تصغير المربع نفسه */
    .elementor-46 .elementor-element.elementor-element-db4ceba .wd-nav-arrows .wd-btn-arrow {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
    }
    
    /* تصغير الأيقونة الداخلية لتتناسب مع المربع الجديد */
    .elementor-46 .elementor-element.elementor-element-db4ceba .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner,
    .elementor-46 .elementor-element.elementor-element-db4ceba .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::before,
    .elementor-46 .elementor-element.elementor-element-db4ceba .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::after {
        font-size: 12px !important;
    }
    
    /* تقليل المسافة بين السهمين شوية في الموبايل */
    .elementor-46 .elementor-element.elementor-element-db4ceba .wd-nav-arrows.wd-pos-together {
        gap: 8px !important;
    }
}/* End custom CSS */
/* Start custom CSS for wd_banner_carousel, class: .elementor-element-21e0b4c */.elementor-46 .elementor-element.elementor-element-21e0b4c p{
    line-height: 1.6;
    margin-top: 15px;
}



/* =====================================================
   هوفر بنرات الكاروسيل (Woodmart promo-banner)
   عند الهوفر: طبقة خضراء 056132 بشفافية 43% + الزرار
   (غيّر الأرقام في الـ variables بس)
   ===================================================== */
.elementor-46 .elementor-element.elementor-element-21e0b4c .banners-carousel-wrapper .promo-banner {
  --bh-color:   rgba(5, 97, 50, 0.43);  /* 056132 بشفافية 43% */
  --bh-btn:     64px;                   /* حجم الزرار (ديسكتوب) */
  --bh-btn-top: 50%;                    /* مكان الزرار رأسياً (ديسكتوب) */
  --bh-time:    0.4s;
  --bh-spring:  cubic-bezier(0.34, 1.56, 0.64, 1);  /* حركة "ترتد" خفيفة */
  --bh-smooth:  cubic-bezier(0.22, 1, 0.36, 1);

  position: relative;
  overflow: hidden;
}

/* الطبقة الملونة */
.elementor-46 .elementor-element.elementor-element-21e0b4c .banners-carousel-wrapper .promo-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: var(--bh-color);
  opacity: 0;
  transition: opacity var(--bh-time) ease;
  pointer-events: none;
}

/* الزرار (صورة الدايرة والسهم) */
.elementor-46 .elementor-element.elementor-element-21e0b4c .banners-carousel-wrapper .promo-banner::after {
  content: "";
  position: absolute;
  top: var(--bh-btn-top);
  left: 50%;
  z-index: 3;
  width: var(--bh-btn);
  height: var(--bh-btn);
  border-radius: 50%;
  background: url("https://fourth-solutions.com/wp-content/uploads/2026/09/Group-1000008649.png") center / contain no-repeat;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.4) rotate(-90deg);
  transition: opacity var(--bh-time) ease, transform 0.6s var(--bh-spring);
  pointer-events: none;
}

/* ترتيب الطبقات: الصورة < الطبقة الخضراء < النص < الزرار < اللينك (عشان الكليك يفضل شغال) */
.elementor-46 .elementor-element.elementor-element-21e0b4c .banners-carousel-wrapper .wrapper-content-banner { z-index: 2; }
.elementor-46 .elementor-element.elementor-element-21e0b4c .banners-carousel-wrapper .wd-promo-banner-link   { z-index: 4; }

/* حركة الصورة والنص (جاهزة للهوفر) */
.banners-carousel-wrapper .promo-banner .banner-image img {
  transition: transform 0.9s var(--bh-smooth);
}
.banners-carousel-wrapper .promo-banner .content-banner {
  transition: transform 0.5s var(--bh-smooth);
}

/* الحالة الظاهرة (بتتشارك بين الهوفر والسلايد النشط على الموبايل) */
.elementor-46 .elementor-element.elementor-element-21e0b4c .banners-carousel-wrapper .promo-banner:focus-within::before {
  opacity: 1;
}
.elementor-46 .elementor-element.elementor-element-21e0b4c .banners-carousel-wrapper .promo-banner:focus-within::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1) rotate(0deg);
}

/* =====================================================
   الديسكتوب والتابلت (فيه ماوس): أنيميشن الهوفر
   ===================================================== */
@media (hover: hover) {
  .elementor-46 .elementor-element.elementor-element-21e0b4c .banners-carousel-wrapper .promo-banner:hover::before {
    opacity: 1;
  }
  .elementor-46 .elementor-element.elementor-element-21e0b4c .banners-carousel-wrapper .promo-banner:hover::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
    animation: bhRing 0.9s ease-out 0.25s 1;   /* موجة خفيفة حوالين الزرار مرة واحدة */
  }
  /* الصورة تكبر شوية، والنص يطلع لفوق شوية */
  .elementor-46 .elementor-element.elementor-element-21e0b4c .banners-carousel-wrapper .promo-banner:hover .banner-image img {
    transform: scale(1.07);
  }
  .elementor-46 .elementor-element.elementor-element-21e0b4c .banners-carousel-wrapper .promo-banner:hover .content-banner {
    transform: translateY(-8px);
  }
}

@keyframes bhRing {
  0%   { box-shadow: 0 0 0 0    rgba(255, 255, 255, 0.45); }
  100% { box-shadow: 0 0 0 18px rgba(255, 255, 255, 0); }
}

/* =====================================================
   الموبايل: مفيش هوفر، فالسلايد النشط (wd-active) بياخد نفس الشكل
   أوتوماتيك، والزرار أصغر وأعلى شوية عشان مايغطيش النص
   ===================================================== */
@media (max-width: 767px) {
  .elementor-46 .elementor-element.elementor-element-21e0b4c .banners-carousel-wrapper .promo-banner {
    --bh-btn:     44px;   /* حجم الزرار (موبايل) */
    --bh-btn-top: 36%;    /* مكان الزرار (موبايل): قلّل الرقم = يطلع أكتر */
  }
  .elementor-46 .elementor-element.elementor-element-21e0b4c .banners-carousel-wrapper .wd-carousel-item.wd-active .promo-banner::before {
    opacity: 1;
  }
  .elementor-46 .elementor-element.elementor-element-21e0b4c .banners-carousel-wrapper .wd-carousel-item.wd-active .promo-banner::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
  }
}

/* احترام إعدادات تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
  .elementor-46 .elementor-element.elementor-element-21e0b4c .banners-carousel-wrapper .promo-banner::before,
  .elementor-46 .elementor-element.elementor-element-21e0b4c .banners-carousel-wrapper .promo-banner::after,
  .elementor-46 .elementor-element.elementor-element-21e0b4c .banners-carousel-wrapper .promo-banner .banner-image img,
  .elementor-46 .elementor-element.elementor-element-21e0b4c .banners-carousel-wrapper .promo-banner .content-banner {
    transition: opacity 0.2s ease !important;
    animation: none !important;
  }
}

/* 1. الحاوية الأساسية للأسهم (عشان نضمن المسافة بينهم) */
.elementor-46 .elementor-element.elementor-element-21e0b4c .wd-nav-arrows.wd-pos-together {
    display: flex !important;
    gap: 12px !important;
}

/* 2. الشكل العام والمقاس الموحد للسهمين */
.elementor-46 .elementor-element.elementor-element-21e0b4c .wd-nav-arrows .wd-btn-arrow {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important; /* إلغاء أي شادو افتراضي من وودمارت */
}

/* 3. السهم الأيسر (السابق) - مليان متدرج */
.elementor-46 .elementor-element.elementor-element-21e0b4c .wd-nav-arrows .wd-prev {
    background: linear-gradient(90deg, #38539E 0%, #078A47 100%) !important;
    border: none !important;
}

/* 4. السهم الأيمن (التالي) - مفرغ بإطار متدرج */
.elementor-46 .elementor-element.elementor-element-21e0b4c .wd-nav-arrows .wd-next {
    /* ⚠️ لون الخلفية هنا أبيض (#FFFFFF) .. لو هتحطها في سكشن أخضر غيرها لـ #E2FEEF */
    background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, 
                linear-gradient(90deg, #078A47 0%, #38539E 100%) border-box !important;
    border: 2px solid transparent !important;
}

/* 5. ضبط حجم أيقونة السهم الداخلية من WoodMart */
.elementor-46 .elementor-element.elementor-element-21e0b4c .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner,
.elementor-46 .elementor-element.elementor-element-21e0b4c .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::before,
.elementor-46 .elementor-element.elementor-element-21e0b4c .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::after {
    font-size: 15px !important;
    font-weight: 900 !important;
}

/* لون أيقونة السهم המليان (أبيض) */
.elementor-46 .elementor-element.elementor-element-21e0b4c .wd-nav-arrows .wd-prev .wd-arrow-inner,
.elementor-46 .elementor-element.elementor-element-21e0b4c .wd-nav-arrows .wd-prev .wd-arrow-inner::before,
.elementor-46 .elementor-element.elementor-element-21e0b4c .wd-nav-arrows .wd-prev .wd-arrow-inner::after {
    color: #FFFFFF !important;
}

/* لون أيقونة السهم المفرغ (أزرق) */
.elementor-46 .elementor-element.elementor-element-21e0b4c .wd-nav-arrows .wd-next .wd-arrow-inner,
.elementor-46 .elementor-element.elementor-element-21e0b4c .wd-nav-arrows .wd-next .wd-arrow-inner::before,
.elementor-46 .elementor-element.elementor-element-21e0b4c .wd-nav-arrows .wd-next .wd-arrow-inner::after {
    color: #38539E !important;
}

/* 6. تأثير الهوفر (Hover) وإلغاء تأثيرات وودمارت الافتراضية */
.elementor-46 .elementor-element.elementor-element-21e0b4c .wd-nav-arrows .wd-btn-arrow:hover {
    opacity: 0.85 !important;
    transform: scale(1.05) !important;
    background-color: transparent; /* لمنع وودمارت من تغيير الخلفية */
}

/* 7. حالة الزر الغير مفعل (Disabled) */
.elementor-46 .elementor-element.elementor-element-21e0b4c .wd-nav-arrows .wd-btn-arrow.wd-disabled {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
    transform: none !important;
}


/* --- تصغير حجم الأسهم في شاشات الموبايل --- */
@media (max-width: 768px) {
    /* تصغير المربع نفسه */
    .elementor-46 .elementor-element.elementor-element-21e0b4c .wd-nav-arrows .wd-btn-arrow {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
    }
    
    /* تصغير الأيقونة الداخلية لتتناسب مع المربع الجديد */
    .elementor-46 .elementor-element.elementor-element-21e0b4c .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner,
    .elementor-46 .elementor-element.elementor-element-21e0b4c .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::before,
    .elementor-46 .elementor-element.elementor-element-21e0b4c .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::after {
        font-size: 12px !important;
    }
    
    /* تقليل المسافة بين السهمين شوية في الموبايل */
    .elementor-46 .elementor-element.elementor-element-21e0b4c .wd-nav-arrows.wd-pos-together {
        gap: 8px !important;
    }
}/* End custom CSS */
/* Start custom CSS for wd_banner_carousel, class: .elementor-element-cf7bf16 */.elementor-46 .elementor-element.elementor-element-cf7bf16 p{
    line-height: 1.6;
    margin-top: 15px;
}



/* =====================================================
   هوفر بنرات الكاروسيل (Woodmart promo-banner)
   عند الهوفر: طبقة خضراء 056132 بشفافية 43% + الزرار
   (غيّر الأرقام في الـ variables بس)
   ===================================================== */
.elementor-46 .elementor-element.elementor-element-cf7bf16 .banners-carousel-wrapper .promo-banner {
  --bh-color:   rgba(5, 97, 50, 0.43);  /* 056132 بشفافية 43% */
  --bh-btn:     64px;                   /* حجم الزرار (ديسكتوب) */
  --bh-btn-top: 50%;                    /* مكان الزرار رأسياً (ديسكتوب) */
  --bh-time:    0.4s;
  --bh-spring:  cubic-bezier(0.34, 1.56, 0.64, 1);  /* حركة "ترتد" خفيفة */
  --bh-smooth:  cubic-bezier(0.22, 1, 0.36, 1);

  position: relative;
  overflow: hidden;
}

/* الطبقة الملونة */
.elementor-46 .elementor-element.elementor-element-cf7bf16 .banners-carousel-wrapper .promo-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: var(--bh-color);
  opacity: 0;
  transition: opacity var(--bh-time) ease;
  pointer-events: none;
}

/* الزرار (صورة الدايرة والسهم) */
.elementor-46 .elementor-element.elementor-element-cf7bf16 .banners-carousel-wrapper .promo-banner::after {
  content: "";
  position: absolute;
  top: var(--bh-btn-top);
  left: 50%;
  z-index: 3;
  width: var(--bh-btn);
  height: var(--bh-btn);
  border-radius: 50%;
  background: url("https://fourth-solutions.com/wp-content/uploads/2026/09/Group-1000008649.png") center / contain no-repeat;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.4) rotate(-90deg);
  transition: opacity var(--bh-time) ease, transform 0.6s var(--bh-spring);
  pointer-events: none;
}

/* ترتيب الطبقات: الصورة < الطبقة الخضراء < النص < الزرار < اللينك (عشان الكليك يفضل شغال) */
.elementor-46 .elementor-element.elementor-element-cf7bf16 .banners-carousel-wrapper .wrapper-content-banner { z-index: 2; }
.elementor-46 .elementor-element.elementor-element-cf7bf16 .banners-carousel-wrapper .wd-promo-banner-link   { z-index: 4; }

/* حركة الصورة والنص (جاهزة للهوفر) */
.banners-carousel-wrapper .promo-banner .banner-image img {
  transition: transform 0.9s var(--bh-smooth);
}
.banners-carousel-wrapper .promo-banner .content-banner {
  transition: transform 0.5s var(--bh-smooth);
}

/* الحالة الظاهرة (بتتشارك بين الهوفر والسلايد النشط على الموبايل) */
.elementor-46 .elementor-element.elementor-element-cf7bf16 .banners-carousel-wrapper .promo-banner:focus-within::before {
  opacity: 1;
}
.elementor-46 .elementor-element.elementor-element-cf7bf16 .banners-carousel-wrapper .promo-banner:focus-within::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1) rotate(0deg);
}

/* =====================================================
   الديسكتوب والتابلت (فيه ماوس): أنيميشن الهوفر
   ===================================================== */
@media (hover: hover) {
  .elementor-46 .elementor-element.elementor-element-cf7bf16 .banners-carousel-wrapper .promo-banner:hover::before {
    opacity: 1;
  }
  .elementor-46 .elementor-element.elementor-element-cf7bf16 .banners-carousel-wrapper .promo-banner:hover::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
    animation: bhRing 0.9s ease-out 0.25s 1;   /* موجة خفيفة حوالين الزرار مرة واحدة */
  }
  /* الصورة تكبر شوية، والنص يطلع لفوق شوية */
  .elementor-46 .elementor-element.elementor-element-cf7bf16 .banners-carousel-wrapper .promo-banner:hover .banner-image img {
    transform: scale(1.07);
  }
  .elementor-46 .elementor-element.elementor-element-cf7bf16 .banners-carousel-wrapper .promo-banner:hover .content-banner {
    transform: translateY(-8px);
  }
}

@keyframes bhRing {
  0%   { box-shadow: 0 0 0 0    rgba(255, 255, 255, 0.45); }
  100% { box-shadow: 0 0 0 18px rgba(255, 255, 255, 0); }
}

/* =====================================================
   الموبايل: مفيش هوفر، فالسلايد النشط (wd-active) بياخد نفس الشكل
   أوتوماتيك، والزرار أصغر وأعلى شوية عشان مايغطيش النص
   ===================================================== */
@media (max-width: 767px) {
  .elementor-46 .elementor-element.elementor-element-cf7bf16 .banners-carousel-wrapper .promo-banner {
    --bh-btn:     44px;   /* حجم الزرار (موبايل) */
    --bh-btn-top: 36%;    /* مكان الزرار (موبايل): قلّل الرقم = يطلع أكتر */
  }
  .elementor-46 .elementor-element.elementor-element-cf7bf16 .banners-carousel-wrapper .wd-carousel-item.wd-active .promo-banner::before {
    opacity: 1;
  }
  .elementor-46 .elementor-element.elementor-element-cf7bf16 .banners-carousel-wrapper .wd-carousel-item.wd-active .promo-banner::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
  }
}

/* احترام إعدادات تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
  .elementor-46 .elementor-element.elementor-element-cf7bf16 .banners-carousel-wrapper .promo-banner::before,
  .elementor-46 .elementor-element.elementor-element-cf7bf16 .banners-carousel-wrapper .promo-banner::after,
  .elementor-46 .elementor-element.elementor-element-cf7bf16 .banners-carousel-wrapper .promo-banner .banner-image img,
  .elementor-46 .elementor-element.elementor-element-cf7bf16 .banners-carousel-wrapper .promo-banner .content-banner {
    transition: opacity 0.2s ease !important;
    animation: none !important;
  }
}

/* 1. الحاوية الأساسية للأسهم (عشان نضمن المسافة بينهم) */
.elementor-46 .elementor-element.elementor-element-cf7bf16 .wd-nav-arrows.wd-pos-together {
    display: flex !important;
    gap: 12px !important;
}

/* 2. الشكل العام والمقاس الموحد للسهمين */
.elementor-46 .elementor-element.elementor-element-cf7bf16 .wd-nav-arrows .wd-btn-arrow {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important; /* إلغاء أي شادو افتراضي من وودمارت */
}

/* 3. السهم الأيسر (السابق) - مليان متدرج */
.elementor-46 .elementor-element.elementor-element-cf7bf16 .wd-nav-arrows .wd-prev {
    background: linear-gradient(90deg, #38539E 0%, #078A47 100%) !important;
    border: none !important;
}

/* 4. السهم الأيمن (التالي) - مفرغ بإطار متدرج */
.elementor-46 .elementor-element.elementor-element-cf7bf16 .wd-nav-arrows .wd-next {
    /* ⚠️ لون الخلفية هنا أبيض (#FFFFFF) .. لو هتحطها في سكشن أخضر غيرها لـ #E2FEEF */
    background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, 
                linear-gradient(90deg, #078A47 0%, #38539E 100%) border-box !important;
    border: 2px solid transparent !important;
}

/* 5. ضبط حجم أيقونة السهم الداخلية من WoodMart */
.elementor-46 .elementor-element.elementor-element-cf7bf16 .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner,
.elementor-46 .elementor-element.elementor-element-cf7bf16 .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::before,
.elementor-46 .elementor-element.elementor-element-cf7bf16 .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::after {
    font-size: 15px !important;
    font-weight: 900 !important;
}

/* لون أيقونة السهم המليان (أبيض) */
.elementor-46 .elementor-element.elementor-element-cf7bf16 .wd-nav-arrows .wd-prev .wd-arrow-inner,
.elementor-46 .elementor-element.elementor-element-cf7bf16 .wd-nav-arrows .wd-prev .wd-arrow-inner::before,
.elementor-46 .elementor-element.elementor-element-cf7bf16 .wd-nav-arrows .wd-prev .wd-arrow-inner::after {
    color: #FFFFFF !important;
}

/* لون أيقونة السهم المفرغ (أزرق) */
.elementor-46 .elementor-element.elementor-element-cf7bf16 .wd-nav-arrows .wd-next .wd-arrow-inner,
.elementor-46 .elementor-element.elementor-element-cf7bf16 .wd-nav-arrows .wd-next .wd-arrow-inner::before,
.elementor-46 .elementor-element.elementor-element-cf7bf16 .wd-nav-arrows .wd-next .wd-arrow-inner::after {
    color: #38539E !important;
}

/* 6. تأثير الهوفر (Hover) وإلغاء تأثيرات وودمارت الافتراضية */
.elementor-46 .elementor-element.elementor-element-cf7bf16 .wd-nav-arrows .wd-btn-arrow:hover {
    opacity: 0.85 !important;
    transform: scale(1.05) !important;
    background-color: transparent; /* لمنع وودمارت من تغيير الخلفية */
}

/* 7. حالة الزر الغير مفعل (Disabled) */
.elementor-46 .elementor-element.elementor-element-cf7bf16 .wd-nav-arrows .wd-btn-arrow.wd-disabled {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
    transform: none !important;
}


/* --- تصغير حجم الأسهم في شاشات الموبايل --- */
@media (max-width: 768px) {
    /* تصغير المربع نفسه */
    .elementor-46 .elementor-element.elementor-element-cf7bf16 .wd-nav-arrows .wd-btn-arrow {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
    }
    
    /* تصغير الأيقونة الداخلية لتتناسب مع المربع الجديد */
    .elementor-46 .elementor-element.elementor-element-cf7bf16 .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner,
    .elementor-46 .elementor-element.elementor-element-cf7bf16 .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::before,
    .elementor-46 .elementor-element.elementor-element-cf7bf16 .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::after {
        font-size: 12px !important;
    }
    
    /* تقليل المسافة بين السهمين شوية في الموبايل */
    .elementor-46 .elementor-element.elementor-element-cf7bf16 .wd-nav-arrows.wd-pos-together {
        gap: 8px !important;
    }
}/* End custom CSS */
/* Start custom CSS for wd_banner_carousel, class: .elementor-element-a1e367d */.elementor-46 .elementor-element.elementor-element-a1e367d p{
    line-height: 1.6;
    margin-top: 15px;
}



/* =====================================================
   هوفر بنرات الكاروسيل (Woodmart promo-banner)
   عند الهوفر: طبقة خضراء 056132 بشفافية 43% + الزرار
   (غيّر الأرقام في الـ variables بس)
   ===================================================== */
.elementor-46 .elementor-element.elementor-element-a1e367d .banners-carousel-wrapper .promo-banner {
  --bh-color:   rgba(5, 97, 50, 0.43);  /* 056132 بشفافية 43% */
  --bh-btn:     64px;                   /* حجم الزرار (ديسكتوب) */
  --bh-btn-top: 50%;                    /* مكان الزرار رأسياً (ديسكتوب) */
  --bh-time:    0.4s;
  --bh-spring:  cubic-bezier(0.34, 1.56, 0.64, 1);  /* حركة "ترتد" خفيفة */
  --bh-smooth:  cubic-bezier(0.22, 1, 0.36, 1);

  position: relative;
  overflow: hidden;
}

/* الطبقة الملونة */
.elementor-46 .elementor-element.elementor-element-a1e367d .banners-carousel-wrapper .promo-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: var(--bh-color);
  opacity: 0;
  transition: opacity var(--bh-time) ease;
  pointer-events: none;
}

/* الزرار (صورة الدايرة والسهم) */
.elementor-46 .elementor-element.elementor-element-a1e367d .banners-carousel-wrapper .promo-banner::after {
  content: "";
  position: absolute;
  top: var(--bh-btn-top);
  left: 50%;
  z-index: 3;
  width: var(--bh-btn);
  height: var(--bh-btn);
  border-radius: 50%;
  background: url("https://fourth-solutions.com/wp-content/uploads/2026/09/Group-1000008649.png") center / contain no-repeat;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.4) rotate(-90deg);
  transition: opacity var(--bh-time) ease, transform 0.6s var(--bh-spring);
  pointer-events: none;
}

/* ترتيب الطبقات: الصورة < الطبقة الخضراء < النص < الزرار < اللينك (عشان الكليك يفضل شغال) */
.elementor-46 .elementor-element.elementor-element-a1e367d .banners-carousel-wrapper .wrapper-content-banner { z-index: 2; }
.elementor-46 .elementor-element.elementor-element-a1e367d .banners-carousel-wrapper .wd-promo-banner-link   { z-index: 4; }

/* حركة الصورة والنص (جاهزة للهوفر) */
.banners-carousel-wrapper .promo-banner .banner-image img {
  transition: transform 0.9s var(--bh-smooth);
}
.banners-carousel-wrapper .promo-banner .content-banner {
  transition: transform 0.5s var(--bh-smooth);
}

/* الحالة الظاهرة (بتتشارك بين الهوفر والسلايد النشط على الموبايل) */
.elementor-46 .elementor-element.elementor-element-a1e367d .banners-carousel-wrapper .promo-banner:focus-within::before {
  opacity: 1;
}
.elementor-46 .elementor-element.elementor-element-a1e367d .banners-carousel-wrapper .promo-banner:focus-within::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1) rotate(0deg);
}

/* =====================================================
   الديسكتوب والتابلت (فيه ماوس): أنيميشن الهوفر
   ===================================================== */
@media (hover: hover) {
  .elementor-46 .elementor-element.elementor-element-a1e367d .banners-carousel-wrapper .promo-banner:hover::before {
    opacity: 1;
  }
  .elementor-46 .elementor-element.elementor-element-a1e367d .banners-carousel-wrapper .promo-banner:hover::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
    animation: bhRing 0.9s ease-out 0.25s 1;   /* موجة خفيفة حوالين الزرار مرة واحدة */
  }
  /* الصورة تكبر شوية، والنص يطلع لفوق شوية */
  .elementor-46 .elementor-element.elementor-element-a1e367d .banners-carousel-wrapper .promo-banner:hover .banner-image img {
    transform: scale(1.07);
  }
  .elementor-46 .elementor-element.elementor-element-a1e367d .banners-carousel-wrapper .promo-banner:hover .content-banner {
    transform: translateY(-8px);
  }
}

@keyframes bhRing {
  0%   { box-shadow: 0 0 0 0    rgba(255, 255, 255, 0.45); }
  100% { box-shadow: 0 0 0 18px rgba(255, 255, 255, 0); }
}

/* =====================================================
   الموبايل: مفيش هوفر، فالسلايد النشط (wd-active) بياخد نفس الشكل
   أوتوماتيك، والزرار أصغر وأعلى شوية عشان مايغطيش النص
   ===================================================== */
@media (max-width: 767px) {
  .elementor-46 .elementor-element.elementor-element-a1e367d .banners-carousel-wrapper .promo-banner {
    --bh-btn:     44px;   /* حجم الزرار (موبايل) */
    --bh-btn-top: 36%;    /* مكان الزرار (موبايل): قلّل الرقم = يطلع أكتر */
  }
  .elementor-46 .elementor-element.elementor-element-a1e367d .banners-carousel-wrapper .wd-carousel-item.wd-active .promo-banner::before {
    opacity: 1;
  }
  .elementor-46 .elementor-element.elementor-element-a1e367d .banners-carousel-wrapper .wd-carousel-item.wd-active .promo-banner::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
  }
}

/* احترام إعدادات تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
  .elementor-46 .elementor-element.elementor-element-a1e367d .banners-carousel-wrapper .promo-banner::before,
  .elementor-46 .elementor-element.elementor-element-a1e367d .banners-carousel-wrapper .promo-banner::after,
  .elementor-46 .elementor-element.elementor-element-a1e367d .banners-carousel-wrapper .promo-banner .banner-image img,
  .elementor-46 .elementor-element.elementor-element-a1e367d .banners-carousel-wrapper .promo-banner .content-banner {
    transition: opacity 0.2s ease !important;
    animation: none !important;
  }
}

/* 1. الحاوية الأساسية للأسهم (عشان نضمن المسافة بينهم) */
.elementor-46 .elementor-element.elementor-element-a1e367d .wd-nav-arrows.wd-pos-together {
    display: flex !important;
    gap: 12px !important;
}

/* 2. الشكل العام والمقاس الموحد للسهمين */
.elementor-46 .elementor-element.elementor-element-a1e367d .wd-nav-arrows .wd-btn-arrow {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important; /* إلغاء أي شادو افتراضي من وودمارت */
}

/* 3. السهم الأيسر (السابق) - مليان متدرج */
.elementor-46 .elementor-element.elementor-element-a1e367d .wd-nav-arrows .wd-prev {
    background: linear-gradient(90deg, #38539E 0%, #078A47 100%) !important;
    border: none !important;
}

/* 4. السهم الأيمن (التالي) - مفرغ بإطار متدرج */
.elementor-46 .elementor-element.elementor-element-a1e367d .wd-nav-arrows .wd-next {
    /* ⚠️ لون الخلفية هنا أبيض (#FFFFFF) .. لو هتحطها في سكشن أخضر غيرها لـ #E2FEEF */
    background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, 
                linear-gradient(90deg, #078A47 0%, #38539E 100%) border-box !important;
    border: 2px solid transparent !important;
}

/* 5. ضبط حجم أيقونة السهم الداخلية من WoodMart */
.elementor-46 .elementor-element.elementor-element-a1e367d .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner,
.elementor-46 .elementor-element.elementor-element-a1e367d .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::before,
.elementor-46 .elementor-element.elementor-element-a1e367d .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::after {
    font-size: 15px !important;
    font-weight: 900 !important;
}

/* لون أيقونة السهم המليان (أبيض) */
.elementor-46 .elementor-element.elementor-element-a1e367d .wd-nav-arrows .wd-prev .wd-arrow-inner,
.elementor-46 .elementor-element.elementor-element-a1e367d .wd-nav-arrows .wd-prev .wd-arrow-inner::before,
.elementor-46 .elementor-element.elementor-element-a1e367d .wd-nav-arrows .wd-prev .wd-arrow-inner::after {
    color: #FFFFFF !important;
}

/* لون أيقونة السهم المفرغ (أزرق) */
.elementor-46 .elementor-element.elementor-element-a1e367d .wd-nav-arrows .wd-next .wd-arrow-inner,
.elementor-46 .elementor-element.elementor-element-a1e367d .wd-nav-arrows .wd-next .wd-arrow-inner::before,
.elementor-46 .elementor-element.elementor-element-a1e367d .wd-nav-arrows .wd-next .wd-arrow-inner::after {
    color: #38539E !important;
}

/* 6. تأثير الهوفر (Hover) وإلغاء تأثيرات وودمارت الافتراضية */
.elementor-46 .elementor-element.elementor-element-a1e367d .wd-nav-arrows .wd-btn-arrow:hover {
    opacity: 0.85 !important;
    transform: scale(1.05) !important;
    background-color: transparent; /* لمنع وودمارت من تغيير الخلفية */
}

/* 7. حالة الزر الغير مفعل (Disabled) */
.elementor-46 .elementor-element.elementor-element-a1e367d .wd-nav-arrows .wd-btn-arrow.wd-disabled {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
    transform: none !important;
}


/* --- تصغير حجم الأسهم في شاشات الموبايل --- */
@media (max-width: 768px) {
    /* تصغير المربع نفسه */
    .elementor-46 .elementor-element.elementor-element-a1e367d .wd-nav-arrows .wd-btn-arrow {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
    }
    
    /* تصغير الأيقونة الداخلية لتتناسب مع المربع الجديد */
    .elementor-46 .elementor-element.elementor-element-a1e367d .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner,
    .elementor-46 .elementor-element.elementor-element-a1e367d .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::before,
    .elementor-46 .elementor-element.elementor-element-a1e367d .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::after {
        font-size: 12px !important;
    }
    
    /* تقليل المسافة بين السهمين شوية في الموبايل */
    .elementor-46 .elementor-element.elementor-element-a1e367d .wd-nav-arrows.wd-pos-together {
        gap: 8px !important;
    }
}/* End custom CSS */
/* Start custom CSS for wd_banner_carousel, class: .elementor-element-8274ee9 */.elementor-46 .elementor-element.elementor-element-8274ee9 p{
    line-height: 1.6;
    margin-top: 15px;
}



/* =====================================================
   هوفر بنرات الكاروسيل (Woodmart promo-banner)
   عند الهوفر: طبقة خضراء 056132 بشفافية 43% + الزرار
   (غيّر الأرقام في الـ variables بس)
   ===================================================== */
.elementor-46 .elementor-element.elementor-element-8274ee9 .banners-carousel-wrapper .promo-banner {
  --bh-color:   rgba(5, 97, 50, 0.43);  /* 056132 بشفافية 43% */
  --bh-btn:     64px;                   /* حجم الزرار (ديسكتوب) */
  --bh-btn-top: 50%;                    /* مكان الزرار رأسياً (ديسكتوب) */
  --bh-time:    0.4s;
  --bh-spring:  cubic-bezier(0.34, 1.56, 0.64, 1);  /* حركة "ترتد" خفيفة */
  --bh-smooth:  cubic-bezier(0.22, 1, 0.36, 1);

  position: relative;
  overflow: hidden;
}

/* الطبقة الملونة */
.elementor-46 .elementor-element.elementor-element-8274ee9 .banners-carousel-wrapper .promo-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: var(--bh-color);
  opacity: 0;
  transition: opacity var(--bh-time) ease;
  pointer-events: none;
}

/* الزرار (صورة الدايرة والسهم) */
.elementor-46 .elementor-element.elementor-element-8274ee9 .banners-carousel-wrapper .promo-banner::after {
  content: "";
  position: absolute;
  top: var(--bh-btn-top);
  left: 50%;
  z-index: 3;
  width: var(--bh-btn);
  height: var(--bh-btn);
  border-radius: 50%;
  background: url("https://fourth-solutions.com/wp-content/uploads/2026/09/Group-1000008649.png") center / contain no-repeat;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.4) rotate(-90deg);
  transition: opacity var(--bh-time) ease, transform 0.6s var(--bh-spring);
  pointer-events: none;
}

/* ترتيب الطبقات: الصورة < الطبقة الخضراء < النص < الزرار < اللينك (عشان الكليك يفضل شغال) */
.elementor-46 .elementor-element.elementor-element-8274ee9 .banners-carousel-wrapper .wrapper-content-banner { z-index: 2; }
.elementor-46 .elementor-element.elementor-element-8274ee9 .banners-carousel-wrapper .wd-promo-banner-link   { z-index: 4; }

/* حركة الصورة والنص (جاهزة للهوفر) */
.banners-carousel-wrapper .promo-banner .banner-image img {
  transition: transform 0.9s var(--bh-smooth);
}
.banners-carousel-wrapper .promo-banner .content-banner {
  transition: transform 0.5s var(--bh-smooth);
}

/* الحالة الظاهرة (بتتشارك بين الهوفر والسلايد النشط على الموبايل) */
.elementor-46 .elementor-element.elementor-element-8274ee9 .banners-carousel-wrapper .promo-banner:focus-within::before {
  opacity: 1;
}
.elementor-46 .elementor-element.elementor-element-8274ee9 .banners-carousel-wrapper .promo-banner:focus-within::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1) rotate(0deg);
}

/* =====================================================
   الديسكتوب والتابلت (فيه ماوس): أنيميشن الهوفر
   ===================================================== */
@media (hover: hover) {
  .elementor-46 .elementor-element.elementor-element-8274ee9 .banners-carousel-wrapper .promo-banner:hover::before {
    opacity: 1;
  }
  .elementor-46 .elementor-element.elementor-element-8274ee9 .banners-carousel-wrapper .promo-banner:hover::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
    animation: bhRing 0.9s ease-out 0.25s 1;   /* موجة خفيفة حوالين الزرار مرة واحدة */
  }
  /* الصورة تكبر شوية، والنص يطلع لفوق شوية */
  .elementor-46 .elementor-element.elementor-element-8274ee9 .banners-carousel-wrapper .promo-banner:hover .banner-image img {
    transform: scale(1.07);
  }
  .elementor-46 .elementor-element.elementor-element-8274ee9 .banners-carousel-wrapper .promo-banner:hover .content-banner {
    transform: translateY(-8px);
  }
}

@keyframes bhRing {
  0%   { box-shadow: 0 0 0 0    rgba(255, 255, 255, 0.45); }
  100% { box-shadow: 0 0 0 18px rgba(255, 255, 255, 0); }
}

/* =====================================================
   الموبايل: مفيش هوفر، فالسلايد النشط (wd-active) بياخد نفس الشكل
   أوتوماتيك، والزرار أصغر وأعلى شوية عشان مايغطيش النص
   ===================================================== */
@media (max-width: 767px) {
  .elementor-46 .elementor-element.elementor-element-8274ee9 .banners-carousel-wrapper .promo-banner {
    --bh-btn:     44px;   /* حجم الزرار (موبايل) */
    --bh-btn-top: 36%;    /* مكان الزرار (موبايل): قلّل الرقم = يطلع أكتر */
  }
  .elementor-46 .elementor-element.elementor-element-8274ee9 .banners-carousel-wrapper .wd-carousel-item.wd-active .promo-banner::before {
    opacity: 1;
  }
  .elementor-46 .elementor-element.elementor-element-8274ee9 .banners-carousel-wrapper .wd-carousel-item.wd-active .promo-banner::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
  }
}

/* احترام إعدادات تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
  .elementor-46 .elementor-element.elementor-element-8274ee9 .banners-carousel-wrapper .promo-banner::before,
  .elementor-46 .elementor-element.elementor-element-8274ee9 .banners-carousel-wrapper .promo-banner::after,
  .elementor-46 .elementor-element.elementor-element-8274ee9 .banners-carousel-wrapper .promo-banner .banner-image img,
  .elementor-46 .elementor-element.elementor-element-8274ee9 .banners-carousel-wrapper .promo-banner .content-banner {
    transition: opacity 0.2s ease !important;
    animation: none !important;
  }
}

/* 1. الحاوية الأساسية للأسهم (عشان نضمن المسافة بينهم) */
.elementor-46 .elementor-element.elementor-element-8274ee9 .wd-nav-arrows.wd-pos-together {
    display: flex !important;
    gap: 12px !important;
}

/* 2. الشكل العام والمقاس الموحد للسهمين */
.elementor-46 .elementor-element.elementor-element-8274ee9 .wd-nav-arrows .wd-btn-arrow {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important; /* إلغاء أي شادو افتراضي من وودمارت */
}

/* 3. السهم الأيسر (السابق) - مليان متدرج */
.elementor-46 .elementor-element.elementor-element-8274ee9 .wd-nav-arrows .wd-prev {
    background: linear-gradient(90deg, #38539E 0%, #078A47 100%) !important;
    border: none !important;
}

/* 4. السهم الأيمن (التالي) - مفرغ بإطار متدرج */
.elementor-46 .elementor-element.elementor-element-8274ee9 .wd-nav-arrows .wd-next {
    /* ⚠️ لون الخلفية هنا أبيض (#FFFFFF) .. لو هتحطها في سكشن أخضر غيرها لـ #E2FEEF */
    background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, 
                linear-gradient(90deg, #078A47 0%, #38539E 100%) border-box !important;
    border: 2px solid transparent !important;
}

/* 5. ضبط حجم أيقونة السهم الداخلية من WoodMart */
.elementor-46 .elementor-element.elementor-element-8274ee9 .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner,
.elementor-46 .elementor-element.elementor-element-8274ee9 .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::before,
.elementor-46 .elementor-element.elementor-element-8274ee9 .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::after {
    font-size: 15px !important;
    font-weight: 900 !important;
}

/* لون أيقونة السهم המليان (أبيض) */
.elementor-46 .elementor-element.elementor-element-8274ee9 .wd-nav-arrows .wd-prev .wd-arrow-inner,
.elementor-46 .elementor-element.elementor-element-8274ee9 .wd-nav-arrows .wd-prev .wd-arrow-inner::before,
.elementor-46 .elementor-element.elementor-element-8274ee9 .wd-nav-arrows .wd-prev .wd-arrow-inner::after {
    color: #FFFFFF !important;
}

/* لون أيقونة السهم المفرغ (أزرق) */
.elementor-46 .elementor-element.elementor-element-8274ee9 .wd-nav-arrows .wd-next .wd-arrow-inner,
.elementor-46 .elementor-element.elementor-element-8274ee9 .wd-nav-arrows .wd-next .wd-arrow-inner::before,
.elementor-46 .elementor-element.elementor-element-8274ee9 .wd-nav-arrows .wd-next .wd-arrow-inner::after {
    color: #38539E !important;
}

/* 6. تأثير الهوفر (Hover) وإلغاء تأثيرات وودمارت الافتراضية */
.elementor-46 .elementor-element.elementor-element-8274ee9 .wd-nav-arrows .wd-btn-arrow:hover {
    opacity: 0.85 !important;
    transform: scale(1.05) !important;
    background-color: transparent; /* لمنع وودمارت من تغيير الخلفية */
}

/* 7. حالة الزر الغير مفعل (Disabled) */
.elementor-46 .elementor-element.elementor-element-8274ee9 .wd-nav-arrows .wd-btn-arrow.wd-disabled {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
    transform: none !important;
}


/* --- تصغير حجم الأسهم في شاشات الموبايل --- */
@media (max-width: 768px) {
    /* تصغير المربع نفسه */
    .elementor-46 .elementor-element.elementor-element-8274ee9 .wd-nav-arrows .wd-btn-arrow {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
    }
    
    /* تصغير الأيقونة الداخلية لتتناسب مع المربع الجديد */
    .elementor-46 .elementor-element.elementor-element-8274ee9 .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner,
    .elementor-46 .elementor-element.elementor-element-8274ee9 .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::before,
    .elementor-46 .elementor-element.elementor-element-8274ee9 .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::after {
        font-size: 12px !important;
    }
    
    /* تقليل المسافة بين السهمين شوية في الموبايل */
    .elementor-46 .elementor-element.elementor-element-8274ee9 .wd-nav-arrows.wd-pos-together {
        gap: 8px !important;
    }
}/* End custom CSS */
/* Start custom CSS for wd_banner_carousel, class: .elementor-element-6a62322 */.elementor-46 .elementor-element.elementor-element-6a62322 p{
    line-height: 1.6;
    margin-top: 15px;
}



/* =====================================================
   هوفر بنرات الكاروسيل (Woodmart promo-banner)
   عند الهوفر: طبقة خضراء 056132 بشفافية 43% + الزرار
   (غيّر الأرقام في الـ variables بس)
   ===================================================== */
.elementor-46 .elementor-element.elementor-element-6a62322 .banners-carousel-wrapper .promo-banner {
  --bh-color:   rgba(5, 97, 50, 0.43);  /* 056132 بشفافية 43% */
  --bh-btn:     64px;                   /* حجم الزرار (ديسكتوب) */
  --bh-btn-top: 50%;                    /* مكان الزرار رأسياً (ديسكتوب) */
  --bh-time:    0.4s;
  --bh-spring:  cubic-bezier(0.34, 1.56, 0.64, 1);  /* حركة "ترتد" خفيفة */
  --bh-smooth:  cubic-bezier(0.22, 1, 0.36, 1);

  position: relative;
  overflow: hidden;
}

/* الطبقة الملونة */
.elementor-46 .elementor-element.elementor-element-6a62322 .banners-carousel-wrapper .promo-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: var(--bh-color);
  opacity: 0;
  transition: opacity var(--bh-time) ease;
  pointer-events: none;
}

/* الزرار (صورة الدايرة والسهم) */
.elementor-46 .elementor-element.elementor-element-6a62322 .banners-carousel-wrapper .promo-banner::after {
  content: "";
  position: absolute;
  top: var(--bh-btn-top);
  left: 50%;
  z-index: 3;
  width: var(--bh-btn);
  height: var(--bh-btn);
  border-radius: 50%;
  background: url("https://fourth-solutions.com/wp-content/uploads/2026/09/Group-1000008649.png") center / contain no-repeat;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.4) rotate(-90deg);
  transition: opacity var(--bh-time) ease, transform 0.6s var(--bh-spring);
  pointer-events: none;
}

/* ترتيب الطبقات: الصورة < الطبقة الخضراء < النص < الزرار < اللينك (عشان الكليك يفضل شغال) */
.elementor-46 .elementor-element.elementor-element-6a62322 .banners-carousel-wrapper .wrapper-content-banner { z-index: 2; }
.elementor-46 .elementor-element.elementor-element-6a62322 .banners-carousel-wrapper .wd-promo-banner-link   { z-index: 4; }

/* حركة الصورة والنص (جاهزة للهوفر) */
.banners-carousel-wrapper .promo-banner .banner-image img {
  transition: transform 0.9s var(--bh-smooth);
}
.banners-carousel-wrapper .promo-banner .content-banner {
  transition: transform 0.5s var(--bh-smooth);
}

/* الحالة الظاهرة (بتتشارك بين الهوفر والسلايد النشط على الموبايل) */
.elementor-46 .elementor-element.elementor-element-6a62322 .banners-carousel-wrapper .promo-banner:focus-within::before {
  opacity: 1;
}
.elementor-46 .elementor-element.elementor-element-6a62322 .banners-carousel-wrapper .promo-banner:focus-within::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1) rotate(0deg);
}

/* =====================================================
   الديسكتوب والتابلت (فيه ماوس): أنيميشن الهوفر
   ===================================================== */
@media (hover: hover) {
  .elementor-46 .elementor-element.elementor-element-6a62322 .banners-carousel-wrapper .promo-banner:hover::before {
    opacity: 1;
  }
  .elementor-46 .elementor-element.elementor-element-6a62322 .banners-carousel-wrapper .promo-banner:hover::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
    animation: bhRing 0.9s ease-out 0.25s 1;   /* موجة خفيفة حوالين الزرار مرة واحدة */
  }
  /* الصورة تكبر شوية، والنص يطلع لفوق شوية */
  .elementor-46 .elementor-element.elementor-element-6a62322 .banners-carousel-wrapper .promo-banner:hover .banner-image img {
    transform: scale(1.07);
  }
  .elementor-46 .elementor-element.elementor-element-6a62322 .banners-carousel-wrapper .promo-banner:hover .content-banner {
    transform: translateY(-8px);
  }
}

@keyframes bhRing {
  0%   { box-shadow: 0 0 0 0    rgba(255, 255, 255, 0.45); }
  100% { box-shadow: 0 0 0 18px rgba(255, 255, 255, 0); }
}

/* =====================================================
   الموبايل: مفيش هوفر، فالسلايد النشط (wd-active) بياخد نفس الشكل
   أوتوماتيك، والزرار أصغر وأعلى شوية عشان مايغطيش النص
   ===================================================== */
@media (max-width: 767px) {
  .elementor-46 .elementor-element.elementor-element-6a62322 .banners-carousel-wrapper .promo-banner {
    --bh-btn:     44px;   /* حجم الزرار (موبايل) */
    --bh-btn-top: 36%;    /* مكان الزرار (موبايل): قلّل الرقم = يطلع أكتر */
  }
  .elementor-46 .elementor-element.elementor-element-6a62322 .banners-carousel-wrapper .wd-carousel-item.wd-active .promo-banner::before {
    opacity: 1;
  }
  .elementor-46 .elementor-element.elementor-element-6a62322 .banners-carousel-wrapper .wd-carousel-item.wd-active .promo-banner::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
  }
}

/* احترام إعدادات تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
  .elementor-46 .elementor-element.elementor-element-6a62322 .banners-carousel-wrapper .promo-banner::before,
  .elementor-46 .elementor-element.elementor-element-6a62322 .banners-carousel-wrapper .promo-banner::after,
  .elementor-46 .elementor-element.elementor-element-6a62322 .banners-carousel-wrapper .promo-banner .banner-image img,
  .elementor-46 .elementor-element.elementor-element-6a62322 .banners-carousel-wrapper .promo-banner .content-banner {
    transition: opacity 0.2s ease !important;
    animation: none !important;
  }
}

/* 1. الحاوية الأساسية للأسهم (عشان نضمن المسافة بينهم) */
.elementor-46 .elementor-element.elementor-element-6a62322 .wd-nav-arrows.wd-pos-together {
    display: flex !important;
    gap: 12px !important;
}

/* 2. الشكل العام والمقاس الموحد للسهمين */
.elementor-46 .elementor-element.elementor-element-6a62322 .wd-nav-arrows .wd-btn-arrow {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important; /* إلغاء أي شادو افتراضي من وودمارت */
}

/* 3. السهم الأيسر (السابق) - مليان متدرج */
.elementor-46 .elementor-element.elementor-element-6a62322 .wd-nav-arrows .wd-prev {
    background: linear-gradient(90deg, #38539E 0%, #078A47 100%) !important;
    border: none !important;
}

/* 4. السهم الأيمن (التالي) - مفرغ بإطار متدرج */
.elementor-46 .elementor-element.elementor-element-6a62322 .wd-nav-arrows .wd-next {
    /* ⚠️ لون الخلفية هنا أبيض (#FFFFFF) .. لو هتحطها في سكشن أخضر غيرها لـ #E2FEEF */
    background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, 
                linear-gradient(90deg, #078A47 0%, #38539E 100%) border-box !important;
    border: 2px solid transparent !important;
}

/* 5. ضبط حجم أيقونة السهم الداخلية من WoodMart */
.elementor-46 .elementor-element.elementor-element-6a62322 .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner,
.elementor-46 .elementor-element.elementor-element-6a62322 .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::before,
.elementor-46 .elementor-element.elementor-element-6a62322 .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::after {
    font-size: 15px !important;
    font-weight: 900 !important;
}

/* لون أيقونة السهم המليان (أبيض) */
.elementor-46 .elementor-element.elementor-element-6a62322 .wd-nav-arrows .wd-prev .wd-arrow-inner,
.elementor-46 .elementor-element.elementor-element-6a62322 .wd-nav-arrows .wd-prev .wd-arrow-inner::before,
.elementor-46 .elementor-element.elementor-element-6a62322 .wd-nav-arrows .wd-prev .wd-arrow-inner::after {
    color: #FFFFFF !important;
}

/* لون أيقونة السهم المفرغ (أزرق) */
.elementor-46 .elementor-element.elementor-element-6a62322 .wd-nav-arrows .wd-next .wd-arrow-inner,
.elementor-46 .elementor-element.elementor-element-6a62322 .wd-nav-arrows .wd-next .wd-arrow-inner::before,
.elementor-46 .elementor-element.elementor-element-6a62322 .wd-nav-arrows .wd-next .wd-arrow-inner::after {
    color: #38539E !important;
}

/* 6. تأثير الهوفر (Hover) وإلغاء تأثيرات وودمارت الافتراضية */
.elementor-46 .elementor-element.elementor-element-6a62322 .wd-nav-arrows .wd-btn-arrow:hover {
    opacity: 0.85 !important;
    transform: scale(1.05) !important;
    background-color: transparent; /* لمنع وودمارت من تغيير الخلفية */
}

/* 7. حالة الزر الغير مفعل (Disabled) */
.elementor-46 .elementor-element.elementor-element-6a62322 .wd-nav-arrows .wd-btn-arrow.wd-disabled {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
    transform: none !important;
}


/* --- تصغير حجم الأسهم في شاشات الموبايل --- */
@media (max-width: 768px) {
    /* تصغير المربع نفسه */
    .elementor-46 .elementor-element.elementor-element-6a62322 .wd-nav-arrows .wd-btn-arrow {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
    }
    
    /* تصغير الأيقونة الداخلية لتتناسب مع المربع الجديد */
    .elementor-46 .elementor-element.elementor-element-6a62322 .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner,
    .elementor-46 .elementor-element.elementor-element-6a62322 .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::before,
    .elementor-46 .elementor-element.elementor-element-6a62322 .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::after {
        font-size: 12px !important;
    }
    
    /* تقليل المسافة بين السهمين شوية في الموبايل */
    .elementor-46 .elementor-element.elementor-element-6a62322 .wd-nav-arrows.wd-pos-together {
        gap: 8px !important;
    }
}/* End custom CSS */
/* Start custom CSS for wd_banner_carousel, class: .elementor-element-d8e6b90 */.elementor-46 .elementor-element.elementor-element-d8e6b90 p{
    line-height: 1.6;
    margin-top: 15px;
}



/* =====================================================
   هوفر بنرات الكاروسيل (Woodmart promo-banner)
   عند الهوفر: طبقة خضراء 056132 بشفافية 43% + الزرار
   (غيّر الأرقام في الـ variables بس)
   ===================================================== */
.elementor-46 .elementor-element.elementor-element-d8e6b90 .banners-carousel-wrapper .promo-banner {
  --bh-color:   rgba(5, 97, 50, 0.43);  /* 056132 بشفافية 43% */
  --bh-btn:     64px;                   /* حجم الزرار (ديسكتوب) */
  --bh-btn-top: 50%;                    /* مكان الزرار رأسياً (ديسكتوب) */
  --bh-time:    0.4s;
  --bh-spring:  cubic-bezier(0.34, 1.56, 0.64, 1);  /* حركة "ترتد" خفيفة */
  --bh-smooth:  cubic-bezier(0.22, 1, 0.36, 1);

  position: relative;
  overflow: hidden;
}

/* الطبقة الملونة */
.elementor-46 .elementor-element.elementor-element-d8e6b90 .banners-carousel-wrapper .promo-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: var(--bh-color);
  opacity: 0;
  transition: opacity var(--bh-time) ease;
  pointer-events: none;
}

/* الزرار (صورة الدايرة والسهم) */
.elementor-46 .elementor-element.elementor-element-d8e6b90 .banners-carousel-wrapper .promo-banner::after {
  content: "";
  position: absolute;
  top: var(--bh-btn-top);
  left: 50%;
  z-index: 3;
  width: var(--bh-btn);
  height: var(--bh-btn);
  border-radius: 50%;
  background: url("https://fourth-solutions.com/wp-content/uploads/2026/09/Group-1000008649.png") center / contain no-repeat;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.4) rotate(-90deg);
  transition: opacity var(--bh-time) ease, transform 0.6s var(--bh-spring);
  pointer-events: none;
}

/* ترتيب الطبقات: الصورة < الطبقة الخضراء < النص < الزرار < اللينك (عشان الكليك يفضل شغال) */
.elementor-46 .elementor-element.elementor-element-d8e6b90 .banners-carousel-wrapper .wrapper-content-banner { z-index: 2; }
.elementor-46 .elementor-element.elementor-element-d8e6b90 .banners-carousel-wrapper .wd-promo-banner-link   { z-index: 4; }

/* حركة الصورة والنص (جاهزة للهوفر) */
.banners-carousel-wrapper .promo-banner .banner-image img {
  transition: transform 0.9s var(--bh-smooth);
}
.banners-carousel-wrapper .promo-banner .content-banner {
  transition: transform 0.5s var(--bh-smooth);
}

/* الحالة الظاهرة (بتتشارك بين الهوفر والسلايد النشط على الموبايل) */
.elementor-46 .elementor-element.elementor-element-d8e6b90 .banners-carousel-wrapper .promo-banner:focus-within::before {
  opacity: 1;
}
.elementor-46 .elementor-element.elementor-element-d8e6b90 .banners-carousel-wrapper .promo-banner:focus-within::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1) rotate(0deg);
}

/* =====================================================
   الديسكتوب والتابلت (فيه ماوس): أنيميشن الهوفر
   ===================================================== */
@media (hover: hover) {
  .elementor-46 .elementor-element.elementor-element-d8e6b90 .banners-carousel-wrapper .promo-banner:hover::before {
    opacity: 1;
  }
  .elementor-46 .elementor-element.elementor-element-d8e6b90 .banners-carousel-wrapper .promo-banner:hover::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
    animation: bhRing 0.9s ease-out 0.25s 1;   /* موجة خفيفة حوالين الزرار مرة واحدة */
  }
  /* الصورة تكبر شوية، والنص يطلع لفوق شوية */
  .elementor-46 .elementor-element.elementor-element-d8e6b90 .banners-carousel-wrapper .promo-banner:hover .banner-image img {
    transform: scale(1.07);
  }
  .elementor-46 .elementor-element.elementor-element-d8e6b90 .banners-carousel-wrapper .promo-banner:hover .content-banner {
    transform: translateY(-8px);
  }
}

@keyframes bhRing {
  0%   { box-shadow: 0 0 0 0    rgba(255, 255, 255, 0.45); }
  100% { box-shadow: 0 0 0 18px rgba(255, 255, 255, 0); }
}

/* =====================================================
   الموبايل: مفيش هوفر، فالسلايد النشط (wd-active) بياخد نفس الشكل
   أوتوماتيك، والزرار أصغر وأعلى شوية عشان مايغطيش النص
   ===================================================== */
@media (max-width: 767px) {
  .elementor-46 .elementor-element.elementor-element-d8e6b90 .banners-carousel-wrapper .promo-banner {
    --bh-btn:     44px;   /* حجم الزرار (موبايل) */
    --bh-btn-top: 36%;    /* مكان الزرار (موبايل): قلّل الرقم = يطلع أكتر */
  }
  .elementor-46 .elementor-element.elementor-element-d8e6b90 .banners-carousel-wrapper .wd-carousel-item.wd-active .promo-banner::before {
    opacity: 1;
  }
  .elementor-46 .elementor-element.elementor-element-d8e6b90 .banners-carousel-wrapper .wd-carousel-item.wd-active .promo-banner::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
  }
}

/* احترام إعدادات تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
  .elementor-46 .elementor-element.elementor-element-d8e6b90 .banners-carousel-wrapper .promo-banner::before,
  .elementor-46 .elementor-element.elementor-element-d8e6b90 .banners-carousel-wrapper .promo-banner::after,
  .elementor-46 .elementor-element.elementor-element-d8e6b90 .banners-carousel-wrapper .promo-banner .banner-image img,
  .elementor-46 .elementor-element.elementor-element-d8e6b90 .banners-carousel-wrapper .promo-banner .content-banner {
    transition: opacity 0.2s ease !important;
    animation: none !important;
  }
}

/* 1. الحاوية الأساسية للأسهم (عشان نضمن المسافة بينهم) */
.elementor-46 .elementor-element.elementor-element-d8e6b90 .wd-nav-arrows.wd-pos-together {
    display: flex !important;
    gap: 12px !important;
}

/* 2. الشكل العام والمقاس الموحد للسهمين */
.elementor-46 .elementor-element.elementor-element-d8e6b90 .wd-nav-arrows .wd-btn-arrow {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important; /* إلغاء أي شادو افتراضي من وودمارت */
}

/* 3. السهم الأيسر (السابق) - مليان متدرج */
.elementor-46 .elementor-element.elementor-element-d8e6b90 .wd-nav-arrows .wd-prev {
    background: linear-gradient(90deg, #38539E 0%, #078A47 100%) !important;
    border: none !important;
}

/* 4. السهم الأيمن (التالي) - مفرغ بإطار متدرج */
.elementor-46 .elementor-element.elementor-element-d8e6b90 .wd-nav-arrows .wd-next {
    /* ⚠️ لون الخلفية هنا أبيض (#FFFFFF) .. لو هتحطها في سكشن أخضر غيرها لـ #E2FEEF */
    background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, 
                linear-gradient(90deg, #078A47 0%, #38539E 100%) border-box !important;
    border: 2px solid transparent !important;
}

/* 5. ضبط حجم أيقونة السهم الداخلية من WoodMart */
.elementor-46 .elementor-element.elementor-element-d8e6b90 .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner,
.elementor-46 .elementor-element.elementor-element-d8e6b90 .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::before,
.elementor-46 .elementor-element.elementor-element-d8e6b90 .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::after {
    font-size: 15px !important;
    font-weight: 900 !important;
}

/* لون أيقونة السهم המليان (أبيض) */
.elementor-46 .elementor-element.elementor-element-d8e6b90 .wd-nav-arrows .wd-prev .wd-arrow-inner,
.elementor-46 .elementor-element.elementor-element-d8e6b90 .wd-nav-arrows .wd-prev .wd-arrow-inner::before,
.elementor-46 .elementor-element.elementor-element-d8e6b90 .wd-nav-arrows .wd-prev .wd-arrow-inner::after {
    color: #FFFFFF !important;
}

/* لون أيقونة السهم المفرغ (أزرق) */
.elementor-46 .elementor-element.elementor-element-d8e6b90 .wd-nav-arrows .wd-next .wd-arrow-inner,
.elementor-46 .elementor-element.elementor-element-d8e6b90 .wd-nav-arrows .wd-next .wd-arrow-inner::before,
.elementor-46 .elementor-element.elementor-element-d8e6b90 .wd-nav-arrows .wd-next .wd-arrow-inner::after {
    color: #38539E !important;
}

/* 6. تأثير الهوفر (Hover) وإلغاء تأثيرات وودمارت الافتراضية */
.elementor-46 .elementor-element.elementor-element-d8e6b90 .wd-nav-arrows .wd-btn-arrow:hover {
    opacity: 0.85 !important;
    transform: scale(1.05) !important;
    background-color: transparent; /* لمنع وودمارت من تغيير الخلفية */
}

/* 7. حالة الزر الغير مفعل (Disabled) */
.elementor-46 .elementor-element.elementor-element-d8e6b90 .wd-nav-arrows .wd-btn-arrow.wd-disabled {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
    transform: none !important;
}


/* --- تصغير حجم الأسهم في شاشات الموبايل --- */
@media (max-width: 768px) {
    /* تصغير المربع نفسه */
    .elementor-46 .elementor-element.elementor-element-d8e6b90 .wd-nav-arrows .wd-btn-arrow {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
    }
    
    /* تصغير الأيقونة الداخلية لتتناسب مع المربع الجديد */
    .elementor-46 .elementor-element.elementor-element-d8e6b90 .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner,
    .elementor-46 .elementor-element.elementor-element-d8e6b90 .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::before,
    .elementor-46 .elementor-element.elementor-element-d8e6b90 .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::after {
        font-size: 12px !important;
    }
    
    /* تقليل المسافة بين السهمين شوية في الموبايل */
    .elementor-46 .elementor-element.elementor-element-d8e6b90 .wd-nav-arrows.wd-pos-together {
        gap: 8px !important;
    }
}/* End custom CSS */
/* Start custom CSS for wd_banner_carousel, class: .elementor-element-8df0281 */.elementor-46 .elementor-element.elementor-element-8df0281 p{
    line-height: 1.6;
    margin-top: 15px;
}



/* =====================================================
   هوفر بنرات الكاروسيل (Woodmart promo-banner)
   عند الهوفر: طبقة خضراء 056132 بشفافية 43% + الزرار
   (غيّر الأرقام في الـ variables بس)
   ===================================================== */
.elementor-46 .elementor-element.elementor-element-8df0281 .banners-carousel-wrapper .promo-banner {
  --bh-color:   rgba(5, 97, 50, 0.43);  /* 056132 بشفافية 43% */
  --bh-btn:     64px;                   /* حجم الزرار (ديسكتوب) */
  --bh-btn-top: 50%;                    /* مكان الزرار رأسياً (ديسكتوب) */
  --bh-time:    0.4s;
  --bh-spring:  cubic-bezier(0.34, 1.56, 0.64, 1);  /* حركة "ترتد" خفيفة */
  --bh-smooth:  cubic-bezier(0.22, 1, 0.36, 1);

  position: relative;
  overflow: hidden;
}

/* الطبقة الملونة */
.elementor-46 .elementor-element.elementor-element-8df0281 .banners-carousel-wrapper .promo-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: var(--bh-color);
  opacity: 0;
  transition: opacity var(--bh-time) ease;
  pointer-events: none;
}

/* الزرار (صورة الدايرة والسهم) */
.elementor-46 .elementor-element.elementor-element-8df0281 .banners-carousel-wrapper .promo-banner::after {
  content: "";
  position: absolute;
  top: var(--bh-btn-top);
  left: 50%;
  z-index: 3;
  width: var(--bh-btn);
  height: var(--bh-btn);
  border-radius: 50%;
  background: url("https://fourth-solutions.com/wp-content/uploads/2026/09/Group-1000008649.png") center / contain no-repeat;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.4) rotate(-90deg);
  transition: opacity var(--bh-time) ease, transform 0.6s var(--bh-spring);
  pointer-events: none;
}

/* ترتيب الطبقات: الصورة < الطبقة الخضراء < النص < الزرار < اللينك (عشان الكليك يفضل شغال) */
.elementor-46 .elementor-element.elementor-element-8df0281 .banners-carousel-wrapper .wrapper-content-banner { z-index: 2; }
.elementor-46 .elementor-element.elementor-element-8df0281 .banners-carousel-wrapper .wd-promo-banner-link   { z-index: 4; }

/* حركة الصورة والنص (جاهزة للهوفر) */
.banners-carousel-wrapper .promo-banner .banner-image img {
  transition: transform 0.9s var(--bh-smooth);
}
.banners-carousel-wrapper .promo-banner .content-banner {
  transition: transform 0.5s var(--bh-smooth);
}

/* الحالة الظاهرة (بتتشارك بين الهوفر والسلايد النشط على الموبايل) */
.elementor-46 .elementor-element.elementor-element-8df0281 .banners-carousel-wrapper .promo-banner:focus-within::before {
  opacity: 1;
}
.elementor-46 .elementor-element.elementor-element-8df0281 .banners-carousel-wrapper .promo-banner:focus-within::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1) rotate(0deg);
}

/* =====================================================
   الديسكتوب والتابلت (فيه ماوس): أنيميشن الهوفر
   ===================================================== */
@media (hover: hover) {
  .elementor-46 .elementor-element.elementor-element-8df0281 .banners-carousel-wrapper .promo-banner:hover::before {
    opacity: 1;
  }
  .elementor-46 .elementor-element.elementor-element-8df0281 .banners-carousel-wrapper .promo-banner:hover::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
    animation: bhRing 0.9s ease-out 0.25s 1;   /* موجة خفيفة حوالين الزرار مرة واحدة */
  }
  /* الصورة تكبر شوية، والنص يطلع لفوق شوية */
  .elementor-46 .elementor-element.elementor-element-8df0281 .banners-carousel-wrapper .promo-banner:hover .banner-image img {
    transform: scale(1.07);
  }
  .elementor-46 .elementor-element.elementor-element-8df0281 .banners-carousel-wrapper .promo-banner:hover .content-banner {
    transform: translateY(-8px);
  }
}

@keyframes bhRing {
  0%   { box-shadow: 0 0 0 0    rgba(255, 255, 255, 0.45); }
  100% { box-shadow: 0 0 0 18px rgba(255, 255, 255, 0); }
}

/* =====================================================
   الموبايل: مفيش هوفر، فالسلايد النشط (wd-active) بياخد نفس الشكل
   أوتوماتيك، والزرار أصغر وأعلى شوية عشان مايغطيش النص
   ===================================================== */
@media (max-width: 767px) {
  .elementor-46 .elementor-element.elementor-element-8df0281 .banners-carousel-wrapper .promo-banner {
    --bh-btn:     44px;   /* حجم الزرار (موبايل) */
    --bh-btn-top: 36%;    /* مكان الزرار (موبايل): قلّل الرقم = يطلع أكتر */
  }
  .elementor-46 .elementor-element.elementor-element-8df0281 .banners-carousel-wrapper .wd-carousel-item.wd-active .promo-banner::before {
    opacity: 1;
  }
  .elementor-46 .elementor-element.elementor-element-8df0281 .banners-carousel-wrapper .wd-carousel-item.wd-active .promo-banner::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
  }
}

/* احترام إعدادات تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
  .elementor-46 .elementor-element.elementor-element-8df0281 .banners-carousel-wrapper .promo-banner::before,
  .elementor-46 .elementor-element.elementor-element-8df0281 .banners-carousel-wrapper .promo-banner::after,
  .elementor-46 .elementor-element.elementor-element-8df0281 .banners-carousel-wrapper .promo-banner .banner-image img,
  .elementor-46 .elementor-element.elementor-element-8df0281 .banners-carousel-wrapper .promo-banner .content-banner {
    transition: opacity 0.2s ease !important;
    animation: none !important;
  }
}

/* 1. الحاوية الأساسية للأسهم (عشان نضمن المسافة بينهم) */
.elementor-46 .elementor-element.elementor-element-8df0281 .wd-nav-arrows.wd-pos-together {
    display: flex !important;
    gap: 12px !important;
}

/* 2. الشكل العام والمقاس الموحد للسهمين */
.elementor-46 .elementor-element.elementor-element-8df0281 .wd-nav-arrows .wd-btn-arrow {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important; /* إلغاء أي شادو افتراضي من وودمارت */
}

/* 3. السهم الأيسر (السابق) - مليان متدرج */
.elementor-46 .elementor-element.elementor-element-8df0281 .wd-nav-arrows .wd-prev {
    background: linear-gradient(90deg, #38539E 0%, #078A47 100%) !important;
    border: none !important;
}

/* 4. السهم الأيمن (التالي) - مفرغ بإطار متدرج */
.elementor-46 .elementor-element.elementor-element-8df0281 .wd-nav-arrows .wd-next {
    /* ⚠️ لون الخلفية هنا أبيض (#FFFFFF) .. لو هتحطها في سكشن أخضر غيرها لـ #E2FEEF */
    background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, 
                linear-gradient(90deg, #078A47 0%, #38539E 100%) border-box !important;
    border: 2px solid transparent !important;
}

/* 5. ضبط حجم أيقونة السهم الداخلية من WoodMart */
.elementor-46 .elementor-element.elementor-element-8df0281 .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner,
.elementor-46 .elementor-element.elementor-element-8df0281 .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::before,
.elementor-46 .elementor-element.elementor-element-8df0281 .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::after {
    font-size: 15px !important;
    font-weight: 900 !important;
}

/* لون أيقونة السهم המليان (أبيض) */
.elementor-46 .elementor-element.elementor-element-8df0281 .wd-nav-arrows .wd-prev .wd-arrow-inner,
.elementor-46 .elementor-element.elementor-element-8df0281 .wd-nav-arrows .wd-prev .wd-arrow-inner::before,
.elementor-46 .elementor-element.elementor-element-8df0281 .wd-nav-arrows .wd-prev .wd-arrow-inner::after {
    color: #FFFFFF !important;
}

/* لون أيقونة السهم المفرغ (أزرق) */
.elementor-46 .elementor-element.elementor-element-8df0281 .wd-nav-arrows .wd-next .wd-arrow-inner,
.elementor-46 .elementor-element.elementor-element-8df0281 .wd-nav-arrows .wd-next .wd-arrow-inner::before,
.elementor-46 .elementor-element.elementor-element-8df0281 .wd-nav-arrows .wd-next .wd-arrow-inner::after {
    color: #38539E !important;
}

/* 6. تأثير الهوفر (Hover) وإلغاء تأثيرات وودمارت الافتراضية */
.elementor-46 .elementor-element.elementor-element-8df0281 .wd-nav-arrows .wd-btn-arrow:hover {
    opacity: 0.85 !important;
    transform: scale(1.05) !important;
    background-color: transparent; /* لمنع وودمارت من تغيير الخلفية */
}

/* 7. حالة الزر الغير مفعل (Disabled) */
.elementor-46 .elementor-element.elementor-element-8df0281 .wd-nav-arrows .wd-btn-arrow.wd-disabled {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
    transform: none !important;
}


/* --- تصغير حجم الأسهم في شاشات الموبايل --- */
@media (max-width: 768px) {
    /* تصغير المربع نفسه */
    .elementor-46 .elementor-element.elementor-element-8df0281 .wd-nav-arrows .wd-btn-arrow {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
    }
    
    /* تصغير الأيقونة الداخلية لتتناسب مع المربع الجديد */
    .elementor-46 .elementor-element.elementor-element-8df0281 .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner,
    .elementor-46 .elementor-element.elementor-element-8df0281 .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::before,
    .elementor-46 .elementor-element.elementor-element-8df0281 .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::after {
        font-size: 12px !important;
    }
    
    /* تقليل المسافة بين السهمين شوية في الموبايل */
    .elementor-46 .elementor-element.elementor-element-8df0281 .wd-nav-arrows.wd-pos-together {
        gap: 8px !important;
    }
}/* End custom CSS */
/* Start custom CSS for wd_banner_carousel, class: .elementor-element-412fdcf */.elementor-46 .elementor-element.elementor-element-412fdcf p{
    line-height: 1.6;
    margin-top: 15px;
}



/* =====================================================
   هوفر بنرات الكاروسيل (Woodmart promo-banner)
   عند الهوفر: طبقة خضراء 056132 بشفافية 43% + الزرار
   (غيّر الأرقام في الـ variables بس)
   ===================================================== */
.elementor-46 .elementor-element.elementor-element-412fdcf .banners-carousel-wrapper .promo-banner {
  --bh-color:   rgba(5, 97, 50, 0.43);  /* 056132 بشفافية 43% */
  --bh-btn:     64px;                   /* حجم الزرار (ديسكتوب) */
  --bh-btn-top: 50%;                    /* مكان الزرار رأسياً (ديسكتوب) */
  --bh-time:    0.4s;
  --bh-spring:  cubic-bezier(0.34, 1.56, 0.64, 1);  /* حركة "ترتد" خفيفة */
  --bh-smooth:  cubic-bezier(0.22, 1, 0.36, 1);

  position: relative;
  overflow: hidden;
}

/* الطبقة الملونة */
.elementor-46 .elementor-element.elementor-element-412fdcf .banners-carousel-wrapper .promo-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: var(--bh-color);
  opacity: 0;
  transition: opacity var(--bh-time) ease;
  pointer-events: none;
}

/* الزرار (صورة الدايرة والسهم) */
.elementor-46 .elementor-element.elementor-element-412fdcf .banners-carousel-wrapper .promo-banner::after {
  content: "";
  position: absolute;
  top: var(--bh-btn-top);
  left: 50%;
  z-index: 3;
  width: var(--bh-btn);
  height: var(--bh-btn);
  border-radius: 50%;
  background: url("https://fourth-solutions.com/wp-content/uploads/2026/09/Group-1000008649.png") center / contain no-repeat;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.4) rotate(-90deg);
  transition: opacity var(--bh-time) ease, transform 0.6s var(--bh-spring);
  pointer-events: none;
}

/* ترتيب الطبقات: الصورة < الطبقة الخضراء < النص < الزرار < اللينك (عشان الكليك يفضل شغال) */
.elementor-46 .elementor-element.elementor-element-412fdcf .banners-carousel-wrapper .wrapper-content-banner { z-index: 2; }
.elementor-46 .elementor-element.elementor-element-412fdcf .banners-carousel-wrapper .wd-promo-banner-link   { z-index: 4; }

/* حركة الصورة والنص (جاهزة للهوفر) */
.banners-carousel-wrapper .promo-banner .banner-image img {
  transition: transform 0.9s var(--bh-smooth);
}
.banners-carousel-wrapper .promo-banner .content-banner {
  transition: transform 0.5s var(--bh-smooth);
}

/* الحالة الظاهرة (بتتشارك بين الهوفر والسلايد النشط على الموبايل) */
.elementor-46 .elementor-element.elementor-element-412fdcf .banners-carousel-wrapper .promo-banner:focus-within::before {
  opacity: 1;
}
.elementor-46 .elementor-element.elementor-element-412fdcf .banners-carousel-wrapper .promo-banner:focus-within::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1) rotate(0deg);
}

/* =====================================================
   الديسكتوب والتابلت (فيه ماوس): أنيميشن الهوفر
   ===================================================== */
@media (hover: hover) {
  .elementor-46 .elementor-element.elementor-element-412fdcf .banners-carousel-wrapper .promo-banner:hover::before {
    opacity: 1;
  }
  .elementor-46 .elementor-element.elementor-element-412fdcf .banners-carousel-wrapper .promo-banner:hover::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
    animation: bhRing 0.9s ease-out 0.25s 1;   /* موجة خفيفة حوالين الزرار مرة واحدة */
  }
  /* الصورة تكبر شوية، والنص يطلع لفوق شوية */
  .elementor-46 .elementor-element.elementor-element-412fdcf .banners-carousel-wrapper .promo-banner:hover .banner-image img {
    transform: scale(1.07);
  }
  .elementor-46 .elementor-element.elementor-element-412fdcf .banners-carousel-wrapper .promo-banner:hover .content-banner {
    transform: translateY(-8px);
  }
}

@keyframes bhRing {
  0%   { box-shadow: 0 0 0 0    rgba(255, 255, 255, 0.45); }
  100% { box-shadow: 0 0 0 18px rgba(255, 255, 255, 0); }
}

/* =====================================================
   الموبايل: مفيش هوفر، فالسلايد النشط (wd-active) بياخد نفس الشكل
   أوتوماتيك، والزرار أصغر وأعلى شوية عشان مايغطيش النص
   ===================================================== */
@media (max-width: 767px) {
  .elementor-46 .elementor-element.elementor-element-412fdcf .banners-carousel-wrapper .promo-banner {
    --bh-btn:     44px;   /* حجم الزرار (موبايل) */
    --bh-btn-top: 36%;    /* مكان الزرار (موبايل): قلّل الرقم = يطلع أكتر */
  }
  .elementor-46 .elementor-element.elementor-element-412fdcf .banners-carousel-wrapper .wd-carousel-item.wd-active .promo-banner::before {
    opacity: 1;
  }
  .elementor-46 .elementor-element.elementor-element-412fdcf .banners-carousel-wrapper .wd-carousel-item.wd-active .promo-banner::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1) rotate(0deg);
  }
}

/* احترام إعدادات تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
  .elementor-46 .elementor-element.elementor-element-412fdcf .banners-carousel-wrapper .promo-banner::before,
  .elementor-46 .elementor-element.elementor-element-412fdcf .banners-carousel-wrapper .promo-banner::after,
  .elementor-46 .elementor-element.elementor-element-412fdcf .banners-carousel-wrapper .promo-banner .banner-image img,
  .elementor-46 .elementor-element.elementor-element-412fdcf .banners-carousel-wrapper .promo-banner .content-banner {
    transition: opacity 0.2s ease !important;
    animation: none !important;
  }
}

/* 1. الحاوية الأساسية للأسهم (عشان نضمن المسافة بينهم) */
.elementor-46 .elementor-element.elementor-element-412fdcf .wd-nav-arrows.wd-pos-together {
    display: flex !important;
    gap: 12px !important;
}

/* 2. الشكل العام والمقاس الموحد للسهمين */
.elementor-46 .elementor-element.elementor-element-412fdcf .wd-nav-arrows .wd-btn-arrow {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important; /* إلغاء أي شادو افتراضي من وودمارت */
}

/* 3. السهم الأيسر (السابق) - مليان متدرج */
.elementor-46 .elementor-element.elementor-element-412fdcf .wd-nav-arrows .wd-prev {
    background: linear-gradient(90deg, #38539E 0%, #078A47 100%) !important;
    border: none !important;
}

/* 4. السهم الأيمن (التالي) - مفرغ بإطار متدرج */
.elementor-46 .elementor-element.elementor-element-412fdcf .wd-nav-arrows .wd-next {
    /* ⚠️ لون الخلفية هنا أبيض (#FFFFFF) .. لو هتحطها في سكشن أخضر غيرها لـ #E2FEEF */
    background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, 
                linear-gradient(90deg, #078A47 0%, #38539E 100%) border-box !important;
    border: 2px solid transparent !important;
}

/* 5. ضبط حجم أيقونة السهم الداخلية من WoodMart */
.elementor-46 .elementor-element.elementor-element-412fdcf .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner,
.elementor-46 .elementor-element.elementor-element-412fdcf .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::before,
.elementor-46 .elementor-element.elementor-element-412fdcf .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::after {
    font-size: 15px !important;
    font-weight: 900 !important;
}

/* لون أيقونة السهم המليان (أبيض) */
.elementor-46 .elementor-element.elementor-element-412fdcf .wd-nav-arrows .wd-prev .wd-arrow-inner,
.elementor-46 .elementor-element.elementor-element-412fdcf .wd-nav-arrows .wd-prev .wd-arrow-inner::before,
.elementor-46 .elementor-element.elementor-element-412fdcf .wd-nav-arrows .wd-prev .wd-arrow-inner::after {
    color: #FFFFFF !important;
}

/* لون أيقونة السهم المفرغ (أزرق) */
.elementor-46 .elementor-element.elementor-element-412fdcf .wd-nav-arrows .wd-next .wd-arrow-inner,
.elementor-46 .elementor-element.elementor-element-412fdcf .wd-nav-arrows .wd-next .wd-arrow-inner::before,
.elementor-46 .elementor-element.elementor-element-412fdcf .wd-nav-arrows .wd-next .wd-arrow-inner::after {
    color: #38539E !important;
}

/* 6. تأثير الهوفر (Hover) وإلغاء تأثيرات وودمارت الافتراضية */
.elementor-46 .elementor-element.elementor-element-412fdcf .wd-nav-arrows .wd-btn-arrow:hover {
    opacity: 0.85 !important;
    transform: scale(1.05) !important;
    background-color: transparent; /* لمنع وودمارت من تغيير الخلفية */
}

/* 7. حالة الزر الغير مفعل (Disabled) */
.elementor-46 .elementor-element.elementor-element-412fdcf .wd-nav-arrows .wd-btn-arrow.wd-disabled {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
    transform: none !important;
}


/* --- تصغير حجم الأسهم في شاشات الموبايل --- */
@media (max-width: 768px) {
    /* تصغير المربع نفسه */
    .elementor-46 .elementor-element.elementor-element-412fdcf .wd-nav-arrows .wd-btn-arrow {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
    }
    
    /* تصغير الأيقونة الداخلية لتتناسب مع المربع الجديد */
    .elementor-46 .elementor-element.elementor-element-412fdcf .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner,
    .elementor-46 .elementor-element.elementor-element-412fdcf .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::before,
    .elementor-46 .elementor-element.elementor-element-412fdcf .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner::after {
        font-size: 12px !important;
    }
    
    /* تقليل المسافة بين السهمين شوية في الموبايل */
    .elementor-46 .elementor-element.elementor-element-412fdcf .wd-nav-arrows.wd-pos-together {
        gap: 8px !important;
    }
}/* End custom CSS */
/* Start custom CSS for wd_title, class: .elementor-element-b3f9bbd */.elementor-46 .elementor-element.elementor-element-b3f9bbd h4{
    line-height: 1.5;
}

.elementor-46 .elementor-element.elementor-element-b3f9bbd p{
    line-height: 1.74;
}/* End custom CSS */