.roboto {
  font-family: "Roboto", sans-serif !important;
}
.archivo {
  font-family: 'Archivo', sans-serif !important;
}
.pink {
  color: #FF00F5;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.grid-child {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  padding-left: 1.595rem !important;
  padding-right: 1.595rem !important;
  gap: 0.9rem;
  place-items: center;
}
@media only screen and (max-width: 1024px) {
  .grid-child {
    grid-template-columns: repeat(8, 1fr);
    padding-left: 24px !important;
    padding-right: 24px !important;
    gap: 10px;
  }
}
.blue-button {
  width: fit-content;
  background-color: #001E62;
  font-size: calc(20rem * 1 / 21.3333333);
  line-height: calc(26rem * 1 / 21.3333333);
  color: white;
  font-weight: 600;
  border-radius: 3rem;
  transition: all 0.25s ease-in-out;
  white-space: nowrap;
  margin: 0;
  height: calc(42rem * 1 / 21.3333333);
  min-height: calc(42rem * 1 / 21.3333333);
  padding: 0 calc(24rem * 1 / 21.3333333);
  display: grid;
  place-items: center;
}
@media only screen and (max-width: 1400px) {
  .blue-button {
    font-size: 20px;
    line-height: 26px;
  }
}
.blue-button:hover,
.blue-button.hover {
  opacity: 0.8;
}
@media only screen and (max-width: 1400px) {
  .blue-button {
    border-radius: 30px;
    height: 42px;
    min-height: 42px;
    padding: 0 24px;
  }
}
.white-button {
  width: fit-content;
  background-color: white;
  color: #001E62;
  font-size: calc(20rem * 1 / 21.3333333);
  line-height: calc(26rem * 1 / 21.3333333);
  font-weight: 600;
  border-radius: calc(30rem * 1 / 21.3333333);
  border: calc(1.44446rem * 1 / 21.3333333) solid #7FC8F0;
  transition: all 0.25s ease-in-out;
  white-space: nowrap;
  margin: 0;
  height: calc(42rem * 1 / 21.3333333);
  min-height: calc(42rem * 1 / 21.3333333);
  padding: 0 calc(24rem * 1 / 21.3333333);
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1400px) {
  .white-button {
    font-size: 20px;
    line-height: 26px;
  }
}
.white-button:hover,
.white-button.hover {
  background-color: #001E62;
  color: white;
}
@media only screen and (max-width: 1400px) {
  .white-button {
    border-radius: 30px;
    height: 42px;
    min-height: 42px;
    padding: 0 24px;
    border: 1px solid #7FC8F0;
  }
}
.button-padding {
  padding: 0 calc(24rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .button-padding {
    padding: 0 24px;
  }
}
.ontop {
  position: relative;
  z-index: 11;
}
.transition {
  transition: all 0.25s ease-out;
}
.breadcrumbs {
  position: absolute;
  left: var(--grid-gutter);
  top: var(--grid-gutter);
  display: flex;
  gap: 0.8rem;
  z-index: 89;
}
@media only screen and (max-width: 1400px) {
  .breadcrumbs {
    gap: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .breadcrumbs {
    top: 16px;
    left: var(--grid-gutter-mobile);
  }
}
.breadcrumbs > a {
  color: #001E62;
  font-size: calc(15rem * 1 / 21.3333333);
  line-height: calc(22rem * 1 / 21.3333333);
  font-weight: 400;
}
@media only screen and (max-width: 1400px) {
  .breadcrumbs > a {
    font-size: 15px;
    line-height: 22px;
  }
}
.breadcrumbs > a:hover {
  text-decoration: underline;
}
.breadcrumbs > span {
  color: #001E62;
  font-size: calc(15rem * 1 / 21.3333333);
  line-height: calc(22rem * 1 / 21.3333333);
  font-weight: 400;
}
@media only screen and (max-width: 1400px) {
  .breadcrumbs > span {
    font-size: 15px;
    line-height: 22px;
  }
}
.start {
  justify-self: flex-start;
  align-self: flex-start;
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 100;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/archivo/v25/k3k6o8UDI-1M0wlSV9XAw6lQkqWY8Q82sJaRE-NWIDdgffTTNDJp8A.ttf) format('truetype');
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 200;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/archivo/v25/k3k6o8UDI-1M0wlSV9XAw6lQkqWY8Q82sJaRE-NWIDdgffTTtDNp8A.ttf) format('truetype');
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/archivo/v25/k3k6o8UDI-1M0wlSV9XAw6lQkqWY8Q82sJaRE-NWIDdgffTTajNp8A.ttf) format('truetype');
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/archivo/v25/k3k6o8UDI-1M0wlSV9XAw6lQkqWY8Q82sJaRE-NWIDdgffTTNDNp8A.ttf) format('truetype');
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/archivo/v25/k3k6o8UDI-1M0wlSV9XAw6lQkqWY8Q82sJaRE-NWIDdgffTTBjNp8A.ttf) format('truetype');
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/archivo/v25/k3k6o8UDI-1M0wlSV9XAw6lQkqWY8Q82sJaRE-NWIDdgffTT6jRp8A.ttf) format('truetype');
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/archivo/v25/k3k6o8UDI-1M0wlSV9XAw6lQkqWY8Q82sJaRE-NWIDdgffTT0zRp8A.ttf) format('truetype');
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/archivo/v25/k3k6o8UDI-1M0wlSV9XAw6lQkqWY8Q82sJaRE-NWIDdgffTTtDRp8A.ttf) format('truetype');
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 900;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/archivo/v25/k3k6o8UDI-1M0wlSV9XAw6lQkqWY8Q82sJaRE-NWIDdgffTTnTRp8A.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v50/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbGmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v50/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuaabWmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v50/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbWmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v50/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWub2bWmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v50/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYjammT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v50/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuZtammT.ttf) format('truetype');
}
:root {
  font-size: 1.11111111vw;
  --text-multiplier: 1;
  --base-url-img: "/wp-content/themes/Daessy/images/";
  --grid-gap: 0.9rem;
  --grid-gap-mobile: 10px;
  --grid-gutter: 1.595rem;
  --grid-gutter-mobile: 24px;
  --header-height: calc(180rem * var(--text-multiplier));
  --header-height-fixed: calc(100rem * var(--text-multiplier));
  --header-height-mobile: 150px;
  --header-height-mobile-fixed: 80px;
}
html:has(#wpadminbar) .header__mobile {
  top: 32px !important;
}
@media only screen and (max-width: 800px) {
  html:has(#wpadminbar) .header__mobile {
    top: 0 !important;
  }
}
html:has(#wpadminbar) #container {
  margin-top: 0;
}
html:has(#wpadminbar) .sub-menu {
  top: 4.6rem;
}
@media only screen and (max-width: 600px) {
  #wpadminbar {
    display: none !important;
  }
}
body {
  font-family: 'Archivo', sans-serif;
  letter-spacing: 0.5px;
  position: relative;
  overflow-x: hidden;
  overflow-y: visible;
  margin: auto !important;
  padding: 0 !important;
  max-width: unset !important;
}
body #container {
  background-color: white;
  margin: auto;
}
body h1,
body h2,
body h3 {
  scroll-padding-top: 120px;
  scroll-margin-top: 120px;
}
body:has(.footer__closures-wrapper.active) {
  overflow: hidden;
}
body:has(.footer__closures-wrapper.active) #container {
  overflow: hidden;
}
body .grid {
  background-color: transparent;
  opacity: 0.2;
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  padding: 0 1.595rem;
  grid-template-rows: auto;
  margin: auto;
  z-index: 999;
  gap: 0.9rem;
}
@media only screen and (max-width: 1024px) {
  body .grid {
    grid-template-columns: repeat(8, 1fr);
    padding: 0 5rem;
    gap: 2rem;
  }
}
body .grid__item {
  background-color: #57B431;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: black;
  font-size: 1.2rem;
}
#container.dark,
main.dark {
  filter: brightness(0.25);
}
#container {
  position: relative;
}
@media only screen and (max-width: 1024px) {
  #container {
    padding-top: 90px;
  }
}
.help-area {
  position: fixed;
  bottom: 0;
  right: 0;
  height: 29rem;
  width: 17rem;
  opacity: 0;
  pointer-events: none;
  z-index: -1;
  transition: all 0.25s ease-out;
  background-color: white;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  box-shadow: -0.1rem -0.1rem 0.4rem rgba(0, 0, 0, 0.05);
}
@media only screen and (max-width: 1024px) {
  .help-area {
    position: fixed;
    width: 100%;
    max-width: 340px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    height: 600px;
    overflow: hidden;
  }
}
@media only screen and (max-width: 600px) {
  .help-area {
    max-width: 100%;
  }
}
.help-area.active {
  opacity: 1;
  pointer-events: all;
  z-index: 9999;
}
.help-area-bar {
  position: fixed;
  cursor: pointer;
  bottom: 0;
  right: 0;
  width: 17rem;
  height: 2.2rem;
  background-color: #FFC75F;
  opacity: 1;
  padding: 0.4rem 0.9rem;
  pointer-events: all;
  z-index: 999;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top-left-radius: 0.3rem;
}
@media only screen and (max-width: 1024px) {
  .help-area-bar {
    display: flex;
    position: fixed;
    transform: translateY(0);
    bottom: 0;
    top: auto;
    width: 100%;
    max-width: 340px;
    height: 50px;
    padding: 8px 18px;
  }
}
@media only screen and (max-width: 600px) {
  .help-area-bar {
    max-width: 100%;
  }
}
.help-area-bar.inactive {
  opacity: 0;
  pointer-events: none;
  z-index: -1;
}
.help-area-bar::after {
  content: '';
  display: block;
  justify-self: flex-end;
  position: relative;
  width: 0.6rem;
  height: 0.6rem;
  background-image: url(/wp-content/themes/Daessy/images/icons/chevron.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.25s ease-out;
  transform: rotate(-180deg);
}
@media only screen and (max-width: 1024px) {
  .help-area-bar::after {
    width: 16px;
    height: 16px;
  }
}
.help-area-bar > h4 {
  color: #001E62;
  font-size: 0.9rem;
  font-weight: 700;
  justify-self: flex-start;
}
@media only screen and (max-width: 1024px) {
  .help-area-bar > h4 {
    font-size: 18px;
  }
}
@media only screen and (max-height: 700px) {
  .help-area-bar > h4 {
    font-size: 17px;
  }
}
.help-area > .help-area-bar {
  top: 0;
  bottom: auto;
  position: absolute;
  border-top-left-radius: 0.3rem;
}
@media only screen and (max-width: 1024px) {
  .help-area > .help-area-bar {
    position: relative;
    border-top-left-radius: 12px;
  }
}
.help-area > .help-area-bar::after {
  background-image: url(/wp-content/themes/Daessy/images/icons/line.svg);
  width: 1rem;
  height: 1rem;
}
@media only screen and (max-width: 1024px) {
  .help-area > .help-area-bar::after {
    width: 20px;
    height: 20px;
  }
}
.help-area-form {
  position: absolute;
  top: 1.8rem;
  left: 0;
  height: 100%;
  background-color: white;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.6rem 0.9rem;
}
@media only screen and (max-width: 1024px) {
  .help-area-form {
    position: relative;
    gap: 20px;
    padding: 32px 5.5%;
  }
}
.help-area-form-section {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}
@media only screen and (max-width: 1024px) {
  .help-area-form-section {
    gap: 14px;
  }
}
.help-area-form-section > p {
  font-size: 0.8rem;
  line-height: 1.4;
  color: #001E62;
  font-weight: 400;
  width: 110%;
}
@media only screen and (max-width: 1024px) {
  .help-area-form-section > p {
    font-size: 16px;
  }
}
.help-area-form-section > p > .success {
  display: none;
  background-color: #93cf7b;
  border: 1px solid #4b8f29;
  color: white;
  margin-top: 6px;
  padding: 12px;
  width: calc(100% - 24px);
}
.help-area-form-section > p > .success.active {
  display: block;
}
.help-area-form-section > p > .failure {
  display: none;
  background-color: #E60000;
  border: 1px solid #e81d2d;
  color: white;
  margin-top: 6px;
  padding: 12px;
  width: calc(100% - 24px);
}
.help-area-form-section > p > .failure.active {
  display: block;
}
.help-area-form-section > label {
  font-size: 0.8rem;
  color: #001E62;
  font-weight: 600;
}
@media only screen and (max-width: 1024px) {
  .help-area-form-section > label {
    font-size: 16px;
  }
}
.help-area-form-section > input,
.help-area-form-section > textarea {
  padding: 0 0.6rem;
  width: 100%;
  min-height: 2rem;
  max-height: 6.5rem;
  border-radius: 0.3rem;
  border: 0.06rem solid rgba(69, 92, 142, 0.4);
  outline: none;
  font-size: 0.8rem;
  line-height: 1.1;
  color: #001E62;
  font-weight: 400;
  font-family: 'Archivo', sans-serif;
}
@media only screen and (max-width: 1024px) {
  .help-area-form-section > input,
  .help-area-form-section > textarea {
    padding: 0 12px;
    font-size: 16px;
    min-height: 40px;
    max-height: 130px;
    border-radius: 6px;
    border: 1px solid rgba(69, 92, 142, 0.4);
  }
}
.help-area-form-section > input::placeholder,
.help-area-form-section > textarea::placeholder {
  font-family: 'Archivo', sans-serif;
  font-size: 0.8rem;
  color: #001E62;
  font-weight: 500;
}
@media only screen and (max-width: 1024px) {
  .help-area-form-section > input::placeholder,
  .help-area-form-section > textarea::placeholder {
    font-size: 16px;
  }
}
.help-area-form-section > textarea {
  resize: none;
  padding: 0.4rem 0.6rem;
}
@media only screen and (max-width: 1024px) {
  .help-area-form-section > textarea {
    padding: 8px 12px;
  }
}
.help-area-form-submit {
  width: fit-content;
  background-color: #001E62;
  font-size: calc(20rem * 1 / 21.3333333);
  line-height: calc(26rem * 1 / 21.3333333);
  color: white;
  font-weight: 600;
  border-radius: 3rem;
  transition: all 0.25s ease-in-out;
  white-space: nowrap;
  margin: 0;
  height: calc(42rem * 1 / 21.3333333);
  min-height: calc(42rem * 1 / 21.3333333);
  padding: 0 calc(24rem * 1 / 21.3333333);
  display: grid;
  place-items: center;
  outline: none;
  border: none;
  border-radius: 2rem;
  align-self: flex-end;
  cursor: pointer;
}
@media only screen and (max-width: 1400px) {
  .help-area-form-submit {
    font-size: 20px;
    line-height: 26px;
  }
}
.help-area-form-submit:hover,
.help-area-form-submit.hover {
  opacity: 0.8;
}
@media only screen and (max-width: 1400px) {
  .help-area-form-submit {
    border-radius: 30px;
    height: 42px;
    min-height: 42px;
    padding: 0 24px;
  }
}
@media only screen and (max-width: 1024px) {
  .help-area-form-submit {
    border-radius: 32px;
  }
}
.cookies-overlay {
  position: fixed;
  bottom: 6rem;
  width: 16.4rem;
  left: var(--grid-gutter);
  background-color: white;
  padding: 1.2rem 1rem 0.9rem;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  border: 0.06rem solid #001E62;
  z-index: 999;
  border-radius: 0.6rem;
  display: none !important;
}
@media only screen and (max-width: 1400px) {
  .cookies-overlay {
    bottom: 60px;
    width: fit-content;
    max-width: 328px;
    height: fit-content;
    border-radius: 12px;
    padding: 24px 20px 18px;
    gap: 6px;
    border: 1px solid #001E62;
  }
}
@media only screen and (max-width: 1024px) {
  .cookies-overlay {
    left: var(--grid-gutter-mobile);
  }
}
.cookies-overlay > h3 {
  font-weight: 700;
  color: #001E62;
}
.cookies-overlay > p {
  font-size: calc(14rem * 1 / 21.3333333);
  line-height: calc(20rem * 1 / 21.3333333);
  color: #001E62;
  font-weight: 400;
}
@media only screen and (max-width: 1400px) {
  .cookies-overlay > p {
    font-size: 14px;
    line-height: 20px;
  }
}
.cookies-overlay-buttons {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.6rem;
  gap: 1rem;
}
@media only screen and (max-width: 1024px) {
  .cookies-overlay-buttons {
    margin-top: 12px;
    gap: 12px 20px;
  }
}
@media only screen and (max-width: 400px) {
  .cookies-overlay-buttons {
    flex-direction: column;
  }
}
.cookies-overlay-button {
  width: fit-content;
  background-color: #001E62;
  font-size: calc(20rem * 1 / 21.3333333);
  line-height: calc(26rem * 1 / 21.3333333);
  color: white;
  font-weight: 600;
  border-radius: 3rem;
  transition: all 0.25s ease-in-out;
  white-space: nowrap;
  margin: 0;
  height: calc(42rem * 1 / 21.3333333);
  min-height: calc(42rem * 1 / 21.3333333);
  padding: 0 calc(24rem * 1 / 21.3333333);
  display: grid;
  place-items: center;
  padding: 0.6rem 1.8rem;
  border-radius: 2rem;
  cursor: pointer;
}
@media only screen and (max-width: 1400px) {
  .cookies-overlay-button {
    font-size: 20px;
    line-height: 26px;
  }
}
.cookies-overlay-button:hover,
.cookies-overlay-button.hover {
  opacity: 0.8;
}
@media only screen and (max-width: 1400px) {
  .cookies-overlay-button {
    border-radius: 30px;
    height: 42px;
    min-height: 42px;
    padding: 0 24px;
  }
}
@media only screen and (max-width: 1024px) {
  .cookies-overlay-button {
    padding: 12px 36px;
    border-radius: 32px;
  }
}
@media only screen and (max-width: 400px) {
  .cookies-overlay-button {
    width: 100%;
    text-align: center;
  }
}
html {
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
}
img {
  display: block;
  height: auto;
}
a:link,
a:visited {
  text-decoration: none;
}
ol,
ul {
  list-style: none;
}
@font-face {
  font-family: 'GT Walsheim Pro';
  src: url('/wp-content/themes/RichmondHospital/fonts/GTWalsheimPro-Medium.woff2') format('woff2'), url('/wp-content/themes/RichmondHospital/fonts/GTWalsheimPro-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'GT Walsheim Pro';
  src: url('/wp-content/themes/RichmondHospital/fonts/GTWalsheimPro-Light.woff2') format('woff2'), url('/wp-content/themes/RichmondHospital/fonts/GTWalsheimPro-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'GT Walsheim Pro';
  src: url('/wp-content/themes/RichmondHospital/fonts/GTWalsheimPro-Regular.woff2') format('woff2'), url('/wp-content/themes/RichmondHospital/fonts/GTWalsheimPro-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'GT Walsheim Pro';
  src: url('/wp-content/themes/RichmondHospital/fonts/GTWalsheimPro-Bold.woff2') format('woff2'), url('/wp-content/themes/RichmondHospital/fonts/GTWalsheimPro-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
.roboto {
  font-family: "Roboto", sans-serif !important;
}
.archivo {
  font-family: 'Archivo', sans-serif !important;
}
.font-400 {
  font-weight: 400;
}
.font-500 {
  font-weight: 500;
}
.font-600 {
  font-weight: 600;
}
.font-700 {
  font-weight: 700;
}
.font-bold {
  font-weight: bold;
}
#container h1,
#footer h1,
#header h1,
.footer__closures-wrapper h1 {
  font-weight: 600;
  font-size: calc(60rem * 1 / 21.3333333);
  line-height: calc(70rem * 1 / 21.3333333);
  letter-spacing: calc(0.5rem * 1 / 21.3333333);
  font-family: 'Archivo', sans-serif !important;
}
@media only screen and (max-width: 1400px) {
  #container h1,
  #footer h1,
  #header h1,
  .footer__closures-wrapper h1 {
    font-size: 60px;
    line-height: 70px;
  }
}
@media only screen and (max-width: 1200px) {
  #container h1,
  #footer h1,
  #header h1,
  .footer__closures-wrapper h1 {
    font-size: 50px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 1024px) {
  #container h1,
  #footer h1,
  #header h1,
  .footer__closures-wrapper h1 {
    font-size: 40px;
    line-height: 50px;
  }
}
#container h2,
#footer h2,
#header h2,
.footer__closures-wrapper h2 {
  color: #001E62;
  font-weight: 600;
  font-size: calc(48rem * 1 / 21.3333333);
  line-height: calc(52rem * 1 / 21.3333333);
  font-family: 'Archivo', sans-serif !important;
}
@media only screen and (max-width: 1400px) {
  #container h2,
  #footer h2,
  #header h2,
  .footer__closures-wrapper h2 {
    font-size: 48px;
    line-height: 52px;
  }
}
@media only screen and (max-width: 1200px) {
  #container h2,
  #footer h2,
  #header h2,
  .footer__closures-wrapper h2 {
    font-size: 40px;
    line-height: 46px;
  }
}
@media only screen and (max-width: 1024px) {
  #container h2,
  #footer h2,
  #header h2,
  .footer__closures-wrapper h2 {
    font-size: 36px;
    line-height: 42px;
  }
}
#container h3,
#footer h3,
#header h3,
.footer__closures-wrapper h3 {
  color: #001E62;
  font-weight: 600;
  font-size: calc(36rem * 1 / 21.3333333);
  line-height: calc(46rem * 1 / 21.3333333);
  letter-spacing: calc(0.5rem * 1 / 21.3333333);
  font-family: 'Archivo', sans-serif !important;
}
@media only screen and (max-width: 1400px) {
  #container h3,
  #footer h3,
  #header h3,
  .footer__closures-wrapper h3 {
    font-size: 36px;
    line-height: 46px;
  }
}
@media only screen and (max-width: 1200px) {
  #container h3,
  #footer h3,
  #header h3,
  .footer__closures-wrapper h3 {
    font-size: 32px;
    line-height: 42px;
  }
}
@media only screen and (max-width: 1024px) {
  #container h3,
  #footer h3,
  #header h3,
  .footer__closures-wrapper h3 {
    font-size: 30px;
    line-height: 38px;
  }
}
#container h4,
#footer h4,
#header h4,
.footer__closures-wrapper h4 {
  color: #001E62;
  font-weight: 600;
  font-size: calc(30rem * 1 / 21.3333333);
  line-height: calc(34rem * 1 / 21.3333333);
  letter-spacing: calc(0.125rem * 1 / 21.3333333);
  font-family: 'Archivo', sans-serif !important;
}
@media only screen and (max-width: 1400px) {
  #container h4,
  #footer h4,
  #header h4,
  .footer__closures-wrapper h4 {
    font-size: 30px;
    line-height: 34px;
    letter-spacing: 0.125px;
  }
}
@media only screen and (max-width: 1200px) {
  #container h4,
  #footer h4,
  #header h4,
  .footer__closures-wrapper h4 {
    font-size: 26px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 1024px) {
  #container h4,
  #footer h4,
  #header h4,
  .footer__closures-wrapper h4 {
    font-size: 24px;
    line-height: 28px;
  }
}
#container h5,
#footer h5,
#header h5,
.footer__closures-wrapper h5 {
  color: #001E62;
  font-weight: 600;
  font-size: calc(24rem * 1 / 21.3333333);
  line-height: calc(30rem * 1 / 21.3333333);
  letter-spacing: calc(0.5rem * 1 / 21.3333333);
  font-family: 'Archivo', sans-serif !important;
}
@media only screen and (max-width: 1400px) {
  #container h5,
  #footer h5,
  #header h5,
  .footer__closures-wrapper h5 {
    font-size: 24px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 1200px) {
  #container h5,
  #footer h5,
  #header h5,
  .footer__closures-wrapper h5 {
    font-size: 22px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 1024px) {
  #container h5,
  #footer h5,
  #header h5,
  .footer__closures-wrapper h5 {
    font-size: 20px;
    line-height: 26px;
  }
}
#container h6,
#footer h6,
#header h6,
.footer__closures-wrapper h6 {
  color: #001E62;
  font-weight: 600;
  font-size: calc(22rem * 1 / 21.3333333);
  line-height: calc(30rem * 1 / 21.3333333);
  letter-spacing: calc(0.5rem * 1 / 21.3333333);
  font-family: 'Archivo', sans-serif !important;
}
@media only screen and (max-width: 1400px) {
  #container h6,
  #footer h6,
  #header h6,
  .footer__closures-wrapper h6 {
    font-size: 24px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 1200px) {
  #container h6,
  #footer h6,
  #header h6,
  .footer__closures-wrapper h6 {
    font-size: 22px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 1024px) {
  #container h6,
  #footer h6,
  #header h6,
  .footer__closures-wrapper h6 {
    font-size: 20px;
    line-height: 26px;
  }
}
#container strong,
#footer strong,
#header strong,
.footer__closures-wrapper strong,
#container b,
#footer b,
#header b,
.footer__closures-wrapper b {
  font-weight: 600;
}
.body-intro {
  color: #001E62;
  font-size: calc(20rem * 1 / 21.3333333);
  line-height: 1.5;
  letter-spacing: 0;
  font-family: 'Archivo', sans-serif !important;
}
@media only screen and (max-width: 1400px) {
  .body-intro {
    font-size: 20px;
  }
}
.body-paragraph,
p {
  color: #001E62;
  font-size: calc(17rem * 1 / 21.3333333);
  line-height: calc(26rem * 1 / 21.3333333);
  margin-bottom: calc(12rem * 1 / 21.3333333);
  font-family: "Roboto", sans-serif !important;
  letter-spacing: calc(0.125rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .body-paragraph,
  p {
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 12px;
    letter-spacing: 0.125px;
  }
}
.body-archivo {
  color: #001E62;
  font-size: calc(17rem * 1 / 21.3333333);
  line-height: calc(26rem * 1 / 21.3333333);
  margin-bottom: calc(12rem * 1 / 21.3333333);
  font-family: 'Archivo', sans-serif !important;
  letter-spacing: calc(0.125rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .body-archivo {
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 12px;
    letter-spacing: 0.125px;
  }
}
.font-size14,
.fs-14 {
  font-size: calc(14rem * 1 / 21.3333333);
  line-height: calc(20rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .font-size14,
  .fs-14 {
    font-size: 14px;
    line-height: 20px;
  }
}
.font-size15,
.fs-15 {
  font-size: calc(15rem * 1 / 21.3333333);
  line-height: calc(22rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .font-size15,
  .fs-15 {
    font-size: 15px;
    line-height: 22px;
  }
}
.font-size16,
.fs-16 {
  font-size: calc(16rem * 1 / 21.3333333);
  line-height: calc(24rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .font-size16,
  .fs-16 {
    font-size: 16px;
    line-height: 24px;
  }
}
.font-size18,
.fs-18 {
  font-size: calc(18rem * 1 / 21.3333333);
  line-height: calc(26rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .font-size18,
  .fs-18 {
    font-size: 18px;
    line-height: 26px;
  }
}
.font-size20,
.fs-20 {
  font-size: calc(20rem * 1 / 21.3333333);
  line-height: calc(26rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .font-size20,
  .fs-20 {
    font-size: 20px;
    line-height: 26px;
  }
}
.font-size22,
.fs-22 {
  font-size: calc(22rem * 1 / 21.3333333);
  line-height: calc(30rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .font-size22,
  .fs-22 {
    font-size: 22px;
    line-height: 30px;
  }
}
.font-size24,
.fs-24 {
  font-size: calc(24rem * 1 / 21.3333333);
  line-height: calc(30rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .font-size24,
  .fs-24 {
    font-size: 24px;
    line-height: 30px;
  }
}
.font-size26,
.fs-26 {
  font-size: calc(26rem * 1 / 21.3333333);
  line-height: calc(34rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .font-size26,
  .fs-26 {
    font-size: 26px;
    line-height: 34px;
  }
}
.font-size28 {
  font-size: calc(28rem * 1 / 21.3333333);
  line-height: calc(34rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .font-size28 {
    font-size: 28px;
    line-height: 34px;
  }
}
.font-size30,
.fs-30 {
  font-size: calc(30rem * 1 / 21.3333333);
  line-height: calc(38rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .font-size30,
  .fs-30 {
    font-size: 30px;
    line-height: 38px;
  }
}
.font-size32,
.fs-32 {
  font-size: calc(32rem * 1 / 21.3333333);
  line-height: calc(38rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .font-size32,
  .fs-32 {
    font-size: 32px;
    line-height: 38px;
  }
}
.font-size34,
.fs-34 {
  font-size: calc(34rem * 1 / 21.3333333);
  line-height: calc(42rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .font-size34,
  .fs-34 {
    font-size: 34px;
    line-height: 42px;
  }
}
.font-size36,
.fs-36 {
  font-size: calc(36rem * 1 / 21.3333333);
  line-height: calc(42rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .font-size36,
  .fs-36 {
    font-size: 36px;
    line-height: 42px;
  }
}
.font-size38,
.fs-38 {
  font-size: calc(38rem * 1 / 21.3333333);
  line-height: calc(46rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .font-size38,
  .fs-38 {
    font-size: 38px;
    line-height: 46px;
  }
}
.font-size40,
.fs-40 {
  font-size: calc(40rem * 1 / 21.3333333);
  line-height: calc(46rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .font-size40,
  .fs-40 {
    font-size: 40px;
    line-height: 46px;
  }
}
.font-size42,
.fs-42 {
  font-size: calc(42rem * 1 / 21.3333333);
  line-height: calc(50rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .font-size42,
  .fs-42 {
    font-size: 42px;
    line-height: 50px;
  }
}
.header {
  position: relative;
}
.header__info {
  width: 100%;
  height: calc(80rem * 1 / 21.3333333);
  position: relative;
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  padding-left: 1.595rem !important;
  padding-right: 1.595rem !important;
  gap: 0.9rem;
  place-items: center;
  grid-template-rows: 1fr;
}
@media only screen and (max-width: 1024px) {
  .header__info {
    grid-template-columns: repeat(8, 1fr);
    padding-left: 24px !important;
    padding-right: 24px !important;
    gap: 10px;
  }
}
@media only screen and (max-width: 1400px) {
  .header__info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 80px;
  }
}
@media only screen and (max-width: 1024px) {
  .header__info {
    display: none;
  }
}
.header__info-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.header__info-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.header__info-time {
  position: relative;
  z-index: 4;
  grid-column: 1 / 4;
  justify-self: flex-start;
}
@media only screen and (max-width: 1400px) {
  .header__info-time {
    justify-self: flex-start;
  }
}
.header__info-time > p {
  color: white;
  font-size: calc(18rem * 1 / 21.3333333);
  line-height: calc(26rem * 1 / 21.3333333);
  font-weight: 500;
  white-space: nowrap;
  margin-bottom: 0 !important;
}
@media only screen and (max-width: 1400px) {
  .header__info-time > p {
    font-size: 18px;
    line-height: 26px;
  }
}
.header__info-menu {
  display: flex;
  gap: 2rem;
  position: relative;
  z-index: 4;
}
.header__info-buttons {
  grid-column: 17 / 25;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  gap: 2rem;
  z-index: 4;
}
.header__info-button {
  width: fit-content;
  background-color: #001E62;
  font-size: calc(20rem * 1 / 21.3333333);
  line-height: calc(26rem * 1 / 21.3333333);
  color: white;
  font-weight: 600;
  border-radius: 3rem;
  transition: all 0.25s ease-in-out;
  white-space: nowrap;
  margin: 0;
  height: calc(42rem * 1 / 21.3333333);
  min-height: calc(42rem * 1 / 21.3333333);
  padding: 0 calc(24rem * 1 / 21.3333333);
  display: grid;
  place-items: center;
  background-color: #73F2D0;
  color: #001E62;
  position: relative;
  z-index: 4;
  grid-column: 18 / 21;
  grid-row: 1 / 2;
  justify-self: flex-end;
}
@media only screen and (max-width: 1400px) {
  .header__info-button {
    font-size: 20px;
    line-height: 26px;
  }
}
.header__info-button:hover,
.header__info-button.hover {
  opacity: 0.8;
}
@media only screen and (max-width: 1400px) {
  .header__info-button {
    border-radius: 30px;
    height: 42px;
    min-height: 42px;
    padding: 0 24px;
  }
}
.header__info-button:last-of-type {
  grid-column: 21 / 24;
}
.header__info-button:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 1400px) {
  .header__info-button {
    justify-self: flex-end;
  }
}
@media only screen and (max-width: 1024px) {
  .header__info-button {
    padding: 6px 12px;
    font-weight: 700;
    border-radius: 30px;
  }
}
.header__info-search {
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  background-color: white;
  display: grid;
  place-items: center;
  position: relative;
  z-index: 4;
  grid-column: 24 / 25;
  justify-self: flex-end;
  margin-left: calc(20rem * 1 / 21.3333333);
  cursor: pointer;
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1400px) {
  .header__info-search {
    margin-left: 20px;
    width: 42px;
    height: 42px;
  }
}
.header__info-search:hover {
  opacity: 0.8;
}
.header__info-search img {
  width: 60%;
  height: 60%;
  object-fit: contain;
}
.header__info-search-bar {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  height: calc(80rem * 1 / 21.3333333);
  width: 100%;
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  padding-left: 1.595rem !important;
  padding-right: 1.595rem !important;
  gap: 0.9rem;
  place-items: center;
  display: none;
  background-color: white;
}
@media only screen and (max-width: 1024px) {
  .header__info-search-bar {
    grid-template-columns: repeat(8, 1fr);
    padding-left: 24px !important;
    padding-right: 24px !important;
    gap: 10px;
  }
}
@media only screen and (max-width: 1400px) {
  .header__info-search-bar {
    height: 80px;
  }
}
.header__info-search-bar.active {
  display: grid;
}
.header__info-search-bar-search {
  align-self: flex-start;
  width: 100%;
  height: 100%;
  align-items: center;
  display: flex;
  grid-column: 1 / 25;
  border-bottom: 0.05rem solid black;
}
@media only screen and (max-width: 1400px) {
  .header__info-search-bar-search {
    border-bottom-width: 1px;
  }
}
.header__info-search-bar input {
  width: 100%;
  color: black;
  opacity: 0.8;
  font-family: 'Archivo', sans-serif;
  font-size: 1rem;
  font-style: italic;
  font-weight: 300;
  outline: none;
  border: none;
}
.header__info-search-bar input::placeholder {
  color: black;
  opacity: 0.5;
  font-family: 'Archivo', sans-serif;
}
@media only screen and (max-width: 1400px) {
  .header__info-search-bar input {
    font-size: 20px;
  }
}
.header__info-search-bar-icon {
  width: 2rem;
  height: 2rem;
  background-color: #001E62;
  display: grid;
  place-items: center;
  position: relative;
  z-index: 4;
  cursor: pointer;
  transition: all 0.25s ease-out;
  justify-self: flex-end;
  border-radius: 50%;
}
.header__info-search-bar-icon img {
  width: 60%;
  height: 60%;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(313deg) brightness(108%) contrast(106%);
}
@media only screen and (max-width: 1400px) {
  .header__info-search-bar-icon {
    width: 42px;
    height: 42px;
  }
}
.header__nav {
  width: 100%;
  display: flex;
  height: calc(100rem * 1 / 21.3333333);
  align-items: center;
  justify-content: space-between;
  border-bottom: 0.1rem solid black;
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  padding-left: 1.595rem !important;
  padding-right: 1.595rem !important;
  gap: 0.9rem;
  place-items: center;
  grid-template-rows: 1fr;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .header__nav {
    grid-template-columns: repeat(8, 1fr);
    padding-left: 24px !important;
    padding-right: 24px !important;
    gap: 10px;
  }
}
@media only screen and (max-width: 1400px) {
  .header__nav {
    height: 70px;
  }
}
@media only screen and (max-width: 1024px) {
  .header__nav {
    display: none;
  }
}
.header__nav.search {
  position: relative;
  z-index: 99;
}
.header__nav-logo {
  width: 90%;
  height: auto;
  grid-column: 1 / 4;
  justify-self: flex-start;
}
.header__nav-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.header__nav-menu {
  display: flex;
  height: 100%;
  align-items: center;
  justify-self: flex-end;
  grid-column: 6 / 25;
  width: calc(100% + var(--grid-gutter));
  margin-right: calc(var(--grid-gutter) * -1);
}
@media only screen and (max-width: 1400px) {
  .header__nav-menu {
    grid-column: 4 / 25;
  }
}
.header__nav-menu > .menu-main-menu-container {
  height: 100%;
  width: 100%;
}
.header__nav-menu > .menu-main-menu-container > .menu {
  height: 100%;
  display: flex;
  align-items: center;
  width: 100%;
}
@media only screen and (max-width: 1400px) {
  .header__nav-menu > .menu-main-menu-container > .menu {
    padding-right: 20px;
    justify-content: flex-end;
  }
}
@media only screen and (max-width: 1300px) {
  .header__nav-menu > .menu-main-menu-container > .menu {
    padding-right: 8px;
  }
}
@media only screen and (max-width: 1200px) {
  .header__nav-menu > .menu-main-menu-container > .menu {
    padding-right: 0px;
  }
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item {
  cursor: pointer;
  height: 100%;
  transition: all 0.25s ease-out;
  display: flex;
  align-items: center;
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item:last-of-type,
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item.inactive {
  border-right: none;
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item:has(> .sub-menu) > a::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.3rem;
  width: 0.8rem;
  height: 0.8rem;
  background-image: url(/wp-content/themes/Daessy/images/icons/chevron.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.25s ease-out;
  transform: translateY(-50%) rotate(0deg);
}
@media only screen and (max-width: 1400px) {
  .header__nav-menu > .menu-main-menu-container > .menu > .menu-item:has(> .sub-menu) > a::before {
    right: 13px;
    width: 8px;
    height: 8px;
  }
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item:has(> .sub-menu).active > a::before {
  transform: translateY(-50%) rotate(180deg);
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item > a {
  width: 100%;
  padding: 0rem 2.5rem 0rem 1.2rem;
  white-space: nowrap;
  display: grid;
  place-items: center;
  color: #001E62;
  font-size: calc(18rem * 1 / 21.3333333);
  line-height: calc(26rem * 1 / 21.3333333);
  font-weight: 400;
  border-right: 0.075rem solid #7FC8F0;
  transform: translateY(0.2rem);
  position: relative;
}
@media only screen and (max-width: 1400px) {
  .header__nav-menu > .menu-main-menu-container > .menu > .menu-item > a {
    font-size: 18px;
    line-height: 26px;
  }
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item > a::after {
  content: '';
  position: absolute;
  bottom: calc(-32rem * 1 / 21.3333333);
  left: 1.2rem;
  width: calc(100% - 2.45rem);
  height: 0.15rem;
  background-color: transparent;
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1400px) {
  .header__nav-menu > .menu-main-menu-container > .menu > .menu-item > a {
    font-size: 15px;
    line-height: 1.2;
  }
  .header__nav-menu > .menu-main-menu-container > .menu > .menu-item > a::after {
    bottom: -22px;
  }
}
@media only screen and (max-width: 1300px) {
  .header__nav-menu > .menu-main-menu-container > .menu > .menu-item > a {
    font-size: 14px;
  }
  .header__nav-menu > .menu-main-menu-container > .menu > .menu-item > a::after {
    bottom: -23px;
  }
}
@media only screen and (max-width: 1200px) {
  .header__nav-menu > .menu-main-menu-container > .menu > .menu-item > a {
    font-size: 13px;
  }
  .header__nav-menu > .menu-main-menu-container > .menu > .menu-item > a::after {
    bottom: -24px;
  }
}
@media only screen and (max-width: 1100px) {
  .header__nav-menu > .menu-main-menu-container > .menu > .menu-item > a {
    font-size: 12px;
  }
  .header__nav-menu > .menu-main-menu-container > .menu > .menu-item > a::after {
    bottom: -25px;
  }
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item:first-of-type > a {
  padding-left: 0rem;
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item:first-of-type > a::after {
  left: 0;
  width: calc(100% - 1.25rem);
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item:nth-child(6) > a {
  padding: 0rem 1.2rem;
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item:nth-child(6) > a::after {
  left: 1.3rem;
  width: calc(100% - 2.4rem);
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item:nth-child(7) > a {
  border-right: none;
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item.active > a::after {
  background-color: #4CB2EA;
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item.active > a::before {
  transform: translateY(-50%) rotate(-180deg);
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item:hover > a::after {
  background-color: #4CB2EA;
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu {
  position: absolute;
  cursor: default;
  top: calc(100rem * 1 / 21.3333333);
  left: 0;
  width: 100vw;
  background-image: url(/wp-content/themes/Daessy/images/header_bg.svg);
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 22rem;
  display: flex;
  justify-content: center;
  gap: 1rem 5rem;
  display: none;
  overflow-x: hidden;
  overflow-y: scroll;
  transition: max-height 0s ease-out;
  z-index: 103;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu::-webkit-scrollbar {
  display: none;
}
@media only screen and (max-width: 1400px) {
  .header__nav-menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu {
    top: 70px;
    min-height: 580px;
    gap: 20px 100px;
  }
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu:has(> .menu-item-has-children) {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu:has(> .menu-item-has-children) > .menu-item {
  width: 13rem !important;
}
@media only screen and (max-width: 1400px) {
  .header__nav-menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu:has(> .menu-item-has-children) > .menu-item {
    width: 280px !important;
  }
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu:has(> .menu-item-has-children) > .menu-item:has(> .is-nbsp) {
  width: fit-content !important;
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu > .sub-menu-close {
  position: absolute;
  top: calc(24rem * 1 / 21.3333333);
  right: calc(24rem * 1 / 21.3333333);
  width: calc(36rem * 1 / 21.3333333);
  height: calc(36rem * 1 / 21.3333333);
  cursor: pointer;
  z-index: 100;
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu > .sub-menu-close > span {
  display: block;
  width: 100%;
  height: calc(4rem * 1 / 21.3333333);
  content: '';
  background-color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  transition: all 0.25s ease-out;
  border-radius: calc(2rem * 1 / 21.3333333);
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu > .sub-menu-close > span:first-of-type {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu > .menu-item {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 10rem;
}
@media only screen and (max-width: 1400px) {
  .header__nav-menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu > .menu-item {
    width: 200px;
  }
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu > .menu-item > a {
  font-size: 0.925rem;
  font-weight: 400;
  letter-spacing: 0.02rem;
  color: white;
  border-bottom: 0.05rem solid white;
  transition: all 0.25s ease-out;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu > .menu-item > a.is-nbsp {
  border-bottom: none;
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu > .menu-item > a:hover {
  color: #FFD17B;
}
@media only screen and (max-width: 1400px) {
  .header__nav-menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu > .menu-item > a {
    font-size: 20px;
  }
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu > .menu-item.dots > a {
  opacity: 0;
  pointer-events: none;
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu > .menu-item.pdf > a {
  position: relative;
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu > .menu-item.pdf > a > svg {
  content: '';
  position: absolute;
  top: 2px;
  right: 16px;
  width: 32px;
  height: 16px;
  transition: all 0.25s ease-out;
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu > .menu-item.pdf > a > svg #PDF-BG {
  fill: rgba(255, 255, 255, 0.8);
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu > .menu-item.pdf:hover > a > svg #PDF-BG {
  fill: #ffd17b;
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu > .menu-item > .sub-menu {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item > a {
  font-size: 0.875rem;
  font-weight: 200;
  color: white;
  opacity: 0.8;
  transition: all 0.25s ease-out;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  border-bottom: 0.05rem solid white;
  padding-bottom: 0.5rem;
}
@media only screen and (max-width: 1400px) {
  .header__nav-menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item > a {
    gap: 5px;
    font-size: 20px;
  }
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item > a > span.menu-item-id {
  font-size: 0.6rem;
  font-weight: 500;
  color: white;
  opacity: 0.8;
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1400px) {
  .header__nav-menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item > a > span.menu-item-id {
    font-size: 15px;
  }
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item > a > span.menu-item-title {
  font-size: 0.875rem;
  font-weight: 200;
  color: white;
  opacity: 0.8;
  transition: all 0.25s ease-out;
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item > a > span.menu-item-title:hover {
  color: #FFD17B;
  opacity: 1;
}
@media only screen and (max-width: 1400px) {
  .header__nav-menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item > a > span.menu-item-title {
    font-size: 20px;
  }
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item > a:hover {
  color: #FFD17B;
  opacity: 1;
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item > a:hover > span.menu-item-id,
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item > a:hover > span.menu-item-title {
  color: #FFD17B;
  opacity: 1;
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item.pdf > a {
  position: relative;
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item.pdf > a > svg {
  content: '';
  position: absolute;
  top: 2px;
  right: 16px;
  width: 32px;
  height: 16px;
  transition: all 0.25s ease-out;
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item.pdf > a > svg #PDF-BG {
  fill: rgba(255, 255, 255, 0.8);
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item.pdf:hover > a > svg #PDF-BG {
  fill: #ffd17b;
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu > .sub-menu-singles {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.4rem;
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu > .sub-menu-singles > .menu-item > a {
  font-size: 0.925rem;
  font-weight: 400;
  letter-spacing: 0.02rem;
  color: white;
  transition: all 0.25s ease-out;
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item > .sub-menu > .sub-menu-singles > .menu-item > a:hover {
  opacity: 0.8;
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item:first-of-type > .sub-menu {
  border-left: none;
  justify-content: flex-start;
  padding-left: 8rem !important;
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item:nth-child(2) > .sub-menu {
  padding-left: 0 !important;
  justify-content: center;
}
@media only screen and (max-width: 1400px) {
  .header__nav-menu > .menu-main-menu-container > .menu > .menu-item:nth-child(4) > .sub-menu {
    padding-left: 0 !important;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: min-content;
    gap: 0 50px;
    max-height: 725px;
  }
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item:nth-child(5) > .sub-menu {
  padding-right: 18.5rem !important;
}
@media only screen and (max-width: 1400px) {
  .header__nav-menu > .menu-main-menu-container > .menu > .menu-item:nth-child(5) > .sub-menu > li {
    width: 220px;
    margin-right: 100px;
  }
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item:last-of-type > .sub-menu {
  border-right: none;
  right: 0;
  left: auto;
  transform: translateX(0);
}
.header__nav-menu > .menu-main-menu-container > .menu > .menu-item.active > .sub-menu {
  display: flex;
  padding: 3.6rem 6rem 4.6rem 6rem;
}
@media only screen and (max-width: 1400px) {
  .header__nav-menu > .menu-main-menu-container > .menu > .menu-item.active > .sub-menu {
    padding: 72px 80px 92px 80px;
    width: 100%;
    padding-inline-start: 80px !important;
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .header__nav-menu > .menu-main-menu-container > .menu > .menu-item.active:nth-child(4) > .sub-menu {
    display: grid;
  }
}
.header.fixed {
  position: fixed;
  left: 0;
  top: calc(-80rem * 1 / 21.3333333);
  z-index: 999;
  background-color: white;
}
.header.fixed .sub-menu {
  top: calc(100rem * 1 / 21.3333333) !important;
}
@media only screen and (max-width: 1400px) {
  .header.fixed .sub-menu {
    top: 70px !important;
  }
}
.header.fixed + #container {
  padding-top: calc(180rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .header.fixed {
    top: -80px;
  }
  .header.fixed + #container {
    padding-top: 150px;
  }
}
@media only screen and (max-width: 600px) {
  .header.fixed {
    border-bottom: none;
  }
}
.header__mobile {
  width: 100%;
  background-color: white;
  height: 90px;
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  padding-left: 1.595rem !important;
  padding-right: 1.595rem !important;
  gap: 0.9rem;
  place-items: center;
  overflow-x: hidden;
  overflow-y: visible;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}
@media only screen and (max-width: 1024px) {
  .header__mobile {
    grid-template-columns: repeat(8, 1fr);
    padding-left: 24px !important;
    padding-right: 24px !important;
    gap: 10px;
  }
}
@media only screen and (max-width: 1024px) {
  .header__mobile {
    display: grid;
  }
}
.header__mobile-logo {
  width: 146.7px;
  grid-column: 1 / 5;
  justify-self: flex-start;
  display: block;
}
.header__mobile-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.header__mobile-search {
  grid-column: 6 / 8;
  width: 31px;
  height: 31px;
  justify-self: flex-end;
}
@media only screen and (max-width: 600px) {
  .header__mobile-search {
    justify-self: center;
  }
}
.header__mobile-search img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.header__mobile-hamburger {
  grid-column: 8 / 9;
  justify-self: flex-end;
  width: 38px;
  height: 30px;
  position: relative;
  cursor: pointer;
}
.header__mobile-hamburger > .line {
  height: 2px;
  width: 100%;
  background-color: #001E62;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  transition: all 0.25s ease-out;
}
.header__mobile-hamburger > .line:first-of-type {
  top: 0;
  transform: translateY(0%);
}
.header__mobile-hamburger > .line:last-of-type {
  bottom: 0;
  top: auto;
  transform: translateY(0%);
}
.header__mobile-hamburger.active > .line {
  top: 50%;
  width: 121%;
}
.header__mobile-hamburger.active > .line:first-of-type {
  transform: translateY(-50%) rotate(45deg);
}
.header__mobile-hamburger.active > .line:last-of-type {
  transform: translateY(-50%) rotate(-45deg);
}
.header__mobile-hamburger.active > .line:nth-of-type(2) {
  transform: translateX(80px);
  opacity: 0;
}
.header__mobile-menu {
  display: none;
  height: calc(100vh - 90px);
  position: fixed;
  top: 90px;
  right: 0;
  width: 100vw;
  transform: translateX(100%);
  background-color: #001E62;
  z-index: 101;
  transition: all 0.4s ease-out;
  flex-direction: column;
  gap: 0px;
  padding: 30px 0 90px;
  overflow-x: hidden;
  overflow-y: auto;
}
@media only screen and (max-width: 1024px) {
  .header__mobile-menu {
    display: flex;
  }
}
.header__mobile-menu.active {
  transform: translateX(0);
}
.header__mobile-menu > .menu-item,
.header__mobile-menu > .new-menu-item {
  padding: 20px 0;
  border-bottom: 1px solid rgba(127, 200, 240, 0.5);
  cursor: pointer;
  margin-bottom: 0 !important;
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  padding-left: 1.595rem !important;
  padding-right: 1.595rem !important;
  gap: 0.9rem;
  place-items: center;
}
@media only screen and (max-height: 700px) {
  .header__mobile-menu > .menu-item,
  .header__mobile-menu > .new-menu-item {
    padding: 16px 0;
  }
}
@media only screen and (max-width: 1024px) {
  .header__mobile-menu > .menu-item,
  .header__mobile-menu > .new-menu-item {
    grid-template-columns: repeat(8, 1fr);
    padding-left: 24px !important;
    padding-right: 24px !important;
    gap: 10px;
  }
}
.header__mobile-menu > .menu-item > a,
.header__mobile-menu > .new-menu-item > a {
  grid-column: 1 / 8;
  color: white;
  font-size: 18px;
  justify-self: flex-start;
}
@media only screen and (max-height: 700px) {
  .header__mobile-menu > .menu-item > a,
  .header__mobile-menu > .new-menu-item > a {
    font-size: 17px;
  }
}
.header__mobile-menu > .menu-item:has(> .sub-menu)::after,
.header__mobile-menu > .new-menu-item:has(> .sub-menu)::after {
  content: '';
  grid-column: 8 / 9;
  justify-self: flex-end;
  position: relative;
  width: 16px;
  height: 16px;
  background-image: url(/wp-content/themes/Daessy/images/icons/chevron.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.25s ease-out;
  transform: rotate(-90deg);
  filter: brightness(0) saturate(100%) invert(99%) sepia(99%) saturate(0%) hue-rotate(197deg) brightness(108%) contrast(101%);
}
.header__mobile-menu > .menu-item.reverse > a,
.header__mobile-menu > .new-menu-item.reverse > a {
  grid-column: 2 / 9;
  color: #7FC8F0;
}
.header__mobile-menu > .menu-item.reverse::after,
.header__mobile-menu > .new-menu-item.reverse::after {
  transform: rotate(90deg);
  grid-column: 1 / 2;
  justify-self: flex-start;
  grid-row: 1 / 2;
}
.header__mobile-menu > .menu-item > .sub-menu,
.header__mobile-menu > .new-menu-item > .sub-menu {
  transform: translateX(100%);
  display: flex;
  flex-direction: column;
  position: absolute;
  right: 0;
  top: 0 !important;
  width: 100%;
  height: 100%;
  background-color: #001E62;
  transition: all 0.4s ease-out;
  gap: 0px;
  padding: 30px 0 90px;
  z-index: 998;
}
.header__mobile-menu > .menu-item > .sub-menu.active,
.header__mobile-menu > .new-menu-item > .sub-menu.active {
  transform: translateX(0);
}
.header__mobile-menu > .menu-item > .sub-menu > .menu-item,
.header__mobile-menu > .new-menu-item > .sub-menu > .menu-item,
.header__mobile-menu > .menu-item > .sub-menu > .new-menu-item,
.header__mobile-menu > .new-menu-item > .sub-menu > .new-menu-item {
  padding: 20px 0;
  border-bottom: 1px solid rgba(127, 200, 240, 0.5);
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  padding-left: 1.595rem !important;
  padding-right: 1.595rem !important;
  gap: 0.9rem;
  place-items: center;
  margin-bottom: 0 !important;
}
@media only screen and (max-width: 1024px) {
  .header__mobile-menu > .menu-item > .sub-menu > .menu-item,
  .header__mobile-menu > .new-menu-item > .sub-menu > .menu-item,
  .header__mobile-menu > .menu-item > .sub-menu > .new-menu-item,
  .header__mobile-menu > .new-menu-item > .sub-menu > .new-menu-item {
    grid-template-columns: repeat(8, 1fr);
    padding-left: 24px !important;
    padding-right: 24px !important;
    gap: 10px;
  }
}
.header__mobile-menu > .menu-item > .sub-menu > .menu-item > a,
.header__mobile-menu > .new-menu-item > .sub-menu > .menu-item > a,
.header__mobile-menu > .menu-item > .sub-menu > .new-menu-item > a,
.header__mobile-menu > .new-menu-item > .sub-menu > .new-menu-item > a {
  grid-column: 1 / 8;
  color: white;
  font-size: 18px;
  justify-self: flex-start;
}
.header__mobile-menu > .menu-item > .sub-menu > .menu-item:has(> .sub-menu)::after,
.header__mobile-menu > .new-menu-item > .sub-menu > .menu-item:has(> .sub-menu)::after,
.header__mobile-menu > .menu-item > .sub-menu > .new-menu-item:has(> .sub-menu)::after,
.header__mobile-menu > .new-menu-item > .sub-menu > .new-menu-item:has(> .sub-menu)::after {
  content: '';
  grid-column: 8 / 9;
  justify-self: flex-end;
  position: relative;
  width: 16px;
  height: 16px;
  background-image: url(/wp-content/themes/Daessy/images/icons/chevron.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.25s ease-out;
  transform: rotate(-90deg);
  filter: brightness(0) saturate(100%) invert(99%) sepia(99%) saturate(0%) hue-rotate(197deg) brightness(108%) contrast(101%);
}
.header__mobile-menu > .menu-item > .sub-menu > .menu-item.reverse > a,
.header__mobile-menu > .new-menu-item > .sub-menu > .menu-item.reverse > a,
.header__mobile-menu > .menu-item > .sub-menu > .new-menu-item.reverse > a,
.header__mobile-menu > .new-menu-item > .sub-menu > .new-menu-item.reverse > a {
  grid-column: 2 / 9;
  color: #7FC8F0;
}
.header__mobile-menu > .menu-item > .sub-menu > .menu-item.reverse::after,
.header__mobile-menu > .new-menu-item > .sub-menu > .menu-item.reverse::after,
.header__mobile-menu > .menu-item > .sub-menu > .new-menu-item.reverse::after,
.header__mobile-menu > .new-menu-item > .sub-menu > .new-menu-item.reverse::after {
  content: '';
  transform: rotate(90deg);
  grid-column: 1 / 2;
  justify-self: flex-start;
  position: relative;
  width: 16px;
  height: 16px;
  background-image: url(/wp-content/themes/Daessy/images/icons/chevron.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.25s ease-out;
  grid-row: 1 / 2;
  filter: brightness(0) saturate(100%) invert(67%) sepia(76%) saturate(340%) hue-rotate(173deg) brightness(101%) contrast(88%);
}
.header__mobile-menu > .menu-item > .sub-menu > .menu-item.pdf > a,
.header__mobile-menu > .new-menu-item > .sub-menu > .menu-item.pdf > a,
.header__mobile-menu > .menu-item > .sub-menu > .new-menu-item.pdf > a,
.header__mobile-menu > .new-menu-item > .sub-menu > .new-menu-item.pdf > a {
  position: relative;
}
.header__mobile-menu > .menu-item > .sub-menu > .menu-item.pdf > a > svg,
.header__mobile-menu > .new-menu-item > .sub-menu > .menu-item.pdf > a > svg,
.header__mobile-menu > .menu-item > .sub-menu > .new-menu-item.pdf > a > svg,
.header__mobile-menu > .new-menu-item > .sub-menu > .new-menu-item.pdf > a > svg {
  content: '';
  position: absolute;
  top: 2px;
  right: 16px;
  width: 32px;
  height: 16px;
  transition: all 0.25s ease-out;
}
.header__mobile-menu > .menu-item > .sub-menu > .menu-item.pdf > a > svg #PDF-BG,
.header__mobile-menu > .new-menu-item > .sub-menu > .menu-item.pdf > a > svg #PDF-BG,
.header__mobile-menu > .menu-item > .sub-menu > .new-menu-item.pdf > a > svg #PDF-BG,
.header__mobile-menu > .new-menu-item > .sub-menu > .new-menu-item.pdf > a > svg #PDF-BG {
  fill: rgba(255, 255, 255, 0.8);
}
.header__mobile-menu > .menu-item > .sub-menu > .menu-item.pdf:hover > a > svg #PDF-BG,
.header__mobile-menu > .new-menu-item > .sub-menu > .menu-item.pdf:hover > a > svg #PDF-BG,
.header__mobile-menu > .menu-item > .sub-menu > .new-menu-item.pdf:hover > a > svg #PDF-BG,
.header__mobile-menu > .new-menu-item > .sub-menu > .new-menu-item.pdf:hover > a > svg #PDF-BG {
  fill: #ffd17b;
}
.header__mobile-menu > .menu-item > .sub-menu > .menu-item > .sub-menu,
.header__mobile-menu > .new-menu-item > .sub-menu > .menu-item > .sub-menu,
.header__mobile-menu > .menu-item > .sub-menu > .new-menu-item > .sub-menu,
.header__mobile-menu > .new-menu-item > .sub-menu > .new-menu-item > .sub-menu {
  transform: translateX(100%);
  display: flex;
  flex-direction: column;
  position: absolute;
  right: 0;
  top: 0 !important;
  width: 100%;
  height: 100%;
  background-color: #001E62;
  transition: all 0.4s ease-out;
  gap: 0px;
  padding: 30px 0 90px;
  z-index: 998;
}
.header__mobile-menu > .menu-item > .sub-menu > .menu-item > .sub-menu.active,
.header__mobile-menu > .new-menu-item > .sub-menu > .menu-item > .sub-menu.active,
.header__mobile-menu > .menu-item > .sub-menu > .new-menu-item > .sub-menu.active,
.header__mobile-menu > .new-menu-item > .sub-menu > .new-menu-item > .sub-menu.active {
  transform: translateX(0);
}
.header__mobile-menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item,
.header__mobile-menu > .new-menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item,
.header__mobile-menu > .menu-item > .sub-menu > .new-menu-item > .sub-menu > .menu-item,
.header__mobile-menu > .new-menu-item > .sub-menu > .new-menu-item > .sub-menu > .menu-item,
.header__mobile-menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .new-menu-item,
.header__mobile-menu > .new-menu-item > .sub-menu > .menu-item > .sub-menu > .new-menu-item,
.header__mobile-menu > .menu-item > .sub-menu > .new-menu-item > .sub-menu > .new-menu-item,
.header__mobile-menu > .new-menu-item > .sub-menu > .new-menu-item > .sub-menu > .new-menu-item {
  padding: 20px 0;
  border-bottom: 1px solid rgba(127, 200, 240, 0.5);
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  padding-left: 1.595rem !important;
  padding-right: 1.595rem !important;
  gap: 0.9rem;
  place-items: center;
  margin-bottom: 0 !important;
}
@media only screen and (max-width: 1024px) {
  .header__mobile-menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item,
  .header__mobile-menu > .new-menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item,
  .header__mobile-menu > .menu-item > .sub-menu > .new-menu-item > .sub-menu > .menu-item,
  .header__mobile-menu > .new-menu-item > .sub-menu > .new-menu-item > .sub-menu > .menu-item,
  .header__mobile-menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .new-menu-item,
  .header__mobile-menu > .new-menu-item > .sub-menu > .menu-item > .sub-menu > .new-menu-item,
  .header__mobile-menu > .menu-item > .sub-menu > .new-menu-item > .sub-menu > .new-menu-item,
  .header__mobile-menu > .new-menu-item > .sub-menu > .new-menu-item > .sub-menu > .new-menu-item {
    grid-template-columns: repeat(8, 1fr);
    padding-left: 24px !important;
    padding-right: 24px !important;
    gap: 10px;
  }
}
.header__mobile-menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item > a,
.header__mobile-menu > .new-menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item > a,
.header__mobile-menu > .menu-item > .sub-menu > .new-menu-item > .sub-menu > .menu-item > a,
.header__mobile-menu > .new-menu-item > .sub-menu > .new-menu-item > .sub-menu > .menu-item > a,
.header__mobile-menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .new-menu-item > a,
.header__mobile-menu > .new-menu-item > .sub-menu > .menu-item > .sub-menu > .new-menu-item > a,
.header__mobile-menu > .menu-item > .sub-menu > .new-menu-item > .sub-menu > .new-menu-item > a,
.header__mobile-menu > .new-menu-item > .sub-menu > .new-menu-item > .sub-menu > .new-menu-item > a {
  grid-column: 1 / 9;
  color: white;
  font-size: 18px;
  justify-self: flex-start;
  display: flex;
  width: 100%;
}
.header__mobile-menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item > a > .menu-item-id,
.header__mobile-menu > .new-menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item > a > .menu-item-id,
.header__mobile-menu > .menu-item > .sub-menu > .new-menu-item > .sub-menu > .menu-item > a > .menu-item-id,
.header__mobile-menu > .new-menu-item > .sub-menu > .new-menu-item > .sub-menu > .menu-item > a > .menu-item-id,
.header__mobile-menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .new-menu-item > a > .menu-item-id,
.header__mobile-menu > .new-menu-item > .sub-menu > .menu-item > .sub-menu > .new-menu-item > a > .menu-item-id,
.header__mobile-menu > .menu-item > .sub-menu > .new-menu-item > .sub-menu > .new-menu-item > a > .menu-item-id,
.header__mobile-menu > .new-menu-item > .sub-menu > .new-menu-item > .sub-menu > .new-menu-item > a > .menu-item-id {
  font-size: 14px;
  font-weight: 500;
  color: white;
  opacity: 0.8;
  transition: all 0.25s ease-out;
  margin-top: 2.5px;
  margin-right: 20px;
  white-space: nowrap;
}
.header__mobile-menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item > a > .menu-item-id:hover,
.header__mobile-menu > .new-menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item > a > .menu-item-id:hover,
.header__mobile-menu > .menu-item > .sub-menu > .new-menu-item > .sub-menu > .menu-item > a > .menu-item-id:hover,
.header__mobile-menu > .new-menu-item > .sub-menu > .new-menu-item > .sub-menu > .menu-item > a > .menu-item-id:hover,
.header__mobile-menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .new-menu-item > a > .menu-item-id:hover,
.header__mobile-menu > .new-menu-item > .sub-menu > .menu-item > .sub-menu > .new-menu-item > a > .menu-item-id:hover,
.header__mobile-menu > .menu-item > .sub-menu > .new-menu-item > .sub-menu > .new-menu-item > a > .menu-item-id:hover,
.header__mobile-menu > .new-menu-item > .sub-menu > .new-menu-item > .sub-menu > .new-menu-item > a > .menu-item-id:hover {
  color: #FFD17B;
  opacity: 1;
}
.header__mobile-menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item > a > .menu-item-title,
.header__mobile-menu > .new-menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item > a > .menu-item-title,
.header__mobile-menu > .menu-item > .sub-menu > .new-menu-item > .sub-menu > .menu-item > a > .menu-item-title,
.header__mobile-menu > .new-menu-item > .sub-menu > .new-menu-item > .sub-menu > .menu-item > a > .menu-item-title,
.header__mobile-menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .new-menu-item > a > .menu-item-title,
.header__mobile-menu > .new-menu-item > .sub-menu > .menu-item > .sub-menu > .new-menu-item > a > .menu-item-title,
.header__mobile-menu > .menu-item > .sub-menu > .new-menu-item > .sub-menu > .new-menu-item > a > .menu-item-title,
.header__mobile-menu > .new-menu-item > .sub-menu > .new-menu-item > .sub-menu > .new-menu-item > a > .menu-item-title {
  font-size: 18px;
  font-weight: 200;
  color: white;
  opacity: 0.8;
  transition: all 0.25s ease-out;
  white-space: nowrap;
}
.header__mobile-menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item > a > .menu-item-title:hover,
.header__mobile-menu > .new-menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item > a > .menu-item-title:hover,
.header__mobile-menu > .menu-item > .sub-menu > .new-menu-item > .sub-menu > .menu-item > a > .menu-item-title:hover,
.header__mobile-menu > .new-menu-item > .sub-menu > .new-menu-item > .sub-menu > .menu-item > a > .menu-item-title:hover,
.header__mobile-menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .new-menu-item > a > .menu-item-title:hover,
.header__mobile-menu > .new-menu-item > .sub-menu > .menu-item > .sub-menu > .new-menu-item > a > .menu-item-title:hover,
.header__mobile-menu > .menu-item > .sub-menu > .new-menu-item > .sub-menu > .new-menu-item > a > .menu-item-title:hover,
.header__mobile-menu > .new-menu-item > .sub-menu > .new-menu-item > .sub-menu > .new-menu-item > a > .menu-item-title:hover {
  color: #FFD17B;
  opacity: 1;
}
.header__mobile-menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item.pdf > a,
.header__mobile-menu > .new-menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item.pdf > a,
.header__mobile-menu > .menu-item > .sub-menu > .new-menu-item > .sub-menu > .menu-item.pdf > a,
.header__mobile-menu > .new-menu-item > .sub-menu > .new-menu-item > .sub-menu > .menu-item.pdf > a,
.header__mobile-menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .new-menu-item.pdf > a,
.header__mobile-menu > .new-menu-item > .sub-menu > .menu-item > .sub-menu > .new-menu-item.pdf > a,
.header__mobile-menu > .menu-item > .sub-menu > .new-menu-item > .sub-menu > .new-menu-item.pdf > a,
.header__mobile-menu > .new-menu-item > .sub-menu > .new-menu-item > .sub-menu > .new-menu-item.pdf > a {
  position: relative;
}
.header__mobile-menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item.pdf > a > svg,
.header__mobile-menu > .new-menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item.pdf > a > svg,
.header__mobile-menu > .menu-item > .sub-menu > .new-menu-item > .sub-menu > .menu-item.pdf > a > svg,
.header__mobile-menu > .new-menu-item > .sub-menu > .new-menu-item > .sub-menu > .menu-item.pdf > a > svg,
.header__mobile-menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .new-menu-item.pdf > a > svg,
.header__mobile-menu > .new-menu-item > .sub-menu > .menu-item > .sub-menu > .new-menu-item.pdf > a > svg,
.header__mobile-menu > .menu-item > .sub-menu > .new-menu-item > .sub-menu > .new-menu-item.pdf > a > svg,
.header__mobile-menu > .new-menu-item > .sub-menu > .new-menu-item > .sub-menu > .new-menu-item.pdf > a > svg {
  content: '';
  position: absolute;
  top: 2px;
  right: 16px;
  width: 32px;
  height: 16px;
  transition: all 0.25s ease-out;
}
.header__mobile-menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item.pdf > a > svg #PDF-BG,
.header__mobile-menu > .new-menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item.pdf > a > svg #PDF-BG,
.header__mobile-menu > .menu-item > .sub-menu > .new-menu-item > .sub-menu > .menu-item.pdf > a > svg #PDF-BG,
.header__mobile-menu > .new-menu-item > .sub-menu > .new-menu-item > .sub-menu > .menu-item.pdf > a > svg #PDF-BG,
.header__mobile-menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .new-menu-item.pdf > a > svg #PDF-BG,
.header__mobile-menu > .new-menu-item > .sub-menu > .menu-item > .sub-menu > .new-menu-item.pdf > a > svg #PDF-BG,
.header__mobile-menu > .menu-item > .sub-menu > .new-menu-item > .sub-menu > .new-menu-item.pdf > a > svg #PDF-BG,
.header__mobile-menu > .new-menu-item > .sub-menu > .new-menu-item > .sub-menu > .new-menu-item.pdf > a > svg #PDF-BG {
  fill: rgba(255, 255, 255, 0.8);
}
.header__mobile-menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item.pdf:hover > a #PDF-BG,
.header__mobile-menu > .new-menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item.pdf:hover > a #PDF-BG,
.header__mobile-menu > .menu-item > .sub-menu > .new-menu-item > .sub-menu > .menu-item.pdf:hover > a #PDF-BG,
.header__mobile-menu > .new-menu-item > .sub-menu > .new-menu-item > .sub-menu > .menu-item.pdf:hover > a #PDF-BG,
.header__mobile-menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .new-menu-item.pdf:hover > a #PDF-BG,
.header__mobile-menu > .new-menu-item > .sub-menu > .menu-item > .sub-menu > .new-menu-item.pdf:hover > a #PDF-BG,
.header__mobile-menu > .menu-item > .sub-menu > .new-menu-item > .sub-menu > .new-menu-item.pdf:hover > a #PDF-BG,
.header__mobile-menu > .new-menu-item > .sub-menu > .new-menu-item > .sub-menu > .new-menu-item.pdf:hover > a #PDF-BG {
  fill: #ffd17b;
}
.header__mobile-menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item:has(> .sub-menu)::after,
.header__mobile-menu > .new-menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item:has(> .sub-menu)::after,
.header__mobile-menu > .menu-item > .sub-menu > .new-menu-item > .sub-menu > .menu-item:has(> .sub-menu)::after,
.header__mobile-menu > .new-menu-item > .sub-menu > .new-menu-item > .sub-menu > .menu-item:has(> .sub-menu)::after,
.header__mobile-menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .new-menu-item:has(> .sub-menu)::after,
.header__mobile-menu > .new-menu-item > .sub-menu > .menu-item > .sub-menu > .new-menu-item:has(> .sub-menu)::after,
.header__mobile-menu > .menu-item > .sub-menu > .new-menu-item > .sub-menu > .new-menu-item:has(> .sub-menu)::after,
.header__mobile-menu > .new-menu-item > .sub-menu > .new-menu-item > .sub-menu > .new-menu-item:has(> .sub-menu)::after {
  content: '';
  grid-column: 8 / 9;
  justify-self: flex-end;
  position: relative;
  width: 16px;
  height: 16px;
  background-image: url(/wp-content/themes/Daessy/images/icons/chevron.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.25s ease-out;
  transform: rotate(-90deg);
  filter: brightness(0) saturate(100%) invert(99%) sepia(99%) saturate(0%) hue-rotate(197deg) brightness(108%) contrast(101%);
}
.header__mobile-menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item.reverse > a,
.header__mobile-menu > .new-menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item.reverse > a,
.header__mobile-menu > .menu-item > .sub-menu > .new-menu-item > .sub-menu > .menu-item.reverse > a,
.header__mobile-menu > .new-menu-item > .sub-menu > .new-menu-item > .sub-menu > .menu-item.reverse > a,
.header__mobile-menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .new-menu-item.reverse > a,
.header__mobile-menu > .new-menu-item > .sub-menu > .menu-item > .sub-menu > .new-menu-item.reverse > a,
.header__mobile-menu > .menu-item > .sub-menu > .new-menu-item > .sub-menu > .new-menu-item.reverse > a,
.header__mobile-menu > .new-menu-item > .sub-menu > .new-menu-item > .sub-menu > .new-menu-item.reverse > a {
  grid-column: 2 / 9;
  color: #7FC8F0;
}
.header__mobile-menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item.reverse::after,
.header__mobile-menu > .new-menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item.reverse::after,
.header__mobile-menu > .menu-item > .sub-menu > .new-menu-item > .sub-menu > .menu-item.reverse::after,
.header__mobile-menu > .new-menu-item > .sub-menu > .new-menu-item > .sub-menu > .menu-item.reverse::after,
.header__mobile-menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .new-menu-item.reverse::after,
.header__mobile-menu > .new-menu-item > .sub-menu > .menu-item > .sub-menu > .new-menu-item.reverse::after,
.header__mobile-menu > .menu-item > .sub-menu > .new-menu-item > .sub-menu > .new-menu-item.reverse::after,
.header__mobile-menu > .new-menu-item > .sub-menu > .new-menu-item > .sub-menu > .new-menu-item.reverse::after {
  content: '';
  transform: rotate(90deg);
  grid-column: 1 / 2;
  justify-self: flex-start;
  position: relative;
  width: 16px;
  height: 16px;
  background-image: url(/wp-content/themes/Daessy/images/icons/chevron.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.25s ease-out;
  grid-row: 1 / 2;
  filter: brightness(0) saturate(100%) invert(67%) sepia(76%) saturate(340%) hue-rotate(173deg) brightness(101%) contrast(88%);
}
.header__mobile-menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item > .sub-menu,
.header__mobile-menu > .new-menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item > .sub-menu,
.header__mobile-menu > .menu-item > .sub-menu > .new-menu-item > .sub-menu > .menu-item > .sub-menu,
.header__mobile-menu > .new-menu-item > .sub-menu > .new-menu-item > .sub-menu > .menu-item > .sub-menu,
.header__mobile-menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .new-menu-item > .sub-menu,
.header__mobile-menu > .new-menu-item > .sub-menu > .menu-item > .sub-menu > .new-menu-item > .sub-menu,
.header__mobile-menu > .menu-item > .sub-menu > .new-menu-item > .sub-menu > .new-menu-item > .sub-menu,
.header__mobile-menu > .new-menu-item > .sub-menu > .new-menu-item > .sub-menu > .new-menu-item > .sub-menu {
  display: none;
}
.header__mobile-menu-time {
  font-size: 16px;
  color: #F0F9FE;
  opacity: 0.5;
  font-weight: 300;
  grid-column: 1 / 9;
}
.header__mobile-menu-time-wrapper {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  padding-left: 1.595rem !important;
  padding-right: 1.595rem !important;
  gap: 0.9rem;
  place-items: center;
  width: 100%;
  position: relative;
  margin: 24px 0;
  z-index: 997;
}
@media only screen and (max-width: 1024px) {
  .header__mobile-menu-time-wrapper {
    grid-template-columns: repeat(8, 1fr);
    padding-left: 24px !important;
    padding-right: 24px !important;
    gap: 10px;
  }
}
.header__mobile-menu-button {
  font-size: 18px;
}
@media only screen and (max-height: 700px) {
  .header__mobile-menu-button {
    font-size: 17px;
  }
}
.header__mobile-menu-button-wrapper {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  padding-left: 1.595rem !important;
  padding-right: 1.595rem !important;
  gap: 0.9rem;
  place-items: center;
  width: 100%;
  position: relative;
  height: fit-content;
  margin-bottom: 24px;
  z-index: 997;
}
@media only screen and (max-width: 1024px) {
  .header__mobile-menu-button-wrapper {
    grid-template-columns: repeat(8, 1fr);
    padding-left: 24px !important;
    padding-right: 24px !important;
    gap: 10px;
  }
}
.header__mobile-menu-button:last-of-type {
  grid-column: 1 / 9;
  justify-self: flex-start;
}
@media only screen and (max-width: 600px) {
  .header__mobile {
    border-bottom: 0.25rem solid #001E62;
  }
}
@media only screen and (max-width: 600px) {
  .header.fixed .header__mobile {
    border-bottom: none !important;
  }
}
@keyframes animateContainerPadding {
  0% {
    top: 0;
  }
  100% {
    top: 4.25rem;
  }
}
.menu-item-hover:hover {
  color: #FFD17B;
}
.footer {
  width: 100%;
  position: relative;
  z-index: 55;
}
.footer.gray {
  background-color: #f5f5f5;
}
@media only screen and (max-width: 1024px) {
  .footer {
    background: none;
  }
}
@media only screen and (max-width: 600px) {
  .footer {
    padding-top: 40px;
    overflow: hidden;
  }
}
.footer__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
@media only screen and (max-width: 600px) {
  .footer__bg {
    display: none;
  }
}
.footer__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.footer__content {
  position: relative;
  z-index: 2;
  width: 100%;
}
.footer__top {
  height: calc(7rem * 2);
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 4.5rem 2rem;
  position: relative;
  padding-bottom: 2%;
}
@media only screen and (max-width: 1400px) {
  .footer__top {
    padding-bottom: 1.5rem;
  }
}
@media only screen and (max-width: 1200px) {
  .footer__top {
    padding-bottom: 1.25rem;
  }
}
@media only screen and (max-width: 1024px) {
  .footer__top {
    height: auto;
    gap: 12px 30px;
    padding: 20px 5.5% 14px;
    flex-direction: column;
    align-items: center;
    background-color: #7FC8F0;
  }
}
@media only screen and (max-width: 600px) {
  .footer__top {
    padding: 60px 5.5% 75px;
    background-color: transparent;
    background: linear-gradient(to top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  }
}
.footer__top-mobile-curve {
  display: none;
  width: 100%;
  position: absolute;
  top: 20%;
  transform: translateY(-28rem);
  left: 0;
  height: auto;
  z-index: 12;
}
@media only screen and (max-width: 600px) {
  .footer__top-mobile-curve {
    display: block;
  }
}
@media only screen and (max-width: 1024px) {
  .footer__top-mobile-curve {
    top: 10%;
    transform: translateY(-56px);
  }
}
.footer__top-mobile-curve img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.footer__top-content {
  display: flex;
  align-items: center;
  gap: calc(24rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1024px) {
  .footer__top-content {
    gap: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .footer__top-content {
    flex-direction: column;
  }
}
.footer__top-title {
  color: #001E62;
  font-size: calc(32rem * 1 / 21.3333333);
  line-height: calc(38rem * 1 / 21.3333333);
  text-align: center;
  font-weight: 600;
  position: relative;
  z-index: 18;
  margin-bottom: 0rem;
}
@media only screen and (max-width: 1400px) {
  .footer__top-title {
    font-size: 32px;
    line-height: 38px;
  }
}
@media only screen and (max-width: 1400px) {
  .footer__top-title {
    font-size: 24px;
    line-height: 1.2;
  }
}
.footer__top-link {
  color: #001E62;
  font-size: calc(20rem * 1 / 21.3333333);
  line-height: 1.5;
  letter-spacing: 0;
  font-family: 'Archivo', sans-serif !important;
  color: white;
  transition: all 0.25s ease-in-out;
  background-color: #001E62;
  height: calc(50rem * 1 / 21.3333333);
  padding: 0 calc(38rem * 1 / 21.3333333);
  display: grid;
  place-items: center;
  font-weight: 700;
  border-radius: 2rem;
  position: relative;
  z-index: 18;
  white-space: nowrap;
}
@media only screen and (max-width: 1400px) {
  .footer__top-link {
    font-size: 20px;
  }
}
@media only screen and (max-width: 1400px) {
  .footer__top-link {
    font-size: 18px;
    padding: 0 38px;
    border-radius: 40px;
    height: 50px;
  }
}
.footer__top-link:hover {
  opacity: 0.8;
}
.footer__bottom {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  padding-left: 1.595rem !important;
  padding-right: 1.595rem !important;
  gap: 0.9rem;
  place-items: center;
  grid-template-rows: 1fr;
  width: 100%;
  position: relative;
  padding: 2.6rem 0;
  z-index: 20;
  background: linear-gradient(to bottom, #001e62 0%, #003d84 56.7%, #455c8e 100%);
}
@media only screen and (max-width: 1024px) {
  .footer__bottom {
    grid-template-columns: repeat(8, 1fr);
    padding-left: 24px !important;
    padding-right: 24px !important;
    gap: 10px;
  }
}
@media only screen and (max-width: 1024px) {
  .footer__bottom {
    display: flex;
    padding: 50px 5.5%;
    gap: 20px;
  }
}
@media only screen and (max-width: 700px) {
  .footer__bottom {
    display: none;
  }
}
.footer__bottom-left {
  grid-column: 1 / 6;
  justify-self: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
@media only screen and (max-width: 1024px) {
  .footer__bottom-left {
    gap: 100px;
  }
}
.footer__bottom-logo {
  width: 9rem;
  height: auto;
  margin-top: -0.6rem;
}
@media only screen and (max-width: 1024px) {
  .footer__bottom-logo {
    width: 142px;
    height: auto;
    margin-top: 0;
  }
}
.footer__bottom-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.footer__bottom-copyright {
  color: white;
  font-weight: 300;
  font-size: 0.72rem;
}
@media only screen and (max-width: 800px) {
  .footer__bottom-copyright {
    font-size: 14.4px;
  }
}
.footer__bottom-middle {
  grid-column: 8 / 13;
  justify-self: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  gap: 2rem;
}
@media only screen and (max-width: 1024px) {
  .footer__bottom-middle {
    flex-flow: row wrap;
    width: 65%;
    gap: 24px;
    padding: 0 24px;
  }
}
@media only screen and (max-width: 850px) {
  .footer__bottom-middle {
    padding: 0;
  }
}
@media only screen and (max-width: 800px) {
  .footer__bottom-middle {
    width: 80%;
  }
}
@media only screen and (max-width: 750px) {
  .footer__bottom-middle {
    width: 100%;
  }
}
.footer__bottom-middle-section {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
@media only screen and (max-width: 1024px) {
  .footer__bottom-middle-section {
    gap: 6px;
  }
}
.footer__bottom-middle-section > span {
  color: white;
  font-weight: 300;
  font-size: 0.72rem;
  opacity: 0.9;
}
@media only screen and (max-width: 1024px) {
  .footer__bottom-middle-section > span {
    font-size: 14.4px;
  }
}
.footer__bottom-middle-section > span > b,
.footer__bottom-middle-section > span > a {
  font-weight: 700;
  color: white;
}
.footer__bottom-middle-section > span > a {
  color: white;
  text-decoration: none;
  cursor: pointer;
}
.footer__bottom-middle-section > span > b > a.u,
.footer__bottom-middle-section > span > a.u {
  color: white;
  text-decoration: underline;
  cursor: pointer;
}
.footer__bottom-middle-section > span > b > a.u:hover,
.footer__bottom-middle-section > span > a.u:hover {
  color: #FFD17B;
}
.footer__bottom-right {
  grid-column: 14 / 26;
  display: flex;
  width: 100%;
  height: 100%;
  gap: 4rem;
}
@media only screen and (max-width: 1024px) {
  .footer__bottom-right {
    display: none;
  }
}
.footer__bottom-right > .menu-footer-menu-container {
  align-self: flex-start;
}
.footer__bottom-right > .menu-footer-menu-container > .menu {
  align-self: flex-start;
  display: flex;
  justify-content: flex-start;
  height: 100%;
  width: fit-content;
  gap: 4rem;
}
.footer__bottom-right > .menu-footer-menu-container > .menu > .menu-item {
  font-weight: 600;
  font-size: 0.77rem;
}
.footer__bottom-right > .menu-footer-menu-container > .menu > .menu-item > a {
  color: white;
  text-decoration: none;
  transition: all 0.25s ease-out;
}
.footer__bottom-right > .menu-footer-menu-container > .menu > .menu-item > a:hover {
  color: #FFD17B;
}
.footer__bottom-right > .menu-footer-menu-container > .menu > .menu-item > .sub-menu {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.footer__bottom-right > .menu-footer-menu-container > .menu > .menu-item > .sub-menu > .menu-item {
  font-weight: 300;
}
.footer__bottom-right > .menu-footer-menu-container > .menu > .menu-item > .sub-menu > .menu-item > a {
  color: white;
  text-decoration: none;
  transition: all 0.25s ease-out;
}
.footer__bottom-right > .menu-footer-menu-container > .menu > .menu-item > .sub-menu > .menu-item > a:hover {
  color: #FFD17B;
}
.footer__bottom-right > .menu-items-single {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.footer__bottom-right > .menu-items-single > .menu-item {
  font-weight: 600;
  font-size: 0.77rem;
  transition: all 0.25s ease-out;
}
.footer__bottom-right > .menu-items-single > .menu-item > a {
  color: white;
  text-decoration: none;
}
.footer__bottom-right > .menu-items-single > .menu-item > a:hover {
  color: #FFD17B;
}
.footer__bm {
  display: none;
  padding: 50px 5.5% 100px 33%;
  flex-direction: column;
  gap: 28px;
  position: relative;
  z-index: 20;
  background: linear-gradient(to bottom, #001e62 0%, #003d84 56.7%, #455c8e 100%);
}
@media only screen and (max-width: 700px) {
  .footer__bm {
    display: flex;
  }
}
@media only screen and (max-width: 600px) {
  .footer__bm {
    padding: 80px var(--grid-gutter-mobile) 100px;
    background-color: #001E62;
    overflow: hidden;
  }
}
.footer__bm-section {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
@media only screen and (max-width: 1024px) {
  .footer__bm-section {
    gap: 0px;
  }
}
.footer__bm-section > span {
  color: white;
  font-weight: 300;
  font-size: 0.72rem;
  opacity: 0.9;
}
@media only screen and (max-width: 1024px) {
  .footer__bm-section > span {
    font-size: 16px;
    line-height: 24px;
  }
}
.footer__bm-section > span > b,
.footer__bm-section > span > a {
  font-weight: 700;
  color: white;
}
.footer__bm-section > span > b > a,
.footer__bm-section > span > a > a {
  color: white;
  text-decoration: none;
}
.footer__bm-section > span > b > a.u,
.footer__bm-section > span > a > a.u {
  color: white;
  text-decoration: underline;
}
.footer__bm-section > span > a.u {
  text-decoration: underline;
}
.footer__bm-logo {
  width: 9.6rem;
  height: auto;
  margin-top: -0.6rem;
}
@media only screen and (max-width: 1024px) {
  .footer__bm-logo {
    width: 175px;
    height: 48px;
    margin-top: 0;
  }
}
.footer__bm-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.footer__bm-copyright {
  color: white;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 0.72rem;
}
@media only screen and (max-width: 800px) {
  .footer__bm-copyright {
    font-size: 14.4px;
  }
}
.footer__closures {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: auto;
  width: calc(900rem * 1 / 21.3333333);
  display: flex;
  padding: calc(60rem * 1 / 21.3333333) calc(42rem * 1 / 21.3333333);
  z-index: 999;
  background-color: #E2F4FD;
  flex-direction: column;
  gap: 1.2rem;
  border-radius: 0.6rem;
}
.footer__closures-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 999;
}
.footer__closures-wrapper.active {
  display: block;
}
@media only screen and (max-width: 1400px) {
  .footer__closures {
    width: 900px;
    gap: 20px;
    padding: 45px 36px;
  }
}
@media only screen and (max-width: 1024px) {
  .footer__closures {
    width: 800px;
    padding: 30px 24px;
  }
}
@media only screen and (max-width: 800px) {
  .footer__closures {
    width: 100%;
    height: 600px;
    overflow-y: scroll;
    overflow-x: hidden;
  }
}
@media only screen and (max-width: 600px) {
  .footer__closures {
    height: 500px;
  }
}
.footer__closures .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer__closures .top > h1 {
  font-weight: 700;
  color: #001E62;
}
.footer__closures-x {
  position: absolute;
  top: calc(12rem * 1 / 21.3333333);
  right: calc(12rem * 1 / 21.3333333);
  border-radius: 50%;
  width: calc(48rem * 1 / 21.3333333);
  height: calc(48rem * 1 / 21.3333333);
  display: grid;
  place-items: center;
  cursor: pointer;
}
@media only screen and (max-width: 1024px) {
  .footer__closures-x {
    top: 8px;
    right: 8px;
    width: 32px;
    height: 32px;
  }
}
.footer__closures-x > .inner-x {
  position: relative;
  width: 1.2rem;
  height: 1.2rem;
}
@media only screen and (max-width: 1024px) {
  .footer__closures-x > .inner-x {
    width: 16px;
    height: 16px;
  }
}
.footer__closures-x > .inner-x > div {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0.1rem;
  background-color: #001E62;
  transform: translateY(-50%) rotate(45deg);
}
.footer__closures-x > .inner-x > div:nth-child(2) {
  transform: translateY(-50%) rotate(-45deg);
}
@media only screen and (max-width: 1024px) {
  .footer__closures-x > .inner-x > div {
    height: 2px;
  }
}
.footer__closures-dates {
  display: flex;
  flex-direction: column;
  gap: calc(28rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .footer__closures-dates {
    gap: 20px;
  }
}
.footer__closures-date {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: calc(40rem * 1 / 21.3333333);
  padding-right: calc(44rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .footer__closures-date {
    gap: 32px;
  }
}
@media only screen and (max-width: 1024px) {
  .footer__closures-date {
    gap: 80px;
  }
}
@media only screen and (max-width: 800px) {
  .footer__closures-date {
    flex-direction: column;
    gap: 0;
  }
}
.footer__closures-date--date,
.footer__closures-date--name {
  font-size: calc(20rem * 1 / 21.3333333);
  line-height: calc(26rem * 1 / 21.3333333);
  font-weight: 600;
  color: #001E62;
  white-space: nowrap;
}
@media only screen and (max-width: 1400px) {
  .footer__closures-date--date,
  .footer__closures-date--name {
    font-size: 20px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 800px) {
  .footer__closures-date--date,
  .footer__closures-date--name {
    white-space: normal;
  }
}
.footer__closures-date--name {
  font-weight: 400;
  width: 47.5%;
}
@media only screen and (max-width: 1400px) {
  .footer__closures-date--name {
    width: 430px;
  }
}
@media only screen and (max-width: 1024px) {
  .footer__closures-date--name {
    width: 360px;
  }
}
.container-padding {
  padding: 0 5.5%;
}
.image-container > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.image-cover > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.align-self-left {
  align-self: flex-start;
}
.align-self-center {
  align-self: center;
}
.align-self-right {
  align-self: flex-end;
}
.w-100 {
  width: 100%;
}
.w-100-important {
  width: 100% !important;
}
.w-90 {
  width: 90%;
}
.w-90-important {
  width: 90% !important;
}
.w-80 {
  width: 80%;
}
.w-80-important {
  width: 80% !important;
}
.w-70 {
  width: 70%;
}
.w-70-important {
  width: 70% !important;
}
.w-60 {
  width: 60%;
}
.w-60-important {
  width: 60% !important;
}
.w-50 {
  width: 50%;
}
.w-50-important {
  width: 50% !important;
}
.w-40 {
  width: 40%;
}
.w-40-important {
  width: 40% !important;
}
.w-30 {
  width: 30%;
}
.w-30-important {
  width: 30% !important;
}
.w-20 {
  width: 20%;
}
.w-20-important {
  width: 20% !important;
}
.w-10 {
  width: 10%;
}
.w-10-important {
  width: 10% !important;
}
.w-5 {
  width: 5%;
}
.w-5-important {
  width: 5% !important;
}
.w-1 {
  width: 1%;
}
.w-1-important {
  width: 1% !important;
}
.w-0 {
  width: 0%;
}
.w-0-important {
  width: 0% !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
@media only screen and (max-width: 1024px) {
  .mb-0 {
    margin-bottom: 0px !important;
  }
}
.mb-1 {
  margin-bottom: 1rem !important;
}
@media only screen and (max-width: 1024px) {
  .mb-1 {
    margin-bottom: 10px !important;
  }
}
.mb-2 {
  margin-bottom: 2rem !important;
}
@media only screen and (max-width: 1024px) {
  .mb-2 {
    margin-bottom: 20px !important;
  }
}
.mb-3 {
  margin-bottom: 3rem !important;
}
@media only screen and (max-width: 1024px) {
  .mb-3 {
    margin-bottom: 30px !important;
  }
}
.mb-4 {
  margin-bottom: 4rem !important;
}
@media only screen and (max-width: 1024px) {
  .mb-4 {
    margin-bottom: 40px !important;
  }
}
.mb-5 {
  margin-bottom: 5rem !important;
}
@media only screen and (max-width: 1024px) {
  .mb-5 {
    margin-bottom: 50px !important;
  }
}
.mb-6 {
  margin-bottom: 6rem !important;
}
@media only screen and (max-width: 1024px) {
  .mb-6 {
    margin-bottom: 60px !important;
  }
}
.mb-7 {
  margin-bottom: 7rem !important;
}
@media only screen and (max-width: 1024px) {
  .mb-7 {
    margin-bottom: 70px !important;
  }
}
.mb-8 {
  margin-bottom: 8rem !important;
}
@media only screen and (max-width: 1024px) {
  .mb-8 {
    margin-bottom: 80px !important;
  }
}
.mb-9 {
  margin-bottom: 9rem !important;
}
@media only screen and (max-width: 1024px) {
  .mb-9 {
    margin-bottom: 90px !important;
  }
}
.mb-10 {
  margin-bottom: 10rem !important;
}
@media only screen and (max-width: 1024px) {
  .mb-10 {
    margin-bottom: 100px !important;
  }
}
.mb-11 {
  margin-bottom: 11rem !important;
}
@media only screen and (max-width: 1024px) {
  .mb-11 {
    margin-bottom: 110px !important;
  }
}
.mb-12 {
  margin-bottom: 12rem !important;
}
@media only screen and (max-width: 1024px) {
  .mb-12 {
    margin-bottom: 120px !important;
  }
}
.mb-13 {
  margin-bottom: 13rem !important;
}
@media only screen and (max-width: 1024px) {
  .mb-13 {
    margin-bottom: 130px !important;
  }
}
.mb-14 {
  margin-bottom: 14rem !important;
}
@media only screen and (max-width: 1024px) {
  .mb-14 {
    margin-bottom: 140px !important;
  }
}
.mb-15 {
  margin-bottom: 15rem !important;
}
@media only screen and (max-width: 1024px) {
  .mb-15 {
    margin-bottom: 150px !important;
  }
}
.mb-16 {
  margin-bottom: 16rem !important;
}
@media only screen and (max-width: 1024px) {
  .mb-16 {
    margin-bottom: 160px !important;
  }
}
.mb-17 {
  margin-bottom: 17rem !important;
}
@media only screen and (max-width: 1024px) {
  .mb-17 {
    margin-bottom: 170px !important;
  }
}
.mb-18 {
  margin-bottom: 18rem !important;
}
@media only screen and (max-width: 1024px) {
  .mb-18 {
    margin-bottom: 180px !important;
  }
}
.mb-19 {
  margin-bottom: 19rem !important;
}
@media only screen and (max-width: 1024px) {
  .mb-19 {
    margin-bottom: 190px !important;
  }
}
.mb-20 {
  margin-bottom: 20rem !important;
}
@media only screen and (max-width: 1024px) {
  .mb-20 {
    margin-bottom: 200px !important;
  }
}
.mt-0 {
  margin-top: 0 !important;
}
@media only screen and (max-width: 1024px) {
  .mt-0 {
    margin-top: 0px !important;
  }
}
.mt-1 {
  margin-top: 1rem !important;
}
@media only screen and (max-width: 1024px) {
  .mt-1 {
    margin-top: 10px !important;
  }
}
.mt-2 {
  margin-top: 2rem !important;
}
@media only screen and (max-width: 1024px) {
  .mt-2 {
    margin-top: 20px !important;
  }
}
.mt-3 {
  margin-top: 3rem !important;
}
@media only screen and (max-width: 1024px) {
  .mt-3 {
    margin-top: 30px !important;
  }
}
.mt-4 {
  margin-top: 4rem !important;
}
@media only screen and (max-width: 1024px) {
  .mt-4 {
    margin-top: 40px !important;
  }
}
.mt-5 {
  margin-top: 5rem !important;
}
@media only screen and (max-width: 1024px) {
  .mt-5 {
    margin-top: 50px !important;
  }
}
.mt-6 {
  margin-top: 6rem !important;
}
@media only screen and (max-width: 1024px) {
  .mt-6 {
    margin-top: 60px !important;
  }
}
.mt-7 {
  margin-top: 7rem !important;
}
@media only screen and (max-width: 1024px) {
  .mt-7 {
    margin-top: 70px !important;
  }
}
.mt-8 {
  margin-top: 8rem !important;
}
@media only screen and (max-width: 1024px) {
  .mt-8 {
    margin-top: 80px !important;
  }
}
.mt-9 {
  margin-top: 9rem !important;
}
@media only screen and (max-width: 1024px) {
  .mt-9 {
    margin-top: 90px !important;
  }
}
.mt-10 {
  margin-top: 10rem !important;
}
@media only screen and (max-width: 1024px) {
  .mt-10 {
    margin-top: 100px !important;
  }
}
.mt-11 {
  margin-top: 11rem !important;
}
@media only screen and (max-width: 1024px) {
  .mt-11 {
    margin-top: 110px !important;
  }
}
.mt-12 {
  margin-top: 12rem !important;
}
@media only screen and (max-width: 1024px) {
  .mt-12 {
    margin-top: 120px !important;
  }
}
.mt-13 {
  margin-top: 13rem !important;
}
@media only screen and (max-width: 1024px) {
  .mt-13 {
    margin-top: 130px !important;
  }
}
.mt-14 {
  margin-top: 14rem !important;
}
@media only screen and (max-width: 1024px) {
  .mt-14 {
    margin-top: 140px !important;
  }
}
.mt-15 {
  margin-top: 15rem !important;
}
@media only screen and (max-width: 1024px) {
  .mt-15 {
    margin-top: 150px !important;
  }
}
.mt-16 {
  margin-top: 16rem !important;
}
@media only screen and (max-width: 1024px) {
  .mt-16 {
    margin-top: 160px !important;
  }
}
.mt-17 {
  margin-top: 17rem !important;
}
@media only screen and (max-width: 1024px) {
  .mt-17 {
    margin-top: 170px !important;
  }
}
.mt-18 {
  margin-top: 18rem !important;
}
@media only screen and (max-width: 1024px) {
  .mt-18 {
    margin-top: 180px !important;
  }
}
.mt-19 {
  margin-top: 19rem !important;
}
@media only screen and (max-width: 1024px) {
  .mt-19 {
    margin-top: 190px !important;
  }
}
.mt-20 {
  margin-top: 20rem !important;
}
@media only screen and (max-width: 1024px) {
  .mt-20 {
    margin-top: 200px !important;
  }
}
.ml-0 {
  margin-left: 0 !important;
}
@media only screen and (max-width: 1024px) {
  .ml-0 {
    margin-left: 0px !important;
  }
}
.ml-1 {
  margin-left: 1rem !important;
}
@media only screen and (max-width: 1024px) {
  .ml-1 {
    margin-left: 10px !important;
  }
}
.ml-2 {
  margin-left: 2rem !important;
}
@media only screen and (max-width: 1024px) {
  .ml-2 {
    margin-left: 20px !important;
  }
}
.ml-3 {
  margin-left: 3rem !important;
}
@media only screen and (max-width: 1024px) {
  .ml-3 {
    margin-left: 30px !important;
  }
}
.ml-4 {
  margin-left: 4rem !important;
}
@media only screen and (max-width: 1024px) {
  .ml-4 {
    margin-left: 40px !important;
  }
}
.ml-5 {
  margin-left: 5rem !important;
}
@media only screen and (max-width: 1024px) {
  .ml-5 {
    margin-left: 50px !important;
  }
}
.ml-6 {
  margin-left: 6rem !important;
}
@media only screen and (max-width: 1024px) {
  .ml-6 {
    margin-left: 60px !important;
  }
}
.ml-7 {
  margin-left: 7rem !important;
}
@media only screen and (max-width: 1024px) {
  .ml-7 {
    margin-left: 70px !important;
  }
}
.ml-8 {
  margin-left: 8rem !important;
}
@media only screen and (max-width: 1024px) {
  .ml-8 {
    margin-left: 80px !important;
  }
}
.ml-9 {
  margin-left: 9rem !important;
}
@media only screen and (max-width: 1024px) {
  .ml-9 {
    margin-left: 90px !important;
  }
}
.ml-10 {
  margin-left: 10rem !important;
}
@media only screen and (max-width: 1024px) {
  .ml-10 {
    margin-left: 100px !important;
  }
}
.ml-11 {
  margin-left: 11rem !important;
}
@media only screen and (max-width: 1024px) {
  .ml-11 {
    margin-left: 110px !important;
  }
}
.ml-12 {
  margin-left: 12rem !important;
}
@media only screen and (max-width: 1024px) {
  .ml-12 {
    margin-left: 120px !important;
  }
}
.ml-13 {
  margin-left: 13rem !important;
}
@media only screen and (max-width: 1024px) {
  .ml-13 {
    margin-left: 130px !important;
  }
}
.ml-14 {
  margin-left: 14rem !important;
}
@media only screen and (max-width: 1024px) {
  .ml-14 {
    margin-left: 140px !important;
  }
}
.ml-15 {
  margin-left: 15rem !important;
}
@media only screen and (max-width: 1024px) {
  .ml-15 {
    margin-left: 150px !important;
  }
}
.ml-16 {
  margin-left: 16rem !important;
}
@media only screen and (max-width: 1024px) {
  .ml-16 {
    margin-left: 160px !important;
  }
}
.ml-17 {
  margin-left: 17rem !important;
}
@media only screen and (max-width: 1024px) {
  .ml-17 {
    margin-left: 170px !important;
  }
}
.ml-18 {
  margin-left: 18rem !important;
}
@media only screen and (max-width: 1024px) {
  .ml-18 {
    margin-left: 180px !important;
  }
}
.ml-19 {
  margin-left: 19rem !important;
}
@media only screen and (max-width: 1024px) {
  .ml-19 {
    margin-left: 190px !important;
  }
}
.ml-20 {
  margin-left: 20rem !important;
}
@media only screen and (max-width: 1024px) {
  .ml-20 {
    margin-left: 200px !important;
  }
}
.mr-0 {
  margin-right: 0 !important;
}
@media only screen and (max-width: 1024px) {
  .mr-0 {
    margin-right: 0px !important;
  }
}
.mr-1 {
  margin-right: 1rem !important;
}
@media only screen and (max-width: 1024px) {
  .mr-1 {
    margin-right: 10px !important;
  }
}
.mr-2 {
  margin-right: 2rem !important;
}
@media only screen and (max-width: 1024px) {
  .mr-2 {
    margin-right: 20px !important;
  }
}
.mr-3 {
  margin-right: 3rem !important;
}
@media only screen and (max-width: 1024px) {
  .mr-3 {
    margin-right: 30px !important;
  }
}
.mr-4 {
  margin-right: 4rem !important;
}
@media only screen and (max-width: 1024px) {
  .mr-4 {
    margin-right: 40px !important;
  }
}
.mr-5 {
  margin-right: 5rem !important;
}
@media only screen and (max-width: 1024px) {
  .mr-5 {
    margin-right: 50px !important;
  }
}
.mr-6 {
  margin-right: 6rem !important;
}
@media only screen and (max-width: 1024px) {
  .mr-6 {
    margin-right: 60px !important;
  }
}
.mr-7 {
  margin-right: 7rem !important;
}
@media only screen and (max-width: 1024px) {
  .mr-7 {
    margin-right: 70px !important;
  }
}
.mr-8 {
  margin-right: 8rem !important;
}
@media only screen and (max-width: 1024px) {
  .mr-8 {
    margin-right: 80px !important;
  }
}
.mr-9 {
  margin-right: 9rem !important;
}
@media only screen and (max-width: 1024px) {
  .mr-9 {
    margin-right: 90px !important;
  }
}
.mr-10 {
  margin-right: 10rem !important;
}
@media only screen and (max-width: 1024px) {
  .mr-10 {
    margin-right: 100px !important;
  }
}
.mr-11 {
  margin-right: 11rem !important;
}
@media only screen and (max-width: 1024px) {
  .mr-11 {
    margin-right: 110px !important;
  }
}
.mr-12 {
  margin-right: 12rem !important;
}
@media only screen and (max-width: 1024px) {
  .mr-12 {
    margin-right: 120px !important;
  }
}
.mr-13 {
  margin-right: 13rem !important;
}
@media only screen and (max-width: 1024px) {
  .mr-13 {
    margin-right: 130px !important;
  }
}
.mr-14 {
  margin-right: 14rem !important;
}
@media only screen and (max-width: 1024px) {
  .mr-14 {
    margin-right: 140px !important;
  }
}
.mr-15 {
  margin-right: 15rem !important;
}
@media only screen and (max-width: 1024px) {
  .mr-15 {
    margin-right: 150px !important;
  }
}
.mr-16 {
  margin-right: 16rem !important;
}
@media only screen and (max-width: 1024px) {
  .mr-16 {
    margin-right: 160px !important;
  }
}
.mr-17 {
  margin-right: 17rem !important;
}
@media only screen and (max-width: 1024px) {
  .mr-17 {
    margin-right: 170px !important;
  }
}
.mr-18 {
  margin-right: 18rem !important;
}
@media only screen and (max-width: 1024px) {
  .mr-18 {
    margin-right: 180px !important;
  }
}
.mr-19 {
  margin-right: 19rem !important;
}
@media only screen and (max-width: 1024px) {
  .mr-19 {
    margin-right: 190px !important;
  }
}
.mr-20 {
  margin-right: 20rem !important;
}
@media only screen and (max-width: 1024px) {
  .mr-20 {
    margin-right: 200px !important;
  }
}
.pb-0 {
  padding-bottom: 0 !important;
}
@media only screen and (max-width: 1024px) {
  .pb-0 {
    padding-bottom: 0px !important;
  }
}
.pb-1 {
  padding-bottom: 1rem !important;
}
@media only screen and (max-width: 1024px) {
  .pb-1 {
    padding-bottom: 10px !important;
  }
}
.pb-2 {
  padding-bottom: 2rem !important;
}
@media only screen and (max-width: 1024px) {
  .pb-2 {
    padding-bottom: 20px !important;
  }
}
.pb-3 {
  padding-bottom: 3rem !important;
}
@media only screen and (max-width: 1024px) {
  .pb-3 {
    padding-bottom: 30px !important;
  }
}
.pb-4 {
  padding-bottom: 4rem !important;
}
@media only screen and (max-width: 1024px) {
  .pb-4 {
    padding-bottom: 40px !important;
  }
}
.pb-5 {
  padding-bottom: 5rem !important;
}
@media only screen and (max-width: 1024px) {
  .pb-5 {
    padding-bottom: 50px !important;
  }
}
.pb-6 {
  padding-bottom: 6rem !important;
}
@media only screen and (max-width: 1024px) {
  .pb-6 {
    padding-bottom: 60px !important;
  }
}
.pb-7 {
  padding-bottom: 7rem !important;
}
@media only screen and (max-width: 1024px) {
  .pb-7 {
    padding-bottom: 70px !important;
  }
}
.pb-8 {
  padding-bottom: 8rem !important;
}
@media only screen and (max-width: 1024px) {
  .pb-8 {
    padding-bottom: 80px !important;
  }
}
.pb-9 {
  padding-bottom: 9rem !important;
}
@media only screen and (max-width: 1024px) {
  .pb-9 {
    padding-bottom: 90px !important;
  }
}
.pb-10 {
  padding-bottom: 10rem !important;
}
@media only screen and (max-width: 1024px) {
  .pb-10 {
    padding-bottom: 100px !important;
  }
}
.pb-11 {
  padding-bottom: 11rem !important;
}
@media only screen and (max-width: 1024px) {
  .pb-11 {
    padding-bottom: 110px !important;
  }
}
.pb-12 {
  padding-bottom: 12rem !important;
}
@media only screen and (max-width: 1024px) {
  .pb-12 {
    padding-bottom: 120px !important;
  }
}
.pb-13 {
  padding-bottom: 13rem !important;
}
@media only screen and (max-width: 1024px) {
  .pb-13 {
    padding-bottom: 130px !important;
  }
}
.pb-14 {
  padding-bottom: 14rem !important;
}
@media only screen and (max-width: 1024px) {
  .pb-14 {
    padding-bottom: 140px !important;
  }
}
.pb-15 {
  padding-bottom: 15rem !important;
}
@media only screen and (max-width: 1024px) {
  .pb-15 {
    padding-bottom: 150px !important;
  }
}
.pb-16 {
  padding-bottom: 16rem !important;
}
@media only screen and (max-width: 1024px) {
  .pb-16 {
    padding-bottom: 160px !important;
  }
}
.pb-17 {
  padding-bottom: 17rem !important;
}
@media only screen and (max-width: 1024px) {
  .pb-17 {
    padding-bottom: 170px !important;
  }
}
.pb-18 {
  padding-bottom: 18rem !important;
}
@media only screen and (max-width: 1024px) {
  .pb-18 {
    padding-bottom: 180px !important;
  }
}
.pb-19 {
  padding-bottom: 19rem !important;
}
@media only screen and (max-width: 1024px) {
  .pb-19 {
    padding-bottom: 190px !important;
  }
}
.pb-20 {
  padding-bottom: 20rem !important;
}
@media only screen and (max-width: 1024px) {
  .pb-20 {
    padding-bottom: 200px !important;
  }
}
.pt-0 {
  padding-top: 0 !important;
}
@media only screen and (max-width: 1024px) {
  .pt-0 {
    padding-top: 0px !important;
  }
}
.pt-1 {
  padding-top: 1rem !important;
}
@media only screen and (max-width: 1024px) {
  .pt-1 {
    padding-top: 10px !important;
  }
}
.pt-2 {
  padding-top: 2rem !important;
}
@media only screen and (max-width: 1024px) {
  .pt-2 {
    padding-top: 20px !important;
  }
}
.pt-3 {
  padding-top: 3rem !important;
}
@media only screen and (max-width: 1024px) {
  .pt-3 {
    padding-top: 30px !important;
  }
}
.pt-4 {
  padding-top: 4rem !important;
}
@media only screen and (max-width: 1024px) {
  .pt-4 {
    padding-top: 40px !important;
  }
}
.pt-5 {
  padding-top: 5rem !important;
}
@media only screen and (max-width: 1024px) {
  .pt-5 {
    padding-top: 50px !important;
  }
}
.pt-6 {
  padding-top: 6rem !important;
}
@media only screen and (max-width: 1024px) {
  .pt-6 {
    padding-top: 60px !important;
  }
}
.pt-7 {
  padding-top: 7rem !important;
}
@media only screen and (max-width: 1024px) {
  .pt-7 {
    padding-top: 70px !important;
  }
}
.pt-8 {
  padding-top: 8rem !important;
}
@media only screen and (max-width: 1024px) {
  .pt-8 {
    padding-top: 80px !important;
  }
}
.pt-9 {
  padding-top: 9rem !important;
}
@media only screen and (max-width: 1024px) {
  .pt-9 {
    padding-top: 90px !important;
  }
}
.pt-10 {
  padding-top: 10rem !important;
}
@media only screen and (max-width: 1024px) {
  .pt-10 {
    padding-top: 100px !important;
  }
}
.pt-11 {
  padding-top: 11rem !important;
}
@media only screen and (max-width: 1024px) {
  .pt-11 {
    padding-top: 110px !important;
  }
}
.pt-12 {
  padding-top: 12rem !important;
}
@media only screen and (max-width: 1024px) {
  .pt-12 {
    padding-top: 120px !important;
  }
}
.pt-13 {
  padding-top: 13rem !important;
}
@media only screen and (max-width: 1024px) {
  .pt-13 {
    padding-top: 130px !important;
  }
}
.pt-14 {
  padding-top: 14rem !important;
}
@media only screen and (max-width: 1024px) {
  .pt-14 {
    padding-top: 140px !important;
  }
}
.pt-15 {
  padding-top: 15rem !important;
}
@media only screen and (max-width: 1024px) {
  .pt-15 {
    padding-top: 150px !important;
  }
}
.pt-16 {
  padding-top: 16rem !important;
}
@media only screen and (max-width: 1024px) {
  .pt-16 {
    padding-top: 160px !important;
  }
}
.pt-17 {
  padding-top: 17rem !important;
}
@media only screen and (max-width: 1024px) {
  .pt-17 {
    padding-top: 170px !important;
  }
}
.pt-18 {
  padding-top: 18rem !important;
}
@media only screen and (max-width: 1024px) {
  .pt-18 {
    padding-top: 180px !important;
  }
}
.pt-19 {
  padding-top: 19rem !important;
}
@media only screen and (max-width: 1024px) {
  .pt-19 {
    padding-top: 190px !important;
  }
}
.pt-20 {
  padding-top: 20rem !important;
}
@media only screen and (max-width: 1024px) {
  .pt-20 {
    padding-top: 200px !important;
  }
}
.pl-0 {
  padding-left: 0 !important;
}
@media only screen and (max-width: 1024px) {
  .pl-0 {
    padding-left: 0px !important;
  }
}
.pl-1 {
  padding-left: 1rem !important;
}
@media only screen and (max-width: 1024px) {
  .pl-1 {
    padding-left: 10px !important;
  }
}
.pl-2 {
  padding-left: 2rem !important;
}
@media only screen and (max-width: 1024px) {
  .pl-2 {
    padding-left: 20px !important;
  }
}
.pl-3 {
  padding-left: 3rem !important;
}
@media only screen and (max-width: 1024px) {
  .pl-3 {
    padding-left: 30px !important;
  }
}
.pl-4 {
  padding-left: 4rem !important;
}
@media only screen and (max-width: 1024px) {
  .pl-4 {
    padding-left: 40px !important;
  }
}
.pl-5 {
  padding-left: 5rem !important;
}
@media only screen and (max-width: 1024px) {
  .pl-5 {
    padding-left: 50px !important;
  }
}
.pl-6 {
  padding-left: 6rem !important;
}
@media only screen and (max-width: 1024px) {
  .pl-6 {
    padding-left: 60px !important;
  }
}
.pl-7 {
  padding-left: 7rem !important;
}
@media only screen and (max-width: 1024px) {
  .pl-7 {
    padding-left: 70px !important;
  }
}
.pl-8 {
  padding-left: 8rem !important;
}
@media only screen and (max-width: 1024px) {
  .pl-8 {
    padding-left: 80px !important;
  }
}
.pl-9 {
  padding-left: 9rem !important;
}
@media only screen and (max-width: 1024px) {
  .pl-9 {
    padding-left: 90px !important;
  }
}
.pl-10 {
  padding-left: 10rem !important;
}
@media only screen and (max-width: 1024px) {
  .pl-10 {
    padding-left: 100px !important;
  }
}
.pl-11 {
  padding-left: 11rem !important;
}
@media only screen and (max-width: 1024px) {
  .pl-11 {
    padding-left: 110px !important;
  }
}
.pl-12 {
  padding-left: 12rem !important;
}
@media only screen and (max-width: 1024px) {
  .pl-12 {
    padding-left: 120px !important;
  }
}
.pl-13 {
  padding-left: 13rem !important;
}
@media only screen and (max-width: 1024px) {
  .pl-13 {
    padding-left: 130px !important;
  }
}
.pl-14 {
  padding-left: 14rem !important;
}
@media only screen and (max-width: 1024px) {
  .pl-14 {
    padding-left: 140px !important;
  }
}
.pl-15 {
  padding-left: 15rem !important;
}
@media only screen and (max-width: 1024px) {
  .pl-15 {
    padding-left: 150px !important;
  }
}
.pl-16 {
  padding-left: 16rem !important;
}
@media only screen and (max-width: 1024px) {
  .pl-16 {
    padding-left: 160px !important;
  }
}
.pl-17 {
  padding-left: 17rem !important;
}
@media only screen and (max-width: 1024px) {
  .pl-17 {
    padding-left: 170px !important;
  }
}
.pl-18 {
  padding-left: 18rem !important;
}
@media only screen and (max-width: 1024px) {
  .pl-18 {
    padding-left: 180px !important;
  }
}
.pl-19 {
  padding-left: 19rem !important;
}
@media only screen and (max-width: 1024px) {
  .pl-19 {
    padding-left: 190px !important;
  }
}
.pl-20 {
  padding-left: 20rem !important;
}
@media only screen and (max-width: 1024px) {
  .pl-20 {
    padding-left: 200px !important;
  }
}
.pr-0 {
  padding-right: 0 !important;
}
@media only screen and (max-width: 1024px) {
  .pr-0 {
    padding-right: 0px !important;
  }
}
.pr-1 {
  padding-right: 1rem !important;
}
@media only screen and (max-width: 1024px) {
  .pr-1 {
    padding-right: 10px !important;
  }
}
.pr-2 {
  padding-right: 2rem !important;
}
@media only screen and (max-width: 1024px) {
  .pr-2 {
    padding-right: 20px !important;
  }
}
.pr-3 {
  padding-right: 3rem !important;
}
@media only screen and (max-width: 1024px) {
  .pr-3 {
    padding-right: 30px !important;
  }
}
.pr-4 {
  padding-right: 4rem !important;
}
@media only screen and (max-width: 1024px) {
  .pr-4 {
    padding-right: 40px !important;
  }
}
.pr-5 {
  padding-right: 5rem !important;
}
@media only screen and (max-width: 1024px) {
  .pr-5 {
    padding-right: 50px !important;
  }
}
.pr-6 {
  padding-right: 6rem !important;
}
@media only screen and (max-width: 1024px) {
  .pr-6 {
    padding-right: 60px !important;
  }
}
.pr-7 {
  padding-right: 7rem !important;
}
@media only screen and (max-width: 1024px) {
  .pr-7 {
    padding-right: 70px !important;
  }
}
.pr-8 {
  padding-right: 8rem !important;
}
@media only screen and (max-width: 1024px) {
  .pr-8 {
    padding-right: 80px !important;
  }
}
.pr-9 {
  padding-right: 9rem !important;
}
@media only screen and (max-width: 1024px) {
  .pr-9 {
    padding-right: 90px !important;
  }
}
.pr-10 {
  padding-right: 10rem !important;
}
@media only screen and (max-width: 1024px) {
  .pr-10 {
    padding-right: 100px !important;
  }
}
.pr-11 {
  padding-right: 11rem !important;
}
@media only screen and (max-width: 1024px) {
  .pr-11 {
    padding-right: 110px !important;
  }
}
.pr-12 {
  padding-right: 12rem !important;
}
@media only screen and (max-width: 1024px) {
  .pr-12 {
    padding-right: 120px !important;
  }
}
.pr-13 {
  padding-right: 13rem !important;
}
@media only screen and (max-width: 1024px) {
  .pr-13 {
    padding-right: 130px !important;
  }
}
.pr-14 {
  padding-right: 14rem !important;
}
@media only screen and (max-width: 1024px) {
  .pr-14 {
    padding-right: 140px !important;
  }
}
.pr-15 {
  padding-right: 15rem !important;
}
@media only screen and (max-width: 1024px) {
  .pr-15 {
    padding-right: 150px !important;
  }
}
.pr-16 {
  padding-right: 16rem !important;
}
@media only screen and (max-width: 1024px) {
  .pr-16 {
    padding-right: 160px !important;
  }
}
.pr-17 {
  padding-right: 17rem !important;
}
@media only screen and (max-width: 1024px) {
  .pr-17 {
    padding-right: 170px !important;
  }
}
.pr-18 {
  padding-right: 18rem !important;
}
@media only screen and (max-width: 1024px) {
  .pr-18 {
    padding-right: 180px !important;
  }
}
.pr-19 {
  padding-right: 19rem !important;
}
@media only screen and (max-width: 1024px) {
  .pr-19 {
    padding-right: 190px !important;
  }
}
.pr-20 {
  padding-right: 20rem !important;
}
@media only screen and (max-width: 1024px) {
  .pr-20 {
    padding-right: 200px !important;
  }
}
.ls-0 {
  letter-spacing: 0 !important;
}
@media only screen and (max-width: 1024px) {
  .ls-0 {
    letter-spacing: 0px !important;
  }
}
.ls-1 {
  letter-spacing: 0.1rem !important;
}
@media only screen and (max-width: 1024px) {
  .ls-1 {
    letter-spacing: 1px !important;
  }
}
.ls-2 {
  letter-spacing: 0.2rem !important;
}
@media only screen and (max-width: 1024px) {
  .ls-2 {
    letter-spacing: 2px !important;
  }
}
.ls-3 {
  letter-spacing: 0.3rem !important;
}
@media only screen and (max-width: 1024px) {
  .ls-3 {
    letter-spacing: 2px !important;
  }
}
.ls-4 {
  letter-spacing: 0.4rem !important;
}
@media only screen and (max-width: 1024px) {
  .ls-4 {
    letter-spacing: 2px !important;
  }
}
.ls-5 {
  letter-spacing: 0.5rem !important;
}
@media only screen and (max-width: 1024px) {
  .ls-5 {
    letter-spacing: 5px !important;
  }
}
.ls-6 {
  letter-spacing: 0.6rem !important;
}
@media only screen and (max-width: 1024px) {
  .ls-6 {
    letter-spacing: 6px !important;
  }
}
.ls-7 {
  letter-spacing: 0.7rem !important;
}
@media only screen and (max-width: 1024px) {
  .ls-7 {
    letter-spacing: 7px !important;
  }
}
.ls-8 {
  letter-spacing: 0.8rem !important;
}
@media only screen and (max-width: 1024px) {
  .ls-8 {
    letter-spacing: 8px !important;
  }
}
.ls-9 {
  letter-spacing: 0.9rem !important;
}
@media only screen and (max-width: 1024px) {
  .ls-9 {
    letter-spacing: 9px !important;
  }
}
.ls-10 {
  letter-spacing: 1rem !important;
}
@media only screen and (max-width: 1024px) {
  .ls-10 {
    letter-spacing: 10px !important;
  }
}
.lh-1 {
  line-height: 1 !important;
}
.lh-11 {
  line-height: 1.1 !important;
}
.lh-12 {
  line-height: 1.2 !important;
}
.lh-13 {
  line-height: 1.3 !important;
}
.lh-14 {
  line-height: 1.4 !important;
}
.lh-15 {
  line-height: 1.5 !important;
}
.lh-16 {
  line-height: 1.6 !important;
}
.lh-17 {
  line-height: 1.7 !important;
}
.lh-18 {
  line-height: 1.8 !important;
}
.lh-19 {
  line-height: 1.9 !important;
}
.lh-20 {
  line-height: 2 !important;
}
.ln {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  padding-left: 1.595rem !important;
  padding-right: 1.595rem !important;
  gap: 0.9rem;
  place-items: center;
  padding-bottom: calc(30rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1024px) {
  .ln {
    grid-template-columns: repeat(8, 1fr);
    padding-left: 24px !important;
    padding-right: 24px !important;
    gap: 10px;
  }
}
@media only screen and (max-width: 1400px) {
  .ln {
    padding-bottom: calc(40rem * 1 / 21.3333333);
  }
}
@media only screen and (max-width: 1024px) {
  .ln {
    padding-bottom: 40px;
  }
}
.ln__header {
  grid-column: 1 / -1;
  position: relative;
  z-index: 8;
}
@media only screen and (max-width: 1024px) {
  .ln__header {
    margin-left: -24px;
    margin-right: -24px;
  }
}
.ln__header-image {
  margin-left: -1.595rem;
  margin-right: -1.595rem;
  height: calc(730rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1024px) {
  .ln__header-image {
    height: 500px;
  }
}
.ln__header-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ln__breadcrumbs {
  left: 0;
  top: calc(20rem * 1 / 21.3333333);
  grid-column: 1 / 13;
  position: absolute;
  left: var(--grid-gutter);
  top: var(--grid-gutter);
  gap: 0.8rem;
  z-index: 89;
  display: flex;
}
@media only screen and (max-width: 1400px) {
  .ln__breadcrumbs {
    gap: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .ln__breadcrumbs {
    top: 16px;
    left: var(--grid-gutter-mobile);
  }
}
.ln__breadcrumbs > a {
  color: #001E62;
  font-size: calc(15rem * 1 / 21.3333333);
  line-height: calc(22rem * 1 / 21.3333333);
  font-weight: 400;
}
@media only screen and (max-width: 1400px) {
  .ln__breadcrumbs > a {
    font-size: 15px;
    line-height: 22px;
  }
}
.ln__breadcrumbs > a:hover {
  text-decoration: underline;
}
.ln__breadcrumbs > span {
  color: #001E62;
  font-size: calc(15rem * 1 / 21.3333333);
  line-height: calc(22rem * 1 / 21.3333333);
  font-weight: 400;
}
@media only screen and (max-width: 1400px) {
  .ln__breadcrumbs > span {
    font-size: 15px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 1024px) {
  .ln__breadcrumbs {
    grid-column: 1 / 9;
    left: 24px;
    gap: 12px;
  }
}
.ln__bg {
  position: absolute;
  top: calc(730rem * 1 / 21.3333333);
  left: 0;
  width: 100%;
  height: calc(100% - calc(576rem * 1 / 21.3333333));
  background: linear-gradient(to bottom, rgba(127, 200, 240, 0.6) 2.8%, rgba(127, 200, 240, 0.302) 33.7%, rgba(127, 200, 240, 0.165) 48.8%, rgba(127, 200, 240, 0.102) 59.5%, rgba(127, 200, 240, 0.102) 100%);
}
@media only screen and (max-width: 1024px) {
  .ln__bg {
    top: 500px;
  }
}
.ln__share {
  position: absolute;
  top: calc(772rem * 1 / 21.3333333);
  left: calc(400rem * 1 / 21.3333333);
  justify-self: center;
  display: flex;
  flex-direction: column;
  z-index: 8;
}
@media only screen and (max-width: 1400px) {
  .ln__share {
    top: calc(832rem * 1 / 21.3333333);
    left: calc(40rem * 1 / 21.3333333);
  }
}
@media only screen and (max-width: 1024px) {
  .ln__share {
    bottom: 150px;
    top: auto;
    right: auto;
    left: 56px;
    z-index: 10;
  }
}
.ln__share-links {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: calc(16rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .ln__share-links {
    gap: calc(20rem * 1 / 21.3333333);
  }
}
@media only screen and (max-width: 1024px) {
  .ln__share-links {
    gap: 16px;
  }
}
.ln__share-link {
  height: calc(14.4446rem * 1 / 21.3333333);
  width: auto;
  grid-column: span 1;
}
@media only screen and (max-width: 1400px) {
  .ln__share-link {
    height: calc(18rem * 1 / 21.3333333);
  }
}
@media only screen and (max-width: 1024px) {
  .ln__share-link {
    height: 16px;
  }
}
.ln__share-link img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.ln__content {
  grid-column: 9 / 23;
  background-color: white;
  margin-top: calc(-275rem * 1 / 21.3333333);
  grid-template-columns: subgrid;
  display: grid;
  position: relative;
  z-index: 8;
  box-shadow: 0px calc(1.444446rem * 1 / 21.3333333) calc(20rem * 1 / 21.3333333) rgba(130, 168, 189, 0.2);
  margin-bottom: calc(32rem * 1 / 21.3333333);
  border-radius: calc(10rem * 1 / 21.3333333);
  padding: calc(100rem * 1 / 21.3333333) 0 calc(120rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .ln__content {
    grid-column: 5 / 24;
    margin-top: calc(-315rem * 1 / 21.3333333);
  }
}
@media only screen and (max-width: 1024px) {
  .ln__content {
    grid-column: 1 / -1;
    margin-top: -205px;
    padding: 60px 0 120px;
    margin-bottom: 30px;
    border-radius: 8px;
  }
}
.ln__content > * {
  grid-column: 2 / 13;
}
@media only screen and (max-width: 1400px) {
  .ln__content > * {
    grid-column: 2 / 19;
  }
}
@media only screen and (max-width: 1024px) {
  .ln__content > * {
    grid-column: 1 / -1;
    padding: 0 30px;
  }
}
.ln__content > .wp-block-heading {
  margin-bottom: calc(50rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1024px) {
  .ln__content > .wp-block-heading {
    margin-bottom: 30px;
  }
}
.ln__content > p {
  color: #001E62;
  font-size: calc(17rem * 1 / 21.3333333);
  line-height: calc(26rem * 1 / 21.3333333);
  margin-bottom: calc(12rem * 1 / 21.3333333);
  font-family: 'Archivo', sans-serif !important;
  letter-spacing: calc(0.125rem * 1 / 21.3333333);
  margin-bottom: calc(30rem * 1 / 21.3333333);
  color: #3F526F;
}
@media only screen and (max-width: 1400px) {
  .ln__content > p {
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 12px;
    letter-spacing: 0.125px;
  }
}
@media only screen and (max-width: 1400px) {
  .ln__content > p {
    margin-bottom: calc(40rem * 1 / 21.3333333);
  }
}
@media only screen and (max-width: 1024px) {
  .ln__content > p {
    margin-bottom: 30px;
  }
}
.ln__content .wp-block-image {
  width: 100%;
  height: auto;
  margin-bottom: calc(30rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .ln__content .wp-block-image {
    margin-bottom: calc(40rem * 1 / 21.3333333);
  }
}
@media only screen and (max-width: 1024px) {
  .ln__content .wp-block-image {
    margin-bottom: 30px;
  }
}
.ln__content .wp-block-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ln__content ul {
  padding-left: calc(16rem * 1 / 21.3333333);
  margin-bottom: calc(30rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .ln__content ul {
    margin-bottom: calc(34rem * 1 / 21.3333333);
    padding-left: calc(20rem * 1 / 21.3333333);
  }
}
@media only screen and (max-width: 1024px) {
  .ln__content ul {
    margin-bottom: 30px;
    padding-left: 48px;
  }
}
.ln__content ul li {
  list-style-type: disc;
  color: #001E62;
  font-size: calc(17rem * 1 / 21.3333333);
  line-height: calc(26rem * 1 / 21.3333333);
  margin-bottom: calc(12rem * 1 / 21.3333333);
  font-family: 'Archivo', sans-serif !important;
  letter-spacing: calc(0.125rem * 1 / 21.3333333);
  margin-bottom: calc(6rem * 1 / 21.3333333);
  color: #3F526F;
}
@media only screen and (max-width: 1400px) {
  .ln__content ul li {
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 12px;
    letter-spacing: 0.125px;
  }
}
@media only screen and (max-width: 1024px) {
  .ln__content ul li {
    margin-bottom: 6px;
  }
}
.ln__content a {
  font-weight: 600;
  text-decoration: underline;
  color: #001E62;
  font-family: 'Archivo', sans-serif !important;
}
.ln__content a:hover {
  text-decoration: none;
}
.ln__title {
  font-weight: 500 !important;
}
@media only screen and (max-width: 1024px) {
  .ln__title {
    word-break: unset;
  }
}
.ln__seperator {
  width: calc(94rem * 1 / 21.3333333);
  height: calc(2rem * 1 / 21.3333333);
  background-color: #001E62;
  margin: calc(50rem * 1 / 21.3333333) 0;
}
@media only screen and (max-width: 1024px) {
  .ln__seperator {
    width: 94px;
    height: 2px;
    margin: 50px 0;
    margin-left: 30px;
  }
}
.ln__next {
  position: relative;
  z-index: 8;
  grid-column: 18 / 23;
  justify-self: flex-end;
  width: fit-content;
  background-color: white;
  color: #001E62;
  font-size: calc(20rem * 1 / 21.3333333);
  line-height: calc(26rem * 1 / 21.3333333);
  font-weight: 600;
  border-radius: calc(30rem * 1 / 21.3333333);
  border: calc(1.44446rem * 1 / 21.3333333) solid #7FC8F0;
  transition: all 0.25s ease-in-out;
  white-space: nowrap;
  margin: 0;
  height: calc(42rem * 1 / 21.3333333);
  min-height: calc(42rem * 1 / 21.3333333);
  padding: 0 calc(24rem * 1 / 21.3333333);
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1400px) {
  .ln__next {
    font-size: 20px;
    line-height: 26px;
  }
}
.ln__next:hover,
.ln__next.hover {
  background-color: #001E62;
  color: white;
}
@media only screen and (max-width: 1400px) {
  .ln__next {
    border-radius: 30px;
    height: 42px;
    min-height: 42px;
    padding: 0 24px;
    border: 1px solid #7FC8F0;
  }
}
@media only screen and (max-width: 1400px) {
  .ln__next {
    grid-column: 18 / 24;
  }
}
@media only screen and (max-width: 1024px) {
  .ln__next {
    grid-column: 1 / -1;
  }
}
#wrapper:has(.header.fixed) .ln__bg {
  top: calc(900rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1024px) {
  #wrapper:has(.header.fixed) .ln__bg {
    top: 590px;
  }
}
#wrapper:has(.header.fixed) .ln__share {
  top: calc(972rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  #wrapper:has(.header.fixed) .ln__share {
    top: calc(1032rem * 1 / 21.3333333);
  }
}
@media only screen and (max-width: 1024px) {
  #wrapper:has(.header.fixed) .ln__share {
    bottom: 150px;
    top: auto;
    right: auto;
    left: 56px;
  }
}
.sp {
  position: relative;
}
.sp__wrapper {
  position: relative;
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  padding-left: 1.595rem !important;
  padding-right: 1.595rem !important;
  gap: 0.9rem;
  place-items: center;
  place-items: flex-start;
  width: 100%;
  padding-bottom: 0rem;
}
@media only screen and (max-width: 1024px) {
  .sp__wrapper {
    grid-template-columns: repeat(8, 1fr);
    padding-left: 24px !important;
    padding-right: 24px !important;
    gap: 10px;
  }
}
@media only screen and (max-width: 1024px) {
  .sp__wrapper {
    padding-bottom: 40px;
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
}
@media only screen and (max-width: 600px) {
  .sp__wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.sp__breadcrumbs {
  position: absolute;
  left: var(--grid-gutter);
  top: var(--grid-gutter);
  display: flex;
  gap: 0.8rem;
  z-index: 89;
}
@media only screen and (max-width: 1400px) {
  .sp__breadcrumbs {
    gap: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .sp__breadcrumbs {
    top: 16px;
    left: var(--grid-gutter-mobile);
  }
}
.sp__breadcrumbs > a {
  color: #001E62;
  font-size: calc(15rem * 1 / 21.3333333);
  line-height: calc(22rem * 1 / 21.3333333);
  font-weight: 400;
}
@media only screen and (max-width: 1400px) {
  .sp__breadcrumbs > a {
    font-size: 15px;
    line-height: 22px;
  }
}
.sp__breadcrumbs > a:hover {
  text-decoration: underline;
}
.sp__breadcrumbs > span {
  color: #001E62;
  font-size: calc(15rem * 1 / 21.3333333);
  line-height: calc(22rem * 1 / 21.3333333);
  font-weight: 400;
}
@media only screen and (max-width: 1400px) {
  .sp__breadcrumbs > span {
    font-size: 15px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 600px) {
  .sp__breadcrumbs {
    max-width: calc(100% - calc(var(--grid-gutter-mobile) * 2));
    gap: 6px 16px;
    flex-wrap: wrap;
  }
}
.sp__left {
  padding-top: calc(90rem * 1 / 21.3333333);
  grid-column: 15 / 22;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0rem;
}
@media only screen and (max-width: 1400px) {
  .sp__left {
    grid-column: 15 / 24;
    padding-top: 90px;
  }
}
@media only screen and (max-width: 1024px) {
  .sp__left {
    grid-column: 1 / 9;
    padding-top: 40px;
    order: 3;
  }
}
@media only screen and (max-width: 600px) {
  .sp__left {
    padding-top: 6px;
    padding-left: var(--grid-gutter-mobile) !important;
    padding-right: var(--grid-gutter-mobile) !important;
  }
}
.sp__id {
  color: #001E62;
  font-weight: 700 !important;
}
@media only screen and (max-width: 600px) {
  .sp__id {
    margin-bottom: 0px;
    font-size: 18px !important;
    line-height: 34px !important;
  }
}
.sp__title {
  color: #001E62;
  font-weight: 700 !important;
  margin-bottom: 0;
}
@media only screen and (max-width: 1400px) {
  .sp__title {
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .sp__title {
    margin-bottom: 0px;
    font-size: 30px !important;
    line-height: 34px !important;
  }
}
.sp__description {
  display: flex;
  flex-direction: column;
  letter-spacing: calc(0.125rem * 1 / 21.3333333);
  margin: calc(20rem * 1 / 21.3333333) 0 calc(28rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .sp__description {
    margin: 30px 0;
  }
}
.sp__capabilities {
  display: flex;
  flex-direction: column;
  border-top: calc(1rem * 1 / 21.3333333) solid #001E62;
}
.sp__capabilities > li {
  color: #001E62;
  font-size: calc(17rem * 1 / 21.3333333);
  line-height: calc(26rem * 1 / 21.3333333);
  margin-bottom: calc(12rem * 1 / 21.3333333);
  font-family: "Roboto", sans-serif !important;
  letter-spacing: calc(0.125rem * 1 / 21.3333333);
  font-weight: 400;
  margin-bottom: 0.5rem;
  padding: calc(16rem * 1 / 21.3333333) 0;
  border-bottom: calc(1rem * 1 / 21.3333333) solid #001E62;
  margin: 0;
  padding-left: calc(28rem * 1 / 21.3333333);
  position: relative;
}
@media only screen and (max-width: 1400px) {
  .sp__capabilities > li {
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 12px;
    letter-spacing: 0.125px;
  }
}
.sp__capabilities > li::before {
  content: "—";
  position: absolute;
  left: 0;
}
@media only screen and (max-width: 1400px) {
  .sp__capabilities > li {
    max-width: 100%;
    margin-bottom: 0px;
    padding: 16px 0;
    padding-left: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .sp__capabilities > li {
    padding: 12px 0;
    padding-left: 20px;
  }
}
.sp__links {
  display: flex;
  gap: 0.6rem 1.4rem;
  flex-wrap: wrap;
  margin: calc(30rem * 1 / 21.3333333) 0 0;
}
@media only screen and (max-width: 1400px) {
  .sp__links {
    margin: 30px 0 0;
    gap: 12px 28px;
  }
}
.sp__brochure,
.sp__video,
.sp__view {
  width: fit-content;
  background-color: #001E62;
  font-size: calc(20rem * 1 / 21.3333333);
  line-height: calc(26rem * 1 / 21.3333333);
  color: white;
  font-weight: 600;
  border-radius: 3rem;
  transition: all 0.25s ease-in-out;
  white-space: nowrap;
  margin: 0;
  height: calc(42rem * 1 / 21.3333333);
  min-height: calc(42rem * 1 / 21.3333333);
  padding: 0 calc(24rem * 1 / 21.3333333);
  display: grid;
  place-items: center;
  font-weight: 700;
  position: relative;
}
@media only screen and (max-width: 1400px) {
  .sp__brochure,
  .sp__video,
  .sp__view {
    font-size: 20px;
    line-height: 26px;
  }
}
.sp__brochure:hover,
.sp__video:hover,
.sp__view:hover,
.sp__brochure.hover,
.sp__video.hover,
.sp__view.hover {
  opacity: 0.8;
}
@media only screen and (max-width: 1400px) {
  .sp__brochure,
  .sp__video,
  .sp__view {
    border-radius: 30px;
    height: 42px;
    min-height: 42px;
    padding: 0 24px;
  }
}
.sp__video {
  display: none;
}
.sp__brochure {
  padding-right: 2.8rem;
}
@media only screen and (max-width: 1400px) {
  .sp__brochure {
    padding-left: 24px;
    padding-right: 50px;
  }
}
.sp__brochure::after {
  content: "";
  background-image: url(/wp-content/themes/Daessy/images/icons/download.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  right: 1rem;
  width: 1rem;
  height: 1rem;
  transform: translateY(-50%);
}
@media only screen and (max-width: 1400px) {
  .sp__brochure::after {
    right: 20px;
    width: 20px;
    height: 20px;
  }
}
.sp__section {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  margin-top: calc(50rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .sp__section {
    gap: 4px;
    margin-top: 50px;
  }
}
@media only screen and (max-width: 600px) {
  .sp__section {
    padding-top: 0px;
    border: none;
  }
}
@media only screen and (max-width: 600px) {
  .sp__section.customize > p {
    border-bottom: none !important;
    padding-left: 0 !important;
  }
}
.sp__section-ul {
  display: flex;
  flex-direction: column;
}
.sp__section-ul > li {
  color: #001E62;
  font-size: calc(17rem * 1 / 21.3333333);
  line-height: calc(26rem * 1 / 21.3333333);
  margin-bottom: calc(12rem * 1 / 21.3333333);
  font-family: "Roboto", sans-serif !important;
  letter-spacing: calc(0.125rem * 1 / 21.3333333);
  font-weight: 400;
  margin-bottom: 0.5rem;
  padding: calc(16rem * 1 / 21.3333333) 0;
  border-bottom: calc(1rem * 1 / 21.3333333) solid #001E62;
  margin: 0;
  padding-left: calc(28rem * 1 / 21.3333333);
  position: relative;
}
@media only screen and (max-width: 1400px) {
  .sp__section-ul > li {
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 12px;
    letter-spacing: 0.125px;
  }
}
.sp__section-ul > li::before {
  content: "—";
  position: absolute;
  left: 0;
}
@media only screen and (max-width: 1400px) {
  .sp__section-ul > li {
    max-width: 100%;
    margin-bottom: 0px;
    padding: 16px 0;
    padding-left: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .sp__section-ul > li {
    padding: 12px 0;
    padding-left: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .sp__section-ul > li {
    padding: 8px 0;
    padding-left: 20px;
  }
}
.sp__section-mobile {
  display: none;
  padding-left: var(--grid-gutter-mobile);
  padding-right: var(--grid-gutter-mobile);
}
@media only screen and (max-width: 600px) {
  .sp__section-mobile:not(.customize) > p {
    position: relative;
  }
  .sp__section-mobile:not(.customize) > p::before {
    position: absolute;
    left: 0;
    content: "—";
    color: #001E62;
    font-weight: 700;
    margin-right: 0.25rem;
  }
}
@media only screen and (max-width: 600px) {
  .sp__section-mobile.customize > p {
    border-bottom: none !important;
    padding-left: 0 !important;
  }
}
.sp__section > h5,
.sp__section > h4 {
  width: 100%;
  padding: 0.45rem 0 0.4rem;
  border-bottom: 0.12rem solid #001E62;
  color: #001E62;
  font-weight: 700;
}
@media only screen and (max-width: 1400px) {
  .sp__section > h5,
  .sp__section > h4 {
    font-size: 22px;
    border-bottom: 2.4px solid #001E62;
    padding: 8px 0;
  }
}
.sp__section:not(.caution) > p {
  padding: 0.75rem 0;
  border-bottom: 0.075rem solid rgba(0, 30, 98, 0.2);
  margin-bottom: 0 !important;
}
.sp__section:not(.caution) > p:last-of-type {
  border-bottom: none;
}
@media only screen and (max-width: 1400px) {
  .sp__section:not(.caution) > p {
    padding: 16px 0;
  }
}
@media only screen and (max-width: 600px) {
  .sp__section:not(.caution) > p {
    padding: 8px 0;
    padding-left: 20px;
    border-bottom: 1px solid rgba(0, 30, 98, 0.2);
  }
  .sp__section:not(.caution) > p:last-of-type {
    border-bottom: 1px solid rgba(0, 30, 98, 0.2);
  }
}
.sp__section:not(.caution) > p > a {
  color: #001E62;
  text-decoration: underline;
}
.sp__section:not(.caution) > p > a:hover {
  text-decoration: none;
}
@media only screen and (max-width: 600px) {
  .sp__section.caution > p:last-of-type {
    padding-bottom: 0px;
  }
}
.sp__section b {
  font-weight: 600;
}
.sp__right {
  margin-top: calc(90rem * 1 / 21.3333333);
  grid-column: 5 / 14;
  width: calc(682rem * 1 / 21.3333333);
  position: sticky;
  top: calc(4.25rem + var(--grid-gutter));
  bottom: calc(60rem * 1 / 21.3333333);
  height: calc(682rem * 1 / 21.3333333);
  max-height: calc(100vh - 4.25rem - var(--grid-gutter) - 1.5rem);
}
@media only screen and (max-width: 1400px) {
  .sp__right {
    grid-column: 4 / 14;
    margin-top: 90px;
    top: 90px;
    height: auto;
    max-height: calc(76vh);
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .sp__right {
    position: relative;
    margin-top: 20px;
    top: 0;
    order: 1;
  }
}
@media only screen and (max-width: 600px) {
  .sp__right {
    margin-top: 0px;
    background-color: transparent;
    height: auto;
    max-height: none;
  }
}
.sp__arrows {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-1.25rem);
  width: 100%;
  z-index: 92;
}
@media only screen and (max-width: 1024px) {
  .sp__arrows {
    transform: translateY(calc(-50% - 2.5rem));
  }
}
@media only screen and (max-width: 600px) {
  .sp__arrows {
    display: flex;
    justify-content: space-between;
    padding: 0 12px;
    transform: translateY(calc(-50% - 25px));
  }
}
.sp__arrow {
  width: calc(50rem * 1 / 21.3333333);
  height: calc(50rem * 1 / 21.3333333);
  z-index: 32;
  transform: translateX(0);
  cursor: pointer;
  position: absolute;
}
@media only screen and (max-width: 1400px) {
  .sp__arrow {
    width: 50px;
    height: 50px;
  }
}
.sp__arrow-left {
  left: 0;
  border-radius: 50%;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  justify-self: flex-start;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 calc(12rem * 1 / 21.3333333);
  transition: all 0.25s ease-out;
}
.sp__arrow-left svg {
  width: calc(22rem * 1 / 21.3333333);
  height: auto;
  transform: rotate(90deg);
}
.sp__arrow-left svg path {
  stroke: #001E62;
  transition: all 0.25s ease-out;
}
.sp__arrow-left.disabled {
  pointer-events: none;
}
.sp__arrow-left:hover {
  background-color: rgba(0, 30, 98, 0.1);
}
@media only screen and (max-width: 1400px) {
  .sp__arrow-left {
    padding: 0 10px;
  }
  .sp__arrow-left svg {
    width: 18.72px;
  }
}
.sp__arrow-right {
  right: 0;
  border-radius: 50%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  justify-self: flex-end;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 calc(12rem * 1 / 21.3333333);
  transition: all 0.25s ease-out;
}
.sp__arrow-right svg {
  width: calc(22rem * 1 / 21.3333333);
  height: auto;
  transform: rotate(-90deg);
}
.sp__arrow-right svg path {
  stroke: #001E62;
  transition: all 0.25s ease-out;
}
.sp__arrow-right.disabled {
  pointer-events: none;
}
.sp__arrow-right:hover {
  background-color: rgba(0, 30, 98, 0.1);
}
@media only screen and (max-width: 1400px) {
  .sp__arrow-right {
    padding: 0 10px;
  }
  .sp__arrow-right svg {
    width: 18.72px;
  }
}
.sp__arrow img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: all 0.25s ease-out;
  z-index: 1;
  position: relative;
}
.sp__arrow img[data-hover="true"] {
  display: none;
}
.sp__arrow:hover img[data-hover="false"] {
  display: none;
}
.sp__arrow:hover img[data-hover="true"] {
  display: block;
}
.sp__swiper {
  height: calc(682rem * 1 / 21.3333333);
  width: calc(682rem * 1 / 21.3333333);
  max-height: calc(100vh - 4rem - var(--grid-gutter) - 1.5rem);
}
@media only screen and (max-width: 1400px) {
  .sp__swiper {
    height: auto;
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .sp__swiper {
    height: 100%;
    padding-bottom: 0px !important;
    margin-bottom: 8px;
  }
}
.sp__swiper-wrapper {
  width: calc(682rem * 1 / 21.3333333) !important;
}
@media only screen and (max-width: 1400px) {
  .sp__swiper-wrapper {
    width: 100% !important;
  }
}
.sp__swiper-slide {
  display: flex;
  justify-content: center;
  position: relative;
  width: calc(682rem * 1 / 21.3333333) !important;
}
@media only screen and (max-width: 1400px) {
  .sp__swiper-slide {
    width: 100% !important;
  }
}
.sp__swiper-paginate {
  height: fit-content;
  position: sticky;
  grid-column: 3 / 5;
  right: 0;
  margin-top: calc(90rem * 1 / 21.3333333);
  top: calc(4.25rem + var(--grid-gutter));
  width: 100%;
  bottom: calc(60rem * 1 / 21.3333333);
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  flex-direction: column;
  gap: 0.7rem;
}
@media only screen and (max-width: 1400px) {
  .sp__swiper-paginate {
    height: auto;
    margin-top: 90px;
    top: 90px;
    bottom: 1rem !important;
    grid-column: 2 / 4;
  }
}
@media only screen and (max-width: 1024px) {
  .sp__swiper-paginate {
    position: relative;
    margin-top: 0px;
    top: 0;
    flex-direction: row;
    order: 2;
  }
}
@media only screen and (max-width: 600px) {
  .sp__swiper-paginate {
    width: 100%;
    justify-content: center;
    gap: 8px;
  }
}
.sp__swiper-paginate-image {
  position: relative;
  cursor: pointer;
  width: 4rem;
  height: 4rem;
  border: 0.05rem solid rgba(0, 30, 98, 0.2);
  background-color: #f5f5f5;
}
.sp__swiper-paginate-image.active {
  border: calc(1rem * 1 / 21.3333333) solid #001E62;
}
@media only screen and (max-width: 1024px) {
  .sp__swiper-paginate-image {
    width: 8rem;
    height: 8rem;
  }
}
@media only screen and (max-width: 600px) {
  .sp__swiper-paginate-image {
    width: 75px;
    height: 75px;
    background-color: white;
  }
}
.sp__swiper-paginate-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.sp__image {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background-color: #F5F5F5;
}
@media only screen and (max-width: 600px) {
  .sp__image {
    padding: 20px 0;
    width: 100%;
  }
}
.sp__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media only screen and (max-width: 600px) {
  .sp__image img {
    object-position: top;
    transform: scale(1.1);
  }
}
.sp__image-zoom {
  position: absolute;
  top: 0.75rem;
  right: 1rem;
  width: 1.6rem;
  cursor: pointer;
}
@media only screen and (max-width: 1400px) {
  .sp__image-zoom {
    top: 16px;
    right: 16px;
    width: 32px;
  }
}
.sp__image-zoom img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.sp__image-zoom img[data-zoom="minus"] {
  display: none;
}
.sp__image:not(.active) {
  background-image: none !important;
}
.sp__image.active {
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
  cursor: zoom-in;
}
.sp__image.active > img {
  transition: opacity 0.5s;
  display: block;
  width: 100%;
  background-color: #F5F5F5;
}
.sp__image.active > img:hover {
  opacity: 0;
}
.sp__image.active .sp__image-zoom img[data-zoom="plus"] {
  display: none;
}
.sp__image.active .sp__image-zoom img[data-zoom="minus"] {
  display: block;
}
.sp__alert {
  display: flex;
  padding: 0;
  gap: calc(12rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .sp__alert {
    padding: 0;
    gap: 12px;
  }
}
.sp__alert-mobile {
  display: none;
}
@media only screen and (max-width: 600px) {
  .sp__alert-mobile {
    display: flex;
  }
}
.sp__alert-icon {
  min-width: calc(52rem * 1 / 21.3333333);
  width: calc(52rem * 1 / 21.3333333);
  min-height: calc(52rem * 1 / 21.3333333);
  height: calc(52rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .sp__alert-icon {
    min-width: 40px;
    width: 40px;
    min-height: 40px;
    height: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .sp__alert-icon {
    display: none;
  }
}
.sp__alert-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.sp__alert-text {
  padding-left: calc(16rem * 1 / 21.3333333);
  position: relative;
}
.sp__alert-text::before {
  content: "*";
  position: absolute;
  left: calc(0rem * 1 / 21.3333333);
  top: 0;
}
@media only screen and (max-width: 1400px) {
  .sp__alert-text {
    font-size: 17px;
    padding-left: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .sp__alert-text {
    color: #001E62;
    margin: 8px 0;
    padding-top: 0 !important;
    padding-left: 16px !important;
  }
  .sp__alert-text b {
    color: #001E62;
  }
}
.sp__alert-text > a {
  text-decoration: underline;
  color: #001E62;
  font-size: calc(17rem * 1 / 21.3333333);
  line-height: calc(26rem * 1 / 21.3333333);
  margin-bottom: calc(12rem * 1 / 21.3333333);
  font-family: "Roboto", sans-serif !important;
  letter-spacing: calc(0.125rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .sp__alert-text > a {
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 12px;
    letter-spacing: 0.125px;
  }
}
.sp__mobile {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 600px) {
  .sp__mobile {
    display: flex;
  }
}
.sp__mobile-title {
  font-weight: 700;
  color: #001E62;
  font-size: 1.4rem;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 1024px) {
  .sp__mobile-title {
    font-size: 28px;
    margin-bottom: 20px;
  }
}
.sp__mobile-section {
  display: flex;
  flex-direction: column;
  gap: 0rem;
  margin-top: 1.5rem;
  border-top: 0.1rem solid #001E62;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .sp__mobile-section {
    gap: 40px;
    margin: 5rem 0;
  }
}
.sp__mobile-section-header {
  display: flex;
  align-items: center;
  align-self: center;
  justify-content: flex-start;
  width: 100%;
  padding: 1.2rem 0.5rem;
  gap: 1rem;
}
@media only screen and (max-width: 1024px) {
  .sp__mobile-section-header {
    width: calc(100% - 40px);
    border-top: 5px solid #001E62;
    border-bottom: 5px solid #001E62;
    margin-bottom: 2.5rem;
  }
}
.sp__mobile-section-icon {
  width: 2.25rem;
  display: grid;
  place-items: center;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .sp__mobile-section-icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 76px;
    border-radius: 20px;
    border: 5px solid #001E62;
    margin-top: -5px;
    margin-bottom: -5px;
  }
}
.sp__mobile-section-icon img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
@media only screen and (max-width: 600px) {
  .sp__mobile-section-icon img {
    width: 80%;
    max-height: 70%;
  }
}
.sp__mobile-section-icon-box {
  position: relative;
  width: fit-content;
}
@media only screen and (max-width: 600px) {
  .sp__mobile-section-icon-box {
    width: 20rem;
    min-width: 20rem;
    height: 20rem;
    margin-left: -2rem;
  }
}
.sp__mobile-section-title {
  font-weight: 700;
  color: #001E62;
  font-size: 0.9375rem;
  line-height: 1.2;
}
.sp__mobile-section-text {
  font-weight: 300;
  color: #001E62;
  font-size: 0.75rem;
  line-height: 1.6;
}
.sp__mobile-section-list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 0.35rem;
}
.sp__mobile-section-list-wrapper {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
  gap: 0.35rem;
}
.sp__mobile-section-list-wrapper > span {
  font-weight: 400;
  color: #001E62;
  font-size: 0.75rem;
  line-height: 1.4;
}
.sp__mobile-section-list > li {
  font-weight: 400;
  color: #001E62;
  font-size: 0.75rem;
  line-height: 1.4;
}
.sp__mobile-parts {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.sp__mobile-part {
  display: flex;
  gap: 0.6rem;
}
.sp__mobile-part:has(> .sp__mobile-section-header) {
  border-top: 0.1rem solid #001E62;
  margin-top: 0.6rem;
  flex-direction: column;
}
.sp__mobile-part-container {
  display: flex;
  gap: 0.6rem;
}
.sp__mobile-part-image {
  width: 7.5rem;
  min-width: 7.5rem;
  height: auto;
  aspect-ratio: 1 / 1;
  display: grid;
  place-items: center;
  background-color: #F5F5F5;
  border-radius: 6px;
}
.sp__mobile-part-image img {
  object-fit: cover;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 92.5%;
}
@media only screen and (max-width: 600px) {
  .sp__mobile-part-image img {
    max-height: 70%;
    max-width: 90%;
  }
}
.sp__mobile-part-content {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.sp__mobile-part-title {
  font-weight: 700;
  color: #001E62;
  font-size: 0.75rem;
}
.sp__mobile-part-text {
  font-weight: 400;
  color: #001E62;
  font-size: 0.7rem;
  line-height: 1.4;
}
.sp__mobile-part-view {
  width: fit-content;
  background-color: #001E62;
  font-size: calc(20rem * 1 / 21.3333333);
  line-height: calc(26rem * 1 / 21.3333333);
  color: white;
  font-weight: 600;
  border-radius: 3rem;
  transition: all 0.25s ease-in-out;
  white-space: nowrap;
  margin: 0;
  height: calc(42rem * 1 / 21.3333333);
  min-height: calc(42rem * 1 / 21.3333333);
  padding: 0 calc(24rem * 1 / 21.3333333);
  display: grid;
  place-items: center;
  padding: 0.6rem 1.8rem;
  border-radius: 2rem;
  font-weight: 700;
  position: relative;
  margin-top: 0.4rem;
}
@media only screen and (max-width: 1400px) {
  .sp__mobile-part-view {
    font-size: 20px;
    line-height: 26px;
  }
}
.sp__mobile-part-view:hover,
.sp__mobile-part-view.hover {
  opacity: 0.8;
}
@media only screen and (max-width: 1400px) {
  .sp__mobile-part-view {
    border-radius: 30px;
    height: 42px;
    min-height: 42px;
    padding: 0 24px;
  }
}
@media only screen and (max-width: 1024px) {
  .sp__mobile-part-view {
    border-radius: 30px;
  }
}
.sp__product-parts {
  position: relative;
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  padding-left: 1.595rem !important;
  padding-right: 1.595rem !important;
  gap: 0.9rem;
  place-items: center;
  place-items: flex-start;
  width: 100%;
  padding-bottom: 6rem;
}
@media only screen and (max-width: 1024px) {
  .sp__product-parts {
    grid-template-columns: repeat(8, 1fr);
    padding-left: 24px !important;
    padding-right: 24px !important;
    gap: 10px;
  }
}
@media only screen and (max-width: 1024px) {
  .sp__product-parts {
    padding-bottom: 40px;
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
}
.sp__product-parts > .sp__mobile-section {
  grid-column: 4 / 11;
}
.sp__product-parts-descriptions {
  padding-top: 6rem;
  grid-column: 16 / 22;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.sp__product-part {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  padding-left: 1rem;
}
.sp__product-part:first-of-type {
  margin-bottom: 1rem;
}
.sp__product-part:last-of-type {
  margin-top: 1.5rem;
}
.sp__product-part-title {
  font-weight: 700;
  color: #001E62;
  font-size: 0.75rem;
  line-height: 1.2;
}
.sp__product-part > p {
  font-weight: 300;
  color: #001E62;
  font-size: 0.7rem;
  line-height: 1.65;
}
.cib-text {
  color: #001E62;
  font-size: 0.7rem;
  font-weight: 400;
}
@media only screen and (max-width: 1400px) {
  .cib-text {
    font-size: 14px;
  }
}
.cib {
  position: relative;
  z-index: 20;
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  padding-left: 1.595rem !important;
  padding-right: 1.595rem !important;
  gap: 0.9rem;
  place-items: center;
}
@media only screen and (max-width: 1024px) {
  .cib {
    grid-template-columns: repeat(8, 1fr);
    padding-left: 24px !important;
    padding-right: 24px !important;
    gap: 10px;
  }
}
.cib__breadcrumbs {
  position: absolute;
  left: var(--grid-gutter);
  top: var(--grid-gutter);
  display: flex;
  gap: 0.8rem;
  z-index: 89;
}
@media only screen and (max-width: 1400px) {
  .cib__breadcrumbs {
    gap: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .cib__breadcrumbs {
    top: 16px;
    left: var(--grid-gutter-mobile);
  }
}
.cib__breadcrumbs > a {
  color: #001E62;
  font-size: calc(15rem * 1 / 21.3333333);
  line-height: calc(22rem * 1 / 21.3333333);
  font-weight: 400;
}
@media only screen and (max-width: 1400px) {
  .cib__breadcrumbs > a {
    font-size: 15px;
    line-height: 22px;
  }
}
.cib__breadcrumbs > a:hover {
  text-decoration: underline;
}
.cib__breadcrumbs > span {
  color: #001E62;
  font-size: calc(15rem * 1 / 21.3333333);
  line-height: calc(22rem * 1 / 21.3333333);
  font-weight: 400;
}
@media only screen and (max-width: 1400px) {
  .cib__breadcrumbs > span {
    font-size: 15px;
    line-height: 22px;
  }
}
.cib__breadcrumbs.fixed {
  top: calc(3.75rem + var(--grid-gutter));
}
.cib__menu {
  position: sticky;
  top: 7.65rem;
  left: 0;
  margin-left: calc(-1 * var(--grid-gutter));
  grid-column: 1 / 10;
  width: calc(100% + var(--grid-gutter));
  z-index: 12;
  background-color: #F5F4F2;
  aspect-ratio: 658 / 770;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  padding-right: 1.8rem;
}
@media only screen and (max-width: 1400px) {
  .cib__menu {
    width: 560px;
    height: 560px;
    aspect-ratio: unset;
    justify-content: center;
    align-items: center;
    padding: 0;
  }
}
.cib__menu-content {
  display: flex;
  flex-direction: column;
  width: min-content;
}
.cib__menu.fixed {
  top: 3.75rem;
}
@media only screen and (max-width: 1024px) {
  .cib__menu.fixed {
    top: 82px;
  }
}
.cib__title {
  font-size: 2.85rem;
  color: #001E62;
  font-weight: 700;
  text-align: right;
}
@media only screen and (max-width: 1400px) {
  .cib__title {
    font-size: 60px;
  }
}
.cib__description {
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 400;
  margin-top: 2rem;
  margin-bottom: 2.5rem;
  color: #001E62;
}
@media only screen and (max-width: 1400px) {
  .cib__description {
    font-size: 20px;
  }
}
.cib__content {
  grid-column: 11 / 20;
  margin-top: 15.5rem;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .cib__content {
    grid-column: 4 / 9;
  }
}
.cib__content > p {
  font-family: "Roboto", sans-serif !important;
  font-size: 0.7895rem;
  line-height: 1.5294;
  color: #001E62;
  margin-bottom: 0.5rem;
  min-height: 1px;
}
@media only screen and (max-width: 1400px) {
  .cib__content > p {
    font-size: 14px;
  }
}
.cph {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  padding-left: 1.595rem !important;
  padding-right: 1.595rem !important;
  gap: 0.9rem;
  place-items: center;
  position: relative;
  height: 36rem;
  gap: 1.3rem var(--grid-gap);
}
@media only screen and (max-width: 1024px) {
  .cph {
    grid-template-columns: repeat(8, 1fr);
    padding-left: 24px !important;
    padding-right: 24px !important;
    gap: 10px;
  }
}
@media only screen and (max-width: 1024px) {
  .cph {
    padding: 50px 0;
    height: auto;
    gap: 30px 60px;
  }
}
@media only screen and (max-width: 600px) {
  .cph {
    display: flex;
    flex-direction: column;
    padding: 0 !important;
  }
}
.cph__title {
  align-self: flex-end;
  grid-column: 5 / 11;
  font-size: 1.7rem;
  line-height: 1.2;
  font-weight: 600;
  color: #001E62;
}
@media only screen and (max-width: 1400px) {
  .cph__title {
    font-size: 36px;
    grid-column: 3 / 12;
    padding-top: 40px;
  }
}
@media only screen and (max-width: 1200px) {
  .cph__title {
    font-size: 32px;
    grid-column: 2 / 12;
    padding-top: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .cph__title {
    font-size: 24px;
    grid-column: 1 / 5;
  }
}
@media only screen and (max-width: 800px) {
  .cph__title {
    grid-column: 1 / 5;
  }
}
@media only screen and (max-width: 600px) {
  .cph__title {
    grid-column: 1 / 8;
    padding: 0 var(--grid-gutter-mobile);
  }
}
.cph__info {
  align-self: flex-start;
  grid-column: 5 / 9;
  justify-self: flex-start;
  font-size: 0.8rem;
  line-height: 1.4;
  color: #001E62;
}
.cph__info p {
  margin-bottom: calc(16rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .cph__info {
    font-size: 18px;
    grid-column: 3 / 12;
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 1200px) {
  .cph__info {
    font-size: 16px;
    grid-column: 2 / 12;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .cph__info {
    grid-column: 1 / 5;
  }
}
@media only screen and (max-width: 800px) {
  .cph__info {
    grid-column: 1 / 5;
  }
}
@media only screen and (max-width: 600px) {
  .cph__info {
    grid-column: 1 / 9;
    margin-bottom: 20px;
    padding: 0 var(--grid-gutter-mobile);
  }
}
.cph__info b {
  font-weight: 600;
}
.cph__info a {
  text-decoration: underline;
  cursor: pointer;
  color: #001E62;
}
.cph__map {
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 44.125rem;
  height: 100%;
}
@media only screen and (max-width: 1024px) {
  .cph__map {
    width: 50%;
  }
}
@media only screen and (max-width: 600px) {
  .cph__map {
    position: relative;
    grid-column: 1 / 9;
    height: 650px;
    width: 100%;
  }
}
.cph .map-info-window {
  display: flex;
  flex-direction: column;
  gap: 4px;
  line-height: 1.4;
}
.cph .map-info-window__title {
  font-weight: 700;
  color: #001E62;
}
.cph .map-info-window > a {
  font-weight: 600;
  color: #001E62;
}
.cph .map-info-window > a:hover {
  text-decoration: underline;
}
.ctc {
  position: relative;
  z-index: 21;
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  padding-left: 1.595rem !important;
  padding-right: 1.595rem !important;
  gap: 0.9rem;
  place-items: center;
  padding-top: 8rem;
  padding-bottom: 4rem;
}
@media only screen and (max-width: 1024px) {
  .ctc {
    grid-template-columns: repeat(8, 1fr);
    padding-left: 24px !important;
    padding-right: 24px !important;
    gap: 10px;
  }
}
@media only screen and (max-width: 1400px) {
  .ctc {
    padding-top: 120px;
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 600px) {
  .ctc {
    padding-top: 90px;
  }
}
.ctc__breadcrumbs {
  position: absolute;
  left: var(--grid-gutter);
  top: var(--grid-gutter);
  display: flex;
  gap: 0.8rem;
  z-index: 89;
}
@media only screen and (max-width: 1400px) {
  .ctc__breadcrumbs {
    gap: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .ctc__breadcrumbs {
    top: 16px;
    left: var(--grid-gutter-mobile);
  }
}
.ctc__breadcrumbs > a {
  color: #001E62;
  font-size: calc(15rem * 1 / 21.3333333);
  line-height: calc(22rem * 1 / 21.3333333);
  font-weight: 400;
}
@media only screen and (max-width: 1400px) {
  .ctc__breadcrumbs > a {
    font-size: 15px;
    line-height: 22px;
  }
}
.ctc__breadcrumbs > a:hover {
  text-decoration: underline;
}
.ctc__breadcrumbs > span {
  color: #001E62;
  font-size: calc(15rem * 1 / 21.3333333);
  line-height: calc(22rem * 1 / 21.3333333);
  font-weight: 400;
}
@media only screen and (max-width: 1400px) {
  .ctc__breadcrumbs > span {
    font-size: 15px;
    line-height: 22px;
  }
}
.ctc__breadcrumbs > a.empty-link {
  text-decoration: underline;
}
.ctc__breadcrumbs > a.empty-link:hover {
  text-decoration: none;
}
.ctc__text {
  grid-column: 4 / 15;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.ctc__text.with-image {
  grid-column: 4 / 13;
}
.ctc__text.with-form {
  grid-column: 4 / 11;
  position: sticky;
  top: calc(160rem * 1 / 21.3333333);
  left: 0;
  align-self: flex-start;
}
@media only screen and (max-width: 1400px) {
  .ctc__text {
    grid-column: 3 / 23;
  }
  .ctc__text.with-image {
    grid-column: 3 / 23;
  }
  .ctc__text.with-form {
    grid-column: 1 / 12;
  }
}
@media only screen and (max-width: 1024px) {
  .ctc__text {
    grid-column: 1 / 9;
  }
  .ctc__text.with-image {
    grid-column: 1 / 9;
  }
  .ctc__text.with-form {
    grid-column: 1 / 9;
    top: auto;
    position: relative;
    max-width: 824px;
    margin: auto;
  }
}
.ctc__title {
  color: #001E62;
  font-weight: 700;
  margin-bottom: 0.5rem;
  padding-right: calc(20rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .ctc__title {
    margin-bottom: 12px;
  }
}
.ctc__subtext {
  color: #001E62;
  font-size: calc(20rem * 1 / 21.3333333);
  line-height: 1.5;
  letter-spacing: 0;
  font-family: 'Archivo', sans-serif !important;
  font-weight: 400;
  margin-top: 1rem;
  margin-bottom: 2rem;
  max-width: 90%;
  letter-spacing: calc(0.1rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .ctc__subtext {
    font-size: 20px;
  }
}
@media only screen and (max-width: 1400px) {
  .ctc__subtext {
    margin-top: 12px;
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 800px) {
  .ctc__subtext {
    max-width: 100%;
  }
}
.ctc__content {
  padding-top: 0rem;
  position: relative;
  padding-right: 0;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1400px) {
  .ctc__content {
    padding-right: 20px;
  }
}
@media only screen and (max-width: 800px) {
  .ctc__content {
    width: 100%;
    padding-right: 0;
  }
}
.ctc__content > hr {
  width: 100%;
  height: calc(3rem * 1 / 21.3333333);
  background-color: #001E62;
  opacity: 0.75;
  margin-bottom: calc(12rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .ctc__content > hr {
    margin-bottom: 12px;
    height: 3px;
  }
}
.ctc__content > hr.border-top {
  position: absolute;
  top: 0;
  left: 0;
}
.ctc__content:has(> hr.border-top) {
  padding-top: 0.8rem;
}
@media only screen and (max-width: 1400px) {
  .ctc__content:has(> hr.border-top) {
    padding-top: 12px;
  }
}
.ctc__content ul {
  margin-bottom: calc(12rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .ctc__content ul {
    margin-bottom: 12px;
  }
}
.ctc__content .mb-40 {
  margin-bottom: calc(40rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .ctc__content .mb-40 {
    margin-bottom: 40px;
  }
}
.ctc__content .blue-button {
  margin-bottom: calc(12rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .ctc__content .blue-button {
    margin-bottom: 12px;
  }
}
.ctc__content > p {
  color: #001E62;
  margin-bottom: calc(20rem * 1 / 21.3333333);
  max-width: 100%;
}
@media only screen and (max-width: 1400px) {
  .ctc__content > p {
    margin-bottom: 20px;
  }
}
.ctc__content > h3,
.ctc__content h4 {
  font-weight: 700;
}
.ctc__content > ul {
  padding-left: 0.75rem;
}
@media only screen and (max-width: 1400px) {
  .ctc__content > ul {
    padding-left: 16px;
  }
}
.ctc__content > ul > li {
  color: #001E62;
  font-size: calc(17rem * 1 / 21.3333333);
  line-height: calc(26rem * 1 / 21.3333333);
  margin-bottom: calc(12rem * 1 / 21.3333333);
  font-family: "Roboto", sans-serif !important;
  letter-spacing: calc(0.125rem * 1 / 21.3333333);
  font-weight: 400;
  margin-bottom: 0.5rem;
  list-style-type: disc;
}
@media only screen and (max-width: 1400px) {
  .ctc__content > ul > li {
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 12px;
    letter-spacing: 0.125px;
  }
}
.ctc__content > ul > li.asterisk {
  list-style-type: none;
  position: relative;
}
.ctc__content > ul > li.asterisk::before {
  position: absolute;
  top: 0;
  left: calc(-16rem * 1 / 21.3333333);
  content: '*';
  color: #001E62;
  font-weight: 700;
}
@media only screen and (max-width: 1400px) {
  .ctc__content > ul > li.asterisk::before {
    left: -16px;
  }
}
@media only screen and (max-width: 1400px) {
  .ctc__content > ul > li {
    max-width: 100%;
    margin-bottom: 6px;
  }
}
.ctc__content > ul > li i {
  font-style: italic;
}
.ctc__content > ul > p {
  color: #001E62;
  font-weight: 400;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 1400px) {
  .ctc__content > ul > p {
    max-width: 100%;
    margin-bottom: 6px;
  }
}
.ctc__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  grid-column-start: 15;
}
@media only screen and (max-width: 1400px) {
  .ctc__image {
    position: relative;
    top: auto;
    left: auto;
    grid-column: 3 / 23;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .ctc__image {
    grid-column: 1 / 9;
  }
}
.ctc__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ctc__gform {
  grid-column: 12 / 21;
}
@media only screen and (max-width: 1400px) {
  .ctc__gform {
    grid-column: 13 / 25;
  }
}
@media only screen and (max-width: 1024px) {
  .ctc__gform {
    grid-column: 1 / 9;
  }
}
.fca {
  position: relative;
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  padding-left: 1.595rem !important;
  padding-right: 1.595rem !important;
  gap: 0.9rem;
  place-items: center;
  padding-top: calc(157rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1024px) {
  .fca {
    grid-template-columns: repeat(8, 1fr);
    padding-left: 24px !important;
    padding-right: 24px !important;
    gap: 10px;
  }
}
@media only screen and (max-width: 1024px) {
  .fca {
    padding-top: 80px;
  }
}
.fca__breadcrumbs {
  left: 0;
  top: calc(20rem * 1 / 21.3333333);
  grid-column: 1 / 13;
  position: absolute;
  left: var(--grid-gutter);
  top: var(--grid-gutter);
  display: flex;
  gap: 0.8rem;
  z-index: 89;
}
@media only screen and (max-width: 1400px) {
  .fca__breadcrumbs {
    gap: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .fca__breadcrumbs {
    top: 16px;
    left: var(--grid-gutter-mobile);
  }
}
.fca__breadcrumbs > a {
  color: #001E62;
  font-size: calc(15rem * 1 / 21.3333333);
  line-height: calc(22rem * 1 / 21.3333333);
  font-weight: 400;
}
@media only screen and (max-width: 1400px) {
  .fca__breadcrumbs > a {
    font-size: 15px;
    line-height: 22px;
  }
}
.fca__breadcrumbs > a:hover {
  text-decoration: underline;
}
.fca__breadcrumbs > span {
  color: #001E62;
  font-size: calc(15rem * 1 / 21.3333333);
  line-height: calc(22rem * 1 / 21.3333333);
  font-weight: 400;
}
@media only screen and (max-width: 1400px) {
  .fca__breadcrumbs > span {
    font-size: 15px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 1024px) {
  .fca__breadcrumbs {
    grid-column: 1 / 9;
    left: 0;
  }
}
.fca__title {
  color: #001E62;
  grid-column: 4 / 21;
  margin-bottom: calc(12rem * 1 / 21.3333333);
  justify-self: flex-start;
}
@media only screen and (max-width: 1400px) {
  .fca__title {
    grid-column: 2 / 24;
  }
}
@media only screen and (max-width: 1024px) {
  .fca__title {
    grid-column: 1 / 9;
  }
}
.fca__description {
  grid-column: 4 / 13;
}
@media only screen and (max-width: 1400px) {
  .fca__description {
    grid-column: 2 / 24;
  }
}
@media only screen and (max-width: 1024px) {
  .fca__description {
    grid-column: 1 / 9;
  }
}
.fca__parts {
  margin-top: calc(30rem * 1 / 21.3333333);
  grid-column: 4 / 21;
  display: grid;
  grid-template-columns: repeat(17, 1fr);
  grid-gap: var(--grid-gap);
}
@media only screen and (max-width: 1400px) {
  .fca__parts {
    grid-column: 2 / 24;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    gap: 60px 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .fca__parts {
    grid-column: 1 / 9;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 60px;
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .fca__parts {
    grid-template-columns: 1fr;
  }
}
.fca__part {
  display: flex;
  flex-direction: column;
  gap: calc(12rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .fca__part {
    max-width: 370px;
    gap: 12px;
  }
}
@media only screen and (max-width: 1024px) {
  .fca__part {
    max-width: 100%;
  }
}
.fca__part:nth-child(3n + 1) {
  grid-column: 1 / 6;
}
@media only screen and (max-width: 1400px) {
  .fca__part:nth-child(3n + 1) {
    grid-column: 1 / 8;
  }
}
.fca__part:nth-child(3n + 2) {
  grid-column: 7 / 12;
}
@media only screen and (max-width: 1400px) {
  .fca__part:nth-child(3n + 2) {
    grid-column: 9 / 16;
  }
}
.fca__part:nth-child(3n + 3) {
  grid-column: 13 / 18;
}
@media only screen and (max-width: 1400px) {
  .fca__part:nth-child(3n + 3) {
    grid-column: 17 / 23;
  }
}
@media only screen and (max-width: 1024px) {
  .fca__part:nth-child(2n + 1) {
    grid-column: 1 / 2;
  }
}
@media only screen and (max-width: 1024px) {
  .fca__part:nth-child(2n + 2) {
    grid-column: 2 / 3;
  }
}
@media only screen and (max-width: 600px) {
  .fca__part:nth-child(2n + 2) {
    grid-column: 1 / 2;
  }
}
.fca__part-image {
  width: calc(370rem * 1 / 21.3333333);
  height: calc(370rem * 1 / 21.3333333);
  overflow: hidden;
  border-radius: calc(12rem * 1 / 21.3333333);
  border: calc(1rem * 1 / 21.3333333) solid #A8A8A8;
}
@media only screen and (max-width: 1400px) {
  .fca__part-image {
    width: 370px;
    height: 370px;
    border-radius: 12px;
    border: 1px solid #A8A8A8;
  }
}
@media only screen and (max-width: 1024px) {
  .fca__part-image {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
  }
}
.fca__part-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.25s ease-out;
}
.fca__part-image:hover img {
  filter: brightness(0.95);
}
.fca__part-title {
  margin-top: calc(4rem * 1 / 21.3333333);
  color: #001E62;
}
.fca__part-link {
  width: fit-content;
  background-color: #001E62;
  font-size: calc(20rem * 1 / 21.3333333);
  line-height: calc(26rem * 1 / 21.3333333);
  color: white;
  font-weight: 600;
  border-radius: 3rem;
  transition: all 0.25s ease-in-out;
  white-space: nowrap;
  margin: 0;
  height: calc(42rem * 1 / 21.3333333);
  min-height: calc(42rem * 1 / 21.3333333);
  padding: 0 calc(24rem * 1 / 21.3333333);
  display: grid;
  place-items: center;
}
@media only screen and (max-width: 1400px) {
  .fca__part-link {
    font-size: 20px;
    line-height: 26px;
  }
}
.fca__part-link:hover,
.fca__part-link.hover {
  opacity: 0.8;
}
@media only screen and (max-width: 1400px) {
  .fca__part-link {
    border-radius: 30px;
    height: 42px;
    min-height: 42px;
    padding: 0 24px;
  }
}
.fcp {
  position: relative;
  padding-top: calc(182rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .fcp {
    padding-top: 100px;
  }
}
.fcp__shape {
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  width: 102%;
  transform: translate(-50%, calc(-5rem * 1 / 21.3333333));
  height: calc(600rem * 1 / 21.3333333);
  z-index: 0;
}
.fcp__shape > svg,
.fcp__shape > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.fcp__header {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  padding-left: 1.595rem !important;
  padding-right: 1.595rem !important;
  gap: 0.9rem;
  place-items: center;
  position: relative;
  z-index: 11;
}
@media only screen and (max-width: 1024px) {
  .fcp__header {
    grid-template-columns: repeat(8, 1fr);
    padding-left: 24px !important;
    padding-right: 24px !important;
    gap: 10px;
  }
}
.fcp__breadcrumbs {
  left: 0;
  top: calc(20rem * 1 / 21.3333333);
  grid-column: 1 / 13;
  position: absolute;
  left: var(--grid-gutter);
  top: var(--grid-gutter);
  display: flex;
  gap: 0.8rem;
  z-index: 89;
}
@media only screen and (max-width: 1400px) {
  .fcp__breadcrumbs {
    gap: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .fcp__breadcrumbs {
    top: 16px;
    left: var(--grid-gutter-mobile);
  }
}
.fcp__breadcrumbs > a {
  color: #001E62;
  font-size: calc(15rem * 1 / 21.3333333);
  line-height: calc(22rem * 1 / 21.3333333);
  font-weight: 400;
}
@media only screen and (max-width: 1400px) {
  .fcp__breadcrumbs > a {
    font-size: 15px;
    line-height: 22px;
  }
}
.fcp__breadcrumbs > a:hover {
  text-decoration: underline;
}
.fcp__breadcrumbs > span {
  color: #001E62;
  font-size: calc(15rem * 1 / 21.3333333);
  line-height: calc(22rem * 1 / 21.3333333);
  font-weight: 400;
}
@media only screen and (max-width: 1400px) {
  .fcp__breadcrumbs > span {
    font-size: 15px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 1024px) {
  .fcp__breadcrumbs {
    grid-column: 1 / 9;
    left: 0;
  }
}
.fcp__title {
  color: #001E62;
  grid-column: 4 / 13;
  margin-bottom: calc(0rem * 1 / 21.3333333);
  justify-self: flex-start;
  position: relative;
  z-index: 11;
}
@media only screen and (max-width: 1400px) {
  .fcp__title {
    grid-column: 2 / 15;
  }
}
@media only screen and (max-width: 1024px) {
  .fcp__title {
    grid-column: 1 / 9;
  }
}
.fcp__description {
  grid-column: 4 / 13;
  position: relative;
  z-index: 11;
  justify-self: flex-start;
  align-self: flex-start;
}
@media only screen and (max-width: 1400px) {
  .fcp__description {
    grid-column: 2 / 15;
  }
}
@media only screen and (max-width: 1024px) {
  .fcp__description {
    grid-column: 1 / 9;
  }
}
.fcp__description > p:first-of-type {
  padding-right: calc(10rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .fcp__description > p:first-of-type {
    padding-right: 10px;
  }
}
.fcp__description ul {
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
}
.fcp__description ul li {
  position: relative;
  padding-left: calc(20rem * 1 / 21.3333333);
  margin-top: calc(12rem * 1 / 21.3333333);
  padding-bottom: calc(12rem * 1 / 21.3333333);
  color: #001E62;
  font-size: calc(17rem * 1 / 21.3333333);
  line-height: calc(26rem * 1 / 21.3333333);
  margin-bottom: calc(12rem * 1 / 21.3333333);
  font-family: "Roboto", sans-serif !important;
  letter-spacing: calc(0.125rem * 1 / 21.3333333);
  margin-bottom: 0;
  border-bottom: calc(1rem * 1 / 21.3333333) solid rgba(0, 30, 98, 0.3);
}
@media only screen and (max-width: 1400px) {
  .fcp__description ul li {
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 12px;
    letter-spacing: 0.125px;
  }
}
.fcp__description ul li:last-of-type {
  border-bottom: none;
}
.fcp__description ul li.pink {
  color: #FF00F5;
}
.fcp__description ul li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: '-';
}
@media only screen and (max-width: 1400px) {
  .fcp__description ul li {
    padding-left: 20px;
    margin-top: 12px;
    padding-bottom: 12px;
    border-bottom-width: 1px;
    margin-bottom: 0;
  }
}
.fcp__image {
  grid-column: 13 / 22;
  grid-row: 1 / 3;
  justify-self: center;
  width: calc(541rem * 1 / 21.3333333);
  height: calc(541rem * 1 / 21.3333333);
  max-width: 100%;
  aspect-ratio: 1 / 1;
  position: relative;
  z-index: 11;
}
@media only screen and (max-width: 1400px) {
  .fcp__image {
    grid-column: 15 / 24;
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 1024px) {
  .fcp__image {
    display: none;
  }
}
.fcp__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fcp__sections {
  margin-top: calc(100rem * 1 / 21.3333333);
  display: flex;
  flex-direction: column;
}
.fcp__sections.no-header {
  margin-top: calc(60rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .fcp__sections {
    grid-template-columns: repeat(22, 1fr);
    margin-top: 100px;
  }
  .fcp__sections.no-header {
    margin-top: 60px;
  }
}
.fcp__section {
  display: flex;
  flex-direction: column;
}
.fcp__section-header {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  padding-left: 1.595rem !important;
  padding-right: 1.595rem !important;
  gap: 0.9rem;
  place-items: center;
  margin-bottom: calc(60rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1024px) {
  .fcp__section-header {
    grid-template-columns: repeat(8, 1fr);
    padding-left: 24px !important;
    padding-right: 24px !important;
    gap: 10px;
  }
}
@media only screen and (max-width: 1400px) {
  .fcp__section-header {
    margin-bottom: 60px;
  }
}
.fcp__section-title {
  justify-self: flex-start;
  align-self: flex-start;
  grid-column: 4 / 22;
  width: 100%;
  margin-bottom: calc(12rem * 1 / 21.3333333);
  padding-top: calc(24rem * 1 / 21.3333333);
  border-top: calc(3rem * 1 / 21.3333333) solid #001E62;
}
@media only screen and (max-width: 1400px) {
  .fcp__section-title {
    grid-column: 2 / 15;
    margin-bottom: 12px;
    padding-top: 16px;
    border-top-width: 2px;
  }
}
@media only screen and (max-width: 1024px) {
  .fcp__section-title {
    grid-column: 1 / 9;
  }
}
.fcp__section:nth-child(n + 2) {
  padding-top: calc(100rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .fcp__section:nth-child(n + 2) {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 1024px) {
  .fcp__section:nth-child(n + 2) {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 600px) {
  .fcp__section:nth-child(n + 2) {
    padding-top: 50px;
  }
}
.fcp__section:nth-child(n + 2) .fcp__section-title {
  margin-bottom: 0;
}
.fcp__section:nth-child(n + 2) .fcp__section-header {
  margin-bottom: calc(20rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .fcp__section:nth-child(n + 2) .fcp__section-header {
    margin-bottom: 20px;
  }
}
.fcp__section-description {
  grid-column: 4 / 14;
  color: #001E62;
  font-size: calc(17rem * 1 / 21.3333333);
  line-height: calc(26rem * 1 / 21.3333333);
  margin-bottom: calc(12rem * 1 / 21.3333333);
  font-family: "Roboto", sans-serif !important;
  letter-spacing: calc(0.125rem * 1 / 21.3333333);
  justify-self: flex-start;
  align-self: flex-start;
  margin-bottom: 0;
}
@media only screen and (max-width: 1400px) {
  .fcp__section-description {
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 12px;
    letter-spacing: 0.125px;
  }
}
@media only screen and (max-width: 1400px) {
  .fcp__section-description {
    grid-column: 2 / 15;
  }
}
@media only screen and (max-width: 1024px) {
  .fcp__section-description {
    grid-column: 1 / 9;
  }
}
.fcp__section-description h4 {
  margin-bottom: calc(20rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .fcp__section-description h4 {
    margin-bottom: 12px;
  }
}
.fcp__section-description p:has(+ h4) {
  margin-bottom: calc(40rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .fcp__section-description p:has(+ h4) {
    margin-bottom: 24px;
  }
}
.fcp__section-description p:last-of-type {
  margin-bottom: calc(20rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .fcp__section-description p:last-of-type {
    margin-bottom: 12px;
  }
}
.fcp__section-description a {
  color: #001E62;
  text-decoration: underline;
}
.fcp__section-description a:hover {
  text-decoration: none;
}
.fcp__section-partsarea {
  background-color: #F5F5F5;
  padding: calc(40rem * 1 / 21.3333333) 0 calc(80rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .fcp__section-partsarea {
    padding: 40px 0 80px;
  }
}
.fcp__section-partsarea:has(.fcp__section-partarea-title) {
  padding: calc(24rem * 1 / 21.3333333) 0 calc(80rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .fcp__section-partsarea:has(.fcp__section-partarea-title) {
    padding: 24px 0 80px;
  }
}
.fcp__section-partarea {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  padding-left: 1.595rem !important;
  padding-right: 1.595rem !important;
  gap: 0.9rem;
  place-items: center;
}
@media only screen and (max-width: 1024px) {
  .fcp__section-partarea {
    grid-template-columns: repeat(8, 1fr);
    padding-left: 24px !important;
    padding-right: 24px !important;
    gap: 10px;
  }
}
.fcp__section-partarea-title {
  grid-column: 4 / 22;
  padding-top: calc(20rem * 1 / 21.3333333);
  border-top: calc(1rem * 1 / 21.3333333) solid #001E62;
  margin-bottom: calc(20rem * 1 / 21.3333333);
  width: 100%;
  font-size: calc(22rem * 1 / 21.3333333);
  line-height: calc(30rem * 1 / 21.3333333);
  font-weight: 600;
  text-align: left;
  justify-self: flex-start;
  align-self: flex-start;
  color: #001E62;
}
@media only screen and (max-width: 1400px) {
  .fcp__section-partarea-title {
    font-size: 22px;
    line-height: 30px;
  }
}
.fcp__section-partarea-title:has(+ .fcp__section-partarea-description) {
  margin-bottom: 0;
}
@media only screen and (max-width: 1400px) {
  .fcp__section-partarea-title {
    grid-column: 2 / 24;
    padding-top: 12px;
    margin-bottom: 20px;
    border-top-width: 1px;
  }
  .fcp__section-partarea-title:has(+ .fcp__section-partarea-description) {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .fcp__section-partarea-title {
    grid-column: 1 / 9;
  }
}
.fcp__section-partarea:first-of-type .fcp__section-partarea-title {
  border-top: none;
}
.fcp__section-partarea-description {
  grid-column: 4 / 13;
  color: #001E62;
  font-size: calc(20rem * 1 / 21.3333333);
  line-height: 1.5;
  letter-spacing: 0;
  font-family: 'Archivo', sans-serif !important;
}
@media only screen and (max-width: 1400px) {
  .fcp__section-partarea-description {
    font-size: 20px;
  }
}
@media only screen and (max-width: 1400px) {
  .fcp__section-partarea-description {
    grid-column: 2 / 15;
  }
}
@media only screen and (max-width: 1024px) {
  .fcp__section-partarea-description {
    grid-column: 1 / 9;
  }
}
.fcp__section-partarea-parts {
  display: grid;
  grid-column: 4 / 22;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
  gap: calc(60rem * 1 / 21.3333333) calc(30rem * 1 / 21.3333333);
  margin-bottom: calc(100rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .fcp__section-partarea-parts {
    gap: 60px 30px;
    margin-bottom: 100px;
    grid-column: 2 / 24;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media only screen and (max-width: 1024px) {
  .fcp__section-partarea-parts {
    grid-column: 1 / 9;
  }
}
@media only screen and (max-width: 800px) {
  .fcp__section-partarea-parts {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 600px) {
  .fcp__section-partarea-parts {
    grid-template-columns: 1fr;
    place-items: center;
  }
}
.fcp__section-partarea:last-of-type .fcp__section-partarea-parts {
  margin-bottom: 0;
}
.fcp__section-partarea-part {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 600px) {
  .fcp__section-partarea-part {
    width: 100%;
    max-width: 450px;
  }
}
.fcp__section-partarea-part-image {
  background-color: white;
  border: calc(6rem * 1 / 21.3333333) solid white;
  border-radius: calc(12rem * 1 / 21.3333333);
  overflow: hidden;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  cursor: pointer;
  display: grid;
  place-items: center;
}
.fcp__section-partarea-part-image.no-border {
  border: none;
}
.fcp__section-partarea-part-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media only screen and (max-width: 1400px) {
  .fcp__section-partarea-part-image img {
    border: 6px solid white;
  }
}
@media only screen and (max-width: 1024px) {
  .fcp__section-partarea-part-image img {
    max-width: 100%;
    max-height: 100%;
  }
}
@media only screen and (max-width: 1400px) {
  .fcp__section-partarea-part-image {
    border-width: 2px;
    border-radius: 12px;
  }
}
.fcp__section-partarea-part-details {
  margin: calc(12rem * 1 / 21.3333333) 0;
}
@media only screen and (max-width: 1400px) {
  .fcp__section-partarea-part-details {
    margin: 12px 0;
  }
}
.fcp__section-partarea-part-details p {
  margin-bottom: 0 !important;
  font-weight: 400;
}
.fcp__section-partarea-part-link {
  cursor: pointer;
  width: fit-content;
  background-color: #001E62;
  font-size: calc(20rem * 1 / 21.3333333);
  line-height: calc(26rem * 1 / 21.3333333);
  color: white;
  font-weight: 600;
  border-radius: 3rem;
  transition: all 0.25s ease-in-out;
  white-space: nowrap;
  margin: 0;
  height: calc(42rem * 1 / 21.3333333);
  min-height: calc(42rem * 1 / 21.3333333);
  padding: 0 calc(24rem * 1 / 21.3333333);
  display: grid;
  place-items: center;
  text-align: center;
}
@media only screen and (max-width: 1400px) {
  .fcp__section-partarea-part-link {
    font-size: 20px;
    line-height: 26px;
  }
}
.fcp__section-partarea-part-link:hover,
.fcp__section-partarea-part-link.hover {
  opacity: 0.8;
}
@media only screen and (max-width: 1400px) {
  .fcp__section-partarea-part-link {
    border-radius: 30px;
    height: 42px;
    min-height: 42px;
    padding: 0 24px;
  }
}
.fcp__section-partarea-part-popup {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  place-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
}
.fcp__section-partarea-part-popup-wrapper {
  padding: calc(20rem * 1 / 21.3333333);
  padding-right: calc(60rem * 1 / 21.3333333);
  background-color: white;
  display: flex;
  gap: calc(30rem * 1 / 21.3333333);
  overflow: hidden;
  border-radius: calc(20rem * 1 / 21.3333333);
  position: relative;
}
.fcp__section-partarea-part-popup-image {
  width: calc(370rem * 1 / 21.3333333);
  height: calc(370rem * 1 / 21.3333333);
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border: calc(1rem * 1 / 21.3333333) solid #707070;
  border-radius: calc(8rem * 1 / 21.3333333);
}
.fcp__section-partarea-part-popup-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.fcp__section-partarea-part-popup-info,
.fcp__section-partarea-part-popup-description {
  width: calc(250rem * 1 / 21.3333333);
  padding-top: calc(30rem * 1 / 21.3333333);
  padding-right: calc(45rem * 1 / 21.3333333);
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.fcp__section-partarea-part-popup-info::-webkit-scrollbar,
.fcp__section-partarea-part-popup-description::-webkit-scrollbar {
  display: none;
}
.fcp__section-partarea-part-popup-description {
  width: calc(380rem * 1 / 21.3333333);
}
.fcp__section-partarea-part-popup-x {
  position: absolute;
  top: calc(20rem * 1 / 21.3333333);
  right: calc(20rem * 1 / 21.3333333);
  width: calc(28rem * 1 / 21.3333333);
  height: calc(28rem * 1 / 21.3333333);
  cursor: pointer;
}
.fcp__section-partarea-part-popup-x > span {
  display: block;
  width: 100%;
  height: calc(2rem * 1 / 21.3333333);
  background-color: #001E62;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.fcp__section-partarea-part-popup-x > span:nth-child(2) {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.gof {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  padding-left: 1.595rem !important;
  padding-right: 1.595rem !important;
  gap: 0.9rem;
  place-items: center;
}
@media only screen and (max-width: 1024px) {
  .gof {
    grid-template-columns: repeat(8, 1fr);
    padding-left: 24px !important;
    padding-right: 24px !important;
    gap: 10px;
  }
}
.gof__gform {
  margin: 80px auto;
  grid-column: 2 / 24;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .gof__gform {
    grid-column: 1 / -1;
  }
}
@media only screen and (max-width: 800px) {
  .gof__gform {
    margin: 40px auto;
  }
}
.gof__gform .gform_title {
  margin-bottom: 40px;
}
.gof__gform .gfield_label {
  height: fit-content;
}
.gof__gform .gfield.flex {
  display: flex;
  gap: 12px;
}
.gof__gform .gfield.right-aligned {
  justify-content: flex-end;
  padding-right: 50px;
}
@media only screen and (max-width: 640px) {
  .gof__gform .gfield.right-aligned {
    padding-right: 0;
  }
}
.gof__gform input[type="submit"] {
  padding: 0.55rem 1.6rem;
  font-size: calc(20rem * 1 / 21.3333333);
  line-height: calc(26rem * 1 / 21.3333333);
  line-height: 1;
  color: white;
  font-weight: 600;
  background-color: #001E62;
  transition: all 0.25s ease-out;
  width: fit-content;
  border-radius: 2rem;
  letter-spacing: calc(1rem * 1 / 21.3333333);
  margin-top: 0;
  cursor: pointer;
  border: none;
  outline: none;
}
@media only screen and (max-width: 1400px) {
  .gof__gform input[type="submit"] {
    font-size: 20px;
    line-height: 26px;
  }
}
.gof__gform input[type="submit"]:hover {
  opacity: 0.75;
}
@media only screen and (max-width: 1400px) {
  .gof__gform input[type="submit"] {
    line-height: 1;
    padding: 11px 18px;
    font-size: 20px;
    border-radius: 30px;
    height: 42px;
    max-height: 42px;
    display: grid;
    place-items: center;
    letter-spacing: 1px;
  }
}
.gof__gform .gform_confirmation_message {
  font-size: 18px !important;
  line-height: 1.15 !important;
}
.gof__gform .gform_submission_error {
  font-size: 18px !important;
  line-height: 1.15 !important;
}
.gof__gform .gfield_list_group_item::before {
  font-size: calc(14rem * 1 / 21.3333333);
  line-height: calc(20rem * 1 / 21.3333333);
  font-family: 'Archivo', sans-serif !important;
  font-weight: 500;
  margin-bottom: 8px;
  display: block;
  color: #112337;
}
@media only screen and (max-width: 1400px) {
  .gof__gform .gfield_list_group_item::before {
    font-size: 14px;
    line-height: 20px;
  }
}
.hgs {
  position: relative;
  z-index: 20;
  display: flex;
  background: transparent;
  flex-direction: column;
  gap: 16rem;
  width: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 600px) {
  .hgs {
    margin: 10rem 0;
  }
}
.hgs__content {
  position: relative;
  z-index: 11;
  margin-bottom: 2rem;
  padding-bottom: calc(120rem * 1 / 21.3333333);
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media only screen and (max-width: 1400px) {
  .hgs__content {
    gap: 120px;
    padding-bottom: 120px;
  }
}
.hgs__title {
  width: 100%;
  display: flex;
  justify-content: center;
  color: #001E62;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.142;
  scroll-padding-top: 240px;
  scroll-margin-top: 240px;
}
@media only screen and (max-width: 1400px) {
  .hgs__title {
    font-size: 36px;
  }
}
@media only screen and (max-width: 1024px) {
  .hgs__title {
    font-size: 20px;
  }
}
@media only screen and (max-width: 800px) {
  .hgs__title {
    font-size: 28px;
  }
}
.hgs__mounts {
  height: fit-content;
  display: flex;
  justify-content: center;
  gap: 6rem;
}
@media only screen and (max-width: 1366px) {
  .hgs__mounts {
    gap: 2rem;
  }
}
@media only screen and (max-width: 1024px) {
  .hgs__mounts {
    flex-direction: column;
    align-items: center;
    gap: 90px;
  }
}
.hgs__mount {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0.4rem;
}
@media only screen and (max-width: 1400px) {
  .hgs__mount {
    gap: 8px;
  }
}
@media only screen and (max-width: 1024px) {
  .hgs__mount {
    gap: 24px;
  }
}
.hgs__mount-image {
  height: 8.5rem;
  width: 8.5rem;
  margin-bottom: 1.2rem;
}
@media only screen and (max-width: 1024px) {
  .hgs__mount-image {
    height: 60%;
    width: 60%;
  }
}
@media only screen and (max-width: 600px) {
  .hgs__mount-image {
    width: 147px;
    height: 144px;
  }
}
.hgs__mount-image img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.hgs__mount-title {
  font-family: 'Archivo', sans-serif !important;
  font-size: 1.075rem;
  font-weight: 700;
  text-align: center;
  color: #001E62;
}
@media only screen and (max-width: 1400px) {
  .hgs__mount-title {
    font-size: 22px;
  }
}
@media only screen and (max-width: 1024px) {
  .hgs__mount-title {
    font-size: 18px;
  }
}
.hgs__mount-description {
  width: 18rem;
  font-family: "Roboto", sans-serif !important;
  line-height: 1.6;
  font-size: 0.77rem;
  font-weight: 400;
  text-align: center;
  color: #001E62;
}
@media only screen and (max-width: 1400px) {
  .hgs__mount-description {
    font-size: 16px;
    width: 320px;
  }
}
@media only screen and (max-width: 1024px) {
  .hgs__mount-description {
    font-size: 14px;
    width: 300px;
  }
}
@media only screen and (max-width: 600px) {
  .hgs__mount-description {
    max-width: 345px;
    width: 95%;
  }
}
.hgs__mount-link {
  width: fit-content;
  background-color: #001E62;
  font-size: calc(20rem * 1 / 21.3333333);
  line-height: calc(26rem * 1 / 21.3333333);
  color: white;
  font-weight: 600;
  border-radius: 3rem;
  transition: all 0.25s ease-in-out;
  white-space: nowrap;
  margin: 0;
  height: calc(42rem * 1 / 21.3333333);
  min-height: calc(42rem * 1 / 21.3333333);
  padding: 0 calc(24rem * 1 / 21.3333333);
  display: grid;
  place-items: center;
}
@media only screen and (max-width: 1400px) {
  .hgs__mount-link {
    font-size: 20px;
    line-height: 26px;
  }
}
.hgs__mount-link:hover,
.hgs__mount-link.hover {
  opacity: 0.8;
}
@media only screen and (max-width: 1400px) {
  .hgs__mount-link {
    border-radius: 30px;
    height: 42px;
    min-height: 42px;
    padding: 0 24px;
  }
}
.hhs {
  position: relative;
  grid-template-rows: 1fr;
  width: 100%;
}
.hhs__title {
  position: absolute;
  left: 0%;
  width: 100%;
  height: 0;
  top: 10rem;
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  padding-left: 1.595rem !important;
  padding-right: 1.595rem !important;
  gap: 0.9rem;
  place-items: center;
  justify-self: flex-start;
  z-index: 11;
}
@media only screen and (max-width: 1024px) {
  .hhs__title {
    grid-template-columns: repeat(8, 1fr);
    padding-left: 24px !important;
    padding-right: 24px !important;
    gap: 10px;
  }
}
.hhs__title > h1 {
  color: white;
  font-weight: 700;
  max-width: 28rem;
  grid-column: 15 / 23;
}
@media only screen and (max-width: 1400px) {
  .hhs__title > h1 {
    grid-column: 13 / 24;
    max-width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .hhs__title > h1 {
    grid-column: 4 / 9;
    max-width: 325px;
  }
}
@media only screen and (max-width: 600px) {
  .hhs__title > h1 {
    grid-column: 1 / 9;
    justify-self: flex-start;
    max-width: 310px;
  }
}
@media only screen and (max-width: 1024px) {
  .hhs__title {
    margin-left: 0;
    align-self: flex-end;
    top: 120px;
  }
}
@media only screen and (max-width: 600px) {
  .hhs__title {
    top: auto;
    bottom: 50%;
  }
}
.hhs__swiper {
  width: 100%;
  height: 100%;
  grid-column: 1 / 27;
}
@media only screen and (max-width: 1024px) {
  .hhs__swiper {
    grid-column: 1 / 9;
  }
}
.hhs__swiper-slide {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
}
.hhs__swiper-paginate {
  bottom: 40% !important;
  z-index: 90;
}
@media only screen and (max-width: 1024px) {
  .hhs__swiper-paginate {
    bottom: 35% !important;
  }
}
@media only screen and (max-width: 600px) {
  .hhs__swiper-paginate {
    bottom: 40rem !important;
    display: flex;
    justify-content: center;
    gap: 3rem;
  }
}
.hhs__swiper-paginate > .swiper-pagination-bullet {
  opacity: 1;
  background: none;
  width: 0.5rem;
  height: 0.5rem;
  border: 0.075rem solid white;
  background-color: transparent;
}
.hhs__swiper-paginate > .swiper-pagination-bullet-active {
  background-color: white;
}
@media only screen and (max-width: 1024px) {
  .hhs__swiper-paginate > .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    border: 2px solid white;
  }
}
@media only screen and (max-width: 600px) {
  .hhs__swiper-paginate > .swiper-pagination-bullet {
    width: 3rem;
    height: 3rem;
    border: 0.5rem solid white;
  }
}
.hhs__image {
  width: 100%;
  height: 42rem;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 1400px) {
  .hhs__image {
    height: 700px;
  }
}
@media only screen and (max-width: 1200px) {
  .hhs__image {
    height: 600px;
  }
}
@media only screen and (max-width: 600px) {
  .hhs__image {
    height: 700px;
  }
}
.hhs__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom center;
  filter: brightness(0.75);
  margin-top: -5rem;
}
.hhs__image img.mobile {
  display: none;
}
@media only screen and (max-width: 600px) {
  .hhs__image img {
    transform: scale(1);
    object-position: top center;
    margin-top: 0;
  }
  .hhs__image img.desktop {
    display: none;
  }
  .hhs__image img.mobile {
    display: block;
  }
}
.hhs__curved-bg {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  bottom: 0;
  z-index: 10;
  margin-bottom: -4rem;
}
@media only screen and (max-width: 600px) {
  .hhs__curved-bg {
    margin-bottom: 0px;
    transform: translateY(50%);
  }
}
.hhs__curved-bg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media only screen and (max-width: 1024px) {
  .hhs__curved-bg img {
    object-fit: cover;
    min-height: 315px;
  }
}
@media only screen and (max-width: 800px) {
  .hhs__curved-bg img {
    min-height: 305px;
  }
}
@media only screen and (max-width: 800px) {
  .hhs__curved-bg img {
    min-height: 300px;
  }
}
@media only screen and (max-width: 600px) {
  .hhs__curved-bg img {
    display: none;
    min-height: auto;
  }
}
.hhs__curved-bg img.mobile {
  display: none;
}
@media only screen and (max-width: 600px) {
  .hhs__curved-bg img.mobile {
    display: block;
  }
}
.hhs__arrows {
  position: absolute;
  left: 0;
  top: 12rem;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  padding-left: 1.595rem !important;
  padding-right: 1.595rem !important;
  gap: 0.9rem;
  place-items: center;
  z-index: 92;
  transform: translateX(0);
}
@media only screen and (max-width: 1024px) {
  .hhs__arrows {
    grid-template-columns: repeat(8, 1fr);
    padding-left: 24px !important;
    padding-right: 24px !important;
    gap: 10px;
  }
}
.hhs__arrow {
  width: 2.5rem;
  height: 2.5rem;
  z-index: 32;
  transform: translateX(0);
  cursor: pointer;
}
@media only screen and (max-width: 1024px) {
  .hhs__arrow {
    display: none;
  }
}
.hhs__arrow-left {
  grid-column: 1 / 2;
  justify-self: flex-start;
}
.hhs__arrow-right {
  grid-column: 24 / 25;
  transform: rotate(180deg);
  justify-self: flex-end;
}
.hhs__arrow img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.hpl {
  position: relative;
  z-index: 21;
  margin-top: -21rem;
  padding-bottom: 21rem;
  display: flex;
  flex-direction: column;
  gap: 16rem;
  width: 100%;
  background-image: url(/wp-content/themes/Daessy/images/hpl/bg.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
}
@media only screen and (max-width: 1024px) {
  .hpl {
    gap: 60px;
    margin-top: -210px;
    padding-bottom: 150px;
    background-position: bottom;
  }
}
@media only screen and (max-width: 800px) {
  .hpl {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 600px) {
  .hpl {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 400px) {
  .hpl {
    padding-bottom: 0;
  }
}
.hpl__content {
  position: relative;
  margin-top: 13rem;
  z-index: 11;
}
@media only screen and (max-width: 1400px) {
  .hpl__content {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 130px;
    margin-bottom: 130px;
  }
}
@media only screen and (max-width: 600px) {
  .hpl__content {
    margin-top: 240px;
  }
}
.hpl__title {
  width: 100%;
  display: flex;
  justify-content: center;
  color: #001E62;
  font-weight: 600;
  text-align: center;
}
@media only screen and (max-width: 800px) {
  .hpl__title {
    max-width: 87.5%;
    align-self: center;
  }
}
.hpl__products {
  height: fit-content;
  display: flex;
  justify-content: center;
  gap: 4rem;
}
@media only screen and (max-width: 1400px) {
  .hpl__products {
    gap: 24px;
    justify-content: center;
  }
}
@media only screen and (max-width: 1024px) {
  .hpl__products {
    flex-direction: column;
    align-items: center;
    gap: 120px;
    margin-top: 40px;
  }
}
.hpl__product {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
}
@media only screen and (max-width: 1400px) {
  .hpl__product {
    max-width: 320px;
    height: auto;
  }
}
@media only screen and (max-width: 1024px) {
  .hpl__product {
    max-width: 420px;
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .hpl__product {
    max-width: 85%;
  }
}
.hpl__product-image {
  padding-top: 2rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1400px) {
  .hpl__product-image {
    padding-top: 20px;
  }
}
@media only screen and (max-width: 800px) {
  .hpl__product-image {
    height: auto;
  }
}
.hpl__product-image img {
  height: auto;
  width: auto;
  object-fit: contain;
  object-position: bottom;
}
.hpl__product:nth-child(1) .hpl__product-image {
  width: 18.25rem;
  aspect-ratio: 41 / 46;
}
@media only screen and (max-width: 1400px) {
  .hpl__product:nth-child(1) .hpl__product-image {
    width: 100%;
    max-width: 365px;
  }
}
.hpl__product:nth-child(2) .hpl__product-image {
  width: 13.25rem;
  aspect-ratio: 276 / 201;
}
@media only screen and (max-width: 1400px) {
  .hpl__product:nth-child(2) .hpl__product-image {
    width: 100%;
    max-width: 265px;
  }
}
.hpl__product:nth-child(3) .hpl__product-image {
  width: 20.25rem;
  aspect-ratio: 458 / 451;
}
@media only screen and (max-width: 1400px) {
  .hpl__product:nth-child(3) .hpl__product-image {
    width: 100%;
    max-width: 405px;
  }
}
.hpl__product-link {
  width: fit-content;
  background-color: #001E62;
  font-size: calc(20rem * 1 / 21.3333333);
  line-height: calc(26rem * 1 / 21.3333333);
  color: white;
  font-weight: 600;
  border-radius: 3rem;
  transition: all 0.25s ease-in-out;
  white-space: nowrap;
  margin: 0;
  height: calc(42rem * 1 / 21.3333333);
  min-height: calc(42rem * 1 / 21.3333333);
  padding: 0 calc(24rem * 1 / 21.3333333);
  display: grid;
  place-items: center;
}
@media only screen and (max-width: 1400px) {
  .hpl__product-link {
    font-size: 20px;
    line-height: 26px;
  }
}
.hpl__product-link:hover,
.hpl__product-link.hover {
  opacity: 0.8;
}
@media only screen and (max-width: 1400px) {
  .hpl__product-link {
    border-radius: 30px;
    height: 42px;
    min-height: 42px;
    padding: 0 24px;
  }
}
.hpl__product:hover .hpl__product-image {
  transform: scale(1.05);
}
.hpl__product:hover .hpl__product-link {
  opacity: 0.8;
}
.button-padding {
  padding: 0.55rem 1rem;
}
@media only screen and (max-width: 1366px) {
  .button-padding {
    padding: 11px 20px;
  }
}
.hvr {
  position: relative;
  z-index: 21;
  padding-top: 20rem;
  margin-bottom: 2rem;
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  padding-left: 1.595rem !important;
  padding-right: 1.595rem !important;
  gap: 0.9rem;
  place-items: center;
  gap: 3rem 0;
  width: 100%;
  background-image: url(/wp-content/themes/Daessy/images/hvr/hvrbg.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top;
  display: none;
}
@media only screen and (max-width: 1024px) {
  .hvr {
    grid-template-columns: repeat(8, 1fr);
    padding-left: 24px !important;
    padding-right: 24px !important;
    gap: 10px;
  }
}
@media only screen and (max-width: 1024px) {
  .hvr {
    padding-top: 160px;
    margin-bottom: 120px;
  }
}
@media only screen and (max-width: 800px) {
  .hvr {
    padding-top: 40rem;
    margin-bottom: 13rem;
    padding-bottom: 17rem;
  }
}
.hvr__title {
  width: 100%;
  display: flex;
  justify-content: center;
  color: #001E62;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.142;
  grid-column: 7 / 19;
}
@media only screen and (max-width: 1400px) {
  .hvr__title {
    font-size: 36px;
  }
}
@media only screen and (max-width: 1024px) {
  .hvr__title {
    font-size: 20px;
    grid-column: 2 / 8;
  }
}
.hvr__all {
  grid-column: 19 / 21;
  justify-self: flex-end;
  display: flex;
  align-items: center;
  font-size: 0.8rem;
  color: #001E62;
  font-weight: 700;
}
.hvr__all span {
  padding: 0.1rem;
}
.hvr__all span:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 1400px) {
  .hvr__all {
    font-size: 18px;
    grid-column: 22 / 24;
  }
}
@media only screen and (max-width: 1024px) {
  .hvr__all {
    font-size: 14px;
    grid-column: 8 / 9;
  }
  .hvr__all span {
    padding: 1px;
  }
}
@media only screen and (max-width: 800px) {
  .hvr__all {
    grid-column: 8 / 9;
  }
}
@media only screen and (max-width: 700px) {
  .hvr__all {
    grid-column: 8 / 9;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 600px) {
  .hvr__all {
    position: absolute;
    left: 50%;
    bottom: 0rem;
    grid-column: 1 / 9;
    transform: translateX(-50%);
    font-size: 4rem;
  }
}
.hvr__query {
  grid-column: 5 / 21;
  width: 100%;
}
@media only screen and (max-width: 1400px) {
  .hvr__query {
    grid-column: 2 / 24;
  }
}
@media only screen and (max-width: 1024px) {
  .hvr__query {
    top: 0px;
    margin-top: 40px;
    grid-column: 1 / 9;
    position: relative;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media only screen and (max-width: 600px) {
  .hvr__query {
    margin-top: 10rem;
  }
}
.hvr__query-content {
  grid-column: 5 / 21;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
  gap: 1rem;
  height: fit-content;
}
@media only screen and (max-width: 1024px) {
  .hvr__query-content {
    gap: 12px;
    display: grid;
  }
}
@media only screen and (max-width: 800px) {
  .hvr__query-content {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 600px) {
  .hvr__query-content {
    gap: 3rem;
    grid-template-columns: 1fr;
  }
}
.hvr__video {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.hvr__video-image {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  transition: all 0.25s ease-in-out;
  cursor: pointer;
}
.hvr__video-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.25s ease-in-out;
}
.hvr__video-image > .play {
  width: 2.4rem;
  height: 2.4rem;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.15s ease-in-out;
}
@media only screen and (max-width: 1024px) {
  .hvr__video-image > .play {
    width: 48px;
    height: 48px;
  }
}
@media only screen and (max-width: 600px) {
  .hvr__video-image > .play {
    width: 12rem;
    height: 12rem;
  }
}
.hvr__video-image > .play img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.hvr__video-body {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 1rem;
  background-color: #EBECE7;
  transition: all 0.15s ease-in-out;
  border-bottom-left-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
}
@media only screen and (max-width: 1024px) {
  .hvr__video-body {
    gap: 20px;
    padding: 10px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .hvr__video-body {
    gap: 5rem;
    padding: 2.5rem;
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
  }
}
.hvr__video-excerpt {
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.3;
  color: #001E62;
}
@media only screen and (max-width: 1400px) {
  .hvr__video-excerpt {
    font-size: 23px;
  }
}
@media only screen and (max-width: 1024px) {
  .hvr__video-excerpt {
    font-size: 14px;
  }
}
@media only screen and (max-width: 600px) {
  .hvr__video-excerpt {
    font-size: 4rem;
  }
}
.hvr__video-links {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.hvr__video-watch {
  padding: 0.6rem 1.8rem;
  box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.16);
  background-color: #001E62;
  border-radius: 3rem;
  color: white;
  font-size: 0.9375rem;
  font-weight: 700;
  transition: all 0.15s ease-in-out;
}
@media only screen and (max-width: 1400px) {
  .hvr__video-watch {
    padding: 10px 20px;
    font-size: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .hvr__video-watch {
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 30px;
  }
}
@media only screen and (max-width: 600px) {
  .hvr__video-watch {
    padding: 2.5rem 5rem;
    font-size: 3.5rem;
    border-radius: 7.5rem;
  }
}
.hvr__video-time {
  font-size: 0.7rem;
  font-weight: 400;
  color: #001E62;
  padding-right: 0.4rem;
}
@media only screen and (max-width: 1400px) {
  .hvr__video-time {
    font-size: 16px;
    padding-right: 8px;
  }
}
@media only screen and (max-width: 1024px) {
  .hvr__video-time {
    font-size: 12px;
    padding-right: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .hvr__video-time {
    font-size: 3rem;
    padding-right: 2rem;
  }
}
.hvr__video:nth-child(even) .hpl__video-body {
  background-color: #E2F4FD;
}
.hvr__video:hover .hpl__video-image img {
  filter: brightness(0.85);
}
.hvr__video:hover .hpl__video-body {
  transition-delay: 0.075s;
  background-color: #D2D5C4;
}
.hvr__video:hover .hpl__video-watch {
  transition-delay: 0.075s;
  opacity: 0.8;
}
.hvr__video:nth-child(even):hover .hpl__video-body {
  transition-delay: 0.075s;
  background-color: rgba(188, 234, 255, 0.6);
}
.oss {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  padding-left: 1.595rem !important;
  padding-right: 1.595rem !important;
  gap: 0.9rem;
  place-items: center;
  position: relative;
  z-index: 11;
  margin-top: calc(-180rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1024px) {
  .oss {
    grid-template-columns: repeat(8, 1fr);
    padding-left: 24px !important;
    padding-right: 24px !important;
    gap: 10px;
  }
}
.oss::before,
.oss::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: var(--grid-gutter);
  height: calc(516rem * 1 / 21.3333333);
  background-color: white;
  z-index: 101;
}
@media only screen and (max-width: 1400px) {
  .oss::before,
  .oss::after {
    bottom: calc(180rem * 1 / 21.3333333);
    height: calc(616rem * 1 / 21.3333333);
  }
}
@media only screen and (max-width: 1024px) {
  .oss::before,
  .oss::after {
    width: var(--grid-gutter-mobile);
  }
}
.oss::after {
  left: auto;
  right: 0;
}
@media only screen and (max-width: 1400px) {
  .oss {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 1024px) {
  .oss {
    margin-top: -120px;
  }
}
.oss__title {
  grid-column: 4 / 22;
  margin-bottom: calc(120rem * 1 / 21.3333333);
  text-align: left;
  width: fit-content;
  justify-self: start;
  position: relative;
  z-index: 100;
}
@media only screen and (max-width: 1400px) {
  .oss__title {
    grid-column: 1 / -1;
  }
}
.oss__year {
  grid-column: 4 / 6;
  text-decoration: underline;
  width: fit-content;
  height: fit-content;
  align-self: flex-start;
  justify-self: flex-start;
  position: relative;
  z-index: 100;
}
@media only screen and (max-width: 1400px) {
  .oss__year {
    grid-column: 1 / 4;
  }
}
@media only screen and (max-width: 1024px) {
  .oss__year {
    grid-column: 1 / 2;
  }
}
.oss__description {
  grid-column: 6 / 12;
  margin-left: calc(60rem * 1 / 21.3333333);
  gap: calc(24rem * 1 / 21.3333333);
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 100;
}
@media only screen and (max-width: 1400px) {
  .oss__description {
    grid-column: 4 / 11;
  }
}
@media only screen and (max-width: 1024px) {
  .oss__description {
    grid-column: 2 / 5;
  }
}
.oss__slides {
  position: relative;
  margin-left: 0 !important;
  overflow: visible !important;
  max-width: calc(730rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .oss__slides {
    max-width: calc(830rem * 1 / 21.3333333);
  }
}
.oss__slides::before {
  content: '';
  position: absolute;
  top: 0;
  left: calc(-863rem * 1 / 21.3333333);
  width: calc(863rem * 1 / 21.3333333);
  height: 100%;
  background-color: white;
  z-index: 99;
}
@media only screen and (max-width: 1024px) {
  .oss__slides::before {
    left: -500px;
    width: 500px;
  }
}
.oss__slides-container {
  grid-column: 12 / 25;
  display: flex;
  justify-content: flex-start;
  overflow: visible;
  width: 100%;
  position: relative;
  z-index: 99;
}
@media only screen and (max-width: 1400px) {
  .oss__slides-container {
    grid-column: 11 / 25;
  }
}
@media only screen and (max-width: 1024px) {
  .oss__slides-container {
    grid-column: 5 / 9;
  }
}
.oss__slides-wrapper {
  grid-column: 9 / 19;
}
.oss__slides-arrows {
  display: flex;
  position: absolute;
  bottom: 0;
  left: calc(-402rem * 1 / 21.3333333);
  gap: calc(68rem * 1 / 21.3333333);
  z-index: 99;
  padding-right: calc(212rem * 1 / 21.3333333);
  padding-bottom: calc(40rem * 1 / 21.3333333);
  border-bottom: calc(1rem * 1 / 21.3333333) solid rgba(0, 30, 98, 0.3);
}
@media only screen and (max-width: 1400px) {
  .oss__slides-arrows {
    position: unset;
    left: -200px;
    padding-right: 0;
    padding-bottom: 24px;
    bottom: -96px;
    gap: 68px;
  }
}
.oss__slides-arrow {
  cursor: pointer;
  width: calc(52rem * 1 / 21.3333333);
  height: calc(52rem * 1 / 21.3333333);
  display: block !important;
}
@media only screen and (max-width: 1400px) {
  .oss__slides-arrow {
    width: 52px;
    height: 52px;
  }
}
.oss__slides-arrow-next {
  transform: rotate(180deg);
}
.oss__slides-arrow img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.oss__slides-arrow img.hover {
  display: none;
}
.oss__slides-arrow:hover img {
  display: none;
}
.oss__slides-arrow:hover img.hover {
  display: block;
}
.oss__slide {
  width: fit-content !important;
  opacity: 0.3;
}
.oss__slide.swiper-slide-active {
  opacity: 1;
}
.oss__slide-wrapper {
  display: flex;
  justify-content: flex-end;
  max-width: 100%;
}
.oss__slide-image {
  grid-column: 9 / 19;
  width: calc(730rem * 1 / 21.3333333);
  border-radius: calc(8rem * 1 / 21.3333333);
  overflow-x: clip;
  overflow-y: hidden;
  justify-self: flex-end;
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 1400px) {
  .oss__slide-image {
    width: calc(830rem * 1 / 21.3333333);
  }
}
.oss__slide-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pil {
  position: relative;
}
@media only screen and (max-width: 600px) {
  .pil {
    padding-bottom: 120px;
  }
}
.pil__bg {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.pil__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pil__bg img[data-size="mobile"] {
  display: none;
}
@media only screen and (max-width: 1400px) {
  .pil__bg {
    height: 400px;
  }
}
@media only screen and (max-width: 600px) {
  .pil__bg {
    height: 90rem;
  }
  .pil__bg img {
    display: none;
  }
  .pil__bg img[data-size="mobile"] {
    display: block;
    object-position: bottom;
  }
}
.pil__breadcrumbs {
  position: absolute;
  left: var(--grid-gutter);
  top: var(--grid-gutter);
  display: flex;
  gap: 0.8rem;
  z-index: 89;
}
@media only screen and (max-width: 1400px) {
  .pil__breadcrumbs {
    gap: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .pil__breadcrumbs {
    top: 16px;
    left: var(--grid-gutter-mobile);
  }
}
.pil__breadcrumbs > a {
  color: #001E62;
  font-size: calc(15rem * 1 / 21.3333333);
  line-height: calc(22rem * 1 / 21.3333333);
  font-weight: 400;
}
@media only screen and (max-width: 1400px) {
  .pil__breadcrumbs > a {
    font-size: 15px;
    line-height: 22px;
  }
}
.pil__breadcrumbs > a:hover {
  text-decoration: underline;
}
.pil__breadcrumbs > span {
  color: #001E62;
  font-size: calc(15rem * 1 / 21.3333333);
  line-height: calc(22rem * 1 / 21.3333333);
  font-weight: 400;
}
@media only screen and (max-width: 1400px) {
  .pil__breadcrumbs > span {
    font-size: 15px;
    line-height: 22px;
  }
}
.pil__heading {
  position: relative;
  z-index: 11;
  display: flex;
  width: 100%;
  padding: 6rem 0;
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  padding-left: 1.595rem !important;
  padding-right: 1.595rem !important;
  gap: 0.9rem;
  place-items: center;
}
@media only screen and (max-width: 1024px) {
  .pil__heading {
    grid-template-columns: repeat(8, 1fr);
    padding-left: 24px !important;
    padding-right: 24px !important;
    gap: 10px;
  }
}
@media only screen and (max-width: 1400px) {
  .pil__heading {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 600px) {
  .pil__heading {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 80px 0 100px;
  }
}
.pil__heading-image {
  grid-column: 4 / 12;
  width: 100%;
  height: auto;
  transform: scale(1.1);
}
@media only screen and (max-width: 1400px) {
  .pil__heading-image {
    grid-column: 1 / 12;
  }
}
@media only screen and (max-width: 1024px) {
  .pil__heading-image {
    grid-column: 1 / 9;
    max-width: 600px;
    align-self: center;
    order: 2;
  }
}
@media only screen and (max-width: 600px) {
  .pil__heading-image {
    order: 1;
  }
}
.pil__heading-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.pil__heading-text {
  grid-column: 13 / 21;
  width: 100%;
}
@media only screen and (max-width: 1400px) {
  .pil__heading-text {
    grid-column: 13 / 23;
  }
}
@media only screen and (max-width: 1024px) {
  .pil__heading-text {
    grid-column: 1 / 9;
    order: 1;
  }
}
@media only screen and (max-width: 600px) {
  .pil__heading-text {
    order: 2;
  }
}
.pil__heading-title {
  font-weight: 700;
  color: #001E62;
  margin-bottom: 0.2rem;
}
@media only screen and (max-width: 1400px) {
  .pil__heading-title {
    margin-bottom: 12px;
  }
}
.pil__heading-description {
  font-size: calc(20rem * 1 / 21.3333333);
  line-height: 1.5;
  letter-spacing: 0;
  font-family: 'Archivo', sans-serif !important;
  color: #001E62;
  font-weight: 400;
  margin: 1.5rem 0;
}
@media only screen and (max-width: 1400px) {
  .pil__heading-description {
    font-size: 20px;
  }
}
@media only screen and (max-width: 1400px) {
  .pil__heading-description {
    margin: 20px 0;
  }
}
.pil__heading-note {
  font-family: "Roboto", sans-serif !important;
  font-size: calc(15rem * 1 / 21.3333333);
  line-height: calc(22rem * 1 / 21.3333333);
  color: #8B8B8B;
  font-weight: 400;
}
@media only screen and (max-width: 1400px) {
  .pil__heading-note {
    font-size: 15px;
    line-height: 22px;
  }
}
.pil__heading-note > b {
  font-weight: 500;
  color: #001E62;
}
.pil__products {
  position: relative;
  z-index: 11;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  padding-left: 1.595rem !important;
  padding-right: 1.595rem !important;
  gap: 0.9rem;
  place-items: center;
  padding-bottom: 4rem;
  row-gap: 6rem;
}
@media only screen and (max-width: 1024px) {
  .pil__products {
    grid-template-columns: repeat(8, 1fr);
    padding-left: 24px !important;
    padding-right: 24px !important;
    gap: 10px;
  }
}
@media only screen and (max-width: 1400px) {
  .pil__products {
    padding-bottom: 60px;
    row-gap: 60px;
  }
}
@media only screen and (max-width: 600px) {
  .pil__products {
    padding-bottom: 0;
  }
}
.pil__product {
  position: relative;
  z-index: 11;
  width: 100%;
  align-self: flex-start;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.pil__product:nth-of-type(3n + 1) {
  grid-column: 4 / 10;
}
@media only screen and (max-width: 1400px) {
  .pil__product:nth-of-type(3n + 1) {
    grid-column: 1 / 9;
  }
}
.pil__product:nth-of-type(3n + 2) {
  grid-column: 10 / 16;
}
@media only screen and (max-width: 1400px) {
  .pil__product:nth-of-type(3n + 2) {
    grid-column: 9 / 17;
  }
}
.pil__product:nth-of-type(3n + 3) {
  grid-column: 16 / 22;
}
@media only screen and (max-width: 1400px) {
  .pil__product:nth-of-type(3n + 3) {
    grid-column: 17 / 25;
  }
}
@media only screen and (max-width: 1024px) {
  .pil__product:nth-of-type(2n + 1) {
    grid-column: 1 / 5 !important;
  }
  .pil__product:nth-of-type(2n + 2) {
    grid-column: 5 / 9 !important;
  }
}
@media only screen and (max-width: 600px) {
  .pil__product:nth-of-type(2n + 1) {
    grid-column: 1 / 9 !important;
  }
  .pil__product:nth-of-type(2n + 2) {
    grid-column: 1 / 9 !important;
  }
}
.pil__product-image {
  width: 100%;
  min-width: 100%;
  aspect-ratio: 1 / 1;
  height: auto;
  border: 0.05rem solid #A8A8A8;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  grid-column: 1 / 2;
  overflow: hidden;
}
@media only screen and (max-width: 1400px) {
  .pil__product-image {
    border-radius: 8px;
    margin-bottom: 20px;
  }
}
.pil__product-image-wrapper {
  width: 100%;
  min-width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
}
.pil__product-image-wrapper > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: white;
}
.pil__product-image-wrapper.zoom {
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
  cursor: zoom-in;
}
.pil__product-image-wrapper.zoom > img {
  transition: opacity 0.5s;
  display: block;
  width: 100%;
  background-color: white;
}
.pil__product-image-wrapper.zoom > img:hover {
  opacity: 0;
}
.pil__product-image-wrapper.zoom + .pil__product-image-zoom > img[data-zoom="plus"] {
  display: none;
}
.pil__product-image-wrapper.zoom + .pil__product-image-zoom > img[data-zoom="minus"] {
  display: block;
}
.pil__product-image-wrapper:not(.zoom) > img[data-image="1"] {
  display: block;
}
.pil__product-image-wrapper:not(.zoom) > img[data-image="2"] {
  display: none;
}
.pil__product-image-wrapper:not(.zoom):hover > img[data-image="1"] {
  display: none;
}
.pil__product-image-wrapper:not(.zoom):hover > img[data-image="2"] {
  display: block;
}
.pil__product-image-zoom {
  position: absolute;
  top: 0.75rem;
  right: 1rem;
  width: 1.6rem;
  cursor: pointer;
}
@media only screen and (max-width: 1400px) {
  .pil__product-image-zoom {
    top: 16px;
    right: 16px;
    width: 32px;
  }
}
.pil__product-image-zoom img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.pil__product-image-zoom img[data-zoom="minus"] {
  display: none;
}
.pil__product-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.4rem;
  grid-column: 1 / 2;
  flex-grow: 1;
  flex-shrink: 0;
}
@media only screen and (max-width: 1024px) {
  .pil__product-text {
    gap: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .pil__product-text {
    width: 100%;
  }
}
.pil__product-text-container {
  display: flex;
  flex-direction: column;
}
.pil__product-id {
  font-weight: 600;
  color: #001E62;
  font-size: calc(18rem * 1 / 21.3333333);
  line-height: calc(26rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .pil__product-id {
    font-size: 18px;
    line-height: 26px;
  }
}
.pil__product-title {
  font-weight: 600;
  color: #001E62;
}
@media only screen and (max-width: 600px) {
  .pil__product-title {
    margin-bottom: 0;
  }
}
.pil__product-ptext {
  color: #001E62;
  font-weight: 400;
  margin: 0.4rem 0 0.75rem;
  max-width: 87.5%;
}
@media only screen and (max-width: 1400px) {
  .pil__product-ptext {
    font-size: 16px;
    margin: 8px 0 10px;
    max-width: 95%;
  }
}
.pil__product-view {
  width: fit-content;
  background-color: #001E62;
  font-size: calc(20rem * 1 / 21.3333333);
  line-height: calc(26rem * 1 / 21.3333333);
  color: white;
  font-weight: 600;
  border-radius: 3rem;
  transition: all 0.25s ease-in-out;
  white-space: nowrap;
  margin: 0;
  height: calc(42rem * 1 / 21.3333333);
  min-height: calc(42rem * 1 / 21.3333333);
  padding: 0 calc(24rem * 1 / 21.3333333);
  display: grid;
  place-items: center;
  border-radius: 2rem;
}
@media only screen and (max-width: 1400px) {
  .pil__product-view {
    font-size: 20px;
    line-height: 26px;
  }
}
.pil__product-view:hover,
.pil__product-view.hover {
  opacity: 0.8;
}
@media only screen and (max-width: 1400px) {
  .pil__product-view {
    border-radius: 30px;
    height: 42px;
    min-height: 42px;
    padding: 0 24px;
  }
}
@media only screen and (max-width: 1400px) {
  .pil__product-view {
    line-height: 1;
  }
}
@media only screen and (max-width: 1024px) {
  .pil__product-view {
    border-radius: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .pil__product-view {
    border-radius: 10rem;
    margin-top: 2rem;
  }
}
.pld {
  position: relative;
  padding: 8rem 0 2.5rem;
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  padding-left: 1.595rem !important;
  padding-right: 1.595rem !important;
  gap: 0.9rem;
  place-items: center;
}
@media only screen and (max-width: 1024px) {
  .pld {
    grid-template-columns: repeat(8, 1fr);
    padding-left: 24px !important;
    padding-right: 24px !important;
    gap: 10px;
  }
}
@media only screen and (max-width: 1400px) {
  .pld {
    padding: 60px 0 80px;
  }
}
.pld__bg {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.pld__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pld__bg img[data-size="mobile"] {
  display: none;
}
@media only screen and (max-width: 1400px) {
  .pld__bg {
    height: 500px;
  }
}
@media only screen and (max-width: 600px) {
  .pld__bg img {
    display: none;
  }
  .pld__bg img[data-size="mobile"] {
    display: block;
    object-position: bottom;
  }
}
.pld__breadcrumbs {
  position: absolute;
  left: var(--grid-gutter);
  top: var(--grid-gutter);
  display: flex;
  gap: 0.8rem;
  z-index: 89;
}
@media only screen and (max-width: 1400px) {
  .pld__breadcrumbs {
    gap: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .pld__breadcrumbs {
    top: 16px;
    left: var(--grid-gutter-mobile);
  }
}
.pld__breadcrumbs > a {
  color: #001E62;
  font-size: calc(15rem * 1 / 21.3333333);
  line-height: calc(22rem * 1 / 21.3333333);
  font-weight: 400;
}
@media only screen and (max-width: 1400px) {
  .pld__breadcrumbs > a {
    font-size: 15px;
    line-height: 22px;
  }
}
.pld__breadcrumbs > a:hover {
  text-decoration: underline;
}
.pld__breadcrumbs > span {
  color: #001E62;
  font-size: calc(15rem * 1 / 21.3333333);
  line-height: calc(22rem * 1 / 21.3333333);
  font-weight: 400;
}
@media only screen and (max-width: 1400px) {
  .pld__breadcrumbs > span {
    font-size: 15px;
    line-height: 22px;
  }
}
.pld__text {
  margin: 0rem 0 5rem;
  grid-column: 4 / 21;
  width: 100%;
  display: grid;
  grid-template-columns: subgrid;
  justify-content: space-between;
  align-items: flex-start;
  z-index: 2;
}
@media only screen and (max-width: 1400px) {
  .pld__text {
    flex-direction: column;
    gap: 20px;
    grid-column: 2 / 24;
    justify-content: center;
    margin: 0px 0 50px;
  }
}
@media only screen and (max-width: 1024px) {
  .pld__text {
    flex-direction: column;
    grid-column: 1 / 8;
    margin: 20px 0 50px;
  }
}
@media only screen and (max-width: 600px) {
  .pld__text {
    grid-column: 1 / 9;
  }
}
.pld__title {
  font-weight: 700;
  color: #001E62;
  position: relative;
  z-index: 11;
  grid-column: 1 / 10;
}
@media only screen and (max-width: 1400px) {
  .pld__title {
    grid-column: 1 / -1;
  }
}
.pld__description {
  color: #001E62;
  font-size: calc(20rem * 1 / 21.3333333);
  line-height: 1.5;
  letter-spacing: 0;
  font-family: 'Archivo', sans-serif !important;
  position: relative;
  z-index: 11;
  grid-column: 11 / 18;
  margin-bottom: calc(30rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .pld__description {
    font-size: 20px;
  }
}
@media only screen and (max-width: 1400px) {
  .pld__description {
    max-width: 680px;
    margin-top: 0px;
    grid-column: 1 / -1;
  }
}
.pld__note {
  font-family: "Roboto", sans-serif !important;
  font-size: calc(15rem * 1 / 21.3333333);
  line-height: calc(22rem * 1 / 21.3333333);
  color: #8B8B8B;
  font-weight: 400;
  grid-column: 11 / 18;
}
@media only screen and (max-width: 1400px) {
  .pld__note {
    font-size: 15px;
    line-height: 22px;
  }
}
.pld__note > b {
  font-weight: 500;
  color: #001E62;
}
@media only screen and (max-width: 1400px) {
  .pld__note {
    grid-column: 1 / -1;
    max-width: 680px;
  }
}
.pld__subtypes {
  width: 100%;
  grid-column: 4 / 22;
  display: flex;
  justify-content: center;
  gap: 3rem;
  position: relative;
  z-index: 11;
}
.pld__subtypes.more-gap {
  gap: 6rem;
}
@media only screen and (max-width: 1400px) {
  .pld__subtypes {
    grid-column: 1 / -1;
    gap: 30px;
  }
  .pld__subtypes.more-gap {
    gap: 60px;
  }
}
@media only screen and (max-width: 1024px) {
  .pld__subtypes {
    grid-column: 1 / 9;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 800px) {
  .pld__subtypes {
    grid-template-columns: 1fr;
    place-items: center;
  }
}
.pld__subtypes.single .pld__subtype {
  width: 40% !important;
}
@media only screen and (max-width: 1024px) {
  .pld__subtypes.single .pld__subtype {
    width: 100% !important;
    max-width: 600px;
  }
}
@media only screen and (max-width: 1024px) {
  .pld__subtypes.single {
    place-items: center;
    grid-template-columns: 1fr;
  }
}
.pld__subtype {
  width: 30%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .pld__subtype {
    width: 100%;
    max-width: 600px;
    gap: 4px;
    margin-bottom: 140px;
  }
}
.pld__subtype::before {
  display: none;
  content: "";
  position: absolute;
  top: -20rem;
  left: calc(-1*var(--grid-gutter-mobile));
  right: calc(-1*var(--grid-gutter-mobile));
  width: calc(100% + var(--grid-gutter-mobile)*2);
  aspect-ratio: 39387 / 47651;
  background-image: url(/wp-content/themes/Daessy/images/pld/subtype-mobilebg.png?r=1);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 2;
}
@media only screen and (max-width: 600px) {
  .pld__subtype::before {
    display: block;
  }
}
.pld__subtype:first-child::before {
  display: none !important;
}
.pld__subtype-image {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 11;
  transition: all 0.25s ease-out;
}
.pld__subtype-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.pld__subtype-title {
  font-weight: 700;
  color: #001E62;
  margin-top: 1rem;
  text-align: center;
  position: relative;
  z-index: 11;
}
.pld__subtype-description {
  font-family: "Roboto", sans-serif !important;
  font-weight: 400;
  color: #001E62;
  margin-top: 0.5rem;
  text-align: center;
  position: relative;
  z-index: 11;
  max-width: 92.5%;
}
@media only screen and (max-width: 1400px) {
  .pld__subtype-description {
    max-width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .pld__subtype-description {
    max-width: 95%;
  }
}
.pld__subtype-link {
  font-weight: 700;
  color: #001E62;
  width: fit-content;
  background-color: #001E62;
  font-size: calc(20rem * 1 / 21.3333333);
  line-height: calc(26rem * 1 / 21.3333333);
  color: white;
  font-weight: 600;
  border-radius: 3rem;
  transition: all 0.25s ease-in-out;
  white-space: nowrap;
  margin: 0;
  height: calc(42rem * 1 / 21.3333333);
  min-height: calc(42rem * 1 / 21.3333333);
  padding: 0 calc(24rem * 1 / 21.3333333);
  display: grid;
  place-items: center;
  margin-top: 0.25rem;
  position: relative;
  z-index: 11;
}
@media only screen and (max-width: 1400px) {
  .pld__subtype-link {
    font-size: 20px;
    line-height: 26px;
  }
}
.pld__subtype-link:hover,
.pld__subtype-link.hover {
  opacity: 0.8;
}
@media only screen and (max-width: 1400px) {
  .pld__subtype-link {
    border-radius: 30px;
    height: 42px;
    min-height: 42px;
    padding: 0 24px;
  }
}
.pld__subtype-link:hover {
  opacity: 1;
}
@media only screen and (max-width: 1400px) {
  .pld__subtype-link {
    border-radius: 30px;
    margin-top: 8px;
  }
}
.pld__subtype:hover > .pld__subtype-image {
  transform: scale(1.025);
}
.pld__subtype:hover > .pld__subtype-link {
  opacity: 0.75 !important;
}
.qrf {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  padding-left: 1.595rem !important;
  padding-right: 1.595rem !important;
  gap: 0.9rem;
  place-items: center;
}
@media only screen and (max-width: 1024px) {
  .qrf {
    grid-template-columns: repeat(8, 1fr);
    padding-left: 24px !important;
    padding-right: 24px !important;
    gap: 10px;
  }
}
.qrf__gform {
  margin: 80px auto;
  grid-column: 2 / 24;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .qrf__gform {
    grid-column: 1 / -1;
  }
}
@media only screen and (max-width: 800px) {
  .qrf__gform {
    margin: 40px auto;
  }
}
.qrf__gform .gform_title {
  margin-bottom: 40px;
}
.qrf__gform .gfield_label {
  height: fit-content;
}
.qrf__gform .gfield.flex {
  display: flex;
  gap: 12px;
}
.qrf__gform .gfield.right-aligned {
  justify-content: flex-end;
  padding-right: 50px;
}
@media only screen and (max-width: 640px) {
  .qrf__gform .gfield.right-aligned {
    padding-right: 0;
  }
}
.qrf__gform input::placeholder {
  color: gray;
}
.qrf__gform input[type="submit"] {
  padding: 0.55rem 1.6rem;
  font-size: calc(20rem * 1 / 21.3333333);
  line-height: calc(26rem * 1 / 21.3333333);
  line-height: 1;
  color: white;
  font-weight: 600;
  background-color: #001E62;
  transition: all 0.25s ease-out;
  width: fit-content;
  border-radius: 2rem;
  letter-spacing: calc(1rem * 1 / 21.3333333);
  margin-top: 0;
  cursor: pointer;
  border: none;
  outline: none;
}
@media only screen and (max-width: 1400px) {
  .qrf__gform input[type="submit"] {
    font-size: 20px;
    line-height: 26px;
  }
}
.qrf__gform input[type="submit"]:hover {
  opacity: 0.75;
}
@media only screen and (max-width: 1400px) {
  .qrf__gform input[type="submit"] {
    line-height: 1;
    padding: 11px 18px;
    font-size: 20px;
    border-radius: 30px;
    height: 42px;
    max-height: 42px;
    display: grid;
    place-items: center;
    letter-spacing: 1px;
  }
}
.qrf__gform .gform_confirmation_message {
  font-size: 18px !important;
  line-height: 1.15 !important;
}
.qrf__gform .gform_submission_error {
  font-size: 18px !important;
  line-height: 1.15 !important;
}
.srp {
  padding-top: calc(180rem*1 / 21.3333333);
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  padding-left: 1.595rem !important;
  padding-right: 1.595rem !important;
  gap: 0.9rem;
  place-items: center;
  position: relative;
  z-index: 56;
}
@media only screen and (max-width: 1024px) {
  .srp {
    grid-template-columns: repeat(8, 1fr);
    padding-left: 24px !important;
    padding-right: 24px !important;
    gap: 10px;
  }
}
@media only screen and (max-width: 1024px) {
  .srp {
    padding-top: 100px;
  }
}
.srp__breadcrumbs {
  position: absolute;
  left: var(--grid-gutter);
  top: var(--grid-gutter);
  display: flex;
  gap: 0.8rem;
  z-index: 89;
}
@media only screen and (max-width: 1400px) {
  .srp__breadcrumbs {
    gap: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .srp__breadcrumbs {
    top: 16px;
    left: var(--grid-gutter-mobile);
  }
}
.srp__breadcrumbs > a {
  color: #001E62;
  font-size: calc(15rem * 1 / 21.3333333);
  line-height: calc(22rem * 1 / 21.3333333);
  font-weight: 400;
}
@media only screen and (max-width: 1400px) {
  .srp__breadcrumbs > a {
    font-size: 15px;
    line-height: 22px;
  }
}
.srp__breadcrumbs > a:hover {
  text-decoration: underline;
}
.srp__breadcrumbs > span {
  color: #001E62;
  font-size: calc(15rem * 1 / 21.3333333);
  line-height: calc(22rem * 1 / 21.3333333);
  font-weight: 400;
}
@media only screen and (max-width: 1400px) {
  .srp__breadcrumbs > span {
    font-size: 15px;
    line-height: 22px;
  }
}
.srp__search {
  grid-column: 4 / 22;
  z-index: 99;
  height: calc(80rem * 1 / 21.3333333);
  width: 100%;
  display: grid;
  grid-template-columns: subgrid;
  background-color: white;
  padding: 0 !important;
  margin: 0;
  margin-bottom: calc(120rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .srp__search {
    height: 80px;
    grid-column: 1 / -1;
    margin-bottom: 80px;
  }
}
.srp__search.active {
  display: grid;
}
.srp__search-form {
  align-self: flex-start;
  width: 100%;
  height: 100%;
  align-items: center;
  display: flex;
  grid-column: 1 / 25;
  border-bottom: 0.05rem solid black;
}
@media only screen and (max-width: 1400px) {
  .srp__search-form {
    border-bottom-width: 1px;
  }
}
.srp__search input {
  width: 100%;
  color: black;
  opacity: 0.8;
  font-family: 'Archivo', sans-serif;
  font-size: 1rem;
  font-style: italic;
  font-weight: 300;
  outline: none;
  border: none;
}
.srp__search input::placeholder {
  color: black;
  opacity: 0.5;
  font-family: 'Archivo', sans-serif;
}
@media only screen and (max-width: 1400px) {
  .srp__search input {
    font-size: 20px;
  }
}
.srp__search-icon {
  width: 2rem;
  height: 2rem;
  background-color: #001E62;
  display: grid;
  place-items: center;
  position: relative;
  z-index: 4;
  cursor: pointer;
  transition: all 0.25s ease-out;
  justify-self: flex-end;
  border-radius: 50%;
}
.srp__search-icon img {
  width: 60%;
  height: 60%;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(313deg) brightness(108%) contrast(106%);
}
@media only screen and (max-width: 1400px) {
  .srp__search-icon {
    width: 42px;
    height: 42px;
  }
}
.srp__title {
  grid-column: 4 / 22;
  width: 100%;
  text-align: left;
  justify-self: flex-start;
  margin-bottom: calc(60rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .srp__title {
    margin-bottom: 30px;
    grid-column: 1 / -1;
  }
}
.srp__results {
  grid-column: 4 / 22;
  display: flex;
  flex-direction: column;
  margin: auto;
  width: 100%;
}
@media only screen and (max-width: 1400px) {
  .srp__results {
    grid-column: 1 / -1;
  }
}
.srp__result {
  display: flex;
  flex-direction: column;
  border-top: calc(1rem * 1 / 21.3333333) solid #001E62;
  display: grid;
  grid-template-columns: repeat(16, 1fr);
  gap: 0.9rem;
  align-items: start;
  padding: calc(60rem * 1 / 21.3333333) 0;
}
@media only screen and (max-width: 1024px) {
  .srp__result {
    border-top-width: 1px;
    gap: 16px;
    padding: 40px 0;
  }
}
.srp__result:last-child {
  border-bottom: calc(1rem * 1 / 21.3333333) solid #001E62;
}
@media only screen and (max-width: 1024px) {
  .srp__result:last-child {
    border-bottom-width: 1px;
  }
}
.srp__result-content {
  grid-column: 1 / -1;
}
.srp__result-content h3 {
  margin-bottom: calc(10rem * 1 / 21.3333333);
}
@media only screen and (max-width: 800px) {
  .srp__result-content h3 {
    margin-bottom: 10px;
  }
}
.srp__result-content > a {
  color: #001E62;
  font-size: calc(17rem * 1 / 21.3333333);
  line-height: calc(26rem * 1 / 21.3333333);
  margin-bottom: calc(12rem * 1 / 21.3333333);
  font-family: "Roboto", sans-serif !important;
  letter-spacing: calc(0.125rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .srp__result-content > a {
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 12px;
    letter-spacing: 0.125px;
  }
}
.srp__result-content h3,
.srp__result-content p,
.srp__result-content a {
  color: #001E62;
}
.spl {
  position: relative;
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  padding-left: 1.595rem !important;
  padding-right: 1.595rem !important;
  gap: 0.9rem;
  place-items: center;
  padding-top: calc(157rem * 1 / 21.3333333);
  padding-bottom: calc(157rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1024px) {
  .spl {
    grid-template-columns: repeat(8, 1fr);
    padding-left: 24px !important;
    padding-right: 24px !important;
    gap: 10px;
  }
}
@media only screen and (max-width: 1024px) {
  .spl {
    padding-top: 80px;
  }
}
.spl__breadcrumbs {
  left: 0;
  top: calc(20rem * 1 / 21.3333333);
  grid-column: 1 / 13;
  position: absolute;
  left: var(--grid-gutter);
  top: var(--grid-gutter);
  display: flex;
  gap: 0.8rem;
  z-index: 89;
}
@media only screen and (max-width: 1400px) {
  .spl__breadcrumbs {
    gap: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .spl__breadcrumbs {
    top: 16px;
    left: var(--grid-gutter-mobile);
  }
}
.spl__breadcrumbs > a {
  color: #001E62;
  font-size: calc(15rem * 1 / 21.3333333);
  line-height: calc(22rem * 1 / 21.3333333);
  font-weight: 400;
}
@media only screen and (max-width: 1400px) {
  .spl__breadcrumbs > a {
    font-size: 15px;
    line-height: 22px;
  }
}
.spl__breadcrumbs > a:hover {
  text-decoration: underline;
}
.spl__breadcrumbs > span {
  color: #001E62;
  font-size: calc(15rem * 1 / 21.3333333);
  line-height: calc(22rem * 1 / 21.3333333);
  font-weight: 400;
}
@media only screen and (max-width: 1400px) {
  .spl__breadcrumbs > span {
    font-size: 15px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 1024px) {
  .spl__breadcrumbs {
    grid-column: 1 / 9;
    left: 0;
  }
}
.spl__title {
  color: #001E62;
  grid-column: 4 / 21;
  margin-bottom: calc(12rem * 1 / 21.3333333);
  justify-self: flex-start;
}
@media only screen and (max-width: 1400px) {
  .spl__title {
    margin-bottom: 12px;
    grid-column: 2 / 24;
  }
}
@media only screen and (max-width: 1024px) {
  .spl__title {
    grid-column: 1 / 9;
  }
}
.spl__description {
  grid-column: 4 / 13;
}
@media only screen and (max-width: 1400px) {
  .spl__description {
    grid-column: 2 / 24;
  }
}
@media only screen and (max-width: 1024px) {
  .spl__description {
    grid-column: 1 / 9;
  }
}
.spl__links {
  margin-top: calc(30rem * 1 / 21.3333333);
  grid-column: 4 / 21;
  grid-gap: var(--grid-gap);
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media only screen and (max-width: 1400px) {
  .spl__links {
    grid-column: 2 / 24;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    gap: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .spl__links {
    grid-column: 1 / 9;
    margin-bottom: 60px;
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .spl__links {
    grid-template-columns: 1fr;
  }
}
.spl__link {
  display: flex;
  justify-content: space-between;
  padding: calc(20rem * 1 / 21.3333333) calc(24rem * 1 / 21.3333333);
  gap: calc(12rem * 1 / 21.3333333);
  background-color: #F5F5F2;
  width: 100%;
  border-radius: calc(10rem * 1 / 21.3333333);
  align-items: flex-end;
  flex-wrap: wrap;
  transition: all 0.25s ease-out;
  cursor: pointer;
}
.spl__link:hover {
  background-color: #EBECE5;
}
@media only screen and (max-width: 1400px) {
  .spl__link {
    border-radius: 8px;
    padding: 20px 24px;
    gap: 12px;
  }
}
@media only screen and (max-width: 1024px) {
  .spl__link {
    max-width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .spl__link {
    flex-direction: column;
    align-items: center;
  }
}
.spl__link-date {
  margin-bottom: calc(8rem * 1 / 21.3333333);
  color: #3F526F !important;
}
@media only screen and (max-width: 600px) {
  .spl__link-date {
    text-align: center;
  }
}
.spl__link-title {
  margin-top: calc(4rem * 1 / 21.3333333);
  color: #001E62;
  font-weight: 400 !important;
  color: #3F526F !important;
}
@media only screen and (max-width: 600px) {
  .spl__link-title {
    text-align: center;
  }
}
.spl__link-button {
  width: fit-content;
  background-color: #001E62;
  font-size: calc(20rem * 1 / 21.3333333);
  line-height: calc(26rem * 1 / 21.3333333);
  color: white;
  font-weight: 600;
  border-radius: 3rem;
  transition: all 0.25s ease-in-out;
  white-space: nowrap;
  margin: 0;
  height: calc(42rem * 1 / 21.3333333);
  min-height: calc(42rem * 1 / 21.3333333);
  padding: 0 calc(24rem * 1 / 21.3333333);
  display: grid;
  place-items: center;
}
@media only screen and (max-width: 1400px) {
  .spl__link-button {
    font-size: 20px;
    line-height: 26px;
  }
}
.spl__link-button:hover,
.spl__link-button.hover {
  opacity: 0.8;
}
@media only screen and (max-width: 1400px) {
  .spl__link-button {
    border-radius: 30px;
    height: 42px;
    min-height: 42px;
    padding: 0 24px;
  }
}
.lnp {
  position: relative;
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  padding-left: 1.595rem !important;
  padding-right: 1.595rem !important;
  gap: 0.9rem;
  place-items: center;
  padding-top: calc(157rem * 1 / 21.3333333);
  padding-bottom: calc(157rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1024px) {
  .lnp {
    grid-template-columns: repeat(8, 1fr);
    padding-left: 24px !important;
    padding-right: 24px !important;
    gap: 10px;
  }
}
@media only screen and (max-width: 1024px) {
  .lnp {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.lnp__breadcrumbs {
  left: 0;
  top: calc(20rem * 1 / 21.3333333);
  grid-column: 1 / 13;
  position: absolute;
  left: var(--grid-gutter);
  top: var(--grid-gutter);
  display: flex;
  gap: 0.8rem;
  z-index: 89;
}
@media only screen and (max-width: 1400px) {
  .lnp__breadcrumbs {
    gap: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .lnp__breadcrumbs {
    top: 16px;
    left: var(--grid-gutter-mobile);
  }
}
.lnp__breadcrumbs > a {
  color: #001E62;
  font-size: calc(15rem * 1 / 21.3333333);
  line-height: calc(22rem * 1 / 21.3333333);
  font-weight: 400;
}
@media only screen and (max-width: 1400px) {
  .lnp__breadcrumbs > a {
    font-size: 15px;
    line-height: 22px;
  }
}
.lnp__breadcrumbs > a:hover {
  text-decoration: underline;
}
.lnp__breadcrumbs > span {
  color: #001E62;
  font-size: calc(15rem * 1 / 21.3333333);
  line-height: calc(22rem * 1 / 21.3333333);
  font-weight: 400;
}
@media only screen and (max-width: 1400px) {
  .lnp__breadcrumbs > span {
    font-size: 15px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 1024px) {
  .lnp__breadcrumbs {
    grid-column: 1 / 9;
    left: 0;
  }
}
.lnp__title {
  color: #001E62;
  grid-column: 4 / 21;
  margin-bottom: calc(12rem * 1 / 21.3333333);
  justify-self: flex-start;
}
@media only screen and (max-width: 1400px) {
  .lnp__title {
    grid-column: 2 / 24;
  }
}
@media only screen and (max-width: 1024px) {
  .lnp__title {
    grid-column: 1 / 9;
  }
}
.lnp__posts {
  margin-top: calc(90rem * 1 / 21.3333333);
  grid-column: 4 / 21;
  display: flex;
  flex-direction: column;
  gap: calc(20rem * 1 / 21.3333333);
  position: relative;
}
@media only screen and (max-width: 1400px) {
  .lnp__posts {
    grid-column: 2 / 24;
    gap: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .lnp__posts {
    grid-column: 1 / 9;
    margin-bottom: 60px;
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .lnp__posts {
    grid-template-columns: 1fr;
  }
}
.lnp__posts-end {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: calc(352rem * 1 / 21.3333333);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.902) 15.5%, rgba(255, 255, 255, 0.982) 52.9%, #ffffff 100%);
}
.lnp__posts-more {
  position: absolute;
  bottom: calc(168rem * 1 / 21.3333333);
  left: 50%;
  transform: translateX(-50%);
  width: fit-content;
  background-color: white;
  color: #001E62;
  font-size: calc(20rem * 1 / 21.3333333);
  line-height: calc(26rem * 1 / 21.3333333);
  font-weight: 600;
  border-radius: calc(30rem * 1 / 21.3333333);
  border: calc(1.44446rem * 1 / 21.3333333) solid #7FC8F0;
  transition: all 0.25s ease-in-out;
  white-space: nowrap;
  margin: 0;
  height: calc(42rem * 1 / 21.3333333);
  min-height: calc(42rem * 1 / 21.3333333);
  padding: 0 calc(24rem * 1 / 21.3333333);
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1400px) {
  .lnp__posts-more {
    font-size: 20px;
    line-height: 26px;
  }
}
.lnp__posts-more:hover,
.lnp__posts-more.hover {
  background-color: #001E62;
  color: white;
}
@media only screen and (max-width: 1400px) {
  .lnp__posts-more {
    border-radius: 30px;
    height: 42px;
    min-height: 42px;
    padding: 0 24px;
    border: 1px solid #7FC8F0;
  }
}
.lnp__post {
  display: flex;
  gap: calc(16rem * 1 / 21.3333333);
  background-color: #F5F5F2;
  border-top-right-radius: calc(10rem * 1 / 21.3333333);
  border-bottom-right-radius: calc(10rem * 1 / 21.3333333);
  cursor: pointer;
}
.lnp__post:nth-child(even) {
  background-color: #E7F6FE;
}
.lnp__post:hover {
  background-color: #EBECE5;
}
.lnp__post:hover:nth-child(even) {
  background-color: #BCEAFF;
}
@media only screen and (max-width: 1400px) {
  .lnp__post {
    gap: 12px;
  }
}
@media only screen and (max-width: 1024px) {
  .lnp__post {
    max-width: 100%;
  }
}
@media only screen and (max-width: 850px) {
  .lnp__post {
    flex-direction: column;
  }
}
.lnp__post-image {
  width: calc(514rem * 1 / 21.3333333);
  height: calc(352rem * 1 / 21.3333333);
  min-width: calc(514rem * 1 / 21.3333333);
  min-height: calc(352rem * 1 / 21.3333333);
  position: relative;
  transition: all 0.25s ease-out;
}
@media only screen and (max-width: 1400px) {
  .lnp__post-image {
    width: 300px;
    min-width: 300px;
    height: 325px;
    min-height: 325px;
  }
}
@media only screen and (max-width: 1024px) {
  .lnp__post-image {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
  }
}
@media only screen and (max-width: 850px) {
  .lnp__post-image {
    height: 400px;
    max-width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .lnp__post-image {
    height: 300px;
    min-height: 300px;
    min-width: 100%;
  }
}
.lnp__post-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lnp__post-image::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  background-color: transparent;
  transition: all 0.25s ease-out;
}
.lnp__post-image.hover::after {
  background-color: rgba(0, 30, 98, 0.25);
}
.lnp__post-content {
  display: flex;
  flex-direction: column;
  gap: calc(8rem * 1 / 21.3333333);
  padding: calc(32rem * 1 / 21.3333333) calc(36rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1024px) {
  .lnp__post-content {
    padding: 24px 28px;
  }
}
@media only screen and (max-width: 600px) {
  .lnp__post-content {
    padding: 16px 20px 32px;
  }
}
.lnp__post-date {
  color: #3F526F;
  margin-bottom: calc(20rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1024px) {
  .lnp__post-date {
    margin-bottom: 12px;
  }
}
.lnp__post-title {
  color: #3F526F;
  font-weight: 400 !important;
}
.lnp__post-description {
  margin-top: calc(8rem * 1 / 21.3333333);
  color: #3F526F;
}
@media only screen and (max-width: 1024px) {
  .lnp__post-description {
    margin-top: 8px;
  }
}
.lnp__post-button {
  margin-top: calc(8rem * 1 / 21.3333333);
  width: fit-content;
  background-color: #001E62;
  font-size: calc(20rem * 1 / 21.3333333);
  line-height: calc(26rem * 1 / 21.3333333);
  color: white;
  font-weight: 600;
  border-radius: 3rem;
  transition: all 0.25s ease-in-out;
  white-space: nowrap;
  margin: 0;
  height: calc(42rem * 1 / 21.3333333);
  min-height: calc(42rem * 1 / 21.3333333);
  padding: 0 calc(24rem * 1 / 21.3333333);
  display: grid;
  place-items: center;
}
@media only screen and (max-width: 1400px) {
  .lnp__post-button {
    font-size: 20px;
    line-height: 26px;
  }
}
.lnp__post-button:hover,
.lnp__post-button.hover {
  opacity: 0.8;
}
@media only screen and (max-width: 1400px) {
  .lnp__post-button {
    border-radius: 30px;
    height: 42px;
    min-height: 42px;
    padding: 0 24px;
  }
}
@media only screen and (max-width: 1400px) {
  .lnp__post-button {
    margin-top: 8px;
  }
}
.button-padding {
  padding: 0.55rem 1rem;
}
@media only screen and (max-width: 1366px) {
  .button-padding {
    padding: 11px 20px;
  }
}
.lns {
  position: relative;
  z-index: 21;
  padding-top: 20rem;
  margin-bottom: calc(60rem * 1 / 21.3333333);
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  padding-left: 1.595rem !important;
  padding-right: 1.595rem !important;
  gap: 0.9rem;
  place-items: center;
  row-gap: 3rem 0;
  width: 100%;
  background-image: url(/wp-content/themes/Daessy/images/hvr/hvrbg.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top;
  display: none;
}
@media only screen and (max-width: 1024px) {
  .lns {
    grid-template-columns: repeat(8, 1fr);
    padding-left: 24px !important;
    padding-right: 24px !important;
    gap: 10px;
  }
}
@media only screen and (max-width: 1024px) {
  .lns {
    padding-top: 160px;
    margin-bottom: 120px;
  }
}
@media only screen and (max-width: 800px) {
  .lns {
    padding-top: 40rem;
    margin-bottom: 13rem;
    padding-bottom: 17rem;
  }
}
.lns__title {
  width: 100%;
  display: flex;
  justify-content: center;
  color: #001E62;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.142;
  grid-column: 7 / 19;
  margin-bottom: calc(60rem * 1 / 21.3333333);
}
@media only screen and (max-width: 1400px) {
  .lns__title {
    font-size: 36px;
  }
}
@media only screen and (max-width: 1024px) {
  .lns__title {
    font-size: 20px;
    grid-column: 2 / 8;
  }
}
.lns__all {
  grid-column: 19 / 21;
  justify-self: flex-end;
  align-self: flex-start;
  margin-top: calc(16rem * 1 / 21.3333333);
  display: flex;
  align-items: center;
  font-size: 0.8rem;
  color: #001E62;
  font-weight: 700;
}
.lns__all span {
  padding: 0.1rem;
}
.lns__all span:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 1400px) {
  .lns__all {
    font-size: 18px;
    grid-column: 21 / 24;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 1024px) {
  .lns__all {
    font-size: 14px;
    grid-column: 8 / 9;
  }
  .lns__all span {
    padding: 1px;
  }
}
@media only screen and (max-width: 800px) {
  .lns__all {
    grid-column: 8 / 9;
  }
}
@media only screen and (max-width: 700px) {
  .lns__all {
    grid-column: 8 / 9;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 600px) {
  .lns__all {
    position: absolute;
    left: 50%;
    bottom: 0rem;
    grid-column: 1 / 9;
    transform: translateX(-50%);
    font-size: 20px;
    line-height: 26px;
    border-radius: 30px;
    height: 42px;
    min-height: 42px;
    padding: 0 24px;
    width: fit-content;
    background-color: #001E62;
    display: grid;
    place-items: center;
    white-space: nowrap;
    color: white;
  }
  .lns__all:hover {
    text-decoration: none !important;
    opacity: 0.8;
  }
  .lns__all:hover span {
    text-decoration: none !important;
  }
}
.lns__query {
  grid-column: 5 / 21;
  width: 100%;
}
@media only screen and (max-width: 1400px) {
  .lns__query {
    grid-column: 2 / 24;
  }
}
@media only screen and (max-width: 1024px) {
  .lns__query {
    top: 0px;
    margin-top: 40px;
    grid-column: 1 / 9;
    position: relative;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media only screen and (max-width: 600px) {
  .lns__query {
    margin-top: 10rem;
  }
}
.lns__query-content {
  grid-column: 5 / 21;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
  gap: 1rem;
  height: fit-content;
}
@media only screen and (max-width: 1024px) {
  .lns__query-content {
    gap: 12px;
    display: grid;
  }
}
@media only screen and (max-width: 800px) {
  .lns__query-content {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 600px) {
  .lns__query-content {
    gap: 3rem;
    grid-template-columns: 1fr;
  }
}
.lns__post {
  width: 100%;
  display: flex;
  flex-direction: column;
  border-radius: calc(10rem * 1 / 21.3333333);
  overflow: hidden;
  cursor: pointer;
}
@media only screen and (max-width: 1024px) {
  .lns__post {
    border-radius: 8px;
  }
}
.lns__post-image {
  display: block;
  width: 100%;
  height: calc(206rem * 1 / 21.3333333);
  transition: all 0.25s ease-in-out;
  cursor: pointer;
  position: relative;
}
.lns__post-image::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 30, 98, 0);
  transition: all 0.25s ease-out;
}
.lns__post-image.hover::after {
  background-color: rgba(0, 30, 98, 0.25);
}
.lns__post-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.25s ease-in-out;
}
.lns__post-body {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 1rem;
  background-color: #F5F5F2;
  transition: all 0.15s ease-in-out;
  border-bottom-left-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
  transition: all 0.25s ease-out;
}
.lns__post-body.hover {
  background-color: #EBECE5;
}
@media only screen and (max-width: 1024px) {
  .lns__post-body {
    gap: 20px;
    padding: 18px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}
.lns__post:nth-child(even) .lns__post-body {
  background-color: #E7F6FE;
}
.lns__post:nth-child(even) .lns__post-body.hover {
  background-color: #BCEAFF;
}
.lns__post-excerpt {
  font-size: 0.9375rem;
  font-weight: 400 !important;
  line-height: 1.3;
  color: #001E62;
}
@media only screen and (max-width: 1400px) {
  .lns__post-excerpt {
    font-size: 23px;
  }
}
@media only screen and (max-width: 1024px) {
  .lns__post-excerpt {
    font-size: 14px;
  }
}
@media only screen and (max-width: 600px) {
  .lns__post-excerpt {
    font-size: 4rem;
  }
}
.lns__post-link {
  width: fit-content;
  background-color: #001E62;
  font-size: calc(20rem * 1 / 21.3333333);
  line-height: calc(26rem * 1 / 21.3333333);
  color: white;
  font-weight: 600;
  border-radius: 3rem;
  transition: all 0.25s ease-in-out;
  white-space: nowrap;
  margin: 0;
  height: calc(42rem * 1 / 21.3333333);
  min-height: calc(42rem * 1 / 21.3333333);
  padding: 0 calc(24rem * 1 / 21.3333333);
  display: grid;
  place-items: center;
}
@media only screen and (max-width: 1400px) {
  .lns__post-link {
    font-size: 20px;
    line-height: 26px;
  }
}
.lns__post-link:hover,
.lns__post-link.hover {
  opacity: 0.8;
}
@media only screen and (max-width: 1400px) {
  .lns__post-link {
    border-radius: 30px;
    height: 42px;
    min-height: 42px;
    padding: 0 24px;
  }
}
.lns__post-time {
  font-size: 0.7rem;
  font-weight: 400;
  color: #001E62;
  padding-right: 0.4rem;
}
@media only screen and (max-width: 1400px) {
  .lns__post-time {
    font-size: 16px;
    padding-right: 8px;
  }
}
@media only screen and (max-width: 1024px) {
  .lns__post-time {
    font-size: 12px;
    padding-right: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .lns__post-time {
    font-size: 3rem;
    padding-right: 2rem;
  }
}
.lns__post:nth-child(even) .hpl__video-body {
  background-color: #E2F4FD;
}
.lns__post:hover .hpl__video-image img {
  filter: brightness(0.85);
}
.lns__post:hover .hpl__video-body {
  transition-delay: 0.075s;
  background-color: #D2D5C4;
}
.lns__post:hover .hpl__video-watch {
  transition-delay: 0.075s;
  opacity: 0.8;
}
.lns__post:nth-child(even):hover .hpl__video-body {
  transition-delay: 0.075s;
  background-color: rgba(188, 234, 255, 0.6);
}