.container-fluid
{
  margin: 0px;
  scroll-behavior:auto;
}

/* -------------------------------------
index page
---------------------------------- */
.meun{
  color: white; 
  font-family: Poppins, sans-serif;
  font-weight: 400;
  font-style: normal;
 letter-spacing: 2px;
}
.image-container {
  position: relative;
  height: 100vh;     
}
.indexnav{
  margin-top:40%; 
 text-align: start;
}
.nav-link{
  color:#fff; 
  font-size: 16px;
   margin: 0px 20px;
}

@media only screen and (max-width: 540px){ 
  .image-container {
  position:absolute;
  height: auto;     
}
.indexlogo{
 width: 50px !important;
 height: 50px !important;
 vertical-align: top;
 margin-top: -330px !important;
}
.mv{
  margin-left: 10% !important;
}
.indexnav{
    margin:-50% !important; 
   display: inline;
 }
}
@media only screen and (max-width: 1100px) and (min-width: 600px){
  .image-container {
  position:absolute;
  height: auto;     
}
.indexlogo{
 width: 50px !important;
 vertical-align: top;
 margin-top: -300px !important;
}
.mv{
  margin-left: 30% !important;
}
}
/* ----------------------------------------------------------------------------- */

.mainslide{
  justify-content: center;
}
#section4{
  display: none;
}
.logocaption{
  position: absolute;
   margin-left: 450px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  z-index: 1;
} 
.image-container {
  position: relative;
  height: 100vh;
  padding: 0;
}
.mid-screen-navbar {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.navbar{
  width: 100%;
}

#myBtn {
  display: none; 
  position: fixed;
  bottom: 20px; 
  right: 30px; 
  z-index: 99; 
  border: none; 
  outline: none; 
  background-color: transparent;
  color: white; 
  cursor: pointer; 
  padding: 15px; 
  border-radius: 10px; 
  font-size: 35px; 

}

#myBtn:hover {
  background-color: #555; 
}
.backbtn{
  position: fixed;
  bottom: 60px; 
  right: 35px; 
  z-index: 99; 
  border: none; 
  outline: none; 
  background-color: transparent;
  color: rgb(0, 0, 0); 
  cursor: pointer; 
  padding: 15px; 
  border-radius: 10px; 
  font-size: 35px; 
  font-weight: bolder;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: 0;
  margin-left: 0;
}
.dropdown-submenu.open > .dropdown-menu{
display: block;
}
.dropdown:hover>.dropdown-menu{
  display: block;
}
.dropdown-submenu:hover> .dropdown-menu{
display: block;
}

.dropdown>.dropdown-toggle:active {
    pointer-events: none;
}
.navbar-toggler:hover{
  border: 1px solid #fff;
}

/*------------------------------ fonts-------------------------------*/
.fontt{
   font-family: "Open Sans", sans-serif;
}
.fontp{
  font-family: "Mukta", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
}
.fonttitle{
  font-family: "Open Sans", sans-serif;
  font-size: 35px !important;
}
.fontsub{
  font-family:"Roboto Slab", serif;
}
.sicon{
  color: #ffffff !important;
  font-size: 20px;
  margin: auto 5px;
  vertical-align: middle;
}
/* -------------------Contact Button----------------------------- */

.contactbtn{
  position: fixed;
  padding: 10px 20px;
  font-size: 22px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: #000000;
  border: none;
  border-radius: 13px;
  bottom: 30px;
  left: 30px;
  transition: all 0.5s;
  margin: 5px;
  z-index: 999;
}

.contactbtn span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.contactbtn span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -25px;
  transition: 0.5s;
}

.contactbtn:hover span {
  padding-right: 25px;
}

.contactbtn:hover span:after {
  opacity: 1;
  right: 0;
}

/* --------------------------------------------------------------- */

/*-------------------------------------------------------------------
Navbar
--------------------------------------------------------------------*/
.nav1{
margin-left: auto;
}
.navbar-brand1{
  margin-top: 15px;
  margin-left: 30px;
}
.logo{
  width:150px;  
  margin-left: 130px;
}
.logo1{
  width:150px; 
   margin-left: 30px;
}
.slide3{
  height: 700px;
}
.slider-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 700px; 
  /* margin-top: -88px; */
}
.slider-caption {
  position: absolute;
  left: 20px; 
  top: 35%;
  transform: translateY(-50%);
  color: #fff;
  z-index: 1;
}
.transparent-menu {
  padding: 10px 20px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}
.builder{
  margin-bottom: 25px;
  font-size: 45px;
  font-weight: bold;
 margin-left: 80px;
}
.builderpara{
  margin-left: 80px;
  text-align: justify;
  font-size: 15px;
}
.offersection{
  margin-bottom: 25px;
  font-size: 30px;
  font-weight: normal;
  margin-left: 140px !important;

}
.offtt{
  font-size: 16px;
  font-weight: bold;
  margin: 10px 0px 0px 0px !important;
}
.filter{
  background-color: rgba(158, 153, 153, 0.5);
  filter: brightness(0.45);
}
.why1{
  display: none;
}
.workimg{
  height:85vh;
}
.wgtitle{
  height: 85vh;
vertical-align: middle;
  
}
/**************section5*******************************/
.section5{
  width: 100%;
  height: auto;
  /* background-color: rgb(44, 44, 44); */
  background-color: #000000;
}

.offerfooter{
  padding-left: 100px;
}
.keepintouch{
  padding-left: 250px;
}
.footer_h6{
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: bold;
  /* letter-spacing: 0.50px; */
  text-align: left;
}
.about_links li, .about_links  .footer_pp{
  margin-bottom: 6px;
}
.footer_a{
  color: #e6e6e6;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: 400px;
  /* letter-spacing: 0.50px; */
  text-align: left;
  /* margin-top: 10px; */
}
.footer_a:hover{
  color: #dbdbdb;
  border-bottom: 1px solid #d1d1d1;
  transition: all 0.3s ease-in-out;
}
.footer hr{
  border-top: 1px solid #7a7a7a !important;
  width: 100%;
  height: 1px;
}
.footer_p{
  color: #e6e6e6;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: 400px;
  /* letter-spacing: 0.50px; */
  text-align: left;
}
.footer_pp{
    color: #e6e6e6;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: 400px;
  /* letter-spacing: 0.50px; */
  text-align: left;
}
.footer_ppp{
  color: #e6e6e6;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: 400px;
  /* letter-spacing: 0.50px; */
  text-align: center;
}

/******** footer*****************************/
.footer{
  width: 100%;
  height: auto;
  background-color: #000000;
  
}
/* --------------------end of footer------------------------- */



/* -----------------------card slider--------------------- */
.slider-container1  {
  position: relative;
  overflow: hidden;
  margin: 20px 40px 80px 40px;
}
.slider-container2 {
  position: relative;
  overflow: hidden;
  margin: 20px 20px 80px 20px;
}

.slider {
  display: flex;
  transition: transform 0.5s ease;
}

.card {
  flex: 0 0 auto;
  width: 400px; 
  height: 300px; 
  margin: 10px;
  background-color: #f0f0f0;
  display: flex;
  justify-content: start;
  margin-top: 5px;
  /* align-items: center; */

}

.prev-btn,
.next-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
}

.prev-btn {
  left: 0;
}

.next-btn {
  right: 0;
}

/*--------------------- end of offering card-------------------------- */

.iconictitle{
  margin-bottom: 25px;
  font-size: 50px;
  font-weight: normal;
}
.salepaviliontitle{
    text-align: center;
    margin-bottom: 25px;
    font-size: 50px;
    font-weight: normal;
}



/*--------------------------- About us--------------------------------- */
.aboutsec{
  margin: 70px 50px !important;
 }
 .offsection{
  margin: 30px 50px !important;
 }
.build{
  margin: 50px 50px 0px 50px;
}
.unique{
   margin-top: auto;
}
    .about{
      margin-bottom: 25px;
      font-size: 50px;  
      /* color: #4C4E52; */
    }
    .aboutpara{
      text-align: justify;
      /* color: #808080; */
      padding-right: 80px;
      font-size:15px;
    }

    .img{
      float: left;
      margin: auto 20px 5px 20px;
      height: 45px;
      width: 45px;
    }
    .flot{
      padding-top: 10px;
      font-size: 15px;
    }
    .offering{
      margin-bottom: 25px;
      font-size: 40px;
      color: #4C4E52; 
    }
    .abouttitle{
      font-size: 23px;
      font-weight: bold;
      /* margin-bottom: 20px; */
      margin-left: 70px;
    }
    .icon{
      margin: 0px 0px 30px 50px;
      color: #808080;

    }
    .clients{
      background-color: #000;
      padding-left: 10px;
      padding-top: 70px;
      padding-bottom: 70px;
      margin-bottom: 20px;
    }
    .ctitle{
      color: #ffffff;
      font-family:Georgia, 'Times New Roman', Times, serif;
      font-weight: bold;
      font-size: 40px;
    }
    .cpara{
      color: #fff;
      font-family: Georgia, 'Times New Roman', Times, serif;
      font-size: 18px;
      font-weight: bold;
    }
    sub{
      font-size: 25px;
    }
    .why{
      margin-bottom: 25px;
      font-size: 50px;
      margin-left: 80px;
      /* color: #4C4E52; */
    }
    .list{
      font-size: 16px;
      /* color: #808080; */
    }
.socialicon{
     background-color: #000;
}
.mailrow{
  margin-right: auto;
}
.socialicon ul li{
 color: #fff;
}
.mail{
  color: #fff !important;
  text-align: end !important;
  font-size: 17px;
  font-family: 'Times New Roman', Times, serif;
}

.counter-box {
	display: block;
	padding: 40px 20px 37px;
	text-align: center
}

.counter-box p {
	margin: 5px 0 0;
	padding: 0;
	color: #909090;
	font-size: 18px;
	font-weight: 500
}

.counter-box.colored p,
.counter-box.colored i,
.counter-box.colored .counter {
	color: #fff
}

/*---------------------------- End of About Us---------------------------- */



/*--------------------------- Projects (Work)----------------------------- */
.projectsec{
  margin: 70px 50px !important;
}
.projectimg{
  margin: 70px 50px 100px 50px !important;
}
.projectbay{
  margin-top: auto; 
  margin-bottom: auto;
}
.projectsimilar{
  margin: 0px 50px 70px 50px !important;
}
.projecthed{
  font-size: 40px;
  font-weight: bold;
}
.projectpara{
    text-align: justify;
    color: #000;
    padding-right: 80px;
    font-size: 15px;
}
.sptitle{
  font-size: 35px;
  font-weight: bold;

}
.sproject{
  margin-top: 10px;
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-weight: bold;
  font-size: 23px;
}
.twork{
  text-align: center; 
  margin-bottom: -35px;
   font-size: 18px;
}
/*-------------------------End of Projects (Work)------------------------- */



/* -------------------------experts---------------------------------------- */
.wminds{
    font-size: 45px;
    font-weight: bold;
   text-align: center;
   margin: 30px 0px;
}
.wmtitle{
  margin-top: 10px;
  font-weight: bold;
  font-size: 21px;
  text-align: center;
}
.expertpara{
  color: black; 
  margin: 0px 20px 10px 20px;  
  text-align: center; 
  font-weight: 500;
  font-size: 15px !important;
}

/*------------------------- end of experts--------------------------- */


/* -------------------------work section ------------------------------*/
.worksection1{
  margin: 40px 60px;
 }
 .workpara{
  font-size: 15px; 
  text-align: justify;
 }
 .workheding{
  margin-left: 70px !important;
  font-size: 40px;
  text-align: center;
 }
/*---------------------------------- end of work section------------------ */

/*---------------------------contact us -------------------------------*/
.cb{
  height: 450px !important ;
}
.contacttitle{
  margin-bottom: 25px;
  font-size: 50px;
  font-weight: normal;
}
.add{
  margin-top: 50px;
}
.addtitle{
  font-size: 22px;
  color: #ffffff;
  font-weight: bold;
 vertical-align: middle;
}
.addpara{
  font-size: 16px;
  color: #ffffff;
  text-align: left;
}
.cform{
  margin-left: auto;
}
.contact .php-email-form {
  width: 100%;
  /* box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12); */
  padding: 30px;
  background: #fff;
}
.contact .php-email-form .form-group {
  padding-bottom: 8px;
}
.contact .php-email-form .form-group .form-control{
  padding-bottom: 8px;
  border: 0;
  border-bottom: 1px solid;
}

.contact .php-email-form input, .contact .php-email-form textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 15px;
}
.contact .php-email-form input {
  height: 44px;
}
.contact .php-email-form textarea {
  padding: 10px 12px;
  height: 100px;
}
.contact .php-email-form button[type=submit] {
  background: #000000;
  border: 0;
  padding: 10px 24px;
  color: #fff;
  transition: 0.4s;
  border-radius: 50px;
  font-size: 15px;
}
.contact .php-email-form button[type=submit]:hover {
  background: #464646;
}
@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

 
.team-section{
	position:relative;
	padding:30px 0px 20px;
}

.team-section .auto-container{
	position:relative;
}

.team-section .title-column{
	position:relative;
}

.team-section .title-column .inner-column{
	position:relative;
	margin-bottom:40px;
}

.team-section .title-column .inner-column .sec-title{
	position:relative;
	margin-bottom:30px;
}

.team-section .title-column .inner-column .text{
	position:relative;
	color:#000000;
	font-size:15px;
	line-height:1.8em;
}
.team_single_img{
  height: 400px;
  width: 400px;
}
.team-social-icons{
	/* padding:10px 10px; */
	border-radius:0px 0px 0px 0px;
	/* background-color:rgba(0, 0, 72,0.8); */
	display:inline-block;
	margin-top: 10px;
}
.team-social-icons li{
	position:relative;
	/* margin:0px 8px; */
	display:inline-block;
}
.team-social-icons li a{
	position:relative;
	font-size: 18px;
	padding: 5px 10px;
	border: 1px solid #ccc;
	box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
	color:#000048;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}
.team-social-icons li a:hover{
	color:#18b8e0;
}
/************ team single page***********************/
.team_single_div{
	padding: 25px 15px;
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.team_single_img{
	width: 100%;
	height: auto;
	border-radius: 15px;
	border: 2px solid #e2e2e2;
}
.team_single_h3{
	   font-size: 25px !important;
    color:#000048;
    font-weight: 700;
    line-height: 1.3em;
	  margin-top:5px;
}


/*------------------------- end of contact us--------------------------- */

/* ---------------------------------------------------------------------- */
/*---------------------------- Mobile View ------------------------------*/

  @media only screen and (max-width: 540px){ 
    .backbtn{
      font-size:28px; 
    }
  
    .imghome{
    height: 550px;
  }
  .workimg{
    height:400px !important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .wgtitle{
    height: 400px;
    font-size: 28px !important;
    vertical-align: middle !important;
  }
  .twork{
     font-size: 18px !important;
  }
  .slider-container {
    height: auto;
  }
  .slide3{
  height: 550px;
  }
    .builder{
      margin-bottom: 25px;
      font-size: 30px;
      font-weight: bold;
     margin-left: 0px;  
     margin-top: 20px;
    }
    .builderpara{
      margin-left: 0px;
      text-align: justify;
      font-size: 15px;
    }
    .offersection{
      margin: 10px 20px 20px 20px !important;
      font-size: 33px;
      font-weight: bold;
   
    }
    .offtt{
      font-size: 18px;
    }
/*----- About us------ */
.navbar-brand1{
  width: 60px !important;
}
.logo{
    width:150px;  
   margin-left: 0px !important;
}
.logo1{
  width:150px; 
   margin-left: 0px !important;
}
   .aboutsec{
    margin-left: -20px;
    margin-top: 10px !important;
   }

   .about{
    margin: 20px auto;
    font-size: 33px;
    text-align: center;
    font-weight: bold;
   }
   .aboutpara{
    text-align: justify;
    padding: 0px;
    font-size: 15px; 
    margin: 10px;
  }
  .imgabout{
    margin-top: 10px;
  }
  .offsection{
    margin-left: -20px;
    font-weight: bold;
  }
  .offering{
    margin-bottom:0px;
    font-size: 30px;
  }
  .build .comm .highend{
  margin: 0px 50px !important;
  }
  .icon{
    margin: 0px 0px 30px 50px !important;
    color: black; 

  }
  .flot{
    padding-top: 10px;
    font-size: 15px;
  }
  .abouttitle{
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-left: 70px;
  }
  .img{
    height: 35px;
    width: 35px;
  }
  .clients{
    padding-top: 20px !important;
    padding-bottom: 30px;
    margin-bottom: 20px;
  }
  .ctitle{
    font-size: 25px;
  }
  .cpara{
    font-size: 15px;
  }
  .why{
    display: none;
  }
  .why1{
    display: block;
    font-size: 33px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
    margin-top: -30px !important;
  }
  .list{
    font-size: 15px;
  }
/*--- End of About Us--- */


/*---- Projects (Work)---- */
.projectsec{
  margin-left: -40px;
 }
 .projectimg{
  margin: -50px 40px 110px 40px !important;
}
.projectbay{
  margin-top: 30px; 
  margin-bottom: -50px;
}
.projectsimilar{
  margin: 0px 30px 50px 30px !important;
}
.projecthed{
  font-size: 30px;
}
.projectpara{
    text-align: justify;
    color: #000;
    padding-right: 0px;
}
.sptitle{
  font-size: 30px;
}
.sproject{
  margin-top: 12px;
  font-size: 19px;
}
/*----End of Projects (Work)---- */

    
/*---------section5----------*/

.offerfooter{
  padding-left: 50px !important;
}
.keepintouch{
  padding-left: 45px !important;
}
.contacttitle{
  font-size: 33px;
  font-weight: bold;
}
.call{
  font-weight: bold;
}
.contact .php-email-form {
  width: 100%;
  /* box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12); */
  padding: 0px;
  background: #fff;
}
.map-outer{
  margin-bottom: 15px;
}
.po{
  margin-top: 0px;
}
.mailrow{
 text-align: end;
 margin-top: -30px;
}
/* ----------------------------- */
.cb{
  height: 250px !important ;
}

.wminds{
  font-size: 33px;
}

 }
/*---------------------------end - Mobile View ------------------------------*/
/* ---------------------------------------------------------------------- */




/* ---------------------------------------------------------------------- */
/*---------------------------- tablet View ------------------------------*/



 @media only screen and (max-width: 1100px) and (min-width: 600px){
  .mailrow{
    text-align: end;
    margin: 0px;
   }
  .projecthed{
    font-size: 30px;
  }
  .aboutsec{
    margin-left: -20px;
   }

   .aboutpara{
    font-size: 13px; 
    margin: 10px;
    margin-bottom: 20px;
  }
  .offsection{
    margin-left: -20px;
  }
  .offering{
    margin-bottom:0px;
    font-size: 30px;
  }
  .build .comm .highend{
  margin: 0px 50px !important;
  }

  .flot{
    font-size: 14px;
  }
  .abouttitle{
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-left: 70px;
  }

  .why{
    display: none;
  }
  .why1{
    display: block;
    font-size: 33px;
    font-weight: bold;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 30px;
  }
  .list{
    font-size: 16px;
  }
  .twork{
    font-size: 18px !important;
 }
 .backbtn{
  font-size:30px; 
}
/*--- End of About Us--- */
.map-outer{
  margin-bottom: 25px;
}
.git{
  font-size: 17px;
}
.flot{
  padding-top: 10px;
  font-size: 17px;
}
.aboutpara{
  font-size: 16px; 
  margin-bottom: 30px;
}
.builder{
  margin-bottom: 25px;
  font-size: 35px;
  margin-left: 0px;
}
.builderpara{
  font-size: 16px;
  margin-left: 0px;
}
.imghome{
  height: 650px;
}
.slider-container {
  height: auto;
}
.logo{
  width:150px;  
 margin-left: 30px !important;
}
.offersection{
  margin: 15px 5px 20px 25px !important;
  font-size: 38px;
  font-weight: bold;
}
.slide3{
  height: 500px;
  }
  .workimg{
    height:600px !important;   
  }
  .wgtitle{
    height: 600px !important;
    font-size: 30px !important;
   vertical-align: middle;
  }


  }



  /*---------------------------end - tablet View ------------------------------*/
/* ---------------------------------------------------------------------- */