*

{
  margin:0;
  padding:0;
}




.container
{

  padding-bottom:20px;
  padding-top:20px;

}

.about-body{

  max-width: 100%;
  overflow-x: hidden;
  font-family: 'Poppins', sans-serif;

}





.cont1{

  margin-top:200px;
  margin-left: 400px;
  margin-right: 400px;
  margin-bottom:50px;

}


.navbar-toggler
{
  outline:none !important;
  padding:0 !important;

}
.navbar-toggler img
{
  width:20px;
}

.nav-link
{
  color: #0e1a14 !important;
  font-weight: 400;
  margin-left: 30px;

}
.feature-box
{
  margin-top:60px;
  background-image: url(../images/img1.jpg);
  /* background-size: 100% 100;*/
  background-size: cover;
  height: 500px;
}
.wrapper{


}


.feature-box h1
{
  font-family: 'Poppins', sans-serif;
  margin-left: 790px;
  padding-top: 50px;
  font-weight:800;
  color:#72E6C7;
  font-size:56px;

}
.feature-box p
{
  /* font-family:24px 'Work Sans',Regular;
   font-size:20px;
   margin:20px auto;
   padding-right:120px;*/
  font-size:20px;
  margin-left: 790px;
  color: white;

}
.feature-box button
{
  background-color:blue;
  margin-left: 140px;
}

{

}
.feature-img
{
  width:80%;
  margin-left:200px;

}
.sara-img
{

  margin-top:-300px;
  margin-left:0px;
}
.b-box
{
  margin-left:900px;
  margin-top: 200px;
}

.form-group
{
  width: 50%;
  padding:20px;


}
.pp
{
  width:83%;
  margin-left: 270px;
  margin-top:-380px;

}
.bcontainer
{
  padding-top:180px;
  padding-bottom: 100px;
  padding-right: 300px;
}
.bnav-link
{
  color:#A9A9A9!important;
  font-weight: 400;
  margin-left:150px;
}
.para
{
  width: 1000px;
  margin-left: 150px;
  padding-top:40px;
  font-family: 'Poppins', sans-serif;
}
.para p
{
  width: 500px;
  margin-right:700px;
  font-family: 'Poppins', sans-serif;
  font-weight: 200;
}
.para1
{

  margin-left:650px;
  margin-top:-105px;
  width: 500px;

}
.p2 h4
{
  margin-top:50px;
  text-align: center;
  margin-bottom:20px;


}

* {
  box-sizing: border-box;
}

.column {
  float: left;

  padding:20px;
}
.f1 h1
{
  font-family: 'Poppins', sans-serif;
  font-weight:800;
  color:#72E6C7;
  font-size:56px;
  padding-top:10px;
  margin-left: 0px;
}
.f1 p
{
  font-family: 'Poppins', sans-serif;
  font-size:20px;
  margin:20px auto;
  padding-right:120px;

}
.f1 hr
{
  border:2px solid blue;
  border-radius: 5px;
}
.f1{

  padding-bottom:100px;
  padding-top: 50px;
}
.pp1
{

  width:60%;
  margin-left:770px;
  margin-top:-480px;


}
.pp1 img
{
  margin-left: auto;
  margin-left: auto;
}
.pp2
{
  width:83%;
  margin-left:-180px;
  margin-top:-380px;
}
.f2 {
  padding-top:200px;
  margin-left:600px;

}
.f2 h1
{
  font-family: 'Poppins', sans-serif;
  font-weight:800;
  color:#72E6C7;
  font-size:56px;
  padding-top:10px;

}
.f2 p{
  margin-right: 150px;
  font-family: 'Poppins', sans-serif;
  font-size:20px;
}
.f2 button
{

  width:60%;
  border-radius: 2px;
  margin-left:-2px;


}
.pp3
{
  margin-left:-700px;
  margin-top: -400px;
}
.f3
{

  margin-top:-110px;
  margin-bottom: 120px;
}
.f3 h1
{
  font-family: 'Poppins', sans-serif;
  font-weight:800;
  color:#72E6C7;
  font-size:56px;
  padding-top:10px;

}
.f3 p{
  font-family: 'Poppins', sans-serif;
  font-size:22px;
}
.f3 button
{
  padding-left:50px;
  padding-right:50px;
  border-radius: 0px;
  background-color: blue;
}
.pp4
{

  margin-left:700px;
  margin-top:-420px;
}
.pp4 img{
  width:90%;

}
.p3
{
  margin-right:500px;
}
.f4
{
  padding-top:200px;
}
.f4 h1
{
  font-family: 'Poppins', sans-serif;
  font-weight:800;
  color:#72E6C7;
  font-size:22px;
  padding-top:10px;
  text-align: center;
}
.f4 p
{
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-size:20px;
}
.f5 h1
{

  font-family: 'Poppins', sans-serif;
  font-weight:800;
  color:#72E6C7;
  font-size:36px;
  padding-top:10px;

}
.touch img{
  left: 0px;
  float: left;
  margin-top: 20px;
  height:250px;
}

#wrapper2{

  background: #cfd8dc;
  height: 670px;
}


.f9
{
  height: 350px;
  background-color: #F4F5F7;
  padding-left:100px;
}
.f5
{
  margin-top: 0px;
  padding-top: 50px;
  margin-left:400px;
  font-size: 20px;
}


.f5 h1 {
}

.f5 form input {

}


.f5 p
{
  align-content: flex-end;
}
.form-group input
{
  border-radius: 2px;
  padding-right: 100px;
}
.submit-button button
{
  background-color: blue;
  border-radius:2px;
}
.btn
{
  margin-left: 10px;
}
.form-control
{

}

.f6
{
  margin-top:200px;
  margin-left:120px;

}

.boot {

  margin-bottom: 1px;
  height: 20px;
  background: #eceff1;
  margin-top: 10px;
}
.boot p {
  text-align: center;
  font-family: 'Poppins-thinn', sans-serif;
  font-weight: 200;
  font-size: 12px;
}



.f8
{
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
}
.f8 h1
{
  font-family: 'Poppins', sans-serif;
  font-weight:800;

  font-size:56px;
  padding-top:10px;
  text-align: center;
}
.f8 p{
  font-family: 'Poppins', sans-serif;
  font-size:20px;
  text-align: center;
}
.f6 h6
{
  font-family: 'Poppins', sans-serif;
}
.f6 h6 column
{
  font-family: 'Poppins', sans-serif;

}

.f6 p {

  font-weight: normal;
  font-family: 'Poppins', sans-serif;
}


.col
{


  width:100px;
  height:60px;

}

.sp1
{

  display: block;
}

.sp11
{
  float: left;
  margin-top: -10px;

}
.rect
{
  border-radius: 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  width: 208px;
  height: 260px;
  margin-left: 20px;
  padding: 20px;
  text-align: center;

}
.space
{
  margin-top:60px;
  margin-bottom: 100px;

  margin-left:100px;


}
.Danfoss
{
  display: block;
  margin-left: auto;
  margin-right: auto;

}
.rect:hover
{
  background-color:#3633FF;
  transition: .3s;
  transform: scale(1.03)

}
.rect p
{
  display: block;
  color:black;
  cursor: context-menu;

}
.rect:hover p
{
  display: block;
  color: white;
  cursor: context-menu;
}
.head
{
  position: fixed;
  background: #ffffff;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0;
  z-index: 10000;
  transition: all 0.2s ease-in-out;
  height: 90px;
  /* background-color:transparent;*/
  text-align: center;
  line-height: 40px;

}
.head.active {

  background: white;

  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}


.nav-item button
{
  margin-left: 50px;
  margin-top: 2px;
}
.cont1 {


}

.cont1 h1 {

  text-align: center;
}


.abc {

  padding-top:20px;
  padding-left:0px;
  padding-right: 120px;
}

.content2{

  width:800px;
  margin:0 auto;

}






.vl {

  margin-top:30px;
  border-left: 6px solid orange;
  height:630px;

}

.pg1{

  margin-left: 90px;


}

.pg1 h6
{
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: 300;
  width: 600px;
  text-align: justify;

}

.mainHead{

  text-align: center;
  margin-top: 150px;
  font-size: 3vw;
}





.bal
{

  position:absolute;
  right: 0px;
  margin-top: -170px;


}




.f4
{
  padding-bottom: 150px;
}

#spinner{

  height: 48px;
  width: 48px;
  display: block;
  position: fixed;
  z-index: 1031;
  top: 50%;
  right: 50%;
}


@media only screen and (max-width: 768px) {





  .mainHead{

    text-align: center;
    margin-top: 150px;
    font-size: 8vw;
  }

  .content2{

    width:300px;
    margin:0 auto;
    margin-left: 10px;
  }

  .vl {

    margin-top:30px;
    border-left: 6px solid orange;
    height:570px;

  }

  .pg1{

    margin-left: 10px;


  }

  .pg1 h6
  {
    font-family: 'Poppins', sans-serif;
    font-size: 2.9vw;
    font-weight: 300;
    width: 300px;
    text-align: justify;
  }

}