.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-14 .elementor-element.elementor-element-ee5685f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-14 .elementor-element.elementor-element-e62f745{--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-animated-headline .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-animated-headline .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-animated-headline .elementor-headline-plain-text{color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline{--dynamic-text-color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-accent );}.elementor-14 .elementor-element.elementor-element-174f972{--iteration-count:infinite;--animation-duration:1200ms;width:auto;max-width:auto;--dynamic-text-color:var( --e-global-color-astglobalcolor0 );}.elementor-14 .elementor-element.elementor-element-174f972 .elementor-headline{text-align:right;font-family:var( --e-global-typography-bca200b-font-family ), Sans-serif;font-weight:var( --e-global-typography-bca200b-font-weight );}.elementor-14 .elementor-element.elementor-element-174f972 .elementor-headline-plain-text{color:var( --e-global-color-astglobalcolor0 );}.elementor-14 .elementor-element.elementor-element-174f972 .elementor-headline-dynamic-text{font-family:"Almarai", Sans-serif;font-weight:700;}.elementor-14 .elementor-element.elementor-element-174f972 .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-astglobalcolor8 );}.elementor-widget-text-editor .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );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-14 .elementor-element.elementor-element-07dfbe6{text-align:justify;font-family:"Cairo", Sans-serif;font-size:18px;font-weight:400;line-height:35px;color:var( --e-global-color-astglobalcolor3 );}.elementor-14 .elementor-element.elementor-element-07dfbe6 p{margin-block-end:0px;}.elementor-14 .elementor-element.elementor-element-7ede020{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-image .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-14 .elementor-element.elementor-element-07082df img{border-radius:40px 40px 40px 40px;}.elementor-14 .elementor-element.elementor-element-0b59cfd{--display:flex;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-14 .elementor-element.elementor-element-7082e16.elementor-element{--order:99999 /* order end hack */;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-nested-tabs .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-14 .elementor-element.elementor-element-4e0c7af{--display:flex;}.elementor-14 .elementor-element.elementor-element-4186afb{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-14 .elementor-element.elementor-element-a1f2e82{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-14 .elementor-element.elementor-element-e5bfa47 .elementor-heading-title{font-family:var( --e-global-typography-bca200b-font-family ), Sans-serif;font-weight:var( --e-global-typography-bca200b-font-weight );color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-d4b7a81{text-align:justify;font-family:"Cairo", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-astglobalcolor3 );}.elementor-widget-eael-creative-button .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-eael-creative-button .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-eael-creative-button .eael-creative-button .cretive-button-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-eael-creative-button .eael-creative-button--rayen::before, .elementor-widget-eael-creative-button .eael-creative-button--winona::after, .elementor-widget-eael-creative-button .eael-creative-button--tamaya .eael-creative-button--tamaya-secondary span, .elementor-widget-eael-creative-button .eael-creative-button.eael-creative-button--saqui::after{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );} .elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button, .elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button.eael-creative-button--ujarak:hover, .elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button.eael-creative-button--wayra:hover, .elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button.eael-creative-button--tamaya::before, .elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button.eael-creative-button--tamaya::after, .elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button.eael-creative-button--rayen:hover, .elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button.eael-creative-button--pipaluk::after, .elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button.eael-creative-button--wave:hover, .elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button.eael-creative-button--nuka::before, .elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button.eael-creative-button--nuka::after, .elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button.eael-creative-button--antiman::after, .elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button.eael-creative-button--quidel::after {background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-astglobalcolor0 ) 38%, var( --e-global-color-astglobalcolor2 ) 100%);}.elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button .cretive-button-text{font-family:var( --e-global-typography-fed15ac-font-family ), Sans-serif;font-size:var( --e-global-typography-fed15ac-font-size );font-weight:var( --e-global-typography-fed15ac-font-weight );}.elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button i{font-size:24px;color:var( --e-global-color-astglobalcolor5 );}.elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button svg{height:24px;width:24px;fill:var( --e-global-color-astglobalcolor5 );}.elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button--rayen::before, .elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button--winona::after, .elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button--tamaya .eael-creative-button--tamaya-secondary span, .elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button.eael-creative-button--saqui::after{font-family:var( --e-global-typography-fed15ac-font-family ), Sans-serif;font-size:var( --e-global-typography-fed15ac-font-size );font-weight:var( --e-global-typography-fed15ac-font-weight );}.elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button-wrapper{justify-content:center;}.elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button .creative-button-inner svg{fill:var( --e-global-color-astglobalcolor5 );}.elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button{color:var( --e-global-color-astglobalcolor5 );border-radius:12px;}.elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button.eael-creative-button--tamaya::before{color:var( --e-global-color-astglobalcolor5 );}.elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button.eael-creative-button--tamaya::after{color:var( --e-global-color-astglobalcolor5 );}.elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button::before{border-radius:12px;}.elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button::after{border-radius:12px;}.elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button:hover i{color:#ffffff;}.elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button:hover .creative-button-inner svg{fill:#ffffff;}.elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button:hover{color:var( --e-global-color-astglobalcolor5 );background-color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button:hover svg{fill:var( --e-global-color-astglobalcolor5 );}.elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button.eael-creative-button--winona::after{color:var( --e-global-color-astglobalcolor5 );}.elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button.eael-creative-button--saqui::after{color:var( --e-global-color-astglobalcolor5 );}.elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button.eael-creative-button--ujarak::before{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button.eael-creative-button--wayra:hover::before{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button.eael-creative-button--tamaya:hover{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button.eael-creative-button--rayen::before{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button.eael-creative-button--wave::before{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button.eael-creative-button--wave:hover::before{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button.eael-creative-button--aylen::after{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button.eael-creative-button--saqui:hover{color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button.eael-creative-button--nuka:hover::after{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button.eael-creative-button--quidel:hover::after{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-57391fd{--display:flex;}.elementor-14 .elementor-element.elementor-element-8c5e98d img{width:100%;transition-duration:1s;border-radius:12px 12px 12px 12px;}.elementor-14 .elementor-element.elementor-element-7139962{--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;}.elementor-14 .elementor-element.elementor-element-28a01cd{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-14 .elementor-element.elementor-element-656cf42{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#E5E5E5;--border-color:#E5E5E5;--border-radius:12px 12px 12px 12px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-14 .elementor-element.elementor-element-656cf42:hover{border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-46f0f54 );--border-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-656cf42, .elementor-14 .elementor-element.elementor-element-656cf42::before{--border-transition:1s;}.elementor-widget-icon-box .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-icon-box .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-14 .elementor-element.elementor-element-1bbdfdd{--icon-box-icon-margin:15px;}.elementor-14 .elementor-element.elementor-element-1bbdfdd.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-1bbdfdd.elementor-view-framed .elementor-icon, .elementor-14 .elementor-element.elementor-element-1bbdfdd.elementor-view-default .elementor-icon{fill:var( --e-global-color-46f0f54 );color:var( --e-global-color-46f0f54 );border-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-1bbdfdd .elementor-icon{font-size:24px;}.elementor-14 .elementor-element.elementor-element-1bbdfdd .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-1bbdfdd .elementor-icon-box-title a{font-family:var( --e-global-typography-9a1dde2-font-family ), Sans-serif;font-size:var( --e-global-typography-9a1dde2-font-size );font-weight:var( --e-global-typography-9a1dde2-font-weight );}.elementor-14 .elementor-element.elementor-element-1bbdfdd .elementor-icon-box-title{color:var( --e-global-color-astglobalcolor0 );}.elementor-14 .elementor-element.elementor-element-1bbdfdd:has(:hover) .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-1bbdfdd:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-786b82b{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#E5E5E5;--border-color:#E5E5E5;--border-radius:12px 12px 12px 12px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-14 .elementor-element.elementor-element-786b82b:hover{border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-46f0f54 );--border-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-786b82b, .elementor-14 .elementor-element.elementor-element-786b82b::before{--border-transition:1s;}.elementor-14 .elementor-element.elementor-element-edd7ac3{--icon-box-icon-margin:15px;}.elementor-14 .elementor-element.elementor-element-edd7ac3.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-edd7ac3.elementor-view-framed .elementor-icon, .elementor-14 .elementor-element.elementor-element-edd7ac3.elementor-view-default .elementor-icon{fill:var( --e-global-color-46f0f54 );color:var( --e-global-color-46f0f54 );border-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-edd7ac3 .elementor-icon{font-size:24px;}.elementor-14 .elementor-element.elementor-element-edd7ac3 .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-edd7ac3 .elementor-icon-box-title a{font-family:var( --e-global-typography-9a1dde2-font-family ), Sans-serif;font-size:var( --e-global-typography-9a1dde2-font-size );font-weight:var( --e-global-typography-9a1dde2-font-weight );}.elementor-14 .elementor-element.elementor-element-edd7ac3 .elementor-icon-box-title{color:var( --e-global-color-astglobalcolor0 );}.elementor-14 .elementor-element.elementor-element-edd7ac3:has(:hover) .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-edd7ac3:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-61406e2{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#E5E5E5;--border-color:#E5E5E5;--border-radius:12px 12px 12px 12px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-14 .elementor-element.elementor-element-61406e2:hover{border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-46f0f54 );--border-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-61406e2, .elementor-14 .elementor-element.elementor-element-61406e2::before{--border-transition:1s;}.elementor-14 .elementor-element.elementor-element-60ffe4a{--icon-box-icon-margin:15px;}.elementor-14 .elementor-element.elementor-element-60ffe4a.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-60ffe4a.elementor-view-framed .elementor-icon, .elementor-14 .elementor-element.elementor-element-60ffe4a.elementor-view-default .elementor-icon{fill:var( --e-global-color-46f0f54 );color:var( --e-global-color-46f0f54 );border-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-60ffe4a .elementor-icon{font-size:24px;}.elementor-14 .elementor-element.elementor-element-60ffe4a .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-60ffe4a .elementor-icon-box-title a{font-family:var( --e-global-typography-9a1dde2-font-family ), Sans-serif;font-size:var( --e-global-typography-9a1dde2-font-size );font-weight:var( --e-global-typography-9a1dde2-font-weight );}.elementor-14 .elementor-element.elementor-element-60ffe4a .elementor-icon-box-title{color:var( --e-global-color-astglobalcolor0 );}.elementor-14 .elementor-element.elementor-element-60ffe4a:has(:hover) .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-60ffe4a:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-0bd0948{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#E5E5E5;--border-color:#E5E5E5;--border-radius:12px 12px 12px 12px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-14 .elementor-element.elementor-element-0bd0948:hover{border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-46f0f54 );--border-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-0bd0948, .elementor-14 .elementor-element.elementor-element-0bd0948::before{--border-transition:1s;}.elementor-14 .elementor-element.elementor-element-42988e3{--icon-box-icon-margin:15px;}.elementor-14 .elementor-element.elementor-element-42988e3.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-42988e3.elementor-view-framed .elementor-icon, .elementor-14 .elementor-element.elementor-element-42988e3.elementor-view-default .elementor-icon{fill:var( --e-global-color-46f0f54 );color:var( --e-global-color-46f0f54 );border-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-42988e3 .elementor-icon{font-size:24px;}.elementor-14 .elementor-element.elementor-element-42988e3 .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-42988e3 .elementor-icon-box-title a{font-family:var( --e-global-typography-9a1dde2-font-family ), Sans-serif;font-size:var( --e-global-typography-9a1dde2-font-size );font-weight:var( --e-global-typography-9a1dde2-font-weight );}.elementor-14 .elementor-element.elementor-element-42988e3 .elementor-icon-box-title{color:var( --e-global-color-astglobalcolor0 );}.elementor-14 .elementor-element.elementor-element-42988e3:has(:hover) .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-42988e3:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-09cb2d8{--display:flex;}.elementor-14 .elementor-element.elementor-element-826eb88{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-14 .elementor-element.elementor-element-c9b2788{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-14 .elementor-element.elementor-element-c335631 .elementor-heading-title{font-family:var( --e-global-typography-bca200b-font-family ), Sans-serif;font-weight:var( --e-global-typography-bca200b-font-weight );color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-5b54ae2{font-family:"Cairo", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-astglobalcolor3 );} .elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button, .elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button.eael-creative-button--ujarak:hover, .elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button.eael-creative-button--wayra:hover, .elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button.eael-creative-button--tamaya::before, .elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button.eael-creative-button--tamaya::after, .elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button.eael-creative-button--rayen:hover, .elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button.eael-creative-button--pipaluk::after, .elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button.eael-creative-button--wave:hover, .elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button.eael-creative-button--nuka::before, .elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button.eael-creative-button--nuka::after, .elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button.eael-creative-button--antiman::after, .elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button.eael-creative-button--quidel::after {background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-astglobalcolor0 ) 38%, var( --e-global-color-astglobalcolor2 ) 100%);}.elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button .cretive-button-text{font-family:var( --e-global-typography-fed15ac-font-family ), Sans-serif;font-size:var( --e-global-typography-fed15ac-font-size );font-weight:var( --e-global-typography-fed15ac-font-weight );}.elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button i{font-size:24px;color:var( --e-global-color-astglobalcolor5 );}.elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button svg{height:24px;width:24px;fill:var( --e-global-color-astglobalcolor5 );}.elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button--rayen::before, .elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button--winona::after, .elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button--tamaya .eael-creative-button--tamaya-secondary span, .elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button.eael-creative-button--saqui::after{font-family:var( --e-global-typography-fed15ac-font-family ), Sans-serif;font-size:var( --e-global-typography-fed15ac-font-size );font-weight:var( --e-global-typography-fed15ac-font-weight );}.elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button-wrapper{justify-content:center;}.elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button .creative-button-inner svg{fill:var( --e-global-color-astglobalcolor5 );}.elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button{color:var( --e-global-color-astglobalcolor5 );border-radius:12px;}.elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button.eael-creative-button--tamaya::before{color:var( --e-global-color-astglobalcolor5 );}.elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button.eael-creative-button--tamaya::after{color:var( --e-global-color-astglobalcolor5 );}.elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button::before{border-radius:12px;}.elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button::after{border-radius:12px;}.elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button:hover i{color:#ffffff;}.elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button:hover .creative-button-inner svg{fill:#ffffff;}.elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button:hover{color:var( --e-global-color-astglobalcolor5 );background-color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button:hover svg{fill:var( --e-global-color-astglobalcolor5 );}.elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button.eael-creative-button--winona::after{color:var( --e-global-color-astglobalcolor5 );}.elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button.eael-creative-button--saqui::after{color:var( --e-global-color-astglobalcolor5 );}.elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button.eael-creative-button--ujarak::before{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button.eael-creative-button--wayra:hover::before{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button.eael-creative-button--tamaya:hover{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button.eael-creative-button--rayen::before{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button.eael-creative-button--wave::before{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button.eael-creative-button--wave:hover::before{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button.eael-creative-button--aylen::after{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button.eael-creative-button--saqui:hover{color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button.eael-creative-button--nuka:hover::after{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button.eael-creative-button--quidel:hover::after{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-46b781d{--display:flex;}.elementor-14 .elementor-element.elementor-element-5489de9 img{width:100%;transition-duration:1s;border-radius:12px 12px 12px 12px;}.elementor-14 .elementor-element.elementor-element-d1b7b89{--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;}.elementor-14 .elementor-element.elementor-element-a008fe4{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-14 .elementor-element.elementor-element-149d26c{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#E5E5E5;--border-color:#E5E5E5;--border-radius:12px 12px 12px 12px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-14 .elementor-element.elementor-element-149d26c:hover{border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-46f0f54 );--border-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-149d26c, .elementor-14 .elementor-element.elementor-element-149d26c::before{--border-transition:1s;}.elementor-14 .elementor-element.elementor-element-97c75c4{--icon-box-icon-margin:15px;}.elementor-14 .elementor-element.elementor-element-97c75c4.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-97c75c4.elementor-view-framed .elementor-icon, .elementor-14 .elementor-element.elementor-element-97c75c4.elementor-view-default .elementor-icon{fill:var( --e-global-color-46f0f54 );color:var( --e-global-color-46f0f54 );border-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-97c75c4 .elementor-icon{font-size:24px;}.elementor-14 .elementor-element.elementor-element-97c75c4 .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-97c75c4 .elementor-icon-box-title a{font-family:var( --e-global-typography-9a1dde2-font-family ), Sans-serif;font-size:var( --e-global-typography-9a1dde2-font-size );font-weight:var( --e-global-typography-9a1dde2-font-weight );}.elementor-14 .elementor-element.elementor-element-97c75c4 .elementor-icon-box-title{color:var( --e-global-color-astglobalcolor0 );}.elementor-14 .elementor-element.elementor-element-97c75c4:has(:hover) .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-97c75c4:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-74e057e{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#E5E5E5;--border-color:#E5E5E5;--border-radius:12px 12px 12px 12px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-14 .elementor-element.elementor-element-74e057e:hover{border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-46f0f54 );--border-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-74e057e, .elementor-14 .elementor-element.elementor-element-74e057e::before{--border-transition:1s;}.elementor-14 .elementor-element.elementor-element-ad13cfd{--icon-box-icon-margin:15px;}.elementor-14 .elementor-element.elementor-element-ad13cfd.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-ad13cfd.elementor-view-framed .elementor-icon, .elementor-14 .elementor-element.elementor-element-ad13cfd.elementor-view-default .elementor-icon{fill:var( --e-global-color-46f0f54 );color:var( --e-global-color-46f0f54 );border-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-ad13cfd .elementor-icon{font-size:24px;}.elementor-14 .elementor-element.elementor-element-ad13cfd .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-ad13cfd .elementor-icon-box-title a{font-family:var( --e-global-typography-9a1dde2-font-family ), Sans-serif;font-size:var( --e-global-typography-9a1dde2-font-size );font-weight:var( --e-global-typography-9a1dde2-font-weight );}.elementor-14 .elementor-element.elementor-element-ad13cfd .elementor-icon-box-title{color:var( --e-global-color-astglobalcolor0 );}.elementor-14 .elementor-element.elementor-element-ad13cfd:has(:hover) .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-ad13cfd:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-58b7180{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#E5E5E5;--border-color:#E5E5E5;--border-radius:12px 12px 12px 12px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-14 .elementor-element.elementor-element-58b7180:hover{border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-46f0f54 );--border-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-58b7180, .elementor-14 .elementor-element.elementor-element-58b7180::before{--border-transition:1s;}.elementor-14 .elementor-element.elementor-element-5aa2cd5{--icon-box-icon-margin:15px;}.elementor-14 .elementor-element.elementor-element-5aa2cd5.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-5aa2cd5.elementor-view-framed .elementor-icon, .elementor-14 .elementor-element.elementor-element-5aa2cd5.elementor-view-default .elementor-icon{fill:var( --e-global-color-46f0f54 );color:var( --e-global-color-46f0f54 );border-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-5aa2cd5 .elementor-icon{font-size:24px;}.elementor-14 .elementor-element.elementor-element-5aa2cd5 .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-5aa2cd5 .elementor-icon-box-title a{font-family:var( --e-global-typography-9a1dde2-font-family ), Sans-serif;font-size:var( --e-global-typography-9a1dde2-font-size );font-weight:var( --e-global-typography-9a1dde2-font-weight );}.elementor-14 .elementor-element.elementor-element-5aa2cd5 .elementor-icon-box-title{color:var( --e-global-color-astglobalcolor0 );}.elementor-14 .elementor-element.elementor-element-5aa2cd5:has(:hover) .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-5aa2cd5:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-4dddfa9{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#E5E5E5;--border-color:#E5E5E5;--border-radius:12px 12px 12px 12px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-14 .elementor-element.elementor-element-4dddfa9:hover{border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-46f0f54 );--border-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-4dddfa9, .elementor-14 .elementor-element.elementor-element-4dddfa9::before{--border-transition:1s;}.elementor-14 .elementor-element.elementor-element-6c0d56f{--icon-box-icon-margin:15px;}.elementor-14 .elementor-element.elementor-element-6c0d56f.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-6c0d56f.elementor-view-framed .elementor-icon, .elementor-14 .elementor-element.elementor-element-6c0d56f.elementor-view-default .elementor-icon{fill:var( --e-global-color-46f0f54 );color:var( --e-global-color-46f0f54 );border-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-6c0d56f .elementor-icon{font-size:24px;}.elementor-14 .elementor-element.elementor-element-6c0d56f .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-6c0d56f .elementor-icon-box-title a{font-family:var( --e-global-typography-9a1dde2-font-family ), Sans-serif;font-size:var( --e-global-typography-9a1dde2-font-size );font-weight:var( --e-global-typography-9a1dde2-font-weight );}.elementor-14 .elementor-element.elementor-element-6c0d56f .elementor-icon-box-title{color:var( --e-global-color-astglobalcolor0 );}.elementor-14 .elementor-element.elementor-element-6c0d56f:has(:hover) .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-6c0d56f:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-3e9a9a9{--display:flex;}.elementor-14 .elementor-element.elementor-element-2ec0330{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-14 .elementor-element.elementor-element-57c72d1{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-14 .elementor-element.elementor-element-3374ac9 .elementor-heading-title{font-family:var( --e-global-typography-bca200b-font-family ), Sans-serif;font-weight:var( --e-global-typography-bca200b-font-weight );color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-d014116{font-family:"Cairo", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-astglobalcolor3 );} .elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button, .elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button.eael-creative-button--ujarak:hover, .elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button.eael-creative-button--wayra:hover, .elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button.eael-creative-button--tamaya::before, .elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button.eael-creative-button--tamaya::after, .elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button.eael-creative-button--rayen:hover, .elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button.eael-creative-button--pipaluk::after, .elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button.eael-creative-button--wave:hover, .elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button.eael-creative-button--nuka::before, .elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button.eael-creative-button--nuka::after, .elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button.eael-creative-button--antiman::after, .elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button.eael-creative-button--quidel::after {background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-astglobalcolor0 ) 38%, var( --e-global-color-astglobalcolor2 ) 100%);}.elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button .cretive-button-text{font-family:var( --e-global-typography-fed15ac-font-family ), Sans-serif;font-size:var( --e-global-typography-fed15ac-font-size );font-weight:var( --e-global-typography-fed15ac-font-weight );}.elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button i{font-size:24px;color:var( --e-global-color-astglobalcolor5 );}.elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button svg{height:24px;width:24px;fill:var( --e-global-color-astglobalcolor5 );}.elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button--rayen::before, .elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button--winona::after, .elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button--tamaya .eael-creative-button--tamaya-secondary span, .elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button.eael-creative-button--saqui::after{font-family:var( --e-global-typography-fed15ac-font-family ), Sans-serif;font-size:var( --e-global-typography-fed15ac-font-size );font-weight:var( --e-global-typography-fed15ac-font-weight );}.elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button-wrapper{justify-content:center;}.elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button .creative-button-inner svg{fill:var( --e-global-color-astglobalcolor5 );}.elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button{color:var( --e-global-color-astglobalcolor5 );border-radius:12px;}.elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button.eael-creative-button--tamaya::before{color:var( --e-global-color-astglobalcolor5 );}.elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button.eael-creative-button--tamaya::after{color:var( --e-global-color-astglobalcolor5 );}.elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button::before{border-radius:12px;}.elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button::after{border-radius:12px;}.elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button:hover i{color:#ffffff;}.elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button:hover .creative-button-inner svg{fill:#ffffff;}.elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button:hover{color:var( --e-global-color-astglobalcolor5 );background-color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button:hover svg{fill:var( --e-global-color-astglobalcolor5 );}.elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button.eael-creative-button--winona::after{color:var( --e-global-color-astglobalcolor5 );}.elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button.eael-creative-button--saqui::after{color:var( --e-global-color-astglobalcolor5 );}.elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button.eael-creative-button--ujarak::before{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button.eael-creative-button--wayra:hover::before{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button.eael-creative-button--tamaya:hover{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button.eael-creative-button--rayen::before{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button.eael-creative-button--wave::before{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button.eael-creative-button--wave:hover::before{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button.eael-creative-button--aylen::after{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button.eael-creative-button--saqui:hover{color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button.eael-creative-button--nuka:hover::after{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button.eael-creative-button--quidel:hover::after{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-a6777c8{--display:flex;}.elementor-14 .elementor-element.elementor-element-8ce795f img{width:100%;transition-duration:1s;border-radius:12px 12px 12px 12px;}.elementor-14 .elementor-element.elementor-element-4eb9b30{--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;}.elementor-14 .elementor-element.elementor-element-87f53f5{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-14 .elementor-element.elementor-element-2032cfd{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#E5E5E5;--border-color:#E5E5E5;--border-radius:12px 12px 12px 12px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-14 .elementor-element.elementor-element-2032cfd:hover{border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-46f0f54 );--border-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-2032cfd, .elementor-14 .elementor-element.elementor-element-2032cfd::before{--border-transition:1s;}.elementor-14 .elementor-element.elementor-element-78cae3b{--icon-box-icon-margin:15px;}.elementor-14 .elementor-element.elementor-element-78cae3b.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-78cae3b.elementor-view-framed .elementor-icon, .elementor-14 .elementor-element.elementor-element-78cae3b.elementor-view-default .elementor-icon{fill:var( --e-global-color-46f0f54 );color:var( --e-global-color-46f0f54 );border-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-78cae3b .elementor-icon{font-size:24px;}.elementor-14 .elementor-element.elementor-element-78cae3b .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-78cae3b .elementor-icon-box-title a{font-family:var( --e-global-typography-9a1dde2-font-family ), Sans-serif;font-size:var( --e-global-typography-9a1dde2-font-size );font-weight:var( --e-global-typography-9a1dde2-font-weight );}.elementor-14 .elementor-element.elementor-element-78cae3b .elementor-icon-box-title{color:var( --e-global-color-astglobalcolor0 );}.elementor-14 .elementor-element.elementor-element-78cae3b:has(:hover) .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-78cae3b:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-56d8b81{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#E5E5E5;--border-color:#E5E5E5;--border-radius:12px 12px 12px 12px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-14 .elementor-element.elementor-element-56d8b81:hover{border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-46f0f54 );--border-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-56d8b81, .elementor-14 .elementor-element.elementor-element-56d8b81::before{--border-transition:1s;}.elementor-14 .elementor-element.elementor-element-7c550e3{--icon-box-icon-margin:15px;}.elementor-14 .elementor-element.elementor-element-7c550e3.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-7c550e3.elementor-view-framed .elementor-icon, .elementor-14 .elementor-element.elementor-element-7c550e3.elementor-view-default .elementor-icon{fill:var( --e-global-color-46f0f54 );color:var( --e-global-color-46f0f54 );border-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-7c550e3 .elementor-icon{font-size:24px;}.elementor-14 .elementor-element.elementor-element-7c550e3 .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-7c550e3 .elementor-icon-box-title a{font-family:var( --e-global-typography-9a1dde2-font-family ), Sans-serif;font-size:var( --e-global-typography-9a1dde2-font-size );font-weight:var( --e-global-typography-9a1dde2-font-weight );}.elementor-14 .elementor-element.elementor-element-7c550e3 .elementor-icon-box-title{color:var( --e-global-color-astglobalcolor0 );}.elementor-14 .elementor-element.elementor-element-7c550e3:has(:hover) .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-7c550e3:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-b514a80{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#E5E5E5;--border-color:#E5E5E5;--border-radius:12px 12px 12px 12px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-14 .elementor-element.elementor-element-b514a80:hover{border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-46f0f54 );--border-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-b514a80, .elementor-14 .elementor-element.elementor-element-b514a80::before{--border-transition:1s;}.elementor-14 .elementor-element.elementor-element-4a242f0{--icon-box-icon-margin:15px;}.elementor-14 .elementor-element.elementor-element-4a242f0.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-4a242f0.elementor-view-framed .elementor-icon, .elementor-14 .elementor-element.elementor-element-4a242f0.elementor-view-default .elementor-icon{fill:var( --e-global-color-46f0f54 );color:var( --e-global-color-46f0f54 );border-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-4a242f0 .elementor-icon{font-size:24px;}.elementor-14 .elementor-element.elementor-element-4a242f0 .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-4a242f0 .elementor-icon-box-title a{font-family:var( --e-global-typography-9a1dde2-font-family ), Sans-serif;font-size:var( --e-global-typography-9a1dde2-font-size );font-weight:var( --e-global-typography-9a1dde2-font-weight );}.elementor-14 .elementor-element.elementor-element-4a242f0 .elementor-icon-box-title{color:var( --e-global-color-astglobalcolor0 );}.elementor-14 .elementor-element.elementor-element-4a242f0:has(:hover) .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-4a242f0:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-828096f{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#E5E5E5;--border-color:#E5E5E5;--border-radius:12px 12px 12px 12px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-14 .elementor-element.elementor-element-828096f:hover{border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-46f0f54 );--border-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-828096f, .elementor-14 .elementor-element.elementor-element-828096f::before{--border-transition:1s;}.elementor-14 .elementor-element.elementor-element-6c2def4{--icon-box-icon-margin:15px;}.elementor-14 .elementor-element.elementor-element-6c2def4.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-6c2def4.elementor-view-framed .elementor-icon, .elementor-14 .elementor-element.elementor-element-6c2def4.elementor-view-default .elementor-icon{fill:var( --e-global-color-46f0f54 );color:var( --e-global-color-46f0f54 );border-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-6c2def4 .elementor-icon{font-size:24px;}.elementor-14 .elementor-element.elementor-element-6c2def4 .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-6c2def4 .elementor-icon-box-title a{font-family:var( --e-global-typography-9a1dde2-font-family ), Sans-serif;font-size:var( --e-global-typography-9a1dde2-font-size );font-weight:var( --e-global-typography-9a1dde2-font-weight );}.elementor-14 .elementor-element.elementor-element-6c2def4 .elementor-icon-box-title{color:var( --e-global-color-astglobalcolor4 );}.elementor-14 .elementor-element.elementor-element-6c2def4:has(:hover) .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-6c2def4:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-d82bf75{--display:flex;}.elementor-14 .elementor-element.elementor-element-9d6ff63{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-14 .elementor-element.elementor-element-45e37fa{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-14 .elementor-element.elementor-element-3fd0d9c .elementor-heading-title{font-family:var( --e-global-typography-bca200b-font-family ), Sans-serif;font-weight:var( --e-global-typography-bca200b-font-weight );color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-cf11196{font-family:"Cairo", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-astglobalcolor3 );} .elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button, .elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button.eael-creative-button--ujarak:hover, .elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button.eael-creative-button--wayra:hover, .elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button.eael-creative-button--tamaya::before, .elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button.eael-creative-button--tamaya::after, .elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button.eael-creative-button--rayen:hover, .elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button.eael-creative-button--pipaluk::after, .elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button.eael-creative-button--wave:hover, .elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button.eael-creative-button--nuka::before, .elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button.eael-creative-button--nuka::after, .elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button.eael-creative-button--antiman::after, .elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button.eael-creative-button--quidel::after {background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-astglobalcolor0 ) 38%, var( --e-global-color-astglobalcolor2 ) 100%);}.elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button .cretive-button-text{font-family:var( --e-global-typography-fed15ac-font-family ), Sans-serif;font-size:var( --e-global-typography-fed15ac-font-size );font-weight:var( --e-global-typography-fed15ac-font-weight );}.elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button i{font-size:24px;color:var( --e-global-color-astglobalcolor5 );}.elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button svg{height:24px;width:24px;fill:var( --e-global-color-astglobalcolor5 );}.elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button--rayen::before, .elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button--winona::after, .elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button--tamaya .eael-creative-button--tamaya-secondary span, .elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button.eael-creative-button--saqui::after{font-family:var( --e-global-typography-fed15ac-font-family ), Sans-serif;font-size:var( --e-global-typography-fed15ac-font-size );font-weight:var( --e-global-typography-fed15ac-font-weight );}.elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button-wrapper{justify-content:center;}.elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button .creative-button-inner svg{fill:var( --e-global-color-astglobalcolor5 );}.elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button{color:var( --e-global-color-astglobalcolor5 );border-radius:12px;}.elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button.eael-creative-button--tamaya::before{color:var( --e-global-color-astglobalcolor5 );}.elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button.eael-creative-button--tamaya::after{color:var( --e-global-color-astglobalcolor5 );}.elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button::before{border-radius:12px;}.elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button::after{border-radius:12px;}.elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button:hover i{color:#ffffff;}.elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button:hover .creative-button-inner svg{fill:#ffffff;}.elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button:hover{color:var( --e-global-color-astglobalcolor5 );background-color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button:hover svg{fill:var( --e-global-color-astglobalcolor5 );}.elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button.eael-creative-button--winona::after{color:var( --e-global-color-astglobalcolor5 );}.elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button.eael-creative-button--saqui::after{color:var( --e-global-color-astglobalcolor5 );}.elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button.eael-creative-button--ujarak::before{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button.eael-creative-button--wayra:hover::before{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button.eael-creative-button--tamaya:hover{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button.eael-creative-button--rayen::before{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button.eael-creative-button--wave::before{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button.eael-creative-button--wave:hover::before{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button.eael-creative-button--aylen::after{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button.eael-creative-button--saqui:hover{color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button.eael-creative-button--nuka:hover::after{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button.eael-creative-button--quidel:hover::after{background-color:var( --e-global-color-astglobalcolor1 );}.elementor-14 .elementor-element.elementor-element-e800583{--display:flex;}.elementor-14 .elementor-element.elementor-element-929bc16 img{width:100%;transition-duration:1s;border-radius:12px 12px 12px 12px;}.elementor-14 .elementor-element.elementor-element-2340057{--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;}.elementor-14 .elementor-element.elementor-element-f44db45{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-14 .elementor-element.elementor-element-214dafe{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#E5E5E5;--border-color:#E5E5E5;--border-radius:12px 12px 12px 12px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-14 .elementor-element.elementor-element-214dafe:hover{border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-46f0f54 );--border-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-214dafe, .elementor-14 .elementor-element.elementor-element-214dafe::before{--border-transition:1s;}.elementor-14 .elementor-element.elementor-element-6c01b17{--icon-box-icon-margin:15px;}.elementor-14 .elementor-element.elementor-element-6c01b17.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-6c01b17.elementor-view-framed .elementor-icon, .elementor-14 .elementor-element.elementor-element-6c01b17.elementor-view-default .elementor-icon{fill:var( --e-global-color-46f0f54 );color:var( --e-global-color-46f0f54 );border-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-6c01b17 .elementor-icon{font-size:24px;}.elementor-14 .elementor-element.elementor-element-6c01b17 .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-6c01b17 .elementor-icon-box-title a{font-family:var( --e-global-typography-9a1dde2-font-family ), Sans-serif;font-size:var( --e-global-typography-9a1dde2-font-size );font-weight:var( --e-global-typography-9a1dde2-font-weight );}.elementor-14 .elementor-element.elementor-element-6c01b17 .elementor-icon-box-title{color:var( --e-global-color-astglobalcolor0 );}.elementor-14 .elementor-element.elementor-element-6c01b17:has(:hover) .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-6c01b17:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-a6b9b3d{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#E5E5E5;--border-color:#E5E5E5;--border-radius:12px 12px 12px 12px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-14 .elementor-element.elementor-element-a6b9b3d:hover{border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-46f0f54 );--border-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-a6b9b3d, .elementor-14 .elementor-element.elementor-element-a6b9b3d::before{--border-transition:1s;}.elementor-14 .elementor-element.elementor-element-cecfee0{--icon-box-icon-margin:15px;}.elementor-14 .elementor-element.elementor-element-cecfee0.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-cecfee0.elementor-view-framed .elementor-icon, .elementor-14 .elementor-element.elementor-element-cecfee0.elementor-view-default .elementor-icon{fill:var( --e-global-color-46f0f54 );color:var( --e-global-color-46f0f54 );border-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-cecfee0 .elementor-icon{font-size:24px;}.elementor-14 .elementor-element.elementor-element-cecfee0 .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-cecfee0 .elementor-icon-box-title a{font-family:var( --e-global-typography-9a1dde2-font-family ), Sans-serif;font-size:var( --e-global-typography-9a1dde2-font-size );font-weight:var( --e-global-typography-9a1dde2-font-weight );}.elementor-14 .elementor-element.elementor-element-cecfee0 .elementor-icon-box-title{color:var( --e-global-color-astglobalcolor0 );}.elementor-14 .elementor-element.elementor-element-cecfee0:has(:hover) .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-cecfee0:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-852ca3d{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#E5E5E5;--border-color:#E5E5E5;--border-radius:12px 12px 12px 12px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-14 .elementor-element.elementor-element-852ca3d:hover{border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-46f0f54 );--border-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-852ca3d, .elementor-14 .elementor-element.elementor-element-852ca3d::before{--border-transition:1s;}.elementor-14 .elementor-element.elementor-element-c9797f0{--icon-box-icon-margin:15px;}.elementor-14 .elementor-element.elementor-element-c9797f0.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-c9797f0.elementor-view-framed .elementor-icon, .elementor-14 .elementor-element.elementor-element-c9797f0.elementor-view-default .elementor-icon{fill:var( --e-global-color-46f0f54 );color:var( --e-global-color-46f0f54 );border-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-c9797f0 .elementor-icon{font-size:24px;}.elementor-14 .elementor-element.elementor-element-c9797f0 .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-c9797f0 .elementor-icon-box-title a{font-family:var( --e-global-typography-9a1dde2-font-family ), Sans-serif;font-size:var( --e-global-typography-9a1dde2-font-size );font-weight:var( --e-global-typography-9a1dde2-font-weight );}.elementor-14 .elementor-element.elementor-element-c9797f0 .elementor-icon-box-title{color:var( --e-global-color-astglobalcolor0 );}.elementor-14 .elementor-element.elementor-element-c9797f0:has(:hover) .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-c9797f0:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-be94b9e{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#E5E5E5;--border-color:#E5E5E5;--border-radius:12px 12px 12px 12px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-14 .elementor-element.elementor-element-be94b9e:hover{border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-46f0f54 );--border-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-be94b9e, .elementor-14 .elementor-element.elementor-element-be94b9e::before{--border-transition:1s;}.elementor-14 .elementor-element.elementor-element-5a78f05{--icon-box-icon-margin:15px;}.elementor-14 .elementor-element.elementor-element-5a78f05.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-5a78f05.elementor-view-framed .elementor-icon, .elementor-14 .elementor-element.elementor-element-5a78f05.elementor-view-default .elementor-icon{fill:var( --e-global-color-46f0f54 );color:var( --e-global-color-46f0f54 );border-color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-5a78f05 .elementor-icon{font-size:24px;}.elementor-14 .elementor-element.elementor-element-5a78f05 .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-5a78f05 .elementor-icon-box-title a{font-family:var( --e-global-typography-9a1dde2-font-family ), Sans-serif;font-size:var( --e-global-typography-9a1dde2-font-size );font-weight:var( --e-global-typography-9a1dde2-font-weight );}.elementor-14 .elementor-element.elementor-element-5a78f05 .elementor-icon-box-title{color:var( --e-global-color-astglobalcolor0 );}.elementor-14 .elementor-element.elementor-element-5a78f05:has(:hover) .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-5a78f05:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-46f0f54 );}.elementor-14 .elementor-element.elementor-element-3c726dd{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:initial;--n-tabs-title-width:100%;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:1;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;--n-tabs-gap:20px;--n-tabs-title-border-radius:12px 12px 12px 12px;--n-tabs-title-font-size:var( --e-global-typography-fed15ac-font-size );}.elementor-14 .elementor-element.elementor-element-3c726dd.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-astglobalcolor4 );}.elementor-14 .elementor-element.elementor-element-3c726dd.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-14 .elementor-element.elementor-element-3c726dd.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-astglobalcolor0 );}.elementor-14 .elementor-element.elementor-element-3c726dd.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-fed15ac-font-family ), Sans-serif;font-weight:var( --e-global-typography-fed15ac-font-weight );}.elementor-14 .elementor-element.elementor-element-a9b5ee4{--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;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-565270a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--overlay-opacity:0.5;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-565270a::before, .elementor-14 .elementor-element.elementor-element-565270a > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-565270a > .e-con-inner > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-565270a > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-565270a > .e-con-inner > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-565270a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-14 .elementor-element.elementor-element-8f29662{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-14 .elementor-element.elementor-element-3d597dc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-14 .elementor-element.elementor-element-84aa2c6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:30px 0px;--row-gap:30px;--column-gap:0px;}.elementor-14 .elementor-element.elementor-element-84aa2c6.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-14 .elementor-element.elementor-element-8ba771f{--iteration-count:infinite;--animation-duration:1200ms;width:auto;max-width:auto;--dynamic-text-color:var( --e-global-color-astglobalcolor0 );}.elementor-14 .elementor-element.elementor-element-8ba771f .elementor-headline{text-align:right;font-family:var( --e-global-typography-bca200b-font-family ), Sans-serif;font-weight:var( --e-global-typography-bca200b-font-weight );}.elementor-14 .elementor-element.elementor-element-8ba771f .elementor-headline-plain-text{color:var( --e-global-color-astglobalcolor0 );}.elementor-14 .elementor-element.elementor-element-8ba771f .elementor-headline-dynamic-text{font-family:"Almarai", Sans-serif;font-weight:700;}.elementor-14 .elementor-element.elementor-element-8ba771f .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-astglobalcolor8 );}.elementor-14 .elementor-element.elementor-element-f815834{font-family:"Cairo", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-astglobalcolor3 );}.elementor-14 .elementor-element.elementor-element-cae4e15{--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;--gap:30px 0px;--row-gap:30px;--column-gap:0px;}.elementor-14 .elementor-element.elementor-element-cae4e15.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-14 .elementor-element.elementor-element-31956b4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--border-radius:16px 16px 16px 16px;}.elementor-14 .elementor-element.elementor-element-fc577ae{--display:flex;--justify-content:center;--border-radius:16px 16px 16px 16px;}.elementor-14 .elementor-element.elementor-element-fc577ae:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-fc577ae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#234737;}.elementor-14 .elementor-element.elementor-element-3e19c5e{text-align:center;}.elementor-14 .elementor-element.elementor-element-3e19c5e .elementor-heading-title{font-family:"Almarai", Sans-serif;font-size:20px;font-weight:700;color:var( --e-global-color-astglobalcolor5 );}.elementor-14 .elementor-element.elementor-element-d29e382{text-align:center;}.elementor-14 .elementor-element.elementor-element-d29e382 img{width:100%;height:195px;filter:brightness( 83% ) contrast( 100% ) saturate( 10% ) blur( 0px ) hue-rotate( 0deg );}.elementor-14 .elementor-element.elementor-element-bb13720{--display:flex;}.elementor-14 .elementor-element.elementor-element-f3e5ad1{width:var( --container-widget-width, 9% );max-width:9%;--container-widget-width:9%;--container-widget-flex-grow:0;text-align:left;}.elementor-14 .elementor-element.elementor-element-f3e5ad1.elementor-element{--align-self:flex-end;}.elementor-14 .elementor-element.elementor-element-f3e5ad1 img{width:4%;}.elementor-14 .elementor-element.elementor-element-d5ad747{--display:flex;--justify-content:center;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:16px 16px 16px 16px;}.elementor-14 .elementor-element.elementor-element-d5ad747:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-d5ad747 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-14 .elementor-element.elementor-element-bf31077{text-align:center;}.elementor-14 .elementor-element.elementor-element-bf31077 .elementor-heading-title{font-family:var( --e-global-typography-9a1dde2-font-family ), Sans-serif;font-size:var( --e-global-typography-9a1dde2-font-size );font-weight:var( --e-global-typography-9a1dde2-font-weight );color:var( --e-global-color-astglobalcolor5 );}.elementor-14 .elementor-element.elementor-element-fd8e492 img{filter:brightness( 100% ) contrast( 100% ) saturate( 41% ) blur( 0px ) hue-rotate( 0deg );}.elementor-14 .elementor-element.elementor-element-6b58205{--display:flex;}.elementor-14 .elementor-element.elementor-element-6cee29f{width:var( --container-widget-width, 9% );max-width:9%;--container-widget-width:9%;--container-widget-flex-grow:0;text-align:left;}.elementor-14 .elementor-element.elementor-element-6cee29f.elementor-element{--align-self:flex-end;}.elementor-14 .elementor-element.elementor-element-6cee29f img{width:4%;}.elementor-14 .elementor-element.elementor-element-70e42e6{--display:flex;--justify-content:center;--border-radius:16px 16px 16px 16px;}.elementor-14 .elementor-element.elementor-element-70e42e6:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-70e42e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-14 .elementor-element.elementor-element-e67c12d{text-align:center;}.elementor-14 .elementor-element.elementor-element-e67c12d .elementor-heading-title{font-family:var( --e-global-typography-9a1dde2-font-family ), Sans-serif;font-size:var( --e-global-typography-9a1dde2-font-size );font-weight:var( --e-global-typography-9a1dde2-font-weight );color:var( --e-global-color-astglobalcolor5 );}.elementor-14 .elementor-element.elementor-element-884f763 img{width:79%;filter:brightness( 100% ) contrast( 100% ) saturate( 41% ) blur( 0px ) hue-rotate( 0deg );}.elementor-14 .elementor-element.elementor-element-dca4f26{--display:flex;}.elementor-14 .elementor-element.elementor-element-722a4c5{width:var( --container-widget-width, 9% );max-width:9%;--container-widget-width:9%;--container-widget-flex-grow:0;text-align:left;}.elementor-14 .elementor-element.elementor-element-722a4c5.elementor-element{--align-self:flex-end;}.elementor-14 .elementor-element.elementor-element-722a4c5 img{width:4%;}.elementor-14 .elementor-element.elementor-element-857c3bd{--display:flex;--justify-content:center;--border-radius:16px 16px 16px 16px;}.elementor-14 .elementor-element.elementor-element-857c3bd:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-857c3bd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-14 .elementor-element.elementor-element-9eea712{text-align:center;}.elementor-14 .elementor-element.elementor-element-9eea712 .elementor-heading-title{font-family:var( --e-global-typography-9a1dde2-font-family ), Sans-serif;font-size:var( --e-global-typography-9a1dde2-font-size );font-weight:var( --e-global-typography-9a1dde2-font-weight );color:var( --e-global-color-astglobalcolor5 );}.elementor-14 .elementor-element.elementor-element-08ee1c2 img{width:74%;filter:brightness( 100% ) contrast( 100% ) saturate( 14% ) blur( 0px ) hue-rotate( 0deg );}.elementor-14 .elementor-element.elementor-element-d5ee90f{--display:flex;}.elementor-14 .elementor-element.elementor-element-df150ba{width:var( --container-widget-width, 9% );max-width:9%;--container-widget-width:9%;--container-widget-flex-grow:0;text-align:left;}.elementor-14 .elementor-element.elementor-element-df150ba.elementor-element{--align-self:flex-end;}.elementor-14 .elementor-element.elementor-element-df150ba img{width:4%;}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button .cretive-button-text{font-family:var( --e-global-typography-fed15ac-font-family ), Sans-serif;font-size:var( --e-global-typography-fed15ac-font-size );font-weight:var( --e-global-typography-fed15ac-font-weight );}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button i{font-size:0px;color:var( --e-global-color-astglobalcolor5 );}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button svg{height:0px;width:0px;fill:var( --e-global-color-astglobalcolor3 );}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button--rayen::before, .elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button--winona::after, .elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button--tamaya .eael-creative-button--tamaya-secondary span, .elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button.eael-creative-button--saqui::after{font-family:var( --e-global-typography-fed15ac-font-family ), Sans-serif;font-size:var( --e-global-typography-fed15ac-font-size );font-weight:var( --e-global-typography-fed15ac-font-weight );}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button-wrapper{justify-content:center;}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button .creative-button-inner svg{fill:var( --e-global-color-astglobalcolor5 );}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button{color:var( --e-global-color-astglobalcolor3 );background-color:#E8E8E8;border-radius:12px;}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button.eael-creative-button--tamaya::before{color:var( --e-global-color-astglobalcolor3 );background-color:#E8E8E8;}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button.eael-creative-button--tamaya::after{color:var( --e-global-color-astglobalcolor3 );background-color:#E8E8E8;}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button.eael-creative-button--ujarak:hover{background-color:#E8E8E8;}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button.eael-creative-button--wayra:hover{background-color:#E8E8E8;}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button.eael-creative-button--rayen:hover{background-color:#E8E8E8;}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button.eael-creative-button--pipaluk::after{background-color:#E8E8E8;}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button.eael-creative-button--wave:hover{background-color:#E8E8E8;}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button.eael-creative-button--aylen::before{background-color:#E8E8E8;}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button.eael-creative-button--nuka::before{background-color:#E8E8E8;}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button.eael-creative-button--nuka::after{background-color:#E8E8E8;}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button.eael-creative-button--antiman::after{background-color:#E8E8E8;}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button.eael-creative-button--quidel::after{background-color:#E8E8E8;}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button::before{border-radius:12px;}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button::after{border-radius:12px;}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button:hover i{color:#ffffff;}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button:hover .creative-button-inner svg{fill:#ffffff;}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button:hover{color:var( --e-global-color-astglobalcolor5 );background-color:var( --e-global-color-astglobalcolor0 );}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button:hover svg{fill:var( --e-global-color-astglobalcolor5 );}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button.eael-creative-button--winona::after{color:var( --e-global-color-astglobalcolor5 );}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button.eael-creative-button--saqui::after{color:var( --e-global-color-astglobalcolor5 );}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button.eael-creative-button--ujarak::before{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button.eael-creative-button--wayra:hover::before{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button.eael-creative-button--tamaya:hover{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button.eael-creative-button--rayen::before{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button.eael-creative-button--wave::before{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button.eael-creative-button--wave:hover::before{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button.eael-creative-button--aylen::after{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button.eael-creative-button--saqui:hover{color:var( --e-global-color-astglobalcolor0 );}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button.eael-creative-button--nuka:hover::after{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button.eael-creative-button--quidel:hover::after{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-14 .elementor-element.elementor-element-6a1355b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-14 .elementor-element.elementor-element-3ae3a8f{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-486b4a9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--overlay-opacity:0.5;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-486b4a9:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-486b4a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(360deg, #234737 37%, #353826 100%);}.elementor-14 .elementor-element.elementor-element-486b4a9::before, .elementor-14 .elementor-element.elementor-element-486b4a9 > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-486b4a9 > .e-con-inner > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-486b4a9 > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-486b4a9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-486b4a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-14 .elementor-element.elementor-element-71440f3{--iteration-count:infinite;--animation-duration:1200ms;width:auto;max-width:auto;margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--dynamic-text-color:var( --e-global-color-astglobalcolor6 );}.elementor-14 .elementor-element.elementor-element-71440f3 .elementor-headline{text-align:right;font-family:var( --e-global-typography-bca200b-font-family ), Sans-serif;font-weight:var( --e-global-typography-bca200b-font-weight );}.elementor-14 .elementor-element.elementor-element-71440f3 .elementor-headline-plain-text{color:var( --e-global-color-astglobalcolor6 );}.elementor-14 .elementor-element.elementor-element-71440f3 .elementor-headline-dynamic-text{font-family:"Almarai", Sans-serif;font-weight:700;}.elementor-14 .elementor-element.elementor-element-71440f3 .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-astglobalcolor8 );}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button .cretive-button-text{font-family:var( --e-global-typography-fed15ac-font-family ), Sans-serif;font-size:var( --e-global-typography-fed15ac-font-size );font-weight:var( --e-global-typography-fed15ac-font-weight );}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button i{font-size:0px;color:var( --e-global-color-astglobalcolor5 );}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button svg{height:0px;width:0px;fill:var( --e-global-color-astglobalcolor3 );}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button--rayen::before, .elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button--winona::after, .elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button--tamaya .eael-creative-button--tamaya-secondary span, .elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button.eael-creative-button--saqui::after{font-family:var( --e-global-typography-fed15ac-font-family ), Sans-serif;font-size:var( --e-global-typography-fed15ac-font-size );font-weight:var( --e-global-typography-fed15ac-font-weight );}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button-wrapper{justify-content:center;}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button .creative-button-inner svg{fill:var( --e-global-color-astglobalcolor5 );}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button{color:var( --e-global-color-astglobalcolor3 );background-color:#E8E8E8;border-radius:12px;}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button.eael-creative-button--tamaya::before{color:var( --e-global-color-astglobalcolor3 );background-color:#E8E8E8;}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button.eael-creative-button--tamaya::after{color:var( --e-global-color-astglobalcolor3 );background-color:#E8E8E8;}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button.eael-creative-button--ujarak:hover{background-color:#E8E8E8;}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button.eael-creative-button--wayra:hover{background-color:#E8E8E8;}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button.eael-creative-button--rayen:hover{background-color:#E8E8E8;}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button.eael-creative-button--pipaluk::after{background-color:#E8E8E8;}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button.eael-creative-button--wave:hover{background-color:#E8E8E8;}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button.eael-creative-button--aylen::before{background-color:#E8E8E8;}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button.eael-creative-button--nuka::before{background-color:#E8E8E8;}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button.eael-creative-button--nuka::after{background-color:#E8E8E8;}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button.eael-creative-button--antiman::after{background-color:#E8E8E8;}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button.eael-creative-button--quidel::after{background-color:#E8E8E8;}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button::before{border-radius:12px;}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button::after{border-radius:12px;}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button:hover i{color:#ffffff;}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button:hover .creative-button-inner svg{fill:#ffffff;}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button:hover{color:var( --e-global-color-astglobalcolor3 );background-color:var( --e-global-color-astglobalcolor8 );}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button:hover svg{fill:var( --e-global-color-astglobalcolor3 );}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button.eael-creative-button--winona::after{color:var( --e-global-color-astglobalcolor3 );}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button.eael-creative-button--saqui::after{color:var( --e-global-color-astglobalcolor3 );}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button.eael-creative-button--ujarak::before{background-color:var( --e-global-color-astglobalcolor8 );}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button.eael-creative-button--wayra:hover::before{background-color:var( --e-global-color-astglobalcolor8 );}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button.eael-creative-button--tamaya:hover{background-color:var( --e-global-color-astglobalcolor8 );}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button.eael-creative-button--rayen::before{background-color:var( --e-global-color-astglobalcolor8 );}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button.eael-creative-button--wave::before{background-color:var( --e-global-color-astglobalcolor8 );}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button.eael-creative-button--wave:hover::before{background-color:var( --e-global-color-astglobalcolor8 );}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button.eael-creative-button--aylen::after{background-color:var( --e-global-color-astglobalcolor8 );}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button.eael-creative-button--saqui:hover{color:var( --e-global-color-astglobalcolor8 );}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button.eael-creative-button--nuka:hover::after{background-color:var( --e-global-color-astglobalcolor8 );}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button.eael-creative-button--quidel:hover::after{background-color:var( --e-global-color-astglobalcolor8 );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-14 .elementor-element.elementor-element-e62f745{--width:50%;}.elementor-14 .elementor-element.elementor-element-7ede020{--width:50%;}.elementor-14 .elementor-element.elementor-element-565270a{--width:100%;}.elementor-14 .elementor-element.elementor-element-84aa2c6{--width:100%;}.elementor-14 .elementor-element.elementor-element-cae4e15{--width:100%;}.elementor-14 .elementor-element.elementor-element-486b4a9{--width:100%;}}@media(max-width:1024px){.elementor-widget-container .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-container .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-animated-headline .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-animated-headline .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-animated-headline .elementor-headline{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-text-editor .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-image .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-image .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-html .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-html .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-nested-tabs .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-nested-tabs .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-heading .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-heading .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-eael-creative-button .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-eael-creative-button .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-eael-creative-button .eael-creative-button .cretive-button-text{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-eael-creative-button .eael-creative-button--rayen::before, .elementor-widget-eael-creative-button .eael-creative-button--winona::after, .elementor-widget-eael-creative-button .eael-creative-button--tamaya .eael-creative-button--tamaya-secondary span, .elementor-widget-eael-creative-button .eael-creative-button.eael-creative-button--saqui::after{font-size:var( --e-global-typography-primary-font-size );}.elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button .cretive-button-text{font-size:var( --e-global-typography-fed15ac-font-size );}.elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button--rayen::before, .elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button--winona::after, .elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button--tamaya .eael-creative-button--tamaya-secondary span, .elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button.eael-creative-button--saqui::after{font-size:var( --e-global-typography-fed15ac-font-size );}.elementor-14 .elementor-element.elementor-element-28a01cd{--grid-auto-flow:row;}.elementor-widget-icon-box .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-icon-box .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-14 .elementor-element.elementor-element-1bbdfdd .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-1bbdfdd .elementor-icon-box-title a{font-size:var( --e-global-typography-9a1dde2-font-size );}.elementor-14 .elementor-element.elementor-element-edd7ac3 .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-edd7ac3 .elementor-icon-box-title a{font-size:var( --e-global-typography-9a1dde2-font-size );}.elementor-14 .elementor-element.elementor-element-60ffe4a .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-60ffe4a .elementor-icon-box-title a{font-size:var( --e-global-typography-9a1dde2-font-size );}.elementor-14 .elementor-element.elementor-element-42988e3 .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-42988e3 .elementor-icon-box-title a{font-size:var( --e-global-typography-9a1dde2-font-size );}.elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button .cretive-button-text{font-size:var( --e-global-typography-fed15ac-font-size );}.elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button--rayen::before, .elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button--winona::after, .elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button--tamaya .eael-creative-button--tamaya-secondary span, .elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button.eael-creative-button--saqui::after{font-size:var( --e-global-typography-fed15ac-font-size );}.elementor-14 .elementor-element.elementor-element-a008fe4{--grid-auto-flow:row;}.elementor-14 .elementor-element.elementor-element-97c75c4 .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-97c75c4 .elementor-icon-box-title a{font-size:var( --e-global-typography-9a1dde2-font-size );}.elementor-14 .elementor-element.elementor-element-ad13cfd .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-ad13cfd .elementor-icon-box-title a{font-size:var( --e-global-typography-9a1dde2-font-size );}.elementor-14 .elementor-element.elementor-element-5aa2cd5 .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-5aa2cd5 .elementor-icon-box-title a{font-size:var( --e-global-typography-9a1dde2-font-size );}.elementor-14 .elementor-element.elementor-element-6c0d56f .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-6c0d56f .elementor-icon-box-title a{font-size:var( --e-global-typography-9a1dde2-font-size );}.elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button .cretive-button-text{font-size:var( --e-global-typography-fed15ac-font-size );}.elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button--rayen::before, .elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button--winona::after, .elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button--tamaya .eael-creative-button--tamaya-secondary span, .elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button.eael-creative-button--saqui::after{font-size:var( --e-global-typography-fed15ac-font-size );}.elementor-14 .elementor-element.elementor-element-87f53f5{--grid-auto-flow:row;}.elementor-14 .elementor-element.elementor-element-78cae3b .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-78cae3b .elementor-icon-box-title a{font-size:var( --e-global-typography-9a1dde2-font-size );}.elementor-14 .elementor-element.elementor-element-7c550e3 .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-7c550e3 .elementor-icon-box-title a{font-size:var( --e-global-typography-9a1dde2-font-size );}.elementor-14 .elementor-element.elementor-element-4a242f0 .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-4a242f0 .elementor-icon-box-title a{font-size:var( --e-global-typography-9a1dde2-font-size );}.elementor-14 .elementor-element.elementor-element-6c2def4 .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-6c2def4 .elementor-icon-box-title a{font-size:var( --e-global-typography-9a1dde2-font-size );}.elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button .cretive-button-text{font-size:var( --e-global-typography-fed15ac-font-size );}.elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button--rayen::before, .elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button--winona::after, .elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button--tamaya .eael-creative-button--tamaya-secondary span, .elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button.eael-creative-button--saqui::after{font-size:var( --e-global-typography-fed15ac-font-size );}.elementor-14 .elementor-element.elementor-element-f44db45{--grid-auto-flow:row;}.elementor-14 .elementor-element.elementor-element-6c01b17 .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-6c01b17 .elementor-icon-box-title a{font-size:var( --e-global-typography-9a1dde2-font-size );}.elementor-14 .elementor-element.elementor-element-cecfee0 .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-cecfee0 .elementor-icon-box-title a{font-size:var( --e-global-typography-9a1dde2-font-size );}.elementor-14 .elementor-element.elementor-element-c9797f0 .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-c9797f0 .elementor-icon-box-title a{font-size:var( --e-global-typography-9a1dde2-font-size );}.elementor-14 .elementor-element.elementor-element-5a78f05 .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-5a78f05 .elementor-icon-box-title a{font-size:var( --e-global-typography-9a1dde2-font-size );}.elementor-14 .elementor-element.elementor-element-3c726dd{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-font-size:var( --e-global-typography-fed15ac-font-size );}.elementor-14 .elementor-element.elementor-element-565270a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-bf31077 .elementor-heading-title{font-size:var( --e-global-typography-9a1dde2-font-size );}.elementor-14 .elementor-element.elementor-element-e67c12d .elementor-heading-title{font-size:var( --e-global-typography-9a1dde2-font-size );}.elementor-14 .elementor-element.elementor-element-9eea712 .elementor-heading-title{font-size:var( --e-global-typography-9a1dde2-font-size );}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button .cretive-button-text{font-size:var( --e-global-typography-fed15ac-font-size );}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button--rayen::before, .elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button--winona::after, .elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button--tamaya .eael-creative-button--tamaya-secondary span, .elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button.eael-creative-button--saqui::after{font-size:var( --e-global-typography-fed15ac-font-size );}.elementor-14 .elementor-element.elementor-element-486b4a9{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button .cretive-button-text{font-size:var( --e-global-typography-fed15ac-font-size );}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button--rayen::before, .elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button--winona::after, .elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button--tamaya .eael-creative-button--tamaya-secondary span, .elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button.eael-creative-button--saqui::after{font-size:var( --e-global-typography-fed15ac-font-size );}}@media(max-width:767px){.elementor-widget-container .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-container .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-animated-headline .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-animated-headline .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-animated-headline .elementor-headline{font-size:var( --e-global-typography-primary-font-size );}.elementor-14 .elementor-element.elementor-element-174f972 .elementor-headline{text-align:center;}.elementor-widget-text-editor .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-text-editor .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-14 .elementor-element.elementor-element-07dfbe6{text-align:center;}.elementor-14 .elementor-element.elementor-element-7ede020.e-con{--order:-99999 /* order start hack */;}.elementor-widget-image .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-image .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-html .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-html .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-nested-tabs .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-nested-tabs .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );}.elementor-14 .elementor-element.elementor-element-a1f2e82{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-heading .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-heading .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-14 .elementor-element.elementor-element-d4b7a81{text-align:center;}.elementor-widget-eael-creative-button .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-eael-creative-button .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-eael-creative-button .eael-creative-button .cretive-button-text{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-eael-creative-button .eael-creative-button--rayen::before, .elementor-widget-eael-creative-button .eael-creative-button--winona::after, .elementor-widget-eael-creative-button .eael-creative-button--tamaya .eael-creative-button--tamaya-secondary span, .elementor-widget-eael-creative-button .eael-creative-button.eael-creative-button--saqui::after{font-size:var( --e-global-typography-primary-font-size );}.elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button .cretive-button-text{font-size:var( --e-global-typography-fed15ac-font-size );}.elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button--rayen::before, .elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button--winona::after, .elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button--tamaya .eael-creative-button--tamaya-secondary span, .elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button.eael-creative-button--saqui::after{font-size:var( --e-global-typography-fed15ac-font-size );}.elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button{padding:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button.eael-creative-button--winona::after{padding:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button.eael-creative-button--winona > .creative-button-inner{padding:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button.eael-creative-button--tamaya::before{padding:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button.eael-creative-button--rayen::before{padding:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button.eael-creative-button--rayen > .creative-button-inner{padding:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-b06469c .eael-creative-button.eael-creative-button--saqui::after{padding:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-57391fd.e-con{--order:-99999 /* order start hack */;}.elementor-14 .elementor-element.elementor-element-8c5e98d.elementor-element{--order:-99999 /* order start hack */;}.elementor-14 .elementor-element.elementor-element-28a01cd{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-icon-box .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-icon-box .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-14 .elementor-element.elementor-element-1bbdfdd .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-1bbdfdd .elementor-icon-box-title a{font-size:var( --e-global-typography-9a1dde2-font-size );}.elementor-14 .elementor-element.elementor-element-edd7ac3 .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-edd7ac3 .elementor-icon-box-title a{font-size:var( --e-global-typography-9a1dde2-font-size );}.elementor-14 .elementor-element.elementor-element-60ffe4a .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-60ffe4a .elementor-icon-box-title a{font-size:var( --e-global-typography-9a1dde2-font-size );}.elementor-14 .elementor-element.elementor-element-42988e3 .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-42988e3 .elementor-icon-box-title a{font-size:var( --e-global-typography-9a1dde2-font-size );}.elementor-14 .elementor-element.elementor-element-c9b2788{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-14 .elementor-element.elementor-element-5b54ae2{text-align:center;}.elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button .cretive-button-text{font-size:var( --e-global-typography-fed15ac-font-size );}.elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button--rayen::before, .elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button--winona::after, .elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button--tamaya .eael-creative-button--tamaya-secondary span, .elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button.eael-creative-button--saqui::after{font-size:var( --e-global-typography-fed15ac-font-size );}.elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button{padding:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button.eael-creative-button--winona::after{padding:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button.eael-creative-button--winona > .creative-button-inner{padding:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button.eael-creative-button--tamaya::before{padding:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button.eael-creative-button--rayen::before{padding:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button.eael-creative-button--rayen > .creative-button-inner{padding:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-ac4d422 .eael-creative-button.eael-creative-button--saqui::after{padding:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-46b781d.e-con{--order:-99999 /* order start hack */;}.elementor-14 .elementor-element.elementor-element-a008fe4{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-14 .elementor-element.elementor-element-97c75c4 .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-97c75c4 .elementor-icon-box-title a{font-size:var( --e-global-typography-9a1dde2-font-size );}.elementor-14 .elementor-element.elementor-element-ad13cfd .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-ad13cfd .elementor-icon-box-title a{font-size:var( --e-global-typography-9a1dde2-font-size );}.elementor-14 .elementor-element.elementor-element-5aa2cd5 .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-5aa2cd5 .elementor-icon-box-title a{font-size:var( --e-global-typography-9a1dde2-font-size );}.elementor-14 .elementor-element.elementor-element-6c0d56f .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-6c0d56f .elementor-icon-box-title a{font-size:var( --e-global-typography-9a1dde2-font-size );}.elementor-14 .elementor-element.elementor-element-57c72d1{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-14 .elementor-element.elementor-element-d014116{text-align:center;}.elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button .cretive-button-text{font-size:var( --e-global-typography-fed15ac-font-size );}.elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button--rayen::before, .elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button--winona::after, .elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button--tamaya .eael-creative-button--tamaya-secondary span, .elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button.eael-creative-button--saqui::after{font-size:var( --e-global-typography-fed15ac-font-size );}.elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button{padding:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button.eael-creative-button--winona::after{padding:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button.eael-creative-button--winona > .creative-button-inner{padding:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button.eael-creative-button--tamaya::before{padding:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button.eael-creative-button--rayen::before{padding:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button.eael-creative-button--rayen > .creative-button-inner{padding:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-e721859 .eael-creative-button.eael-creative-button--saqui::after{padding:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-a6777c8.e-con{--order:-99999 /* order start hack */;}.elementor-14 .elementor-element.elementor-element-87f53f5{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-14 .elementor-element.elementor-element-78cae3b .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-78cae3b .elementor-icon-box-title a{font-size:var( --e-global-typography-9a1dde2-font-size );}.elementor-14 .elementor-element.elementor-element-7c550e3 .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-7c550e3 .elementor-icon-box-title a{font-size:var( --e-global-typography-9a1dde2-font-size );}.elementor-14 .elementor-element.elementor-element-4a242f0 .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-4a242f0 .elementor-icon-box-title a{font-size:var( --e-global-typography-9a1dde2-font-size );}.elementor-14 .elementor-element.elementor-element-6c2def4 .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-6c2def4 .elementor-icon-box-title a{font-size:var( --e-global-typography-9a1dde2-font-size );}.elementor-14 .elementor-element.elementor-element-45e37fa{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-14 .elementor-element.elementor-element-cf11196{text-align:center;}.elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button .cretive-button-text{font-size:var( --e-global-typography-fed15ac-font-size );}.elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button--rayen::before, .elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button--winona::after, .elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button--tamaya .eael-creative-button--tamaya-secondary span, .elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button.eael-creative-button--saqui::after{font-size:var( --e-global-typography-fed15ac-font-size );}.elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button{padding:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button.eael-creative-button--winona::after{padding:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button.eael-creative-button--winona > .creative-button-inner{padding:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button.eael-creative-button--tamaya::before{padding:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button.eael-creative-button--rayen::before{padding:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button.eael-creative-button--rayen > .creative-button-inner{padding:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-5f9df50 .eael-creative-button.eael-creative-button--saqui::after{padding:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-e800583.e-con{--order:-99999 /* order start hack */;}.elementor-14 .elementor-element.elementor-element-f44db45{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-14 .elementor-element.elementor-element-6c01b17 .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-6c01b17 .elementor-icon-box-title a{font-size:var( --e-global-typography-9a1dde2-font-size );}.elementor-14 .elementor-element.elementor-element-cecfee0 .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-cecfee0 .elementor-icon-box-title a{font-size:var( --e-global-typography-9a1dde2-font-size );}.elementor-14 .elementor-element.elementor-element-c9797f0 .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-c9797f0 .elementor-icon-box-title a{font-size:var( --e-global-typography-9a1dde2-font-size );}.elementor-14 .elementor-element.elementor-element-5a78f05 .elementor-icon-box-title, .elementor-14 .elementor-element.elementor-element-5a78f05 .elementor-icon-box-title a{font-size:var( --e-global-typography-9a1dde2-font-size );}.elementor-14 .elementor-element.elementor-element-3c726dd{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-justify-content:center;--n-tabs-title-align-items:center;--n-tabs-title-text-align:center;--n-tabs-gap:20px;--n-tabs-title-padding-top:15px;--n-tabs-title-padding-right:15px;--n-tabs-title-padding-bottom:15px;--n-tabs-title-padding-left:15px;--n-tabs-title-font-size:var( --e-global-typography-fed15ac-font-size );}.elementor-14 .elementor-element.elementor-element-3d597dc{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-14 .elementor-element.elementor-element-f815834{text-align:center;}.elementor-14 .elementor-element.elementor-element-3e19c5e .elementor-heading-title{font-size:8px;}.elementor-14 .elementor-element.elementor-element-bf31077 .elementor-heading-title{font-size:var( --e-global-typography-9a1dde2-font-size );}.elementor-14 .elementor-element.elementor-element-e67c12d .elementor-heading-title{font-size:var( --e-global-typography-9a1dde2-font-size );}.elementor-14 .elementor-element.elementor-element-9eea712 .elementor-heading-title{font-size:var( --e-global-typography-9a1dde2-font-size );}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button .cretive-button-text{font-size:var( --e-global-typography-fed15ac-font-size );}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button--rayen::before, .elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button--winona::after, .elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button--tamaya .eael-creative-button--tamaya-secondary span, .elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button.eael-creative-button--saqui::after{font-size:var( --e-global-typography-fed15ac-font-size );}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button{padding:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button.eael-creative-button--winona::after{padding:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button.eael-creative-button--winona > .creative-button-inner{padding:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button.eael-creative-button--tamaya::before{padding:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button.eael-creative-button--rayen::before{padding:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button.eael-creative-button--rayen > .creative-button-inner{padding:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-566f193 .eael-creative-button.eael-creative-button--saqui::after{padding:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-486b4a9{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button .cretive-button-text{font-size:var( --e-global-typography-fed15ac-font-size );}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button--rayen::before, .elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button--winona::after, .elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button--tamaya .eael-creative-button--tamaya-secondary span, .elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button.eael-creative-button--saqui::after{font-size:var( --e-global-typography-fed15ac-font-size );}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button{padding:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button.eael-creative-button--winona::after{padding:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button.eael-creative-button--winona > .creative-button-inner{padding:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button.eael-creative-button--tamaya::before{padding:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button.eael-creative-button--rayen::before{padding:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button.eael-creative-button--rayen > .creative-button-inner{padding:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-c9eb19b .eael-creative-button.eael-creative-button--saqui::after{padding:10px 10px 10px 10px;}}/* Start custom CSS for icon-box, class: .elementor-element-1bbdfdd *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-656cf42 *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-edd7ac3 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-786b82b *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-60ffe4a *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-61406e2 *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-42988e3 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0bd0948 *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-97c75c4 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-149d26c *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-ad13cfd *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-74e057e *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-5aa2cd5 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-58b7180 *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6c0d56f *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4dddfa9 *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-78cae3b *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2032cfd *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7c550e3 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-56d8b81 *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-4a242f0 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b514a80 *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6c2def4 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-828096f *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6c01b17 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-214dafe *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-cecfee0 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a6b9b3d *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-c9797f0 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-852ca3d *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-5a78f05 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-be94b9e *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-1bbdfdd *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-656cf42 *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-edd7ac3 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-786b82b *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-60ffe4a *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-61406e2 *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-42988e3 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0bd0948 *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-97c75c4 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-149d26c *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-ad13cfd *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-74e057e *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-5aa2cd5 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-58b7180 *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6c0d56f *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4dddfa9 *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-78cae3b *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2032cfd *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7c550e3 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-56d8b81 *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-4a242f0 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b514a80 *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6c2def4 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-828096f *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6c01b17 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-214dafe *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-cecfee0 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a6b9b3d *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-c9797f0 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-852ca3d *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-5a78f05 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-be94b9e *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-1bbdfdd *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-656cf42 *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-edd7ac3 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-786b82b *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-60ffe4a *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-61406e2 *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-42988e3 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0bd0948 *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-97c75c4 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-149d26c *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-ad13cfd *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-74e057e *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-5aa2cd5 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-58b7180 *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6c0d56f *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4dddfa9 *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-78cae3b *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2032cfd *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7c550e3 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-56d8b81 *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-4a242f0 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b514a80 *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6c2def4 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-828096f *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6c01b17 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-214dafe *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-cecfee0 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a6b9b3d *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-c9797f0 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-852ca3d *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-5a78f05 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-be94b9e *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-1bbdfdd *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-656cf42 *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-edd7ac3 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-786b82b *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-60ffe4a *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-61406e2 *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-42988e3 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0bd0948 *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-97c75c4 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-149d26c *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-ad13cfd *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-74e057e *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-5aa2cd5 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-58b7180 *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6c0d56f *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4dddfa9 *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-78cae3b *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2032cfd *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7c550e3 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-56d8b81 *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-4a242f0 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b514a80 *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6c2def4 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-828096f *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6c01b17 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-214dafe *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-cecfee0 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a6b9b3d *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-c9797f0 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-852ca3d *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-5a78f05 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-be94b9e *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-1bbdfdd *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-656cf42 *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-edd7ac3 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-786b82b *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-60ffe4a *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-61406e2 *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-42988e3 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0bd0948 *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-97c75c4 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-149d26c *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-ad13cfd *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-74e057e *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-5aa2cd5 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-58b7180 *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6c0d56f *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4dddfa9 *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-78cae3b *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2032cfd *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7c550e3 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-56d8b81 *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-4a242f0 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b514a80 *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6c2def4 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-828096f *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6c01b17 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-214dafe *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-cecfee0 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a6b9b3d *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-c9797f0 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-852ca3d *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-5a78f05 *//* تنسيق البطاقة الأساسي */ .service-card { transition: all 0.3s ease-in-out; background-color: #ffffff; /* تأكد أن الخلفية بيضاء */ } /* التأثير عند مرور الماوس */ .service-card:hover { transform: translateY(-10px); /* يرفع البطاقة للأعلى */ box-shadow: 0 15px 30px rgba(35, 71, 55, 0.15); /* ظل أخضر خفيف */ border-color: #234737; /* يغير لون الإطار للأخضر */ } /* تغيير لون الأيقونة عند الهوفر (اختياري) */ .service-card:hover .elementor-icon { background-color: #234737 !important; /* خلفية الأيقونة تصبح خضراء */ color: #ffffff !important; /* الأيقونة تصبح بيضاء */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-be94b9e *//* --- تنسيق البطاقة وحركة الرفع --- */ .service-card { transition: all 0.3s ease-in-out !important; border: 1px solid #e5e5e5; /* حدود خفيفة في الوضع العادي */ } /* عند مرور الماوس على البطاقة */ .service-card:hover { transform: translateY(-5px) !important; /* رفع بسيط جداً وليس عالياً */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important; /* ظل رمادي ناعم جداً وغير مزعج */ border-color: #234737 !important; /* حدود خضراء */ } /* --- إصلاح الأيقونة (جعلها بيضاء) --- */ /* هذا الجزء يضمن أن الأيقونة تصبح بيضاء لتظهر فوق الخلفية الخضراء */ .service-card:hover .elementor-icon, .service-card:hover .elementor-icon i, .service-card:hover svg { fill: #ffffff !important; /* تحويل لون الـ SVG للأبيض */ color: #ffffff !important; /* تحويل لون الأيقونة العادية للأبيض */ transform: scale(1.1); /* تكبير بسيط */ transition: all 0.3s ease; } /* (اختياري) لضمان أن خلفية الدائرة تصبح خضراء غامقة */ .service-card:hover .elementor-icon-wrapper, .service-card:hover .elementor-icon { background-color: #234737 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-31956b4 *//* ========================================= 1. تنسيقات عامة (الكمبيوتر) - لا تغيير عليها ========================================= */ @media (min-width: 768px) { .click-accordion { flex-direction: row !important; } .click-accordion > .e-con, .click-accordion > .e-container { flex: 1 !important; height: 500px !important; background: radial-gradient(circle at center, #2e5443 0%, #15261d 100%) !important; transition: all 0.5s ease; margin: 0 5px; border-radius: 20px; overflow: hidden; } .click-accordion > .active { flex: 4 !important; } .click-accordion img { width: 100% !important; height: 100% !important; object-fit: contain !important; object-position: bottom center !important; } .click-accordion > .active img { object-fit: cover !important; object-position: center center !important; } } /* ========================================= 2. وضع الموبايل (MOBILE) - التعديل الجديد ========================================= */ @media (max-width: 767px) { .click-accordion { flex-direction: column !important; height: auto !important; } /* --- حالة البطاقة غير النشطة (زر فقط) --- */ .click-accordion > .e-con, .click-accordion > .e-container { width: 100% !important; margin-bottom: 8px !important; border-radius: 15px !important; background: radial-gradient(circle at center, #2e5443 0%, #15261d 100%) !important; transition: all 0.4s ease; /* سرعة التحويل */ /* جعلها صغيرة كأنها زر */ flex: none !important; height: 60px !important; /* توسيط العنوان داخل الزر */ display: flex !important; align-items: center !important; justify-content: center !important; } /* إخفاء الصورة تماماً في الحالة غير النشطة */ .click-accordion > .e-con:not(.active) img, .click-accordion > .e-container:not(.active) img { display: none !important; } /* --- حالة البطاقة النشطة (مفتوحة بصورة) --- */ .click-accordion > .active { /* تكبير الارتفاع ليسمح بظهور الصورة */ height: 400px !important; /* إعادة تنسيق المحاذاة للصورة */ display: block !important; } /* إظهار الصورة فقط عندما تكون البطاقة نشطة */ .click-accordion > .active img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center center !important; animation: fadeIn 0.5s ease; /* تأثير ظهور ناعم */ } /* تحسين شكل العناوين في الموبايل */ .click-accordion h2, .click-accordion h3, .click-accordion .elementor-widget-heading { margin: 0 !important; padding: 0 !important; font-size: 16px !important; z-index: 10; /* ضمان أن النص فوق كل شيء */ } } /* حركة ناعمة لظهور الصورة */ @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }/* End custom CSS */ /* Start custom CSS */html, body { overflow-x: hidden !important; /* يمنع السكرول الجانبي تماماً */ width: 100% !important; position: relative; }/* End custom CSS */