@media (max-width: 768px) {
  [data-element-id="elm_z-P36rAbcHqWWCJQyDtkxg"] h2.zpheading span {
    font-size: 45px !important;
  }
}
@media (max-width: 768px) {
  [data-element-id="elm_z-P36rAbcHqWWCJQyDtkxg"] h2.zpheading span {
    font-size: 45px !important;
  }
}
@media (max-width: 768px) {
  h1, h2, h3, h4, h5, h6 {
    font-size: 45px !important;
  }
    

    
    
    
    
/* Global Styles for All Pages */
html {
  font-size: 16px;  /* Base font size for larger screens */
}

body {
  font-size: 1rem;  /* Ensures the body text uses the base font size */
}

/* Adjusting header sizes globally */
h1 {
  font-size: 48px !important;  /* Large font size for main headers (h1) */
}

h2 {
  font-size: 42px !important;  /* Adjust size for h2 */
}

h3 {
  font-size: 36px !important;  /* Adjust size for h3 */
}

h4 {
  font-size: 32px !important;  /* Adjust size for h4 */
}

h5 {
  font-size: 28px !important;  /* Adjust size for h5 */
}

h6 {
  font-size: 25px !important;  /* Adjust size for h6 (minimum font size) */
}

/* Icon + Header Adjustments */
.icon-header {
  display: flex;
  align-items: center;
}

.icon-header .icon {
  font-size: 30px !important; /* Icon size */
  margin-right: 10px;
}

.icon-header h2, .icon-header h3 {
  font-size: 32px !important;  /* Header size for icon + header */
}

/* Hero Header Text on All Pages */
[data-element-id="elm_z-P36rAbcHqWWCJQyDtkxg"] h2, /* Main hero header */
[data-element-id="elm_NXnatfRjQIKNPinwuuUNNA"] .zphero-slide h2, 
.zphero .zphero-slide h2 {
  font-size: 48px !important; /* Set large font size for main hero header */
  line-height: 1.2 !important; /* Adjust line height for better readability */
}

@media (max-width: 768px) {
  /* Mobile-specific adjustments */
  html {
    font-size: 14px;  /* Smaller base font size for mobile */
  }

  body {
    font-size: 1rem;  /* Maintain mobile body font size */
  }

  h1 {
    font-size: 36px !important;  /* Smaller size for h1 */
  }

  h2 {
    font-size: 32px !important;  /* Smaller size for h2 */
  }

  h3 {
    font-size: 28px !important;  /* Smaller size for h3 */
  }

  h4 {
    font-size: 24px !important;  /* Smaller size for h4 */
  }

  h5 {
    font-size: 22px !important;  /* Smaller size for h5 */
  }

  h6 {
    font-size: 25px !important;  /* Ensure h6 is at least 25px */
  }

  /* Adjust icon + header */
  .icon-header .icon {
    font-size: 28px !important;  /* Adjust icon size on mobile */
  }

  .icon-header h2, .icon-header h3 {
    font-size: 30px !important;  /* Adjust icon header size */
  }

  /* Adjust hero headers on mobile */
  [data-element-id="elm_z-P36rAbcHqWWCJQyDtkxg"] h2, 
  [data-element-id="elm_NXnatfRjQIKNPinwuuUNNA"] .zphero-slide h2, 
  .zphero .zphero-slide h2 {
    font-size: 32px !important; /* Adjust size for mobile */
  }
}