@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400&family=Roboto:ital,wght@0,400;0,700;1,400&display=swap");
:root {
  --ca-brand-colour: #00bcfd;
  --ca-primary-colour: #23d2b5;
  --ca-secondary-colour: #17255f;
  --ca-success-colour: #00aaff;
  --ca-warning-colour: #00817d;
  --ca-danger-alert-colour: #e94287;
  --ca-dark-grey-colour: #6c4796;
  --ca-light-grey-colour: #eb5d40;
  --ca-accent-colour-1: #f4c867;
  --ca-accent-colour-2: #e18554;
  --ca-accent-colour-3: #278cbc;
  --ca-accent-colour-4: #67ae6e;
  --ca-before-after-label-background-colour: #4bb0b9;
  --ca-hero-header-colour: #1e2b33;
  --ca-light-blue-section: #d2ebfb;
}
@font-face {
  font-family: "right-grotesk";
  src: url("https://ca-v2.s3.ap-southeast-2.amazonaws.com/engie/fonts/pprightgrotesk-medium-webfont.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
.ca-body {
  font-family: "Lato", sans-serif;
}
.ca-body h1, .ca-body h2, .ca-body h3, .ca-body h4, .ca-body h5, .ca-body h6, .ca-heading h1, .ca-heading h2, .ca-heading h3, .ca-heading h4, .ca-heading h5, .ca-heading h6 {
  font-family: "right-grotesk", sans-serif;
  font-weight: 400;
  font-style: normal;
}
h1 {
  font-size: 3.125rem;
}
p.lead {
  font-size: 1.15em;
  font-weight: 400;
}
a {
  font-weight: 400;
}
.ca-hero::before {
  content: "";
  position: absolute;
  width: 66%;
  height: 30px;
  background: linear-gradient(115deg, #00bcfd 50%, #64cfb7 100%);
  bottom: -15px;
  left: 0px;
  z-index: 100;
  top: unset !important;
}