/* STEPS Learning & Therapy Center
   Preserved from the original Hostinger Website Builder export. */

:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1f1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #b39ef3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #fea8c2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9f6000;
  --color-warning-charts: #ffd28c;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366f1;
  --color-neutral-200: #d8dae0;
}
.whats-app-bubble {
  position: fixed;
  z-index: 19;
  display: flex;
  right: 20px;
  bottom: 24px;
  cursor: pointer;
  border-radius: 100px;
  box-shadow: #00000026 0 4px 12px;
}
#wtpQualitySign_fixedCSS,
#wtpQualitySign_popupCSS {
  bottom: 10px !important;
}
#wtpQualitySign_fixedCSS {
  z-index: 17 !important;
}
#wtpQualitySign_popupCSS {
  z-index: 18 !important;
}

astro-island,
astro-slot,
astro-static-slot {
  display: contents;
}

.page {
  --h1-font-size: 64px;
  --h1-font-style: normal;
  --h1-font-family: var(--font-primary);
  --h1-font-weight: 600;
  --h1-line-height: 1.3;
  --h1-m-font-size: 40px;
  --h1-letter-spacing: 0;
  --h1-text-transform: none;
  --h1-text-decoration: none;
  --h2-font-size: 56px;
  --h2-font-style: normal;
  --h2-font-family: var(--font-primary);
  --h2-font-weight: 600;
  --h2-line-height: 1.3;
  --h2-m-font-size: 36px;
  --h2-letter-spacing: 0;
  --h2-text-transform: none;
  --h2-text-decoration: none;
  --h3-font-size: 48px;
  --h3-font-style: normal;
  --h3-font-family: var(--font-primary);
  --h3-font-weight: 600;
  --h3-line-height: 1.3;
  --h3-m-font-size: 32px;
  --h3-letter-spacing: 0;
  --h3-text-transform: none;
  --h3-text-decoration: none;
  --h4-font-size: 40px;
  --h4-font-style: normal;
  --h4-font-family: var(--font-primary);
  --h4-font-weight: 600;
  --h4-line-height: 1.3;
  --h4-m-font-size: 24px;
  --h4-letter-spacing: 0;
  --h4-text-transform: none;
  --h4-text-decoration: none;
  --h5-font-size: 26px;
  --h5-font-style: normal;
  --h5-font-family: var(--font-primary);
  --h5-font-weight: 600;
  --h5-line-height: 1.3;
  --h5-m-font-size: 20px;
  --h5-letter-spacing: 0;
  --h5-text-transform: none;
  --h5-text-decoration: none;
  --h6-font-size: 18px;
  --h6-font-style: normal;
  --h6-font-family: var(--font-primary);
  --h6-font-weight: 600;
  --h6-line-height: 1.3;
  --h6-m-font-size: 18px;
  --h6-letter-spacing: 0;
  --h6-text-transform: none;
  --h6-text-decoration: none;
  --body-font-size: 16px;
  --body-font-style: normal;
  --body-font-family: var(--font-secondary);
  --body-font-weight: 400;
  --body-line-height: 1.5;
  --body-m-font-size: 16px;
  --body-letter-spacing: normal;
  --body-text-transform: none;
  --body-text-decoration: none;
  --font-primary: 'Poppins', sans-serif;
  --font-secondary: 'Poppins', sans-serif;
  --nav-link-color: rgb(255, 255, 255);
  --nav-link-font-size: 16px;
  --nav-link-font-style: normal;
  --nav-link-color-hover: rgb(255, 255, 255);
  --nav-link-font-family: var(--font-secondary);
  --nav-link-font-weight: 400;
  --nav-link-line-height: 1.5;
  --nav-link-m-font-size: 16px;
  --nav-link-letter-spacing: normal;
  --nav-link-text-transform: none;
  --nav-link-text-decoration: none;
  --body-large-font-size: 18px;
  --body-large-font-style: normal;
  --body-large-font-family: var(--font-secondary);
  --body-large-font-weight: 400;
  --body-large-line-height: 1.5;
  --body-large-m-font-size: 18px;
  --body-large-letter-spacing: normal;
  --body-large-text-transform: none;
  --body-large-text-decoration: none;
  --body-small-font-size: 14px;
  --body-small-font-style: normal;
  --body-small-font-family: var(--font-secondary);
  --body-small-font-weight: 500;
  --body-small-line-height: 1.5;
  --body-small-m-font-size: 14px;
  --body-small-letter-spacing: normal;
  --body-small-text-transform: uppercase;
  --body-small-text-decoration: none;
  --grid-button-primary-font-size: 16px;
  --grid-button-primary-padding-x: 40px;
  --grid-button-primary-padding-y: 16px;
  --grid-button-primary-font-color: #ffffff;
  --grid-button-primary-font-style: normal;
  --grid-button-primary-border-null:;
  --grid-button-primary-font-family: var(--font-secondary);
  --grid-button-primary-font-weight: 400;
  --grid-button-primary-line-height: normal;
  --grid-button-primary-m-font-size: 16px;
  --grid-button-primary-m-padding-x: 36px;
  --grid-button-primary-m-padding-y: 14px;
  --grid-button-primary-box-shadow-x: 0px;
  --grid-button-primary-box-shadow-y: 0px;
  --grid-button-primary-border-radius: 999px;
  --grid-button-primary-letter-spacing: normal;
  --grid-button-primary-text-transform: none;
  --grid-button-primary-box-shadow-blur: 0px;
  --grid-button-primary-box-shadow-null:;
  --grid-button-primary-text-decoration: none;
  --grid-button-primary-background-color: rgb(0, 0, 0);
  --grid-button-primary-box-shadow-color: rgba(0, 0, 0, 0);
  --grid-button-primary-border-null-hover:;
  --grid-button-primary-box-shadow-spread: 0px;
  --grid-button-primary-box-shadow-x-hover: 0px;
  --grid-button-primary-box-shadow-y-hover: 0px;
  --grid-button-primary-transition-duration: 0.2s;
  --grid-button-primary-background-color-null:;
  --grid-button-primary-box-shadow-blur-hover: 0px;
  --grid-button-primary-box-shadow-null-hover:;
  --grid-button-primary-background-color-hover: rgb(29, 30, 32);
  --grid-button-primary-box-shadow-color-hover: 0px;
  --grid-button-primary-box-shadow-spread-hover: 0px;
  --grid-button-primary-transition-timing-function: ease;
  --grid-button-primary-background-color-null-hover:;
  --grid-button-secondary-font-size: 16px;
  --grid-button-secondary-padding-x: 40px;
  --grid-button-secondary-padding-y: 16px;
  --grid-button-secondary-font-color: rgb(0, 0, 0);
  --grid-button-secondary-font-style: normal;
  --grid-button-secondary-border-null:;
  --grid-button-secondary-font-family: var(--font-secondary);
  --grid-button-secondary-font-weight: 400;
  --grid-button-secondary-line-height: normal;
  --grid-button-secondary-m-font-size: 16px;
  --grid-button-secondary-m-padding-x: 36px;
  --grid-button-secondary-m-padding-y: 14px;
  --grid-button-secondary-box-shadow-x: 0px;
  --grid-button-secondary-box-shadow-y: 0px;
  --grid-button-secondary-border-radius: 999px;
  --grid-button-secondary-letter-spacing: normal;
  --grid-button-secondary-text-transform: none;
  --grid-button-secondary-box-shadow-blur: 0px;
  --grid-button-secondary-box-shadow-null:;
  --grid-button-secondary-text-decoration: none;
  --grid-button-secondary-background-color: white;
  --grid-button-secondary-box-shadow-color: rgba(0, 0, 0, 0);
  --grid-button-secondary-border-null-hover:;
  --grid-button-secondary-box-shadow-spread: 0px;
  --grid-button-secondary-box-shadow-x-hover: 0px;
  --grid-button-secondary-box-shadow-y-hover: 0px;
  --grid-button-secondary-transition-duration: 0.2s;
  --grid-button-secondary-background-color-null:;
  --grid-button-secondary-box-shadow-blur-hover: 0px;
  --grid-button-secondary-box-shadow-null-hover:;
  --grid-button-secondary-background-color-hover: rgb(240, 240, 240);
  --grid-button-secondary-box-shadow-color-hover: 0px;
  --grid-button-secondary-box-shadow-spread-hover: 0px;
  --grid-button-secondary-transition-timing-function: ease;
  --grid-button-secondary-background-color-null-hover:;
  --07b6cc59: 99px;
}

/* Baseline */
html,
body {
  margin: 0;
  padding: 0;
}
img {
  max-width: 100%;
}

/* Animation styles are preserved verbatim in vendor-components.css. */

/* Static image lightbox */
.image--zoom {
  cursor: zoom-in;
}
.site-lightbox[hidden] {
  display: none !important;
}
.site-lightbox {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.site-lightbox__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.86);
}
.site-lightbox__dialog {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) 52px;
  align-items: center;
  width: min(1180px, 96vw);
  max-height: 94vh;
}
.site-lightbox__figure {
  margin: 0;
  min-width: 0;
  text-align: center;
}
.site-lightbox__image {
  display: block;
  max-width: 100%;
  max-height: 88vh;
  width: auto;
  height: auto;
  margin: 0 auto;
  object-fit: contain;
  border-radius: 10px;
}
.site-lightbox__close,
.site-lightbox__nav {
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.94);
  color: #111;
  font: inherit;
  font-size: 30px;
  line-height: 1;
  cursor: pointer;
}
.site-lightbox__close {
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 2;
}
.site-lightbox__counter {
  color: #fff;
  padding-top: 10px;
  font:
    500 14px/1.4 Arial,
    sans-serif;
}
.site-lightbox__error {
  color: #fff;
  padding: 24px;
}
@media (max-width: 700px) {
  .site-lightbox {
    padding: 12px;
  }
  .site-lightbox__dialog {
    grid-template-columns: 42px minmax(0, 1fr) 42px;
    width: 100%;
  }
  .site-lightbox__nav {
    width: 38px;
    height: 38px;
    font-size: 24px;
  }
  .site-lightbox__close {
    top: 4px;
    right: 4px;
  }
}

/* Typography parity with the original builder site. */
html,
body,
button,
input,
textarea,
select {
  font-family: 'Poppins', sans-serif;
}
.page {
  --font-primary: 'Poppins', sans-serif;
  --font-secondary: 'Poppins', sans-serif;
}


/* Cloudflare Pages form submission feedback */
.form-honeypot {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.static-form-message {
  margin: 4px 0 0;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: inherit;
}
.static-form-message--success { color: #067647; }
.static-form-message--error { color: #b42318; }