/** @format */
/**
 * Figma Styles of your File
 *
 * @format
 */
:root {
  /* Colors */
  --dpc-dark-green: #023d35;
  --dark-green: #015c51;
  --green: #6f7d00;
  --dpc-light-green: #a9b643;
  --dpc-blue: rgba(172, 209, 231, 0.4);
  --blue: #acd1e7;
  --warm-grey: #e2dfdb;
  --white: #ffffff;
  --black-100: #000000;
  --black-80: rgba(0, 0, 0, 0.8);
  --black-60: rgba(0, 0, 0, 0.6);
  --black-40: rgba(0, 0, 0, 0.4);
  --black-20: rgba(0, 0, 0, 0.2);
  /* Effects */
  --font-base-size: 32px;
  /* paddings */
  --padding-desktop: 5rem;
  --padding-tablet: 1rem;
  --post-width: 43.75rem;
  --post-block-margin: 0 auto 2.5rem auto;
  --font-size: 16px;
  --outer-margin-sm: 16px;
  --outer-margin-md: 40px;
  --outer-margin-lg: 140px;
  --drawer-width: 25rem;
  --spacing-xxs: 0.25rem;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 2.5rem;
  --page-width: 1512px;
  --inner-page-width: 700px;
}

/** @format */
/** @format */
/** @format */
/**
* Breakpoints
*
*/
/**
 * Flex
 */
.open-sans, .open-sans-light, .body-x-small-light, .body-small-light, .body-medium-light, .body-large-light, .h5-light, .h4-light, .h3-light, h2, .h2-light, .h1-light, .open-sans-regular, .body-x-small-regular, .body-small-regular, .body-medium-regular, .body-large-regular, .h5-regular, .h4-regular, .h3-regular, .h2-regular, .h1-regular, .open-sans-semi-bold, .body-x-small-bold, .body-small-bold, .body-medium-bold, .body-large-bold, .h1-bold, .open-sans-bold, .h5-bold, .h4-bold, .h3-bold, .h2-bold, .numbers-small, .numbers-medium, .numbers-large {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

.open-sans-bold, .h5-bold, .h4-bold, .h3-bold, .h2-bold, .numbers-small, .numbers-medium, .numbers-large {
  font-weight: 700;
}

.open-sans-semi-bold, .body-x-small-bold, .body-small-bold, .body-medium-bold, .body-large-bold, .h1-bold {
  font-weight: 600;
}

.open-sans-regular, .body-x-small-regular, .body-small-regular, .body-medium-regular, .body-large-regular, .h5-regular, .h4-regular, .h3-regular, .h2-regular, .h1-regular {
  font-weight: 400;
}

.open-sans-light, .body-x-small-light, .body-small-light, .body-medium-light, .body-large-light, .h5-light, .h4-light, .h3-light, h2, .h2-light, .h1-light {
  font-weight: 300;
}

.numbers-large {
  font-size: 5.375rem;
  line-height: 120%;
}

.numbers-medium {
  font-size: 4rem;
  line-height: 120%;
}
@media only screen and (min-width: 767.02px) {
  .numbers-medium {
    font-size: 5.375rem;
  }
}

.numbers-small {
  font-size: 2.5rem;
  line-height: 120%;
}
@media only screen and (min-width: 767.02px) {
  .numbers-small {
    font-size: 4rem;
  }
}

.h1-light {
  font-size: 4rem;
  line-height: 120%;
}

.h1-regular {
  font-size: 4rem;
  line-height: 120%;
}

.h1-bold {
  font-size: 4rem;
  line-height: 120%;
}

.h2-light {
  font-size: 3rem;
  line-height: 120%;
}
@media only screen and (min-width: 767.02px) {
  .h2-light {
    font-size: 4rem;
  }
}

.h2-regular {
  font-size: 3rem;
  line-height: 120%;
}

.h2-bold {
  font-size: 3rem;
  line-height: 120%;
}

.h3-light, h2 {
  font-size: 2.25rem;
  line-height: 120%;
}

.h3-regular {
  font-size: 2.25rem;
  line-height: 120%;
}

.h3-bold {
  font-size: 2.25rem;
  line-height: 120%;
}
@media only screen and (min-width: 767.02px) {
  .h3-bold {
    font-size: 3rem;
  }
}

.h4-light {
  font-size: 1.75rem;
  line-height: 120%;
}

.h4-regular {
  font-size: 1.75rem;
  line-height: 120%;
}

.h4-bold {
  font-size: 1.75rem;
  line-height: 120%;
}

.h5-light {
  font-size: 1.5rem;
  line-height: 120%;
}

.h5-regular {
  font-size: 1.5rem;
  line-height: 120%;
}

.h5-bold {
  font-size: 1.5rem;
  line-height: 120%;
}
@media only screen and (min-width: 767.02px) {
  .h5-bold {
    font-size: 2.25rem;
  }
}

.body-large-light {
  font-size: 1.25rem;
  line-height: 140%;
}
@media only screen and (min-width: 767.02px) {
  .body-large-light {
    font-size: 1.5rem;
    line-height: 120%;
  }
}

.body-large-regular {
  font-size: 1.25rem;
  line-height: 140%;
}
@media only screen and (min-width: 767.02px) {
  .body-large-regular {
    font-size: 1.5rem;
    line-height: 120%;
  }
}

.body-large-bold {
  font-size: 1.25rem;
  line-height: 140%;
}
@media only screen and (min-width: 767.02px) {
  .body-large-bold {
    font-size: 1.5rem;
    line-height: 120%;
  }
}

.body-medium-light {
  font-size: 1.125rem;
  line-height: 140%;
}

.body-medium-regular {
  font-size: 1.125rem;
  line-height: 140%;
}

.body-medium-bold {
  font-size: 1.125rem;
  line-height: 140%;
}
@media only screen and (min-width: 767.02px) {
  .body-medium-bold {
    font-size: 1.5rem;
    line-height: 120%;
  }
}

.body-small-light {
  font-size: 1rem;
  line-height: 140%;
}
@media only screen and (min-width: 767.02px) {
  .body-small-light {
    font-size: 1.25rem;
  }
}

.body-small-regular {
  font-size: 1rem;
  line-height: 140%;
}
@media only screen and (min-width: 767.02px) {
  .body-small-regular {
    font-size: 1.25rem;
  }
}

.body-small-bold {
  font-size: 1rem;
  line-height: 140%;
}
@media only screen and (min-width: 767.02px) {
  .body-small-bold {
    font-size: 1.25rem;
  }
}

.body-x-small-light {
  font-size: 0.875rem;
  line-height: 140%;
}

.body-x-small-regular {
  font-size: 0.875rem;
  line-height: 140%;
}

.body-x-small-bold {
  font-size: 0.875rem;
  line-height: 120%;
}
@media only screen and (min-width: 767.02px) {
  .body-x-small-bold {
    font-size: 1rem;
  }
}

h2 {
  color: var(--dark-green);
}
@media only screen and (min-width: 767.02px) {
  h2 {
    font-size: 3rem;
  }
}

/** @format */
/** @format */
/** @format */
/**
 * ------------------------------------------------------------ *\
 * 	Reset
 * \* ------------------------------------------------------------
 *
 * @format
 */
* {
  padding: 0;
  margin: 0;
  outline: 0;
  box-sizing: border-box;
}

*:before,
*:after {
  box-sizing: inherit;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main {
  display: block;
}

template {
  display: none;
}

html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-size-adjust: none;
  font-size: var(--font-base-size);
  background: var(--white);
  color: var(--black-100);
}

img,
iframe,
video,
audio,
object {
  max-width: 100%;
}

img,
iframe {
  border: 0 none;
}

img {
  height: auto;
  display: inline-block;
  vertical-align: middle;
  object-fit: cover;
  max-width: 100%;
}

b,
strong {
  font-weight: bolder;
}

address {
  font-style: normal;
}

svg:not(:root) {
  overflow: hidden;
}

a,
button,
input[type=submit],
input[type=button],
input[type=reset],
input[type=file],
input[type=image],
label[for] {
  cursor: pointer;
}

button[disabled],
input[disabled],
textarea[disabled],
select[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

input[type=text],
input[type=password],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=month],
input[type=week],
input[type=email],
input[type=number],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
input[type=color],
textarea,
a[href^=tel] {
  appearance: none;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  appearance: none;
}

textarea {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

button,
select {
  text-transform: none;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

nav ul,
nav ol {
  list-style: none outside none;
}

input::placeholder {
  color: inherit;
  opacity: 1;
}

textarea::placeholder {
  color: inherit;
  opacity: 1;
}

input[type=text],
input[type=button],
input[type=tel],
input[type=email],
input[type=submit],
input[type=date],
input[type=search],
textarea {
  appearance: none;
}

p:last-child {
  margin-bottom: 0;
}

section {
  scroll-margin-top: 32px;
}

/** @format */
/** @format */
html {
  height: 100%;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: var(--outer-margin-sm);
  padding-right: var(--outer-margin-sm);
  width: 100%;
  max-width: var(--page-width);
}
@media only screen and (min-width: 767.02px) {
  .container {
    padding-left: var(--outer-margin-md);
    padding-right: var(--outer-margin-md);
  }
}
@media only screen and (min-width: 1399.02px) {
  .container {
    padding-left: var(--outer-margin-lg);
    padding-right: var(--outer-margin-lg);
  }
}

.container--fluid {
  max-width: none;
}

.container--flush {
  padding-left: 0;
  padding-right: 0;
}

.inner-container {
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: var(--inner-page-width);
  padding-left: var(--outer-margin-sm);
  padding-right: var(--outer-margin-sm);
  width: 100%;
}
@media only screen and (min-width: 767.02px) {
  .inner-container {
    padding-left: var(--outer-margin-md);
    padding-right: var(--outer-margin-md);
  }
}
@media only screen and (min-width: 1023.02px) {
  .inner-container {
    padding-left: 0;
    padding-right: 0;
  }
}

/** @format */
/** @format */
.header {
  overflow: hidden;
}
.header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
@media only screen and (min-width: 767.02px) {
  .header .container {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
.header__logo {
  max-width: 8.8125rem;
  aspect-ratio: 47/16;
}
.header__language-mobile {
  position: relative;
}
@media only screen and (min-width: 767.02px) {
  .header__language-mobile {
    display: none;
    visibility: hidden;
  }
}
.header__language-mobile .trigger {
  background: var(--dpc-light-green, #a9b643);
  color: var(--dpc-dark-green);
  padding: 0.5rem 1rem;
  text-transform: uppercase;
  border-radius: 1.875rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: none;
  font-weight: 600;
  width: 70px;
}
.header__language-mobile .trigger.open svg {
  transform: rotate(180deg);
}
.header__language-mobile .trigger:focus-visible {
  outline: 4px solid var(--dpc-dark-green, #023d35);
  outline-offset: 4px;
}
.header__language-mobile .dropdown {
  position: absolute;
  top: calc(100% + 0.25rem);
  right: 0;
  background: var(--white);
  z-index: 200;
  border-radius: 0.5rem;
}
.header__language-mobile .dropdown :nth-child(1) a {
  border-radius: 0.5rem 0.5rem 0 0;
}
.header__language-mobile .dropdown :nth-child(2) a {
  border-radius: 0 0 0.5rem 0.5rem;
}
.header__language-mobile .dropdown a {
  display: block;
  padding: 0.375rem 0.75rem;
  text-decoration: none;
  color: var(--dpc-dark-green);
  text-transform: capitalize;
}
.header__language-mobile .dropdown a:focus-visible {
  outline: 2px solid var(--dpc-dark-green, #023d35);
  outline-offset: -6px;
}
.header__language-mobile .dropdown a.current {
  background: var(--dpc-light-green, #a9b643);
}
.header__language-desktop {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.header__language-desktop a {
  display: flex;
  background: var(--White, #fff);
  border: 1px solid var(--warm-grey, #e2dfdb);
  text-decoration: none;
  color: var(--dpc-dark-green, #023d35);
  transition: all 0.2s ease-in-out;
}
.header__language-desktop a:focus-visible {
  outline: 2px solid var(--dpc-dark-green, #023d35);
  outline-offset: 4px;
}
.header__language-desktop a:hover {
  background: var(--warn-grey);
}
.header__language-desktop a:first-child {
  border-right: none;
  border-radius: 2.5rem 0 0 2.5rem;
  padding: 0.5rem 0.75rem 0.5rem 1rem;
}
.header__language-desktop a:last-child {
  border-radius: 0 2.5rem 2.5rem 0;
  padding: 0.5rem 1rem 0.5rem 0.75rem;
}
.header__language-desktop a.current {
  background: var(--DPC-Light-Green, #a9b643);
  pointer-events: none;
}
.header__desktop {
  display: none;
}
@media only screen and (min-width: 767.02px) {
  .header__desktop {
    display: flex;
    gap: 2.5rem;
    align-items: center;
  }
}
.header__nav {
  display: flex;
}
.header__nav a {
  display: flex;
  width: 24px;
  height: 24px;
  justify-content: center;
  align-items: center;
}
.header__nav a span {
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  aspect-ratio: 1/1;
  border: 1px solid var(--warm-grey);
  border-radius: 50%;
}
.header__nav a:focus-visible {
  outline: 2px solid var(--dpc-dark-green, #023d35);
  border-radius: 50%;
  outline-offset: -4px;
}
.header__nav a.current span {
  background: var(--dpc-dark-green, #023d35);
  border-color: var(--dpc-dark-green, #023d35);
}
.header .nav {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background: var(--white);
  z-index: 100;
}
.header .hero {
  background: var(--warm-grey);
  padding: 3rem 0;
  margin-top: 72px;
}
@media only screen and (min-width: 767.02px) {
  .header .hero {
    margin-top: 96px;
  }
}
.header .hero .container {
  display: flex;
  flex-direction: column;
  padding-right: 0;
  align-items: flex-start;
}
@media only screen and (min-width: 767.02px) {
  .header .hero .container {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr)) var(--outer-margin-md);
    grid-template-rows: auto 1fr;
    column-gap: 1rem;
    row-gap: 2.5rem;
  }
}
@media only screen and (min-width: 1399.02px) {
  .header .hero .container {
    grid-template-columns: repeat(12, minmax(0, 1fr)) var(--outer-margin-lg);
  }
}
.header .hero__title {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  color: var(--DPC-Dark-Green, #023d35);
  position: relative;
}
.header .hero__title span {
  opacity: 0;
  transform: translateY(24px);
  animation: fadeUp 0.6s ease forwards;
}
.header .hero__title span:nth-child(1) {
  animation-delay: 0.2s;
}
.header .hero__title span:nth-child(2) {
  animation-delay: 0.3s;
}
.header .hero__title span:nth-child(3) {
  animation-delay: 0.4s;
}
@media only screen and (min-width: 767.02px) {
  .header .hero__title {
    grid-column: 1/6;
    grid-row: 1/2;
    padding-top: 4.75rem;
  }
}
@media only screen and (min-width: 1023.02px) {
  .header .hero__title {
    padding-top: 8.75rem;
  }
}
.header .hero__title :last-child {
  padding-top: 0.5rem;
}
@media only screen and (min-width: 767.02px) {
  .header .hero__line {
    grid-column: 1/2;
    grid-row: 2/3;
    display: block;
    width: 1px;
    height: 100%;
    background: var(--dpc-light-green);
  }
}
.header .hero__image-mobile {
  max-height: 34.25rem;
  place-self: end end;
}
@media only screen and (min-width: 767.02px) {
  .header .hero__image-mobile {
    display: none;
  }
}
.header .hero__image-desktop {
  display: none;
}
@media only screen and (min-width: 767.02px) {
  .header .hero__image-desktop {
    display: block;
    grid-column: 6/14;
    grid-row: 1/3;
    transform: translateX(110px);
    max-height: 53.25rem;
    aspect-ratio: 1/1;
  }
}

@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/** @format */
/** @format */
.enforcement {
  padding: 5rem 0;
}
.enforcement .container {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media only screen and (min-width: 1023.02px) {
  .enforcement .container {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 1.5rem;
  }
}
@media only screen and (min-width: 1023.02px) {
  .enforcement h2 {
    grid-column: 1/4;
  }
}
.enforcement__total-outer {
  padding: 3.15rem;
  background: var(--dpc-light-green);
  border-radius: 50%;
  aspect-ratio: 1/1;
  opacity: 0;
  transform: scale(0);
}
.enforcement__total-outer.in-view {
  animation: centerOut 0.8s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
@media only screen and (min-width: 767.02px) {
  .enforcement__total-outer {
    grid-column: 4/10;
    max-width: 31.5rem;
    width: 100%;
    place-self: center;
    padding: 4.75rem;
  }
}
.enforcement__total-inner {
  background: var(--dpc-dark-green);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  color: var(--white);
  opacity: 0;
  transform: scale(0);
}
.enforcement__total-inner.in-view {
  animation-delay: 0.3s;
  animation: centerOut 0.8s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
.enforcement__copy strong {
  font-weight: 600;
}
@media only screen and (min-width: 1023.02px) {
  .enforcement__copy {
    grid-column: 10/13;
    max-width: 16rem;
    place-self: end end;
  }
}

@keyframes centerOut {
  to {
    opacity: 1;
    transform: scale(1);
  }
}
/** @format */
/** @format */
.decision {
  padding: 5rem 0;
  background-color: var(--dpc-dark-green);
}
@media only screen and (min-width: 1023.02px) {
  .decision {
    padding: 7.5rem 0;
  }
}
.decision .container {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media only screen and (min-width: 767.02px) {
  .decision .container {
    gap: 3.75rem;
  }
}
.decision__title {
  color: var(--white);
  padding-left: 1rem;
}
@media only screen and (min-width: 767.02px) {
  .decision__title {
    gap: 3.75rem;
  }
}
.decision__items {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.decision__item {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.decision__item.in-view .decision__item--title {
  animation: moveIn 0.8s ease-in-out forwards;
}
.decision__item.in-view .decision__item--copy {
  animation: moveUp 0.8s ease-in forwards;
}
@media only screen and (min-width: 1023.02px) {
  .decision__item {
    display: grid;
    grid-gap: 1.5rem;
    grid-template-columns: var(--outer-margin-md) repeat(12, minmax(0, 1fr));
  }
}
@media only screen and (min-width: 1399.02px) {
  .decision__item {
    grid-template-columns: var(--outer-margin-lg) repeat(12, minmax(0, 1fr));
  }
}
.decision__item--title {
  border-radius: 0rem 22.5rem 22.5rem 0rem;
  background: var(--dpc-light-green, #a9b643);
  display: flex;
  justify-content: space-between;
  position: relative;
  transform: translateX(-100%);
  backface-visibility: hidden;
}
.decision__item--title::before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: var(--dpc-light-green, #a9b643);
}
@media only screen and (min-width: 767.02px) {
  .decision__item--title {
    grid-column: 1/8;
    align-items: center;
  }
}
.decision__item--text {
  display: block;
  padding: 1rem;
  color: var(--dpc-dark-green);
}
@media only screen and (min-width: 767.02px) {
  .decision__item--text {
    padding-left: var(--outer-margin-md);
  }
}
@media only screen and (min-width: 1399.02px) {
  .decision__item--text {
    padding-left: var(--outer-margin-lg);
  }
}
.decision__item--number {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 2px solid var(--dpc-light-green, #a9b643);
  background: var(--dpc-dark-green, #023d35);
  width: 3.75rem;
  height: 3.75rem;
  padding: 0.5rem;
  color: var(--white);
}
@media only screen and (min-width: 767.02px) {
  .decision__item--number {
    width: 5.5rem;
    height: 5.5rem;
    font-size: 2.25rem;
    font-weight: 700;
  }
}
.decision__item--copy {
  padding-left: 1rem;
  color: var(--warm-grey);
  transform: translateY(2rem);
  opacity: 0;
}
@media only screen and (min-width: 767.02px) {
  .decision__item--copy {
    padding-left: var(--outer-margin-md);
  }
}
@media only screen and (min-width: 1023.02px) {
  .decision__item--copy {
    grid-column: 8/14;
    padding-left: 1rem;
    display: flex;
    align-items: center;
  }
}

@keyframes moveIn {
  to {
    transform: translateX(0);
  }
}
@keyframes moveUp {
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
/** @format */
/** @format */
.inquires,
.case {
  padding: 5rem 0;
}
@media only screen and (min-width: 1023.02px) {
  .inquires,
  .case {
    padding: 7.5rem 0;
  }
}
.inquires .container,
.case .container {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media only screen and (min-width: 1023.02px) {
  .inquires .container,
  .case .container {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 1rem;
    row-gap: 2.5rem;
  }
}
.inquires__header,
.case__header {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media only screen and (min-width: 1023.02px) {
  .inquires__header,
  .case__header {
    grid-column: 1/9;
  }
}
@media only screen and (min-width: 1023.02px) {
  .inquires__copy,
  .case__copy {
    grid-column: 1/9;
  }
}
.inquires__items,
.case__items {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media only screen and (min-width: 1023.02px) {
  .inquires__items,
  .case__items {
    grid-column: 1/13;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
  }
}
.inquires__items.in-view .inquires__item,
.inquires__items.in-view .case__item,
.case__items.in-view .inquires__item,
.case__items.in-view .case__item {
  animation: moveUp 0.8s ease-in-out forwards;
}
.inquires__items.in-view .inquires__item:nth-child(1),
.inquires__items.in-view .case__item:nth-child(1),
.case__items.in-view .inquires__item:nth-child(1),
.case__items.in-view .case__item:nth-child(1) {
  animation-delay: 0.2s;
}
.inquires__items.in-view .inquires__item:nth-child(2),
.inquires__items.in-view .case__item:nth-child(2),
.case__items.in-view .inquires__item:nth-child(2),
.case__items.in-view .case__item:nth-child(2) {
  animation-delay: 0.3s;
}
.inquires__items.in-view .inquires__item:nth-child(3),
.inquires__items.in-view .case__item:nth-child(3),
.case__items.in-view .inquires__item:nth-child(3),
.case__items.in-view .case__item:nth-child(3) {
  animation-delay: 0.4s;
}
.inquires__item,
.case__item {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1.5rem;
  color: var(--dpc-dark-green);
  opacity: 0;
  transform: translateY(2rem);
}
.inquires__item.green,
.case__item.green {
  background: var(--dpc-light-green);
}
.inquires__item.border,
.case__item.border {
  border: 1px solid var(--warm-grey);
}
.inquires__item.blue,
.case__item.blue {
  background: var(--dpc-blue);
}

@keyframes moveUp {
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
/** @format */
/** @format */
.ai {
  padding: 5rem 0;
  background: var(--warm-grey);
}
@media only screen and (min-width: 767.02px) {
  .ai {
    padding: 5rem 0 10rem;
  }
}
.ai .container {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.ai__items {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ai__items img {
  height: 10rem;
}
@media only screen and (min-width: 1023.02px) {
  .ai__items img {
    width: 100%;
    height: 100%;
  }
}
@media only screen and (min-width: 1023.02px) {
  .ai__items {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 1rem;
  }
}
@media only screen and (min-width: 1023.02px) {
  .ai__items :nth-child(1) {
    grid-column: 1/5;
  }
}
@media only screen and (min-width: 1023.02px) {
  .ai__items :nth-child(2) {
    grid-column: 5/8;
  }
}
@media only screen and (min-width: 1023.02px) {
  .ai__items :nth-child(3) {
    grid-column: 8/13;
  }
}
.ai__copy {
  border: 1px solid var(--warm-grey, #e2dfdb);
  background: var(--white, #fff);
  padding: 1.5rem;
  height: 10rem;
  color: var(--dpc-dark-green);
}
@media only screen and (min-width: 1023.02px) {
  .ai__copy {
    width: 100%;
    height: 100%;
  }
}
.ai__result {
  background: var(--dpc-dark-green);
  color: var(--white);
  padding: 1.5rem;
  height: 10rem;
}
@media only screen and (min-width: 1023.02px) {
  .ai__result {
    width: 100%;
    height: 100%;
  }
}
.ai__result h3 {
  font-weight: 700;
}

/** @format */
/** @format */
.contact {
  padding: 5rem 0;
}
.contact .container {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media only screen and (min-width: 1023.02px) {
  .contact .container {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 1rem;
    row-gap: 2.5rem;
  }
}
@media only screen and (min-width: 1023.02px) {
  .contact h2 {
    grid-column: 1/13;
  }
}
@media only screen and (min-width: 1023.02px) {
  .contact__image {
    grid-column: 8/13;
    height: 100%;
    display: flex;
    justify-content: flex-end;
  }
}
@media only screen and (min-width: 1023.02px) {
  .contact__image img {
    place-self: end end;
    max-height: 460px;
  }
}
.contact__items {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: repeat(3, 1fr);
  gap: 0.5rem;
}
@media only screen and (min-width: 1023.02px) {
  .contact__items {
    grid-column: 1/8;
    grid-template-columns: repeat(14, minmax(0, 1fr));
    grid-template-rows: 1fr 13.75rem;
    gap: 1rem;
    height: 100%;
  }
}
.contact__items img {
  grid-column: 3/5;
  grid-row: 1/2;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 1023.02px) {
  .contact__items img {
    grid-column: 1/5;
    grid-row: 2/3;
  }
}
.contact__total {
  grid-column: 1/3;
  grid-row: 1/2;
  background: var(--dpc-blue);
  padding: 1.5rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  color: var(--dpc-dark-green);
}
@media only screen and (min-width: 1023.02px) {
  .contact__total {
    grid-column: 1/8;
    padding: 2.5rem;
  }
}
.contact__causes {
  grid-column: 1/5;
  grid-row: 2/3;
  border: 1px solid var(--warm-grey, #e2dfdb);
  padding: 1.5rem;
  color: var(--dpc-dark-green);
}
@media only screen and (min-width: 1023.02px) {
  .contact__causes {
    grid-column: 8/15;
    grid-row: 1/2;
    padding: 2.5rem;
  }
}
.contact__causes h3 {
  font-weight: 700;
}
.contact__copy {
  grid-column: 1/5;
  grid-row: 3/4;
  padding: 1.5rem;
  background: var(--dpc-dark-green);
  color: var(--white);
}
@media only screen and (min-width: 1023.02px) {
  .contact__copy {
    grid-column: 5/15;
    grid-row: 2/3;
    padding: 2.5rem;
  }
}

/** @format */
/** @format */
.breach {
  padding: 5rem 0;
}
@media only screen and (min-width: 1023.02px) {
  .breach {
    padding: 7.5rem 0;
  }
}
.breach .container {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.breach__items {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-gap: 0.5rem;
}
@media only screen and (min-width: 1023.02px) {
  .breach__items {
    grid-gap: 1rem;
  }
}
.breach__items :nth-child(1) {
  grid-column: span 12;
}
@media only screen and (min-width: 1023.02px) {
  .breach__items :nth-child(1) {
    grid-column: span 5;
  }
}
.breach__items :nth-child(2) {
  grid-column: span 6;
}
@media only screen and (min-width: 1023.02px) {
  .breach__items :nth-child(2) {
    grid-column: span 4;
  }
}
.breach__items :nth-child(3) {
  grid-column: span 6;
}
@media only screen and (min-width: 1023.02px) {
  .breach__items :nth-child(3) {
    grid-column: span 3;
  }
}
.breach__items :nth-child(4) {
  grid-column: span 4;
}
@media only screen and (min-width: 1023.02px) {
  .breach__items :nth-child(4) {
    grid-column: span 3;
  }
}
.breach__items :nth-child(5) {
  grid-column: span 8;
}
@media only screen and (min-width: 1023.02px) {
  .breach__items :nth-child(5) {
    grid-column: span 4;
  }
}
.breach__items :nth-child(6) {
  grid-column: span 12;
}
@media only screen and (min-width: 1023.02px) {
  .breach__items :nth-child(6) {
    grid-column: span 5;
  }
}
.breach__item span {
  padding-bottom: 0.5rem;
}
.breach__item h3 {
  font-weight: 700;
}
.breach__item img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 1023.02px) {
  .breach__item img {
    max-height: 13.75rem;
  }
}
.breach__item.green, .breach__item.light-green, .breach__item.border {
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
}
@media only screen and (min-width: 1023.02px) {
  .breach__item.green, .breach__item.light-green, .breach__item.border {
    padding: 2.5rem;
  }
}
.breach__item.green {
  background: var(--dpc-dark-green);
  color: var(--white);
}
.breach__item.light-green {
  background: var(--dpc-light-green);
  color: var(--dpc-dark-green);
}
.breach__item.border {
  border: 1px solid var(--warm-grey, #e2dfdb);
  color: var(--dpc-dark-green);
}

/** @format */
/** @format */
.edm {
  padding: 5rem 0;
  background-color: var(--warm-grey);
}
@media only screen and (min-width: 1023.02px) {
  .edm {
    padding: 7.5rem 0;
  }
}
.edm .container {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media only screen and (min-width: 767.02px) {
  .edm .container {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 1rem;
  }
}
@media only screen and (min-width: 767.02px) {
  .edm h2 {
    grid-column: 1/12;
    grid-row: 1/2;
  }
}
@media only screen and (min-width: 1023.02px) {
  .edm h2 {
    grid-column: 1/4;
  }
}
@media only screen and (min-width: 1199.02px) {
  .edm h2 {
    grid-row: 1/3;
  }
}
.edm__items {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media only screen and (min-width: 767.02px) {
  .edm__items {
    grid-column: 4/12;
    grid-row: 2/3;
  }
}
@media only screen and (min-width: 1023.02px) {
  .edm__items {
    grid-column: 1/13;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
  }
}
@media only screen and (min-width: 1199.02px) {
  .edm__items {
    grid-row: 1/3;
    grid-column: 4/13;
  }
}
.edm__items.in-view .edm__item {
  animation: centerOut 0.6s ease-in-out forwards;
}
.edm__items.in-view .edm__item:nth-child(2) {
  animation-delay: 0.3s;
}
.edm__items.in-view .edm__item:nth-child(2) .edm__item--inner {
  animation-delay: 0.4s;
}
.edm__items.in-view .edm__item--inner {
  animation: centerOut 0.6s ease-in-out forwards;
  animation-delay: 0.1s;
}
.edm__item {
  border-radius: 50%;
  aspect-ratio: 1/1;
  padding: 2.5rem;
  aspect-ratio: 1/1;
  opacity: 0;
  transform: scale(0);
}
@media only screen and (min-width: 1023.02px) {
  .edm__item {
    padding: 2rem;
  }
}
@media only screen and (min-width: 1199.02px) {
  .edm__item {
    padding: 3.5rem;
  }
}
.edm__item--inner {
  border-radius: 50%;
  aspect-ratio: 1/1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 0.35rem;
  opacity: 0;
  transform: scale(0);
  color: var(--dpc-dark-green);
}
.edm__item--inner p {
  text-align: center;
}
.edm__item--inner.light-green {
  background: var(--dpc-light-green);
}
.edm__item--inner.white {
  background: var(--white);
}
.edm__item.light-green {
  background: var(--dpc-light-green);
}
.edm__item.dark-green {
  background: var(--dpc-dark-green);
}

@keyframes centerOut {
  to {
    opacity: 1;
    transform: scale(1);
  }
}
/** @format */
/** @format */
.focus {
  padding: 5rem 0;
}
@media only screen and (min-width: 1023.02px) {
  .focus {
    padding: 7.5rem 0;
  }
}
.focus .container {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media only screen and (min-width: 1023.02px) {
  .focus .container {
    gap: 3.75rem;
  }
}
.focus__header {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media only screen and (min-width: 1023.02px) {
  .focus__header {
    gap: 1rem;
    max-width: 51rem;
  }
}
.focus__items {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  list-style: none;
}
@media only screen and (min-width: 767.02px) {
  .focus__items {
    gap: 1rem;
  }
}
.focus__item {
  display: flex;
  gap: 1rem;
}
.focus__item.in-view .focus__item--title {
  animation: moveIn 0.8s ease-in-out forwards;
}
.focus__item.in-view .focus__item--copy {
  animation: moveUp 0.8s ease-in-out forwards;
}
@media only screen and (min-width: 1023.02px) {
  .focus__item {
    display: grid;
    grid-gap: 1.5rem;
    grid-template-columns: var(--outer-margin-md) repeat(12, minmax(0, 1fr));
  }
}
@media only screen and (min-width: 1399.02px) {
  .focus__item {
    grid-template-columns: var(--outer-margin-lg) repeat(12, minmax(0, 1fr));
  }
}
.focus__item--title {
  border-radius: 0rem 22.5rem 22.5rem 0rem;
  background: var(--dpc-light-green, #a9b643);
  display: flex;
  justify-content: space-between;
  position: relative;
  transform: translateX(-200%);
}
.focus__item--title::before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: var(--dpc-light-green, #a9b643);
}
@media only screen and (min-width: 767.02px) {
  .focus__item--title {
    grid-column: 1/7;
    align-items: center;
  }
}
.focus__item--text {
  display: block;
  padding: 1rem;
}
@media only screen and (min-width: 767.02px) {
  .focus__item--text {
    padding-left: var(--outer-margin-md);
  }
}
@media only screen and (min-width: 1399.02px) {
  .focus__item--text {
    padding-left: var(--outer-margin-lg);
  }
}
.focus__item--number {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 2px solid var(--dpc-light-green, #a9b643);
  background: var(--white);
  width: 3.75rem;
  height: 3.75rem;
  padding: 0.5rem;
  color: var(--dpc-dark-green);
}
@media only screen and (min-width: 767.02px) {
  .focus__item--number {
    width: 5.5rem;
    height: 5.5rem;
    font-size: 2.25rem;
    font-weight: 700;
  }
}
.focus__item--copy {
  padding-left: 1rem;
  color: var(--dpc-dark-green);
  display: flex;
  align-items: center;
  transform: translateY(2rem);
  opacity: 0;
}
@media only screen and (min-width: 767.02px) {
  .focus__item--copy {
    padding-left: var(--outer-margin-md);
  }
}
@media only screen and (min-width: 1023.02px) {
  .focus__item--copy {
    grid-column: 7/14;
    padding-left: 1rem;
    display: flex;
    align-items: center;
  }
}

/** @format */
/** @format */
.new {
  padding: 5rem 0;
}
@media only screen and (min-width: 1023.02px) {
  .new {
    padding: 7.5rem 0;
  }
}
.new .container {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.new__items {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
}
@media only screen and (min-width: 1023.02px) {
  .new__items {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1rem;
  }
}
.new__item {
  padding: 1.5rem;
}
@media only screen and (min-width: 1023.02px) {
  .new__item {
    padding: 2.5rem;
    font-size: 1.75rem;
  }
}
@media only screen and (min-width: 1023.02px) {
  .new__item p {
    font-size: 1.75rem;
  }
}
.new__item.half {
  grid-column: span 1;
}
@media only screen and (min-width: 1023.02px) {
  .new__item.half {
    grid-column: span 3;
  }
}
.new__item.green {
  background: var(--dpc-dark-green);
  color: var(--white);
}
.new__item.border {
  color: var(--dpc-dark-green);
  border: 1px solid var(--warm-grey);
}
.new img {
  grid-column: span 2;
  width: 100%;
}
@media only screen and (min-width: 1023.02px) {
  .new img {
    grid-column: span 6;
  }
}

/** @format */
/** @format */
.engagement {
  background: var(--dpc-dark-green);
  padding: 5rem 0;
}
@media only screen and (min-width: 1023.02px) {
  .engagement {
    padding: 7.5rem 0;
  }
}
.engagement .container {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.engagement h2 {
  color: var(--white);
}
.engagement__items {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media only screen and (min-width: 767.02px) {
  .engagement__items {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-template-rows: repeat(3, minmax(0, 1fr));
    gap: 1rem;
  }
}
@media only screen and (min-width: 767.02px) {
  .engagement__items :nth-child(1) {
    grid-column: 1/8;
    grid-row: 1/2;
  }
}
@media only screen and (min-width: 1023.02px) {
  .engagement__items :nth-child(1) {
    grid-column: 1/7;
    grid-row: 1/2;
  }
}
@media only screen and (min-width: 767.02px) {
  .engagement__items :nth-child(2) {
    grid-column: 1/8;
    grid-row: 2/3;
  }
}
@media only screen and (min-width: 1023.02px) {
  .engagement__items :nth-child(2) {
    grid-column: 1/6;
    grid-row: 2/3;
  }
}
@media only screen and (min-width: 767.02px) {
  .engagement__items :nth-child(3) {
    grid-column: 1/8;
    grid-row: 3/4;
  }
}
@media only screen and (min-width: 1023.02px) {
  .engagement__items :nth-child(3) {
    grid-column: 1/7;
    grid-row: 3/4;
  }
}
@media only screen and (min-width: 767.02px) {
  .engagement__items :nth-child(4) {
    grid-column: 8/13;
    grid-row: 1/2;
  }
}
@media only screen and (min-width: 1023.02px) {
  .engagement__items :nth-child(4) {
    grid-column: 7/13;
    grid-row: 1/2;
  }
}
@media only screen and (min-width: 767.02px) {
  .engagement__items :nth-child(5) {
    grid-column: 8/13;
    grid-row: 2/3;
  }
}
@media only screen and (min-width: 1023.02px) {
  .engagement__items :nth-child(5) {
    grid-column: 6/13;
    grid-row: 2/3;
  }
}
@media only screen and (min-width: 767.02px) {
  .engagement__items :nth-child(6) {
    grid-column: 8/13;
    grid-row: 3/4;
  }
}
@media only screen and (min-width: 1023.02px) {
  .engagement__items :nth-child(6) {
    grid-column: 7/13;
    grid-row: 3/4;
  }
}
.engagement img {
  max-height: 13.75rem;
  height: 100%;
  object-fit: cover;
}
.engagement__item {
  padding: 1.5rem;
}
@media only screen and (min-width: 1023.02px) {
  .engagement__item {
    padding: 2.5rem;
  }
}
.engagement__item span {
  padding-bottom: 0.5rem;
}
.engagement__item h3 {
  font-weight: 700;
}
.engagement__item.light-green {
  background: var(--dpc-light-green);
  color: var(--dpc-dark-green);
}
.engagement__item.white {
  background: var(--white);
  color: var(--dpc-dark-green);
}
.engagement__item.blue {
  background: var(--blue);
  color: var(--dpc-dark-green);
}

/** @format */
/** @format */
.bcr {
  padding: 5rem 0;
  overflow: hidden;
}
.bcr .container {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  padding-right: 0;
}
@media only screen and (min-width: 767.02px) {
  .bcr .container {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr)) var(--outer-margin-md);
    column-gap: 1rem;
  }
}
@media only screen and (min-width: 1399.02px) {
  .bcr .container {
    grid-template-columns: repeat(12, minmax(0, 1fr)) var(--outer-margin-lg);
  }
}
.bcr__image {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 1rem;
}
@media only screen and (min-width: 767.02px) {
  .bcr__image {
    grid-column: 8/14;
  }
}
@media only screen and (min-width: 1023.02px) {
  .bcr__image {
    grid-column: 7/14;
    justify-content: flex-end;
    padding-right: 0;
  }
}
.bcr__image-mobile {
  position: relative;
  max-width: 34rem;
}
.bcr__image-mobile :nth-child(2) {
  position: absolute;
  right: 3rem;
  top: 3rem;
  width: calc(100% - 6rem);
  transform: scale(0);
}
.bcr__image-mobile :nth-child(3) {
  position: absolute;
  right: 6rem;
  top: 6rem;
  width: calc(100% - 12rem);
  transform: scale(0);
}
.bcr__image-mobile.in-view :nth-child(2) {
  animation: scaleIn 0.8s ease-in-out forwards;
  animation-delay: 0.2s;
}
.bcr__image-mobile.in-view :nth-child(3) {
  animation: scaleIn 0.8s ease-in-out forwards;
  animation-delay: 0.4s;
}
@media only screen and (min-width: 1023.02px) {
  .bcr__image-mobile {
    display: none;
  }
}
.bcr__image-desktop {
  display: none;
}
@media only screen and (min-width: 1023.02px) {
  .bcr__image-desktop {
    display: block;
    position: relative;
    max-height: 44.5rem;
    transform: translateX(110px);
  }
  .bcr__image-desktop :nth-child(2) {
    position: absolute;
    right: 6.18rem;
    top: 6.18rem;
    width: calc(100% - 12.36rem);
    height: calc(100% - 12.36rem);
    transform: scale(0);
  }
  .bcr__image-desktop :nth-child(3) {
    position: absolute;
    right: 11.95rem;
    top: 11.95rem;
    width: calc(100% - 23.9rem);
    height: calc(100% - 23.9rem);
    transform: scale(0);
  }
}
@media only screen and (min-width: 1023.02px) {
  .bcr__image-desktop.in-view :nth-child(2) {
    animation: scaleIn 0.8s ease-in-out forwards;
    animation-delay: 0.2s;
  }
  .bcr__image-desktop.in-view :nth-child(3) {
    animation: scaleIn 0.8s ease-in-out forwards;
    animation-delay: 0.4s;
  }
}
.bcr__content {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  padding-right: 1rem;
}
@media only screen and (min-width: 767.02px) {
  .bcr__content {
    grid-column: 1/7;
    place-self: center start;
  }
}
.bcr__box {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1.5rem;
  border: 1px solid var(--warm-grey);
  color: var(--dpc-dark-green);
}

@keyframes scaleIn {
  to {
    transform: scale(1);
  }
}
/** @format */
/** @format */
.eu {
  padding: 5rem 0;
}
@media only screen and (min-width: 1023.02px) {
  .eu {
    padding: 5rem 0 7.5rem;
  }
}
.eu .container {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.eu__items {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.eu__items img {
  height: 100%;
}
@media only screen and (min-width: 1023.02px) {
  .eu__items {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-gap: 1rem;
  }
}
@media only screen and (min-width: 1023.02px) {
  .eu__items :nth-child(1) {
    grid-column: span 5;
  }
}
@media only screen and (min-width: 1023.02px) {
  .eu__items :nth-child(2) {
    grid-column: span 4;
  }
}
@media only screen and (min-width: 1023.02px) {
  .eu__items :nth-child(3) {
    grid-column: span 3;
  }
}
.eu__item {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media only screen and (min-width: 1023.02px) {
  .eu__item {
    padding: 2.5rem;
  }
}
.eu__item.dark-green {
  background: var(--dpc-dark-green);
  color: var(--white);
}
.eu__item.border {
  border: 1px solid var(--warm-grey, #e2dfdb);
  color: var(--dpc-dark-green);
}

/** @format */
/** @format */
.unlock {
  padding: 5rem 0;
  background: var(--dpc-dark-green);
  color: var(--white);
}
@media only screen and (min-width: 1023.02px) {
  .unlock {
    padding: 7.5rem 0 15rem;
  }
}
.unlock h2 {
  color: var(--white);
}
.unlock .container {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media only screen and (min-width: 1023.02px) {
  .unlock .container {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1rem;
  }
}
.unlock__content {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media only screen and (min-width: 1023.02px) {
  .unlock__content {
    grid-column: span 5;
    gap: 1rem;
  }
}
.unlock__links {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media only screen and (min-width: 1023.02px) {
  .unlock__links {
    grid-column: 7/span 6;
    place-self: center;
  }
}
@media only screen and (min-width: 1199.02px) {
  .unlock__links {
    place-self: center end;
  }
}
.unlock__links a {
  padding: 1rem 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  color: var(--dpc-dark-green);
  transition: background-color 0.3s, color 0.3s;
  text-decoration: none;
  font-size: 1.125rem;
  white-space: nowrap;
}
.unlock__links a.grey {
  background-color: var(--white);
}
.unlock__links a.grey:hover {
  background-color: var(--warm-grey);
}
.unlock__links a.grey:focus-visible {
  outline: 2px solid var(--white);
  outline-offset: 4px;
  background-color: var(--warm-grey);
}
.unlock__links a.light-green {
  background-color: var(--dpc-light-green);
}
.unlock__links a.light-green:hover {
  background-color: #6f7d00;
}
.unlock__links a.light-green:focus-visible {
  outline: 2px solid var(--dpc-light-green);
  outline-offset: 4px;
  background-color: #6f7d00;
}

/** @format */
/** @format */
.footer {
  height: 25rem;
  padding: 2.5rem 0 5rem 0;
  border-top: 1px solid var(--Warm-Grey, #e2dfdb);
  background: var(--White, #fff);
}
@media only screen and (min-width: 767.02px) {
  .footer {
    height: 100%;
    padding: 2.5rem 0;
  }
}
.footer .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 5rem;
  height: 100%;
}
.footer__logo {
  height: 4rem;
}

/*# sourceMappingURL=main.css.map */