.elementor-8 .elementor-element.elementor-element-8dcd878{--display:flex;}.elementor-8 .elementor-element.elementor-element-93b795c{--display:flex;}.elementor-8 .elementor-element.elementor-element-f343a78{--display:flex;}.elementor-8 .elementor-element.elementor-element-e67c945{--display:flex;}.elementor-8 .elementor-element.elementor-element-7b6763f{--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;--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;--padding-top:20px;--padding-bottom:5px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-17a9214{--display:flex;--overlay-opacity:0.5;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:0px;--padding-top:0em;--padding-bottom:1em;--padding-left:0em;--padding-right:0em;}.elementor-8 .elementor-element.elementor-element-17a9214:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-17a9214 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5E9DA;}.elementor-8 .elementor-element.elementor-element-17a9214::before, .elementor-8 .elementor-element.elementor-element-17a9214 > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-17a9214 > .e-con-inner > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-17a9214 > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-17a9214 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-17a9214 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.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-8 .elementor-element.elementor-element-e2c90b6{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8 .elementor-element.elementor-element-e2c90b6:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-8 .elementor-element.elementor-element-e2c90b6 img{transition-duration:0.8s;border-radius:10px 10px 10px 10px;}.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-8 .elementor-element.elementor-element-69be8cc{text-align:center;}.elementor-8 .elementor-element.elementor-element-69be8cc .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:20px;font-weight:bold;line-height:1.2em;color:#2D2D2D;}.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-8 .elementor-element.elementor-element-707dc99 .elementor-button{background-color:#7B4B28;font-family:"Cairo", Sans-serif;font-size:20px;font-weight:700;fill:#FFFFFF;color:#FFFFFF;transition-duration:0s;}.elementor-8 .elementor-element.elementor-element-707dc99 .elementor-button:hover, .elementor-8 .elementor-element.elementor-element-707dc99 .elementor-button:focus{background-color:#5C3B1E;color:#FFFFFF;border-color:#D2B48C;}.elementor-8 .elementor-element.elementor-element-707dc99 .elementor-button-content-wrapper{flex-direction:row;}.elementor-8 .elementor-element.elementor-element-707dc99 .elementor-button:hover svg, .elementor-8 .elementor-element.elementor-element-707dc99 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-23486d7{--display:flex;--overlay-opacity:0.5;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:0px;--padding-top:0em;--padding-bottom:1em;--padding-left:0em;--padding-right:0em;}.elementor-8 .elementor-element.elementor-element-23486d7:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-23486d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5E9DA;}.elementor-8 .elementor-element.elementor-element-23486d7::before, .elementor-8 .elementor-element.elementor-element-23486d7 > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-23486d7 > .e-con-inner > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-23486d7 > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-23486d7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-23486d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-8 .elementor-element.elementor-element-c01ba78{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8 .elementor-element.elementor-element-c01ba78:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-8 .elementor-element.elementor-element-c01ba78 img{transition-duration:0.8s;border-radius:10px 10px 10px 10px;}.elementor-8 .elementor-element.elementor-element-29ac8be{text-align:center;}.elementor-8 .elementor-element.elementor-element-29ac8be .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:20px;font-weight:bold;line-height:1.2em;color:#2D2D2D;}.elementor-8 .elementor-element.elementor-element-84cd5ec .elementor-button{background-color:#7B4B28;font-family:"Cairo", Sans-serif;font-size:20px;font-weight:700;fill:#FFFFFF;color:#FFFFFF;transition-duration:0s;}.elementor-8 .elementor-element.elementor-element-84cd5ec .elementor-button:hover, .elementor-8 .elementor-element.elementor-element-84cd5ec .elementor-button:focus{background-color:#5C3B1E;color:#FFFFFF;border-color:#D2B48C;}.elementor-8 .elementor-element.elementor-element-84cd5ec .elementor-button-content-wrapper{flex-direction:row;}.elementor-8 .elementor-element.elementor-element-84cd5ec .elementor-button:hover svg, .elementor-8 .elementor-element.elementor-element-84cd5ec .elementor-button:focus svg{fill:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-de8e3d9{--display:flex;--overlay-opacity:0.5;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:5px;--margin-right:5px;--padding-top:0em;--padding-bottom:1em;--padding-left:0em;--padding-right:0em;}.elementor-8 .elementor-element.elementor-element-de8e3d9:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-de8e3d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5E9DA;}.elementor-8 .elementor-element.elementor-element-de8e3d9::before, .elementor-8 .elementor-element.elementor-element-de8e3d9 > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-de8e3d9 > .e-con-inner > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-de8e3d9 > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-de8e3d9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-de8e3d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-8 .elementor-element.elementor-element-de8e3d9:hover::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-8 .elementor-element.elementor-element-9bdc042{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8 .elementor-element.elementor-element-9bdc042:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-8 .elementor-element.elementor-element-9bdc042 img{transition-duration:0.8s;border-radius:10px 10px 10px 10px;}.elementor-8 .elementor-element.elementor-element-385720f{text-align:center;}.elementor-8 .elementor-element.elementor-element-385720f .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:20px;font-weight:bold;line-height:1.2em;color:#2D2D2D;}.elementor-8 .elementor-element.elementor-element-bc4d47c .elementor-button{background-color:#7B4B28;font-family:"Cairo", Sans-serif;font-size:20px;font-weight:700;fill:#FFFFFF;color:#FFFFFF;transition-duration:0s;}.elementor-8 .elementor-element.elementor-element-bc4d47c .elementor-button:hover, .elementor-8 .elementor-element.elementor-element-bc4d47c .elementor-button:focus{background-color:#5C3B1E;color:#FFFFFF;border-color:#D2B48C;}.elementor-8 .elementor-element.elementor-element-bc4d47c .elementor-button-content-wrapper{flex-direction:row;}.elementor-8 .elementor-element.elementor-element-bc4d47c .elementor-button:hover svg, .elementor-8 .elementor-element.elementor-element-bc4d47c .elementor-button:focus svg{fill:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-637441a{--display:flex;--overlay-opacity:0.5;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:5px;--margin-right:5px;--padding-top:0em;--padding-bottom:1em;--padding-left:0em;--padding-right:0em;}.elementor-8 .elementor-element.elementor-element-637441a:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-637441a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5E9DA;}.elementor-8 .elementor-element.elementor-element-637441a::before, .elementor-8 .elementor-element.elementor-element-637441a > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-637441a > .e-con-inner > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-637441a > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-637441a > .e-con-inner > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-637441a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-8 .elementor-element.elementor-element-637441a:hover::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-8 .elementor-element.elementor-element-167aa78{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8 .elementor-element.elementor-element-167aa78:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-8 .elementor-element.elementor-element-167aa78 img{transition-duration:0.8s;border-radius:10px 10px 10px 10px;}.elementor-8 .elementor-element.elementor-element-49ea2d6{text-align:center;}.elementor-8 .elementor-element.elementor-element-49ea2d6 .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:20px;font-weight:bold;line-height:1.2em;color:#2D2D2D;}.elementor-8 .elementor-element.elementor-element-9c9ec2c .elementor-button{background-color:#7B4B28;font-family:"Cairo", Sans-serif;font-size:20px;font-weight:700;fill:#FFFFFF;color:#FFFFFF;transition-duration:0s;}.elementor-8 .elementor-element.elementor-element-9c9ec2c .elementor-button:hover, .elementor-8 .elementor-element.elementor-element-9c9ec2c .elementor-button:focus{background-color:#5C3B1E;color:#FFFFFF;border-color:#D2B48C;}.elementor-8 .elementor-element.elementor-element-9c9ec2c .elementor-button-content-wrapper{flex-direction:row;}.elementor-8 .elementor-element.elementor-element-9c9ec2c .elementor-button:hover svg, .elementor-8 .elementor-element.elementor-element-9c9ec2c .elementor-button:focus svg{fill:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-5557b5d{--display:flex;--overlay-opacity:0.5;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:20px;--margin-right:5px;--padding-top:0em;--padding-bottom:1em;--padding-left:0em;--padding-right:0em;}.elementor-8 .elementor-element.elementor-element-5557b5d:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-5557b5d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5E9DA;}.elementor-8 .elementor-element.elementor-element-5557b5d::before, .elementor-8 .elementor-element.elementor-element-5557b5d > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-5557b5d > .e-con-inner > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-5557b5d > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-5557b5d > .e-con-inner > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-5557b5d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-8 .elementor-element.elementor-element-5557b5d:hover::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-8 .elementor-element.elementor-element-3256173{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8 .elementor-element.elementor-element-3256173:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-8 .elementor-element.elementor-element-3256173 img{transition-duration:0.8s;border-radius:10px 10px 10px 10px;}.elementor-8 .elementor-element.elementor-element-74b72db{text-align:center;}.elementor-8 .elementor-element.elementor-element-74b72db .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:20px;font-weight:bold;line-height:1.2em;color:#2D2D2D;}.elementor-8 .elementor-element.elementor-element-bc6b46f .elementor-button{background-color:#7B4B28;font-family:"Cairo", Sans-serif;font-size:20px;font-weight:700;fill:#FFFFFF;color:#FFFFFF;transition-duration:0s;}.elementor-8 .elementor-element.elementor-element-bc6b46f .elementor-button:hover, .elementor-8 .elementor-element.elementor-element-bc6b46f .elementor-button:focus{background-color:#5C3B1E;color:#FFFFFF;border-color:#D2B48C;}.elementor-8 .elementor-element.elementor-element-bc6b46f .elementor-button-content-wrapper{flex-direction:row;}.elementor-8 .elementor-element.elementor-element-bc6b46f .elementor-button:hover svg, .elementor-8 .elementor-element.elementor-element-bc6b46f .elementor-button:focus svg{fill:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-ebc0fb0{--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;--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;--padding-top:20px;--padding-bottom:5px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-21e33de{--display:flex;--overlay-opacity:0.5;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:0px;--padding-top:0em;--padding-bottom:1em;--padding-left:0em;--padding-right:0em;}.elementor-8 .elementor-element.elementor-element-21e33de:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-21e33de > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5E9DA;}.elementor-8 .elementor-element.elementor-element-21e33de::before, .elementor-8 .elementor-element.elementor-element-21e33de > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-21e33de > .e-con-inner > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-21e33de > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-21e33de > .e-con-inner > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-21e33de > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-8 .elementor-element.elementor-element-7886408{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8 .elementor-element.elementor-element-7886408:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-8 .elementor-element.elementor-element-7886408 img{transition-duration:0.8s;border-radius:10px 10px 10px 10px;}.elementor-8 .elementor-element.elementor-element-cc67a4f{text-align:center;}.elementor-8 .elementor-element.elementor-element-cc67a4f .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:20px;font-weight:bold;line-height:1.2em;color:#2D2D2D;}.elementor-8 .elementor-element.elementor-element-d501630 .elementor-button{background-color:#7B4B28;font-family:"Cairo", Sans-serif;font-size:20px;font-weight:700;fill:#FFFFFF;color:#FFFFFF;transition-duration:0s;}.elementor-8 .elementor-element.elementor-element-d501630 .elementor-button:hover, .elementor-8 .elementor-element.elementor-element-d501630 .elementor-button:focus{background-color:#5C3B1E;color:#FFFFFF;border-color:#D2B48C;}.elementor-8 .elementor-element.elementor-element-d501630 .elementor-button-content-wrapper{flex-direction:row;}.elementor-8 .elementor-element.elementor-element-d501630 .elementor-button:hover svg, .elementor-8 .elementor-element.elementor-element-d501630 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-3026a43{--display:flex;--overlay-opacity:0.5;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:0px;--padding-top:0em;--padding-bottom:1em;--padding-left:0em;--padding-right:0em;}.elementor-8 .elementor-element.elementor-element-3026a43:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-3026a43 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5E9DA;}.elementor-8 .elementor-element.elementor-element-3026a43::before, .elementor-8 .elementor-element.elementor-element-3026a43 > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-3026a43 > .e-con-inner > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-3026a43 > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-3026a43 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-3026a43 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-8 .elementor-element.elementor-element-f7a0114{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8 .elementor-element.elementor-element-f7a0114:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-8 .elementor-element.elementor-element-f7a0114 img{transition-duration:0.8s;border-radius:10px 10px 10px 10px;}.elementor-8 .elementor-element.elementor-element-0bd2dea{text-align:center;}.elementor-8 .elementor-element.elementor-element-0bd2dea .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:20px;font-weight:bold;line-height:1.2em;color:#2D2D2D;}.elementor-8 .elementor-element.elementor-element-96119af .elementor-button{background-color:#7B4B28;font-family:"Cairo", Sans-serif;font-size:20px;font-weight:700;fill:#FFFFFF;color:#FFFFFF;transition-duration:0s;}.elementor-8 .elementor-element.elementor-element-96119af .elementor-button:hover, .elementor-8 .elementor-element.elementor-element-96119af .elementor-button:focus{background-color:#5C3B1E;color:#FFFFFF;border-color:#D2B48C;}.elementor-8 .elementor-element.elementor-element-96119af .elementor-button-content-wrapper{flex-direction:row;}.elementor-8 .elementor-element.elementor-element-96119af .elementor-button:hover svg, .elementor-8 .elementor-element.elementor-element-96119af .elementor-button:focus svg{fill:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-3282f91{--display:flex;--overlay-opacity:0.5;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:5px;--margin-right:5px;--padding-top:0em;--padding-bottom:1em;--padding-left:0em;--padding-right:0em;}.elementor-8 .elementor-element.elementor-element-3282f91:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-3282f91 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5E9DA;}.elementor-8 .elementor-element.elementor-element-3282f91::before, .elementor-8 .elementor-element.elementor-element-3282f91 > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-3282f91 > .e-con-inner > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-3282f91 > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-3282f91 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-3282f91 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-8 .elementor-element.elementor-element-3282f91:hover::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-8 .elementor-element.elementor-element-32a42fa{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8 .elementor-element.elementor-element-32a42fa:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-8 .elementor-element.elementor-element-32a42fa img{transition-duration:0.8s;border-radius:10px 10px 10px 10px;}.elementor-8 .elementor-element.elementor-element-4032747{text-align:center;}.elementor-8 .elementor-element.elementor-element-4032747 .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:20px;font-weight:bold;line-height:1.2em;color:#2D2D2D;}.elementor-8 .elementor-element.elementor-element-fcbb7f1 .elementor-button{background-color:#7B4B28;font-family:"Cairo", Sans-serif;font-size:20px;font-weight:700;fill:#FFFFFF;color:#FFFFFF;transition-duration:0s;}.elementor-8 .elementor-element.elementor-element-fcbb7f1 .elementor-button:hover, .elementor-8 .elementor-element.elementor-element-fcbb7f1 .elementor-button:focus{background-color:#5C3B1E;color:#FFFFFF;border-color:#D2B48C;}.elementor-8 .elementor-element.elementor-element-fcbb7f1 .elementor-button-content-wrapper{flex-direction:row;}.elementor-8 .elementor-element.elementor-element-fcbb7f1 .elementor-button:hover svg, .elementor-8 .elementor-element.elementor-element-fcbb7f1 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-e777905{--display:flex;--overlay-opacity:0.5;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:5px;--margin-right:5px;--padding-top:0em;--padding-bottom:1em;--padding-left:0em;--padding-right:0em;}.elementor-8 .elementor-element.elementor-element-e777905:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-e777905 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5E9DA;}.elementor-8 .elementor-element.elementor-element-e777905::before, .elementor-8 .elementor-element.elementor-element-e777905 > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-e777905 > .e-con-inner > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-e777905 > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-e777905 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-e777905 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-8 .elementor-element.elementor-element-e777905:hover::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-8 .elementor-element.elementor-element-5d9d489{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8 .elementor-element.elementor-element-5d9d489:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-8 .elementor-element.elementor-element-5d9d489 img{transition-duration:0.8s;border-radius:10px 10px 10px 10px;}.elementor-8 .elementor-element.elementor-element-4555575{text-align:center;}.elementor-8 .elementor-element.elementor-element-4555575 .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:20px;font-weight:bold;line-height:1.2em;color:#2D2D2D;}.elementor-8 .elementor-element.elementor-element-57880ee .elementor-button{background-color:#7B4B28;font-family:"Cairo", Sans-serif;font-size:20px;font-weight:700;fill:#FFFFFF;color:#FFFFFF;transition-duration:0s;}.elementor-8 .elementor-element.elementor-element-57880ee .elementor-button:hover, .elementor-8 .elementor-element.elementor-element-57880ee .elementor-button:focus{background-color:#5C3B1E;color:#FFFFFF;border-color:#D2B48C;}.elementor-8 .elementor-element.elementor-element-57880ee .elementor-button-content-wrapper{flex-direction:row;}.elementor-8 .elementor-element.elementor-element-57880ee .elementor-button:hover svg, .elementor-8 .elementor-element.elementor-element-57880ee .elementor-button:focus svg{fill:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-4054362{--display:flex;--overlay-opacity:0.5;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:20px;--margin-right:5px;--padding-top:0em;--padding-bottom:1em;--padding-left:0em;--padding-right:0em;}.elementor-8 .elementor-element.elementor-element-4054362:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-4054362 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5E9DA;}.elementor-8 .elementor-element.elementor-element-4054362::before, .elementor-8 .elementor-element.elementor-element-4054362 > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-4054362 > .e-con-inner > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-4054362 > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-4054362 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-4054362 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-8 .elementor-element.elementor-element-4054362:hover::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-8 .elementor-element.elementor-element-7ff373c{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8 .elementor-element.elementor-element-7ff373c:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-8 .elementor-element.elementor-element-7ff373c img{transition-duration:0.8s;border-radius:10px 10px 10px 10px;}.elementor-8 .elementor-element.elementor-element-f463509{text-align:center;}.elementor-8 .elementor-element.elementor-element-f463509 .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:20px;font-weight:bold;line-height:1.2em;color:#2D2D2D;}.elementor-8 .elementor-element.elementor-element-abdabfc .elementor-button{background-color:#7B4B28;font-family:"Cairo", Sans-serif;font-size:20px;font-weight:700;fill:#FFFFFF;color:#FFFFFF;transition-duration:0s;}.elementor-8 .elementor-element.elementor-element-abdabfc .elementor-button:hover, .elementor-8 .elementor-element.elementor-element-abdabfc .elementor-button:focus{background-color:#5C3B1E;color:#FFFFFF;border-color:#D2B48C;}.elementor-8 .elementor-element.elementor-element-abdabfc .elementor-button-content-wrapper{flex-direction:row;}.elementor-8 .elementor-element.elementor-element-abdabfc .elementor-button:hover svg, .elementor-8 .elementor-element.elementor-element-abdabfc .elementor-button:focus svg{fill:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-d74d160{--display:flex;}.elementor-8 .elementor-element.elementor-element-d7de947{--display:flex;}.elementor-8 .elementor-element.elementor-element-40c8845{--display:flex;}.elementor-8 .elementor-element.elementor-element-cfcf40a{--display:flex;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-8 .elementor-element.elementor-element-721d9f2{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-8 .elementor-element.elementor-element-721d9f2 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-721d9f2 .elementor-post__thumbnail__link{width:100%;}.elementor-8 .elementor-element.elementor-element-721d9f2 .elementor-post__meta-data span + span:before{content:"•";}.elementor-8 .elementor-element.elementor-element-721d9f2 .elementor-post__card{background-color:#F5E9DA;border-radius:25px;}.elementor-8 .elementor-element.elementor-element-721d9f2 .elementor-post__text{margin-top:20px;}.elementor-8 .elementor-element.elementor-element-721d9f2 .elementor-post__title, .elementor-8 .elementor-element.elementor-element-721d9f2 .elementor-post__title a{color:#2D2D2D;font-family:"Cairo", Sans-serif;font-size:25px;font-weight:700;}.elementor-8 .elementor-element.elementor-element-721d9f2 .elementor-post__read-more{color:#7B4B28;}.elementor-8 .elementor-element.elementor-element-721d9f2 a.elementor-post__read-more{font-family:"Cairo", Sans-serif;font-size:20px;font-weight:600;}.elementor-8 .elementor-element.elementor-element-5fd0191{--display:flex;}.elementor-8 .elementor-element.elementor-element-23861c6{--display:flex;}.elementor-8 .elementor-element.elementor-element-2aac3e0{--display:flex;}@media(min-width:768px){.elementor-8 .elementor-element.elementor-element-7b6763f{--content-width:1350px;}.elementor-8 .elementor-element.elementor-element-ebc0fb0{--content-width:1350px;}}@media(max-width:1024px){.elementor-8 .elementor-element.elementor-element-7b6763f{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-ebc0fb0{--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;}}@media(max-width:767px){.elementor-8 .elementor-element.elementor-element-7b6763f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-17a9214{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-8 .elementor-element.elementor-element-707dc99{padding:10px 10px 10px 10px;}.elementor-8 .elementor-element.elementor-element-23486d7{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-8 .elementor-element.elementor-element-84cd5ec{padding:10px 10px 10px 10px;}.elementor-8 .elementor-element.elementor-element-de8e3d9{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-8 .elementor-element.elementor-element-bc4d47c{padding:10px 10px 10px 10px;}.elementor-8 .elementor-element.elementor-element-637441a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-8 .elementor-element.elementor-element-9c9ec2c{padding:10px 10px 10px 10px;}.elementor-8 .elementor-element.elementor-element-5557b5d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-8 .elementor-element.elementor-element-bc6b46f{padding:10px 10px 10px 10px;}.elementor-8 .elementor-element.elementor-element-ebc0fb0{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-21e33de{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-8 .elementor-element.elementor-element-d501630{padding:10px 10px 10px 10px;}.elementor-8 .elementor-element.elementor-element-3026a43{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-8 .elementor-element.elementor-element-96119af{padding:10px 10px 10px 10px;}.elementor-8 .elementor-element.elementor-element-3282f91{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-8 .elementor-element.elementor-element-fcbb7f1{padding:10px 10px 10px 10px;}.elementor-8 .elementor-element.elementor-element-e777905{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-8 .elementor-element.elementor-element-57880ee{padding:10px 10px 10px 10px;}.elementor-8 .elementor-element.elementor-element-4054362{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-8 .elementor-element.elementor-element-abdabfc{padding:10px 10px 10px 10px;}.elementor-8 .elementor-element.elementor-element-721d9f2 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for heading, class: .elementor-element-69be8cc *//* استخدام .elementor-8 .elementor-element.elementor-element-69be8cc لربط الكود بالعنصر مباشرة */ .elementor-8 .elementor-element.elementor-element-69be8cc .elementor-heading-title { /* إعدادات النص المطلوبة */ text-decoration: none; display: inline-block; /* تأثير الألوان المتداخلة الخاص بك */ background: linear-gradient(135deg, #4A2F18, #C5A059, #8E5A2D, #C5A059, #4A2F18) !important; background-size: 200% auto !important; /* جعل التدرج يظهر داخل النص فقط */ -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; /* حركة الألوان المتداخلة المستمرة */ animation: moveGradient 4s linear infinite; /* توازن بصري إضافي */ transition: transform 0.3s ease; } /* تأثير عند مرور الماوس */ .elementor-8 .elementor-element.elementor-element-69be8cc .elementor-heading-title:hover { transform: scale(1.05); } /* أنيميشن تحريك الألوان داخل الكلمة (نفس الكود الأصلي) */ @keyframes moveGradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-707dc99 *//* تنسيق الزر الأساسي */ .elementor-8 .elementor-element.elementor-element-707dc99 .elementor-button { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 10px 30px !important; font-size: 16px !important; font-weight: 800; color: #fff !important; background: linear-gradient(135deg, #4A2F18, #C5A059, #8E5A2D, #FDF9F4, #C5A059, #4A2F18) !important; background-size: 300% auto !important; border-radius: 40px !important; border: none !important; transition: 0.5s; box-shadow: 0 8px 20px rgba(74, 47, 24, 0.25); animation: flowColors 4s linear infinite; overflow: hidden; } /* تأثير مرور الماوس (Hover) */ .elementor-8 .elementor-element.elementor-element-707dc99 .elementor-button:hover { transform: translateY(-3px) scale(1.03); box-shadow: 0 12px 28px rgba(74, 47, 24, 0.35); filter: brightness(1.1); } /* اللمعة المتحركة */ .elementor-8 .elementor-element.elementor-element-707dc99 .elementor-button::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.3), transparent); transition: 0.5s; } .elementor-8 .elementor-element.elementor-element-707dc99 .elementor-button:hover::before { left: 100%; transition: 0.6s; } /* حركة اهتزاز أيقونة الواتساب - كما في كودك الأصلي */ .elementor-8 .elementor-element.elementor-element-707dc99 .elementor-button .elementor-button-icon i { font-size: 20px; display: inline-block; animation: shake 2s infinite; } /* أنيميشن انسياب الألوان */ @keyframes flowColors { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* أنيميشن اهتزاز الأيقونة */ @keyframes shake { 0%, 100% { transform: rotate(0deg); } 10%, 30%, 50% { transform: rotate(-10deg); } 20%, 40%, 60% { transform: rotate(10deg); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-29ac8be *//* استخدام .elementor-8 .elementor-element.elementor-element-29ac8be لربط الكود بالعنصر مباشرة */ .elementor-8 .elementor-element.elementor-element-29ac8be .elementor-heading-title { /* إعدادات النص المطلوبة */ text-decoration: none; display: inline-block; /* تأثير الألوان المتداخلة الخاص بك */ background: linear-gradient(135deg, #4A2F18, #C5A059, #8E5A2D, #C5A059, #4A2F18) !important; background-size: 200% auto !important; /* جعل التدرج يظهر داخل النص فقط */ -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; /* حركة الألوان المتداخلة المستمرة */ animation: moveGradient 4s linear infinite; /* توازن بصري إضافي */ transition: transform 0.3s ease; } /* تأثير عند مرور الماوس */ .elementor-8 .elementor-element.elementor-element-29ac8be .elementor-heading-title:hover { transform: scale(1.05); } /* أنيميشن تحريك الألوان داخل الكلمة (نفس الكود الأصلي) */ @keyframes moveGradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-84cd5ec *//* تنسيق الزر الأساسي */ .elementor-8 .elementor-element.elementor-element-84cd5ec .elementor-button { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 10px 30px !important; font-size: 16px !important; font-weight: 800; color: #fff !important; background: linear-gradient(135deg, #4A2F18, #C5A059, #8E5A2D, #FDF9F4, #C5A059, #4A2F18) !important; background-size: 300% auto !important; border-radius: 40px !important; border: none !important; transition: 0.5s; box-shadow: 0 8px 20px rgba(74, 47, 24, 0.25); animation: flowColors 4s linear infinite; overflow: hidden; } /* تأثير مرور الماوس (Hover) */ .elementor-8 .elementor-element.elementor-element-84cd5ec .elementor-button:hover { transform: translateY(-3px) scale(1.03); box-shadow: 0 12px 28px rgba(74, 47, 24, 0.35); filter: brightness(1.1); } /* اللمعة المتحركة */ .elementor-8 .elementor-element.elementor-element-84cd5ec .elementor-button::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.3), transparent); transition: 0.5s; } .elementor-8 .elementor-element.elementor-element-84cd5ec .elementor-button:hover::before { left: 100%; transition: 0.6s; } /* حركة اهتزاز أيقونة الواتساب - كما في كودك الأصلي */ .elementor-8 .elementor-element.elementor-element-84cd5ec .elementor-button .elementor-button-icon i { font-size: 20px; display: inline-block; animation: shake 2s infinite; } /* أنيميشن انسياب الألوان */ @keyframes flowColors { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* أنيميشن اهتزاز الأيقونة */ @keyframes shake { 0%, 100% { transform: rotate(0deg); } 10%, 30%, 50% { transform: rotate(-10deg); } 20%, 40%, 60% { transform: rotate(10deg); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-385720f *//* استخدام .elementor-8 .elementor-element.elementor-element-385720f لربط الكود بالعنصر مباشرة */ .elementor-8 .elementor-element.elementor-element-385720f .elementor-heading-title { /* إعدادات النص المطلوبة */ text-decoration: none; display: inline-block; /* تأثير الألوان المتداخلة الخاص بك */ background: linear-gradient(135deg, #4A2F18, #C5A059, #8E5A2D, #C5A059, #4A2F18) !important; background-size: 200% auto !important; /* جعل التدرج يظهر داخل النص فقط */ -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; /* حركة الألوان المتداخلة المستمرة */ animation: moveGradient 4s linear infinite; /* توازن بصري إضافي */ transition: transform 0.3s ease; } /* تأثير عند مرور الماوس */ .elementor-8 .elementor-element.elementor-element-385720f .elementor-heading-title:hover { transform: scale(1.05); } /* أنيميشن تحريك الألوان داخل الكلمة (نفس الكود الأصلي) */ @keyframes moveGradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-bc4d47c *//* تنسيق الزر الأساسي */ .elementor-8 .elementor-element.elementor-element-bc4d47c .elementor-button { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 10px 30px !important; font-size: 16px !important; font-weight: 800; color: #fff !important; background: linear-gradient(135deg, #4A2F18, #C5A059, #8E5A2D, #FDF9F4, #C5A059, #4A2F18) !important; background-size: 300% auto !important; border-radius: 40px !important; border: none !important; transition: 0.5s; box-shadow: 0 8px 20px rgba(74, 47, 24, 0.25); animation: flowColors 4s linear infinite; overflow: hidden; } /* تأثير مرور الماوس (Hover) */ .elementor-8 .elementor-element.elementor-element-bc4d47c .elementor-button:hover { transform: translateY(-3px) scale(1.03); box-shadow: 0 12px 28px rgba(74, 47, 24, 0.35); filter: brightness(1.1); } /* اللمعة المتحركة */ .elementor-8 .elementor-element.elementor-element-bc4d47c .elementor-button::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.3), transparent); transition: 0.5s; } .elementor-8 .elementor-element.elementor-element-bc4d47c .elementor-button:hover::before { left: 100%; transition: 0.6s; } /* حركة اهتزاز أيقونة الواتساب - كما في كودك الأصلي */ .elementor-8 .elementor-element.elementor-element-bc4d47c .elementor-button .elementor-button-icon i { font-size: 20px; display: inline-block; animation: shake 2s infinite; } /* أنيميشن انسياب الألوان */ @keyframes flowColors { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* أنيميشن اهتزاز الأيقونة */ @keyframes shake { 0%, 100% { transform: rotate(0deg); } 10%, 30%, 50% { transform: rotate(-10deg); } 20%, 40%, 60% { transform: rotate(10deg); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de8e3d9 *//* تنسيق الحاوية الأساسية للصورة في المنتور */ .elementor-8 .elementor-element.elementor-element-de8e3d9.custom-image-card .elementor-widget-container { position: relative; width: 100%; max-width: 250px; margin: 0 auto; aspect-ratio: 3/4.2; border-radius: 15px; overflow: hidden; background-color: #fff; box-shadow: 0 8px 25px rgba(74, 47, 24, 0.08); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* الحافة الذهبية المتداخلة */ border: 2px solid transparent; background-image: linear-gradient(white, white), linear-gradient(135deg, #4A2F18, #C5A059, #8E5A2D, #FDF9F4, #C5A059); background-origin: border-box; background-clip: content-box, border-box; } /* ضبط الصورة داخل الحاوية */ .elementor-8 .elementor-element.elementor-element-de8e3d9.custom-image-card img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; } /* تأثير الطبقة المتداخلة الذهبية */ .elementor-8 .elementor-element.elementor-element-de8e3d9.custom-image-card .elementor-widget-container::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, #4A2F18, #C5A059, #8E5A2D, #FDF9F4, #C5A059); background-size: 300% auto; opacity: 0; z-index: 2; mix-blend-mode: multiply; transition: opacity 0.4s ease; } /* لمسة اللمعان الاحترافية (Shine) */ .elementor-8 .elementor-element.elementor-element-de8e3d9.custom-image-card .elementor-widget-container::after { content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent); z-index: 3; transform: skewX(-20deg); transition: 0s; } /* تأثيرات الـ Hover */ .elementor-8 .elementor-element.elementor-element-de8e3d9.custom-image-card:hover .elementor-widget-container { transform: translateY(-8px) scale(1.03); box-shadow: 0 15px 35px rgba(74, 47, 24, 0.15); } .elementor-8 .elementor-element.elementor-element-de8e3d9.custom-image-card:hover .elementor-widget-container::before { opacity: 0.6; animation: flowGradient 3s linear infinite; } .elementor-8 .elementor-element.elementor-element-de8e3d9.custom-image-card:hover img { transform: scale(1.1) !important; } /* حركة اللمعان عند الهوفر */ .elementor-8 .elementor-element.elementor-element-de8e3d9.custom-image-card:hover .elementor-widget-container::after { left: 150%; transition: 0.8s; } /* الأنميشن الخاص بتدفق الألوان */ @keyframes flowGradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-49ea2d6 *//* استخدام .elementor-8 .elementor-element.elementor-element-49ea2d6 لربط الكود بالعنصر مباشرة */ .elementor-8 .elementor-element.elementor-element-49ea2d6 .elementor-heading-title { /* إعدادات النص المطلوبة */ text-decoration: none; display: inline-block; /* تأثير الألوان المتداخلة الخاص بك */ background: linear-gradient(135deg, #4A2F18, #C5A059, #8E5A2D, #C5A059, #4A2F18) !important; background-size: 200% auto !important; /* جعل التدرج يظهر داخل النص فقط */ -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; /* حركة الألوان المتداخلة المستمرة */ animation: moveGradient 4s linear infinite; /* توازن بصري إضافي */ transition: transform 0.3s ease; } /* تأثير عند مرور الماوس */ .elementor-8 .elementor-element.elementor-element-49ea2d6 .elementor-heading-title:hover { transform: scale(1.05); } /* أنيميشن تحريك الألوان داخل الكلمة (نفس الكود الأصلي) */ @keyframes moveGradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9c9ec2c *//* تنسيق الزر الأساسي */ .elementor-8 .elementor-element.elementor-element-9c9ec2c .elementor-button { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 10px 30px !important; font-size: 16px !important; font-weight: 800; color: #fff !important; background: linear-gradient(135deg, #4A2F18, #C5A059, #8E5A2D, #FDF9F4, #C5A059, #4A2F18) !important; background-size: 300% auto !important; border-radius: 40px !important; border: none !important; transition: 0.5s; box-shadow: 0 8px 20px rgba(74, 47, 24, 0.25); animation: flowColors 4s linear infinite; overflow: hidden; } /* تأثير مرور الماوس (Hover) */ .elementor-8 .elementor-element.elementor-element-9c9ec2c .elementor-button:hover { transform: translateY(-3px) scale(1.03); box-shadow: 0 12px 28px rgba(74, 47, 24, 0.35); filter: brightness(1.1); } /* اللمعة المتحركة */ .elementor-8 .elementor-element.elementor-element-9c9ec2c .elementor-button::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.3), transparent); transition: 0.5s; } .elementor-8 .elementor-element.elementor-element-9c9ec2c .elementor-button:hover::before { left: 100%; transition: 0.6s; } /* حركة اهتزاز أيقونة الواتساب - كما في كودك الأصلي */ .elementor-8 .elementor-element.elementor-element-9c9ec2c .elementor-button .elementor-button-icon i { font-size: 20px; display: inline-block; animation: shake 2s infinite; } /* أنيميشن انسياب الألوان */ @keyframes flowColors { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* أنيميشن اهتزاز الأيقونة */ @keyframes shake { 0%, 100% { transform: rotate(0deg); } 10%, 30%, 50% { transform: rotate(-10deg); } 20%, 40%, 60% { transform: rotate(10deg); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-637441a *//* تنسيق الحاوية الأساسية للصورة في المنتور */ .elementor-8 .elementor-element.elementor-element-637441a.custom-image-card .elementor-widget-container { position: relative; width: 100%; max-width: 250px; margin: 0 auto; aspect-ratio: 3/4.2; border-radius: 15px; overflow: hidden; background-color: #fff; box-shadow: 0 8px 25px rgba(74, 47, 24, 0.08); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* الحافة الذهبية المتداخلة */ border: 2px solid transparent; background-image: linear-gradient(white, white), linear-gradient(135deg, #4A2F18, #C5A059, #8E5A2D, #FDF9F4, #C5A059); background-origin: border-box; background-clip: content-box, border-box; } /* ضبط الصورة داخل الحاوية */ .elementor-8 .elementor-element.elementor-element-637441a.custom-image-card img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; } /* تأثير الطبقة المتداخلة الذهبية */ .elementor-8 .elementor-element.elementor-element-637441a.custom-image-card .elementor-widget-container::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, #4A2F18, #C5A059, #8E5A2D, #FDF9F4, #C5A059); background-size: 300% auto; opacity: 0; z-index: 2; mix-blend-mode: multiply; transition: opacity 0.4s ease; } /* لمسة اللمعان الاحترافية (Shine) */ .elementor-8 .elementor-element.elementor-element-637441a.custom-image-card .elementor-widget-container::after { content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent); z-index: 3; transform: skewX(-20deg); transition: 0s; } /* تأثيرات الـ Hover */ .elementor-8 .elementor-element.elementor-element-637441a.custom-image-card:hover .elementor-widget-container { transform: translateY(-8px) scale(1.03); box-shadow: 0 15px 35px rgba(74, 47, 24, 0.15); } .elementor-8 .elementor-element.elementor-element-637441a.custom-image-card:hover .elementor-widget-container::before { opacity: 0.6; animation: flowGradient 3s linear infinite; } .elementor-8 .elementor-element.elementor-element-637441a.custom-image-card:hover img { transform: scale(1.1) !important; } /* حركة اللمعان عند الهوفر */ .elementor-8 .elementor-element.elementor-element-637441a.custom-image-card:hover .elementor-widget-container::after { left: 150%; transition: 0.8s; } /* الأنميشن الخاص بتدفق الألوان */ @keyframes flowGradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-74b72db *//* استخدام .elementor-8 .elementor-element.elementor-element-74b72db لربط الكود بالعنصر مباشرة */ .elementor-8 .elementor-element.elementor-element-74b72db .elementor-heading-title { /* إعدادات النص المطلوبة */ text-decoration: none; display: inline-block; /* تأثير الألوان المتداخلة الخاص بك */ background: linear-gradient(135deg, #4A2F18, #C5A059, #8E5A2D, #C5A059, #4A2F18) !important; background-size: 200% auto !important; /* جعل التدرج يظهر داخل النص فقط */ -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; /* حركة الألوان المتداخلة المستمرة */ animation: moveGradient 4s linear infinite; /* توازن بصري إضافي */ transition: transform 0.3s ease; } /* تأثير عند مرور الماوس */ .elementor-8 .elementor-element.elementor-element-74b72db .elementor-heading-title:hover { transform: scale(1.05); } /* أنيميشن تحريك الألوان داخل الكلمة (نفس الكود الأصلي) */ @keyframes moveGradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-bc6b46f *//* تنسيق الزر الأساسي */ .elementor-8 .elementor-element.elementor-element-bc6b46f .elementor-button { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 10px 30px !important; font-size: 16px !important; font-weight: 800; color: #fff !important; background: linear-gradient(135deg, #4A2F18, #C5A059, #8E5A2D, #FDF9F4, #C5A059, #4A2F18) !important; background-size: 300% auto !important; border-radius: 40px !important; border: none !important; transition: 0.5s; box-shadow: 0 8px 20px rgba(74, 47, 24, 0.25); animation: flowColors 4s linear infinite; overflow: hidden; } /* تأثير مرور الماوس (Hover) */ .elementor-8 .elementor-element.elementor-element-bc6b46f .elementor-button:hover { transform: translateY(-3px) scale(1.03); box-shadow: 0 12px 28px rgba(74, 47, 24, 0.35); filter: brightness(1.1); } /* اللمعة المتحركة */ .elementor-8 .elementor-element.elementor-element-bc6b46f .elementor-button::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.3), transparent); transition: 0.5s; } .elementor-8 .elementor-element.elementor-element-bc6b46f .elementor-button:hover::before { left: 100%; transition: 0.6s; } /* حركة اهتزاز أيقونة الواتساب - كما في كودك الأصلي */ .elementor-8 .elementor-element.elementor-element-bc6b46f .elementor-button .elementor-button-icon i { font-size: 20px; display: inline-block; animation: shake 2s infinite; } /* أنيميشن انسياب الألوان */ @keyframes flowColors { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* أنيميشن اهتزاز الأيقونة */ @keyframes shake { 0%, 100% { transform: rotate(0deg); } 10%, 30%, 50% { transform: rotate(-10deg); } 20%, 40%, 60% { transform: rotate(10deg); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5557b5d *//* تنسيق الحاوية الأساسية للصورة في المنتور */ .elementor-8 .elementor-element.elementor-element-5557b5d.custom-image-card .elementor-widget-container { position: relative; width: 100%; max-width: 250px; margin: 0 auto; aspect-ratio: 3/4.2; border-radius: 15px; overflow: hidden; background-color: #fff; box-shadow: 0 8px 25px rgba(74, 47, 24, 0.08); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* الحافة الذهبية المتداخلة */ border: 2px solid transparent; background-image: linear-gradient(white, white), linear-gradient(135deg, #4A2F18, #C5A059, #8E5A2D, #FDF9F4, #C5A059); background-origin: border-box; background-clip: content-box, border-box; } /* ضبط الصورة داخل الحاوية */ .elementor-8 .elementor-element.elementor-element-5557b5d.custom-image-card img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; } /* تأثير الطبقة المتداخلة الذهبية */ .elementor-8 .elementor-element.elementor-element-5557b5d.custom-image-card .elementor-widget-container::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, #4A2F18, #C5A059, #8E5A2D, #FDF9F4, #C5A059); background-size: 300% auto; opacity: 0; z-index: 2; mix-blend-mode: multiply; transition: opacity 0.4s ease; } /* لمسة اللمعان الاحترافية (Shine) */ .elementor-8 .elementor-element.elementor-element-5557b5d.custom-image-card .elementor-widget-container::after { content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent); z-index: 3; transform: skewX(-20deg); transition: 0s; } /* تأثيرات الـ Hover */ .elementor-8 .elementor-element.elementor-element-5557b5d.custom-image-card:hover .elementor-widget-container { transform: translateY(-8px) scale(1.03); box-shadow: 0 15px 35px rgba(74, 47, 24, 0.15); } .elementor-8 .elementor-element.elementor-element-5557b5d.custom-image-card:hover .elementor-widget-container::before { opacity: 0.6; animation: flowGradient 3s linear infinite; } .elementor-8 .elementor-element.elementor-element-5557b5d.custom-image-card:hover img { transform: scale(1.1) !important; } /* حركة اللمعان عند الهوفر */ .elementor-8 .elementor-element.elementor-element-5557b5d.custom-image-card:hover .elementor-widget-container::after { left: 150%; transition: 0.8s; } /* الأنميشن الخاص بتدفق الألوان */ @keyframes flowGradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-cc67a4f *//* استخدام .elementor-8 .elementor-element.elementor-element-cc67a4f لربط الكود بالعنصر مباشرة */ .elementor-8 .elementor-element.elementor-element-cc67a4f .elementor-heading-title { /* إعدادات النص المطلوبة */ text-decoration: none; display: inline-block; /* تأثير الألوان المتداخلة الخاص بك */ background: linear-gradient(135deg, #4A2F18, #C5A059, #8E5A2D, #C5A059, #4A2F18) !important; background-size: 200% auto !important; /* جعل التدرج يظهر داخل النص فقط */ -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; /* حركة الألوان المتداخلة المستمرة */ animation: moveGradient 4s linear infinite; /* توازن بصري إضافي */ transition: transform 0.3s ease; } /* تأثير عند مرور الماوس */ .elementor-8 .elementor-element.elementor-element-cc67a4f .elementor-heading-title:hover { transform: scale(1.05); } /* أنيميشن تحريك الألوان داخل الكلمة (نفس الكود الأصلي) */ @keyframes moveGradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d501630 *//* تنسيق الزر الأساسي */ .elementor-8 .elementor-element.elementor-element-d501630 .elementor-button { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 10px 30px !important; font-size: 16px !important; font-weight: 800; color: #fff !important; background: linear-gradient(135deg, #4A2F18, #C5A059, #8E5A2D, #FDF9F4, #C5A059, #4A2F18) !important; background-size: 300% auto !important; border-radius: 40px !important; border: none !important; transition: 0.5s; box-shadow: 0 8px 20px rgba(74, 47, 24, 0.25); animation: flowColors 4s linear infinite; overflow: hidden; } /* تأثير مرور الماوس (Hover) */ .elementor-8 .elementor-element.elementor-element-d501630 .elementor-button:hover { transform: translateY(-3px) scale(1.03); box-shadow: 0 12px 28px rgba(74, 47, 24, 0.35); filter: brightness(1.1); } /* اللمعة المتحركة */ .elementor-8 .elementor-element.elementor-element-d501630 .elementor-button::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.3), transparent); transition: 0.5s; } .elementor-8 .elementor-element.elementor-element-d501630 .elementor-button:hover::before { left: 100%; transition: 0.6s; } /* حركة اهتزاز أيقونة الواتساب - كما في كودك الأصلي */ .elementor-8 .elementor-element.elementor-element-d501630 .elementor-button .elementor-button-icon i { font-size: 20px; display: inline-block; animation: shake 2s infinite; } /* أنيميشن انسياب الألوان */ @keyframes flowColors { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* أنيميشن اهتزاز الأيقونة */ @keyframes shake { 0%, 100% { transform: rotate(0deg); } 10%, 30%, 50% { transform: rotate(-10deg); } 20%, 40%, 60% { transform: rotate(10deg); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0bd2dea *//* استخدام .elementor-8 .elementor-element.elementor-element-0bd2dea لربط الكود بالعنصر مباشرة */ .elementor-8 .elementor-element.elementor-element-0bd2dea .elementor-heading-title { /* إعدادات النص المطلوبة */ text-decoration: none; display: inline-block; /* تأثير الألوان المتداخلة الخاص بك */ background: linear-gradient(135deg, #4A2F18, #C5A059, #8E5A2D, #C5A059, #4A2F18) !important; background-size: 200% auto !important; /* جعل التدرج يظهر داخل النص فقط */ -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; /* حركة الألوان المتداخلة المستمرة */ animation: moveGradient 4s linear infinite; /* توازن بصري إضافي */ transition: transform 0.3s ease; } /* تأثير عند مرور الماوس */ .elementor-8 .elementor-element.elementor-element-0bd2dea .elementor-heading-title:hover { transform: scale(1.05); } /* أنيميشن تحريك الألوان داخل الكلمة (نفس الكود الأصلي) */ @keyframes moveGradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-96119af *//* تنسيق الزر الأساسي */ .elementor-8 .elementor-element.elementor-element-96119af .elementor-button { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 10px 30px !important; font-size: 16px !important; font-weight: 800; color: #fff !important; background: linear-gradient(135deg, #4A2F18, #C5A059, #8E5A2D, #FDF9F4, #C5A059, #4A2F18) !important; background-size: 300% auto !important; border-radius: 40px !important; border: none !important; transition: 0.5s; box-shadow: 0 8px 20px rgba(74, 47, 24, 0.25); animation: flowColors 4s linear infinite; overflow: hidden; } /* تأثير مرور الماوس (Hover) */ .elementor-8 .elementor-element.elementor-element-96119af .elementor-button:hover { transform: translateY(-3px) scale(1.03); box-shadow: 0 12px 28px rgba(74, 47, 24, 0.35); filter: brightness(1.1); } /* اللمعة المتحركة */ .elementor-8 .elementor-element.elementor-element-96119af .elementor-button::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.3), transparent); transition: 0.5s; } .elementor-8 .elementor-element.elementor-element-96119af .elementor-button:hover::before { left: 100%; transition: 0.6s; } /* حركة اهتزاز أيقونة الواتساب - كما في كودك الأصلي */ .elementor-8 .elementor-element.elementor-element-96119af .elementor-button .elementor-button-icon i { font-size: 20px; display: inline-block; animation: shake 2s infinite; } /* أنيميشن انسياب الألوان */ @keyframes flowColors { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* أنيميشن اهتزاز الأيقونة */ @keyframes shake { 0%, 100% { transform: rotate(0deg); } 10%, 30%, 50% { transform: rotate(-10deg); } 20%, 40%, 60% { transform: rotate(10deg); } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-4032747 *//* استخدام .elementor-8 .elementor-element.elementor-element-4032747 لربط الكود بالعنصر مباشرة */ .elementor-8 .elementor-element.elementor-element-4032747 .elementor-heading-title { /* إعدادات النص المطلوبة */ text-decoration: none; display: inline-block; /* تأثير الألوان المتداخلة الخاص بك */ background: linear-gradient(135deg, #4A2F18, #C5A059, #8E5A2D, #C5A059, #4A2F18) !important; background-size: 200% auto !important; /* جعل التدرج يظهر داخل النص فقط */ -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; /* حركة الألوان المتداخلة المستمرة */ animation: moveGradient 4s linear infinite; /* توازن بصري إضافي */ transition: transform 0.3s ease; } /* تأثير عند مرور الماوس */ .elementor-8 .elementor-element.elementor-element-4032747 .elementor-heading-title:hover { transform: scale(1.05); } /* أنيميشن تحريك الألوان داخل الكلمة (نفس الكود الأصلي) */ @keyframes moveGradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-fcbb7f1 *//* تنسيق الزر الأساسي */ .elementor-8 .elementor-element.elementor-element-fcbb7f1 .elementor-button { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 10px 30px !important; font-size: 16px !important; font-weight: 800; color: #fff !important; background: linear-gradient(135deg, #4A2F18, #C5A059, #8E5A2D, #FDF9F4, #C5A059, #4A2F18) !important; background-size: 300% auto !important; border-radius: 40px !important; border: none !important; transition: 0.5s; box-shadow: 0 8px 20px rgba(74, 47, 24, 0.25); animation: flowColors 4s linear infinite; overflow: hidden; } /* تأثير مرور الماوس (Hover) */ .elementor-8 .elementor-element.elementor-element-fcbb7f1 .elementor-button:hover { transform: translateY(-3px) scale(1.03); box-shadow: 0 12px 28px rgba(74, 47, 24, 0.35); filter: brightness(1.1); } /* اللمعة المتحركة */ .elementor-8 .elementor-element.elementor-element-fcbb7f1 .elementor-button::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.3), transparent); transition: 0.5s; } .elementor-8 .elementor-element.elementor-element-fcbb7f1 .elementor-button:hover::before { left: 100%; transition: 0.6s; } /* حركة اهتزاز أيقونة الواتساب - كما في كودك الأصلي */ .elementor-8 .elementor-element.elementor-element-fcbb7f1 .elementor-button .elementor-button-icon i { font-size: 20px; display: inline-block; animation: shake 2s infinite; } /* أنيميشن انسياب الألوان */ @keyframes flowColors { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* أنيميشن اهتزاز الأيقونة */ @keyframes shake { 0%, 100% { transform: rotate(0deg); } 10%, 30%, 50% { transform: rotate(-10deg); } 20%, 40%, 60% { transform: rotate(10deg); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3282f91 *//* تنسيق الحاوية الأساسية للصورة في المنتور */ .elementor-8 .elementor-element.elementor-element-3282f91.custom-image-card .elementor-widget-container { position: relative; width: 100%; max-width: 250px; margin: 0 auto; aspect-ratio: 3/4.2; border-radius: 15px; overflow: hidden; background-color: #fff; box-shadow: 0 8px 25px rgba(74, 47, 24, 0.08); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* الحافة الذهبية المتداخلة */ border: 2px solid transparent; background-image: linear-gradient(white, white), linear-gradient(135deg, #4A2F18, #C5A059, #8E5A2D, #FDF9F4, #C5A059); background-origin: border-box; background-clip: content-box, border-box; } /* ضبط الصورة داخل الحاوية */ .elementor-8 .elementor-element.elementor-element-3282f91.custom-image-card img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; } /* تأثير الطبقة المتداخلة الذهبية */ .elementor-8 .elementor-element.elementor-element-3282f91.custom-image-card .elementor-widget-container::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, #4A2F18, #C5A059, #8E5A2D, #FDF9F4, #C5A059); background-size: 300% auto; opacity: 0; z-index: 2; mix-blend-mode: multiply; transition: opacity 0.4s ease; } /* لمسة اللمعان الاحترافية (Shine) */ .elementor-8 .elementor-element.elementor-element-3282f91.custom-image-card .elementor-widget-container::after { content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent); z-index: 3; transform: skewX(-20deg); transition: 0s; } /* تأثيرات الـ Hover */ .elementor-8 .elementor-element.elementor-element-3282f91.custom-image-card:hover .elementor-widget-container { transform: translateY(-8px) scale(1.03); box-shadow: 0 15px 35px rgba(74, 47, 24, 0.15); } .elementor-8 .elementor-element.elementor-element-3282f91.custom-image-card:hover .elementor-widget-container::before { opacity: 0.6; animation: flowGradient 3s linear infinite; } .elementor-8 .elementor-element.elementor-element-3282f91.custom-image-card:hover img { transform: scale(1.1) !important; } /* حركة اللمعان عند الهوفر */ .elementor-8 .elementor-element.elementor-element-3282f91.custom-image-card:hover .elementor-widget-container::after { left: 150%; transition: 0.8s; } /* الأنميشن الخاص بتدفق الألوان */ @keyframes flowGradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-4555575 *//* استخدام .elementor-8 .elementor-element.elementor-element-4555575 لربط الكود بالعنصر مباشرة */ .elementor-8 .elementor-element.elementor-element-4555575 .elementor-heading-title { /* إعدادات النص المطلوبة */ text-decoration: none; display: inline-block; /* تأثير الألوان المتداخلة الخاص بك */ background: linear-gradient(135deg, #4A2F18, #C5A059, #8E5A2D, #C5A059, #4A2F18) !important; background-size: 200% auto !important; /* جعل التدرج يظهر داخل النص فقط */ -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; /* حركة الألوان المتداخلة المستمرة */ animation: moveGradient 4s linear infinite; /* توازن بصري إضافي */ transition: transform 0.3s ease; } /* تأثير عند مرور الماوس */ .elementor-8 .elementor-element.elementor-element-4555575 .elementor-heading-title:hover { transform: scale(1.05); } /* أنيميشن تحريك الألوان داخل الكلمة (نفس الكود الأصلي) */ @keyframes moveGradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-57880ee *//* تنسيق الزر الأساسي */ .elementor-8 .elementor-element.elementor-element-57880ee .elementor-button { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 10px 30px !important; font-size: 16px !important; font-weight: 800; color: #fff !important; background: linear-gradient(135deg, #4A2F18, #C5A059, #8E5A2D, #FDF9F4, #C5A059, #4A2F18) !important; background-size: 300% auto !important; border-radius: 40px !important; border: none !important; transition: 0.5s; box-shadow: 0 8px 20px rgba(74, 47, 24, 0.25); animation: flowColors 4s linear infinite; overflow: hidden; } /* تأثير مرور الماوس (Hover) */ .elementor-8 .elementor-element.elementor-element-57880ee .elementor-button:hover { transform: translateY(-3px) scale(1.03); box-shadow: 0 12px 28px rgba(74, 47, 24, 0.35); filter: brightness(1.1); } /* اللمعة المتحركة */ .elementor-8 .elementor-element.elementor-element-57880ee .elementor-button::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.3), transparent); transition: 0.5s; } .elementor-8 .elementor-element.elementor-element-57880ee .elementor-button:hover::before { left: 100%; transition: 0.6s; } /* حركة اهتزاز أيقونة الواتساب - كما في كودك الأصلي */ .elementor-8 .elementor-element.elementor-element-57880ee .elementor-button .elementor-button-icon i { font-size: 20px; display: inline-block; animation: shake 2s infinite; } /* أنيميشن انسياب الألوان */ @keyframes flowColors { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* أنيميشن اهتزاز الأيقونة */ @keyframes shake { 0%, 100% { transform: rotate(0deg); } 10%, 30%, 50% { transform: rotate(-10deg); } 20%, 40%, 60% { transform: rotate(10deg); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e777905 *//* تنسيق الحاوية الأساسية للصورة في المنتور */ .elementor-8 .elementor-element.elementor-element-e777905.custom-image-card .elementor-widget-container { position: relative; width: 100%; max-width: 250px; margin: 0 auto; aspect-ratio: 3/4.2; border-radius: 15px; overflow: hidden; background-color: #fff; box-shadow: 0 8px 25px rgba(74, 47, 24, 0.08); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* الحافة الذهبية المتداخلة */ border: 2px solid transparent; background-image: linear-gradient(white, white), linear-gradient(135deg, #4A2F18, #C5A059, #8E5A2D, #FDF9F4, #C5A059); background-origin: border-box; background-clip: content-box, border-box; } /* ضبط الصورة داخل الحاوية */ .elementor-8 .elementor-element.elementor-element-e777905.custom-image-card img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; } /* تأثير الطبقة المتداخلة الذهبية */ .elementor-8 .elementor-element.elementor-element-e777905.custom-image-card .elementor-widget-container::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, #4A2F18, #C5A059, #8E5A2D, #FDF9F4, #C5A059); background-size: 300% auto; opacity: 0; z-index: 2; mix-blend-mode: multiply; transition: opacity 0.4s ease; } /* لمسة اللمعان الاحترافية (Shine) */ .elementor-8 .elementor-element.elementor-element-e777905.custom-image-card .elementor-widget-container::after { content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent); z-index: 3; transform: skewX(-20deg); transition: 0s; } /* تأثيرات الـ Hover */ .elementor-8 .elementor-element.elementor-element-e777905.custom-image-card:hover .elementor-widget-container { transform: translateY(-8px) scale(1.03); box-shadow: 0 15px 35px rgba(74, 47, 24, 0.15); } .elementor-8 .elementor-element.elementor-element-e777905.custom-image-card:hover .elementor-widget-container::before { opacity: 0.6; animation: flowGradient 3s linear infinite; } .elementor-8 .elementor-element.elementor-element-e777905.custom-image-card:hover img { transform: scale(1.1) !important; } /* حركة اللمعان عند الهوفر */ .elementor-8 .elementor-element.elementor-element-e777905.custom-image-card:hover .elementor-widget-container::after { left: 150%; transition: 0.8s; } /* الأنميشن الخاص بتدفق الألوان */ @keyframes flowGradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-f463509 *//* استخدام .elementor-8 .elementor-element.elementor-element-f463509 لربط الكود بالعنصر مباشرة */ .elementor-8 .elementor-element.elementor-element-f463509 .elementor-heading-title { /* إعدادات النص المطلوبة */ text-decoration: none; display: inline-block; /* تأثير الألوان المتداخلة الخاص بك */ background: linear-gradient(135deg, #4A2F18, #C5A059, #8E5A2D, #C5A059, #4A2F18) !important; background-size: 200% auto !important; /* جعل التدرج يظهر داخل النص فقط */ -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; /* حركة الألوان المتداخلة المستمرة */ animation: moveGradient 4s linear infinite; /* توازن بصري إضافي */ transition: transform 0.3s ease; } /* تأثير عند مرور الماوس */ .elementor-8 .elementor-element.elementor-element-f463509 .elementor-heading-title:hover { transform: scale(1.05); } /* أنيميشن تحريك الألوان داخل الكلمة (نفس الكود الأصلي) */ @keyframes moveGradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-abdabfc *//* تنسيق الزر الأساسي */ .elementor-8 .elementor-element.elementor-element-abdabfc .elementor-button { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 10px 30px !important; font-size: 16px !important; font-weight: 800; color: #fff !important; background: linear-gradient(135deg, #4A2F18, #C5A059, #8E5A2D, #FDF9F4, #C5A059, #4A2F18) !important; background-size: 300% auto !important; border-radius: 40px !important; border: none !important; transition: 0.5s; box-shadow: 0 8px 20px rgba(74, 47, 24, 0.25); animation: flowColors 4s linear infinite; overflow: hidden; } /* تأثير مرور الماوس (Hover) */ .elementor-8 .elementor-element.elementor-element-abdabfc .elementor-button:hover { transform: translateY(-3px) scale(1.03); box-shadow: 0 12px 28px rgba(74, 47, 24, 0.35); filter: brightness(1.1); } /* اللمعة المتحركة */ .elementor-8 .elementor-element.elementor-element-abdabfc .elementor-button::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.3), transparent); transition: 0.5s; } .elementor-8 .elementor-element.elementor-element-abdabfc .elementor-button:hover::before { left: 100%; transition: 0.6s; } /* حركة اهتزاز أيقونة الواتساب - كما في كودك الأصلي */ .elementor-8 .elementor-element.elementor-element-abdabfc .elementor-button .elementor-button-icon i { font-size: 20px; display: inline-block; animation: shake 2s infinite; } /* أنيميشن انسياب الألوان */ @keyframes flowColors { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* أنيميشن اهتزاز الأيقونة */ @keyframes shake { 0%, 100% { transform: rotate(0deg); } 10%, 30%, 50% { transform: rotate(-10deg); } 20%, 40%, 60% { transform: rotate(10deg); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4054362 *//* تنسيق الحاوية الأساسية للصورة في المنتور */ .elementor-8 .elementor-element.elementor-element-4054362.custom-image-card .elementor-widget-container { position: relative; width: 100%; max-width: 250px; margin: 0 auto; aspect-ratio: 3/4.2; border-radius: 15px; overflow: hidden; background-color: #fff; box-shadow: 0 8px 25px rgba(74, 47, 24, 0.08); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* الحافة الذهبية المتداخلة */ border: 2px solid transparent; background-image: linear-gradient(white, white), linear-gradient(135deg, #4A2F18, #C5A059, #8E5A2D, #FDF9F4, #C5A059); background-origin: border-box; background-clip: content-box, border-box; } /* ضبط الصورة داخل الحاوية */ .elementor-8 .elementor-element.elementor-element-4054362.custom-image-card img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; } /* تأثير الطبقة المتداخلة الذهبية */ .elementor-8 .elementor-element.elementor-element-4054362.custom-image-card .elementor-widget-container::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, #4A2F18, #C5A059, #8E5A2D, #FDF9F4, #C5A059); background-size: 300% auto; opacity: 0; z-index: 2; mix-blend-mode: multiply; transition: opacity 0.4s ease; } /* لمسة اللمعان الاحترافية (Shine) */ .elementor-8 .elementor-element.elementor-element-4054362.custom-image-card .elementor-widget-container::after { content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent); z-index: 3; transform: skewX(-20deg); transition: 0s; } /* تأثيرات الـ Hover */ .elementor-8 .elementor-element.elementor-element-4054362.custom-image-card:hover .elementor-widget-container { transform: translateY(-8px) scale(1.03); box-shadow: 0 15px 35px rgba(74, 47, 24, 0.15); } .elementor-8 .elementor-element.elementor-element-4054362.custom-image-card:hover .elementor-widget-container::before { opacity: 0.6; animation: flowGradient 3s linear infinite; } .elementor-8 .elementor-element.elementor-element-4054362.custom-image-card:hover img { transform: scale(1.1) !important; } /* حركة اللمعان عند الهوفر */ .elementor-8 .elementor-element.elementor-element-4054362.custom-image-card:hover .elementor-widget-container::after { left: 150%; transition: 0.8s; } /* الأنميشن الخاص بتدفق الألوان */ @keyframes flowGradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-721d9f2 */* ربط الحاوية الكبرى بتنسيق Grid */ .elementor-8 .elementor-element.elementor-element-721d9f2 .elementor-grid { gap: 30px !important; } /* تصميم بطاقة المقال داخل المنتور */ .elementor-8 .elementor-element.elementor-element-721d9f2 .elementor-post { background: #fff; border-radius: 20px !important; overflow: hidden; box-shadow: 0 10px 30px rgba(74, 47, 24, 0.05); transition: all 0.4s ease; border: 1px solid rgba(197, 160, 89, 0.1) !important; padding: 0 !important; } .elementor-8 .elementor-element.elementor-element-721d9f2 .elementor-post:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(74, 47, 24, 0.15); } /* تصميم الصورة داخل المنتور */ .elementor-8 .elementor-element.elementor-element-721d9f2 .elementor-post__thumbnail img { height: 230px !important; object-fit: cover; transition: transform 0.6s ease !important; } .elementor-8 .elementor-element.elementor-element-721d9f2 .elementor-post:hover .elementor-post__thumbnail img { transform: scale(1.1); } /* تصميم العنوان وتأثير اللون المتداخل */ .elementor-8 .elementor-element.elementor-element-721d9f2 .elementor-post__title a { font-family: 'Cairo', sans-serif !important; font-size: 22px !important; font-weight: 900 !important; color: #4A2F18 !important; transition: 0.3s; text-decoration: none; } .elementor-8 .elementor-element.elementor-element-721d9f2 .elementor-post:hover .elementor-post__title a { background: linear-gradient(135deg, #4A2F18, #C5A059, #8E5A2D, #C5A059, #4A2F18); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: flowColors 4s linear infinite; } /* تصميم زر "اقرأ المزيد" */ .elementor-8 .elementor-element.elementor-element-721d9f2 .elementor-post__read-more { font-weight: 700 !important; color: #4A2F18 !important; position: relative; display: inline-block; } .elementor-8 .elementor-element.elementor-element-721d9f2 .elementor-post__read-more::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 0; height: 2px; background: linear-gradient(135deg, #4A2F18, #C5A059); transition: width 0.4s ease; } .elementor-8 .elementor-element.elementor-element-721d9f2 .elementor-post:hover .elementor-post__read-more::after { width: 100%; } /* أنيميشن الألوان */ @keyframes flowColors { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }/* End custom CSS */