* {
  font-feature-settings: "smcp", "zero";
  font-weight: 500;
  

}
.black{
  background-color: #000000;
  color: white;
}
.white{
  color: black;
  background-color:white;
}
#what{
  z-index:1;
  position: fixed;
}
#icon{
  /* position: absolute; */
  background-color: green;
  color: white;
  z-index:1;
  /* width: 60px; */
  text-align: center;
  font-size: 50px;
  border-radius: 150px;
}
#wi{
  /* position: fixed; */
}
#nav {
/* width: 2000px; */
  box-shadow: 1px 1px 1px 0px rgb(195, 195, 195);
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: white;
z-index: 2;

}

#navbarSupportedContent {
  text-align: center;
  justify-content:center;
  /* border: 2px solid; */
}

@media(max-width:990px) {
.navbar-toggler-icon{
/* justify-content: right; */
/* text-align: right; */
/* margin-left:-250px ; */
  }
}

#a {
  color: rgb(0, 0, 0);
  /* margin-left: 25px; */
  font-size: 17px;
  /* background-color: rgb(206, 206, 206); */
  /* margin-left: 10px; */
}
.navbar-nav{
  background-color: rgb(255, 255, 255);
  border-radius: 22px;
  box-shadow: 1px 1px 1px 2px grey;
  /* border: 2px solid; */
}
#search{
  background-color: orange;
  color: white;
  border-radius: 20px;
  border: 1px solid orange;
}
#search:hover{
  background-color: transparent;
  color: orange;
  border: 1px solid orange;
}
@media(max-width:990px){
#search{
display: none;
}}
#a:hover {

  background-color: orange;
  color: white;
  border-radius: 20px;
}
#h-font{
  background-color: orange;
  color: white;
/* height: 30px;
width: 25px; */
  border-radius:5px;
}

#logo {
  height: 50px;



}

@media(max-width:400px)and(min-width:230px) {
  #logo {
    height: 35px;

  }
}

#home-image {
  background-attachment: fixed;
  /* width: 100%; */
  background-image: url("productive-team-meeting.jpg");
  height: 550px;
  /* top: 140px; */
  position: absolute;
  background-repeat:no-repeat;
  background-position: center;
  background-size: cover;

}
@media(max-width:415px){
  #home-image{
    height: 750px;
  }
  /* #h-r-1{ */
    /* top: -130px; */
  /* } */
}
#home-page{
  /* border: 12px solid rgb(143, 143, 143); */
  /* height: 400px; */
  position:relative;
  margin-top: 220px;
}
#h-r-1{
  color: white;
  margin-top: 110px;
  text-align: center;
  justify-content: center;
}
#h-c-1{
  justify-content: center;
  text-align: center;
}
.heading-1{
  font-size: 50px;
  font-weight: 900;

}
.para-1{
  font-size: 17px;
  font-weight: 400;
}
#btn-h{
  background-color: orange;
  color: white;
  border-radius: 30px;
  margin-top: 10px;
}
#btn-h:hover{
  background-color:transparent;
  border:1px solid white;
   color: white;
}
/*  */
#About-page{
 
  margin-top: 150px;
  /* border: 2px solid green; */
  /* height: 450px; */
  /* position: absolute; */
}
@media(max-width:410px){
  #About-page{
    margin-top: 140px;
  }
}
#a-r-1{
  margin-top: 60px;
  /* border: 2px solid ; */
  /* height: 350px; */
  justify-content: center;
}
.heading-2
{
  /* border-bottom: 2px solid orange; */
  text-align: center;
  font-weight: 700;
}
#a-c-1{
  /* border: 2px solid; */
  /* height: 300px; */
}
#a-c-2{
  /* height: 300px;
  border: 2px solid; */

}
.para-2{
  margin-top: 50px;
  font-size: 17px;
  color: rgb(0, 0, 0);
  font-weight: 700;
}
#btn-a{
  background-color: orange;
  color: white;
  border-radius: 30px;
  margin-top: 5px;;
}
#btn-a:hover{
  background-color: white;
  color: orange;
  border: 1px solid orange;
}
#ab-img{ background-attachment: fixed;
  height: 290px;
}
#st{
  text-align: center;
  justify-content: center;
  margin-top: 40px;
  /* border: 2px solid ; */
  /* height: 200px; */
  margin: 0;
  padding: 0;
  /* width: 100%; */
  background-color: orange;
  color: white;
}
.heading-3{
  text-align: center;
  margin-top: 40px;
}
#st-c-1{

  /* margin-left: 10px; */
  margin-top: 30px;
  /* border: 2px solid; */
  height: 170px;
}
.heading-5{
  margin-top: 60px;
  text-align: center;

}
#test{
  box-shadow: 40 40 40px rgba(31, 45, 61, 0.125);
}
/*  */
#service-page{
margin-top: -80px;
  /* border: 2px solid; */
  /* height: 500px; */
}
.feature-box-1 {
  padding: 32px;
  box-shadow: 0 0 30px rgba(31, 45, 61, 0.125);
  margin: 15px 0;
  position: relative;
  z-index: 1;
  border-radius: 10px;
  overflow: hidden;
  -moz-transition: ease all 0.35s;
  -o-transition: ease all 0.35s;
  -webkit-transition: ease all 0.35s;
  transition: ease all 0.35s;
  top: 0;
}
.feature-box-1 * {
  -moz-transition: ease all 0.35s;
  -o-transition: ease all 0.35s;
  -webkit-transition: ease all 0.35s;
  transition: ease all 0.35s;
}
.feature-box-1 .icon {
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: orange;
  color: #ffffff;
  text-align: center;
  border-radius: 50%;
  margin-bottom: 22px;
  font-size: 27px;
}
.feature-box-1 .icon i {
  line-height: 50px;
}
.feature-box-1 h5 {
  color: orange;
  font-weight: 600;
}
.feature-box-1 p {
  margin: 0;
}
.feature-box-1:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: auto;
  right: 0;
  border-radius: 10px;
  width: 0;
  background: orange;
  z-index: -1;
  -moz-transition: ease all 0.35s;
  -o-transition: ease all 0.35s;
  -webkit-transition: ease all 0.35s;
  transition: ease all 0.35s;
}
.feature-box-1:hover {
  top: -5px;
}
.feature-box-1:hover h5 {
  color: #ffffff;
  
}
.feature-box-1:hover p {
  color: rgba(255, 255, 255, 0.8);
  
}
.feature-box-1:hover:after {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  left: 0;
  right: auto;

}
.section {
    padding: 100px 0;
    position: relative;
}
.section-title {
    padding-bottom: 45px;
}
.heading-7{
    font-weight: 700;
    color: #000000;
    font-size: 45px;
    /* margin: 0 0 15px; */
    text-align: center;
    /* border-bottom: 5px solid #fc5356; */
    /* padding-left: 15px; */
}
/* c */
.heading-10{
  margin-top: 140px;
}
.my-form {
  color: #305896;
}
.my-form .btn-default {
  background-color: #305896;
  color: #fff;
  border-radius: 0;
}
.my-form .btn-default:hover {
  background-color: #4498C6;
  color: #fff;
}
.my-form .form-control {
  border-radius: 0;
}
#cont-page{
  margin-top: 20px;
  box-shadow: 0 0 30px rgba(31, 45, 61, 0.125);
}
#c-r-1{
  background-color: orange;
  color: white;
  height: 400px;

}
.heading-8{
  margin-top: -40px;
  margin-bottom: 20px;
  font-size: 40px;
  font-weight: 700;
  text-align: center;
  /* width: 250px; */
  /* border-bottom:5px solid orange; */
}
#row-cont
{
  text-align: center;
}
#c-btn{
  margin-top: 20px;
  background-color: orange;
  color: white;
  border-radius: 20px;
}
#fa{
  margin-top: 45px;
  font-size: 45px;
  /* border-bottom: 2px solid white; */
}
@media(max-width:410px){
  #fa{
    margin-top: 20px;
  }
}
.h1{
  font-size: 0px;
}
.para-f{
  font-size: 20px;
  border-bottom: 2px solid white;
}
#footer{
  margin-top: 30px;
  width: 100%;
border: 10px solid black;
background-color: black;
}
#load{
   background-color: rgb(239, 198, 121);
   color: white;
   height: 100vh;
   /* border: 2px solid orange; */
padding: 10px;
  }
  .col-12{
    /* justify-content: center; */
    text-align: center;
    position: absolute;
    top: 50%;

  }
  
  #wi{
    display: inline-block;
    margin: 0 0.5rem;
  
    animation:bounceInDown; /* referring directly to the animation's @keyframe declaration */
    animation-duration: 3s; /* don't forget to set a duration! */
  }
  .animate__animated.animate__bounceInDown{
    --animate-duration: 3s;
  }
  
  /* This changes all the animations globally */
  :root {
    --animate-duration: 800ms;
    --animate-delay: 0.9s;
  }