body{margin: 0px;padding: 0px;}


#bottom-top{position: fixed;
  background-color: #fc6a20;
  height: 45px;
  display: none;
  justify-content: center;
  align-items: center;
  bottom: 50px;
  right: 50px;
 
  transition: 0.3s;
  width: 45px;
  cursor: pointer;
  z-index: 100;
animation: ups 0.4s linear;
}
@keyframes ups{
  0%{transform: translateY(90px);
    opacity: 0;

  }100%{
    transform: translateY(0px);
    opacity: 1;

  }
}
  #bottom-top:hover{
    background-color: #002c5b;
  }
  #bottom-top:hover i{color: white;}
  #bottom-top i{color: white;
  font-size: 30px;
  margin: 0px !important;
  padding: 0px !important}
@media(max-width:992px){
  .top-header{display: none !important;}}

.top-header{
    display: flex;
    background-color: #002c5b;
    height: 50px;
    justify-content: space-between;
    padding: 0px 5%;
align-items: center;
;
box-sizing: border-box;
position: relative;
}
ul,li{margin: 0px;padding: 0px;}
.bottom-header.dontmove{
  position: fixed;
  z-index: 60;
  left: 0;
  width: 100%;
  top: 0;
  animation: head 0.4s linear;
  -webkit-box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
  box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
}
.bottom-header{transition: 0.3s linear;}

@keyframes head{
  0%{
      transform: translateY(-50px);

  }100%{
      transform: translateY(0px);

  }
}



.contacts .id-no li{
    display: inline;
    margin: 0px 10px;
    position: relative;
}
.contacts .id-no li a,i{
    color: white;
    font-size: 13px;
    transition: 0.1s linear;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    margin: 0px 0px 0px 3px;
   

}
.contacts .id-no li a:hover{color: #fc6a20 !important;}
.contacts .id-no li a:focus{color: #fc6a20 !important;}



.social-icons a{color: white;
    text-transform: capitalize;
text-decoration: none;
font-family: "Poppins",Arial,Helvetica,sans-serif;
margin: 0px 10px;
font-size: 13px;
position: relative;

}
input:focus{box-shadow: none !important;
  border: 1px solid #fc6a20 !important;}
.social-icons a:hover,.social-icons a:focus,.social-icons i:hover{color: #fc6a20 !important;}
.social-icons a::before{height: 20px;
    background-color: rgba(128, 128, 128, 0.397);
    fill:  rgba(128, 128, 128, 0.397);
    width: 1px;
    right: -11px;
    top: 1%;
    transform: translate(-50%);
    content: '';
    position: absolute;
}
.social-icons button a:focus{color: #002c5b !important;}
.social-icons button a::before{content: unset;}
.social-icons button{background-color: #fc6a20;
border: none;
border-radius: unset !important;
transition: 0.3s linear;
cursor: pointer !important;
height: 50px !important;
}
.social-icons button:hover{background-color: white;color: #002c5b;}
.social-icons button a{font-size: 13px;margin: 12px; ;}
.social-icons button:hover a{color: #002c5b;}

.contain{max-width: 1250px;}
.bars{display: none;}

.bars i{color: black !important;
    font-size: 28px;
    
}

.drop-down:hover .drop-down-box{display: block;}
.drop-down{position: relative !important;}
.drop-down-box{position: absolute;
  margin: 0px !important;
  padding: 0px !important;
  background-color: white;
left: 20px;width: 250px;top: 65px;
box-shadow: 1px -1px 5px rgba(209, 209, 209, 0.685);
box-sizing: border-box;
display: none;
transition: 0.2s linear;
z-index: 10;
}
.drop-down-box li a::before{content: none !important;}
.drop-down-box li a{

  font-weight: 400;
  display: block;
  padding: 14px 0px 14px 15px !important;
  font-size: 12px !important;
  line-height: 18px;
  color: #7d8791;
  transition: 0.3s linear;
  
  border-bottom: 0.5px  solid rgb(214, 214, 214);

}
.single-pic{box-sizing: border-box;padding: 10px;}
.single-pic  img{
  width: 100%;
}
@media(max-width:1200px){
  .navigations nav .tabs li {
    padding: 22px 0px 22px 20px !important;
    list-style-type: none;
}
.bottom-header{padding: 0px 5% !important;}
}
@media(max-width:990px){
 .bottom-header{justify-content: space-around !important;}
 .bottom-header{padding: 0px 20px !important;}
  .drop-down:hover .drop-down-box{display: none;}
  .active{background-color: #002c5b;}
  .active a{color: white !important;}
  .navigations nav .tabs li:hover .alin,.active a{color: white !important;}
  .drop-down.show .drop-down-box{display: block !important;}
  .drop-down.show .navigations nav .tabs li{color: white !important;}
  .pair{flex-direction: column;justify-content: space-between !important;height: 150px;}

  .navigations nav::-webkit-scrollbar{display: none;}
  .navigations nav{position: absolute;
    -ms-overflow-style: none; 
    left: -250px;
    height: 400px;
    overflow-y: scroll;
    z-index: 10;background-color: #fff;
    top:92px;
    transition: 0.3s linear;
    width: 250px;}
    .bars{display: block;cursor: pointer;}
  .navigations nav .tabs{display: flex;flex-direction: column;}
  .drop-down-box{position: relative !important;top: 14px;left: -10px !important;
box-shadow: unset !important;
margin: 0px !important;
  }
  .navigations nav .tabs li{padding: 15px 0px 15px 10px !important;
    list-style-type: none;
    
    
    }
    .slide__text{top: unset !important;}
    .slide__text-desc {
      font-size: 20px !important;text-align: center !important;
      transform: translateY(100%);
    }
    .slider-container{height: 300px !important;}
    .drop-down-box li{border-bottom:1px rgb(209, 209, 209) solid ;}
    .drop-down-box li a{padding: 5px 0px 5px 10px !important;border-bottom: none;}
    .drop-down-box li:hover a{ padding:5px 0px 5px 10px !important;}
    .drop-down-box li:hover::before{content: none !important;}
  .drop-down-box li:hover{background-color: #f8f9fa;}
  .navigations nav .tabs li:hover .alin,.active a{color: white !important;}
  .navigations nav .tabs li a{color: #002c5b;}
  .navigations nav .tabs li:hover{background-color:#002c5b;}
  .drop-down-box li:hover a{color: white !important;}
  .navigations nav .tabs li a::before {
    content: "";
    height: 1.5px;
    width: 0px;
    bottom: 0px;
    background-color: #fff !important;
     fill: #fff !important;
    position: absolute;
    transition: 0.3s linear;

}
.navigations nav.give{left: 0;}
 

     
  }
.drop-down-box li{ margin: 0px; border-left: 0px solid #fc6a20;
  padding: 0px !important; transition: 0.3s linear;position: relative;}
.drop-down-box li::before{height: 1px;top: 50%;opacity: 0;
  background-color: #fc6a20;transition: 0.2s linear;
  width: 5px;content:"";
  position: absolute;}
  .drop-down-box li:hover::before{opacity: 1;top: 0;height: 100%;}
  .drop-down-box li:hover{background-color: #f8f9fa;}

 
 .drop-down-box li:hover a{ padding: 14px 0px 14px 20px;}

.bottom-header{background-color: white;
    fill: white;
height: 90px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0px 10%;
box-sizing: border-box;
}
.bottom-header .logo img{
    width: 200px;
   
    object-fit:contain ;
}
.navigations nav .tabs{display: flex;}
.navigations nav .tabs li{padding: 22px 0px 22px 34px;
list-style-type: none;


}
.navigations nav .tabs li a::before{
    content: "";
    height: 1.5px;
    width:0px;
    bottom: 0px;
    background-color: #fc6a20;
    fill: #fc6a20;
    position: absolute;
    transition: 0.3s linear;
    
   
}
.unactive a::before{content: unset !important;}
.navigations nav .tabs li:hover a::before,.active a::before{
    width: 20px !important;} 

.navigations nav .tabs li a{
    color: #002c5b;
    position: relative;
    font-size: 17px;
    font-weight: 500;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
    letter-spacing: 0.5px;
    transition: 0.2s linear;
    text-transform: capitalize;


}
header{position: relative;}

.navigations nav .tabs li:hover .alin,.active a{color: #fc6a20}







  *, *:before, *:after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
  
 
  
  /* about-bacgrnd about-bacgrndabout-bacgrndabout-bacgrnd */
.about-bacgrnd{
    background:#002c5b;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    padding-top: 47px;

    height:200px;
    text-align: center;
    color: white;
    
    width: 100%;}
    .about-bacgrnd::before{
        position: absolute;
        left: 0;
        top:0;
        content: "";
        background-image: url(img/marklands1.jpg);
        width: 100%;
        height: 100%;
        background-position: center;
        background-size:cover;
        background-repeat: no-repeat;
        opacity: 0.20;
       
    }
    @media(max-width:992px){
      .civil .civils span {
        color: #7d8791;
        padding: 0 0 15px !important;
        width: auto !important;
        display: block;
        font-size: 15px !important;
        font-family: "Poppins",Tahoma,Geneva,sans-serif;
        font-weight: 400;
        line-height: 25px;
    }
    }
    .about-image img{width: 100%;}
    .about-bacgrnd  h1,span{z-index: 1;position: relative;}
    .about-bacgrnd  h1{
        color: white !important;
        font-family: "Poppins",Arial,Helvetica,sans-serif;
        text-transform: capitalize;
        font-size: 50px;
        margin-top: 0px;
    }
    .about-bacgrnd  span a{color:white !important ;
        cursor: pointer !important;text-decoration: none;}
.ans{color: #fc6a20;}
.boxes-2{display: flex;width: 100%;justify-content: space-around;margin-top: 17px;}
.type1 li,.type2 li{list-style: none;
    color: #7d8791;
    font-size: 15px;
    text-transform: capitalize;
     font-family: "Poppins",Arial,Helvetica,sans-serif;
    position: relative;}

     .type1 li::before,.type2 li::before{
         position: absolute;
         content: "\f00c";
         left: -25px;
         color: #fc6a20;

         font-family: fontAwesome;

     }
     .signature-name-time{display: flex;
        justify-content:space-evenly;
        margin-top: 50px;position: relative;
    }
    .signature-name-time .name p{    font-size: 21px;
        line-height: 35px;
        font-family: "Poppins",Arial,Helvetica,sans-serif;
        font-weight: 600;
        margin-bottom: 0;
        text-transform: capitalize !important;
        color: #002c5b;
    }
    .signature-name-time .name p5{font-weight: 400;
        font-size: 13px;
    line-height: 0px;
    display: block;
    margin-top: 4px;
    color: #86898c;
    font-family: "Poppins",Arial,Helvetica,sans-serif;

}


.signature-name-time .time::before{
    position: absolute;
    height: 60px;
    width: 60px;
    font-family: fontAwesome;
    font-size: 30px;
    color: white;
    left: -10px;
    top: 2px;
    
    border-radius: 50%;
    background-color: #fc6a20;
content: "\f23c";    
display: flex;
justify-content: center;
align-items: center;

}
.signature-name-time .time p{    font-size: 21px;
    line-height: 26px;
    font-family: "Poppins",Arial,Helvetica,sans-serif;
    font-weight: 600;
    margin-bottom: 0;
    text-transform: capitalize !important;
    color: #002c5b;
}
.signature-name-time .time p5{font-weight: 400;
    font-size: 13px;
line-height: 12px;
display: block;
margin-top: 4px;
color: #86898c;
font-family: "Poppins",Arial,Helvetica,sans-serif;

}
.signature-name-time img{
    width: 60px;
}


    
    
     


    /* about-bacgrnd about-bacgrndabout-bacgrndabout-bacgrnd */

  
.about-content2 p{

    font-family: "Poppins",Arial,Helvetica,sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 23px;
    letter-spacing: 0.5px;
    color: #7d8791;

}  

.about{margin: 100px 0px !important;background-image: url(bg-image/cmt-rowbg-06.jpg);}

.about-content2 h2{
    font-family: "Poppins",Arial,Helvetica,sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 36px;
    line-height: 46px;
    color: #002c5b;
}
.about-content2 p2{
    font-family: "Poppins",Arial,Helvetica,sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    color: #7d8791;
    
}
.about-content2{box-sizing: border-box;
    width: 100%;
    padding: 120px 15px 0px 15px !important;
}
.trusted{background: url(bg-image/cmt-rowbg-07.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    position: relative;
    padding: 80px 0px 100px 0px !important;
    text-align: center;
    box-sizing: border-box;}
.trusted i{
    color: white;
font-size:70px;
margin: 10px 0px 20px 0px;
cursor: pointer;


}
.trusted h1{    font-size: 43px;
    color: white !important;
    line-height: 58px;
    font-family: "Poppins",Arial,Helvetica,sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    
    margin-bottom: 10px;}
    .trusted h1 strong{
        color: #fc6a20;
        font-weight: 700!important;
        font-family: "Poppins",Arial,Helvetica,sans-serif;
        font-size: 43px;

    }
    .trusted p{
        font-size: 16px;
        font-family: "Poppins",Arial,Helvetica,sans-serif;
    font-weight: 400;
    color: white;
    text-transform: capitalize;
    }
    .trusted button:hover{
        background-color: white;color: #fc6a20;
    }

.youtube{
    width: 100%;position: absolute;;
    background-color: rgba(0, 0, 0, 0.815);
    height:574px;
    text-align: center;
    padding-top: 40px;
    box-sizing: border-box;
    z-index: 10;
    top: 0;
    display:none ;
    
}
.cross{position: absolute;right: 2%;top: 2%;cursor: pointer;}
.cross i{font-size: 40px;}
.youtube.play{display: block;transition: 0.3s linear;}
.hide-show{position: relative;}
.youtube iframe{height: 500px;width: 80%;}
    .trusted button{
        margin-top: 20px;
        height: 55px;
        border: 2px white solid;
        background-color: transparent;
        fill: transparent;
        padding: 0px 25px;
        color: white;
        font-family: "Poppins",Arial,Helvetica,sans-serif;
        text-transform: capitalize;
        outline: none;

    }

.quality{margin-top: -50px}
    .quality-content{padding-top: 80px;}

    .quality-imgage img{width: 100%;
        border-top:10px solid #fc6a20 ;
        border-left:10px solid white ;
        border-right:10px solid white ;
        border-bottom:10px solid white ;
    }

    .quality-content p{
        font-family: "Poppins",Arial,Helvetica,sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 23px !important;
    letter-spacing: 0.5px;
    color: #7d8791;
    margin-bottom: -0.6px;
}
    
    .quality-content h1{
        font-family: "Poppins",Arial,Helvetica,sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 36px;
    line-height: 46px !important;
    margin-bottom: 10px;
    color: #002c5b !important;
}
.civil .civils li::before{position: absolute;
height: 40px;
width: 40px;
border-radius: 50%;
content: "\f013";
font-family: fontAwesome;
background-color: #fc6a20;
display: flex;
justify-content: center;
align-items: center;
color: white;
font-size: 20px;left: 0px;
top: 40px;
}
.civil .civils li{list-style-type: none;
    display: block;
    position: relative;
    border-bottom: rgb(224, 224, 224) 0.8px solid
    ;padding: 15px 0px 0px 60px !important;}
.civil .civils h4{margin-bottom: 5px;
    font-size: 21px;
    line-height: 26px;
    font-family: "Poppins",Arial,Helvetica,sans-serif;
    font-weight: 600 !important;
    
    color: #002c5b !important;
    text-rendering: optimizeLegibility;
}
.civil .civils span{
    color: #7d8791;
   padding: 0 0 15px !important;
    width: 45ch;
    display: block;
    font-size: 15px !important;
    font-family: "Poppins",Tahoma,Geneva,sans-serif;
    font-weight: 400;
    line-height: 25px;
    

}
.collaborate {background-color: #002c5b;
    margin-top: -50px;
    padding-top: 100px;
padding-bottom: 100px;
}
.civil{margin-top: 40px;}
.collaborate-text{width: 100%;
    text-align: center;}

   .collaborate-text h1{    font-family: "Poppins",Arial,Helvetica,sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    position: relative;
    margin-bottom: 10px;
    font-size: 36px;
    line-height: 46px;
    color: white !important;
}
.sling{margin-top: 80px;}
.collaborate-text h1::before{
    position: absolute;
    width: 90px;
    border-left: 45px solid #fc6a20;
background-color: white;
height: 5px;
left: 50%;
bottom: -12px;
content: "";
transform: translateX(-50%);
}
.collaborate-text p{
    color: rgba(255,255,255,.85);
    margin-bottom: 7px;
    margin-top: 0;
    font-family: "Poppins",Arial,Helvetica,sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 23px;
    letter-spacing: 0.5px;
}
    

.sling1 i{
    line-height: 45px;
    font-size: 30px;
    color: #fc6a20;
}
.sling1{    background-color: rgb(255,255,255,.04);
    justify-content: space-evenly;padding: 40px 0px 25px 0px;;
    display: flex;}
    .sling1 h3{
        color: white !important;
        font-size: 40px;
        font-family: "Poppins",Tahoma,Geneva,sans-serif;
        line-height: 20px;

    }
    .sling1 span{font-size: 15px;
        
        font-family: "Poppins",Tahoma,Geneva,sans-serif;}
        .fix h5{position: relative;}
        .fix h5::before{
          position: absolute;
          content: "";
          background-color: #002c5b;
          height: 1.5px;
          width: 60px;
          border-left: 20px solid #fc6a20;bottom: -10px;
      }
        .fixed-form h5::before{
            position: absolute;
            content: "";
            background-color: #002c5b;
            height: 1.5px;
            width: 60px;
            border-left: 20px solid #fc6a20;bottom: -10px;
        }
        .responsive-gal{height: 200px;margin-top: 30px;}
        .responsive-gal img{width: 100%;height: 100%;object-fit: cover;}
        .repair-image{right: 0;}
.repair-image img{width: 100%;}
.fixed-form h5{color: #002c5b;
    font-weight: 600;
    font-family: "Poppins",Tahoma,Geneva,sans-serif;
    margin: 0px 0px 40px 0px;
    text-transform: capitalize;
    position: relative;
    
}
.contact-me1 p{
    color: #7d8791;
    display: inline-block;
    font-family: "Poppins",Tahoma,Geneva,sans-serif;
    text-align: center;
    font-size: 14px;
    line-height: 0px;
    text-transform: capitalize;
}

.contact-me1{padding: 30px 30px 30px 30px;}
.contact-me1 h1 a{
    display: block;
    line-height: 10px !important;
    color: #002c5b;
    text-decoration: none;
    font-family: "Poppins",Arial,Helvetica,sans-serif;
    font-weight: 600;
    
    text-rendering: optimizeLegibility;
    text-align: center;
    font-size: 21px;
}
.mine{border: none !important;outline:  none !important;}
.mine:focus{border: none !important;outline: none;}
textarea{box-shadow: none;}
textarea:focus{box-shadow: none !important;border: #fc6a20 1px solid !important;}
.inside i{font-size: 50px;;color: #fc6a20;margin-bottom: 35px;}
.inside{background-color:rgb(243, 243, 243);margin-top: 30px;padding: 30px;}
.contact-me1{border: 1px solid rgb(223, 223, 223);text-align: center;
    box-shadow: 1px 1px 5px rgb(228, 228, 228);
    margin: 100px 0px 50px 0px}
    .margin-top{margin-top:20px !important;}
.fix{position: sticky;;background-color: white;
    height: max-content;
    left: 5%;
    top: 110px;
    bottom: 0;
    box-shadow: 1px 1px 10px rgba(231, 231, 231, 0.794);
    padding: 20px 30px !important;
    margin-top: 50px;
}
a{text-decoration: none;}
a:hover{text-decoration: none;}
.google-map{width: 100%;height:280px;margin-top: 40px;}
.fixed-form h5 span{color: #fc6a20;}
.orange:hover{text-decoration: none; color: #fc6a20;font-weight: 500;}
.orange::before{background-color: rgb(224, 224, 224);
position: absolute;
content: "";
height: 3px;
width: 100px;
transform: translateX(-50%);
left: 50%;
bottom: -10px;
transition: 0.3s linear;
}
.orange:hover::before{border-left: 100px solid #fc6a20;transition: 0.3s linear;}
.orange{
    text-decoration: none;
    position: relative;
    color: #fc6a20;
    font-family: "Poppins",Tahoma,Geneva,sans-serif;
    font-size: 15px;margin-top: 50px;display: block;}

    input{border: none; background-color: #f8f9fa;outline: #fc6a20 !important;}
    ::placeholder{font-family: "Poppins",Tahoma,Geneva,sans-serif;font-size: 14px;}
.mine{width: 100%;
    padding: 5px 0px;
    border-radius: 2px;
    outline: none;
    font-family: "Poppins",Tahoma,Geneva,sans-serif;
    background-color: #002c5b;
    font-weight: 600;
    border: none;
    color: white;}
    .mine:hover{background-color: #fc6a20;color: white;}

.repair-image h1{
    font-family: "Poppins",Arial,Helvetica,sans-serif;
    font-weight: 600;
    text-align: left;
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 10px !important;
    color: #002c5b;
    margin: 0;
    text-rendering: optimizeLegibility;
}
.repair{padding: 100px 0px 50px 0px;}
.written{margin-top:30px;}
.line li{list-style: none;
    font-family: "Poppins",Tahoma,Geneva,sans-serif;
    font-family: "Poppins",Tahoma,Geneva,sans-serif;
    font-weight: 400;
    display: inline-block;
    position: relative;
    color: #182333;
    font-size: 14px;
    line-height: 25px;
    
    padding: 5px 0px 5px 23px;}
    .line li::before{
        position: absolute;
        content: "\f00c";
        font-family: fontAwesome;
        color: #fc6a20;left: 0;
    }

    
body{margin: 0px;padding: 0px;}


#bottom-top{position: fixed;
  background-color: #fc6a20;
  height: 40px;
  display: none;
  justify-content: center;
  align-items: center;
  bottom:30px;
  right: 30px;
 
  transition: 0.3s;
  width: 40px;
  cursor: pointer;
  z-index: 100;
animation: ups 0.4s linear;
}
@keyframes ups{
  0%{transform: translateY(90px);
    opacity: 0;

  }100%{
    transform: translateY(0px);
    opacity: 1;

  }
}
  #bottom-top:hover{
    background-color: #002c5b;
  }
  #bottom-top:hover i{color: white;}
  #bottom-top i{color: white;
  font-size: 30px;
  margin: 0px !important;
  padding: 0px !important}
@media(max-width:992px){
  .top-header{display: none !important;}
  .signature-name-time .time::before{display: none !important;}
}
.signature-name-time .time p{font-size: 18px !important;}
@media(max-width:700px){
  .boxes-2 {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: flex-start !important;
    margin-top: 17px;
    padding: 0px 30px;
    
}
.img-gaaler h1 {
  font-weight: 600;
  text-transform: capitalize;
  font-size: 36px;
  
  line-height: unset !important;
  color: #002c5b;
  font-family: 'Poppins', sans-serif;
  position: relative;
  margin-bottom: 50px;
  position: relative;}


}
.top-header{
    display: flex;
    background-color: #002c5b;
    height: 50px;
    justify-content: space-between;
    padding: 0px 5%;
align-items: center;
;
box-sizing: border-box;
position: relative;
}
ul,li{margin: 0px;padding: 0px;}
.bottom-header.dontmove{
  position: fixed;
  z-index: 60;
  left: 0;
  width: 100%;
  top: 0;
  animation: head 0.4s linear;
  -webkit-box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
  box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
}
.bottom-header{transition: 0.3s linear;}

@keyframes head{
  0%{
      transform: translateY(-50px);

  }100%{
      transform: translateY(0px);

  }
}



.contacts .id-no li{
    display: inline;
    margin: 0px 10px;
    position: relative;
}
.contacts .id-no li a,i{
    color: white;
    font-size: 13px;
    transition: 0.1s linear;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    margin: 0px 0px 0px 3px;
   

}
.contacts .id-no li a:hover{color: #fc6a20 !important;}
.contacts .id-no li a:focus{color: #fc6a20 !important;}



.social-icons a{color: white;
    text-transform: capitalize;
text-decoration: none;
font-family: "Poppins",Arial,Helvetica,sans-serif;
margin: 0px 10px;
font-size: 13px;
position: relative;

}
.social-icons a:hover,.social-icons a:focus,.social-icons i:hover{color: #fc6a20 !important;}
.social-icons a::before{height: 20px;
    background-color: rgba(128, 128, 128, 0.397);
    fill:  rgba(128, 128, 128, 0.397);
    width: 1px;
    right: -11px;
    top: 1%;
    transform: translate(-50%);
    content: '';
    position: absolute;
}
.social-icons button a:focus{color: #002c5b !important;}
.social-icons button a::before{content: unset;}
.social-icons button{background-color: #fc6a20;
border: none;
border-radius: unset !important;
transition: 0.3s linear;
cursor: pointer !important;
height: 50px !important;
}
.social-icons button:hover{background-color: white;color: #002c5b;}
.social-icons button a{font-size: 13px;margin: 12px; ;}
.social-icons button:hover a{color: #002c5b;}

.contain{max-width: 1250px;}
.bars{display: none;}

.bars i{color: black !important;
    font-size: 28px;
    
}

.drop-down:hover .drop-down-box{display: block;}
.drop-down{position: relative !important;}
.drop-down-box{position: absolute;
  margin: 0px !important;
  padding: 0px !important;
  background-color: white;
left: 20px;width: 250px;top: 65px;
box-shadow: 1px -1px 5px rgba(209, 209, 209, 0.685);
box-sizing: border-box;
display: none;
transition: 0.2s linear;
z-index: 10;
}
.drop-down-box li a::before{content: none !important;}
.drop-down-box li a{

  font-weight: 400;
  display: block;
  padding: 14px 0px 14px 15px !important;
  font-size: 12px !important;
  line-height: 18px;
  color: #7d8791;
  transition: 0.3s linear;
  
  border-bottom: 0.5px  solid rgb(214, 214, 214);

}
.single-pic{box-sizing: border-box;padding: 10px;}
.single-pic  img{
  width: 100%;
}
@media(max-width:1200px){
  .navigations nav .tabs li {
    padding: 22px 0px 22px 20px !important;
    list-style-type: none;
}
.bottom-header{padding: 0px 5% !important;}
}
@media(max-width:990px){
 .bottom-header{justify-content: space-around !important;}
 .bottom-header{padding: 0px 20px !important;}
  .drop-down:hover .drop-down-box{display: none;}
  .active{background-color: #002c5b;}
  .active a{color: white !important;}
  .navigations nav .tabs li:hover .alin,.active a{color: white !important;}
  .drop-down.show .drop-down-box{display: block !important;}
  .drop-down.show .navigations nav .tabs li{color: white !important;}
  .pair{flex-direction: column;justify-content: space-between !important;height: 150px;}

  .navigations nav::-webkit-scrollbar{display: none;}
  .navigations nav{position: absolute;
    -ms-overflow-style: none; 
    left: -250px;
    height: 400px;
    overflow-y: scroll;
    z-index: 10;background-color: #fff;
    top:92px;
    transition: 0.3s linear;
    width: 250px;}
    .bars{display: block;cursor: pointer;}
  .navigations nav .tabs{display: flex;flex-direction: column;}
  .drop-down-box{position: relative !important;top: 14px;left: -10px !important;
box-shadow: unset !important;
margin: 0px !important;
  }
  .navigations nav .tabs li{padding: 15px 0px 15px 10px !important;
    list-style-type: none;
    
    
    }
    .slide__text{top: unset !important;}
    .slide__text-desc {
      font-size: 20px !important;text-align: center !important;
      transform: translateY(100%);
    }
    .slider-container{height: 300px !important;}
    .drop-down-box li{border-bottom:1px rgb(209, 209, 209) solid ;}
    .drop-down-box li a{padding: 5px 0px 5px 10px !important;border-bottom: none;}
    .drop-down-box li:hover a{ padding:5px 0px 5px 10px !important;}
    .drop-down-box li:hover::before{content: none !important;}
  .drop-down-box li:hover{background-color: #f8f9fa;}
  .navigations nav .tabs li:hover .alin,.active a{color: white !important;}
  .navigations nav .tabs li a{color: #002c5b;}
  .navigations nav .tabs li:hover{background-color:#002c5b;}
  .drop-down-box li:hover a{color: white !important;}
  .navigations nav .tabs li a::before {
    content: "";
    height: 1.5px;
    width: 0px;
    bottom: 0px;
    background-color: #fff !important;
     fill: #fff !important;
    position: absolute;
    transition: 0.3s linear;

}
.navigations nav.give{left: 0;}
 

     
  }
.drop-down-box li{ margin: 0px; border-left: 0px solid #fc6a20;
  padding: 0px !important; transition: 0.3s linear;position: relative;}
.drop-down-box li::before{height: 1px;top: 50%;opacity: 0;
  background-color: #fc6a20;transition: 0.2s linear;
  width: 5px;content:"";
  position: absolute;}
  .drop-down-box li:hover::before{opacity: 1;top: 0;height: 100%;}
  .drop-down-box li:hover{background-color: #f8f9fa;}

 
 .drop-down-box li:hover a{ padding: 14px 0px 14px 20px;}

.bottom-header{background-color: white;
    fill: white;
height: 90px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0px 10%;
box-sizing: border-box;
}
.bottom-header .logo img{
    width: 200px;
   
    object-fit:contain ;
}
.navigations nav .tabs{display: flex;}
.navigations nav .tabs li{padding: 22px 0px 22px 34px;
list-style-type: none;


}
.navigations nav .tabs li a::before{
    content: "";
    height: 1.5px;
    width:0px;
    bottom: 0px;
    background-color: #fc6a20;
    fill: #fc6a20;
    position: absolute;
    transition: 0.3s linear;
    
   
}
.unactive a::before{content: unset !important;}
.navigations nav .tabs li:hover a::before,.active a::before{
    width: 20px !important;} 

.navigations nav .tabs li a{
    color: #002c5b;
    position: relative;
    font-size: 17px;
    font-weight: 500;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
    letter-spacing: 0.5px;
    transition: 0.2s linear;
    text-transform: capitalize;


}
header{position: relative;}

.navigations nav .tabs li:hover .alin,.active a{color: #fc6a20}







  *, *:before, *:after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
  
 
  
  
  
  svg {
    display: block;
    overflow: visible;
  }
  .slide__text-desc{font-size: 67px;
    text-align: left;
    text-shadow: 1px 1px 2px rgba(224, 215, 215, 0.137);
    font-weight: 600;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
    line-height: unset !important;
    white-space: nowrap;}
    .slide__text-desc span{color: #fc6a20;}
  .slide__text-heading{font-size: 20px !important;
    font-family: 'Poppins', sans-serif;
    position: relative;
    padding: 0px 0px 0px 8px;
    text-transform: uppercase;
    
}
.slide__text-heading::before{position: absolute;
height: 25px;width:3px;
background-color: #fc6a20;
fill: #fc6a20;
content: "";
left: 0px;
top: 0px;
}

.slide__text a{color: white !important;margin-top: -30px;}
.slide__text-link{font-size: 17px !important;
    white-space: nowrap;
    color: white !important;
    font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
}
  .slider-container {
    position: relative;
    height: 81.2vh;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: all-scroll;
    overflow: hidden;
  }
  
  .slider-control {
    z-index: 2;
    position: absolute;
    top: 0;
    width: 12%;
    height: 600px;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    will-change: opacity;
    opacity: 0;
  }
  .slider-control.inactive:hover {
    cursor: auto;
  }
  .slider-control:not(.inactive):hover {
    opacity: 1;
    cursor: pointer;
  }
  .slider-control.left {
    left: 0;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.18)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 100%);
  }
  .slider-control.right {
    right: 0;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.18)));
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 100%);
  }
  
  .slider-pagi {
    position: absolute;
    z-index: 3;
    left: 50%;
    bottom: 2rem;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    font-size: 0;
    list-style-type: none;
  }
  .slider-pagi__elem {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 2rem;
    height: 2rem;
    margin: 0 0.5rem;
    border-radius: 50%;
    border: 2px solid #fff;
    cursor: pointer;
  }
  .slider-pagi__elem:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1.2rem;
    height: 1.2rem;
    background: #fff;
    border-radius: 50%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
  }
  .slider-pagi__elem.active:before, .slider-pagi__elem:hover:before {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  
  .slider {
    z-index: 1;
    position: relative;
    height: 100%;
  }
  .slider.animating {
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    will-change: transform;
  }
  .slider.animating .slide__bg {
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    will-change: transform;
  }
  
  .slide {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .slide.active .slide__overlay,
  .slide.active .slide__text {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .slide__bg {
    position: absolute;
    top: 0;
    left: -50%;
    width: 100%;
    height: 100%;
    background-size: cover;
    will-change: transform;
  }
  .slide:nth-child(1) {
    left: 0;
  }
  .slide:nth-child(1) .slide__bg {
    left: 0;
    background-image: url(bg-image/slider-mainbg-005.jpg);
  }
  .slide:nth-child(1) .slide__overlay-path {
    fill: rgba(0, 30, 63, 0.93);;
  }
  @media (max-width: 991px) {
    .slide:nth-child(1) .slide__text {
      background-color: rgba(0, 30, 63, 0.93);
    }
  }
  .slide:nth-child(2) {
    left: 100%;
  }
  .slide:nth-child(2) .slide__bg {
    left: -50%;
    background-image: url(bg-image/slider-mainbg-006.jpg);
  }
  .slide:nth-child(2) .slide__overlay-path {
    fill: rgba(0, 30, 63, 0.93);;;
  }
  @media (max-width: 991px) {
    .slide:nth-child(2) .slide__text {
      background-color: rgba(0, 30, 63, 0.93);
    }
  }
  .slide:nth-child(3) {
    left: 200%;
  }
  .slide:nth-child(3) .slide__bg {
    left: -100%;
    background-image: url(bg-image/slider-mainbg-008.jpg);
    background-position: center;
  }
  .slide:nth-child(3) .slide__overlay-path {
    fill: rgba(0, 30, 63, 0.93);;
  }
  @media (max-width: 991px) {
    .slide:nth-child(3) .slide__text {
      background-color: rgba(0, 30, 63, 0.93);
      background-position: center;
    }
    
  }
  .slide:nth-child(4) {
    left: 300%;
  }
  .slide:nth-child(4) .slide__bg {
    left: -150%;
    background-image: url(bg-image/slider-mainbg-007.jpg);
    background-position: center;
  }
  .slide:nth-child(4) .slide__overlay-path {
    fill: rgba(0, 30, 63, 0.93);;;
  }
  @media (max-width: 991px) {
    .slide:nth-child(4) .slide__text {
      background-color: rgba(0, 30, 63, 0.93);
    }
  }
  .slide__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .slide__overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    min-height: 810px;
    -webkit-transition: opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;
    transition: opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;
    transition: transform 0.5s 0.5s, opacity 0.2s 0.5s;
    transition: transform 0.5s 0.5s, opacity 0.2s 0.5s, -webkit-transform 0.5s 0.5s;
    will-change: transform, opacity;
    -webkit-transform: translate3d(-20%, 0, 0);
            transform: translate3d(-20%, 0, 0);
    opacity: 0;
  }
  @media (max-width: 991px) {
    .slide__overlay {
      display: none;
    }
  }
  .slide__overlay path {
    opacity: 0.8;
  }
  h1:focus:hover,h2:focus:hover,h3:focus:hover,h4:focus:hover,h5:focus:hover{
    color: none !important;
  }
  .slide__text {
    position: absolute;
    width: 25%;
    top: 24%;
    left: 17%;
    color: #fff;
    -webkit-transition: opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
    transition: opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
    transition: transform 0.5s 0.8s, opacity 0.5s 0.8s;
    transition: transform 0.5s 0.8s, opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
    will-change: transform, opacity;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    opacity: 0;
  }
  @media (max-width: 991px) {
    .slide__text {
      left: 0;
      bottom: 0;
      width: 100%;
      height: 20rem;
      text-align: center;
      -webkit-transform: translateY(50%);
              transform: translateY(50%);
      -webkit-transition: opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
      transition: opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
      transition: transform 0.5s 0.5s, opacity 0.5s 0.5s;
      transition: transform 0.5s 0.5s, opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
      padding: 0 1rem;
    }
  }
  .slide__text-heading {
    font-family: "Polar", Helvetica, Arial, sans-serif;
    font-size: 5rem;
    margin-bottom: 2rem;
    color: white !important;
  }
  @media (max-width: 991px) {
    .slide__text-heading {
      line-height: 20rem;
     display: none;
      font-size: 3.5rem;
    }
  }
  .slide__text-desc {
   
    margin-bottom: 1.5rem;
  }
  
  .slide__text-link {
    z-index: 5;
    display: inline-block;
    position: relative;
    padding: 0.5rem;
    cursor: pointer;
    
    font-size: 2.3rem;
    -webkit-perspective: 1000px;
            perspective: 1000px;
  }
  @media (max-width: 991px) {
    .slide__text-link {
      display: none;
    }
  }
 
  
.about-us-content{padding:50px 50px !important;user-select: none;}
.about-us{margin-top: 80px;
  
}
.single-pic{box-sizing: border-box;}
.about-us-content p{    font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 23px;
  letter-spacing: 0.5px;
  color: #7d8791;
  font-family: 'Poppins', sans-serif;

}
.about-us-content h1::before{
  content: "";
  height: 5px;
  width: 90px;
  background-color: #002c5b;
  border-left: 45px solid #fc6a20;
  position: absolute;bottom: -9px;
}
.about-us-content h1{
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
    font-size: 36px;
    line-height: 46px;
    position: relative;
    color: #002c5b;
}
.about-us-content p1{
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    color: #7d8791;
    display: block;
    margin-top: 20px !important;

}
.about-us-content .abou-us-details li{
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 25px;
  position: relative;
  color: #7d8791;
  list-style-type: none;
  margin-left: 20px;
  
} 
.about-us-content .abou-us-details li::before{
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  border: 1.5px #fc6a20 solid;
  border-radius: 50%;
  left: -20px;
  top: 7px;
}

.pair{display: flex;
  margin: 50px 0px;
}
.pair .founder h2{
  font-weight: 600;
  font-size: 35px;
  line-height: 28px;
  color: #002c5b;
  font-family: 'Poppins', sans-serif;

}
.pair .founder p3{
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
    font-size: 12px;
    line-height: 25px;
    color: #7d8791;
}
.pair .signature{margin-left: 30px;}


  .top-items
  {text-align: center;
    margin-bottom: -150px;
    width: 100%;
    margin-top: 100px;
    position: relative;z-index: 10;}
  .top-items h1{
    font-weight: 600;
    text-transform: capitalize;
    font-size: 36px;
    line-height: 46px;
    line-height: 19px;
    color: #002c5b;
    font-family: 'Poppins', sans-serif;
    position: relative;
  }
  .top-items .asss::before{position: absolute;
  width: 90px;
  height: 6px;
  content: "";
  border-left: #fc6a20 solid 45px;
  background-color: #002c5b !important;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);

  }
.top-items p{
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 23px;
  letter-spacing: 0.5px;
  color: #7d8791;}

.testimonials.testimonials1{
  background-color: #ddd;
  background-image:url(bg-image/row-bgimage-9.png);
  background-position: center;
  background-size: contain;
  position: relative;
  padding-top: 250px;
  padding-bottom: 100px;
}
.item1{box-shadow: 1px 1px 7px rgb(182, 182, 182);}
  
  .item1{overflow: hidden !important;}
  .item1:hover img{filter: blur(2px);transform: scale(1.2);}
.owl-carousel .owl-item img {
border: 5px solid rgb(243, 243, 243);
transition: 0.3s linear;
width: 100%;
margin: 0px;
padding: 0px;
}
.item1 .plus2 i{
  font-size: 20px;
  color: #fc6a20;
  line-height: 70px;
  transition: 0.3s linear;
  background-color: transparent;
  height: 40px;width: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.item1:hover .plus2 i{background-color: #fc6a20;height: 40px;width: 40px;border-radius: 50%;
  transform: rotatey(-180deg);
  margin-top: 30px;margin-left: 5px;
  color: white;display: flex;justify-content: center;align-items: center;font-size: 25px;

}
.item1:hover .plus{bottom: 50%;right: 43%;}
.item1 .plus2{position: absolute;
  background-color: #f4f4f4;
  height: 100%;
  top: 0px;
  text-align: center;
  
  left: -50px;
  width: 50px;}
.item1 .plus{
  position: absolute;
  transition: 0.3s  linear;
  color: white;
  z-index: 100;
  font-size: 40px;
  background-color: #fc6a20;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  text-align: center;
  right: 25px;
  bottom: 44%;
  display: flex;
  justify-content: center;
  line-height: 52px;
}

a:hover,a:focus{color: unset !important}
a{text-decoration: none !important;}
#customers-testimonials .item-details {
  background-color: #fff;
  color: #002c5b;
  width: 73%;
  position: absolute;
  right: 7%;
  z-index: 10;
  
 bottom: 20px;
  padding: 20px 10px;
  text-align: left;
  font-family: 'Poppins', sans-serif;
}
#customers-testimonials .item-details h5 {
  margin: 0 0 15px;
  font-size: 18px;
  line-height: 18px;
  font-family: 'Poppins', sans-serif;
}
#customers-testimonials .item-details h5 span {
  color: red;
  float: right;
  padding-right: 20px;
}
#customers-testimonials .item-details p {
  font-size: 14px;
}
#customers-testimonials .item1 {
  text-align: center;
  margin-bottom: 80px;
}

.owl-carousel .owl-nav [class*='owl-'] {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.owl-carousel .owl-nav [class*='owl-'].disabled:hover {
  background-color: #D6D6D6;
}

.owl-carousel {
  position: relative;
}






ol, ul{margin: 0px !important;}











.new_footer_area {
  background: #fbfbfd;
}


.new_footer_top {
  padding: 120px 0px 270px;
  position: relative;
    overflow-x: hidden;
}
.new_footer_area .footer_bottom {
  padding-top: 5px;
  
}
.footer_bottom {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  color: #7f88a6;
  padding: 27px 0px;
}
.new_footer_top .company_widget p {
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
  color: #6a7695;
  margin-bottom: 20px;
}
.new_footer_top .company_widget .f_subscribe_two .btn_get {
  border-width: 1px;
  margin-top: 20px;
}
.btn_get_two:hover {
  background: transparent;
  color: #fc6a20;
}
.btn_get:hover {
  color: #fff;
  background: #fc6a20;
  border-color: #fc6a20;
  -webkit-box-shadow: none;
  box-shadow: none;
}
a:hover, a:focus, .btn:hover, .btn:focus, button:hover, button:focus {
  text-decoration: none;
  outline: none;
}
.working{text-align: center;
  padding: 80px 0px;
  position: relative;
  margin-bottom: -180px;z-index: 50;}
.working p{
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 23px;
  letter-spacing: 0.5px;
  color: #7d8791;

}
.working h1{
  font-weight: 600;
  text-transform: capitalize;
  font-size: 36px;
  
  
  color: #002c5b;
  font-family: 'Poppins', sans-serif;
  position: relative
}
.working h1::before{
  content: "";
  position: absolute;
  width: 90px;
  background-color: #002c5b;
  border-left: 45px solid #fc6a20;
  height: 5px;
  bottom: -10px;
  transform: translate(-50%);
  left: 50%;
}


.remote{box-sizing: border-box;margin-top: 80px;}
.remote .cell{box-sizing: border-box;
  margin: 0px !important;
  padding: 0px 0px !important;
  margin: 0px 0px !important;
position: relative;
text-align: center;
cursor: pointer;
border: 6px solid white;
box-shadow: rgba(202, 201, 201, 0.315) 4px 1px 8px;



}
.remote .cell img{width: 100%;}
.remote .cell::before{width: 50%;
  height: 0px;
  background-color: #002c5b;
  opacity: 0.80;

content: "" !important;
position: absolute;
left: 0px;
transition: 0.2s linear;
top: 0px;


}
.centre-content{
  position: absolute;
  top: 50%;
  text-align: center;
  right: 50%;
  display: flex;
  flex-direction: column;
 transform: translate3d(50%,-50%,0);
z-index: 10;
transition: 0.2s linear;
opacity: 0;
}
  
  
  
  .centre-content i{color:white ;font-size: 20px;padding: 0px 0px 10px 0px !important;display: block;}
  .centre-content p6,p7{color: white;
    font-family: 'Poppins', sans-serif;}
  .centre-content p6{font-size: 15px;font-family: 'Poppins', sans-serif;}
  .centre-content p7{font-size: 25px;font-family: 'Poppins', sans-serif;}
  .centre-content p7:hover{color: #fc6a20 !important;}
.remote .cell::after{width: 50%;height: 0px;
  background-color: #002c5b;
  opacity: 0.80;
  
content: "";
position: absolute;
right: 0px;
bottom: 0px;
transition: 0.3s linear;
  }
  .remote .cell:hover .centre-content{opacity: 1;
    animation: up 0.3s linear;}
    @keyframes up{
      0%{
opacity: 0;
        transform: translate3d(50%,52%,0);
      }100%{
        opacity: 1;
        transform: translate3d(50%,-50%,0);
      }
    }
  
  .remote .cell:hover::before, .remote .cell:hover::after{
  height: 100%;
  }


.new_footer_top .f_widget.about-widget .f_list li a:hover {
  color: #fc6a20 !important;
}
.new_footer_top .f_widget.about-widget .f_list li {
  margin-bottom: 11px;
}
.f_widget.about-widget .f_list li:last-child {
  margin-bottom: 0px;
}
.f_widget.about-widget .f_list li {
  margin-bottom: 15px;
}
.f_widget.about-widget .f_list {
  margin-bottom: 0px;
}
.new_footer_top .f_social_icon a {
  width: 44px;
  height: 44px;
  line-height: 43px;
  background: transparent;
  border: 1px solid #e2e2eb;
  font-size: 24px;
}
.f_social_icon a {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  font-size: 14px;
  line-height: 45px;
  color: #858da8;
  display: inline-block;
  background: #ebeef5;
  text-align: center;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.ti-facebook:before {
  content: "\e741";
}
.ti-twitter-alt:before {
  content: "\e74b";
}
.ti-vimeo-alt:before {
  content: "\e74a";
}
.ti-pinterest:before {
  content: "\e731";
}

.btn_get_two {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fc6a20;
  border-color: #5e2ced;
  color: #fff;
}

.btn_get_two:hover {
  background: transparent;
  color: #fc6a20;
}

.new_footer_top .f_social_icon a:hover {
  background: #fc6a20;
  border-color: #fc6a20;
color:white !important;
}
.new_footer_top .f_social_icon a + a {
  margin-left: 4px;
}
.new_footer_top .f-title {
  margin-bottom: 30px;
  color: #263b5e;
}
.f_600 {
  font-weight: 600;
}
.f_size_18 {
  font-size: 18px;
}
h1, h2, h3, h4, h5, h6 {
  color: #4b505e !important;
}
.new_footer_top .f_widget.about-widget .f_list li a {
  color: #6a7695;
  font-size: 16px;
}


.new_footer_top .footer_bg {
  position: absolute;
  bottom: 0;
  background: url("bg-image/footer_bg.png") no-repeat scroll center 0;
  width: 100%;
  height: 266px;
}

.new_footer_top .footer_bg .footer_bg_one {
  background: url("https://tenor.com/XsF9.gif") no-repeat center center;
  width: 330px;
  height: 105px;
background-size:100%;
  position: absolute;
  bottom: 0;
  left: 30%;
  -webkit-animation: myfirst 22s linear infinite;
  animation: myfirst 22s linear infinite;
}
.new_footer_top .f_widget.about-widget .f_list li{visibility: visible !important;}
.new_footer_top .footer_bg .footer_bg_two {
  background: url("https://1.bp.blogspot.com/-hjgfxUW1o1g/Xck--XOdlxI/AAAAAAAAT_4/JWYFJl83usgRFMvRfoKkSDGd--_Sv04UQCLcBGAsYHQ/s1600/cyclist.gif") no-repeat center center;
  width: 88px;
  height: 100px;
background-size:100%;
  bottom: 0;
  left: 38%;
  position: absolute;
  -webkit-animation: myfirst 30s linear infinite;
  animation: myfirst 30s linear infinite;
}



@-moz-keyframes myfirst {
0% {
  left: -25%;
}
100% {
  left: 100%;
}
}

@-webkit-keyframes myfirst {
0% {
  left: -25%;
}
100% {
  left: 100%;
}
}

@keyframes myfirst {
0% {
  left: -25%;
}
100% {
  left: 100%;
}
}

.shadow-effect2 {
  background: transparent;
  padding: 20px;
  border-radius: 4px;
  text-align: center;
border:1px solid transparent;
 
}
#customers-testimonials2 .shadow-effect2 p {
  font-family: inherit;
  font-size: 17px;
  line-height: 1.5;
  margin: 0 0 17px 0;
  font-weight: 300;
  color: white;
}
.testimonial-name2 {
  margin: -17px auto 0;
  display: table;
  width: auto;
  background: #fc6a20;
  padding: 9px 35px;
  border-radius: 12px;
  text-align: center;
  color: #fff !important;
  box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05);
}
#customers-testimonials2 .item2 {
  text-align: center;
  padding: 50px 20px;
  margin-bottom:80px;
  opacity: 0.5;
  -webkit-transform: scale3d(0.8, 0.8, 1);
  transform: scale3d(0.8, 0.8, 1);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
 
}
.testipera{    
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 2px;
  letter-spacing: 0.5px;
  color: white !important;
  display: block;
  text-align: center;
  z-index: 10;
  position: relative;
}
.testihead{
  font-weight: 600;
    text-transform: capitalize;
    font-size: 36px;
    color: white !important;
    font-family: 'Poppins', sans-serif;
    position: relative;
    display: block;
    text-align: center;
    margin-bottom: 70px;

}
.testihead::before{
  position: absolute;
  content: "";
  background-color: #002c5b;
  border-left: 45px solid #fff; 
  height: 5px;width: 90px;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
}
#customers-testimonials2 .owl-item.active.center .shadow-effect2 {
  background-color: #002c5b;
  box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);
  border:1px solid #002c5b;
}
#customers-testimonials2 .owl-item.active.center .item2 {
  opacity: 1;
  -webkit-transform: scale3d(1.0, 1.0, 1);
  transform: scale3d(1.0, 1.0, 1);
}
.owl-carousel2 .owl-item img {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  

}
.testimonial3{background-color: #fc6a20;
  padding: 200px 0px 40px 0px;
  position: relative;}
.testimonial3::before{background-image: url(bg-image/row-map-11.png);
  height: 100%;
  width:100%;
content: "";
position: absolute;
top: 0px;
opacity: 0.25;
background-repeat: no-repeat;
background-position: center;
}
.img-circle{width: 100px !important;
  position: relative;
  left: 50%;
  transform: translateX(-50%);

 margin-bottom:20px !important;
  height: 100px !important;}
.item:hover .owl-item img{transform: scale(1) !important;}
#customers-testimonials2.owl-carousel2 .owl-dots .owl-dot.active span,
#customers-testimonials2.owl-carousel2 .owl-dots .owl-dot:hover span {
  background: #3190E7;
  -webkit-transform: translate3d(0px, -50%, 0px) scale(0.7);
          transform: translate3d(0px, -50%, 0px) scale(0.7);
}
#customers-testimonials2.owl-carousel2 .owl-dots{
display: inline-block;
width: 100%;
text-align: center;
}
#customers-testimonials2.owl-carousel2 .owl-dots .owl-dot{
display: inline-block;
}
.our-team {
  padding: 30px 0 40px;
  margin-bottom: 30px;
  background-color: #ffffff;
  text-align: center;
  overflow: hidden;
  position: relative;
  box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05);
}

.our-team .picture {
  display: inline-block;
  height: 200px;
  width: 100%;
  margin-bottom: 50px;
  z-index: 1;
  position: relative;
}

.our-team .picture::before {
  content: "";
  width: 100%;
  height: 0;
  border-radius: 50%;
  background-color: #002c5b;
  position: absolute;
  bottom: 135%;
  right: 0;
  left: 0;
  opacity: 0.9;
  transform: scale(3);
  transition: all 0.3s linear 0s;
}

.our-team:hover .picture::before {
  height: 100%;
}



.our-team .picture img {
  width: 100%;
  height: 100% !important;
  object-fit: contain;
  
  transform: scale(1);
  transition: all 0.9s ease 0s;
}



.our-team .title {
  display: block;
  font-size: 15px;
  color: #4e5052;
  text-transform: capitalize;
}

.our-team .social {
  width: 100%;
  padding: 0;
  margin: 0;
  background-color: #fc6a20;
  position: absolute;
  bottom: -100px;
  left: 0;
  transition: all 0.5s ease 0s;
}

.our-team:hover .social {
  bottom: 0;
}

.our-team .social li {
  display: inline-block;
}

.our-team .social li a {
  display: block;
  padding: 10px;
  font-size: 17px;
  color: white;
  transition: all 0.3s ease 0s;
  text-decoration: none;
}

.our-team .social li a:hover {
  color: #fc6a20;
  background-color: #f7f5ec;
}
.team{
  padding: 90px 0px 80px 0px;
 margin-top: 0px; 
 background-color: white;
 position: relative;
}
.team::before{position: absolute;
  background-image: url(bg-image/row-bgimage-9.png);
  height: 100%;
  width: 100%;
  opacity: 0.09;
  top: 0;
  background-position: center;
  background-repeat: no-repeat;background-size: cover;

  content: "";
}
.testihead2{
  font-weight: 600;
  text-transform: capitalize;
  font-size: 36px;
  color: black !important;
  font-family: 'Poppins', sans-serif;
  position: relative;
  display: block;
  text-align: center;
  margin-bottom: 90px;
}
.testipera2{
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 2px;
  letter-spacing: 0.5px;
  color:#7d8791 !important;
  display: block;
  text-align: center;
  z-index: 10;
  position: relative;
}
.testihead2::before{
  position: absolute;
  content: "";
  background-color: #002c5b;
  border-right: 45px solid #fc6a20; 
  height: 5px;width: 90px;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
}
    .progress{margin-top: 20px;}
.line{margin-top: 30px !important;}
.repair-image p{
    font-family: "Poppins",Tahoma,Geneva,sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    color: #7d8791;
    
}




.img-gaaler h1{font-weight: 600;
  text-transform: capitalize;
  font-size: 36px;
  line-height: 46px;
  line-height: 19px;
  color: #002c5b;
  font-family: 'Poppins', sans-serif;
  position: relative;
  margin-bottom: 50px;
  position: relative;
  
}
.img-gaaler h1::before{
  position: absolute;
  content: "";
  background-color: #002c5b;
  height: 5px;
  width: 90px;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  border-left: 45px solid #fc6a20;
}
.img-gaaler{text-align: center;margin: 80px 0px;}
.img-gaaler p{
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 23px;
  letter-spacing: 0.5px;
  color: #7d8791;
  
}



ol, ul{margin: 0px !important;}











.new_footer_area {z-index: 30;position: relative;
  background: #ffffff;
}


.new_footer_top {
  padding: 120px 0px 270px;
  position: relative;
    overflow-x: hidden;
}
.new_footer_area .footer_bottom {
  padding-top: 5px;
  
}
.footer_bottom {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  color: #7f88a6;
  padding: 27px 0px;
}
.new_footer_top .company_widget p {
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
  color: #6a7695;
  margin-bottom: 20px;
}
.new_footer_top .company_widget .f_subscribe_two .btn_get {
  border-width: 1px;
  margin-top: 20px;
}
.btn_get_two:hover {
  background: transparent;
  color: #fc6a20;
}
.btn_get:hover {
  color: #fff;
  background: #fc6a20;
  border-color: #fc6a20;
  -webkit-box-shadow: none;
  box-shadow: none;
}
a:hover, a:focus, .btn:hover, .btn:focus, button:hover, button:focus {
  text-decoration: none;
  outline: none;
}
.working{text-align: center;
  padding: 80px 0px;
  position: relative;
  margin-bottom: -180px;z-index: 50;}
.working p{
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 23px;
  letter-spacing: 0.5px;
  color: #7d8791;

}
.working h1{
  font-weight: 600;
  text-transform: capitalize;
  font-size: 36px;
  
  
  color: #002c5b;
  font-family: 'Poppins', sans-serif;
  position: relative
}
.working h1::before{
  content: "";
  position: absolute;
  width: 90px;
  background-color: #002c5b;
  border-left: 45px solid #fc6a20;
  height: 5px;
  bottom: -10px;
  transform: translate(-50%);
  left: 50%;
}


.remote{box-sizing: border-box;margin-top: 80px;}
.remote .cell{box-sizing: border-box;
  margin: 0px !important;
  padding: 0px 0px !important;
  margin: 0px 0px !important;
position: relative;
text-align: center;
cursor: pointer;
border: 6px solid white;
box-shadow: rgba(202, 201, 201, 0.315) 4px 1px 8px;



}
.remote .cell img{width: 100%;}
.remote .cell::before{width: 50%;
  height: 0px;
  background-color: #002c5b;
  opacity: 0.80;

content: "" !important;
position: absolute;
left: 0px;
transition: 0.2s linear;
top: 0px;


}
.centre-content{
  position: absolute;
  top: 50%;
  text-align: center;
  right: 50%;
  display: flex;
  flex-direction: column;
 transform: translate3d(50%,-50%,0);
z-index: 10;
transition: 0.2s linear;
opacity: 0;
}
  
  
  
  .centre-content i{color:white ;font-size: 20px;padding: 0px 0px 10px 0px !important;display: block;}
  .centre-content p6,p7{color: white;
    font-family: 'Poppins', sans-serif;}
  .centre-content p6{font-size: 15px;font-family: 'Poppins', sans-serif;}
  .centre-content p7{font-size: 25px;font-family: 'Poppins', sans-serif;}
  .centre-content p7:hover{color: #fc6a20 !important;}
.remote .cell::after{width: 50%;height: 0px;
  background-color: #002c5b;
  opacity: 0.80;
  
content: "";
position: absolute;
right: 0px;
bottom: 0px;
transition: 0.3s linear;
  }
  .remote .cell:hover .centre-content{opacity: 1;
    animation: up 0.3s linear;}
    @keyframes up{
      0%{
opacity: 0;
        transform: translate3d(50%,52%,0);
      }100%{
        opacity: 1;
        transform: translate3d(50%,-50%,0);
      }
    }
  
  .remote .cell:hover::before, .remote .cell:hover::after{
  height: 100%;
  }


.new_footer_top .f_widget.about-widget .f_list li a:hover {
  color: #fc6a20 !important;
}
.new_footer_top .f_widget.about-widget .f_list li {
  margin-bottom: 11px;
}
.f_widget.about-widget .f_list li:last-child {
  margin-bottom: 0px;
}
.f_widget.about-widget .f_list li {
  margin-bottom: 15px;
}
.f_widget.about-widget .f_list {
  margin-bottom: 0px;
}
.new_footer_top .f_social_icon a {
  width: 44px;
  height: 44px;
  line-height: 43px;
  background: transparent;
  border: 1px solid #e2e2eb;
  font-size: 24px;
}
.f_social_icon a {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  font-size: 14px;
  line-height: 45px;
  color: #858da8;
  display: inline-block;
  background: #ebeef5;
  text-align: center;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.ti-facebook:before {
  content: "\e741";
}
.ti-twitter-alt:before {
  content: "\e74b";
}
.ti-vimeo-alt:before {
  content: "\e74a";
}
.ti-pinterest:before {
  content: "\e731";
}

.btn_get_two {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fc6a20;
  border-color: #5e2ced;
  color: #fff;
}

.btn_get_two:hover {
  background: transparent;
  color: #fc6a20;
}

.new_footer_top .f_social_icon a:hover {
  background: #fc6a20;
  border-color: #fc6a20;
color:white !important;
}
.new_footer_top .f_social_icon a + a {
  margin-left: 4px;
}
.new_footer_top .f-title {
  margin-bottom: 30px;
  color: #263b5e;
}
.f_600 {
  font-weight: 600;
}
.f_size_18 {
  font-size: 18px;
}
h1, h2, h3, h4, h5, h6 {
  color: #4b505e !important;
}
.new_footer_top .f_widget.about-widget .f_list li a {
  color: #6a7695;
  font-size: 16px;
}


.new_footer_top .footer_bg {
  position: absolute;
  bottom: 0;
  background: url("bg-image/footer_bg.png") no-repeat scroll center 0;
  width: 100%;
  height: 266px;
}

.new_footer_top .footer_bg .footer_bg_one {
  background: url("https://tenor.com/XsF9.gif") no-repeat center center;
  width: 330px;
  height: 105px;
background-size:100%;
  position: absolute;
  bottom: 0;
  left: 30%;
  -webkit-animation: myfirst 22s linear infinite;
  animation: myfirst 22s linear infinite;
}
.new_footer_top .f_widget.about-widget .f_list li{visibility: visible !important;}
.new_footer_top .footer_bg .footer_bg_two {
  background: url("https://1.bp.blogspot.com/-hjgfxUW1o1g/Xck--XOdlxI/AAAAAAAAT_4/JWYFJl83usgRFMvRfoKkSDGd--_Sv04UQCLcBGAsYHQ/s1600/cyclist.gif") no-repeat center center;
  width: 88px;
  height: 100px;
background-size:100%;
  bottom: 0;
  left: 38%;
  position: absolute;
  -webkit-animation: myfirst 30s linear infinite;
  animation: myfirst 30s linear infinite;
}



@-moz-keyframes myfirst {
0% {
  left: -25%;
}
100% {
  left: 100%;
}
}

@-webkit-keyframes myfirst {
0% {
  left: -25%;
}
100% {
  left: 100%;
}
}

@keyframes myfirst {
0% {
  left: -25%;
}
100% {
  left: 100%;
}
}