/* Add here all your CSS customizations */
.philosophy-font {
  color: #0088cc;
  font-size: 1.8em;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: uppercase;
}

.footer-paragraph-contact {
  color: #ffffff;
  line-height: 24px;
  margin: 0 0 20px;
}

.profile-category-font {
  color: #0088cc;
  font-weight: 400;
  font-size: 1.2em;
  letter-spacing: normal;
}

.profile-detail-font {
  color: #333;
  font-weight: 400;
  letter-spacing: normal;
}

.hr-profile {
  margin-top: 0px;
  margin-bottom: 10px;
  border: 0;
  border-top: 1px solid #eee;
}

.box-service-paragraph {
  color: #777777;
  text-align: left;
}

.position-font {
  color: #777777;
}

.tp-caption {
  background-color: rgba(
    128,
    128,
    128,
    0.3
  ); /* Subtle light-gray background (30% transparency) */
  color: #ffffff; /* White text */
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); /* Slight shadow for contrast */
  padding: 5px 10px; /* Small padding for spacing */
  display: inline-block; /* Background only around the text */
  font-size: 1.3em;
  border-radius: 3px; /* Slight rounding for elegance */
}

.sub-caption {
  background-color: rgba(
    101,
    67,
    33,
    0.85
  ); /* Strong dark brown with 85% opacity */
  color: #ffffff; /* White text for strong contrast */
  padding: 5px 10px; /* Spacing around the text */
  display: inline-block; /* Ensures the background only wraps the text */
  font-weight: bold; /* Bold text for clarity */
  border-radius: 3px; /* Soft rounded edges for clean design */
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); /* Subtle shadow for added depth */
}

/* Minimal spacing between icon and its associated text */
.nav-top ul.nav > li span i {
  margin-right: 5px; /* Adjust icon-text spacing */
}

/* Larger spacing between the two sets (Global-English and Mailto) */
.nav-top ul.nav > li {
  margin-right: 15px; /* Add spacing between the sets */
}

.nav-top ul.nav > li:last-child {
  margin-right: 0; /* No extra margin after the last item */
}

.centered-panel {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%; /* Adjust as needed */
  text-align: center;
}