:root{
  --cim-unified-hero-bg:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.82) 0%, rgba(255,255,255,0) 58%),
    linear-gradient(180deg,#f7fbff 0%,#edf6ff 100%);
  --cim-unified-hero-title:#083f7f;
  --cim-unified-hero-text:#1c4f89;
  --cim-unified-hero-line:#d9e9fa;
}

html body.serviceCatalogPage section.catalogPageSection,
html body.uploadProjectPage section.uploadPageSection,
html body.loginPage section.pageHero,
html body.pricingPage section.pricingBreakdownSection{
  margin-top:0!important;
  padding-top:0!important;
}

html body.serviceCatalogPage section.catalogPageSection .catalogHero,
html body.uploadProjectPage section.uploadPageSection .uploadTop,
html body.loginPage section.pageHero,
html body.pricingPage section.pricingBreakdownSection .pricingBreakdownHero{
  position:relative!important;
  left:50%!important;
  right:auto!important;
  width:100vw!important;
  max-width:none!important;
  min-height:0!important;
  box-sizing:border-box!important;
  margin-top:0!important;
  margin-right:0!important;
  margin-left:0!important;
  padding:28px 20px 27px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  text-align:center!important;
  background:var(--cim-unified-hero-bg)!important;
  border:0!important;
  border-bottom:1px solid var(--cim-unified-hero-line)!important;
  border-radius:0!important;
  box-shadow:none!important;
  transform:translateX(-50%)!important;
  translate:0 0!important;
  animation:none!important;
  transition:none!important;
  overflow:hidden!important;
}

html body.serviceCatalogPage section.catalogPageSection .catalogHero::before,
html body.serviceCatalogPage section.catalogPageSection .catalogHero::after,
html body.uploadProjectPage section.uploadPageSection .uploadTop::before,
html body.uploadProjectPage section.uploadPageSection .uploadTop::after,
html body.loginPage section.pageHero::before,
html body.loginPage section.pageHero::after,
html body.pricingPage section.pricingBreakdownSection .pricingBreakdownHero::before,
html body.pricingPage section.pricingBreakdownSection .pricingBreakdownHero::after{
  content:none!important;
  display:none!important;
}

html body.serviceCatalogPage section.catalogPageSection .catalogHero h1,
html body.uploadProjectPage section.uploadPageSection .uploadTop h1,
html body.loginPage section.pageHero h1,
html body.pricingPage section.pricingBreakdownSection .pricingBreakdownHero h1,
html body.pricingPage section.pricingBreakdownSection .pricingBreakdownHero h1 span{
  width:auto!important;
  max-width:760px!important;
  margin:0!important;
  padding:0!important;
  color:var(--cim-unified-hero-title)!important;
  font-family:Inter,Arial,Helvetica,sans-serif!important;
  font-size:28px!important;
  line-height:1.16!important;
  font-weight:720!important;
  letter-spacing:-.018em!important;
  text-align:center!important;
  text-transform:none!important;
  text-shadow:none!important;
}

html body.serviceCatalogPage #catalogTitle{
  margin:0!important;
  padding:0!important;
  color:var(--cim-unified-hero-title)!important;
  font-size:28px!important;
  line-height:1.16!important;
  font-weight:720!important;
  letter-spacing:-.018em!important;
}
html body.serviceCatalogPage #catalogSubtitle{
  margin:0!important;
  padding:0!important;
  color:var(--cim-unified-hero-text)!important;
  font-size:14.5px!important;
  line-height:1.48!important;
  font-weight:520!important;
}

html body.serviceCatalogPage section.catalogPageSection .catalogHero p,
html body.uploadProjectPage section.uploadPageSection .uploadTop p,
html body.loginPage section.pageHero p,
html body.pricingPage section.pricingBreakdownSection .pricingBreakdownHero p{
  width:auto!important;
  max-width:720px!important;
  margin:0!important;
  padding:0!important;
  color:var(--cim-unified-hero-text)!important;
  font-family:Inter,Arial,Helvetica,sans-serif!important;
  font-size:14.5px!important;
  line-height:1.48!important;
  font-weight:520!important;
  letter-spacing:0!important;
  text-align:center!important;
  text-shadow:none!important;
}

html body.pricingPage section.pricingBreakdownSection .pricingBreakLine{
  display:none!important;
}

html body.serviceCatalogPage section.catalogPageSection .catalogHero{
  margin-bottom:22px!important;
}
html body.uploadProjectPage section.uploadPageSection .uploadTop{
  margin-bottom:24px!important;
}
html body.pricingPage section.pricingBreakdownSection .pricingBreakdownHero{
  margin-bottom:24px!important;
}
html body.loginPage section.pageHero{
  margin-bottom:0!important;
}

@media(max-width:600px){
  html body.serviceCatalogPage section.catalogPageSection .catalogHero,
  html body.uploadProjectPage section.uploadPageSection .uploadTop,
  html body.loginPage section.pageHero,
  html body.pricingPage section.pricingBreakdownSection .pricingBreakdownHero{
    padding:27px 22px 26px!important;
    gap:7px!important;
  }

  html body.serviceCatalogPage section.catalogPageSection .catalogHero h1,
  html body.uploadProjectPage section.uploadPageSection .uploadTop h1,
  html body.loginPage section.pageHero h1,
  html body.pricingPage section.pricingBreakdownSection .pricingBreakdownHero h1,
  html body.pricingPage section.pricingBreakdownSection .pricingBreakdownHero h1 span{
    max-width:370px!important;
    font-size:25px!important;
    line-height:1.15!important;
    font-weight:720!important;
    letter-spacing:-.016em!important;
  }

  html body.serviceCatalogPage section.catalogPageSection .catalogHero p,
  html body.uploadProjectPage section.uploadPageSection .uploadTop p,
  html body.loginPage section.pageHero p,
  html body.pricingPage section.pricingBreakdownSection .pricingBreakdownHero p{
    max-width:370px!important;
    font-size:14px!important;
    line-height:1.46!important;
    font-weight:520!important;
  }
}

@media(max-width:600px){
  html body.serviceCatalogPage #catalogTitle{font-size:25px!important;line-height:1.15!important;font-weight:720!important;margin:0!important;}
  html body.serviceCatalogPage #catalogSubtitle{font-size:14px!important;line-height:1.46!important;font-weight:520!important;margin:0!important;}
}

@media(max-width:380px){
  html body.serviceCatalogPage section.catalogPageSection .catalogHero,
  html body.uploadProjectPage section.uploadPageSection .uploadTop,
  html body.loginPage section.pageHero,
  html body.pricingPage section.pricingBreakdownSection .pricingBreakdownHero{
    padding-right:18px!important;
    padding-left:18px!important;
  }

  html body.serviceCatalogPage section.catalogPageSection .catalogHero h1,
  html body.uploadProjectPage section.uploadPageSection .uploadTop h1,
  html body.loginPage section.pageHero h1,
  html body.pricingPage section.pricingBreakdownSection .pricingBreakdownHero h1,
  html body.pricingPage section.pricingBreakdownSection .pricingBreakdownHero h1 span{
    font-size:23px!important;
  }

  html body.serviceCatalogPage section.catalogPageSection .catalogHero p,
  html body.uploadProjectPage section.uploadPageSection .uploadTop p,
  html body.loginPage section.pageHero p,
  html body.pricingPage section.pricingBreakdownSection .pricingBreakdownHero p{
    font-size:13.5px!important;
  }
}