/* Mobile Override CSS - Agresywne style mobilne */



/* Dodatkowe media queries dla różnych rozmiarów */
@media screen and (max-width: 480px) {
  .step-title i,
  .step-title h3,
  .step-title p {
    display: none !important;
  }
/* Wymuszenie stylów mobilnych bez media queries */
.step-title i {
  display: none !important;
}

.step-title h3 {
  display: none !important;
}

.step-title p {
  display: none !important;
}

.step-title {
  border-bottom: none !important;
  margin-bottom: 1rem !important;
  padding-bottom: 0 !important;
}

.navbar {
  padding: 1rem !important;
  justify-content: center !important;
}

.logo {
  font-size: 1.2em !important;
  margin-left: 0 !important;
  justify-content: center !important;
}

.nav-menu {
  display: none !important;
}

.hamburger {
  display: none !important;
}

.form-header h2 {
  font-size: 1.4em !important;
}

.hide-on-small {
  display: none !important;
}

.form-steps {
  display: none !important;
}

.step-indicator {
  display: none !important;
}

/* Dodatkowe style dla małych ekranów */
@media screen and (max-width: 768px) {
  .step-title i {
    display: none !important;
  }

  .step-title h3 {
    display: none !important;
  }

  .step-title p {
    display: none !important;
  }

  .navbar {
    justify-content: center !important;
  }

  .logo {
    margin-left: 0 !important;
    justify-content: center !important;
  }

  .form-header h2 {
    font-size: 1.4em !important;
  }

  .hide-on-small {
    display: none !important;
  }
}
}

@media screen and (max-width: 600px) {
  .step-title i,
  .step-title h3,
  .step-title p {
    display: none !important;
  }
/* Wymuszenie stylów mobilnych bez media queries */
.step-title i {
  display: none !important;
}

.step-title h3 {
  display: none !important;
}

.step-title p {
  display: none !important;
}

.step-title {
  border-bottom: none !important;
  margin-bottom: 1rem !important;
  padding-bottom: 0 !important;
}

.navbar {
  padding: 1rem !important;
  justify-content: center !important;
}

.logo {
  font-size: 1.2em !important;
  margin-left: 0 !important;
  justify-content: center !important;
}

.nav-menu {
  display: none !important;
}

.hamburger {
  display: none !important;
}

.form-header h2 {
  font-size: 1.4em !important;
}

.hide-on-small {
  display: none !important;
}

.form-steps {
  display: none !important;
}

.step-indicator {
  display: none !important;
}

/* Dodatkowe style dla małych ekranów */
@media screen and (max-width: 768px) {
  .step-title i {
    display: none !important;
  }

  .step-title h3 {
    display: none !important;
  }

  .step-title p {
    display: none !important;
  }

  .navbar {
    justify-content: center !important;
  }

  .logo {
    margin-left: 0 !important;
    justify-content: center !important;
  }

  .form-header h2 {
    font-size: 1.4em !important;
  }

  .hide-on-small {
    display: none !important;
  }
}
}

@media screen and (max-width: 900px) {
  .step-title i,
  .step-title h3,
  .step-title p {
    display: none !important;
  }
/* Wymuszenie stylów mobilnych bez media queries */
.step-title i {
  display: none !important;
}

.step-title h3 {
  display: none !important;
}

.step-title p {
  display: none !important;
}

.step-title {
  border-bottom: none !important;
  margin-bottom: 1rem !important;
  padding-bottom: 0 !important;
}

.navbar {
  padding: 1rem !important;
  justify-content: center !important;
}

.logo {
  font-size: 1.2em !important;
  margin-left: 0 !important;
  justify-content: center !important;
}

.nav-menu {
  display: none !important;
}

.hamburger {
  display: none !important;
}

.form-header h2 {
  font-size: 1.4em !important;
}

.hide-on-small {
  display: none !important;
}

.form-steps {
  display: none !important;
}

.step-indicator {
  display: none !important;
}

/* Dodatkowe style dla małych ekranów */
@media screen and (max-width: 768px) {
  .step-title i {
    display: none !important;
  }

  .step-title h3 {
    display: none !important;
  }

  .step-title p {
    display: none !important;
  }

  .navbar {
    justify-content: center !important;
  }

  .logo {
    margin-left: 0 !important;
    justify-content: center !important;
  }

  .form-header h2 {
    font-size: 1.4em !important;
  }

  .hide-on-small {
    display: none !important;
  }
}
}

