ul.social_custom {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2em;
  margin: 2em 0;
  padding: 0;
  list-style: none;
}

ul.social_custom li {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* All social buttons uniform size */
ul.social_custom a,
ul.social_custom .icon,
ul.social_custom [class*="fa-"] {
  width: 50px;
  height: 50px;
  min-width: 50px;
  min-height: 50px;
  font-size: 2.2em;
  color: #bbb;
  background: #23272e;
  border-radius: 0.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 
    color 0.18s cubic-bezier(.4,0,.2,1),
    box-shadow 0.18s cubic-bezier(.4,0,.2,1),
    background 0.2s,
    transform 0.18s cubic-bezier(.4,0,.2,1);
  box-shadow: 0 0 0 transparent;
  text-decoration: none;
  cursor: pointer;
}

/* Icon hover effect */
ul.social_custom a:hover,
ul.social_custom a:focus,
ul.social_custom a:hover .icon,
ul.social_custom a:focus .icon,
ul.social_custom a:hover [class*="fa-"],
ul.social_custom a:focus [class*="fa-"] {
  color: #11ffff !important;
  background: #111b21 !important;
  box-shadow: 0 0 24px 3px #00f0ff !important;
  outline: none;
  transform: translateY(-5px) scale(1.07);
}

/* Style and hover for SVG/PNG icons */
ul.social_custom img,
ul.social_custom svg {
  width: 44px;
  height: 44px;
  padding: 0;
  display: block;
  margin: 0 auto;
  filter: grayscale(20%) brightness(1.1);
  transition: 
    filter 0.18s cubic-bezier(.4,0,.2,1),
    box-shadow 0.18s cubic-bezier(.4,0,.2,1),
    background 0.2s,
    transform 0.18s cubic-bezier(.4,0,.2,1);
  border-radius: 0.4em;
  background: #23272e;
  box-shadow: 0 0 0 transparent;
}

ul.social_custom a:hover img,
ul.social_custom a:focus img,
ul.social_custom a:hover svg,
ul.social_custom a:focus svg {
  filter: brightness(2.1) drop-shadow(0 0 8px #23ecfa);
  box-shadow: 0 0 12px 2px #00f0ff;
  background: #1a1c22;
  transform: translateY(-2px) scale(1.06);
}

ul.social_custom a .label {
  display: none !important;
}

/* Center the entire social section */
section.wrapper.style4 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
section.wrapper.style4 {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 auto !important;
}

ul.social_custom {
  justify-content: center !important;
  margin: 2em auto !important;
  padding: 0 !important;
  display: flex !important;
  gap: 2em !important;
  list-style: none !important;
}