.elementor-27 .elementor-element.elementor-element-91f054c{--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-27 .elementor-element.elementor-element-635709f{--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:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.elementor-27 .elementor-element.elementor-element-4567974{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-27 .elementor-element.elementor-element-4567974.e-con{--flex-grow:0;--flex-shrink:0;}.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-27 .elementor-element.elementor-element-9f6b66b .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-27 .elementor-element.elementor-element-dc7aaf8{--spacer-size:20px;}.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-27 .elementor-element.elementor-element-a5cf0bc.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-27 .elementor-element.elementor-element-a5cf0bc{text-align:right;font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );color:var( --e-global-color-secondary );}.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-27 .elementor-element.elementor-element-caaa6d5 .elementor-icon-list-item:not(:last-child):after{content:"";height:100%;border-color:#ddd;}.elementor-27 .elementor-element.elementor-element-caaa6d5 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-27 .elementor-element.elementor-element-caaa6d5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-27 .elementor-element.elementor-element-caaa6d5 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-27 .elementor-element.elementor-element-caaa6d5 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-27 .elementor-element.elementor-element-caaa6d5 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-27 .elementor-element.elementor-element-caaa6d5{--e-icon-list-icon-size:15px;--e-icon-list-icon-align:right;--e-icon-list-icon-margin:0 0 0 calc(var(--e-icon-list-icon-size, 1em) * 0.25);--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-27 .elementor-element.elementor-element-caaa6d5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-27 .elementor-element.elementor-element-caaa6d5 .elementor-icon-list-item > a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-27 .elementor-element.elementor-element-caaa6d5 .elementor-icon-list-text{transition:color 0.3s;}.elementor-27 .elementor-element.elementor-element-cb68936{--spacer-size:20px;}.elementor-27 .elementor-element.elementor-element-285448a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-27 .elementor-element.elementor-element-285448a{text-align:right;font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );color:var( --e-global-color-secondary );}.elementor-27 .elementor-element.elementor-element-8b18472{--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:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.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-27 .elementor-element.elementor-element-0b4a78a{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-27 .elementor-element.elementor-element-77251e5{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-27 .elementor-element.elementor-element-fcd1346{--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:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-27 .elementor-element.elementor-element-431df17{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-widget-call-to-action .elementor-cta__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-call-to-action .elementor-cta__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-call-to-action .elementor-cta__button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-call-to-action .elementor-ribbon-inner{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-27 .elementor-element.elementor-element-dcb5c17 .elementor-cta__content-item{transition-duration:1000ms;}.elementor-27 .elementor-element.elementor-element-dcb5c17.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(2){transition-delay:calc( 1000ms / 3 );}.elementor-27 .elementor-element.elementor-element-dcb5c17.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(3){transition-delay:calc( ( 1000ms / 3 ) * 2 );}.elementor-27 .elementor-element.elementor-element-dcb5c17.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(4){transition-delay:calc( ( 1000ms / 3 ) * 3 );}.elementor-27 .elementor-element.elementor-element-dcb5c17 .elementor-cta .elementor-cta__bg, .elementor-27 .elementor-element.elementor-element-dcb5c17 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-27 .elementor-element.elementor-element-dcb5c17{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-27 .elementor-element.elementor-element-dcb5c17.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-27 .elementor-element.elementor-element-dcb5c17 .elementor-cta__content{min-height:30vh;text-align:center;}.elementor-27 .elementor-element.elementor-element-dcb5c17 .elementor-cta__description{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-27 .elementor-element.elementor-element-dcb5c17 .elementor-cta:not(:hover) .elementor-cta__bg-overlay{background-color:#23232361;}.elementor-27 .elementor-element.elementor-element-b1e3ca5{text-align:right;font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );color:var( --e-global-color-secondary );}.elementor-27 .elementor-element.elementor-element-ac5a960{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-27 .elementor-element.elementor-element-e466b29 .elementor-cta__content-item{transition-duration:1000ms;}.elementor-27 .elementor-element.elementor-element-e466b29.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(2){transition-delay:calc( 1000ms / 3 );}.elementor-27 .elementor-element.elementor-element-e466b29.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(3){transition-delay:calc( ( 1000ms / 3 ) * 2 );}.elementor-27 .elementor-element.elementor-element-e466b29.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(4){transition-delay:calc( ( 1000ms / 3 ) * 3 );}.elementor-27 .elementor-element.elementor-element-e466b29 .elementor-cta .elementor-cta__bg, .elementor-27 .elementor-element.elementor-element-e466b29 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-27 .elementor-element.elementor-element-e466b29{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-27 .elementor-element.elementor-element-e466b29.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-27 .elementor-element.elementor-element-e466b29 .elementor-cta__content{min-height:30vh;text-align:center;}.elementor-27 .elementor-element.elementor-element-e466b29 .elementor-cta__description{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-27 .elementor-element.elementor-element-e466b29 .elementor-cta:not(:hover) .elementor-cta__bg-overlay{background-color:#23232361;}.elementor-27 .elementor-element.elementor-element-d874cb2{text-align:right;font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );color:var( --e-global-color-secondary );}.elementor-27 .elementor-element.elementor-element-eef6a41{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--padding-top:5%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.elementor-27 .elementor-element.elementor-element-9aab035{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-27 .elementor-element.elementor-element-9aab035.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-27 .elementor-element.elementor-element-bbe3679{text-align:center;}.elementor-27 .elementor-element.elementor-element-bbe3679 .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-secondary );}.elementor-27 .elementor-element.elementor-element-082d9bf{width:var( --container-widget-width, 80.567% );max-width:80.567%;--container-widget-width:80.567%;--container-widget-flex-grow:0;text-align:center;font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-27 .elementor-element.elementor-element-082d9bf.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-27 .elementor-element.elementor-element-082d9bf p{margin-block-end:0px;}.elementor-27 .elementor-element.elementor-element-3249688{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;--justify-items:center;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-27 .elementor-element.elementor-element-6a6ac20{--display:flex;--min-height:20vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:15px 15px 15px 15px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-27 .elementor-element.elementor-element-6a6ac20:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-6a6ac20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F5F9;}.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-27 .elementor-element.elementor-element-5114d79 .elementor-icon-box-wrapper{text-align:center;}.elementor-27 .elementor-element.elementor-element-5114d79{--icon-box-icon-margin:0px;}.elementor-27 .elementor-element.elementor-element-5114d79 .elementor-icon-box-title{margin-block-end:5px;color:var( --e-global-color-secondary );}.elementor-27 .elementor-element.elementor-element-5114d79 .elementor-icon{font-size:60px;}.elementor-27 .elementor-element.elementor-element-5114d79 .elementor-icon i{transform:rotate(0turn);}.elementor-27 .elementor-element.elementor-element-5114d79 .elementor-icon-box-title, .elementor-27 .elementor-element.elementor-element-5114d79 .elementor-icon-box-title a{font-family:"Almarai", Sans-serif;font-size:22px;font-weight:700;}.elementor-27 .elementor-element.elementor-element-5114d79 .elementor-icon-box-description{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );color:var( --e-global-color-secondary );}.elementor-27 .elementor-element.elementor-element-7358e66{--display:flex;--min-height:0.2vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:15px 15px 15px 15px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-27 .elementor-element.elementor-element-7358e66:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-7358e66 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F5F9;}.elementor-27 .elementor-element.elementor-element-7c4a1a8 .elementor-icon-box-wrapper{text-align:center;}.elementor-27 .elementor-element.elementor-element-7c4a1a8{--icon-box-icon-margin:0px;}.elementor-27 .elementor-element.elementor-element-7c4a1a8 .elementor-icon-box-title{margin-block-end:5px;color:var( --e-global-color-secondary );}.elementor-27 .elementor-element.elementor-element-7c4a1a8 .elementor-icon{font-size:60px;}.elementor-27 .elementor-element.elementor-element-7c4a1a8 .elementor-icon i{transform:rotate(0turn);}.elementor-27 .elementor-element.elementor-element-7c4a1a8 .elementor-icon-box-title, .elementor-27 .elementor-element.elementor-element-7c4a1a8 .elementor-icon-box-title a{font-family:"Almarai", Sans-serif;font-size:22px;font-weight:700;}.elementor-27 .elementor-element.elementor-element-7c4a1a8 .elementor-icon-box-description{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );color:var( --e-global-color-secondary );}.elementor-27 .elementor-element.elementor-element-13c0028{--display:flex;--min-height:20vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:15px 15px 15px 15px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-27 .elementor-element.elementor-element-13c0028:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-13c0028 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F5F9;}.elementor-27 .elementor-element.elementor-element-8c8bae7 .elementor-icon-box-wrapper{text-align:center;}.elementor-27 .elementor-element.elementor-element-8c8bae7{--icon-box-icon-margin:0px;}.elementor-27 .elementor-element.elementor-element-8c8bae7 .elementor-icon-box-title{margin-block-end:5px;color:var( --e-global-color-secondary );}.elementor-27 .elementor-element.elementor-element-8c8bae7 .elementor-icon{font-size:60px;}.elementor-27 .elementor-element.elementor-element-8c8bae7 .elementor-icon i{transform:rotate(0turn);}.elementor-27 .elementor-element.elementor-element-8c8bae7 .elementor-icon-box-title, .elementor-27 .elementor-element.elementor-element-8c8bae7 .elementor-icon-box-title a{font-family:"Almarai", Sans-serif;font-size:22px;font-weight:700;}.elementor-27 .elementor-element.elementor-element-8c8bae7 .elementor-icon-box-description{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );color:var( --e-global-color-secondary );}.elementor-27 .elementor-element.elementor-element-c9e572c{--display:flex;--min-height:20vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:15px 15px 15px 15px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-27 .elementor-element.elementor-element-c9e572c:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-c9e572c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F5F9;}.elementor-27 .elementor-element.elementor-element-5f46c08 .elementor-icon-box-wrapper{text-align:center;}.elementor-27 .elementor-element.elementor-element-5f46c08{--icon-box-icon-margin:0px;}.elementor-27 .elementor-element.elementor-element-5f46c08 .elementor-icon-box-title{margin-block-end:5px;color:var( --e-global-color-secondary );}.elementor-27 .elementor-element.elementor-element-5f46c08 .elementor-icon{font-size:60px;}.elementor-27 .elementor-element.elementor-element-5f46c08 .elementor-icon i{transform:rotate(0turn);}.elementor-27 .elementor-element.elementor-element-5f46c08 .elementor-icon-box-title, .elementor-27 .elementor-element.elementor-element-5f46c08 .elementor-icon-box-title a{font-family:"Almarai", Sans-serif;font-size:22px;font-weight:700;}.elementor-27 .elementor-element.elementor-element-5f46c08 .elementor-icon-box-description{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );color:var( --e-global-color-secondary );}.elementor-27 .elementor-element.elementor-element-03b4bb2{--display:flex;--min-height:20vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:15px 15px 15px 15px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-27 .elementor-element.elementor-element-03b4bb2:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-03b4bb2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F5F9;}.elementor-27 .elementor-element.elementor-element-9ff496c .elementor-icon-box-wrapper{text-align:center;}.elementor-27 .elementor-element.elementor-element-9ff496c{--icon-box-icon-margin:0px;}.elementor-27 .elementor-element.elementor-element-9ff496c .elementor-icon-box-title{margin-block-end:5px;color:var( --e-global-color-secondary );}.elementor-27 .elementor-element.elementor-element-9ff496c .elementor-icon{font-size:60px;}.elementor-27 .elementor-element.elementor-element-9ff496c .elementor-icon i{transform:rotate(0turn);}.elementor-27 .elementor-element.elementor-element-9ff496c .elementor-icon-box-title, .elementor-27 .elementor-element.elementor-element-9ff496c .elementor-icon-box-title a{font-family:"Almarai", Sans-serif;font-size:22px;font-weight:700;}.elementor-27 .elementor-element.elementor-element-9ff496c .elementor-icon-box-description{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );color:var( --e-global-color-secondary );}.elementor-27 .elementor-element.elementor-element-a5804ab{--display:flex;--min-height:20vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:15px 15px 15px 15px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-27 .elementor-element.elementor-element-a5804ab:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-a5804ab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F5F9;}.elementor-27 .elementor-element.elementor-element-512bd40 .elementor-icon-box-wrapper{text-align:center;}.elementor-27 .elementor-element.elementor-element-512bd40{--icon-box-icon-margin:0px;}.elementor-27 .elementor-element.elementor-element-512bd40 .elementor-icon-box-title{margin-block-end:5px;color:var( --e-global-color-secondary );}.elementor-27 .elementor-element.elementor-element-512bd40 .elementor-icon{font-size:60px;}.elementor-27 .elementor-element.elementor-element-512bd40 .elementor-icon i{transform:rotate(0turn);}.elementor-27 .elementor-element.elementor-element-512bd40 .elementor-icon-box-title, .elementor-27 .elementor-element.elementor-element-512bd40 .elementor-icon-box-title a{font-family:"Almarai", Sans-serif;font-size:22px;font-weight:700;}.elementor-27 .elementor-element.elementor-element-512bd40 .elementor-icon-box-description{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );color:var( --e-global-color-secondary );}.elementor-27 .elementor-element.elementor-element-27b97f3{--display:flex;--min-height:20vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:15px 15px 15px 15px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-27 .elementor-element.elementor-element-27b97f3:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-27b97f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F5F9;}.elementor-27 .elementor-element.elementor-element-2fc2ed8 .elementor-icon-box-wrapper{text-align:center;}.elementor-27 .elementor-element.elementor-element-2fc2ed8{--icon-box-icon-margin:0px;}.elementor-27 .elementor-element.elementor-element-2fc2ed8 .elementor-icon-box-title{margin-block-end:5px;color:var( --e-global-color-secondary );}.elementor-27 .elementor-element.elementor-element-2fc2ed8 .elementor-icon{font-size:60px;}.elementor-27 .elementor-element.elementor-element-2fc2ed8 .elementor-icon i{transform:rotate(0turn);}.elementor-27 .elementor-element.elementor-element-2fc2ed8 .elementor-icon-box-title, .elementor-27 .elementor-element.elementor-element-2fc2ed8 .elementor-icon-box-title a{font-family:"Almarai", Sans-serif;font-size:22px;font-weight:700;}.elementor-27 .elementor-element.elementor-element-2fc2ed8 .elementor-icon-box-description{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );color:var( --e-global-color-secondary );}.elementor-27 .elementor-element.elementor-element-dee61f1{--display:flex;--min-height:20vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:15px 15px 15px 15px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-27 .elementor-element.elementor-element-dee61f1:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-dee61f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F5F9;}.elementor-27 .elementor-element.elementor-element-9a09452 .elementor-icon-box-wrapper{text-align:center;}.elementor-27 .elementor-element.elementor-element-9a09452{--icon-box-icon-margin:0px;}.elementor-27 .elementor-element.elementor-element-9a09452 .elementor-icon-box-title{margin-block-end:5px;color:var( --e-global-color-secondary );}.elementor-27 .elementor-element.elementor-element-9a09452 .elementor-icon{font-size:60px;}.elementor-27 .elementor-element.elementor-element-9a09452 .elementor-icon i{transform:rotate(0turn);}.elementor-27 .elementor-element.elementor-element-9a09452 .elementor-icon-box-title, .elementor-27 .elementor-element.elementor-element-9a09452 .elementor-icon-box-title a{font-family:"Almarai", Sans-serif;font-size:22px;font-weight:700;}.elementor-27 .elementor-element.elementor-element-9a09452 .elementor-icon-box-description{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );color:var( --e-global-color-secondary );}@media(max-width:1024px){.elementor-27 .elementor-element.elementor-element-3249688{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-27 .elementor-element.elementor-element-4567974{--width:50%;}.elementor-27 .elementor-element.elementor-element-8b18472{--width:50%;}.elementor-27 .elementor-element.elementor-element-9aab035{--width:100%;}}@media(max-width:767px){.elementor-27 .elementor-element.elementor-element-3249688{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for image, class: .elementor-element-0b4a78a */.elementor-27 .elementor-element.elementor-element-0b4a78a {
  /* ده الكونتينر الأب للـ Image Widget (الـ Widget نفسه) */
  overflow: hidden; /* مهم جداً: أي جزء من الصورة يخرج برا الـ Widget هيتخبى */
  transition: all 0.3s ease-in-out; /* عشان التأثير يكون سلس */
}

.elementor-27 .elementor-element.elementor-element-0b4a78a img {
  /* دي الصورة نفسها جوه الـ Widget */
  display: block; /* لضمان إنها تتصرف كـ Block element */
  max-width: 100%; /* تأكد إنها متعديش عرض الكونتينر الأب */
  height: auto; /* تحافظ على الأبعاد */
  transition: transform 0.3s ease-in-out; /* عشان تكبير/تصغير الصورة يكون سلس */
  transform: scale(1); /* حجمها الطبيعي في البداية */
}

.elementor-27 .elementor-element.elementor-element-0b4a78a:hover img {
  /* التأثير عند الـ Hover: كبر الصورة من الداخل */
  transform: scale(1.25); /* كبر الصورة بنسبة 15% (تقدر تغير الرقم ده) */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a6ac20 *//* تنسيق البوكس الواحد في الوضع العادي */
.why-choose-box {
    text-align: center; /* توسيط كل المحتوى داخل البوكس */
    padding: 30px; /* حشوة داخلية للبوكس */
    background-color: #FFFFFF; /* خلفية بيضاء */
    border-radius: 12px; /* حواف مستديرة */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); /* ظل خفيف للبوكس */
    transition: all 0.3s ease-in-out; /* حركة سلسة عند الهوفر */
    margin-bottom: 30px; /* مسافة بين البوكسات وبعضها (لو في صفوف مختلفة) */
}

/* تأثير الـ Hover على البوكس نفسه (الكونتينر الأب) */
.why-choose-box:hover {
    transform: translateY(-8px); /* البوكس يطلع لفوق شوية عند الهوفر */
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); /* الظل يكبر عند الهوفر */
}

/* تنسيق الأيقونة داخل البوكس */
.why-choose-box .elementor-icon { 
    font-size: 45px; /* حجم الأيقونة */
    color: #C52219; /* اللون الأحمر بتاعكم */
    margin-bottom: 15px; /* مسافة تحت الأيقونة */
    transition: color 0.3s ease-in-out; /* حركة سلسة لتغيير اللون */
}

/* تنسيق العنوان داخل البوكس */
.why-choose-box .elementor-heading-title { 
    font-size: 22px; /* حجم العنوان */
    font-weight: 700; /* سمك الخط */
    color: #333333; /* لون غامق للعناوين */
    margin-bottom: 10px; /* مسافة تحت العنوان */
    transition: color 0.3s ease-in-out; /* حركة سلسة لتغيير اللون */
}

/* تنسيق النص داخل البوكس */
.why-choose-box .elementor-text-editor { 
    font-size: 16px; /* حجم الخط */
    color: #666666; /* لون رمادي للنص */
    line-height: 1.6; /* تباعد الأسطر */
    transition: color 0.3s ease-in-out; /* حركة سلسة لتغيير اللون */
}

/* ****** التعديلات المهمة لتأثير الهوفر على الأيقونة، العنوان، والنص ****** */

/* تأثير الهوفر على لون الأيقونة */
.why-choose-box:hover .elementor-icon {
    color: #A01B15; /* لون أغمق للأيقونة عند الهوفر */
}

/* تأثير الهوفر على لون العنوان */
.why-choose-box:hover .elementor-heading-title {
    color: #C52219; /* ممكن تخليه نفس الأحمر الأساسي بتاعكم أو أي لون تاني */
}

/* تأثير الهوفر على لون النص */
.why-choose-box:hover .elementor-text-editor {
    color: #444444; /* لون أغمق شوية للنص عند الهوفر */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7358e66 *//* تنسيق البوكس الواحد في الوضع العادي */
.why-choose-box {
    text-align: center; /* توسيط كل المحتوى داخل البوكس */
    padding: 30px; /* حشوة داخلية للبوكس */
    background-color: #FFFFFF; /* خلفية بيضاء */
    border-radius: 12px; /* حواف مستديرة */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); /* ظل خفيف للبوكس */
    transition: all 0.3s ease-in-out; /* حركة سلسة عند الهوفر */
    margin-bottom: 30px; /* مسافة بين البوكسات وبعضها (لو في صفوف مختلفة) */
}

/* تأثير الـ Hover على البوكس نفسه (الكونتينر الأب) */
.why-choose-box:hover {
    transform: translateY(-8px); /* البوكس يطلع لفوق شوية عند الهوفر */
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); /* الظل يكبر عند الهوفر */
}

/* تنسيق الأيقونة داخل البوكس */
.why-choose-box .elementor-icon { 
    font-size: 45px; /* حجم الأيقونة */
    color: #C52219; /* اللون الأحمر بتاعكم */
    margin-bottom: 15px; /* مسافة تحت الأيقونة */
    transition: color 0.3s ease-in-out; /* حركة سلسة لتغيير اللون */
}

/* تنسيق العنوان داخل البوكس */
.why-choose-box .elementor-heading-title { 
    font-size: 22px; /* حجم العنوان */
    font-weight: 700; /* سمك الخط */
    color: #333333; /* لون غامق للعناوين */
    margin-bottom: 10px; /* مسافة تحت العنوان */
    transition: color 0.3s ease-in-out; /* حركة سلسة لتغيير اللون */
}

/* تنسيق النص داخل البوكس */
.why-choose-box .elementor-text-editor { 
    font-size: 16px; /* حجم الخط */
    color: #666666; /* لون رمادي للنص */
    line-height: 1.6; /* تباعد الأسطر */
    transition: color 0.3s ease-in-out; /* حركة سلسة لتغيير اللون */
}

/* ****** التعديلات المهمة لتأثير الهوفر على الأيقونة، العنوان، والنص ****** */

/* تأثير الهوفر على لون الأيقونة */
.why-choose-box:hover .elementor-icon {
    color: #A01B15; /* لون أغمق للأيقونة عند الهوفر */
}

/* تأثير الهوفر على لون العنوان */
.why-choose-box:hover .elementor-heading-title {
    color: #C52219; /* ممكن تخليه نفس الأحمر الأساسي بتاعكم أو أي لون تاني */
}

/* تأثير الهوفر على لون النص */
.why-choose-box:hover .elementor-text-editor {
    color: #444444; /* لون أغمق شوية للنص عند الهوفر */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-13c0028 *//* تنسيق البوكس الواحد في الوضع العادي */
.why-choose-box {
    text-align: center; /* توسيط كل المحتوى داخل البوكس */
    padding: 30px; /* حشوة داخلية للبوكس */
    background-color: #FFFFFF; /* خلفية بيضاء */
    border-radius: 12px; /* حواف مستديرة */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); /* ظل خفيف للبوكس */
    transition: all 0.3s ease-in-out; /* حركة سلسة عند الهوفر */
    margin-bottom: 30px; /* مسافة بين البوكسات وبعضها (لو في صفوف مختلفة) */
}

/* تأثير الـ Hover على البوكس نفسه (الكونتينر الأب) */
.why-choose-box:hover {
    transform: translateY(-8px); /* البوكس يطلع لفوق شوية عند الهوفر */
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); /* الظل يكبر عند الهوفر */
}

/* تنسيق الأيقونة داخل البوكس */
.why-choose-box .elementor-icon { 
    font-size: 45px; /* حجم الأيقونة */
    color: #C52219; /* اللون الأحمر بتاعكم */
    margin-bottom: 15px; /* مسافة تحت الأيقونة */
    transition: color 0.3s ease-in-out; /* حركة سلسة لتغيير اللون */
}

/* تنسيق العنوان داخل البوكس */
.why-choose-box .elementor-heading-title { 
    font-size: 22px; /* حجم العنوان */
    font-weight: 700; /* سمك الخط */
    color: #333333; /* لون غامق للعناوين */
    margin-bottom: 10px; /* مسافة تحت العنوان */
    transition: color 0.3s ease-in-out; /* حركة سلسة لتغيير اللون */
}

/* تنسيق النص داخل البوكس */
.why-choose-box .elementor-text-editor { 
    font-size: 16px; /* حجم الخط */
    color: #666666; /* لون رمادي للنص */
    line-height: 1.6; /* تباعد الأسطر */
    transition: color 0.3s ease-in-out; /* حركة سلسة لتغيير اللون */
}

/* ****** التعديلات المهمة لتأثير الهوفر على الأيقونة، العنوان، والنص ****** */

/* تأثير الهوفر على لون الأيقونة */
.why-choose-box:hover .elementor-icon {
    color: #A01B15; /* لون أغمق للأيقونة عند الهوفر */
}

/* تأثير الهوفر على لون العنوان */
.why-choose-box:hover .elementor-heading-title {
    color: #C52219; /* ممكن تخليه نفس الأحمر الأساسي بتاعكم أو أي لون تاني */
}

/* تأثير الهوفر على لون النص */
.why-choose-box:hover .elementor-text-editor {
    color: #444444; /* لون أغمق شوية للنص عند الهوفر */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c9e572c *//* تنسيق البوكس الواحد في الوضع العادي */
.why-choose-box {
    text-align: center; /* توسيط كل المحتوى داخل البوكس */
    padding: 30px; /* حشوة داخلية للبوكس */
    background-color: #FFFFFF; /* خلفية بيضاء */
    border-radius: 12px; /* حواف مستديرة */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); /* ظل خفيف للبوكس */
    transition: all 0.3s ease-in-out; /* حركة سلسة عند الهوفر */
    margin-bottom: 30px; /* مسافة بين البوكسات وبعضها (لو في صفوف مختلفة) */
}

/* تأثير الـ Hover على البوكس نفسه (الكونتينر الأب) */
.why-choose-box:hover {
    transform: translateY(-8px); /* البوكس يطلع لفوق شوية عند الهوفر */
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); /* الظل يكبر عند الهوفر */
}

/* تنسيق الأيقونة داخل البوكس */
.why-choose-box .elementor-icon { 
    font-size: 45px; /* حجم الأيقونة */
    color: #C52219; /* اللون الأحمر بتاعكم */
    margin-bottom: 15px; /* مسافة تحت الأيقونة */
    transition: color 0.3s ease-in-out; /* حركة سلسة لتغيير اللون */
}

/* تنسيق العنوان داخل البوكس */
.why-choose-box .elementor-heading-title { 
    font-size: 22px; /* حجم العنوان */
    font-weight: 700; /* سمك الخط */
    color: #333333; /* لون غامق للعناوين */
    margin-bottom: 10px; /* مسافة تحت العنوان */
    transition: color 0.3s ease-in-out; /* حركة سلسة لتغيير اللون */
}

/* تنسيق النص داخل البوكس */
.why-choose-box .elementor-text-editor { 
    font-size: 16px; /* حجم الخط */
    color: #666666; /* لون رمادي للنص */
    line-height: 1.6; /* تباعد الأسطر */
    transition: color 0.3s ease-in-out; /* حركة سلسة لتغيير اللون */
}

/* ****** التعديلات المهمة لتأثير الهوفر على الأيقونة، العنوان، والنص ****** */

/* تأثير الهوفر على لون الأيقونة */
.why-choose-box:hover .elementor-icon {
    color: #A01B15; /* لون أغمق للأيقونة عند الهوفر */
}

/* تأثير الهوفر على لون العنوان */
.why-choose-box:hover .elementor-heading-title {
    color: #C52219; /* ممكن تخليه نفس الأحمر الأساسي بتاعكم أو أي لون تاني */
}

/* تأثير الهوفر على لون النص */
.why-choose-box:hover .elementor-text-editor {
    color: #444444; /* لون أغمق شوية للنص عند الهوفر */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-03b4bb2 *//* تنسيق البوكس الواحد في الوضع العادي */
.why-choose-box {
    text-align: center; /* توسيط كل المحتوى داخل البوكس */
    padding: 30px; /* حشوة داخلية للبوكس */
    background-color: #FFFFFF; /* خلفية بيضاء */
    border-radius: 12px; /* حواف مستديرة */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); /* ظل خفيف للبوكس */
    transition: all 0.3s ease-in-out; /* حركة سلسة عند الهوفر */
    margin-bottom: 30px; /* مسافة بين البوكسات وبعضها (لو في صفوف مختلفة) */
}

/* تأثير الـ Hover على البوكس نفسه (الكونتينر الأب) */
.why-choose-box:hover {
    transform: translateY(-8px); /* البوكس يطلع لفوق شوية عند الهوفر */
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); /* الظل يكبر عند الهوفر */
}

/* تنسيق الأيقونة داخل البوكس */
.why-choose-box .elementor-icon { 
    font-size: 45px; /* حجم الأيقونة */
    color: #C52219; /* اللون الأحمر بتاعكم */
    margin-bottom: 15px; /* مسافة تحت الأيقونة */
    transition: color 0.3s ease-in-out; /* حركة سلسة لتغيير اللون */
}

/* تنسيق العنوان داخل البوكس */
.why-choose-box .elementor-heading-title { 
    font-size: 22px; /* حجم العنوان */
    font-weight: 700; /* سمك الخط */
    color: #333333; /* لون غامق للعناوين */
    margin-bottom: 10px; /* مسافة تحت العنوان */
    transition: color 0.3s ease-in-out; /* حركة سلسة لتغيير اللون */
}

/* تنسيق النص داخل البوكس */
.why-choose-box .elementor-text-editor { 
    font-size: 16px; /* حجم الخط */
    color: #666666; /* لون رمادي للنص */
    line-height: 1.6; /* تباعد الأسطر */
    transition: color 0.3s ease-in-out; /* حركة سلسة لتغيير اللون */
}

/* ****** التعديلات المهمة لتأثير الهوفر على الأيقونة، العنوان، والنص ****** */

/* تأثير الهوفر على لون الأيقونة */
.why-choose-box:hover .elementor-icon {
    color: #A01B15; /* لون أغمق للأيقونة عند الهوفر */
}

/* تأثير الهوفر على لون العنوان */
.why-choose-box:hover .elementor-heading-title {
    color: #C52219; /* ممكن تخليه نفس الأحمر الأساسي بتاعكم أو أي لون تاني */
}

/* تأثير الهوفر على لون النص */
.why-choose-box:hover .elementor-text-editor {
    color: #444444; /* لون أغمق شوية للنص عند الهوفر */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a5804ab *//* تنسيق البوكس الواحد في الوضع العادي */
.why-choose-box {
    text-align: center; /* توسيط كل المحتوى داخل البوكس */
    padding: 30px; /* حشوة داخلية للبوكس */
    background-color: #FFFFFF; /* خلفية بيضاء */
    border-radius: 12px; /* حواف مستديرة */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); /* ظل خفيف للبوكس */
    transition: all 0.3s ease-in-out; /* حركة سلسة عند الهوفر */
    margin-bottom: 30px; /* مسافة بين البوكسات وبعضها (لو في صفوف مختلفة) */
}

/* تأثير الـ Hover على البوكس نفسه (الكونتينر الأب) */
.why-choose-box:hover {
    transform: translateY(-8px); /* البوكس يطلع لفوق شوية عند الهوفر */
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); /* الظل يكبر عند الهوفر */
}

/* تنسيق الأيقونة داخل البوكس */
.why-choose-box .elementor-icon { 
    font-size: 45px; /* حجم الأيقونة */
    color: #C52219; /* اللون الأحمر بتاعكم */
    margin-bottom: 15px; /* مسافة تحت الأيقونة */
    transition: color 0.3s ease-in-out; /* حركة سلسة لتغيير اللون */
}

/* تنسيق العنوان داخل البوكس */
.why-choose-box .elementor-heading-title { 
    font-size: 22px; /* حجم العنوان */
    font-weight: 700; /* سمك الخط */
    color: #333333; /* لون غامق للعناوين */
    margin-bottom: 10px; /* مسافة تحت العنوان */
    transition: color 0.3s ease-in-out; /* حركة سلسة لتغيير اللون */
}

/* تنسيق النص داخل البوكس */
.why-choose-box .elementor-text-editor { 
    font-size: 16px; /* حجم الخط */
    color: #666666; /* لون رمادي للنص */
    line-height: 1.6; /* تباعد الأسطر */
    transition: color 0.3s ease-in-out; /* حركة سلسة لتغيير اللون */
}

/* ****** التعديلات المهمة لتأثير الهوفر على الأيقونة، العنوان، والنص ****** */

/* تأثير الهوفر على لون الأيقونة */
.why-choose-box:hover .elementor-icon {
    color: #A01B15; /* لون أغمق للأيقونة عند الهوفر */
}

/* تأثير الهوفر على لون العنوان */
.why-choose-box:hover .elementor-heading-title {
    color: #C52219; /* ممكن تخليه نفس الأحمر الأساسي بتاعكم أو أي لون تاني */
}

/* تأثير الهوفر على لون النص */
.why-choose-box:hover .elementor-text-editor {
    color: #444444; /* لون أغمق شوية للنص عند الهوفر */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-27b97f3 *//* تنسيق البوكس الواحد في الوضع العادي */
.why-choose-box {
    text-align: center; /* توسيط كل المحتوى داخل البوكس */
    padding: 30px; /* حشوة داخلية للبوكس */
    background-color: #FFFFFF; /* خلفية بيضاء */
    border-radius: 12px; /* حواف مستديرة */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); /* ظل خفيف للبوكس */
    transition: all 0.3s ease-in-out; /* حركة سلسة عند الهوفر */
    margin-bottom: 30px; /* مسافة بين البوكسات وبعضها (لو في صفوف مختلفة) */
}

/* تأثير الـ Hover على البوكس نفسه (الكونتينر الأب) */
.why-choose-box:hover {
    transform: translateY(-8px); /* البوكس يطلع لفوق شوية عند الهوفر */
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); /* الظل يكبر عند الهوفر */
}

/* تنسيق الأيقونة داخل البوكس */
.why-choose-box .elementor-icon { 
    font-size: 45px; /* حجم الأيقونة */
    color: #C52219; /* اللون الأحمر بتاعكم */
    margin-bottom: 15px; /* مسافة تحت الأيقونة */
    transition: color 0.3s ease-in-out; /* حركة سلسة لتغيير اللون */
}

/* تنسيق العنوان داخل البوكس */
.why-choose-box .elementor-heading-title { 
    font-size: 22px; /* حجم العنوان */
    font-weight: 700; /* سمك الخط */
    color: #333333; /* لون غامق للعناوين */
    margin-bottom: 10px; /* مسافة تحت العنوان */
    transition: color 0.3s ease-in-out; /* حركة سلسة لتغيير اللون */
}

/* تنسيق النص داخل البوكس */
.why-choose-box .elementor-text-editor { 
    font-size: 16px; /* حجم الخط */
    color: #666666; /* لون رمادي للنص */
    line-height: 1.6; /* تباعد الأسطر */
    transition: color 0.3s ease-in-out; /* حركة سلسة لتغيير اللون */
}

/* ****** التعديلات المهمة لتأثير الهوفر على الأيقونة، العنوان، والنص ****** */

/* تأثير الهوفر على لون الأيقونة */
.why-choose-box:hover .elementor-icon {
    color: #A01B15; /* لون أغمق للأيقونة عند الهوفر */
}

/* تأثير الهوفر على لون العنوان */
.why-choose-box:hover .elementor-heading-title {
    color: #C52219; /* ممكن تخليه نفس الأحمر الأساسي بتاعكم أو أي لون تاني */
}

/* تأثير الهوفر على لون النص */
.why-choose-box:hover .elementor-text-editor {
    color: #444444; /* لون أغمق شوية للنص عند الهوفر */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dee61f1 *//* تنسيق البوكس الواحد في الوضع العادي */
.why-choose-box {
    text-align: center; /* توسيط كل المحتوى داخل البوكس */
    padding: 30px; /* حشوة داخلية للبوكس */
    background-color: #FFFFFF; /* خلفية بيضاء */
    border-radius: 12px; /* حواف مستديرة */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); /* ظل خفيف للبوكس */
    transition: all 0.3s ease-in-out; /* حركة سلسة عند الهوفر */
    margin-bottom: 30px; /* مسافة بين البوكسات وبعضها (لو في صفوف مختلفة) */
}

/* تأثير الـ Hover على البوكس نفسه (الكونتينر الأب) */
.why-choose-box:hover {
    transform: translateY(-8px); /* البوكس يطلع لفوق شوية عند الهوفر */
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); /* الظل يكبر عند الهوفر */
}

/* تنسيق الأيقونة داخل البوكس */
.why-choose-box .elementor-icon { 
    font-size: 45px; /* حجم الأيقونة */
    color: #C52219; /* اللون الأحمر بتاعكم */
    margin-bottom: 15px; /* مسافة تحت الأيقونة */
    transition: color 0.3s ease-in-out; /* حركة سلسة لتغيير اللون */
}

/* تنسيق العنوان داخل البوكس */
.why-choose-box .elementor-heading-title { 
    font-size: 22px; /* حجم العنوان */
    font-weight: 700; /* سمك الخط */
    color: #333333; /* لون غامق للعناوين */
    margin-bottom: 10px; /* مسافة تحت العنوان */
    transition: color 0.3s ease-in-out; /* حركة سلسة لتغيير اللون */
}

/* تنسيق النص داخل البوكس */
.why-choose-box .elementor-text-editor { 
    font-size: 16px; /* حجم الخط */
    color: #666666; /* لون رمادي للنص */
    line-height: 1.6; /* تباعد الأسطر */
    transition: color 0.3s ease-in-out; /* حركة سلسة لتغيير اللون */
}

/* ****** التعديلات المهمة لتأثير الهوفر على الأيقونة، العنوان، والنص ****** */

/* تأثير الهوفر على لون الأيقونة */
.why-choose-box:hover .elementor-icon {
    color: #A01B15; /* لون أغمق للأيقونة عند الهوفر */
}

/* تأثير الهوفر على لون العنوان */
.why-choose-box:hover .elementor-heading-title {
    color: #C52219; /* ممكن تخليه نفس الأحمر الأساسي بتاعكم أو أي لون تاني */
}

/* تأثير الهوفر على لون النص */
.why-choose-box:hover .elementor-text-editor {
    color: #444444; /* لون أغمق شوية للنص عند الهوفر */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3249688 *//* الألوان المستخدمة */
:root {
  --primary-red: #C52219;
  --pure-white: #FFFFFF;
}

/* 1. التنسيق الأساسي للمربعات الفرعية */
.icon-box-item {
  /* مهم جداً: للتأكد من أن أي محتوى خارج الكونتينر يختفي وتأثير ::before يشتغل صح */
  overflow: hidden; 
  position: relative; 
  transition: all 0.4s ease-in-out; 
  
  /* حذفنا البوردر هنا */
  
  background-color: var(--pure-white); /* خلفية المربع الافتراضية */
}

/* 2. طبقة الخلفية الحمراء اللي هتظهر من فوق */
.icon-box-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%; /* هتبدأ من الصفر */
  background-color: var(--primary-red); 
  transition: height 0.4s ease-in-out; 
  z-index: 0; 
}

/* 3. لما الماوس يقف، الخلفية الحمراء هتملأ المربع */
.icon-box-item:hover::before {
  height: 100%; 
}

/* 4. تغيير ألوان المحتوى للأبيض وتأكيد الزيادة في الـ Z-index */
.icon-box-item > .elementor-widget-container {
  position: relative; 
  z-index: 1; 
  transition: all 0.4s ease-in-out;
}

/* 5. تغيير لون الأيقونة للأبيض عند الـ Hover */
.icon-box-item:hover .elementor-icon-box-icon i,
.icon-box-item:hover .elementor-icon-box-icon svg {
  color: var(--pure-white) !important;
  transition: all 0.4s ease-in-out;
}

/* 6. تغيير لون العنوان للأبيض عند الـ Hover */
.icon-box-item:hover .elementor-icon-box-title,
/* 7. تغيير لون الوصف للأبيض عند الـ Hover */
.icon-box-item:hover .elementor-icon-box-description {
  color: var(--pure-white) !important;
  transition: all 0.4s ease-in-out;
}

/* 8. حركة بسيطة للمربع عند الـ Hover (بدون تغيير لون البوردر) */
.icon-box-item:hover {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); /* ظل خفيف عشان يبان إنه بارز */
  transform: translateY(-5px); 
}/* End custom CSS */