/* Contact Icons Vertical Alignment Fix */

/* Fix the vertical alignment of icons in the contact-icon-wrapper */
.contact-icon-wrapper {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important; /* Ensure icons are centered vertically */
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border-radius: 50% !important;
  background-color: #002147 !important;
  margin-right: 12px !important;
  flex-shrink: 0 !important;
  position: relative !important; /* Needed for proper alignment */
}

.contact-icon-wrapper i {
  color: #ffffff !important;
  font-size: 18px !important;
  position: absolute !important; /* Position absolutely for perfect centering */
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important; /* Perfect centering technique */
  line-height: 1 !important; /* Reset line height to prevent offset */
  margin: 0 !important; /* Reset any margins */
  padding: 0 !important; /* Reset any padding */
}

/* Fix alignment for contact text to match with icons */
.contact-text {
  padding-top: 13px !important; /* Adjust this to align with the vertically centered icon */
  font-size: 14px !important;
  line-height: 1.4 !important;
  color: #333 !important;
}

/* Ensure social media icons are also properly centered */
.social-icon {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background-color: #002147 !important;
  position: relative !important;
}

.social-icon i {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Additional fix for the contact card icon */
.contact-card-icon {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 56px !important;
  height: 56px !important;
  border-radius: 50% !important;
  background-color: #002147 !important;
  position: relative !important;
}

.contact-card-icon i {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  font-size: 24px !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}