.elementor-146 .elementor-element.elementor-element-96b2674{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--flex-wrap:wrap;--overlay-opacity:0.95;--padding-top:140px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-146 .elementor-element.elementor-element-96b2674:not(.elementor-motion-effects-element-type-background), .elementor-146 .elementor-element.elementor-element-96b2674 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-146 .elementor-element.elementor-element-96b2674::before, .elementor-146 .elementor-element.elementor-element-96b2674 > .elementor-background-video-container::before, .elementor-146 .elementor-element.elementor-element-96b2674 > .e-con-inner > .elementor-background-video-container::before, .elementor-146 .elementor-element.elementor-element-96b2674 > .elementor-background-slideshow::before, .elementor-146 .elementor-element.elementor-element-96b2674 > .e-con-inner > .elementor-background-slideshow::before, .elementor-146 .elementor-element.elementor-element-96b2674 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-146 .elementor-element.elementor-element-96b2674 > .elementor-shape-top svg, .elementor-146 .elementor-element.elementor-element-96b2674 > .e-con-inner > .elementor-shape-top svg{width:calc(100vw + 1.3px);height:95px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-146 .elementor-element.elementor-element-533ad86{background-color:#FFFFFF;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:30px 30px 30px 30px;border-radius:100% 100% 100% 100%;box-shadow:0px 0px 3px 0px rgba(0, 0, 0, 0.18);text-align:center;}.elementor-146 .elementor-element.elementor-element-533ad86.elementor-element{--align-self:center;}.elementor-146 .elementor-element.elementor-element-533ad86 img{width:120px;height:109px;object-fit:contain;object-position:center center;}body:not(.rtl) .elementor-146 .elementor-element.elementor-element-56628f2{left:195px;}body.rtl .elementor-146 .elementor-element.elementor-element-56628f2{right:195px;}.elementor-146 .elementor-element.elementor-element-56628f2{top:82px;z-index:0;}.elementor-146 .elementor-element.elementor-element-56628f2 img{width:101px;opacity:1;}body:not(.rtl) .elementor-146 .elementor-element.elementor-element-832d6cc{right:34px;}body.rtl .elementor-146 .elementor-element.elementor-element-832d6cc{left:34px;}.elementor-146 .elementor-element.elementor-element-832d6cc{top:62px;z-index:0;}.elementor-146 .elementor-element.elementor-element-832d6cc img{width:87px;opacity:1;}.elementor-146 .elementor-element.elementor-element-cf71c5a{--display:flex;--position:absolute;top:0px;}body:not(.rtl) .elementor-146 .elementor-element.elementor-element-cf71c5a{left:0px;}body.rtl .elementor-146 .elementor-element.elementor-element-cf71c5a{right:0px;}.elementor-146 .elementor-element.elementor-element-f24a176{--display:flex;--justify-content:flex-start;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-146 .elementor-element.elementor-element-74bb0bc .elementor-heading-title{color:var( --e-global-color-6cb821b );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-146 .elementor-element.elementor-element-d15bb2c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(24px/2);}.elementor-146 .elementor-element.elementor-element-d15bb2c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(24px/2);}.elementor-146 .elementor-element.elementor-element-d15bb2c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(24px/2);}.elementor-146 .elementor-element.elementor-element-d15bb2c .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-24px/2);}.elementor-146 .elementor-element.elementor-element-d15bb2c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-24px/2);}.elementor-146 .elementor-element.elementor-element-d15bb2c .elementor-icon-list-icon i{color:var( --e-global-color-secondary );transition:color 0.3s;}.elementor-146 .elementor-element.elementor-element-d15bb2c .elementor-icon-list-icon svg{fill:var( --e-global-color-secondary );transition:fill 0.3s;}.elementor-146 .elementor-element.elementor-element-d15bb2c{--e-icon-list-icon-size:24px;}.elementor-146 .elementor-element.elementor-element-d15bb2c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-146 .elementor-element.elementor-element-d15bb2c .elementor-icon-list-item > a{font-weight:400;}.elementor-146 .elementor-element.elementor-element-d15bb2c .elementor-icon-list-text{color:#FFFDF8;transition:color 0.3s;}.elementor-146 .elementor-element.elementor-element-d15bb2c .elementor-icon-list-item:hover .elementor-icon-list-text{color:#AC7A58;}.elementor-146 .elementor-element.elementor-element-192e911{--display:flex;border-style:none;--border-style:none;}.elementor-146 .elementor-element.elementor-element-6ceb288{background-color:#FFFFFF;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:30px 30px 30px 30px;top:-188px;z-index:8;border-radius:100% 100% 100% 100%;box-shadow:0px 0px 3px 0px rgba(0, 0, 0, 0.18);text-align:center;}.elementor-146 .elementor-element.elementor-element-6ceb288.elementor-element{--align-self:center;}body:not(.rtl) .elementor-146 .elementor-element.elementor-element-6ceb288{left:135px;}body.rtl .elementor-146 .elementor-element.elementor-element-6ceb288{right:135px;}.elementor-146 .elementor-element.elementor-element-6ceb288 img{width:120px;height:109px;object-fit:contain;object-position:center center;}.elementor-146 .elementor-element.elementor-element-af48071{text-align:center;}.elementor-146 .elementor-element.elementor-element-af48071 .elementor-heading-title{font-size:34px;font-weight:700;color:var( --e-global-color-6cb821b );}.elementor-146 .elementor-element.elementor-element-741b93e{text-align:center;}.elementor-146 .elementor-element.elementor-element-741b93e .elementor-heading-title{font-size:28px;font-weight:500;font-style:italic;color:var( --e-global-color-6cb821b );}.elementor-146 .elementor-element.elementor-element-55cd28c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-146 .elementor-element.elementor-element-2e8cfc2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-146 .elementor-element.elementor-element-2e8cfc2 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-146 .elementor-element.elementor-element-2e8cfc2 .elementor-button .elementor-button-content-wrapper{gap:20px;}.elementor-146 .elementor-element.elementor-element-2e8cfc2 .elementor-button{font-weight:500;border-radius:50px 50px 50px 50px;}.elementor-146 .elementor-element.elementor-element-c7f71fe{--grid-template-columns:repeat(0, auto);text-align:center;--icon-size:16px;--grid-column-gap:9px;--grid-row-gap:9px;}.elementor-146 .elementor-element.elementor-element-c7f71fe .elementor-social-icon{background-color:var( --e-global-color-6cb821b );}.elementor-146 .elementor-element.elementor-element-c7f71fe .elementor-social-icon i{color:var( --e-global-color-primary );}.elementor-146 .elementor-element.elementor-element-c7f71fe .elementor-social-icon svg{fill:var( --e-global-color-primary );}.elementor-146 .elementor-element.elementor-element-763bfbd{--display:flex;--justify-content:flex-start;}.elementor-146 .elementor-element.elementor-element-630accc .elementor-heading-title{color:var( --e-global-color-6cb821b );}.elementor-146 .elementor-element.elementor-element-0b9a588 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(24px/2);}.elementor-146 .elementor-element.elementor-element-0b9a588 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(24px/2);}.elementor-146 .elementor-element.elementor-element-0b9a588 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(24px/2);}.elementor-146 .elementor-element.elementor-element-0b9a588 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-24px/2);}.elementor-146 .elementor-element.elementor-element-0b9a588 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-24px/2);}.elementor-146 .elementor-element.elementor-element-0b9a588 .elementor-icon-list-icon i{color:#BD7340;transition:color 0.3s;}.elementor-146 .elementor-element.elementor-element-0b9a588 .elementor-icon-list-icon svg{fill:#BD7340;transition:fill 0.3s;}.elementor-146 .elementor-element.elementor-element-0b9a588{--e-icon-list-icon-size:20px;}.elementor-146 .elementor-element.elementor-element-0b9a588 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-146 .elementor-element.elementor-element-0b9a588 .elementor-icon-list-item > a{font-weight:400;}.elementor-146 .elementor-element.elementor-element-0b9a588 .elementor-icon-list-text{color:#FFFDF8;transition:color 0.3s;}.elementor-146 .elementor-element.elementor-element-c1d0500{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#A57A5B96;--border-color:#A57A5B96;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-146 .elementor-element.elementor-element-0b1bb89{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-146 .elementor-element.elementor-element-cd41ae2 .elementor-menu-toggle{margin:0 auto;}.elementor-146 .elementor-element.elementor-element-cd41ae2 .elementor-nav-menu .elementor-item{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:400;}.elementor-146 .elementor-element.elementor-element-cd41ae2 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-6cb821b );fill:var( --e-global-color-6cb821b );padding-left:5px;padding-right:5px;}.elementor-146 .elementor-element.elementor-element-cd41ae2 .elementor-nav-menu--main .elementor-item:hover, .elementor-146 .elementor-element.elementor-element-cd41ae2 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-146 .elementor-element.elementor-element-cd41ae2 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-146 .elementor-element.elementor-element-cd41ae2 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFFAB;fill:#FFFFFFAB;}.elementor-146 .elementor-element.elementor-element-995c7d8{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-146 .elementor-element.elementor-element-0d0663c{text-align:center;font-weight:500;color:var( --e-global-color-6cb821b );}.elementor-146 .elementor-element.elementor-element-0d0663c a{color:#A57A5B;}.elementor-146 .elementor-element.elementor-element-0d0663c a:hover, .elementor-146 .elementor-element.elementor-element-0d0663c a:focus{color:var( --e-global-color-secondary );}.elementor-146 .elementor-element.elementor-element-b23dfd9 .elementor-nav-menu .elementor-item{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:400;}.elementor-146 .elementor-element.elementor-element-b23dfd9 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-6cb821b );fill:var( --e-global-color-6cb821b );padding-left:5px;padding-right:5px;}.elementor-146 .elementor-element.elementor-element-b23dfd9 .elementor-nav-menu--main .elementor-item:hover, .elementor-146 .elementor-element.elementor-element-b23dfd9 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-146 .elementor-element.elementor-element-b23dfd9 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-146 .elementor-element.elementor-element-b23dfd9 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFFAB;fill:#FFFFFFAB;}.elementor-146 .elementor-element.elementor-element-64b12cf{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-146 .elementor-element.elementor-element-be85d85 .elementor-menu-toggle{margin:0 auto;}.elementor-146 .elementor-element.elementor-element-be85d85 .elementor-nav-menu .elementor-item{font-family:"Outfit", Sans-serif;font-size:14px;font-weight:400;}.elementor-146 .elementor-element.elementor-element-be85d85 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-6cb821b );fill:var( --e-global-color-6cb821b );padding-left:5px;padding-right:5px;}.elementor-146 .elementor-element.elementor-element-be85d85 .elementor-nav-menu--main .elementor-item:hover, .elementor-146 .elementor-element.elementor-element-be85d85 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-146 .elementor-element.elementor-element-be85d85 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-146 .elementor-element.elementor-element-be85d85 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFFAB;fill:#FFFFFFAB;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-146 .elementor-element.elementor-element-f24a176{--width:27%;}.elementor-146 .elementor-element.elementor-element-192e911{--width:41%;}.elementor-146 .elementor-element.elementor-element-763bfbd{--width:27%;}.elementor-146 .elementor-element.elementor-element-c1d0500{--width:100%;}}@media(max-width:767px){.elementor-146 .elementor-element.elementor-element-96b2674 > .elementor-shape-top svg, .elementor-146 .elementor-element.elementor-element-96b2674 > .e-con-inner > .elementor-shape-top svg{height:25px;}.elementor-146 .elementor-element.elementor-element-533ad86{margin:-200px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 20px 20px 20px;}.elementor-146 .elementor-element.elementor-element-533ad86 img{width:80px;height:80px;}body:not(.rtl) .elementor-146 .elementor-element.elementor-element-56628f2{left:248px;}body.rtl .elementor-146 .elementor-element.elementor-element-56628f2{right:248px;}.elementor-146 .elementor-element.elementor-element-56628f2{top:44px;}.elementor-146 .elementor-element.elementor-element-56628f2 img{width:63px;}body:not(.rtl) .elementor-146 .elementor-element.elementor-element-832d6cc{right:269px;}body.rtl .elementor-146 .elementor-element.elementor-element-832d6cc{left:269px;}.elementor-146 .elementor-element.elementor-element-832d6cc{top:506px;}.elementor-146 .elementor-element.elementor-element-74bb0bc{text-align:center;}.elementor-146 .elementor-element.elementor-element-d15bb2c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(15px/2);}.elementor-146 .elementor-element.elementor-element-d15bb2c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(15px/2);}.elementor-146 .elementor-element.elementor-element-d15bb2c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(15px/2);}.elementor-146 .elementor-element.elementor-element-d15bb2c .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-15px/2);}.elementor-146 .elementor-element.elementor-element-d15bb2c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-15px/2);}.elementor-146 .elementor-element.elementor-element-6ceb288{padding:20px 20px 20px 20px;top:-411px;}body:not(.rtl) .elementor-146 .elementor-element.elementor-element-6ceb288{left:30%;}body.rtl .elementor-146 .elementor-element.elementor-element-6ceb288{right:30%;}.elementor-146 .elementor-element.elementor-element-6ceb288 img{width:80px;height:80px;}.elementor-146 .elementor-element.elementor-element-2e8cfc2{width:var( --container-widget-width, 170.172px );max-width:170.172px;--container-widget-width:170.172px;--container-widget-flex-grow:0;}.elementor-146 .elementor-element.elementor-element-2e8cfc2.elementor-element{--align-self:center;}.elementor-146 .elementor-element.elementor-element-630accc{text-align:center;}.elementor-146 .elementor-element.elementor-element-0b9a588 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(15px/2);}.elementor-146 .elementor-element.elementor-element-0b9a588 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(15px/2);}.elementor-146 .elementor-element.elementor-element-0b9a588 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(15px/2);}.elementor-146 .elementor-element.elementor-element-0b9a588 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-15px/2);}.elementor-146 .elementor-element.elementor-element-0b9a588 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-15px/2);}.elementor-146 .elementor-element.elementor-element-0b9a588 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-146 .elementor-element.elementor-element-0b9a588 .elementor-icon-list-item > a{font-size:14px;}.elementor-146 .elementor-element.elementor-element-995c7d8{--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-146 .elementor-element.elementor-element-0d0663c{font-size:14px;}.elementor-146 .elementor-element.elementor-element-b23dfd9 .elementor-nav-menu .elementor-item{font-size:12px;}.elementor-146 .elementor-element.elementor-element-b23dfd9 .elementor-nav-menu--main .elementor-item{padding-left:4px;padding-right:4px;padding-top:4px;padding-bottom:4px;}}/* Start custom CSS for container, class: .elementor-element-96b2674 *//* Container الدوائر الخلفية فقط */ .coffee-particles-bg { position: absolute !important; top: 60px; /* المسافة من الأعلى لعدم التداخل مع منحنى الـ Shape Divider */ left: 0; right: 0; bottom: 0; width: 100% !important; height: calc(100% - 60px) !important; overflow: hidden !important; /* يحتوي الدوائر داخل جسم الفوتر فقط */ pointer-events: none; /* لمنع إعاقة النقرات على Links الفوتر */ z-index: 0 !important; /* تحت كل محتوى الفوتر والـ Shape Divider */ } /* المجموعة الأولى — تتحرك ناحية اليمين */ .coffee-particles-bg::before { content: ""; position: absolute; inset: -30px; pointer-events: none; background-image: radial-gradient(circle at 5% 20%, rgba(255,255,255,.07) 0 18px, transparent 19px), radial-gradient(circle at 18% 70%, rgba(255,255,255,.05) 0 25px, transparent 26px), radial-gradient(circle at 32% 35%, rgba(255,255,255,.06) 0 20px, transparent 21px), radial-gradient(circle at 47% 75%, rgba(255,255,255,.07) 0 28px, transparent 29px), radial-gradient(circle at 61% 25%, rgba(255,255,255,.05) 0 17px, transparent 18px), radial-gradient(circle at 76% 65%, rgba(255,255,255,.06) 0 24px, transparent 25px), radial-gradient(circle at 91% 30%, rgba(255,255,255,.07) 0 21px, transparent 22px); animation: dotsRight 6s ease-in-out infinite alternate; } /* المجموعة الثانية — تتحرك ناحية الشمال */ .coffee-particles-bg::after { content: ""; position: absolute; inset: -30px; pointer-events: none; background-image: radial-gradient(circle at 10% 55%, rgba(255,255,255,.06) 0 22px, transparent 23px), radial-gradient(circle at 25% 20%, rgba(255,255,255,.05) 0 16px, transparent 17px), radial-gradient(circle at 40% 60%, rgba(255,255,255,.07) 0 26px, transparent 27px), radial-gradient(circle at 55% 30%, rgba(255,255,255,.05) 0 20px, transparent 21px), radial-gradient(circle at 69% 78%, rgba(255,255,255,.06) 0 18px, transparent 19px), radial-gradient(circle at 83% 40%, rgba(255,255,255,.07) 0 27px, transparent 28px), radial-gradient(circle at 96% 72%, rgba(255,255,255,.05) 0 19px, transparent 20px); animation: dotsLeft 8s ease-in-out infinite alternate; } /* حركة المجموعة الأولى */ @keyframes dotsRight { 0% { transform: translate3d(-15px, 0, 0); } 100% { transform: translate3d(20px, 0, 0); } } /* حركة المجموعة الثانية */ @keyframes dotsLeft { 0% { transform: translate3d(15px, 0, 0); } 100% { transform: translate3d(-20px, 0, 0); } }/* End custom CSS */