
/* HOME — Legacy section matched to supplied reference */
html body #innovation{
  padding: 22px 0 !important;
  margin: 0 !important;
}

html body #innovation .inno-main{
  width: min(92%, 1520px) !important;
  max-width: 1520px !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 48px 58px 46px !important;
  border-radius: 30px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255,255,255,.78) !important;
  border: 1px solid rgba(255,255,255,.92) !important;
  -webkit-backdrop-filter: blur(22px) saturate(145%) !important;
  backdrop-filter: blur(22px) saturate(145%) !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.08) !important;
}

html body #innovation .inno-part-one{
  width: min(100%, 1280px) !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

html body #innovation .inno-title{
  margin: 0 0 22px !important;
  color: #171717 !important;
  font-family: "Poppins", sans-serif !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.035em !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

html body #innovation .inno-para{
  width: 100% !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  color: #4a4a4a !important;
  font-family: "Poppins", sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.72 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-wrap: balance !important;
}

html body #construct{
  padding-top: 22px !important;
}

@media (max-width: 991px){
  html body #innovation .inno-main{
    width: calc(100% - 28px) !important;
    padding: 38px 30px !important;
    border-radius: 24px !important;
  }

  html body #innovation .inno-part-one,
  html body #innovation .inno-para{
    max-width: 100% !important;
  }
}

@media (max-width: 767px){
  html body #innovation{
    padding: 14px 0 !important;
  }

  html body #innovation .inno-main{
    width: calc(100% - 20px) !important;
    padding: 28px 18px !important;
    border-radius: 20px !important;
  }

  html body #innovation .inno-title{
    margin-bottom: 16px !important;
  }

  html body #innovation .inno-para{
    line-height: 1.6 !important;
  }
}
