:root {
  --breakpoint-tablet: 768px;
  --breakpoint-desktop: 1024px;
  --primary-corporate-blue: #0A2642;
  --primary-corporate-blue-semitransparent: #0A264230;
  --primary-digital-blue: #0200B9;
  --primary-white: #FFFFFF;
  --secondary-blue-lagoon: #006778;
  --secondary-light-grey: #F4F4F4;
  --secondary-medium-grey: #737779;
  --secondary-border-medium-grey: #73777930;
  --secondary-purple: #723AB3;
  --border-color: #C1C1C1;
  --mulish: "Muli", sans-serif;
  --lora: "Lora", serif;
  --font-size: 1.6rem;
  --line-height: 2.4rem;
  --fixed-font-size: 1.8rem;
  --fixed-line-height: 2.4rem;
  --h1-font-size: 3.4rem;
  --h1-line-height: 3.8rem;
  --h2-font-size: 2.8rem;
  --h2-line-height: 3.2rem;
  --h3-font-size: 2.8rem;
  --h3-line-height: 3.2rem;
  --h4-font-size: 2.4rem;
  --h4-line-height: 2.8rem;
  --navbar-height: 6rem;
  --market-prices-and-search-height: 5.5rem;
  --logo-height: 3.4rem;
  --max-width: 118rem;
  --max-width-inner: 126rem;
  --max-width-narrow: 73rem;
  --container-padding: 2rem;
  --container-padding-negative: -2rem;
  --header-padding: 4rem;
  --section-spacing: 3rem;
}

@media screen and (min-width: 768px) {
  :root {
    --h1-font-size: 4.5rem;
    --h1-line-height: 5.0rem;
    --h2-font-size: 3.4rem;
    --h2-line-height: 3.8rem;
    --container-padding: 3.5rem;
    --container-padding-negative: -3.5rem;
    --header-padding: 6rem;
    --section-spacing: 4rem;
  }
}
@media screen and (min-width: 1024px) {
  :root {
    --font-size: 1.8rem;
    --line-height: 2.8rem;
    --h1-font-size: 5.0rem;
    --h1-line-height: 6.0rem;
    --h2-font-size: 4.0rem;
    --h2-line-height: 5.0rem;
    --h3-font-size: 3.4rem;
    --h3-line-height: 4.6rem;
    --h4-font-size: 2.8rem;
    --h4-line-height: 3.6rem;
    --header-padding: 7rem;
    --section-spacing: 6rem;
  }
}
.section--s-actions {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: max-content 1px max-content 1px max-content;
  gap: 2.5rem;
}
.section--s-actions.section--s-actions-2 {
  grid-template-rows: max-content 1px max-content;
}

.s-action {
  align-items: center;
  display: grid;
  gap: 2rem 1.5rem;
  grid-template-columns: 4rem 1fr;
  padding: 0;
}
.s-action img {
  width: 4rem;
}
.s-action div:last-child {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.4rem;
}
.s-action-divider {
  background-color: var(--secondary-border-medium-grey);
}

@media screen and (min-width: 768px) {
  .section--s-actions {
    grid-template-columns: 1fr 1px 1fr 1px 1fr;
    grid-template-rows: 1fr;
    gap: 3rem;
  }
  .section--s-actions.section--s-actions-2 {
    grid-template-columns: 1fr 1px 1fr;
    grid-template-rows: max-content;
  }
  .s-action {
    align-items: flex-start;
    gap: 2rem;
    grid-template-columns: 1fr;
    grid-template-rows: 5.5rem 1fr;
  }
  .s-action img {
    max-height: 5.5rem;
    width: unset;
  }
}
@media screen and (min-width: 1024px) {
  .section--s-actions {
    gap: 4rem;
  }
  .s-action div:last-child {
    font-size: 2rem;
    line-height: 2.8rem;
  }
}
.section--inequity-gaps {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: max-content 1px max-content 1px max-content;
  gap: 2.5rem;
}

.inequity-gap {
  align-items: center;
  display: grid;
  grid-template-columns: 5.3rem 1fr;
  gap: 2rem 1.5rem;
  padding: 0;
}
.inequity-gap img {
  height: 4rem;
}
.inequity-gap div:nth-child(2) {
  color: var(--primary-digital-blue);
  font-family: var(--lora);
  font-size: 5rem;
  font-weight: 500;
}
.inequity-gap div:last-child {
  grid-column: 1/span 2;
}

.inequity-divider {
  background-color: var(--secondary-border-medium-grey);
}

@media screen and (min-width: 768px) {
  .section--inequity-gaps {
    grid-template-columns: 1fr 1px 1fr 1px 1fr;
    grid-template-rows: 1fr;
    gap: 3rem;
  }
  .inequity-gap {
    gap: 2rem;
  }
  .inequity-gap img {
    height: 5.5rem;
  }
  .inequity-gap div:nth-child(2) {
    font-size: 6rem;
  }
}
@media screen and (min-width: 1024px) {
  .section--inequity-gaps {
    gap: 4rem;
  }
}
.se-fact-1 {
  align-items: flex-start;
  border-bottom: 1px solid var(--border-color);
  border-top: 1px solid var(--border-color);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 2rem 0;
  padding: 2rem 0;
}
.se-fact-1 :first-child {
  color: var(--primary-digital-blue);
  font-family: var(--lora);
  font-size: 4rem;
  line-height: 4rem;
}
.se-fact-1 :last-child {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.4rem;
}

.se-fact-2 {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: max-content 1px max-content;
  gap: 2.5rem;
  margin-top: 2rem;
}
.se-fact-2 > div {
  align-items: center;
  display: grid;
  grid-template-columns: 5.3rem 1fr;
  gap: 2rem 1.5rem;
  padding: 0;
}
.se-fact-2 > div img {
  height: 4rem;
}
.se-fact-2 > div div:nth-child(2) {
  color: var(--primary-digital-blue);
  font-family: var(--lora);
  font-size: 5rem;
  font-weight: 500;
}
.se-fact-2 > div div:last-child {
  align-self: start;
  font-size: 1.6rem;
  font-weight: 700;
  grid-column: 1/span 2;
  line-height: 2.4rem;
}

.se-fact-divider {
  background-color: var(--secondary-border-medium-grey);
}

.se-certificates {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.se-certificates img {
  max-width: 17rem;
}

@media screen and (min-width: 540px) {
  .se-fact-1 {
    align-items: center;
    flex-direction: row;
    gap: 2.5rem;
    margin: 3rem 0;
    padding: 1rem 0;
  }
}
@media screen and (min-width: 768px) {
  .se-fact-2 {
    grid-template-columns: 1fr 1px 1fr;
    grid-template-rows: 1fr;
    margin-top: 3rem;
  }
  .se-fact-2 > div {
    gap: 2rem;
  }
  .se-fact-2 > div img {
    height: 5.5rem;
  }
  .se-certificates {
    align-items: center;
    flex-direction: row;
    gap: 4rem;
    justify-content: start;
  }
}
@media screen and (min-width: 1024px) {
  .se-fact-1 :first-child {
    font-size: 5rem;
    line-height: 5rem;
  }
  .se-fact-2 {
    margin-top: 4rem;
  }
  .se-certificates {
    gap: 8rem;
  }
}