/* ========== Global Mobile Styles ========== */
@media (max-width: 768px) {

  /* Make images scale on small screens */
  img {
    max-width: 100%;
    height: auto;
  }

  /* Fix padding/margins for Elementor elements */
  .elementor-element,
  .elementor-widget-container {
    padding: 10px !important;
    margin: 0 auto !important;
  }

  /* Responsive nav menu styling */
  .elementor-nav-menu {
    flex-direction: column !important;
    text-align: center !important;
  }

  .elementor-nav-menu .elementor-item {
    display: block;
    padding: 12px 16px !important;
    font-size: 14px !important;
  }

  .elementor-nav-menu--dropdown {
    display: block !important;
  }

  /* Fix button styles */
  .elementor-button {
    padding: 10px 16px !important;
    font-size: 14px !important;
    width: 100% !important;
    box-sizing: border-box;
  }

  /* Center all headings */
  h1, h2, h3, h4, h5 {
    text-align: center !important;
    font-size: 90% !important;
  }

  /* Responsive social icons spacing */
  .elementor-social-icon {
    margin: 5px auto !important;
    display: inline-block !important;
  }

  /* Make sections stack vertically */
  .elementor-section {
    flex-direction: column !important;
    align-items: center !important;
  }

  /* Container width override for mobile */
  .elementor-container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 10px !important;
  }

}
.social-icons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 15px;
  padding: 20px;
}

.social-icons a {
  width: 40px;
  height: 40px;
}

.social-icons svg {
  width: 100%;
  height: 100%;
  display: block;
}