.elementor-3273 .elementor-element.elementor-element-729cda10:not(.elementor-motion-effects-element-type-background), .elementor-3273 .elementor-element.elementor-element-729cda10 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6E6E6;background-image:url("https://www.mxi.co.il/wp-content/uploads/2020/06/header_websites-city_1906x678-1.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-3273 .elementor-element.elementor-element-729cda10{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3273 .elementor-element.elementor-element-729cda10 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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-3273 .elementor-element.elementor-element-1528af94{column-gap:0px;font-size:1px;}.elementor-3273 .elementor-element.elementor-element-49c37e9b > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-start;align-items:flex-start;}.elementor-3273 .elementor-element.elementor-element-49c37e9b:not(.elementor-motion-effects-element-type-background), .elementor-3273 .elementor-element.elementor-element-49c37e9b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D8D6BB;}.elementor-3273 .elementor-element.elementor-element-49c37e9b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:60px 0px 200px 0px;}.elementor-3273 .elementor-element.elementor-element-49c37e9b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3273 .elementor-element.elementor-element-78f8ac67 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end: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-3273 .elementor-element.elementor-element-208e6a5d{text-align:center;}.elementor-3273 .elementor-element.elementor-element-208e6a5d img{width:100%;max-width:100%;}.elementor-3273 .elementor-element.elementor-element-23e9b637 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-start;align-items:flex-start;}.elementor-3273 .elementor-element.elementor-element-23e9b637:not(.elementor-motion-effects-element-type-background), .elementor-3273 .elementor-element.elementor-element-23e9b637 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#89A0C0;}.elementor-3273 .elementor-element.elementor-element-23e9b637{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:60px 0px 170px 0px;}.elementor-3273 .elementor-element.elementor-element-23e9b637 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3273 .elementor-element.elementor-element-16d2b2bb > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end: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-3273 .elementor-element.elementor-element-920daf3{text-align:center;}.elementor-3273 .elementor-element.elementor-element-920daf3 .elementor-heading-title{color:#FFFFFF;}.elementor-3273 .elementor-element.elementor-element-12e78611{text-align:center;}.elementor-3273 .elementor-element.elementor-element-12e78611 img{width:100%;max-width:100%;}.elementor-3273 .elementor-element.elementor-element-845b2f2{text-align:center;}.elementor-3273 .elementor-element.elementor-element-845b2f2 .elementor-heading-title{color:#FFFFFF;}.elementor-3273 .elementor-element.elementor-element-08eee86 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-start;align-items:flex-start;}.elementor-3273 .elementor-element.elementor-element-08eee86:not(.elementor-motion-effects-element-type-background), .elementor-3273 .elementor-element.elementor-element-08eee86 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D8D6BB;}.elementor-3273 .elementor-element.elementor-element-08eee86{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:60px 0px 200px 0px;}.elementor-3273 .elementor-element.elementor-element-08eee86 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3273 .elementor-element.elementor-element-f1300fc > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}@media(max-width:767px){.elementor-3273 .elementor-element.elementor-element-729cda10:not(.elementor-motion-effects-element-type-background), .elementor-3273 .elementor-element.elementor-element-729cda10 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-repeat:no-repeat;background-size:cover;}.elementor-3273 .elementor-element.elementor-element-1528af94{font-size:84px;}.elementor-3273 .elementor-element.elementor-element-49c37e9b{padding:30px 0px 30px 0px;}.elementor-3273 .elementor-element.elementor-element-23e9b637{padding:30px 0px 30px 0px;}.elementor-3273 .elementor-element.elementor-element-08eee86{padding:30px 0px 30px 0px;}}/* Start custom CSS for text-editor, class: .elementor-element-1528af94 */.hero-texts {
    width: 100%;
    position: relative;
    height: 700px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: right;
    margin-top: -32px;
    direction: rtl
}
.hero-texts-wrp {
      display: flex;
    flex-direction: column;
     
}
.hero-texts-wrp h1 {
    font-size: 89px;
    color: #fff;
    font-weight: 900;
    line-height: 88px;
    text-align:right;
}
.hero-small-text {
    font-size: 18px;
    color:#fff;
    max-width:400px;
    display: flex;
    justify-content: flex-end;
    align-content: flex-end;
    align-items: flex-end;
    line-height: 28px;
}

@media only screen and (max-width:767px){
.hero-texts-wrp h1{
    font-size:60px;
    line-height:61px;
    }
    .hero-texts {
        height:600px;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-729cda10 */.hero-area {
    height: 700px;
    background-size: cover;
    background-position: center center;
    position: relative;
     margin-top:-70px;
}

.hero-area.sc.pro::before {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 129px;
    background: #E6E6E6;
    content: "";
    z-index: 2;
    -webkit-clip-path: polygon(79% 78%, 100% 0, 100% 100%, 0 100%, 0% 0%);
    clip-path: polygon(79% 78%, 100% 0, 100% 100%, 0 100%, 0% 0%);
}
.hero-area.sc.pro.dif-bg::before {
    background: #d8d6bb;
}

@media only screen and (max-width:767px){
    .hero-area {
    height: 600px;
    }
    .hero-area.sc.pro.dif-bg {
        background-position:right center !important;
    }
   .hero-area.sc.pro::before {
    display:none ;
    height:0px;
    
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-49c37e9b */.protfolio-page-sec1::after {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 129px;
    background: #89a0c0;
    content: "";
    z-index: 2;
    -webkit-clip-path: polygon(79% 78%, 100% 0, 100% 100%, 0 100%, 0% 0%);
    clip-path: polygon(79% 78%, 100% 0, 100% 100%, 0 100%, 0% 0%);
}



@media only screen and (max-width: 767px) { 
.protfolio-page-sec1::after {
      height: 0px !important;
    display:none;
  
}
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-23e9b637 */.protfolio-page-sec2::after, .protfolio-page-sec2::after {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 129px;
    background: #89a0c0;
    content: "";
    z-index: 2;
    -webkit-clip-path: polygon(79% 78%, 100% 0, 100% 100%, 0 100%, 0% 0%);
    clip-path: polygon(79% 78%, 100% 0, 100% 100%, 0 100%, 0% 0%);
}
.protfolio-page-sec2::after {
    background: #d8d6bb;
}

@media only screen and (max-width: 767px) { 
 .protfolio-page-sec2::after{
    display:none;
    height: 0px;
}
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-08eee86 */.hero-area {
    height: 700px;
    background-size: cover;
    background-position: center center;
    position: relative;
     margin-top:-70px;
}

.hero-area.sc.pro::before {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 129px;
    background: #E6E6E6;
    content: "";
    z-index: 2;
    -webkit-clip-path: polygon(79% 78%, 100% 0, 100% 100%, 0 100%, 0% 0%);
    clip-path: polygon(79% 78%, 100% 0, 100% 100%, 0 100%, 0% 0%);
}

.hero-area.sc.pro.dif-bg::before {
    background: #1e1f26;
}

@media only screen and (max-width:767px){
    .hero-area {
    height: 600px;
    }
    .hero-area.sc.pro.dif-bg {
        background-position:right center !important;
    }
   .hero-area.sc.pro::before {
    display:none ;
    height:0px;
    
    }
}/* End custom CSS */