body{
  font-family: 'Poppins', sans-serif;
  background: #FFFFFF;
}


.navbar{
  margin-left: -5%;
}


a{
  color: black;
  font-family: sans-serif;
}
li a:hover{
  text-decoration: none;
}

a.Sign-in{
  font-family: 'Poppins', sans-serif;
  color: #000000;
  font-size: 15px;
  padding: 8px 8px 8px 8px;
  -webkit-transition: background-color 350ms linear;
  -moz-transition: background-color 350ms linear;

}


/* width */
::-webkit-scrollbar {
  width: 6px;
  border-radius: 3px;
}


/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
  border-radius: 5px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #555; 
  border-radius: 5px;
  height: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.about-name{
    color: white;
    position: absolute;
    top: 0;
    margin-top: 10%;
    margin-left: 38%;
    }

@media (max-width: 576px) {
.about-name {
    margin-top: 25%;
    margin-left: 19%;
  }
}

@media (max-width: 576px) {
.about-image {
    height: 380px;
  }
}

.mission_heading{ 
  margin-top: 14%;
}
@media (max-width: 576px) {
.mission_heading {
    margin-top: 1%
  }
}


.container-fluid .content {
  position: absolute;
  top: 0;
  margin-top: 20%;
  color: #f1f1f1;
  width: 97%;
  padding: 20px;
  font-size: 50px;
 
}
.content h1{
	font-size: 4rem;
}
@media only screen and (max-width: 576px) {
  .content h1 {
    font-size: 2rem;
    
  }
}
.ceo-person{
	position: relative;
  border-radius: 5px;

}
.content1 {
  position: absolute;
  bottom: 0;
  color: white;
  width: 40%;
  font-size: 20px;
}

.content2 {
  position: absolute;
  bottom: 0;
  color: black;
  width: 100%;
  font-size: 20px;
  text-align: center;
  background-color: green;
  border-radius: 0px 0px 5px 5px;
}
.contact{
  background-color: rgb(36, 36, 36);
  color: white;
}

   
}
.image{
    margin-bottom: 4.6%;
    position: fixed;
    bottom: 0;
    right: 0;
    margin-right: 1.9%;
     width: 3%;
     height: 40px;
    border-radius: 20%;
}

@media only screen and (max-width: 576px) {
  .image {
      margin-right: 1.9%;
     width: 10%;
     height: 45px;
      margin-bottom: 10%;
  }
}

.service_detail1 {
    color: black; 
    font-weight: 500;
  }

@media (max-width: 576px) {
.service_detail1 {
    margin-top: 1%;
  }
}
.service_detail2 {
    color: black; 
    font-weight: 500;
  }

@media (max-width: 576px) {
.service_detail2 {
    margin-top: -12.5%;
  }
}