@charset "utf-8";
/* CSS Document */






.btn3 {
	
	position:relative;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #014B4A;
  color: white;
  padding: 12px 24px;
  border:#06CBBB;
  cursor: pointer;
  border-radius: 5px;
	
}

.btn3:hover {
	background-color:#01989F;}

.btn-outline-success{color: aqua;
    background-color:#004549;
    border-color:black;}



.btn-primary {
    color:aqua;
    background-color:#004549;
    border-color:black;
	display: flex;
	justify-content: center;
}

body {
	background-color: black;
	padding: 0;
	margin: 0;
}

.card {color: black;
background-color: black;
display: flex;}

.port {color: white;
	padding: 5%;
	text-align: center;
	font-size: 10px;
display: block;
margin: auto}


.btn-outline-light {color:aqua;
border-color:aquamarine;
align-items: center;
	margin: auto;
	display: block;
 }

.services {color: white;
	padding: 5%;
	text-align: center;
	font-size: 10px;
display: block;
margin: auto }

.form-group 
   
   


#box{
    border: 1px solid rgb(200, 200, 200);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px;
    background: rgba(200, 200, 200, 0.1);
    border-radius: 4px;
    top:50px;
}

h3{
    text-align:center;
    color:#fff;
}

.btn-warning {color: aqua;
    background-color:#004549;
    border-color:black
}



.container {
  position: relative;
  width: 50%;
}



/* Style the button and place it in the middle of the container/image */
.container .btn {
  position: absolute;
bottom: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #014B4A;
  color: white;
  font-size: 20px;
  padding: 12px 24px;
  border:#06CBBB;
  cursor: pointer;
  border-radius: 5px;
}

.container .btn:hover {
  background-color:#01989F;
}


.btn1 {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #014B4A;
  color: white;
  font-size: 20px;
  padding: 12px 24px;
  border:#06CBBB;
  cursor: pointer;
  border-radius: 5px;
}

.btn1:hover {
  background-color:#01989F;

}

p{padding-left: 15%;
padding-right: 15%;}


.fa{
  padding: 1%;
 border-radius: 10%;
	justify-content: center;
position:relative;
	margin: 10px;
	
 }

.fa:hover {
    opacity: 0.7;
	background-color:#01989F;
}

.fa-facebook {color:aqua;
    background-color:#004549;
    border-color:aqua
}


.fa-linkedin {color:aqua;
    background-color:#004549;
    border-color:aqua
}


.fa-instagram {color:aqua;
    background-color:#004549;
    border-color:aqua
}

		.fa-behance {color:aqua;
    background-color:#004549;
    border-color:aqua
}

.bottom-center {
  position: absolute;
	top: 90%;
  left: 50%;
  transform: translate(-50%, -50%);
	color: antiquewhite;}

.relative {
 padding: 10px;
 position: relative;
 margin: 10px;
	
} 
.navitem {
  
  width: 70px; 
  height: 30px; 
  text-align: center;
  background-color:aqua;
  color:#060000;
  cursor: pointer;
  border-radius: 10%
  
}

.col-3{display: flex;
margin: auto;}

.relative {padding: 1%;}

.container-fluid{padding-top: 2%;}