.section-flat {
  width: 100%;
  position: relative;
}
  .section-flat .section-content {
    width: 100%;
    padding: 130px 0 110px;
    position: relative;
    clear: both; 
  }
    .section-flat .section-content > .container-fluid {
      padding: 0;
    }

 Section Title 

.section-title h2{
    font-size:40px;
}
.section-title {
  margin-bottom: 80px;
}
.section-title-zj{
    margin-bottom: 10px;
    
}
.section-title-zj h2{
    font-size:40px;
}
.section-title-zj p{
    padding-top: 15px;
    font-size: 20px; }
    @media (max-width: 768px) {
      .section-title-zj p {
        font-size: 16px; }
}
  .section-title h5 {
    margin-bottom: 10px;
    font-weight: 500;
    color: #0166fd; }
  .section-title p {
    padding-top: 15px;
    font-size: 20px; }
    @media (max-width: 768px) {
      .section-title p {
        font-size: 16px; } }
  .section-title.text-white h5 {
    opacity: 0.8;
    color: #fff; }
  .section-title.text-white h1 {
    color: #fff; }
  .section-title.text-white p {
    opacity: 0.6;
    color: #fff; }
  .col-md-8 .section-title.text-center {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .col-md-8 .section-title.text-center h2 {
      width: 80%;
    }
      @media (max-width: 768px) {
        .col-md-8 .section-title.text-center h2 {
          width: 100%;
        } }
    .col-md-8 .section-title.text-center p {
      width: 100%; }
      @media (max-width: 768px) {
        .col-md-8 .section-title.text-center p {
          width: 100%; } }

/**
  * -------------------------------------------------------------------------------
  * ( 04 ) - Content
  * -------------------------------------------------------------------------------
  *
  *  This part contains all content sections in main content
  *
  * ------
  *
  *  Content is divided to the following sections:
  *
  *    |
  *    |-->  [ 01 ] - Content
  *    |-->  [ 02 ] - Sidebar
  *    |-->  [ 03 ] - What We Do
  *    |-->  [ 04 ] - About Us
  *    |-->  [ 05 ] - Watch Video
  *    |-->  [ 06 ] - Our Services
  *    |-->  [ 07 ] - Our Projects
  *    |-->  [ 08 ] - Pricing Plans
  *    |-->  [ 09 ] - Our Blog
  *    |-->  [ 10 ] - Newsletter Subscribe
  *    |-->  [ 09 ] - Our Clients
  *    |-->  [ 10 ] - About Us
  *    |-->  [ 11 ] - Team Members
  *    |-->  [ 12 ] - Page Our Services
  *    |-->  [ 13 ] - Page Our Works
  *    |-->  [ 14 ] - Page Portfolio Single
  *    |-->  [ 15 ] - Page Our Blog
  *    |-->  [ 16 ] - Page Blog Single
  *    |-->  [ 17 ] - Page Jobs
  *    |-->  [ 18 ] - Page Project Order
  *    |-->  [ 19 ] - Page Send Suggestion
  *
  */
#content {
    margin-top:90px;
  position: relative;
  line-height: 1.8;
  background-color: #fff;
  z-index: 5;
  /* Important for icons animations */ }

#content-wrap {
  position: relative;
}
.img-preview {
  position: relative;
}
  .img-preview img {
    width:400px;
    height:300px;
    margin-top:-80px;
    margin-left:150px;

  }
/*  [ 01 ] - Content
====================== */
.content.sidebar-left {
  padding: 0 0 0 10px; }

.page-single .section-content {
  padding-top: 0 !important;
  background-color: #fafafa;
}

.page-single .page-single-content {
  padding: 0 40px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  background-color: #ccc; }
  .page-single .page-single-content .content {
    padding: 50px 0; }

.page-single .content {
  padding: 30px; }

.page-single.with-sidebar .content {
  padding-right: 40px;
  border-right: 1px solid #ccc; }

@media (max-width: 992px) {
  .page-single.with-sidebar .content {
    padding-right: 0;
    border-right: none; } }

#about-img{
    background-color: #222;
}

#about-img h2{
    color: #fff;
    font-size:60px;
    margin-bottom:-170px;
}

/*  [ 04 ] - About Us
=========================== */
#about-us {
  background-color: #f6f6f6; }
  #about-us .img-featured {
    width: 475px;
    height: 450px; }
    @media (max-width: 480px) {
      #about-us .img-featured {
        width: 100%;
        padding-bottom: 40px; } }
    #about-us .img-featured img {
      max-width: 375px;
      border-radius: 5px;
      box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.15); }
    #about-us .img-featured .img-1 {
      position: relative;
      z-index: 1; }
    #about-us .img-featured .img-2 {
      position: absolute;
      left: 100px;
      top: 50px; }
      @media (max-width: 480px) {
        #about-us .img-featured .img-2 {
          left: 50px; } }

/* Btn Read More */
.btn-rm {
  display: flex;
  align-items: center;
  margin-top: auto;
  font-weight: 500;
  font-family: "Montserrat", "Almarai", sans-serif; }
  .btn-rm i {
    position: relative;
    left: 0;
    margin-left: 8px;
    font-size: 16px;
    transition: all 0.1s;
    transform: rotate(90deg); }
  .btn-rm:hover i {
    left: 3px; }

  .img-previewzj {
  position: relative;
}
  .img-previewzj img {
    width:100%;
    height:700px;
    margin-top:0px;
    margin-left:0px;

  }
  .img-previewzj p{
   font-size:22px;
   color:#fff;
   margin-left:870px;
   position:relative;
   top:-500px;
   letter-spacing:3px;
   line-height:26px;
  }

  .section-title-pp p{
      font-size:20px;
      margin-left:450px;
      line-height:26px;
      position:relative;
      top:-30px;
  }

  .img-previewzx p{
      font-size:25px;
      margin-left:200px;
      line-height:26px;
      position:relative;
      top:-380px;
      line-height:40px;
      color:rgb(96, 94, 94);
      width:1160px;
  }

  .img-previewzx img{
      width:100%;
      margin-top:-343px;
  }

  .img-previewx img{
      width:100%;
      margin-top:-180px;
  }

  .img-previewx h3{
      font-size:40px;
      color:#fff;
      position:relative;
      top:-430px;
      margin-left:950px
  }

  .img-previewx p {
      font-size:20px;
      color:#fff;
      position:relative;
      top:-410px;
      width:450px;
      margin-left:950px;
      
  }

  .section-flatx{
      background-color:#fff;
  }

  .img-previewx1 img{
      margin-top:-100px;
      margin-left:900px;
  }

  .img-previewx1 p{
      width:420px;
      font-size:20px;
      margin-left:400px;
      margin-top:-320px;
  }

  .section-flatlvse h4{
       margin-top:250px;
       margin-bottom:600px;
       position:relative;
       top:260px;
       font-size:45px;
       margin-left:200px;
       color:#fff;

  }

  .section-flatlvse p1{
       position:relative;
       top:-300px;
       margin-left:200px;
       font-size:23px;
       color:#fff;
  }

  .section-flatlvse p2{
        position:relative;
        top:-240px;
        font-size:23px;
        margin-left:-950px;
        color:#fff;
  }

   .section-flatlvse p4{
        position:relative;
        top:-195px;
        font-size:23px;
        margin-left:-1065px;
        color:#fff;
  }

  .section-flatlvse p3{
        position:relative;
        top:-130px;
        font-size:23px;
        left:-465px;
        color:#fff;

  }

  .section-flatlvse{
      background-color:#55a37a;
  }

  .img-previewx2 h{
      font-size:45px;
      position:relative;
      top:-250px;
      margin-left:730px;
      color:#fff;
      letter-spacing:4px;
  }

   .img-previewx2 p{
       font-size:23px;
       width:800px;
       text-align:center;
       margin-left:500px;
       position:relative;
       top:-220px;
       color:#fff;
  }

   .img-previewx2 img{
       margin-bottom:-260px;
       width:1770px;
   }

 

   .section-flatlvseLOGO h{
       font-size:50px;
       position:relative;
       top:-350px;
       margin-left:200px
   }

   .section-flatlvseLOGO3 img{
       width:300px;
       position:relative;
    height:200px;
    margin-top:-700px;
    margin-left:1100px;
   }

    .section-flatlvseLOGO3 h{
       position:relative;

   }

   .section-flatlvseLOGO {
       width:400px;
       margin-bottom:-200px
   }

   .section-flatlvseLS h{
       font-size:40px;
       position:relative;
       margin-left:-1230px;
       position:relative;
       top:50px
   }

   .section-flatlvseLS p{
       font-size:20px;
       margin-left:210px;
       line-height:40px;
       width:1200px;
       position:relative;
       top:-90px;
   }


   .section-flatlvseLS img{
      position:relative;
      height:400px;
      margin-left:180px;
      top:150px;
      width:1250px;
   }

   .section-flatlvse50 img{
       position:relative;
       top:-30px;
       height:60px;
   }

   .section-flatlvse51 p{
       position:relative;
       width:1180px;
       top:-70px
   }

   .section-flatlvseLOGO2 img{
       position:relative;
       top:-20px;
       width:1772px
   }

   .section-flatlvseLOGO6 h{
       position:relative;
       top:-850px;
   }