.elementor-19 .elementor-element.elementor-element-1cfbd5b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-110px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-965080d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--border-radius:32px 32px 32px 32px;--margin-top:-83px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-19 .elementor-element.elementor-element-4d7197e{--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;--overlay-opacity:0.5;--border-radius:32px 32px 32px 32px;}.elementor-19 .elementor-element.elementor-element-4d7197e::before, .elementor-19 .elementor-element.elementor-element-4d7197e > .elementor-background-video-container::before, .elementor-19 .elementor-element.elementor-element-4d7197e > .e-con-inner > .elementor-background-video-container::before, .elementor-19 .elementor-element.elementor-element-4d7197e > .elementor-background-slideshow::before, .elementor-19 .elementor-element.elementor-element-4d7197e > .e-con-inner > .elementor-background-slideshow::before, .elementor-19 .elementor-element.elementor-element-4d7197e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-19 .elementor-element.elementor-element-09f71bb{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-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-19 .elementor-element.elementor-element-e0c924d{text-align:start;}.elementor-19 .elementor-element.elementor-element-e0c924d .elementor-heading-title{font-size:36px;font-weight:800;color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-78e4176{--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:space-around;--gap:0px 30px;--row-gap:0px;--column-gap:30px;}.elementor-widget-counter .elementor-counter-number-wrapper{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-counter .elementor-counter-title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-19 .elementor-element.elementor-element-5443bd4 .elementor-counter{flex-direction:column-reverse;}.elementor-19 .elementor-element.elementor-element-5443bd4 .elementor-counter-title{justify-content:end;}.elementor-19 .elementor-element.elementor-element-5443bd4 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;color:var( --e-global-color-text );font-size:48px;font-weight:600;text-shadow:0px 0px 10px rgba(255, 255, 255, 0.3);}.elementor-19 .elementor-element.elementor-element-6410647 .elementor-counter{flex-direction:column-reverse;}.elementor-19 .elementor-element.elementor-element-6410647 .elementor-counter-title{justify-content:end;}.elementor-19 .elementor-element.elementor-element-6410647 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;color:var( --e-global-color-text );font-size:48px;font-weight:600;text-shadow:0px 0px 10px rgba(255, 255, 255, 0.3);}.elementor-19 .elementor-element.elementor-element-73ff10c .elementor-counter{flex-direction:column-reverse;}.elementor-19 .elementor-element.elementor-element-73ff10c .elementor-counter-title{justify-content:end;}.elementor-19 .elementor-element.elementor-element-73ff10c .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;color:var( --e-global-color-text );font-size:48px;font-weight:600;text-shadow:0px 0px 10px rgba(255, 255, 255, 0.3);}.elementor-19 .elementor-element.elementor-element-a3a863d{--display:flex;}.elementor-19 .elementor-element.elementor-element-eb57569.elementor-element{--align-self:center;}.elementor-19 .elementor-element.elementor-element-54b75c1{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-54b75c1:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-54b75c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B4877;}.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-19 .elementor-element.elementor-element-e05490b img{width:45%;}.elementor-19 .elementor-element.elementor-element-6f23183{--display:flex;}.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-19 .elementor-element.elementor-element-83b5861{text-align:center;font-size:24px;font-weight:400;color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-25b51ae{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-ad0337e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:50px 0px 50px 0px;text-align:center;}.elementor-19 .elementor-element.elementor-element-ad0337e .elementor-heading-title{font-size:48px;font-weight:600;text-transform:capitalize;color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-23bd4c3{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-19 .elementor-element.elementor-element-fa1cc9e{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:32px 32px 32px 32px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-19 .elementor-element.elementor-element-fa1cc9e:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-fa1cc9e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#002F58;}.elementor-19 .elementor-element.elementor-element-5d24ab3 img{border-radius:32px 32px 32px 32px;}.elementor-19 .elementor-element.elementor-element-8d23121{text-align:center;}.elementor-19 .elementor-element.elementor-element-8d23121 .elementor-heading-title{font-weight:600;color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-d076867{text-align:center;font-size:24px;font-weight:400;color:#D3D0D0C2;}.elementor-19 .elementor-element.elementor-element-160a377{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:32px 32px 32px 32px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-19 .elementor-element.elementor-element-160a377:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-160a377 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#002F58;}.elementor-19 .elementor-element.elementor-element-1f16320 img{border-radius:32px 32px 32px 32px;}.elementor-19 .elementor-element.elementor-element-2e417d2{text-align:center;}.elementor-19 .elementor-element.elementor-element-2e417d2 .elementor-heading-title{font-weight:600;color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-d0d7817{text-align:center;font-size:24px;font-weight:400;color:#D3D0D0C2;}.elementor-19 .elementor-element.elementor-element-afc1c45{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:32px 32px 32px 32px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-19 .elementor-element.elementor-element-afc1c45:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-afc1c45 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#002F58;}.elementor-19 .elementor-element.elementor-element-ed710c1 img{border-radius:32px 32px 32px 32px;}.elementor-19 .elementor-element.elementor-element-5ab4cd3{text-align:center;}.elementor-19 .elementor-element.elementor-element-5ab4cd3 .elementor-heading-title{font-weight:600;color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-3dcac2a{text-align:center;font-size:24px;font-weight:400;color:#D3D0D0C2;}.elementor-19 .elementor-element.elementor-element-b15d2b0{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:column;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-19 .elementor-element.elementor-element-ebb52d8{--grid-columns:3;}.elementor-19 .elementor-element.elementor-element-3ebf667{--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-19 .elementor-element.elementor-element-5fb35e4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-19 .elementor-element.elementor-element-851bb69{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:50px 0px 50px 0px;text-align:center;}.elementor-19 .elementor-element.elementor-element-851bb69 .elementor-heading-title{font-size:48px;font-weight:600;text-transform:capitalize;color:var( --e-global-color-text );}.elementor-widget-ucaddon_uc_card_post_carousel .ue_post_category a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_uc_card_post_carousel .ue_post_date,.elementor-widget-ucaddon_uc_card_post_carousel .ue-grid-item-meta-data{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_uc_card_post_carousel .uc_post_title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_uc_card_post_carousel .ue_post_intro{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_uc_card_post_carousel .uc_more_btn{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-19 .elementor-element.elementor-element-537beac .ue_post_carousel_item{border-radius:20px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#0136640F;box-shadow:0px 0px 12px 0px rgba(255, 252.560872948688, 252.560872948688, 0.27);}.elementor-19 .elementor-element.elementor-element-537beac .uc_image_carousel_content{padding:30px 30px 30px 30px;background-color:#004B8C;min-height:300px;}.elementor-19 .elementor-element.elementor-element-537beac .ue_post_category a{color:var( --e-global-color-primary );}.elementor-19 .elementor-element.elementor-element-537beac .ue_post_category{margin-top:0px;}.elementor-19 .elementor-element.elementor-element-537beac .ue_post_date{color:#9a9a9a;margin-top:0px;}.elementor-19 .elementor-element.elementor-element-537beac .ue-grid-item-meta-data{color:#9a9a9a;}.elementor-19 .elementor-element.elementor-element-537beac .ue-grid-item-meta-data svg{fill:#9a9a9a;}.elementor-19 .elementor-element.elementor-element-537beac .uc_post_title{color:var( --e-global-color-text );font-size:20px;font-weight:500;line-height:25px;margin-top:10px;}.elementor-19 .elementor-element.elementor-element-537beac .ue_post_intro{color:#747474;margin-top:10px;}.elementor-19 .elementor-element.elementor-element-537beac .uc_more_btn{padding:10px 20px 10px 20px;border-radius:20px;background-color:#00000000;color:var( --e-global-color-text );margin-top:63px;border-style:double;border-width:5px 0px 5px 0px;border-color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-537beac .uc_more_btn:hover{background-color:var( --e-global-color-text );color:var( --e-global-color-primary );}.elementor-19 .elementor-element.elementor-element-537beac .owl-dot{width:8px;height:8px;background-color:#c6c6c6;margin:0px 5px;}.elementor-19 .elementor-element.elementor-element-537beac .owl-dot.active{background-color:#000000;}.elementor-19 .elementor-element.elementor-element-537beac .owl-dots{margin-top:20px;}.elementor-19 .elementor-element.elementor-element-537beac .owl-nav .owl-prev{left:20px;right:auto;}.elementor-19 .elementor-element.elementor-element-537beac .owl-nav .owl-next{right:20px;left:auto;}.elementor-19 .elementor-element.elementor-element-537beac .owl-carousel .owl-nav .owl-next,.elementor-19 .elementor-element.elementor-element-537beac .owl-carousel .owl-nav .owl-prev{top:160px;border-radius:32px;width:62px;height:62px;line-height:62px;font-size:41px;background-color:var( --e-global-color-text );color:var( --e-global-color-secondary );}.elementor-19 .elementor-element.elementor-element-537beac .owl-carousel .owl-nav .owl-next:hover,.elementor-19 .elementor-element.elementor-element-537beac .owl-carousel .owl-nav .owl-prev:hover{background-color:var( --e-global-color-accent );color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-537beac .uc_image_carousel_placeholder{height:250px;transition:all 200ms ease-in-out;background-color:#ffffff;}.elementor-19 .elementor-element.elementor-element-537beac .uc_image_carousel_bg{height:250px;background-size:cover;}.elementor-19 .elementor-element.elementor-element-12a39ed{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-504a737{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:50px 0px 50px 0px;text-align:center;}.elementor-19 .elementor-element.elementor-element-504a737 .elementor-heading-title{font-size:48px;font-weight:600;text-transform:capitalize;color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-4eebb51 > .elementor-widget-container{background-color:var( --e-global-color-primary );margin:30px 0px 30px 0px;padding:20px 0px 20px 0px;}.elementor-19 .elementor-element.elementor-element-4eebb51 .uc_logo_carousel_holder{height:200px;background-color:var( --e-global-color-primary );border-radius:0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-19 .elementor-element.elementor-element-4eebb51 .owl-dot{width:8px;height:8px;background-color:#c6c6c6;margin:0px 5px;}.elementor-19 .elementor-element.elementor-element-4eebb51 .owl-dot.active{background-color:#000000;}.elementor-19 .elementor-element.elementor-element-4eebb51 .owl-dots{margin-top:20px;}.elementor-19 .elementor-element.elementor-element-4eebb51 .owl-nav .owl-prev{left:0px;right:auto;}.elementor-19 .elementor-element.elementor-element-4eebb51 .owl-nav .owl-next{right:0px;left:auto;}.elementor-19 .elementor-element.elementor-element-4eebb51 .owl-carousel .owl-nav .owl-next,.elementor-19 .elementor-element.elementor-element-4eebb51 .owl-carousel .owl-nav .owl-prev{top:160px;border-radius:0px;width:62px;height:62px;line-height:62px;font-size:24px;background-color:#ffffff;color:#000000;}.elementor-19 .elementor-element.elementor-element-4eebb51 .owl-carousel .owl-nav .owl-next:hover,.elementor-19 .elementor-element.elementor-element-4eebb51 .owl-carousel .owl-nav .owl-prev:hover{background-color:#000000;color:#ffffff;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-19 .elementor-element.elementor-element-23bd4c3{--grid-auto-flow:row;}.elementor-19 .elementor-element.elementor-element-b15d2b0{--grid-auto-flow:row;}.elementor-19 .elementor-element.elementor-element-ebb52d8{--grid-columns:2;}}@media(min-width:768px){.elementor-19 .elementor-element.elementor-element-4d7197e{--width:90%;}.elementor-19 .elementor-element.elementor-element-09f71bb{--width:30%;}.elementor-19 .elementor-element.elementor-element-78e4176{--width:70%;}.elementor-19 .elementor-element.elementor-element-23bd4c3{--content-width:100%;}.elementor-19 .elementor-element.elementor-element-fa1cc9e{--width:100%;}.elementor-19 .elementor-element.elementor-element-160a377{--width:100%;}.elementor-19 .elementor-element.elementor-element-afc1c45{--width:100%;}}@media(max-width:767px){.elementor-19 .elementor-element.elementor-element-23bd4c3{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-19 .elementor-element.elementor-element-b15d2b0{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-19 .elementor-element.elementor-element-ebb52d8{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-965080d */.glassy-container {
    /* 1. جعل الخلفية شفافة تماماً (أقل درجة ممكنة) */
    background: rgba(255, 255, 255, 0.03) !important;
    
    /* 2. تقليل التغبيش لدرجة خفيفة جداً لكي تظهر تفاصيل الصورة خلفه */
    backdrop-filter: blur(5px) saturate(130%);
    -webkit-backdrop-filter: blur(5px) saturate(130%);
    
    /* 3. حدود رفيعة جداً وشبه شفافة لتعريف الحواف فقط */
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    
    /* 4. إزالة الظلال الثقيلة لزيادة الشفافية */
    box-shadow: none !important;
    
    /* لضمان عدم وجود طبقات لونية موروثة من أداة التصميم */
    background-image: none !important;
}

/* تأثير خفيف عند مرور الماوس يعطي إيحاء بالزجاج */
.glassy-container:hover {
    background: rgba(255, 255, 255, 0.07) !important;
    backdrop-filter: blur(8px) saturate(150%);
    transition: all 0.4s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa1cc9e */بما أنك تريدها داكنة وشفافة في نفس الوقت مع حواف دائرية واضحة، سنعتمد على تدرج لوني أسود شفاف بدلاً من الأبيض، مع ضبط الـ border-radius. هذا المزيج سيعطي تأثيراً غامضاً وأنيقاً يبرز الصورة الخلفية بشكل رائع.

إليك الكود المعدل للكلاس container-overlaay:

CSS
<style>
/* الكونتينر الأساسي */
.container-overlaay {
    position: relative;
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    overflow: hidden; 
    /* إضافة البوردر راديوس المطلوب */
    border-radius: 32px !important;
}

/* الطبقة الداكنة الشفافة */
.container-overlaay::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* خلفية سوداء شفافة جداً (الرقم 0.3 يتحكم في درجة الدكنة) */
    background-color: rgba(0, 0, 0, 0.35); 
    /* تغبيش خفيف جداً ليظهر جمال الصورة */
    backdrop-filter: blur(3px); 
    -webkit-backdrop-filter: blur(3px);
    z-index: 10;
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
    border-radius: 32px; /* لضمان تطابق الطبقة مع الكونتينر */
}

/* تأثير الهوفر: إزالة الدكنة والتغبيش تماماً */
.container-overlaay:hover::after {
    background-color: rgba(0, 0, 0, 0);
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
    opacity: 0;
}

/* تأثير اختياري: توضيح العناصر أكثر عند الهوفر */
.container-overlaay:hover {
    transform: translateY(-5px); /* رفع خفيف لإعطاء إحساس بالتفاعل */
    box-shadow: 0 15px 35px rgba(0,0,0,0.2);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-160a377 */بما أنك تريدها داكنة وشفافة في نفس الوقت مع حواف دائرية واضحة، سنعتمد على تدرج لوني أسود شفاف بدلاً من الأبيض، مع ضبط الـ border-radius. هذا المزيج سيعطي تأثيراً غامضاً وأنيقاً يبرز الصورة الخلفية بشكل رائع.

إليك الكود المعدل للكلاس container-overlaay:

CSS
<style>
/* الكونتينر الأساسي */
.container-overlaay {
    position: relative;
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    overflow: hidden; 
    /* إضافة البوردر راديوس المطلوب */
    border-radius: 32px !important;
}

/* الطبقة الداكنة الشفافة */
.container-overlaay::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* خلفية سوداء شفافة جداً (الرقم 0.3 يتحكم في درجة الدكنة) */
    background-color: rgba(0, 0, 0, 0.35); 
    /* تغبيش خفيف جداً ليظهر جمال الصورة */
    backdrop-filter: blur(3px); 
    -webkit-backdrop-filter: blur(3px);
    z-index: 10;
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
    border-radius: 32px; /* لضمان تطابق الطبقة مع الكونتينر */
}

/* تأثير الهوفر: إزالة الدكنة والتغبيش تماماً */
.container-overlaay:hover::after {
    background-color: rgba(0, 0, 0, 0);
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
    opacity: 0;
}

/* تأثير اختياري: توضيح العناصر أكثر عند الهوفر */
.container-overlaay:hover {
    transform: translateY(-5px); /* رفع خفيف لإعطاء إحساس بالتفاعل */
    box-shadow: 0 15px 35px rgba(0,0,0,0.2);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-afc1c45 */بما أنك تريدها داكنة وشفافة في نفس الوقت مع حواف دائرية واضحة، سنعتمد على تدرج لوني أسود شفاف بدلاً من الأبيض، مع ضبط الـ border-radius. هذا المزيج سيعطي تأثيراً غامضاً وأنيقاً يبرز الصورة الخلفية بشكل رائع.

إليك الكود المعدل للكلاس container-overlaay:

CSS
<style>
/* الكونتينر الأساسي */
.container-overlaay {
    position: relative;
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    overflow: hidden; 
    /* إضافة البوردر راديوس المطلوب */
    border-radius: 32px !important;
}

/* الطبقة الداكنة الشفافة */
.container-overlaay::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* خلفية سوداء شفافة جداً (الرقم 0.3 يتحكم في درجة الدكنة) */
    background-color: rgba(0, 0, 0, 0.35); 
    /* تغبيش خفيف جداً ليظهر جمال الصورة */
    backdrop-filter: blur(3px); 
    -webkit-backdrop-filter: blur(3px);
    z-index: 10;
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
    border-radius: 32px; /* لضمان تطابق الطبقة مع الكونتينر */
}

/* تأثير الهوفر: إزالة الدكنة والتغبيش تماماً */
.container-overlaay:hover::after {
    background-color: rgba(0, 0, 0, 0);
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
    opacity: 0;
}

/* تأثير اختياري: توضيح العناصر أكثر عند الهوفر */
.container-overlaay:hover {
    transform: translateY(-5px); /* رفع خفيف لإعطاء إحساس بالتفاعل */
    box-shadow: 0 15px 35px rgba(0,0,0,0.2);
}/* End custom CSS */