:root {
  --blue: #1e90ff;
  --white: #ffffff;
}
body {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-style: normal;
  margin: 0% 16% 0% 16%;
  font-size: 1em;
  background-color: #f0f7ee;
}

@media only screen and (max-width: 600px) {
  body {
    margin: 0% 5% 0% 5%;
  }
}

#logo-name {
  font-weight: bold;
  font-size: 1em;
}

.title-main {
  color: #87bba2;
  font-weight: bold;
  font-size: 2em;
  margin: 0 0 2% 0;
  padding: 0;
}

.title-top {
  color: #5d737e;
  text-transform: uppercase;
  font-size: 0.9em;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

.text-details {
  font-weight: 400;
  line-height: 2;
  text-align: justify;
  text-justify: inter-word;
}

.section-block {
  margin-top: 5%;
}

.section-space {
  margin: 0 0 3% 0;
}

.date-city {
  text-align: right;
}

.bold-text {
  font-weight: 700;
}

.input-format {
  border: 1px solid #000000;
  border-radius: 0px;
  background-color: #f0f7ee;
}

.btn-center {
  text-align: center;
}

.footer {
  font-weight: 500;
  margin-bottom: 5%;
  color: #000000;
  text-align: center;
}

.inProgress {
  text-align: center;
  margin-bottom: 5%;
}

.responsiveImage {
  width: 70%;
  height: auto;
}

.responsiveFlag {
  width: 15%;
  height: auto;
}

.project-grid {
  /*background-color: red;*/
  /*border: 1px solid green;*/
  padding: 0px;
  margin-bottom: 5%;
  width: 100%;
}

.project-box {
  position: 0px;
  min-width: 100%;
  min-height: 320px;
  background-color: #000000;
  color: #f0f7ee;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 4%;
  text-align: left;
}

.project-box-header {
  /*border: solid 1px green;*/
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0 4% 0 4%;
  /*border-bottom: 1px solid #F8F9FA;*/
}

.project-box-title {
  /*border: solid 1px blue;*/
  width: 100%;
  height: 50px;
  /*line-height: 50px;*/
  margin-top: 2%;
  padding: 0 4% 0 4%;
}

.project-box-description {
  /*border: solid 1px yellow;*/
  width: 100%;
  min-height: 200px;
  padding: 0 4% 2% 4%;
  font-weight: 200;
  font-size: 15px;
}

.login-box {
  border: 2px solid #000000;
  width: 50%;
  padding: 5% 5% 0 5%;
  margin: auto;
  margin-bottom: 2%;
}

.card-img-top {
  padding: 15% 15% 0 15%;
}

.card-text {
  text-align: justify;
}

a.link-contact-me:link,
a.link-contact-me:visited,
a.link-contact-me:active {
  color: inherit;
  text-decoration: none;
}
a.link-contact-me:hover {
  color: #f0f7ee;
  background-color: #000000;
  text-decoration: none;
}

a.project-title-link:link,
a.project-title-link:visited,
a.project-title-link:active {
  color: inherit;
  text-decoration: none;
}
a.project-title-link:hover {
  text-decoration: underline;
}
/*a.project-title-link:hover{text-decoration: none; background-color: #F8F9FA; color:#212529}*/

a.nav-link:link {
  color: #5d737e !important;
  text-decoration: none;
  font-weight: normal;
  font-weight: bold;
}
a.nav-link:visited {
  color: #5d737e !important;
  text-decoration: none;
  font-weight: normal;
  font-weight: bold;
}
a.nav-link:hover {
  color: #87bba2 !important;
  text-decoration: none;
  font-weight: normal;
  font-weight: bold;
  text-decoration: underline;
  text-decoration-color: #fff07c;
  text-decoration-thickness: 5px;
  text-underline-offset: 5px;
}
a.nav-link:active {
  color: #5d737e !important;
  text-decoration: none;
  font-weight: normal;
  font-weight: bold;
}

.page-general-links:link {
  color: #5d737e !important;
  text-decoration: none;
  font-weight: normal;
  font-weight: bold;
}
.page-general-links:visited {
  color: #5d737e !important;
  text-decoration: none;
  font-weight: normal;
  font-weight: bold;
}
.page-general-links:hover {
  color: #87bba2 !important;
  text-decoration: none;
  font-weight: normal;
  font-weight: bold;
  text-decoration: underline;
  text-decoration-color: #fff07c;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}
.page-general-links:active {
  color: #5d737e !important;
  text-decoration: none;
  font-weight: normal;
  font-weight: bold;
}

#banner-img {
  width: 100%;
  height: auto;
}

#banner-text {
  font-size: 2.1em;
}
#banner-name {
  font-weight: bold;
  color: #5d737e;
}

.service-description {
  text-align: justify;
  text-justify: inter-word;
}

.submit-button-style {
  background-color: #fff07c;
  min-width: 100%;
  min-height: 55%;
  border: 2px solid #000000;
  padding: 1%;
  margin-top: 1%;
  border-radius: 50px;
  font-weight: bold;
  color: #000000;
}
.navbar {
  padding: 1% 16% 1% 16% !important;
  background-color: #f0f7ee;
}

.navbar-brand {
  color: #5d737e !important;
}

#goTopButton {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #5d737e; /* Set a background color */
  color: #ffffff; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  height: 60px;
  width: 60px;
  border-radius: 50%; /* Rounded corners */
  font-size: 1em; /* Increase font size */
}

#goTopButton:hover {
  background-color: #fff07c; /* Add a dark-grey background on hover */
  color: #87bba2;
}

input[type='text']:focus {
  outline: 2px solid #fff07c;
  background-color: #f0f7ee;
}

input[type='email']:focus {
  outline: 2px solid #fff07c;
  background-color: #f0f7ee;
}

textarea:focus {
  outline: 2px solid #fff07c !important;
  background-color: #f0f7ee !important;
}

.grecaptcha-badge {
  visibility: hidden !important; /*hide recaptch badge*/
}

.banner-website {
  margin-top: 15%;
}

.email-alert-box {
  margin-top: 17%;
}