.elementor-1244 .elementor-element.elementor-element-5722cf1{--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-1244 .elementor-element.elementor-element-338fdf5{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1244 .elementor-element.elementor-element-15d98a8{width:100%;max-width:100%;}.elementor-1244 .elementor-element.elementor-element-15d98a8 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1244 .elementor-element.elementor-element-e9a0b2d{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1244 .elementor-element.elementor-element-10a0e04{--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:120px;--padding-bottom:120px;--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-1244 .elementor-element.elementor-element-7056991{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;padding:0px 0px 20px 0px;text-align:center;}.elementor-1244 .elementor-element.elementor-element-7056991 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:95px;font-weight:700;color:#EDEDED;}.elementor-1244 .elementor-element.elementor-element-257e245.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-1244 .elementor-element.elementor-element-7833ab7{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1244 .elementor-element.elementor-element-60f1115{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;padding:0px 0px 20px 0px;text-align:center;}.elementor-1244 .elementor-element.elementor-element-60f1115 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:95px;font-weight:700;color:#EDEDED;}.elementor-1244 .elementor-element.elementor-element-7d8affa{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1244 .elementor-element.elementor-element-9611986{--display:flex;}.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-1244 .elementor-element.elementor-element-04457d9{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1244 .elementor-element.elementor-element-ee4934e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1244 .elementor-element.elementor-element-898f7c3.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-1244 .elementor-element.elementor-element-88bb4ad{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1244 .elementor-element.elementor-element-efafcd6{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1244 .elementor-element.elementor-element-3c99c59{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1244 .elementor-element.elementor-element-866a302{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1244 .elementor-element.elementor-element-0b71a2c  h3{color:#FFFFFF !important;}.elementor-1244 .elementor-element.elementor-element-33e00e5{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1244 .elementor-element.elementor-element-0d2dfe8{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1244 .elementor-element.elementor-element-5009cbd{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1244 .elementor-element.elementor-element-f30165d{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1244 .elementor-element.elementor-element-36fb837{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1244 .elementor-element.elementor-element-986884f{--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-1244 .elementor-element.elementor-element-a04833b{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-1244 .elementor-element.elementor-element-a04833b.elementor-element{--align-self:center;}.elementor-1244 .elementor-element.elementor-element-ed8f20e{--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-1244 .elementor-element.elementor-element-0bcbb2b{text-align:center;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:400;color:#F5EDED;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-1244 .elementor-element.elementor-element-0236037 .elementor-icon-wrapper{text-align:center;}.elementor-1244 .elementor-element.elementor-element-0236037.elementor-view-stacked .elementor-icon{background-color:#D9D9D9;}.elementor-1244 .elementor-element.elementor-element-0236037.elementor-view-framed .elementor-icon, .elementor-1244 .elementor-element.elementor-element-0236037.elementor-view-default .elementor-icon{color:#D9D9D9;border-color:#D9D9D9;}.elementor-1244 .elementor-element.elementor-element-0236037.elementor-view-framed .elementor-icon, .elementor-1244 .elementor-element.elementor-element-0236037.elementor-view-default .elementor-icon svg{fill:#D9D9D9;}.elementor-1244 .elementor-element.elementor-element-55f305b{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1244 .elementor-element.elementor-element-758c138{--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-1244 .elementor-element.elementor-element-4c62bee{--display:flex;}@media(max-width:1024px){.elementor-1244 .elementor-element.elementor-element-7833ab7{--grid-auto-flow:row;}.elementor-1244 .elementor-element.elementor-element-04457d9{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-1244 .elementor-element.elementor-element-15d98a8{width:100%;max-width:100%;}.elementor-1244 .elementor-element.elementor-element-15d98a8 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1244 .elementor-element.elementor-element-7056991 .elementor-heading-title{font-size:62px;}.elementor-1244 .elementor-element.elementor-element-7833ab7{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1244 .elementor-element.elementor-element-04457d9{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(min-width:768px){.elementor-1244 .elementor-element.elementor-element-10a0e04{--content-width:1100px;}}/* Start custom CSS for homeimage, class: .elementor-element-15d98a8 */@media (max-width: 767px) {
    .elementor-1244 .elementor-element.elementor-element-15d98a8 .full-image-box {
        overflow: hidden;
        display: block;
    }

    .elementor-1244 .elementor-element.elementor-element-15d98a8 img.scaleDown {
        width: 100%;
        height: 500px;
        object-fit: cover;
        object-position: 70% center;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-338fdf5 *//* 1. إلغاء أي هوامش أو مسافات في السيكشن نفسه */
.elementor-1244 .elementor-element.elementor-element-338fdf5 {
    margin-top: 0 !important;
    padding-top: 0 !important;
    min-height: auto !important;
}

/* 2. تحريك السيكشن لفوق عشان يغطي أي فراغ من السيكشن اللي قبله */
/* لو لسه فيه مسافة، هنستخدم المارجن السالب */
.elementor-1244 .elementor-element.elementor-element-338fdf5 {
    margin-top: -50px !important; /* تقدر تزود الرقم ده لـ -80 أو أكثر لحد ما يلزق */
}

/* 3. التأكد إن مفيش مسافة بسبب الـ Widget اللي جوه */
.elementor-1244 .elementor-element.elementor-element-338fdf5 .elementor-widget-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* للموبايل: ساعات المسافات بتزيد، فهنصفرها هنا كمان */
@media (max-width: 767px) {
    .elementor-1244 .elementor-element.elementor-element-338fdf5 {
        margin-top: -30px !important;
    }
}/* End custom CSS */
/* Start custom CSS for homefeatured, class: .elementor-element-20c3fcb */.featured-card .link-overlay {
    pointer-events: none !important;
}

.featured-card {
    pointer-events: auto !important;
    cursor: default !important;
    border: red;
}

.featured-card .img-box img {
    cursor: default !important;
}

@media (max-width: 767px) {
    .featured-work-sec *, 
    .featured-work-sec span, 
    .featured-work-sec div {
        overflow: visible !important;
    }

    .featured-work-sec .section-header {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        width: 100% !important;
        padding: 0 10px !important;
    }

    .featured-work-sec .section-header .left {
        width: 100% !important;
        display: block !important;
        margin-bottom: 10px !important;
    }

    .featured-work-sec .section-header .left h3 {
        font-size: 15vw !important;
        line-height: 1.1 !important;
        text-align: center !important;
        padding: 20px 0 !important;
        margin: 0 !important;
        letter-spacing: -1px !important;
        display: block !important;
        transform: none !important;
        z-index: 9999;
    }

    .timeline-anim, .aos-init, .aos-animate {
        overflow: visible !important;
        transform: none !important;
        opacity: 1 !important;
    }

    .featured-work-sec .section-header .right {
        width: 100% !important;
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .featured-work-sec .section-header .right p {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        font-size: 18px !important;
        line-height: 1.7 !important;
        color: #ffffff !important;
        margin: 0 auto !important;
        text-align: center !important;
        max-width: 90% !important;
    }

    /* --- تعديل الصورة لتملأ المساحة بالكامل --- */
    .featured-card .img-box {
        width: 100% !important;
        height: auto !important; 
        aspect-ratio: 1 / 1 !important; 
        overflow: hidden !important;
        display: block !important; 
        margin-top: 25px !important;
        border-radius: 8px; 
    }
    
    .featured-card .img-box img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important; 
        object-position: center center !important;
        display: block !important;
    }
}


.featured-work-sec .section-header .right {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}

@media (min-width: 1025px) {
    .featured-work-sec .section-header {
        display: flex !important;
        flex-direction: row !important; 
        justify-content: space-between !important;
        align-items: flex-start !important;
        width: 100% !important;
        gap: 40px; 
    }

    .featured-work-sec .section-header .left {
        width: 40% !important; 
        text-align: left !important;
    }

    .featured-work-sec .section-header .right {
        width: 50% !important; 
        text-align: left !important;
        margin-top: 20px; 
    }

}


@media (max-width: 1024px) {
    .featured-work-sec .section-header {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }

    .featured-work-sec .section-header .left,
    .featured-work-sec .section-header .right {
        width: 100% !important;
    }

    .featured-work-sec .section-header .left h3 {
        font-size: 15vw !important; 
        margin-bottom: 15px !important;
    }
    
    .featured-card .img-box {
        aspect-ratio: 1 / 1 !important;
        object-fit: cover !important;
    }
}


.featured-card .link-overlay {
    pointer-events: none !important;
}
.featured-card {
    pointer-events: auto !important;
}


.elementor-1244 .elementor-element.elementor-element-20c3fcb .section-header .left h3,

.elementor-1244 .elementor-element.elementor-element-20c3fcb .title1 {
    font-family: 'Instrument Sans', sans-serif !important;
    text-transform: uppercase;
}


.elementor-1244 .elementor-element.elementor-element-20c3fcb .section-header .left h3 {
    font-weight: 700 !important;
    letter-spacing: -3px !important;
    line-height: 1.1 !important;
    margin: 0 !important;
    padding: 10px 0 !important;
     overflow: visible !important;
}

/* 3. إلغاء الهوامش من فوق تماماً عشان يلزق في السيكشن اللي قبله */
.elementor-1244 .elementor-element.elementor-element-20c3fcb .featured-work-sec {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.elementor-1244 .elementor-element.elementor-element-20c3fcb {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


.elementor-1244 .elementor-element.elementor-element-20c3fcb .section-header .right p {
    font-weight: 400 !important;
    line-height: 1.5 !important;
    letter-spacing: -0.2px !important;
    opacity: 0.8;
}


@media (max-width: 767px) {
    .elementor-1244 .elementor-element.elementor-element-20c3fcb .section-header .left h3 {
        font-size: 18vw !important; /
        letter-spacing: -1.5px !important;
        margin-bottom: 10px !important;
    }
    
    .elementor-1244 .elementor-element.elementor-element-20c3fcb .featured-work-sec {
        padding-top: 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-257e245 */#df_1565 img,
#df_1565 svg,
#df_1565 ._df_thumb_img {
    display: none !important;
}

#df_1565 {
    width: 200px;
    height: 50px;
    background-color: #ffffff;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 25px;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    border: 2px solid #000000;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

#df_1565::after {
    content: "Open Book";
    position: absolute;
}

#df_1565:hover {
    background-color: #000000;
    color: #ffffff;
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7948b0e */.portfolio-modal{
position:fixed;
top:0;
left:0;
width:100%;
height:100vh;
background:rgba(0,0,0,0.95);
opacity:0;
visibility:hidden;
transition:0.3s;
z-index:9999;
}

.portfolio-modal:target{
opacity:1;
visibility:visible;
}

.portfolio-modal-content{
width:95%;
height:95vh;
margin:auto;
position:relative;
top:2vh;
}

.close-book{
position:absolute;
top:15px;
right:25px;
font-size:40px;
color:white;
text-decoration:none;
z-index:10000;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-60f1115 *//* 1. توحيد الفونت وتصفير المسافات تماماً */
.elementor-1244 .elementor-element.elementor-element-60f1115 .elementor-heading-title {
    font-family: 'Instrument Sans', sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: -4px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 0.8 !important; /* للشاشات الكبيرة */
}

/* 2. إلغاء أي فراغ فوق السيكشن في كل الشاشات */
.elementor-1244 .elementor-element.elementor-element-60f1115 {
    margin-top: 0 !important; 
    padding-top: 0 !important;
}

/* 3. تظبيط الموبايل (زيادة الـ Line-height وتصغير المسافات) */
@media (max-width: 767px) {
    .elementor-1244 .elementor-element.elementor-element-60f1115 .elementor-heading-title {
        font-size: 15vw !important; /* حجم ديناميكي */
        letter-spacing: -1.5px !important; /* تقليل الضغط شوية عشان الوضوح */
        line-height: 1.1 !important; /* زيادة المسافة بين السطور في الموبايل */
    }
    
    .elementor-1244 .elementor-element.elementor-element-60f1115 {
        margin-top: -5px !important; /* رفعة بسيطة جداً للموبايل */
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7860711 */.my-oval-image img {
   
    width: 300px !important; 
    height: 450px !important;
    max-width: 100% !important; 
    
    
    border-radius: 50% / 35% !important;
    object-fit: cover !important;
    
    
    display: block !important;
    margin: 0 auto !important;
    
  
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    transition: transform 0.3s ease;
}

.my-oval-image img:hover {
    transform: scale(1.02);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed85d2b *//* استهداف الفقرة داخل عنصر الـ HTML */
@media (max-width: 767px) {
    .elementor-1244 .elementor-element.elementor-element-ed85d2b p {
        font-size: 16px !important; /* الحجم الجديد للموبايل */
        line-height: 1.5 !important; /* تقليل المسافة بين السطور لتناسب الشاشة الصغيرة */
        padding: 0 15px !important; /* إضافة مسافة جانبية عشان الكلام ميبقاش لازق في الحواف */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-47056dd *//* استهداف الفقرة داخل عنصر الـ HTML */
@media (max-width: 767px) {
    .elementor-1244 .elementor-element.elementor-element-47056dd p {
        font-size: 16px !important; /* الحجم الجديد للموبايل */
        line-height: 1.5 !important; /* تقليل المسافة بين السطور لتناسب الشاشة الصغيرة */
        padding: 0 15px !important; /* إضافة مسافة جانبية عشان الكلام ميبقاش لازق في الحواف */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f1ed84 *//* استهداف الفقرة داخل عنصر الـ HTML */
@media (max-width: 767px) {
    .elementor-1244 .elementor-element.elementor-element-4f1ed84 p {
        font-size: 16px !important; /* الحجم الجديد للموبايل */
        line-height: 1.5 !important; /* تقليل المسافة بين السطور لتناسب الشاشة الصغيرة */
        padding: 0 15px !important; /* إضافة مسافة جانبية عشان الكلام ميبقاش لازق في الحواف */
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7cfc7ec */.elementor-1244 .elementor-element.elementor-element-7cfc7ec img {
  filter: invert(1);
  opacity: 0.9;
  transform: translateY(-25px);
  margin-bottom: 0 !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-898f7c3 */#df_1565 img,
#df_1565 svg,
#df_1565 ._df_thumb_img {
    display: none !important;
}

#df_1565 {
    width: 200px;
    height: 50px;
    background-color: #ffffff;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 25px;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    border: 2px solid #000000;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

#df_1565::after {
    content: "Download Portfolio";
    position: absolute;
}

#df_1565:hover {
    background-color: #000000;
    color: #ffffff;
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f0165fa */.portfolio-modal{
position:fixed;
top:0;
left:0;
width:100%;
height:100vh;
background:rgba(0,0,0,0.95);
opacity:0;
visibility:hidden;
transition:0.3s;
z-index:9999;
}

.portfolio-modal:target{
opacity:1;
visibility:visible;
}

.portfolio-modal-content{
width:95%;
height:95vh;
margin:auto;
position:relative;
top:2vh;
}

.close-book{
position:absolute;
top:15px;
right:25px;
font-size:40px;
color:white;
text-decoration:none;
z-index:10000;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ee4934e */.elementor-1244 .elementor-element.elementor-element-ee4934e {
    /* التحريك لفوق باستخدام translateY */
    transform: translateY(-50px) !important; 
    
    /* لضمان إن الكونتنر ميبقاش "مستخبي" تحت الصورة لو حصل تداخل */
    position: relative !important;
    z-index: 5 !important;
}/* End custom CSS */
/* Start custom CSS for homeexperience, class: .elementor-element-55bb910 */.experience2-sec .sticky-statement {
    font-family: 'Instrument Sans', sans-serif !important;
    font-weight: 700;
    
    
    font-size: 70px !important; 
    
    
    letter-spacing: -1.5px !important; 
    line-height: 1 !important;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .experience2-sec .sticky-statement {
        font-size: 40px !important; 
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b44447a */.my-oval-image img {
    /* 1. الأبعاد الجديدة (أصغر مع الحفاظ على التناسب) */
    width: 300px !important; 
    height: 450px !important;
    max-width: 100% !important; 
    
    /* 2. الشكل البيضاوي (زي ما هو عشان يحافظ على الكيرف) */
    border-radius: 50% / 35% !important;
    object-fit: cover !important;
    
    /* 3. التمركز */
    display: block !important;
    margin: 0 auto !important;
    
    /* 4. الجماليات */
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    transition: transform 0.3s ease;
}

.my-oval-image img:hover {
    transform: scale(1.02);
}/* End custom CSS */
/* Start custom CSS for homecta, class: .elementor-element-b700505 *//* تنسيق الدائرة */
.social-links li a {
    font-size: 0 !important;
    display: block !important;
    position: relative !important; /* مهم عشان نوسط الأيقونة جواه */
    width: 60px !important;
    height: 60px !important;
    border: 1px solid #fff !important;
    border-radius: 50% !important;
    text-decoration: none !important;
    border-bottom: none !important; /* لإزالة الخط لو كان border */
}

/* توسيط الأيقونة بالمللي */
.social-links li a i {
    font-size: 30px !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important; /* دي اللي هتظبط الانحراف مهما حصل */
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* تنظيف الهوفر من أي خطوط أو تأثيرات ثيم */
.social-links li a:hover {
    background-color: #fff !important;
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

.social-links li a:hover i {
    color: #000 !important;
    text-decoration: none !important;
}

/* إخفاء أي خط تحت الكلمة المخفية */
.social-links li a::after, 
.social-links li a::before {
    display: none !important;
}/* End custom CSS */