/* Location: D:\ironcore\frontend\vibe_beauti\assets\css\pages\home.css */
.home-hero {
  position: relative;
  z-index: 1;
  min-height: 100vh;
  padding-top: var(--home-hero-padding-top);
  padding-right: var(--home-hero-padding-right);
  padding-bottom: var(--home-hero-padding-bottom);
  padding-left: var(--home-hero-padding-left);
  pointer-events: none;
}

@media (max-width: 900px) {
  .home-hero {
    padding-top: var(--home-hero-tablet-padding-top);
    padding-right: var(--home-hero-tablet-padding-right);
    padding-bottom: var(--home-hero-tablet-padding-bottom);
    padding-left: var(--home-hero-tablet-padding-left);
  }
}

@media (max-width: 700px) {
  .home-hero {
    padding-top: var(--home-hero-mobile-padding-top);
    padding-right: var(--home-hero-mobile-padding-right);
    padding-bottom: var(--home-hero-mobile-padding-bottom);
    padding-left: var(--home-hero-mobile-padding-left);
  }
}