/*
Theme Name: MotJuste
Theme URI:
Author:
Author URI: 
Description:
Tags: 
Version: 1.0
*/
:root {
    --studiotext: #444444;
    --studioblack: rgb(255, 0, 0);
    --studiowhite: #ffffff;
    --studioblue: #1766A1;
        --black-hsl: 30, 12.5%, 18.82%;
        
}
*{padding: 0;margin: 0;box-sizing: border-box;}
body{margin:0;padding:0;line-height:1.6;font-size:20px;}
@media screen and (max-width:576px){body{font-size: 16px;}}
html{scroll-behavior:smooth;}
img{max-width: 100%;height:auto;}
a {text-decoration: none!important;}
h1,h2,h3,h4,h5,h6 {padding: 0;margin: 0;}
.row {margin: 0;position:relative;}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, 
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7,
.col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, 
.col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, 
.col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, 
.col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, 
.col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {padding:0;}
.container-1200{max-width:1200px;margin: 0 auto;padding: 0 1rem;}
.container-1240{max-width:1240px;margin: 0 auto;position: relative;padding: 0 1rem;}
.container-1300{max-width:1300px;margin: 0 auto;padding: 0 1rem;}
.container-1440{max-width:1440px;margin: 0 auto;}
@media (min-width: 1400px) {
    .container-1200 {
        max-width: 1320px;
    }
    .container-1300 {
      max-width: 1340px;
  }
  }
  @media (min-width: 1900px) {
    .container-1200 {
        max-width: 1440px;
    }
    .container-1300 {
      max-width: 1480px;
  }
  }
.menu{display:flex;justify-content: space-between;align-items: center;}
.menu nav ul{display: flex;justify-content: space-between;margin-bottom: 0;}
header{background-color: #e84518;}
nav ul {margin: 0;}
nav ul li{position: relative;list-style: none;}
.logo{padding:1.4rem 0;}
nav ul li {padding-left: 4.5rem;}
nav ul li a {font-size:1rem;display: bock;color:#000000;transition:all 0.5s linear;line-height:61px;font-family: "Almarai", sans-serif;}
.menu .menu-item-has-children ul {
    display: block;
    position: absolute;
    left: 14px;
    top: calc(100% + 30px);
    margin: 0;
    padding: 10px 0;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    transition: 0.3s;
    border-radius: 4px;
  }
  header nav ul li a{color: #fff;}
  .menu .menu-item-has-children ul li {
    min-width: 200px;
  }
  .menu .menu-item-has-children ul a {
    padding: 10px 20px;
    font-size: 15px;
    text-transform: none;
    font-weight: 600;
  }
  .navbar .dropdown ul a i {
    font-size: 12px;
  }
  .menu nav ul li:hover > a{color:}
.menu nav ul li:hover{color:}
.menu nav ul li ul li:hover{color:}
  .menu .menu-item-has-children:hover > ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
  }
  .menu .menu-item-has-children .menu-item-has-children ul {
    top: 0;
    left: calc(100% - 30px);
    visibility: hidden;
  }
  .menu .menu-item-has-children .menu-item-has-children:hover > ul {
    opacity: 1;
    top: 0;
    left: 100%;
    visibility: visible;
  }
  .menu .menu-item-has-children > a:after {
    content: "\f107";
    font-family: "Font Awesome 6 Free"; 
    font-weight: 900;
    padding-left: 5px;
}
.menu .menu-item-has-children:hover > a:after {
    content: "\f106";
    font-family: "Font Awesome 6 Free"; 
    font-weight: 900;
    padding-left: 5px;
}
  @media (max-width: 1366px) {
    .navbar .dropdown .dropdown ul {
      left: -90%;
    }
    .navbar .dropdown .dropdown:hover > ul {
      left: -100%;
    }
  }

/*Mobile Navigation*/
.mobile-nav {position: fixed;top: 80px;bottom: 0;z-index: 9999999;overflow-y: auto;left: -100%;width: 100%;padding-top: 18px;padding-bottom: 18px;background: #ece4da;transition: 0.4s;opacity: 1;}
.mobile-nav * {margin: 0;padding: 0;list-style: none;}
.mobile-nav  li a {display: block;position: relative;color: #000;font-weight: 500;outline: none;font-size: 1.5rem;}
.mobile-nav a:hover,
.mobile-nav li:hover>a {color: #000;text-decoration: none;}
.mobile-nav-toggle {position: absolute;top: 20px;right: 15px;z-index: 9998;border: 0;background: none;
 font-size: 24px;transition: all 0.4s;outline: none !important;line-height: 1;cursor: pointer;text-align: right;}
 .mobile-nav-toggle i {color:#ffffff;}
.icofont-close{color: #000!important;}
.mobile-nav-active {overflow: hidden;}
.mobile-nav-active .mobile-nav {left: 0;}
.mobile-nav-active .mobile-nav-toggle i {color: #fff;}
.menu-item-has-children> a:after {content: "\ea99";font-family: IcoFont;padding-left: 2px;}
.mobile-nav .menu-item-has-children ul {display: none;overflow: hidden;}
.mobile-nav li.actives ul{display: none;}
.mobile-nav{text-align: center;}
.mobile-nav a{color: #000;}
.logo{font-family: "Bellefair", serif;font-size: 2rem;color:#ffffff;}
.home-hero{background-color:#e84518;position: relative;overflow: hidden;}
.home-hero .container-1240{position: relative;overflow: hidden;padding:7rem 0 6rem 0;}
.wrapper-1{max-width: 445px;margin: 0 auto;z-index: 999999;position: relative;}
.wrapper-2{position: absolute;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;object-fit: cover;object-position: 50% 50%;}
.wrapper-2 img{display: block;object-fit: cover;object-position: 50% 50%;position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.hero-overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;mix-blend-mode: normal;--image-block-overlay-color: hsla(var(--accent-hsl), 0.71);
opacity: 1;background-color: hsla(12.98,81.89%,50.2%, 0.71);}
@media screen and (max-width:576px){
    .wrapper-1{max-width: 220px;}
    .wrapper-2 img{object-fit: contain;}
    header .logo{font-size: 1.4rem;}
   
}
.home-1{background-color:#f6f3ec;padding:6rem 0;}
.home-1 h3{color: #e84518;text-align: center;max-width: 900px;margin: auto; font-family: "Libre Baskerville", serif;font-size: 1.6rem;}
.ctc{padding: 1rem 2rem;border-radius: 0.2rem;text-align: center;display: inline-block;margin: 3rem auto;font-family: "Libre Baskerville", serif;font-size: 1rem;transition: all 0.3s linear;}
.ctc-color-1{background-color: #e84518;color: #fff;}
.ctc-color-1:hover{opacity: 0.8;}
.ctc-wrapper{margin: 0 auto;text-align: center;}
.col-home-1{background-image: url(images/img-1.jpg);background-size: cover;background-position: center center;}
.col-home-2{background-image: url(images/img-2.jpg);background-size: cover;background-position: center center;}
.col-home-3{background-image: url(images/img-3.jpg);background-size: cover;background-position: center center;}
.col{text-align: center;display: flex;justify-content: center;align-items: center;margin: 2rem 3.5rem;position: relative;display: flex;}
.col::before{content: '';position: absolute;top: 0;left: 0;bottom: 0;display: block;z-index: 2;width: 100%;
mix-blend-mode: normal;height: 100%;
--image-block-overlay-color: hsla(30, 13%, 19%, 0.5);background-color: hsla(30, 13%, 19%, 0.5);height: 404px;}
.col a{display: block;position: relative;z-index: 3;color: #fff;text-decoration: underline!important;font-size: 2.1rem;font-family: "Libre Baskerville", serif;}
.home-tile .col-md-4 .col{height: 404px;overflow: hidden;}
.home-2{text-align: center;padding:0 0 3rem 0;background-color: #f6f3ec;}
.home-2 h3{color: #62042c;font-family: "Libre Baskerville", serif;font-size: 2.8rem;padding-bottom: 4rem;}
.home-2 p{color: var(--black-hsl);font-size: 1rem;max-width: 800px;text-align: center;margin: 0 auto;font-family: "Almarai", sans-serif;}
.home-2 .ctc{border: 1px solid #e84518;color: #e84518;font-family: "Almarai", serif;}
.home-2 .ctc:hover{background-color: #e84518;color:#fff}
footer{background-color: #62042c;text-align: center;padding: 3rem 0;}
footer a{color: #e84518;text-align: center;font-size: 1rem;text-decoration: underline!important;}
footer ul li{list-style: none;margin: 0;padding: 0!important;padding-bottom: 0.5rem!important;}
footer h3{color: #e84518;font-family: "Libre Baskerville", sans-serif;padding-bottom: 1.5rem;}
footer ul{padding-left: 0;}
@media screen and (max-width:576px){
  .home-1{padding: 2rem 0;}
  .home-1 h3{font-size: 1.2rem;}
  .col{margin:1rem}
  .home-2 h3{font-size: 2rem;padding-bottom: 1rem;}
  .home-2{padding-bottom:0;}
}
.mobile-nav-active header{background-color: #ece4da;}
.mobile-nav-active .logo{color: #000;}

.project-col{position:relative;min-height:370px;display:flex;justify-content:center;align-items:center;text-align:center;}
.project-col img{position:absolute;top:0;left:0;bottom:0;width:100%;height:100%;}
.project-cols{padding:0.5rem;}
.project-cols h3{z-index:999;color:#e84518;}
.project-cols h3 a{z-index:999;color:#e84518;text-decoration:underline!important;font-family:"Libre Baskerville", serif;font-size:1.6rem;}
.projects-banner{background:#ece4da;padding:6rem 0;}
.page-id-12 header{background:#ece4da;}
.page-id-12 header .logo{color:#e84518;}
.page-id-12 .nav-menu a{color:#000;}
.page-id-12 .current-menu-item a{border-bottom:1px solid #000;}
.current-menu-item a{border-bottom:1px solid #000;}
.project-single-banner{background:#62042c;padding:4rem;}
.project-single-banner h1{color:#fff;font-size:2.6rem;font-family:"Libre Baskerville", serif;text-align:center;}
.project-gallery{background:#ece4da;padding:3rem 0;}
.about-1{background:#f6f3ec;padding:6rem 0;}


.abt-col-2{position:relative;}
h1,h2,h3,h4,h5,h6{font-family:"Libre Baskerville", serif;}
.about-1 h2{color:#e84518;font-size:2.6rem;padding-bottom:2rem;}
.about-1 h3{color: var(--black-hsl);font-size:1.6rem;padding-bottom:1rem;}
.about-1 p{font-size:1rem;color: var(--black-hsl);;}
@media screen and (min-width:991px){.about-1 .img-2{max-width:250px;max-width: 250px;
    left: 150px;
    position: absolute;
    margin-top: -80px;
    z-index: 1;}
    .abt-col-1{padding-right:3rem;}
    .about-1 .img-1{max-width:300px;text-align:right!important;margin-left:auto!important;display:flex!important;position:relative;z-index:2;}
.about-1 .img-2{max-width:250px;max-width: 250px;text-align:center!important;margin-left:auto!important;display:flex;}
}
@media screen and (max-width:990px){
    .about-1 .img-1{max-width:300px;text-align:center;margin:0 auto;display:flex;position:relative;z-index:2;}
.about-1 .img-2{max-width:250px;max-width: 250px;text-align:center;margin:0 auto;display:flex;margin-top:1rem;}
}
.service-1{background:#f6f3ec;padding: 5rem 0;}
.card-inner{padding: 2rem 3.5rem;}
.card-inner:first-child{margin-left:-3.5rem;}
.service-1 h1{color:#000;font-family:"Libre Baskerville", serif;padding-left:3rem;font-size:2.8rem;}
.service-1 h2{color:#e84518;font-size:1.6rem;padding-bottom:2rem;}
.service-1 p{color:#000;font-size:1rem;}
.service-1 p:last-child{margin-bottom:0;}
.services-2{background:#ece4da;padding:3rem 0;}
.services-2  h2{color:#000;font-size:2.8rem;padding-bottom:2rem}
.img-wrapper{min-height:255px;background-size:cover;background-position:center center;}
.services-2 h3{color:#000;font-size:2.1rem;padding-top:2.5rem;padding-bottom:2rem;}
.services-2 h4{color:#000;font-size:2rem;}
@media screen and (min-width:991px){.services-2 h3{height:140px;}}
.services-2 p{font-size:1rem;}
@media screen and (max-width:576px){
    .service-1 h1{padding-left:0;padding-bottom:2rem;}
    .card-inner {
    padding-right: 0;
}
}
.Header{display:none!important;}
.contact-1{background:#62042c;padding:6rem 0;}
.contact-1 h1{color:#e84518;font-size:3.8rem;}
.contact-1 p{color:#ffffff;font-family:"Almarai", sans-serif;font-size:1rem;padding-top:1.5rem;}
.contact-1 a{color:#fff;}
.ctc-col-1{padding-right:10rem;}
.col-left-form{padding-left:1rem;}
.contact-1 input{width:100%;background:#530325;border:0;outline:none;padding:0.5rem 1rem;border-radius:1rem;color:#fff;font-size:0.9rem;}
.contact-1 select{width:100%;background:#530325;border:0;outline:none;padding:0.5rem 1rem;border-radius:1rem;color:#fff;font-size:0.9rem;}
.contact-1 textarea{width:100%;background:#530325;border:0;outline:none;padding:0.5rem 1rem;border-radius:1rem;color:#fff;font-size:0.9rem;}
.contact-1 ::placeholder{color:#fff;font-size:0.9rem;}

.contact-1 .ctc {
    padding: 1rem 2rem;
    border-radius: 0.2rem;
    text-align: center;
    display: inline-block;
    margin: 3rem auto;
    font-family: "Libre Baskerville", serif;
    font-size: 1rem;
    transition: all 0.3s linear;
    width:auto;
    text-transform:uppercase;
    margin-top:0;
}

.contact-1 .ctc-color-1 {
    background-color: #e84518;
    color: #fff;
}

.page-id-207{background:#f6f3ec;}
.page-id-207 header{background:#f6f3ec;}
.page-id-207 header .logo {
    color: #000;
}

.page-id-207 header nav ul li a {
    color: #000;
}
.form-wrapper{max-width:720px;margin:0px auto;}
.form-wrapper input{width:100%;background:#eee7dd;padding:0.5rem 1rem;outline:none;border:0;margin-bottom:1rem;border-radius:0.5rem;}
.form-wrapper textarea{width:100%;height:100px;background:#eee7dd;padding:0.5rem 1rem;outline:none;border:0;margin-bottom:1rem;border-radius:0.5rem;}
.form-wrapper .col-md-6:nth-child(2){padding-left:1rem;}
.form-wrapper h2{text-align:center;font-size:3.8rem;padding-bottom:3rem;padding-top:2rem;}
.form-wrapper ::placeholder{font-size:0.9rem;color:#000;}
.wpcf7-checkbox label {
  font-size: 1rem;}
input[type=checkbox]{width:auto;}
.form-wrapper h4{font-size:1rem;margin-bottom:0.4rem;}
.form-wrapper p{font-size:0.9rem;}
.form-wrapper li{font-size:0.9rem;}
.form-wrapper li p{margin-bottom:0.3rem;}
.form-wrapper input[type=submit]{padding: 1rem 2rem;
    border-radius: 0.2rem;
    text-align: center;
    display: inline-block;
    margin: 3rem auto;
    font-family: "Libre Baskerville", serif;
    font-size: 1rem;
    transition: all 0.3s linear;width:auto;border:1px solid #e84518;color:#e84518;transition:all 0.3s linear}
    .form-wrapper input[type=submit]:hover{background:#e84518;color:#fff;}
    .build-package img{width:300px;}
    .image-0{position:relative;width:200px!important;left:230px;}
    .image-1{position:absolute;right:-20px;width:200px!important;}
    .image-2{position:absolute;left:-10px;top:700px;width:200px!important;}
    .image-3{position:absolute;bottom:200px;width:600px;right:0;}
    .build-package{position:relative;overflow:hidden;margin-top:3rem;}
    @media screen and (max-width:991px){.build-package img{display:none;}}
    .page-id-16{background:#62042c;}
    .reel-gallery{padding:4rem 0;color:#fff;text-align:center;}
    .reel-gallery h2{font-size:2.8rem;margin-bottom:1rem;}
    .reel-gallery p{font-size:1rem;}
   .page-id-16 .current-menu-item a {
    border-bottom: 1px solid #fff;
}
.page-id-18 .current-menu-item a {
    border-bottom: 1px solid #fff;
}
@media screen and (max-width:576px){
    .ctc-col-1 {
    padding-right:0;
}
.col-left-form {
    padding-left: 0;
}
footer .current-menu-item a{border:0!important;}
.page-id-10 .mobile-nav-toggle i {
    color: #000000;
}
.page-id-12  .mobile-nav-toggle i {
    color: #000000;
}
.page-id-14  .mobile-nav-toggle i {
    color: #000000;
}
.current-menu-item a {
    border-bottom: 0!important;
    color:#e84518!important;
}
.form-wrapper .col-md-6:nth-child(2) {
    padding-left:0;
}
.page-id-207  .mobile-nav-toggle i {
    color: #000000;
}
}
footer .current-menu-item a{border:0!important;}
.project-col img{
display: block;
    object-fit: cover;
    object-position: 50% 50%;}
  .page-id-8  .nav-menu a:hover{color:#000;}
  .nav-menu a:hover{color:#e84518;}
  .home-tile .col-md-4{transition:all 0.5s linear;}
  .home-tile .col-md-4 a{transition:all 0.5s linear;} 
  .home-tile .col-md-4:hover{transform:translateY(-15px);}
  .home-tile .col-md-4:hover .col::before{opacity:0.5;}
  .home-tile .col-md-4:hover .col a{text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}
  .projects-banner .project-cols{transition:all 0.5s linear;}
  .projects-banner .project-cols:hover{transform:translateY(-15px);}
  .projects-banner .project-cols:hover a{text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);}
.wpcf7-response-output{color:#ffffff!important;}