*{
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
.logo img {
  height: 70px;
  width: auto;
  border-radius: 50%;
}

.col-lg-5{
    border: 1px solid black;
background-color: rgba(24, 20, 24, 0.11);
border-radius: 20px;
}


.stats {
  position: relative;
  z-index: 1;
  overflow: hidden; /* keep overlay inside */
  border-radius: 8px; /* if you want rounded corners */
}

.stats img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  filter: brightness(0.6); /* darken the image a bit */
  border-radius: 8px;
}

.php-email-form .loading,
.php-email-form .error-message,
.php-email-form .sent-message {
  min-height: 30px; /* Reserves space so these messages don’t make the form jump */
  transition: opacity 0.3s ease; /* Smooth fade in/out */
}

.php-email-form .loading,
.php-email-form .sent-message {
  opacity: 0; /* Start invisible */
}

.php-email-form .loading.show,
.php-email-form .sent-message.show {
  opacity: 1; /* When “show” class is added, fade in */
}

.social-links a {
  display: inline-block;
  padding: 10px;
  border-radius: 8px;
  transition: all 0.3s ease;
  color: inherit;
  position: relative;
  text-decoration: none;
}

/* Glow effect on click and focus */
.social-links a:focus,
.social-links a:active {
  outline: none;
  box-shadow:
    0 0 8px 4px rgba(15, 157, 88, 0.7),
    0 0 12px 8px rgba(15, 157, 88, 0.5);
  background-color: rgba(15, 157, 88, 0.15);
  color: #0f9d58 !important; /* green glow color */
  z-index: 10;
}

.social-links a:focus i,
.social-links a:active i {
  filter: drop-shadow(0 0 6px #0f9d58);
}

.Certificates{
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}