/*--------------------------------------------------------------
2. WordPress Core CSS
-------------------------------------------------------------- */
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

/*--------------------------------------------------------------
End WordPress Core CSS
-------------------------------------------------------------- */
/*--------------------------------------------------------------
5. Pagination
-------------------------------------------------------------- */
.whmbp_pagination {
  padding-top: 30px;
  padding-bottom: 15px;
}
.whmbp_pagination ul {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
}
.whmbp_pagination ul li {
  font-size: 1rem;
  display: inline-block;
  border: 1px solid var(--Light-Periwinkle);
  margin: 0 2px;
}
.whmbp_pagination ul li span, .whmbp_pagination ul li a {
  display: block;
  padding: 6px 12px 4px;
}
.whmbp_pagination ul li .current {
  background-color: var(--Light-Periwinkle);
}
.whmbp_pagination ul li a {
  color: var(--navy);
  text-decoration: none;
}
.whmbp_pagination ul li a:hover {
  background-color: var(--Medium-Periwinkle);
  text-decoration: none;
}

/*--------------------------------------------------------------
End Pagination
-------------------------------------------------------------- */
html #wpadminbar {
  max-width: 100vw;
  overflow: hidden;
}

.play--circle {
  fill: var(--Green);
}
.play--triangle {
  fill: var(--Indigo);
}

.stat > :first-child {
  font-size: clamp(3.5rem, 2.4357rem + 4.0067vw, 5rem);
  letter-spacing: clamp(-0.2rem, -0.0974rem - 0.1603vw, -0.14rem);
  line-height: 1;
}
.stat > :first-child sup {
  font-size: clamp(1rem, 0.8226rem + 0.6678vw, 1.25rem);
  line-height: 1;
  top: 0.3rem;
  padding-inline: 0.1rem;
}
.stat.medium > :first-child {
  font-size: clamp(4rem, -1.1111rem + 10.6481vw, 6.875rem);
  letter-spacing: clamp(-0.275rem, 0.0444rem - 0.4259vw, -0.16rem);
}
.stat.medium > :first-child sup {
  font-size: clamp(1.125rem, 0.0139rem + 2.3148vw, 1.75rem);
}
.stat > :last-child {
  font-weight: 600;
  font-size: clamp(0.75rem, 0.5726rem + 0.6678vw, 1rem);
}

.splide__arrows {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.875rem;
}
.splide__arrows svg {
  display: none;
}
.splide__arrow {
  width: 30px;
  height: 30px;
  background: url("../_images/arrow.svg") no-repeat center center;
}
.splide__arrow:disabled {
  opacity: 0.3;
}
.splide__arrow--prev {
  transform: rotate(180deg);
}

.wp-block-media-text {
  gap: 30px;
}
.wp-block-media-text .wp-block-media-text__content {
  padding: 0;
}

.table {
  --bs-body-bg: var(--White);
  --bs-table-striped-bg: var(--Pale-Periwinkle);
}
.table * {
  color: var(--Indigo) !important;
}
.table > :not(caption) > * > th {
  padding-block: 25px 22px;
}
.table > :not(caption) > * > * {
  padding: 20px 10px;
}
.table > :not(caption) > * > *:first-child {
  padding-inline-start: 20px;
}
.table > :not(caption) > * > *:last-child {
  padding-inline-end: 20px;
}
.table-striped {
  border-collapse: separate !important;
  border-spacing: 0;
}
.table-striped > tbody > tr:nth-of-type(odd) > td:first-child {
  overflow: hidden;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
@media screen and (width >= 48rem) {
  .table-striped > tbody > tr:nth-of-type(odd) > td:first-child {
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }
}
.table-striped > tbody > tr:nth-of-type(odd) > td:last-child {
  overflow: hidden;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
@media screen and (width >= 48rem) {
  .table-striped > tbody > tr:nth-of-type(odd) > td:last-child {
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }
}

.bg-graphic-style-1 {
  margin-bottom: 45px;
}
@media screen and (width >= 60rem) {
  .bg-graphic-style-1 {
    margin-bottom: 35px;
  }
}
.bg-graphic-style-1::after {
  content: "";
  position: absolute;
  background: url("../_images/brush-bg-1.png") no-repeat center center;
  background-size: contain;
  z-index: -1;
  aspect-ratio: 469/93;
  width: 313px;
  bottom: -45px;
  right: -60px;
}
@media screen and (width >= 60rem) {
  .bg-graphic-style-1::after {
    right: auto;
    bottom: -35px;
    left: -90px;
    width: 469px;
  }
}
.bg-graphic-style-2 {
  margin-bottom: 30px;
}
@media screen and (width >= 60rem) {
  .bg-graphic-style-2 {
    margin-bottom: 50px;
  }
}
.bg-graphic-style-2::after {
  content: "";
  position: absolute;
  background: url("../_images/brush-bg-2.png") no-repeat center center;
  background-size: contain;
  z-index: -1;
  aspect-ratio: 491/172;
  width: 300px;
  bottom: -30px;
  right: -50px;
}
@media screen and (width >= 60rem) {
  .bg-graphic-style-2::after {
    width: 491px;
    bottom: -50px;
    right: -50px;
  }
}
.bg-graphic-style-3 {
  margin-bottom: 30px;
}
@media screen and (width >= 60rem) {
  .bg-graphic-style-3 {
    margin-bottom: 40px;
  }
}
.bg-graphic-style-3::before {
  content: "";
  position: absolute;
  background: url("../_images/brush-bg-3-t.png") no-repeat center center;
  background-size: contain;
  z-index: -1;
  aspect-ratio: 283/108;
  width: 250px;
  top: -25px;
  left: -30px;
}
@media screen and (width >= 60rem) {
  .bg-graphic-style-3::before {
    width: 283px;
    top: -30px;
    left: -30px;
  }
}
.bg-graphic-style-3::after {
  content: "";
  position: absolute;
  background: url("../_images/brush-bg-3-b.png") no-repeat center center;
  background-size: contain;
  z-index: -1;
  aspect-ratio: 355/109;
  width: 300px;
  bottom: -30px;
  right: -50px;
}
@media screen and (width >= 60rem) {
  .bg-graphic-style-3::after {
    width: 355px;
    bottom: -40px;
    right: -30px;
  }
}
.bg-graphic-style-4 {
  margin-bottom: 30px;
}
@media screen and (width >= 60rem) {
  .bg-graphic-style-4 {
    margin-bottom: 45px;
  }
}
.bg-graphic-style-4::before {
  content: "";
  position: absolute;
  background: url("../_images/brush-bg-4-t.png") no-repeat center center;
  background-size: contain;
  z-index: -1;
  aspect-ratio: 51/80;
  width: 51px;
  top: -35px;
  left: -30px;
}
@media screen and (width >= 60rem) {
  .bg-graphic-style-4::before {
    width: 51px;
    top: -35px;
    left: -35px;
  }
}
.bg-graphic-style-4::after {
  content: "";
  position: absolute;
  background: url("../_images/brush-bg-4-b.png") no-repeat center center;
  background-size: contain;
  z-index: -1;
  aspect-ratio: 280/132;
  width: 220px;
  bottom: -30px;
  right: -45px;
}
@media screen and (width >= 60rem) {
  .bg-graphic-style-4::after {
    width: 280px;
    bottom: -45px;
    right: -35px;
  }
}
.bg-graphic-style-5 {
  margin-bottom: 45px;
}
@media screen and (width >= 60rem) {
  .bg-graphic-style-5 {
    margin-bottom: 55px;
  }
}
.bg-graphic-style-5::before {
  content: "";
  position: absolute;
  background: url("../_images/brush-bg-5-t.png") no-repeat center center;
  background-size: contain;
  z-index: -1;
  aspect-ratio: 210/78;
  width: 180px;
  top: -25px;
  left: -30px;
}
@media screen and (width >= 60rem) {
  .bg-graphic-style-5::before {
    width: 210px;
    top: -30px;
    left: -35px;
  }
}
.bg-graphic-style-5::after {
  content: "";
  position: absolute;
  background: url("../_images/brush-bg-5-b.png") no-repeat center center;
  background-size: contain;
  z-index: -1;
  aspect-ratio: 341/129;
  width: 300px;
  bottom: -45px;
  right: -50px;
}
@media screen and (width >= 60rem) {
  .bg-graphic-style-5::after {
    width: 341px;
    bottom: -55px;
    right: -30px;
  }
}
.bg-graphic-style-6 {
  margin-bottom: 45px;
}
@media screen and (width >= 60rem) {
  .bg-graphic-style-6 {
    margin-bottom: 35px;
  }
}
.bg-graphic-style-6::after {
  content: "";
  position: absolute;
  background: url("../_images/brush-bg-6.png") no-repeat center center;
  background-size: contain;
  z-index: -1;
  aspect-ratio: 354/114;
  width: 250px;
  bottom: -45px;
  left: -30px;
}
@media screen and (width >= 60rem) {
  .bg-graphic-style-6::after {
    bottom: -50px;
    left: -67px;
    width: 354px;
  }
}

.wsp-container > ul {
  margin: 20px 0 50px;
}

.youtube-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.youtube-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.wp-block-pullquote {
  padding-block: 1rem;
}

.chart.animated {
  --pie-size: 200px;
  width: var(--pie-size);
  height: var(--pie-size);
  aspect-ratio: 1/1;
}
.chart.animated .pie {
  fill: transparent;
  stroke: #dddddd;
  stroke-width: var(--pie-size);
  animation: strokeDrawing 3s ease-out forwards;
  transform-origin: center;
  transform: rotate(-80deg);
  stroke-dasharray: 1110 1110;
}
@keyframes strokeDrawing {
  0% {
    stroke-dasharray: 0 1110;
  }
}

.error-404 {
  width: 100%;
  min-height: 50vh;
  padding-block: 60px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.search-page--container {
  padding-block: 60px;
}
.search-page h1 {
  margin-bottom: 30px;
}
.search-page--results li {
  margin-bottom: 50px;
}
.search-page--excerpt {
  margin-top: 5px;
}

.search-form {
  width: 100%;
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 5px 8px;
  border-radius: 50px;
  border: 1px solid var(--Light-Periwinkle);
  margin-top: 40px;
}
.search-form label {
  flex: 1;
}
.search-form .search-field {
  width: 100%;
  appearance: none;
  background: var(--White);
  padding: 12px 15px 8px;
  border: 0;
  color: var(--Indigo);
  border-radius: 40px;
}
.search-form .search-field::placeholder {
  color: rgba(var(--Indigo-rgb), 0.62);
}
.search-form .search-field:focus {
  outline: none;
}

.global-footer {
  border-radius: 0.75rem 0.75rem 0 0;
  margin-top: 18px;
}
@media screen and (width < 60rem) {
  .content-grid > .global-footer.breakout {
    border-radius: 0;
    grid-column: full-width !important;
  }
}
.global-footer * {
  letter-spacing: 0;
}
.global-footer .footer--container {
  padding: clamp(1.875rem, -0.1705rem + 4.2614vw, 2.8125rem) clamp(1.25rem, -4.2045rem + 11.3636vw, 3.75rem) 0;
}
.global-footer .footer--columns {
  margin-top: clamp(3.125rem, 2.6816rem + 1.6694vw, 3.75rem);
  margin-bottom: 3.125rem;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media screen and (width >= 60rem) {
  .global-footer .footer--columns {
    gap: 1.563rem;
    flex-direction: row;
  }
}
.global-footer .footer--offices {
  display: flex;
  flex-wrap: wrap;
  gap: 1.313rem 1.563rem;
}
@media screen and (width < 60rem) {
  .global-footer .footer--offices {
    border-bottom: 1px solid rgba(var(--Medium-Indigo-rgb), 0.2);
    padding-bottom: 2.813rem;
    margin-bottom: 2.813rem;
  }
}
@media screen and (width >= 60rem) {
  .global-footer .footer--offices {
    flex-direction: column;
    width: 150px;
    gap: 2.063rem;
  }
}
.global-footer .footer--offices h2 {
  width: 100%;
}
@media screen and (width < 60rem) {
  .global-footer .footer--office {
    flex: 1;
  }
}
.global-footer .footer--office h3 {
  margin-bottom: 1.125rem;
}
.global-footer .footer--office address {
  font-size: clamp(0.6875rem, 0.5988rem + 0.3339vw, 0.8125rem);
  margin-bottom: 0;
}
@media screen and (width < 60rem) {
  .global-footer .footer--menu {
    margin-bottom: 2.813rem;
  }
}
.global-footer .footer--menu .menu-footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.global-footer .footer--menu .menu-footer a {
  display: inline-block;
}
.global-footer .footer--menu .menu-footer a[href="#"] {
  cursor: default;
  pointer-events: none;
}
.global-footer .footer--menu .menu-footer > ul {
  column-count: 2;
  column-gap: 1.563rem;
}
@media screen and (width >= 71.25rem) {
  .global-footer .footer--menu .menu-footer > ul {
    column-count: 3;
    column-gap: 5.5rem;
  }
}
.global-footer .footer--menu .menu-footer > ul > li {
  margin-bottom: 3.125rem;
}
.global-footer .footer--menu .menu-footer > ul > li > a {
  font-size: clamp(1rem, 0.9113rem + 0.3339vw, 1.125rem);
  font-weight: 600;
  margin-bottom: 1.25rem;
}
.global-footer .footer--menu .menu-footer > ul > li > ul > li > a {
  font-size: clamp(0.75rem, 0.6613rem + 0.3339vw, 0.875rem);
  margin-bottom: 0.875rem;
}
.global-footer .footer--callout {
  border-radius: clamp(0.5rem, -0.0321rem + 2.0033vw, 1.25rem);
  background: var(--Medium-Indigo);
  padding: 2.438rem 1.813rem;
  align-self: flex-start;
  width: 100%;
}
@media screen and (width >= 48rem) {
  .global-footer .footer--callout {
    max-width: 325px;
  }
}
.global-footer .footer--callout h2 {
  margin-bottom: 1rem;
  font-weight: 500;
}
.global-footer .footer--callout p {
  margin-bottom: 1.75rem;
  font-weight: 300;
  line-height: 1.4;
}
.global-footer .footer--social-extra {
  margin-bottom: 6.25rem;
  display: flex;
  justify-content: space-between;
  gap: 1.875rem;
  flex-direction: column;
}
@media screen and (width < 60rem) {
  .global-footer .footer--social-extra {
    border-bottom: 1px solid rgba(var(--Medium-Indigo-rgb), 0.2);
    padding-left: 0.313rem;
    padding-right: 0.313rem;
    padding-bottom: 2.813rem;
    margin-bottom: 1.875rem;
  }
}
@media screen and (width >= 60rem) {
  .global-footer .footer--social-extra {
    flex-direction: row;
  }
}
.global-footer .footer--social-extra a:hover {
  opacity: 0.8;
}
.global-footer .footer--socials {
  display: flex;
  align-items: center;
  gap: 1.375rem;
}
.global-footer .footer--extra {
  font-weight: 500;
}
.global-footer .footer--absolute-footer {
  margin-bottom: 2rem;
  opacity: 0.7;
  display: flex;
  gap: 2.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  justify-content: space-between;
  flex-direction: column-reverse;
}
@media screen and (width >= 60rem) {
  .global-footer .footer--absolute-footer {
    flex-direction: row;
  }
}
.global-footer .footer--absolute-footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.global-footer .footer--big-logo {
  max-width: unset;
  width: calc(100% + 2px);
  height: auto;
  aspect-ratio: 1480/209;
  user-select: none;
  margin-left: -1px;
  margin-right: -1px;
}

/*--------------------------------------------------------------
4. Print
-------------------------------------------------------------- */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  } /* Black prints faster: h5bp.com/s */
  a, a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  } /* Don't show links for images, or javascript/internal links */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  } /* h5bp.com/t */
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
  .global-header, .global-footer {
    display: none;
  }
}
/*--------------------------------------------------------------
End Print
-------------------------------------------------------------- */
form.mktoForm {
  visibility: hidden;
  width: 100% !important;
  padding: 0;
}
form.mktoForm[data-styles-ready=true] {
  visibility: visible;
}
.modal-content-container form.mktoForm {
  padding: 30px 20px 20px;
  background-color: var(--Pale-Periwinkle);
  overflow: hidden;
  border-radius: 0.5rem;
}
@media screen and (width >= 48rem) {
  .modal-content-container form.mktoForm {
    border-radius: 0.75rem;
  }
}
form.mktoForm .mktoOffset, form.mktoForm .mktoClear {
  display: none;
}
form.mktoForm .mktoFormRow {
  display: flex;
  flex-direction: column;
}
form.mktoForm .mktoFormRow > * {
  flex: 1;
}
@media screen and (width >= 60rem) {
  form.mktoForm .mktoFormRow {
    gap: 20px;
    flex-direction: row;
  }
}
form.mktoForm .mktoFormCol {
  float: none;
  min-height: unset;
  margin-bottom: 30px;
}
form.mktoForm .mktoFieldWrap {
  float: none;
  width: 100%;
}
form.mktoForm .mktoFieldWrap > * {
  width: 100%;
}
form.mktoForm .mktoField {
  line-height: 1.4 !important;
  font-size: clamp(1rem, 0.9113rem + 0.3339vw, 1.125rem) !important;
  float: none;
  font-weight: 600;
  letter-spacing: normal;
  color: var(--Indigo);
}
form.mktoForm label {
  float: none;
  line-height: normal;
  padding-top: 0;
  font-size: 0.688rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: normal;
  display: flex;
  gap: 5px;
  margin-bottom: 4px;
  width: 100% !important;
}
form.mktoForm label .mktoAsterix {
  color: var(--Indigo);
  order: 2;
}
.bg-Indigo form.mktoForm label .mktoAsterix {
  color: var(--White);
}
form.mktoForm input[type=text], form.mktoForm input[type=url], form.mktoForm input[type=email], form.mktoForm input[type=tel], form.mktoForm input[type=number], form.mktoForm input[type=date], form.mktoForm textarea.mktoField, form.mktoForm select.mktoField {
  appearance: none;
  background: var(--White);
  padding: 12px 10px 8px;
  border: 0;
  border-bottom: 3px solid var(--Light-Periwinkle);
  display: flex;
  align-items: center;
  height: auto;
  width: 100% !important;
}
form.mktoForm input[type=text].mktoInvalid, form.mktoForm input[type=url].mktoInvalid, form.mktoForm input[type=email].mktoInvalid, form.mktoForm input[type=tel].mktoInvalid, form.mktoForm input[type=number].mktoInvalid, form.mktoForm input[type=date].mktoInvalid, form.mktoForm textarea.mktoField.mktoInvalid, form.mktoForm select.mktoField.mktoInvalid {
  border-color: var(--Pink);
}
form.mktoForm input[type=text]::placeholder, form.mktoForm input[type=url]::placeholder, form.mktoForm input[type=email]::placeholder, form.mktoForm input[type=tel]::placeholder, form.mktoForm input[type=number]::placeholder, form.mktoForm input[type=date]::placeholder, form.mktoForm textarea.mktoField::placeholder {
  color: rgba(var(--Indigo-rgb), 0.62);
}
form.mktoForm input[type=text]:focus, form.mktoForm input[type=url]:focus, form.mktoForm input[type=email]:focus, form.mktoForm input[type=tel]:focus, form.mktoForm input[type=number]:focus, form.mktoForm input[type=date]:focus, form.mktoForm textarea.mktoField:focus {
  border-color: var(--Indigo);
  outline: none;
}
form.mktoForm input[type=text]:not(:placeholder-shown), form.mktoForm input[type=url]:not(:placeholder-shown), form.mktoForm input[type=email]:not(:placeholder-shown), form.mktoForm input[type=tel]:not(:placeholder-shown), form.mktoForm input[type=number]:not(:placeholder-shown), form.mktoForm input[type=date]:not(:placeholder-shown), form.mktoForm textarea.mktoField:not(:placeholder-shown) {
  border-color: var(--Green);
}
form.mktoForm select.mktoField {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='25' viewBox='0 0 16 25' fill='none'%3E%3Cpath d='M1 10L8 17L15 10.0005' stroke='%23381360' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 10px center var(--White);
  background-size: 16px;
  padding-right: 30px;
}
form.mktoForm select.mktoField:has(> option:checked[value=""]) {
  color: rgba(var(--Indigo-rgb), 0.62);
}
form.mktoForm select.mktoField:focus {
  border-color: var(--Indigo);
  outline: none;
}
form.mktoForm select.mktoField:has(> option:checked:not([value=""])) {
  border-color: var(--Green);
}
form.mktoForm select.mktoField option {
  color: var(--Indigo);
}
form.mktoForm .mktoError {
  left: unset !important;
  right: unset !important;
  top: unset !important;
  bottom: unset !important;
}

#mktoForm_1156 label {
  font-size: 0.875rem;
}
#mktoForm_1156 .mktoAsterix {
  padding-left: 0;
}
#mktoForm_1156 .mktoGutter {
  display: none;
}

[data-full] {
  cursor: pointer;
}

.modal-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  backdrop-filter: blur(6px);
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.65);
}
.modal-inner {
  z-index: 2;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 1153px;
  height: auto;
  max-height: 90vh;
}
.modal-content-container {
  max-height: 90vh;
  overflow: auto;
}
.modal button.modal-close-btn {
  background-color: transparent;
  border: none;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  z-index: 5;
  width: 30px;
  height: 30px;
  transform: translate(50%, -50%);
}
@media screen and (width >= 71.25rem) {
  .modal button.modal-close-btn {
    width: 40px;
    height: 40px;
  }
}
.modal button.modal-close-btn svg {
  max-width: 100%;
  max-height: 100%;
}

.single-post--eyebrow {
  margin-bottom: 0 !important;
  margin-top: 31px;
}
.single-post .nav-buttons .btn {
  background-color: var(--Indigo);
  color: var(--White);
}
.single-post .form-container:not(.code--body):not(.code-with-image--body) {
  background-color: var(--Indigo);
  color: var(--White);
  padding: 25px 20px;
  overflow: hidden;
  border-radius: 0.5rem;
}
@media screen and (width >= 48rem) {
  .single-post .form-container:not(.code--body):not(.code-with-image--body) {
    border-radius: 0.75rem;
  }
}
@media screen and (width >= 60rem) {
  .single-post .form-container:not(.code--body):not(.code-with-image--body) {
    padding: 80px 60px;
  }
}
.single-post .form-container:not(.code--body):not(.code-with-image--body) .form-heading {
  color: var(--White) !important;
  font-family: var(--bs-body-font-family) !important;
  margin-bottom: 30px !important;
  font-size: clamp(1.75rem, 1.5726rem + 0.6678vw, 2rem) !important;
  letter-spacing: clamp(-0.035rem, -0.0456rem + 0.0401vw, -0.02rem) !important;
  font-weight: 600 !important;
}

.resource-hero {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3.5rem;
  margin-block: 50px;
}
@media screen and (width >= 60rem) {
  .resource-hero {
    flex-direction: row;
    justify-content: space-between;
    margin-block: 38px 83px;
  }
}
.resource-hero--left {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.938rem;
}
@media screen and (width >= 60rem) {
  .resource-hero--left {
    max-width: 40rem;
  }
}
.resource-hero--eyebrow {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}
@media screen and (width >= 60rem) {
  .resource-hero--eyebrow {
    margin-bottom: 0.5rem;
  }
}
.resource-hero--title {
  line-height: 1;
}
.resource-hero--image {
  width: 100%;
  position: relative;
}
@media screen and (width >= 60rem) {
  .resource-hero--image {
    max-width: 37.5rem;
  }
}
.resource-hero--img {
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}
@media screen and (width < 48rem) {
  .resource-hero--img:not(.no-mb-resize) {
    aspect-ratio: 1;
  }
}
.resource-hero--button {
  margin-top: 0.938rem;
}
.resource-nav {
  padding-inline: var(--wrapper-padding);
}
.resource-nav ul {
  font-size: clamp(0.8125rem, 0.6875rem + 0.3333vw, 0.9375rem);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.009rem;
  padding-top: clamp(1.875rem, 0.5rem + 3.6667vw, 3.25rem);
  padding-bottom: 10px;
  gap: 12px clamp(1.5rem, 0.75rem + 2vw, 2.25rem);
}
.resource-nav ul:empty {
  display: none;
}
.resource-nav ul a:hover {
  text-decoration: underline;
  text-decoration-color: var(--Green);
  text-decoration-thickness: 0.188rem;
  text-underline-offset: 0.438rem;
  font-weight: 600 !important;
}
.resource-body {
  padding-top: clamp(3.125rem, 1.25rem + 5vw, 5rem);
}
.resource-share {
  padding-top: clamp(3.125rem, 1.7947rem + 5.0083vw, 5rem);
  padding-bottom: clamp(6.25rem, 4.4762rem + 6.6778vw, 8.75rem);
  padding-inline: 20px;
  text-align: center;
}
.resource-share--icons {
  margin-top: clamp(1.25rem, 0.8066rem + 1.6694vw, 1.875rem);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}
.resource-share--icons a:hover {
  opacity: 0.8;
}
.resource-related {
  padding-top: clamp(3.125rem, 2.6816rem + 1.6694vw, 3.75rem);
  padding-bottom: clamp(3.75rem, 1.9762rem + 6.6778vw, 6.25rem);
}
.resource-related--header {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 30px;
  align-items: flex-start;
}
@media screen and (width >= 48rem) {
  .resource-related--header {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.resource-related--title {
  color: var(--Medium-Indigo);
}
.resource-cards--cards {
  margin-inline: -1.25rem;
}
.resource-cards--card:hover a {
  text-decoration: underline;
}
.resource-cards--card-image {
  margin-bottom: 25px;
  aspect-ratio: 325/150;
  object-fit: cover;
  width: 100%;
}
.resource-cards--card-type {
  margin-bottom: 15px;
}
.resource-cards--card-image {
  overflow: hidden;
  border-radius: 0.5rem;
}
@media screen and (width >= 60rem) {
  .resource-cards--card-image {
    border-radius: 0.75rem;
  }
}

.training-body {
  padding-top: clamp(3.125rem, 1.25rem + 5vw, 5rem);
}
.training-single-aside {
  display: grid;
  grid-template-columns: 1fr 280px;
  gap: 1rem clamp(1rem, 5vw, 6.5rem);
}
@media screen and (width < 48rem) {
  .training-single-aside {
    grid-template-columns: 1fr;
  }
}