:root {
  --blue:#0073cf;
  --dblue:#1b3d5b;
  --red:red;
  --dred:darken(var(--red),15%);
  --font:"Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

html, body {
  min-height: 100%;
  height: auto;
}

body {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font: 400 16px var(--font);
  background: white;
}

img {
  max-width: 100%;
}

a, button {
  border-radius: 0;
  cursor: pointer;
}

button {
  all: unset;
  cursor: pointer;
  padding: 0.5em 1em;
  background: var(--blue);
  color: white;
  border-radius: 0;
  font-family: inherit;
}

sup {
  line-height: 1em;
  vertical-align: super;
  display: inline-block;
  position: static;
}

input {
  border-radius: 0;
}

iframe {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

* ::-moz-selection {
  color: #fff;
  background-color: var(--red);
}
* ::-moz-selection * {
  color: #fff;
}
* ::-moz-selection {
  color: #fff;
  background-color: var(--red);
}
* ::selection {
  color: #fff;
  background-color: var(--red);
}
* ::-moz-selection * {
  color: #fff;
}
* ::selection * {
  color: #fff;
}

.wrap {
  max-width: 960px;
  padding: 0 15px;
  margin: auto;
  text-align: center;
}

h1 {
  font: 900 clamp(44.1px, 4.921875vw, 63px)/1em var(--font);
  color: var(--dblue);
  text-align: center;
  text-transform: uppercase;
  padding: 0.6em;
  background: var(--dblue);
  margin: 0 0 0.5em 0;
}
h1 span {
  display: inline-block;
  background: #71fd3d;
  padding: 0.3em 0.5em;
}

h2 {
  color: var(--dblue);
  font: 900 clamp(35px, 3.90625vw, 50px) var(--font);
  text-transform: uppercase;
  margin: 0 0 1em 0;
  text-align: center;
  padding: 0 15px;
}

.people {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: clamp(21px, 2.34375vw, 30px);
  margin-bottom: 50px;
  flex-wrap: nowrap;
}
.people .person {
  background: #02194b;
  padding: clamp(16px, 1.5625vw, 20px);
  color: white;
  text-align: center;
  width: 33.33%;
  max-width: clamp(210px, 23.4375vw, 300px);
  height: 100%;
}
.people .person img {
  display: block;
  margin: 0 auto clamp(21px, 2.34375vw, 30px) auto;
}
.people .person h3 {
  font: 900 clamp(31.5px, 3.515625vw, 45px)/1.1em var(--font);
  margin: 0;
}
.people .person h3 span {
  display: block;
  font-weight: 400;
  color: #b4c1dc;
  text-transform: uppercase;
  font-size: clamp(18.9px, 2.109375vw, 27px);
}
.people .person h3 strong {
  display: block;
  text-transform: uppercase;
}

ul {
  list-style: none;
  margin: 0 0 1.5em 0;
  background: #96cc64;
  border: 4px solid var(--dblue);
  text-align: left;
  padding: clamp(24.5px, 2.734375vw, 35px);
  color: var(--dblue);
  font-size: clamp(26.6px, 2.96875vw, 38px);
  font-weight: 900;
  text-transform: uppercase;
}
ul li {
  padding-left: clamp(70px, 7.8125vw, 100px);
}
ul li:before {
  content: "";
  display: inline-block;
  width: clamp(70px, 7.8125vw, 100px);
  height: clamp(56.7px, 6.328125vw, 81px);
  background: url(check.svg) center top/clamp(49.7px, 5.546875vw, 71px) no-repeat;
  margin-left: clamp(-100px, -7.8125vw, -70px);
  vertical-align: top;
  line-height: 1em;
}
ul li:not(:last-child) {
  margin-bottom: 0.7em;
}
ul li span {
  vertical-align: middle;
  display: inline-block;
  padding-top: 0.7em;
}

footer {
  background: var(--dblue);
  padding: clamp(28px, 3.125vw, 40px) 15px;
  text-align: center;
}
footer h2 {
  display: inline-block;
  background: #71fd3d;
  padding: 0.2em 0.5em;
  font-size: clamp(31.5px, 3.515625vw, 45px);
  margin-bottom: 0.5em;
}
footer p {
  color: white;
  font-size: clamp(16px, 1.40625vw, 18px);
  text-align: center;
  margin: 0;
}

@media (max-width: 767px) {
  h1 {
    font-size: 8vw;
  }
  h2 {
    margin-bottom: 0.3em;
    font-size: 7vw;
  }
  .wrap {
    padding: 10px;
  }
  .people {
    gap: 5px;
    margin: 0 -10px 40px -10px;
  }
  .people .person {
    padding: 15px 5px;
  }
  .people .person h3 {
    font-size: 5.5vw;
  }
  .people .person h3 strong {
    text-transform: none;
  }
  ul {
    text-transform: none;
    padding: 10px;
    font-weight: 800;
    font-size: 6vw;
  }
  ul li {
    padding-left: 12vw;
  }
  ul li:before {
    width: 12vw;
    height: 12vw;
    margin-left: -12vw;
    background-size: contain;
    background-position: center left;
  }
  ul li span {
    word-break: break-word;
  }
}/*# sourceMappingURL=style.css.map */