:root{--mc-dark:#181818;--mc-light:#FFF;--mc-orange:#E0A458;--mc-yello:#E9D985;--mc-dark-grey:#5C5B5F;--mc-dark-blue:#2B2C6A;--mc-light-grey:#f0f2f5}.text-mc-dark{color:var(--mc-dark)}.bg-mc-dark{background-color:var(--mc-dark)}.text-mc-light{color:var(--mc-light)}.bg-mc-light{background-color:var(--mc-light)}.text-mc-orange{color:var(--mc-orange)}.bg-mc-orange{background-color:var(--mc-orange)}.text-mc-yello{color:var(--mc-yello)}.bg-mc-yello{background-color:var(--mc-yello)}.text-mc-dark-grey{color:var(--mc-dark-grey)}.bg-mc-dark-grey{background-color:var(--mc-dark-grey)}.text-mc-dark-blue{color:var(--mc-dark-blue)}.bg-mc-dark-blue{background-color:var(--mc-dark-blue)}.text-mc-light-grey{color:var(--mc-light-grey)}.bg-mc-light-grey{background-color:var(--mc-light-grey)}*{margin:0;padding:0;box-sizing:border-box;font-size:18px}.pointer{cursor:pointer}.header{min-height:100vh;height:auto;max-height:1000px}.my-nav{transition:top .3s ease}.fixed-nav{position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:0 2px 5px rgba(0,0,0,.1)}.flag-con{width:25px}.header-p2{min-height:100vh;height:auto;max-height:1000px}.header-p1{position:relative;background-image:url('../assets/wallpaperflare.com_wallpaper.webp');background-position:top right}.header-p1 .overlay{position:absolute;width:100%;height:100%;background-color:var(--mc-light);opacity:.8}.header-desc{position:relative;width:calc(min(440px,100% - 4rem))}.header-desc .p-text{font-size:1.4rem}.malek{font-size:2.5rem!important}.header-img{position:relative;width:329px;height:389px}.header-img .img{background-image:url('../assets/header.webp');background-repeat:no-repeat;background-position:center center;background-size:cover;width:100%;height:100%}.header-img::before{z-index:-1;content:'';position:absolute;top:50px;height:95%;width:95%;border:8px solid var(--mc-yello)}.social-media .social-media-img{width:25px;height:25px}.about-us-title .about-us-title-h1,.our-vesion-title .our-vesion-title-h1,.my-work-title .my-work-title-h1{font-size:3rem}.about-us-title .about-us-title-span,.our-vesion-title .our-vesion-title-span,.my-work-title .my-work-title-span{position:relative;font-size:1.2rem}.about-us-title .about-us-title-span::before,.our-vesion-title .our-vesion-title-span::before,.my-work-title .my-work-title-span::before{content:'';position:absolute;top:0;z-index:-1;width:100%;height:60%;background-color:var(--mc-yello)}.we-do-con{width:calc(min(440px,100% - 4rem))}.about-us-desc .about-us-desc-p,.our-vesion-desc .our-vesion-desc-p{width:calc(min(400px,100% - 4rem));margin:0 auto}.our-vesion .row{position:relative;overflow:hidden}.our-vesion .dots{width:200px;position:absolute;top:0;z-index:-1;right:-25px}.projects .projects-list{display:flex;flex-wrap:wrap;margin-bottom:10px}.projects .projects-list-item{list-style:none;text-wrap:nowrap;margin:5px;padding:8px 20px;cursor:pointer;transition:.5s all;-webkit-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all;-o-transition:.5s all}.projects .projects-list-item.active{background-color:var(--mc-dark-blue);color:white}.product{display:flex;flex-wrap:wrap}.product .itemBox{position:relative;height:300px}.itemBoxDesc{position:relative;display:none}.product .itemBox .item-box-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.work-gellary .dots{width:200px;position:absolute;bottom:0;left:0;z-index:-1;right:-25px}.modal{display:none;position:fixed;top:0;left:0;flex-direction:column;justify-content:center;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:9999;padding:20px;box-sizing:border-box}.modal #modalImage{width:calc(min(900px,100% - 4rem));display:block;margin:0 auto}.modal .prev,.modal .next{cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);width:25px;height:25px;background-color:rgba(255,255,255,.5);color:#000;font-size:15px;text-align:center;line-height:25px;border-radius:50%}.modal .prev{left:20px}.modal .next{right:20px}.contact{background-color:var(--mc-dark-blue);color:white}.content4{display:grid;grid-template-columns:repeat(2,1fr);transform:scaleY(1.1);-webkit-transform:scaleY(1.1);-moz-transform:scaleY(1.1);-ms-transform:scaleY(1.1);-o-transform:scaleY(1.1)}.content4 .content4-img-con{text-align:center}.content4 .one{padding:5px;grid-column:1/2;grid-row:1/6}.content4 .two{padding:5px;grid-column:2/2;grid-row:3/5}.content4 .three{padding:5px;grid-column:1/2;grid-row:6/10}.content4 .four{padding:5px;grid-column:2/2;grid-row:5/12}.contact-social{display:flex}.contact-social-con{width:35px}.my-location .my-location-ifram{width:100%;margin:auto}.footer-contact-me{text-decoration:none;color:white;padding:10px 40px}.links .links-img{width:20px}.developed{font-size:12px}:dir(ltr){.navbar-nav{margin-left:auto}.header-desc{margin-left:90px}.header-img{transform:translateX(50%);-webkit-transform:translateX(50%);-moz-transform:translateX(50%);-ms-transform:translateX(50%);-o-transform:translateX(50%)}.header-img::before{left:60px}.about-us-desc .about-us-desc-p,.our-vesion-desc .our-vesion-desc-p{text-align:left}.links .links-img{margin-right:20px}.contact-social-con{margin-right:25px}}:dir(rtl){.navbar-nav{margin-right:auto}.header-desc{margin-right:90px}.header-img{transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.header-img::before{right:60px}.about-us-desc .about-us-desc-p,.our-vesion-desc .our-vesion-desc-p{text-align:right}.links .links-img{margin-left:20px}.contact-social-con{margin-left:25px}}@media (min-width:1200px){.logo-heigth{display:none}}@media (min-width:992px) and (max-width:1199px){.logo-heigth{display:none}}@media (min-width:768px) and (max-width:991px){.logo-heigth{display:none}.header-img{transform:translateX(0)!important;-webkit-transform:translateX(0)!important;-moz-transform:translateX(0)!important;-ms-transform:translateX(0)!important;-o-transform:translateX(0)!important}.header-p1-content{flex-direction:column;justify-content:center!important;align-items:center}.social-media{align-items:center!important;margin:0!important}.logo{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg)}}@media (max-width:767px){.logo-heigth{display:block;max-width:50%;max-height:100px}.logo-width{display:none}.header-desc{margin:0}.malek{font-size:1.2rem!important}.header-desc .p-text{font-size:1rem}.header-img{transform:translateX(0)!important;-webkit-transform:translateX(0)!important;-moz-transform:translateX(0)!important;-ms-transform:translateX(0)!important;-o-transform:translateX(0)!important}.header-p1-content{flex-direction:column;justify-content:center!important;align-items:center}.social-media{align-items:center!important;margin:0!important}}@media (max-width:376px){.header-desc{margin:0}.malek{font-size:1.2rem!important}.header-desc .p-text{font-size:1rem}.header-img{transform:translateX(0)!important;-webkit-transform:translateX(0)!important;-moz-transform:translateX(0)!important;-ms-transform:translateX(0)!important;-o-transform:translateX(0)!important}.header-p1-content{flex-direction:column;justify-content:center!important;align-items:center}.social-media{align-items:center!important;margin:0!important}}.we-do-p{text-align: start;}