.elementor-81 .elementor-element.elementor-element-351b7e2{--display:flex;--min-height:90vh;--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;--overlay-opacity:0.75;--margin-top:105px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-81 .elementor-element.elementor-element-351b7e2::before, .elementor-81 .elementor-element.elementor-element-351b7e2 > .elementor-background-video-container::before, .elementor-81 .elementor-element.elementor-element-351b7e2 > .e-con-inner > .elementor-background-video-container::before, .elementor-81 .elementor-element.elementor-element-351b7e2 > .elementor-background-slideshow::before, .elementor-81 .elementor-element.elementor-element-351b7e2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-81 .elementor-element.elementor-element-351b7e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-81 .elementor-element.elementor-element-452737a .elementor-heading-title{font-family:"Tajawal", Sans-serif;font-size:50px;font-weight:900;color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-f807bb9 .elementor-heading-title{font-family:"Tajawal", Sans-serif;font-size:50px;font-weight:800;color:#008F49;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-81 .elementor-element.elementor-element-b6f18dc{text-align:center;color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-bce923e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-81 .elementor-element.elementor-element-56d9702 .elementor-button{background-color:#12A760;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );transition-duration:3s;border-radius:8px 8px 8px 8px;padding:15px 15px 15px 15px;}.elementor-81 .elementor-element.elementor-element-56d9702{width:initial;max-width:initial;}.elementor-81 .elementor-element.elementor-element-56d9702 .elementor-button:hover, .elementor-81 .elementor-element.elementor-element-56d9702 .elementor-button:focus{box-shadow:0px 22px 33px 10px rgba(0, 0, 0, 0.79);}.elementor-81 .elementor-element.elementor-element-fb9833c .elementor-button{background-color:#DC2626;fill:var( --e-global-color-5e9e880 );color:var( --e-global-color-5e9e880 );transition-duration:10s;border-radius:8px 8px 8px 8px;padding:15px 15px 15px 15px;}.elementor-81 .elementor-element.elementor-element-fb9833c{width:initial;max-width:initial;}.elementor-81 .elementor-element.elementor-element-fb9833c .elementor-button:hover, .elementor-81 .elementor-element.elementor-element-fb9833c .elementor-button:focus{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-81 .elementor-element.elementor-element-b6163d4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.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-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-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-81 .elementor-element.elementor-element-a216ee9{width:initial;max-width:initial;background-color:#1F1D1C8C;padding:25px 60px 25px 60px;border-radius:12px 12px 12px 12px;--icon-box-icon-margin:15px;}.elementor-81 .elementor-element.elementor-element-a216ee9.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-5e9e880 );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );}.elementor-81 .elementor-element.elementor-element-a216ee9.elementor-view-framed .elementor-icon, .elementor-81 .elementor-element.elementor-element-a216ee9.elementor-view-default .elementor-icon{fill:var( --e-global-color-5e9e880 );color:var( --e-global-color-5e9e880 );border-color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-a216ee9.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-81 .elementor-element.elementor-element-a216ee9 .elementor-icon{font-size:18px;}.elementor-81 .elementor-element.elementor-element-a216ee9 .elementor-icon-box-title{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-a216ee9:has(:hover) .elementor-icon-box-title, .elementor-81 .elementor-element.elementor-element-a216ee9:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-a216ee9 .elementor-icon-box-description{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-5874f8c{width:initial;max-width:initial;background-color:#1F1D1C8C;padding:25px 60px 25px 60px;border-radius:12px 12px 12px 12px;--icon-box-icon-margin:15px;}.elementor-81 .elementor-element.elementor-element-5874f8c.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-5e9e880 );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );}.elementor-81 .elementor-element.elementor-element-5874f8c.elementor-view-framed .elementor-icon, .elementor-81 .elementor-element.elementor-element-5874f8c.elementor-view-default .elementor-icon{fill:var( --e-global-color-5e9e880 );color:var( --e-global-color-5e9e880 );border-color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-5874f8c.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-81 .elementor-element.elementor-element-5874f8c .elementor-icon{font-size:18px;}.elementor-81 .elementor-element.elementor-element-5874f8c .elementor-icon-box-title{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-5874f8c:has(:hover) .elementor-icon-box-title, .elementor-81 .elementor-element.elementor-element-5874f8c:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-5874f8c .elementor-icon-box-description{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-ed78884{width:initial;max-width:initial;background-color:#1F1D1C8C;padding:25px 60px 25px 60px;border-radius:12px 12px 12px 12px;--icon-box-icon-margin:15px;}.elementor-81 .elementor-element.elementor-element-ed78884.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-5e9e880 );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );}.elementor-81 .elementor-element.elementor-element-ed78884.elementor-view-framed .elementor-icon, .elementor-81 .elementor-element.elementor-element-ed78884.elementor-view-default .elementor-icon{fill:var( --e-global-color-5e9e880 );color:var( --e-global-color-5e9e880 );border-color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-ed78884.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-81 .elementor-element.elementor-element-ed78884 .elementor-icon{font-size:18px;}.elementor-81 .elementor-element.elementor-element-ed78884 .elementor-icon-box-title{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-ed78884:has(:hover) .elementor-icon-box-title, .elementor-81 .elementor-element.elementor-element-ed78884:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-ed78884 .elementor-icon-box-description{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-d0b207c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-81 .elementor-element.elementor-element-d0b207c:not(.elementor-motion-effects-element-type-background), .elementor-81 .elementor-element.elementor-element-d0b207c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1F2937;}.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-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-81 .elementor-element.elementor-element-8c8a34f{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:var( --e-global-color-accent );}.elementor-81 .elementor-element.elementor-element-8c8a34f:hover{border-style:solid;border-width:1px 1px 1px 1px;border-color:#00D26E;border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px #00D26E;}.elementor-81 .elementor-element.elementor-element-8c8a34f .elementor-headline{text-align:center;font-family:"Tajawal", Sans-serif;font-size:36px;font-weight:600;}.elementor-81 .elementor-element.elementor-element-8c8a34f .elementor-headline-plain-text{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-6d13641{font-family:"Tajawal", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-a775de2{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title, .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-81 .elementor-element.elementor-element-5f100a1{background-color:#1E293A;padding:20px 20px 20px 20px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-text );border-radius:8px 8px 8px 8px;}.elementor-81 .elementor-element.elementor-element-5f100a1:hover{border-style:none;border-radius:8px 8px 8px 8px;box-shadow:0px 0px 3px 0px #00D26E;}.elementor-81 .elementor-element.elementor-element-5f100a1 .elementor-image-box-wrapper{text-align:right;}.elementor-81 .elementor-element.elementor-element-5f100a1.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-81 .elementor-element.elementor-element-5f100a1.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-81 .elementor-element.elementor-element-5f100a1.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-81 .elementor-element.elementor-element-5f100a1 .elementor-image-box-title{margin-bottom:10px;color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-5f100a1 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-81 .elementor-element.elementor-element-5f100a1 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-81 .elementor-element.elementor-element-5f100a1:has(:hover) .elementor-image-box-title, .elementor-81 .elementor-element.elementor-element-5f100a1:has(:focus) .elementor-image-box-title{color:var( --e-global-color-accent );}.elementor-81 .elementor-element.elementor-element-5f100a1 .elementor-image-box-description{color:#B4BBC9;}.elementor-81 .elementor-element.elementor-element-e0fbe10{background-color:#1E293A;padding:20px 20px 20px 20px;border-style:none;border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-81 .elementor-element.elementor-element-e0fbe10:hover{border-style:solid;border-width:0px 0px 0px 0px;border-radius:8px 8px 8px 8px;box-shadow:0px 0px 3px 0px #00D26E;}.elementor-81 .elementor-element.elementor-element-e0fbe10 .elementor-image-box-wrapper{text-align:right;}.elementor-81 .elementor-element.elementor-element-e0fbe10.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-81 .elementor-element.elementor-element-e0fbe10.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-81 .elementor-element.elementor-element-e0fbe10.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-81 .elementor-element.elementor-element-e0fbe10 .elementor-image-box-title{margin-bottom:10px;color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-e0fbe10 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-81 .elementor-element.elementor-element-e0fbe10 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-81 .elementor-element.elementor-element-e0fbe10:has(:hover) .elementor-image-box-title, .elementor-81 .elementor-element.elementor-element-e0fbe10:has(:focus) .elementor-image-box-title{color:var( --e-global-color-accent );}.elementor-81 .elementor-element.elementor-element-e0fbe10 .elementor-image-box-description{color:#B4BBC9;}.elementor-81 .elementor-element.elementor-element-db59e5c{background-color:#1E293A;padding:20px 20px 20px 20px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-text );border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-81 .elementor-element.elementor-element-db59e5c:hover{border-style:none;border-radius:8px 8px 8px 8px;box-shadow:0px 0px 3px 0px #00D26E;}.elementor-81 .elementor-element.elementor-element-db59e5c .elementor-image-box-wrapper{text-align:right;}.elementor-81 .elementor-element.elementor-element-db59e5c.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-81 .elementor-element.elementor-element-db59e5c.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-81 .elementor-element.elementor-element-db59e5c.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-81 .elementor-element.elementor-element-db59e5c .elementor-image-box-title{margin-bottom:10px;color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-db59e5c .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-81 .elementor-element.elementor-element-db59e5c .elementor-image-box-img img{transition-duration:0.3s;}.elementor-81 .elementor-element.elementor-element-db59e5c:has(:hover) .elementor-image-box-title, .elementor-81 .elementor-element.elementor-element-db59e5c:has(:focus) .elementor-image-box-title{color:var( --e-global-color-accent );}.elementor-81 .elementor-element.elementor-element-db59e5c .elementor-image-box-description{color:#B4BBC9;}.elementor-81 .elementor-element.elementor-element-5112072{background-color:#1E293A;padding:20px 20px 20px 20px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-text );border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-81 .elementor-element.elementor-element-5112072:hover{border-style:none;border-radius:8px 8px 8px 8px;box-shadow:0px 0px 3px 0px #00D26E;}.elementor-81 .elementor-element.elementor-element-5112072 .elementor-image-box-wrapper{text-align:right;}.elementor-81 .elementor-element.elementor-element-5112072.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-81 .elementor-element.elementor-element-5112072.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-81 .elementor-element.elementor-element-5112072.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-81 .elementor-element.elementor-element-5112072 .elementor-image-box-title{margin-bottom:10px;color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-5112072 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-81 .elementor-element.elementor-element-5112072 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-81 .elementor-element.elementor-element-5112072:has(:hover) .elementor-image-box-title, .elementor-81 .elementor-element.elementor-element-5112072:has(:focus) .elementor-image-box-title{color:var( --e-global-color-accent );}.elementor-81 .elementor-element.elementor-element-5112072 .elementor-image-box-description{color:#B4BBC9;}.elementor-81 .elementor-element.elementor-element-f6444b1{background-color:#1E293A;padding:20px 20px 20px 20px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-text );border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-81 .elementor-element.elementor-element-f6444b1:hover{border-style:none;border-radius:8px 8px 8px 8px;box-shadow:0px 0px 3px 0px #00D26E;}.elementor-81 .elementor-element.elementor-element-f6444b1 .elementor-image-box-wrapper{text-align:right;}.elementor-81 .elementor-element.elementor-element-f6444b1.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-81 .elementor-element.elementor-element-f6444b1.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-81 .elementor-element.elementor-element-f6444b1.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-81 .elementor-element.elementor-element-f6444b1 .elementor-image-box-title{margin-bottom:10px;color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-f6444b1 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-81 .elementor-element.elementor-element-f6444b1 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-81 .elementor-element.elementor-element-f6444b1:has(:hover) .elementor-image-box-title, .elementor-81 .elementor-element.elementor-element-f6444b1:has(:focus) .elementor-image-box-title{color:var( --e-global-color-accent );}.elementor-81 .elementor-element.elementor-element-f6444b1 .elementor-image-box-description{color:#B4BBC9;}.elementor-81 .elementor-element.elementor-element-5d6468f{background-color:#1E293A;padding:20px 20px 20px 20px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-text );border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-81 .elementor-element.elementor-element-5d6468f:hover{border-style:none;border-radius:8px 8px 8px 8px;box-shadow:0px 0px 3px 0px #00D26E;}.elementor-81 .elementor-element.elementor-element-5d6468f .elementor-image-box-wrapper{text-align:right;}.elementor-81 .elementor-element.elementor-element-5d6468f.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-81 .elementor-element.elementor-element-5d6468f.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-81 .elementor-element.elementor-element-5d6468f.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-81 .elementor-element.elementor-element-5d6468f .elementor-image-box-title{margin-bottom:10px;color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-5d6468f .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-81 .elementor-element.elementor-element-5d6468f .elementor-image-box-img img{transition-duration:0.3s;}.elementor-81 .elementor-element.elementor-element-5d6468f:has(:hover) .elementor-image-box-title, .elementor-81 .elementor-element.elementor-element-5d6468f:has(:focus) .elementor-image-box-title{color:var( --e-global-color-accent );}.elementor-81 .elementor-element.elementor-element-5d6468f .elementor-image-box-description{color:#B4BBC9;}.elementor-81 .elementor-element.elementor-element-a3a0911{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-81 .elementor-element.elementor-element-a3a0911:not(.elementor-motion-effects-element-type-background), .elementor-81 .elementor-element.elementor-element-a3a0911 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111827;}.elementor-81 .elementor-element.elementor-element-821ea19{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:var( --e-global-color-accent );}.elementor-81 .elementor-element.elementor-element-821ea19:hover{border-style:solid;border-width:1px 1px 1px 1px;border-color:#00D26E;border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px #00D26E;}.elementor-81 .elementor-element.elementor-element-821ea19 .elementor-headline{text-align:center;font-family:"Tajawal", Sans-serif;font-size:36px;font-weight:600;}.elementor-81 .elementor-element.elementor-element-821ea19 .elementor-headline-plain-text{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-69769a9{font-family:"Tajawal", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-d843452{--display:flex;}.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.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-81 .elementor-element.elementor-element-513edaf{--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;--border-radius:20px 20px 20px 20px;}.elementor-81 .elementor-element.elementor-element-513edaf:not(.elementor-motion-effects-element-type-background), .elementor-81 .elementor-element.elementor-element-513edaf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1F2937;}.elementor-81 .elementor-element.elementor-element-0a63644{--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;}.elementor-81 .elementor-element.elementor-element-03a26b3 .elementor-heading-title{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-63b2e20{text-align:center;color:#EBDFDF;}.elementor-81 .elementor-element.elementor-element-3d2e812{--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;--justify-content:center;--align-items:center;}.elementor-81 .elementor-element.elementor-element-d6e86f7{width:var( --container-widget-width, 55% );max-width:55%;background-color:#1F2937;padding:25px 60px 25px 60px;--container-widget-width:55%;--container-widget-flex-grow:0;border-radius:12px 12px 12px 12px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--icon-box-icon-margin:15px;}.elementor-81 .elementor-element.elementor-element-d6e86f7.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-5e9e880 );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );}.elementor-81 .elementor-element.elementor-element-d6e86f7.elementor-view-framed .elementor-icon, .elementor-81 .elementor-element.elementor-element-d6e86f7.elementor-view-default .elementor-icon{fill:var( --e-global-color-5e9e880 );color:var( --e-global-color-5e9e880 );border-color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-d6e86f7.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-81 .elementor-element.elementor-element-d6e86f7 .elementor-icon{font-size:18px;}.elementor-81 .elementor-element.elementor-element-d6e86f7 .elementor-icon-box-title{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-d6e86f7:has(:hover) .elementor-icon-box-title, .elementor-81 .elementor-element.elementor-element-d6e86f7:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-d6e86f7 .elementor-icon-box-description{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-8c7895b{width:var( --container-widget-width, 55% );max-width:55%;background-color:#1F2937;padding:25px 60px 25px 60px;--container-widget-width:55%;--container-widget-flex-grow:0;border-radius:12px 12px 12px 12px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--icon-box-icon-margin:15px;}.elementor-81 .elementor-element.elementor-element-8c7895b.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-5e9e880 );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );}.elementor-81 .elementor-element.elementor-element-8c7895b.elementor-view-framed .elementor-icon, .elementor-81 .elementor-element.elementor-element-8c7895b.elementor-view-default .elementor-icon{fill:var( --e-global-color-5e9e880 );color:var( --e-global-color-5e9e880 );border-color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-8c7895b.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-81 .elementor-element.elementor-element-8c7895b .elementor-icon{font-size:18px;}.elementor-81 .elementor-element.elementor-element-8c7895b .elementor-icon-box-title{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-8c7895b:has(:hover) .elementor-icon-box-title, .elementor-81 .elementor-element.elementor-element-8c7895b:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-8c7895b .elementor-icon-box-description{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-a6abf15{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-81 .elementor-element.elementor-element-d190e54{--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;--border-radius:20px 20px 20px 20px;}.elementor-81 .elementor-element.elementor-element-d190e54:not(.elementor-motion-effects-element-type-background), .elementor-81 .elementor-element.elementor-element-d190e54 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1F2937;}.elementor-81 .elementor-element.elementor-element-71b68d5{--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;}.elementor-81 .elementor-element.elementor-element-231be90 .elementor-heading-title{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-6dcd067{text-align:center;color:#EBDFDF;}.elementor-81 .elementor-element.elementor-element-08bbf08{--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;--justify-content:center;--align-items:center;}.elementor-81 .elementor-element.elementor-element-dd9f9b7{width:var( --container-widget-width, 55% );max-width:55%;background-color:#1F2937;padding:25px 60px 25px 60px;--container-widget-width:55%;--container-widget-flex-grow:0;border-radius:12px 12px 12px 12px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--icon-box-icon-margin:15px;}.elementor-81 .elementor-element.elementor-element-dd9f9b7.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-5e9e880 );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );}.elementor-81 .elementor-element.elementor-element-dd9f9b7.elementor-view-framed .elementor-icon, .elementor-81 .elementor-element.elementor-element-dd9f9b7.elementor-view-default .elementor-icon{fill:var( --e-global-color-5e9e880 );color:var( --e-global-color-5e9e880 );border-color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-dd9f9b7.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-81 .elementor-element.elementor-element-dd9f9b7 .elementor-icon{font-size:18px;}.elementor-81 .elementor-element.elementor-element-dd9f9b7 .elementor-icon-box-title{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-dd9f9b7:has(:hover) .elementor-icon-box-title, .elementor-81 .elementor-element.elementor-element-dd9f9b7:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-dd9f9b7 .elementor-icon-box-description{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-1c87039{width:var( --container-widget-width, 55% );max-width:55%;background-color:#1F2937;padding:25px 60px 25px 60px;--container-widget-width:55%;--container-widget-flex-grow:0;border-radius:12px 12px 12px 12px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--icon-box-icon-margin:15px;}.elementor-81 .elementor-element.elementor-element-1c87039.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-5e9e880 );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );}.elementor-81 .elementor-element.elementor-element-1c87039.elementor-view-framed .elementor-icon, .elementor-81 .elementor-element.elementor-element-1c87039.elementor-view-default .elementor-icon{fill:var( --e-global-color-5e9e880 );color:var( --e-global-color-5e9e880 );border-color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-1c87039.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-81 .elementor-element.elementor-element-1c87039 .elementor-icon{font-size:18px;}.elementor-81 .elementor-element.elementor-element-1c87039 .elementor-icon-box-title{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-1c87039:has(:hover) .elementor-icon-box-title, .elementor-81 .elementor-element.elementor-element-1c87039:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-1c87039 .elementor-icon-box-description{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-0d375f9{--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-81 .elementor-element.elementor-element-9e6a808{--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;--border-radius:20px 20px 20px 20px;}.elementor-81 .elementor-element.elementor-element-9e6a808:not(.elementor-motion-effects-element-type-background), .elementor-81 .elementor-element.elementor-element-9e6a808 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1F2937;}.elementor-81 .elementor-element.elementor-element-3a20cc0{--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;}.elementor-81 .elementor-element.elementor-element-a249f00 .elementor-heading-title{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-1b740d0{text-align:center;color:#EBDFDF;}.elementor-81 .elementor-element.elementor-element-3bec970{--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;--justify-content:center;--align-items:center;}.elementor-81 .elementor-element.elementor-element-9711036{width:var( --container-widget-width, 55% );max-width:55%;background-color:#1F2937;padding:25px 60px 25px 60px;--container-widget-width:55%;--container-widget-flex-grow:0;border-radius:12px 12px 12px 12px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--icon-box-icon-margin:15px;}.elementor-81 .elementor-element.elementor-element-9711036.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-5e9e880 );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );}.elementor-81 .elementor-element.elementor-element-9711036.elementor-view-framed .elementor-icon, .elementor-81 .elementor-element.elementor-element-9711036.elementor-view-default .elementor-icon{fill:var( --e-global-color-5e9e880 );color:var( --e-global-color-5e9e880 );border-color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-9711036.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-81 .elementor-element.elementor-element-9711036 .elementor-icon{font-size:18px;}.elementor-81 .elementor-element.elementor-element-9711036 .elementor-icon-box-title{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-9711036:has(:hover) .elementor-icon-box-title, .elementor-81 .elementor-element.elementor-element-9711036:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-9711036 .elementor-icon-box-description{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-6c91918{width:var( --container-widget-width, 55% );max-width:55%;background-color:#1F2937;padding:25px 60px 25px 60px;--container-widget-width:55%;--container-widget-flex-grow:0;border-radius:12px 12px 12px 12px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--icon-box-icon-margin:15px;}.elementor-81 .elementor-element.elementor-element-6c91918.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-5e9e880 );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );}.elementor-81 .elementor-element.elementor-element-6c91918.elementor-view-framed .elementor-icon, .elementor-81 .elementor-element.elementor-element-6c91918.elementor-view-default .elementor-icon{fill:var( --e-global-color-5e9e880 );color:var( --e-global-color-5e9e880 );border-color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-6c91918.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-81 .elementor-element.elementor-element-6c91918 .elementor-icon{font-size:18px;}.elementor-81 .elementor-element.elementor-element-6c91918 .elementor-icon-box-title{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-6c91918:has(:hover) .elementor-icon-box-title, .elementor-81 .elementor-element.elementor-element-6c91918:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-6c91918 .elementor-icon-box-description{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-a5748ab{--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-81 .elementor-element.elementor-element-9d1aed8{--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;--border-radius:20px 20px 20px 20px;}.elementor-81 .elementor-element.elementor-element-9d1aed8:not(.elementor-motion-effects-element-type-background), .elementor-81 .elementor-element.elementor-element-9d1aed8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1F2937;}.elementor-81 .elementor-element.elementor-element-79e448f{--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;}.elementor-81 .elementor-element.elementor-element-15cc83e .elementor-heading-title{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-7921562{text-align:center;color:#EBDFDF;}.elementor-81 .elementor-element.elementor-element-2c1e9e8{--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;--justify-content:center;--align-items:center;}.elementor-81 .elementor-element.elementor-element-4072a82{width:var( --container-widget-width, 55% );max-width:55%;background-color:#1F2937;padding:25px 60px 25px 60px;--container-widget-width:55%;--container-widget-flex-grow:0;border-radius:12px 12px 12px 12px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--icon-box-icon-margin:15px;}.elementor-81 .elementor-element.elementor-element-4072a82.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-5e9e880 );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );}.elementor-81 .elementor-element.elementor-element-4072a82.elementor-view-framed .elementor-icon, .elementor-81 .elementor-element.elementor-element-4072a82.elementor-view-default .elementor-icon{fill:var( --e-global-color-5e9e880 );color:var( --e-global-color-5e9e880 );border-color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-4072a82.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-81 .elementor-element.elementor-element-4072a82 .elementor-icon{font-size:18px;}.elementor-81 .elementor-element.elementor-element-4072a82 .elementor-icon-box-title{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-4072a82:has(:hover) .elementor-icon-box-title, .elementor-81 .elementor-element.elementor-element-4072a82:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-4072a82 .elementor-icon-box-description{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-9e3d01e{width:var( --container-widget-width, 55% );max-width:55%;background-color:#1F2937;padding:25px 60px 25px 60px;--container-widget-width:55%;--container-widget-flex-grow:0;border-radius:12px 12px 12px 12px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--icon-box-icon-margin:15px;}.elementor-81 .elementor-element.elementor-element-9e3d01e.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-5e9e880 );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );}.elementor-81 .elementor-element.elementor-element-9e3d01e.elementor-view-framed .elementor-icon, .elementor-81 .elementor-element.elementor-element-9e3d01e.elementor-view-default .elementor-icon{fill:var( --e-global-color-5e9e880 );color:var( --e-global-color-5e9e880 );border-color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-9e3d01e.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-81 .elementor-element.elementor-element-9e3d01e .elementor-icon{font-size:18px;}.elementor-81 .elementor-element.elementor-element-9e3d01e .elementor-icon-box-title{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-9e3d01e:has(:hover) .elementor-icon-box-title, .elementor-81 .elementor-element.elementor-element-9e3d01e:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-9e3d01e .elementor-icon-box-description{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-d3941e1{--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-81 .elementor-element.elementor-element-55e9073{--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;--border-radius:20px 20px 20px 20px;}.elementor-81 .elementor-element.elementor-element-55e9073:not(.elementor-motion-effects-element-type-background), .elementor-81 .elementor-element.elementor-element-55e9073 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1F2937;}.elementor-81 .elementor-element.elementor-element-c49898e{--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;}.elementor-81 .elementor-element.elementor-element-4d9db9b .elementor-heading-title{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-543861b{text-align:center;color:#EBDFDF;}.elementor-81 .elementor-element.elementor-element-a573c37{--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;--justify-content:center;--align-items:center;}.elementor-81 .elementor-element.elementor-element-eb3ce23{width:var( --container-widget-width, 55% );max-width:55%;background-color:#1F2937;padding:25px 60px 25px 60px;--container-widget-width:55%;--container-widget-flex-grow:0;border-radius:12px 12px 12px 12px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--icon-box-icon-margin:15px;}.elementor-81 .elementor-element.elementor-element-eb3ce23.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-5e9e880 );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );}.elementor-81 .elementor-element.elementor-element-eb3ce23.elementor-view-framed .elementor-icon, .elementor-81 .elementor-element.elementor-element-eb3ce23.elementor-view-default .elementor-icon{fill:var( --e-global-color-5e9e880 );color:var( --e-global-color-5e9e880 );border-color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-eb3ce23.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-81 .elementor-element.elementor-element-eb3ce23 .elementor-icon{font-size:18px;}.elementor-81 .elementor-element.elementor-element-eb3ce23 .elementor-icon-box-title{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-eb3ce23:has(:hover) .elementor-icon-box-title, .elementor-81 .elementor-element.elementor-element-eb3ce23:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-eb3ce23 .elementor-icon-box-description{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-a7fea1d{width:var( --container-widget-width, 55% );max-width:55%;background-color:#1F2937;padding:25px 60px 25px 60px;--container-widget-width:55%;--container-widget-flex-grow:0;border-radius:12px 12px 12px 12px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--icon-box-icon-margin:15px;}.elementor-81 .elementor-element.elementor-element-a7fea1d.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-5e9e880 );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );}.elementor-81 .elementor-element.elementor-element-a7fea1d.elementor-view-framed .elementor-icon, .elementor-81 .elementor-element.elementor-element-a7fea1d.elementor-view-default .elementor-icon{fill:var( --e-global-color-5e9e880 );color:var( --e-global-color-5e9e880 );border-color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-a7fea1d.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-81 .elementor-element.elementor-element-a7fea1d .elementor-icon{font-size:18px;}.elementor-81 .elementor-element.elementor-element-a7fea1d .elementor-icon-box-title{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-a7fea1d:has(:hover) .elementor-icon-box-title, .elementor-81 .elementor-element.elementor-element-a7fea1d:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-a7fea1d .elementor-icon-box-description{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-922e05b{--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-81 .elementor-element.elementor-element-397db3a{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:20px;--n-tabs-gap:40px;--n-tabs-title-border-radius:18px 18px 18px 18px;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:20px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:20px;--n-tabs-title-font-size:16px;--n-tabs-title-color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-397db3a > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#7A7A7A05;}.elementor-81 .elementor-element.elementor-element-397db3a.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#065F35;}.elementor-81 .elementor-element.elementor-element-397db3a.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-81 .elementor-element.elementor-element-397db3a.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#065F35;}.elementor-81 .elementor-element.elementor-element-397db3a.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-color:var( --e-global-color-secondary );}.elementor-81 .elementor-element.elementor-element-397db3a.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:"Tajawal", Sans-serif;font-weight:500;}.elementor-81 .elementor-element.elementor-element-52508e6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-81 .elementor-element.elementor-element-52508e6:not(.elementor-motion-effects-element-type-background), .elementor-81 .elementor-element.elementor-element-52508e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1F2937;}.elementor-81 .elementor-element.elementor-element-204aa1a{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:var( --e-global-color-accent );}.elementor-81 .elementor-element.elementor-element-204aa1a:hover{border-style:solid;border-width:1px 1px 1px 1px;border-color:#00D26E;border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px #00D26E;}.elementor-81 .elementor-element.elementor-element-204aa1a .elementor-headline{text-align:center;font-family:"Tajawal", Sans-serif;font-size:36px;font-weight:600;}.elementor-81 .elementor-element.elementor-element-204aa1a .elementor-headline-plain-text{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-1990f6d{font-family:"Tajawal", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-a99674a{--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-81 .elementor-element.elementor-element-90de365{--display:flex;--border-radius:15px 15px 15px 15px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-81 .elementor-element.elementor-element-90de365:not(.elementor-motion-effects-element-type-background), .elementor-81 .elementor-element.elementor-element-90de365 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111827;}.elementor-81 .elementor-element.elementor-element-90de365:hover{box-shadow:0px 0px 15px 0px rgba(29.76690359168248, 176.80000000000004, 16.52695652173916, 0.5) inset;}.elementor-81 .elementor-element.elementor-element-03052a6 .elementor-icon-box-wrapper{text-align:right;}.elementor-81 .elementor-element.elementor-element-03052a6{--icon-box-icon-margin:15px;}.elementor-81 .elementor-element.elementor-element-03052a6.elementor-view-stacked .elementor-icon{background-color:#048A4A;}.elementor-81 .elementor-element.elementor-element-03052a6.elementor-view-framed .elementor-icon, .elementor-81 .elementor-element.elementor-element-03052a6.elementor-view-default .elementor-icon{fill:#048A4A;color:#048A4A;border-color:#048A4A;}.elementor-81 .elementor-element.elementor-element-03052a6 .elementor-icon{font-size:25px;}.elementor-81 .elementor-element.elementor-element-03052a6 .elementor-icon-box-title{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-03052a6:has(:hover) .elementor-icon-box-title, .elementor-81 .elementor-element.elementor-element-03052a6:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-03052a6 .elementor-icon-box-description{color:#B4AAAA;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-81 .elementor-element.elementor-element-f59c484 .elementor-icon-list-icon i{color:#048A4A;transition:color 0.3s;}.elementor-81 .elementor-element.elementor-element-f59c484 .elementor-icon-list-icon svg{fill:#048A4A;transition:fill 0.3s;}.elementor-81 .elementor-element.elementor-element-f59c484{--e-icon-list-icon-size:12px;--icon-vertical-offset:0px;}.elementor-81 .elementor-element.elementor-element-f59c484 .elementor-icon-list-text{color:#B4AAAA;transition:color 0.3s;}.elementor-81 .elementor-element.elementor-element-a832371{--display:flex;--border-radius:15px 15px 15px 15px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-81 .elementor-element.elementor-element-a832371:not(.elementor-motion-effects-element-type-background), .elementor-81 .elementor-element.elementor-element-a832371 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111827;}.elementor-81 .elementor-element.elementor-element-a832371:hover{box-shadow:0px 0px 15px 0px rgba(29.76690359168248, 176.80000000000004, 16.52695652173916, 0.5) inset;}.elementor-81 .elementor-element.elementor-element-da9a609 .elementor-icon-box-wrapper{text-align:right;}.elementor-81 .elementor-element.elementor-element-da9a609{--icon-box-icon-margin:15px;}.elementor-81 .elementor-element.elementor-element-da9a609.elementor-view-stacked .elementor-icon{background-color:#048A4A;}.elementor-81 .elementor-element.elementor-element-da9a609.elementor-view-framed .elementor-icon, .elementor-81 .elementor-element.elementor-element-da9a609.elementor-view-default .elementor-icon{fill:#048A4A;color:#048A4A;border-color:#048A4A;}.elementor-81 .elementor-element.elementor-element-da9a609 .elementor-icon{font-size:25px;}.elementor-81 .elementor-element.elementor-element-da9a609 .elementor-icon-box-title{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-da9a609:has(:hover) .elementor-icon-box-title, .elementor-81 .elementor-element.elementor-element-da9a609:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-da9a609 .elementor-icon-box-description{color:#B4AAAA;}.elementor-81 .elementor-element.elementor-element-879cbf9 .elementor-icon-list-icon i{color:#048A4A;transition:color 0.3s;}.elementor-81 .elementor-element.elementor-element-879cbf9 .elementor-icon-list-icon svg{fill:#048A4A;transition:fill 0.3s;}.elementor-81 .elementor-element.elementor-element-879cbf9{--e-icon-list-icon-size:12px;--icon-vertical-offset:0px;}.elementor-81 .elementor-element.elementor-element-879cbf9 .elementor-icon-list-text{color:#B4AAAA;transition:color 0.3s;}.elementor-81 .elementor-element.elementor-element-3b0775c{--display:flex;--border-radius:15px 15px 15px 15px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-81 .elementor-element.elementor-element-3b0775c:not(.elementor-motion-effects-element-type-background), .elementor-81 .elementor-element.elementor-element-3b0775c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111827;}.elementor-81 .elementor-element.elementor-element-3b0775c:hover{box-shadow:0px 0px 15px 0px rgba(29.76690359168248, 176.80000000000004, 16.52695652173916, 0.5) inset;}.elementor-81 .elementor-element.elementor-element-c7884fe .elementor-icon-box-wrapper{text-align:right;}.elementor-81 .elementor-element.elementor-element-c7884fe{--icon-box-icon-margin:15px;}.elementor-81 .elementor-element.elementor-element-c7884fe.elementor-view-stacked .elementor-icon{background-color:#048A4A;}.elementor-81 .elementor-element.elementor-element-c7884fe.elementor-view-framed .elementor-icon, .elementor-81 .elementor-element.elementor-element-c7884fe.elementor-view-default .elementor-icon{fill:#048A4A;color:#048A4A;border-color:#048A4A;}.elementor-81 .elementor-element.elementor-element-c7884fe .elementor-icon{font-size:25px;}.elementor-81 .elementor-element.elementor-element-c7884fe .elementor-icon-box-title{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-c7884fe:has(:hover) .elementor-icon-box-title, .elementor-81 .elementor-element.elementor-element-c7884fe:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-c7884fe .elementor-icon-box-description{color:#B4AAAA;}.elementor-81 .elementor-element.elementor-element-b26cf49 .elementor-icon-list-icon i{color:#048A4A;transition:color 0.3s;}.elementor-81 .elementor-element.elementor-element-b26cf49 .elementor-icon-list-icon svg{fill:#048A4A;transition:fill 0.3s;}.elementor-81 .elementor-element.elementor-element-b26cf49{--e-icon-list-icon-size:12px;--icon-vertical-offset:0px;}.elementor-81 .elementor-element.elementor-element-b26cf49 .elementor-icon-list-text{color:#B4AAAA;transition:color 0.3s;}.elementor-81 .elementor-element.elementor-element-43dadfa{--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-81 .elementor-element.elementor-element-edc5c47{--display:flex;--border-radius:15px 15px 15px 15px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-81 .elementor-element.elementor-element-edc5c47:not(.elementor-motion-effects-element-type-background), .elementor-81 .elementor-element.elementor-element-edc5c47 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111827;}.elementor-81 .elementor-element.elementor-element-edc5c47:hover{box-shadow:0px 0px 15px 0px rgba(29.76690359168248, 176.80000000000004, 16.52695652173916, 0.5) inset;}.elementor-81 .elementor-element.elementor-element-e410869 .elementor-icon-box-wrapper{text-align:right;}.elementor-81 .elementor-element.elementor-element-e410869{--icon-box-icon-margin:15px;}.elementor-81 .elementor-element.elementor-element-e410869.elementor-view-stacked .elementor-icon{background-color:#048A4A;}.elementor-81 .elementor-element.elementor-element-e410869.elementor-view-framed .elementor-icon, .elementor-81 .elementor-element.elementor-element-e410869.elementor-view-default .elementor-icon{fill:#048A4A;color:#048A4A;border-color:#048A4A;}.elementor-81 .elementor-element.elementor-element-e410869 .elementor-icon{font-size:25px;}.elementor-81 .elementor-element.elementor-element-e410869 .elementor-icon-box-title{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-e410869:has(:hover) .elementor-icon-box-title, .elementor-81 .elementor-element.elementor-element-e410869:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-e410869 .elementor-icon-box-description{color:#B4AAAA;}.elementor-81 .elementor-element.elementor-element-c422879 .elementor-icon-list-icon i{color:#048A4A;transition:color 0.3s;}.elementor-81 .elementor-element.elementor-element-c422879 .elementor-icon-list-icon svg{fill:#048A4A;transition:fill 0.3s;}.elementor-81 .elementor-element.elementor-element-c422879{--e-icon-list-icon-size:12px;--icon-vertical-offset:0px;}.elementor-81 .elementor-element.elementor-element-c422879 .elementor-icon-list-text{color:#B4AAAA;transition:color 0.3s;}.elementor-81 .elementor-element.elementor-element-df6ac3f{--display:flex;--border-radius:15px 15px 15px 15px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-81 .elementor-element.elementor-element-df6ac3f:not(.elementor-motion-effects-element-type-background), .elementor-81 .elementor-element.elementor-element-df6ac3f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111827;}.elementor-81 .elementor-element.elementor-element-df6ac3f:hover{box-shadow:0px 0px 15px 0px rgba(29.76690359168248, 176.80000000000004, 16.52695652173916, 0.5) inset;}.elementor-81 .elementor-element.elementor-element-b28bff5 .elementor-icon-box-wrapper{text-align:right;}.elementor-81 .elementor-element.elementor-element-b28bff5{--icon-box-icon-margin:15px;}.elementor-81 .elementor-element.elementor-element-b28bff5.elementor-view-stacked .elementor-icon{background-color:#048A4A;}.elementor-81 .elementor-element.elementor-element-b28bff5.elementor-view-framed .elementor-icon, .elementor-81 .elementor-element.elementor-element-b28bff5.elementor-view-default .elementor-icon{fill:#048A4A;color:#048A4A;border-color:#048A4A;}.elementor-81 .elementor-element.elementor-element-b28bff5 .elementor-icon{font-size:25px;}.elementor-81 .elementor-element.elementor-element-b28bff5 .elementor-icon-box-title{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-b28bff5:has(:hover) .elementor-icon-box-title, .elementor-81 .elementor-element.elementor-element-b28bff5:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-b28bff5 .elementor-icon-box-description{color:#B4AAAA;}.elementor-81 .elementor-element.elementor-element-bc434da .elementor-icon-list-icon i{color:#048A4A;transition:color 0.3s;}.elementor-81 .elementor-element.elementor-element-bc434da .elementor-icon-list-icon svg{fill:#048A4A;transition:fill 0.3s;}.elementor-81 .elementor-element.elementor-element-bc434da{--e-icon-list-icon-size:12px;--icon-vertical-offset:0px;}.elementor-81 .elementor-element.elementor-element-bc434da .elementor-icon-list-text{color:#B4AAAA;transition:color 0.3s;}.elementor-81 .elementor-element.elementor-element-c3bcc39{--display:flex;--border-radius:15px 15px 15px 15px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-81 .elementor-element.elementor-element-c3bcc39:not(.elementor-motion-effects-element-type-background), .elementor-81 .elementor-element.elementor-element-c3bcc39 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111827;}.elementor-81 .elementor-element.elementor-element-c3bcc39:hover{box-shadow:0px 0px 15px 0px rgba(29.76690359168248, 176.80000000000004, 16.52695652173916, 0.5) inset;}.elementor-81 .elementor-element.elementor-element-97f3a5d .elementor-icon-box-wrapper{text-align:right;}.elementor-81 .elementor-element.elementor-element-97f3a5d{--icon-box-icon-margin:15px;}.elementor-81 .elementor-element.elementor-element-97f3a5d.elementor-view-stacked .elementor-icon{background-color:#048A4A;}.elementor-81 .elementor-element.elementor-element-97f3a5d.elementor-view-framed .elementor-icon, .elementor-81 .elementor-element.elementor-element-97f3a5d.elementor-view-default .elementor-icon{fill:#048A4A;color:#048A4A;border-color:#048A4A;}.elementor-81 .elementor-element.elementor-element-97f3a5d .elementor-icon{font-size:25px;}.elementor-81 .elementor-element.elementor-element-97f3a5d .elementor-icon-box-title{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-97f3a5d:has(:hover) .elementor-icon-box-title, .elementor-81 .elementor-element.elementor-element-97f3a5d:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-97f3a5d .elementor-icon-box-description{color:#B4AAAA;}.elementor-81 .elementor-element.elementor-element-3bab88d .elementor-icon-list-icon i{color:#048A4A;transition:color 0.3s;}.elementor-81 .elementor-element.elementor-element-3bab88d .elementor-icon-list-icon svg{fill:#048A4A;transition:fill 0.3s;}.elementor-81 .elementor-element.elementor-element-3bab88d{--e-icon-list-icon-size:12px;--icon-vertical-offset:0px;}.elementor-81 .elementor-element.elementor-element-3bab88d .elementor-icon-list-text{color:#B4AAAA;transition:color 0.3s;}body:not(.rtl) .elementor-81 .elementor-element.elementor-element-1eb9e7bf{right:1px;}body.rtl .elementor-81 .elementor-element.elementor-element-1eb9e7bf{left:1px;}.elementor-81 .elementor-element.elementor-element-1eb9e7bf{top:-446px;z-index:-1;text-align:right;}body:not(.rtl) .elementor-81 .elementor-element.elementor-element-43f11ef4{left:0px;}body.rtl .elementor-81 .elementor-element.elementor-element-43f11ef4{right:0px;}.elementor-81 .elementor-element.elementor-element-43f11ef4{top:0px;z-index:-1;text-align:left;}body:not(.rtl) .elementor-81 .elementor-element.elementor-element-fae2fad{left:0px;}body.rtl .elementor-81 .elementor-element.elementor-element-fae2fad{right:0px;}.elementor-81 .elementor-element.elementor-element-fae2fad{top:0px;z-index:-1;text-align:left;}.elementor-81 .elementor-element.elementor-element-2d226d4b{top:100px;z-index:-1;text-align:right;}body:not(.rtl) .elementor-81 .elementor-element.elementor-element-11a641ca{left:0px;}body.rtl .elementor-81 .elementor-element.elementor-element-11a641ca{right:0px;}.elementor-81 .elementor-element.elementor-element-11a641ca{top:0px;z-index:-1;text-align:right;}body:not(.rtl) .elementor-81 .elementor-element.elementor-element-1a36e518{left:0px;}body.rtl .elementor-81 .elementor-element.elementor-element-1a36e518{right:0px;}.elementor-81 .elementor-element.elementor-element-1a36e518{top:291px;z-index:-1;text-align:right;}body:not(.rtl) .elementor-81 .elementor-element.elementor-element-14a96f0c{left:0px;}body.rtl .elementor-81 .elementor-element.elementor-element-14a96f0c{right:0px;}.elementor-81 .elementor-element.elementor-element-14a96f0c{top:130px;z-index:-1;text-align:left;}body:not(.rtl) .elementor-81 .elementor-element.elementor-element-4b594025{left:0px;}body.rtl .elementor-81 .elementor-element.elementor-element-4b594025{right:0px;}.elementor-81 .elementor-element.elementor-element-4b594025{top:878px;z-index:-1;text-align:right;}.elementor-81 .elementor-element.elementor-element-2a7de59{--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;--margin-top:-4px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-81 .elementor-element.elementor-element-2a7de59:not(.elementor-motion-effects-element-type-background), .elementor-81 .elementor-element.elementor-element-2a7de59 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#141C2B;}.elementor-81 .elementor-element.elementor-element-cd70eca{--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-81 .elementor-element.elementor-element-d4d42f9{width:var( --container-widget-width, 10% );max-width:10%;background-color:#048A4A;padding:10px 10px 10px 10px;--container-widget-width:10%;--container-widget-flex-grow:0;border-radius:12px 12px 12px 12px;text-align:center;}.elementor-81 .elementor-element.elementor-element-d4d42f9 .elementor-heading-title{font-family:"Tajawal", Sans-serif;font-size:16px;font-weight:500;color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-bb677d3{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:var( --e-global-color-accent );}.elementor-81 .elementor-element.elementor-element-bb677d3:hover{border-style:solid;border-width:1px 1px 1px 1px;border-color:#00D26E;border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px #00D26E;}.elementor-81 .elementor-element.elementor-element-bb677d3 .elementor-headline{text-align:right;font-family:"Tajawal", Sans-serif;font-size:28px;font-weight:500;}.elementor-81 .elementor-element.elementor-element-bb677d3 .elementor-headline-plain-text{color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-bb677d3 .elementor-headline-dynamic-text{font-family:"Tajawal", Sans-serif;font-weight:500;}.elementor-81 .elementor-element.elementor-element-97f554d{padding:0px 0px 0px 40px;font-family:"Tajawal", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-5e9e880 );}.elementor-81 .elementor-element.elementor-element-ecb587d .elementor-button{background-color:#DC2626;fill:var( --e-global-color-5e9e880 );color:var( --e-global-color-5e9e880 );transition-duration:10s;border-radius:8px 8px 8px 8px;padding:15px 15px 15px 15px;}.elementor-81 .elementor-element.elementor-element-ecb587d{width:var( --container-widget-width, 40% );max-width:40%;background-color:#DC2626;--container-widget-width:40%;--container-widget-flex-grow:0;}.elementor-81 .elementor-element.elementor-element-ecb587d .elementor-button:hover, .elementor-81 .elementor-element.elementor-element-ecb587d .elementor-button:focus{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-81 .elementor-element.elementor-element-3a1039b{--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;}@media(min-width:768px){.elementor-81 .elementor-element.elementor-element-0a63644{--width:50%;}.elementor-81 .elementor-element.elementor-element-3d2e812{--content-width:1600px;}.elementor-81 .elementor-element.elementor-element-a6abf15{--width:50%;}.elementor-81 .elementor-element.elementor-element-71b68d5{--width:50%;}.elementor-81 .elementor-element.elementor-element-08bbf08{--content-width:1600px;}.elementor-81 .elementor-element.elementor-element-0d375f9{--width:50%;}.elementor-81 .elementor-element.elementor-element-3a20cc0{--width:50%;}.elementor-81 .elementor-element.elementor-element-3bec970{--content-width:1600px;}.elementor-81 .elementor-element.elementor-element-a5748ab{--width:50%;}.elementor-81 .elementor-element.elementor-element-79e448f{--width:50%;}.elementor-81 .elementor-element.elementor-element-2c1e9e8{--content-width:1600px;}.elementor-81 .elementor-element.elementor-element-d3941e1{--width:50%;}.elementor-81 .elementor-element.elementor-element-c49898e{--width:50%;}.elementor-81 .elementor-element.elementor-element-a573c37{--content-width:1600px;}.elementor-81 .elementor-element.elementor-element-922e05b{--width:50%;}.elementor-81 .elementor-element.elementor-element-90de365{--width:33%;}.elementor-81 .elementor-element.elementor-element-a832371{--width:33%;}.elementor-81 .elementor-element.elementor-element-3b0775c{--width:33%;}.elementor-81 .elementor-element.elementor-element-edc5c47{--width:33%;}.elementor-81 .elementor-element.elementor-element-df6ac3f{--width:33%;}.elementor-81 .elementor-element.elementor-element-c3bcc39{--width:33%;}.elementor-81 .elementor-element.elementor-element-cd70eca{--width:50%;}.elementor-81 .elementor-element.elementor-element-3a1039b{--width:50%;}}@media(max-width:1024px){.elementor-81 .elementor-element.elementor-element-a775de2{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-81 .elementor-element.elementor-element-a775de2{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-81 .elementor-element.elementor-element-5f100a1 .elementor-image-box-img{margin-bottom:15px;}.elementor-81 .elementor-element.elementor-element-e0fbe10 .elementor-image-box-img{margin-bottom:15px;}.elementor-81 .elementor-element.elementor-element-db59e5c .elementor-image-box-img{margin-bottom:15px;}.elementor-81 .elementor-element.elementor-element-5112072 .elementor-image-box-img{margin-bottom:15px;}.elementor-81 .elementor-element.elementor-element-f6444b1 .elementor-image-box-img{margin-bottom:15px;}.elementor-81 .elementor-element.elementor-element-5d6468f .elementor-image-box-img{margin-bottom:15px;}}/* Start custom CSS for icon-box, class: .elementor-element-a216ee9 *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-d6e86f7 *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-8c7895b *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-dd9f9b7 *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-1c87039 *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-9711036 *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6c91918 *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-4072a82 *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-9e3d01e *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-eb3ce23 *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-a7fea1d *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-d6e86f7 *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-8c7895b *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-dd9f9b7 *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-1c87039 *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-9711036 *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6c91918 *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-4072a82 *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-9e3d01e *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-eb3ce23 *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-a7fea1d *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-d6e86f7 *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-8c7895b *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-dd9f9b7 *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-1c87039 *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-9711036 *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6c91918 *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-4072a82 *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-9e3d01e *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-eb3ce23 *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-a7fea1d *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-d6e86f7 *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-8c7895b *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-dd9f9b7 *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-1c87039 *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-9711036 *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6c91918 *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-4072a82 *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-9e3d01e *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-eb3ce23 *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-a7fea1d *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-d6e86f7 *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-8c7895b *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-dd9f9b7 *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-1c87039 *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-9711036 *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6c91918 *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-4072a82 *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-9e3d01e *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-eb3ce23 *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-a7fea1d *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-d6e86f7 *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-8c7895b *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-dd9f9b7 *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-1c87039 *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-9711036 *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6c91918 *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-4072a82 *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-9e3d01e *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-eb3ce23 *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-a7fea1d *//* تنسيقات أساسية للعنصر */ .card-section { width: 300px; /* يمكن تغيير العرض حسب الحاجة */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل أساسي */ /* *الأهم هنا: خاصية الانتقال (Transition)* */ /* تجعل الحركة ناعمة وسلسة بدلاً من القفز المفاجئ */ transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } /* التأثير عند التفاعل (Hover) */ .card-section:hover { /* 1. *التحريك للأعلى (TranslateY):* */ /* -5px يعني تحريك العنصر 5 بكسلات للأعلى */ transform: translateY(-5px); /* 2. *زيادة الظل (Box-Shadow):* */ /* لزيادة عمق العنصر وجعله يبدو وكأنه ارتفع حقاً */ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); } /* تنسيقات إضافية لجمالية الكود (اختياري) */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f0f0f0; }/* End custom CSS */