.elementor-625 .elementor-element.elementor-element-b51efb8{--display:flex;--min-height:425px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.86;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-625 .elementor-element.elementor-element-b51efb8:not(.elementor-motion-effects-element-type-background), .elementor-625 .elementor-element.elementor-element-b51efb8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://maridevelopment.org/wp-content/uploads/2026/07/Expertise-bg-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-625 .elementor-element.elementor-element-b51efb8::before, .elementor-625 .elementor-element.elementor-element-b51efb8 > .elementor-background-video-container::before, .elementor-625 .elementor-element.elementor-element-b51efb8 > .e-con-inner > .elementor-background-video-container::before, .elementor-625 .elementor-element.elementor-element-b51efb8 > .elementor-background-slideshow::before, .elementor-625 .elementor-element.elementor-element-b51efb8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-625 .elementor-element.elementor-element-b51efb8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#1A242D87;--background-overlay:'';}.elementor-625 .elementor-element.elementor-element-01cf667{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.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-625 .elementor-element.elementor-element-83a8b55 .elementor-heading-title{font-family:"TheSans B7 Bold", Sans-serif;font-size:32px;font-weight:600;color:var( --e-global-color-aced97a );}.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-625 .elementor-element.elementor-element-b963d22{text-align:center;font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );color:var( --e-global-color-aced97a );}.elementor-625 .elementor-element.elementor-element-3d2a072{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-625 .elementor-element.elementor-element-a0d3418 .jet-listing-dynamic-repeater__items{flex-direction:column;justify-content:center;}.elementor-625 .elementor-element.elementor-element-a0d3418 .jet-listing-dynamic-repeater__item > *{justify-content:center;padding:0px 0px 0px 0px;margin:2px 2px 10px 2px;}.elementor-625 .elementor-element.elementor-element-a0d3418 .jet-listing-dynamic-repeater__counter{padding:0px 20px 0px 0px;z-index:0;align-self:flex-start;}@media(min-width:768px){.elementor-625 .elementor-element.elementor-element-3d2a072{--width:80%;}}/* Start custom CSS for container, class: .elementor-element-3d2a072 *//* ==========================================================
   PROJECTS REPEATER
========================================================== */

/* المسافة بين العناصر */

.projects-wrapper .jet-listing-dynamic-repeater__items{
    display:flex;
    flex-direction:column;
    gap:50px;
}

/* ==========================================================
   PROJECT ITEM
========================================================== */

.projects-wrapper .my-project{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:60px;
}

/* تناوب العناصر */

.projects-wrapper .jet-listing-dynamic-repeater__item:nth-child(even) .my-project{
    flex-direction:row-reverse;
}

/* ==========================================================
   CONTENT
========================================================== */

.projects-wrapper .my-project-content{
    flex:1.2;
}

.projects-wrapper .my-project-title{

    margin:0 0 20px;

    font-family:"TheSans B7",sans-serif;
    font-size:30px;
    font-weight:500;
    line-height:38px;

    background:linear-gradient(90deg,#2D63AD 0%,#259FD9 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
}

.projects-wrapper .my-project-text{

    margin:0;

    font-family:"TheSans B5 Plain",sans-serif;
    font-size:20px;
    font-weight:500;
    line-height:35px;

    color:#0E3768;

}

/* ==========================================================
   IMAGE
========================================================== */

.projects-wrapper .my-project-image{

    flex:0.9;
    max-width:577px;

}

.projects-wrapper .my-project-image img{

    width:100%;
    height:auto;
    display:block;
    object-fit:cover;
   

}

/* ==========================================================
   Large Laptop
========================================================== */

@media (max-width:1200px){

    .projects-wrapper .my-project{

        gap:45px;

    }

    .projects-wrapper .my-project-title{

        font-size:28px;
        line-height:36px;

    }

    .projects-wrapper .my-project-text{

        font-size:18px;
        line-height:32px;

    }

}

/* ==========================================================
   Tablet
========================================================== */

@media (max-width:991px){

    .projects-wrapper .jet-listing-dynamic-repeater__items{

        gap:60px;

    }

    .projects-wrapper .my-project{

        flex-direction:column !important;
        align-items:center;
        text-align:center;
        gap:30px;

    }

    .projects-wrapper .my-project-content{

        width:100%;
        max-width:100%;
        flex:none;

    }

    .projects-wrapper .my-project-image{

        width:100%;
        max-width:700px;
        flex:none;

    }

    .projects-wrapper .my-project-image img{

        width:100%;
        height:auto;

    }

    .projects-wrapper .my-project-title{

        font-size:28px;
        line-height:36px;

    }

    .projects-wrapper .my-project-text{

        font-size:18px;
        line-height:32px;

    }

}

/* ==========================================================
   Mobile
========================================================== */

@media (max-width:767px){

    .projects-wrapper .jet-listing-dynamic-repeater__items{

        gap:45px;

    }

    .projects-wrapper .my-project{

        gap:25px;

    }

    .projects-wrapper .my-project-title{

        font-size:24px;
        line-height:32px;

    }

    .projects-wrapper .my-project-text{

        font-size:16px;
        line-height:28px;

    }

}

/* ==========================================================
   Small Mobile
========================================================== */

@media (max-width:480px){

    .projects-wrapper .jet-listing-dynamic-repeater__items{

        gap:35px;

    }

    .projects-wrapper .my-project-title{

        font-size:22px;
        line-height:30px;

    }

    .projects-wrapper .my-project-text{

        font-size:15px;
        line-height:26px;

    }

}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'TheSans B7 Bold';
	font-display: auto;
	src: url('https://maridevelopment.org/wp-content/uploads/2026/07/TheSans-B7-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */