:root {
  --_colors---light-blue: #d7ecf8;
  --_colors---black: #000;
  --paragraph: clamp(.88rem, calc(.00177778 * (100vw - 22.5rem)  + .88rem), 1rem);
  --heading-1: clamp(2rem, calc(.037037 * (100vw - 22.5rem)  + 2rem), 4.5rem);
  --heading-2: clamp(1.5rem, calc(.0241481 * (100vw - 22.5rem)  + 1.5rem), 3.13rem);
  --heading-3: clamp(1.25rem, calc(.0111111 * (100vw - 22.5rem)  + 1.25rem), 2rem);
  --heading-4: clamp(1.13rem, calc(.00548148 * (100vw - 22.5rem)  + 1.13rem), 1.5rem);
  --heading-5: clamp(1rem, calc(.0037037 * (100vw - 22.5rem)  + 1rem), 1.25rem);
  --heading-6: clamp(.88rem, calc(.0037037 * (100vw - 22.5rem)  + .88rem), 1.13rem);
  --_colors---white: white;
  --_colors---orange: #fe6925;
  --_colors---darkest-blue: #0c4772;
  --_colors---dark-blue: #074979;
  --_colors---lightest-blue: #e6f7fe;
  --_colors---blue: #137fb4;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  background-color: var(--_colors---light-blue);
  color: var(--_colors---black);
  font-family: Inter, sans-serif;
  font-size: var(--paragraph);
  justify-content: center;
  align-items: flex-start;
  padding: 4rem 20px;
  line-height: 120%;
  display: flex;
}

h1 {
  font-size: var(--heading-1);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 110%;
}

h2 {
  font-size: var(--heading-2);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 120%;
}

h3 {
  font-size: var(--heading-3);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 120%;
}

h4 {
  font-size: var(--heading-4);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 120%;
}

h5 {
  font-size: var(--heading-5);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 120%;
}

h6 {
  font-size: var(--heading-6);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  line-height: 120%;
}

p {
  margin-bottom: 10px;
}

.content-wrapper {
  background-color: var(--_colors---white);
  border-radius: 50px;
  width: 100%;
  max-width: 1152px;
  overflow: hidden;
}

.container {
  max-width: none;
  padding-left: 20px;
  padding-right: 20px;
}

.container.cta-banner-container {
  max-width: 1000px;
}

.button {
  background-color: var(--_colors---orange);
  border-radius: 100px;
  padding: 22.5px 50px;
  font-size: clamp(1.25rem, 1.11111vw + 1rem, 2rem);
  font-weight: 700;
  line-height: 120%;
}

.main-header {
  padding-top: 50px;
  padding-bottom: 21px;
}

.main-header__wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.main-header__tagline {
  min-width: 357px;
  font-weight: 500;
}

.hero-banner {
  padding-top: 27px;
  padding-bottom: 27px;
  position: relative;
}

.hero-banner__content-wrapper {
  max-width: 672px;
}

.hero-banner__highlighted-text {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#0e578d 1%, #0b7ebd);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 1px;
  margin-bottom: 25px;
  font-weight: 800;
}

.hero-banner__description {
  max-width: 600px;
  color: var(--_colors---darkest-blue);
  font-weight: 400;
}

.coverage {
  padding-top: 62px;
  padding-bottom: 63px;
}

.coverage__heading-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--_colors---dark-blue);
  color: var(--_colors---white);
  border-radius: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  padding: 20px 32px 27px;
  display: grid;
}

.coverage__heading-description {
  flex: 1;
}

.coverage__grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 30px;
}

.coverage__grid-item {
  border: 3px solid var(--_colors---lightest-blue);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 21px 20px;
  display: flex;
  position: relative;
}

.coverage__grid-item-ellipse {
  background-color: var(--_colors---lightest-blue);
  border-radius: 100%;
  width: 100%;
  max-width: 210px;
  height: 210px;
  position: relative;
  inset: auto;
}

.coverage__grid-item-content-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 215px;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
  position: absolute;
  inset: auto;
}

.coverage__grid-item-icon-wrapper {
  justify-content: center;
  align-items: center;
  min-height: 125px;
  margin-bottom: 12px;
  display: flex;
}

.process__heading-wrapper {
  grid-column-gap: 50px;
  grid-row-gap: 2rem;
  background-color: var(--_colors---lightest-blue);
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  padding: 31px 32px;
  display: flex;
}

.process__heading-description {
  max-width: 395px;
  font-weight: 400;
}

.text-color-blue {
  color: var(--_colors---dark-blue);
}

.coverage__heading-divider {
  background-color: var(--_colors---white);
  width: 2px;
  height: 70px;
}

.coverage__heading-divider.hide {
  display: none;
}

.process__heading-divider {
  background-color: var(--_colors---dark-blue);
  width: 1px;
  height: 66px;
}

.process__steps {
  grid-column-gap: 2rem;
  grid-row-gap: 4rem;
  justify-content: space-around;
  align-items: stretch;
  padding-top: 53px;
  display: flex;
}

.process__step {
  display: flex;
}

.process__step-number {
  color: var(--_colors---white);
  font-size: 2.25rem;
  line-height: 120%;
}

.process__step-content-wrapper {
  max-width: 217px;
}

.process__step-image-wrapper {
  justify-content: center;
  align-items: flex-end;
  min-height: 122px;
  margin-bottom: 18px;
  display: flex;
}

.process__step-number-wrapper {
  background-color: var(--_colors---blue);
  border-radius: 100px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-right: -10px;
  display: flex;
}

.font-weight-medium {
  font-weight: 500;
}

.process__steps-divider {
  background-color: var(--_colors---dark-blue);
  width: 2px;
  height: 100%;
  min-height: 204px;
}

.guarantee {
  padding-top: 50px;
  padding-bottom: 50px;
}

.guarantee__wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: var(--_colors---lightest-blue);
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  padding: 16px 26px;
  display: flex;
}

.guarantee__item {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.guarantee__item-icon-wrapper {
  background-color: var(--_colors---blue);
  border-radius: 100px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
}

.guarantee__divider {
  background-color: var(--_colors---blue);
  width: 2px;
  height: 54px;
}

.cta-banner {
  padding-top: 42px;
  padding-bottom: 138px;
}

.cta-banner__wrapper {
  grid-column-gap: 54px;
  grid-row-gap: 54px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hero-banner__background {
  background-image: url('../images/hero-bg.png');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  position: absolute;
  inset: 0%;
}

.hero-banner__wrapper {
  position: relative;
}

.coverage-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.coverage-titile {
  font-size: var(--heading-3);
}

.button-sm {
  background-color: var(--_colors---orange);
  text-align: center;
  border-radius: 100px;
  padding: 22.5px 25px;
  font-size: clamp(.95rem, .45vw + .85rem, 1.25rem);
  font-weight: 700;
  line-height: 120%;
}

.margin-top-sm {
  margin-top: 2rem;
}

@media screen and (max-width: 991px) {
  .main-header__tagline {
    min-width: auto;
  }

  .process__heading-wrapper {
    grid-column-gap: 2rem;
  }

  .hero-banner__background {
    background-image: linear-gradient(90deg, var(--_colors---white) 50%, #fff0), url('../images/hero-bg.png');
    background-position: 0 0, 100%;
    background-repeat: repeat, no-repeat;
    background-size: auto, auto 100%;
  }

  .coverage-titile {
    flex: 1;
  }
}

@media screen and (max-width: 767px) {
  body {
    padding-left: 15px;
    padding-right: 15px;
  }

  .content-wrapper {
    border-radius: 30px;
  }

  .container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .coverage__heading-wrapper {
    grid-template-columns: 1fr;
  }

  .coverage__heading-description {
    flex: 1;
  }

  .coverage__grid {
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .process__steps, .guarantee__wrapper {
    flex-flow: wrap;
  }

  .main-header__logo {
    max-width: 150px;
  }

  .hero-banner__background {
    background-image: url('../images/hero-bg.png');
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
    position: relative;
  }

  .hero-banner__wrapper {
    background-color: var(--_colors---lightest-blue);
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .body {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .coverage-content {
    justify-content: flex-start;
    align-items: center;
  }
}

@media screen and (max-width: 479px) {
  .main-header__wrapper {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .coverage__heading-wrapper {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: wrap;
    justify-content: flex-start;
  }

  .coverage__heading-description {
    text-align: center;
  }

  .coverage__grid {
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr;
  }

  .process__heading-wrapper {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: wrap;
  }

  .coverage__heading-divider, .process__heading-divider {
    display: none;
  }

  .process__steps {
    flex-flow: column;
  }

  .process__step-number-wrapper {
    margin-right: 0;
  }

  .process__steps-divider {
    display: none;
  }

  .guarantee__wrapper {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .guarantee__divider {
    display: none;
  }

  .coverage-content {
    flex-flow: column;
  }

  .coverage-titile {
    text-align: center;
  }
}


