/*--- page ---*/


/*-- body section --*/

body {
    padding: 0;
    margin: 0;
	background: rgba(0,0,0,0.006);
}

/*--- navigation bar ---*/

.navbar {
}

.nav-link,
.navbar-brand {
    color: #000000;
    cursor: pointer;
}

.nav-link {
    margin-right: 1em !important;
	font-weight: bold;	
}

.nav-link:hover {
    color: #000000;
}

.navbar-collapse {
    justify-content: flex-end;
}

/*--- landing page - header ---*/

header {
	background-image: url('../imgs/Compute.png');
	background-size: cover;
	background-position: center;
	position: relative;
}

.header-overlay  {
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    left: 0;
    top: 0;
	/*--- background: rgba(4, 10, 78, 0.15) ---*/
}

.header-description {
    left: 35%;
    position: absolute;
    top: 43%;
    transform: translate(-30%, -55%);
    text-align: center;
}

.header-description h1 {
	font-family: "Arial Black", sans-serif;
	font-size: 2.2rem;
	font-weight: bold;
    color: #FE9A2E;
	text-shadow: 2px 2px 5px black;
}

.header-description h2 {
	font-family: "Arial Black", sans-serif;
	font-weight: bold;
    color: #d66000;
	font-size: 2.3rem;
	text-shadow: 2px 2px 5px black;

}

/*--- container our services ---*/

.ourservice-section {
	margin: 1rem;
}

.ourservice {
    padding: 1.2rem;
    position: relative;
	color: #f8f4f2;
	text-align: center;
}

.ourservice-description-grid {
	height: 11rem;
	position: relative;
	padding: 1rem;
}

.ourservice h2 {
	margin: 3.8rem auto;
    text-transform: uppercase;
	height: 1em;
}

.ourservice-description-grid p {
	line-height: 1.6;
	font-size: 1.2rem;
	text-align: left;
}

/*--- containcer about us (new) ---*/

.aboutus-section {
	margin: 1rem;
}

.aboutus {
    padding: 1.2rem;
    position: relative;
	color: #f8f4f2;
	text-align: center;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.aboutus-description-grid {
	background-image: url('../imgs/City.png');
	min-height: 30rem;
	background-size: cover;
	background-position: center;
	position: relative;
	line-height: 1.6;
	font-size: 1.2rem;
	text-align: center;
	padding: 3rem;
}

.aboutus h2 {
	margin: 3.8rem auto;
    text-transform: uppercase;
	height: 1em;
}

.aboutus-description-grid p {
	top: 30%;
	position: absolute;
    /* font-size: 18px; */
	/* line-height: 1.6;
	font-size: 1.2rem;
	text-align: center;
	padding: 3rem; */
}

/*--- business concept --*/

.businessconcept-section {
	margin: 1rem;
}

.businessconcept {
    padding: 1.2rem;
    position: relative;
	text-align: center;
	color: #000;
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

.businessconcept-description-grid {
	background-image: url('../imgs/Business.png');
	min-height: 30rem;
	background-size: cover;
	background-position: center;
	position: relative;
	line-height: 1.6;
	font-size: 1.2rem;
	text-align: center;
	padding: 3rem;
}

.businessconcept h2 {
	margin: 3.8rem auto;
    text-transform: uppercase;
	height: 1em;
}

.businessconcept-description-grid p {
	top: 30%;
	position: absolute;	
	/* line-height: 1.6;
	font-size: 1.2rem;
	text-align: center;
	padding: 3rem; */
}

/*--- Contact Us ---*/


.contactus-section {
	min-height: 8rem;
	/*-- height: auto; --*/
	text-align: center;
	position: relative;
	text-align: center;

}

.contactus-section h2 {
	text-transform: uppercase;
	position: absolute;
	top: 20%;
	width: 100%;
	font-weight: bold;
}

/* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
  width: 100%; /* Full width */
  padding: 12px; /* Some padding */  
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 6px; /* Add a top margin */
  margin-bottom: 16px; /* Bottom margin */
  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
  background-color: #4CAF50; 
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
  background-color: #45a049;
}

/* Add a background color and some padding around the form */
.container contactus {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}

.success_message{ display: none;}

/*-- contact us #2 --*/

#success_message{ display: none;}

/*--- push ---*/

.push {
	height: 3rem;
}

/*--- footer ---*/

.page-footer {
	background-color: #5d7a8a;
	color: #fff;
	padding: 0px 0 30px;
}

.footer-copyright {
	color: #fff;
	padding: 20px 0;
}