:root {
  --white: white;
  --black: black;
}

body {
  color: #fff;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
}

.main {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.container {
  justify-content: center;
  align-items: stretch;
  width: 100%;
  min-height: 100svh;
  max-height: 100svh;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
  position: relative;
}

.body {
  background-color: #1a1a1a;
}

.iphone-screen {
  z-index: 200;
  border-radius: 32px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  max-width: 500px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.keypad-container {
  z-index: 100;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 340px;
  margin-bottom: 64px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  position: relative;
}

.key-circle {
  z-index: 80;
  aspect-ratio: 1;
  background-color: rgba(255, 255, 255, .1);
  border-radius: 50%;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  padding: 12px;
  transition: background-color .2s;
  display: flex;
  position: relative;
}

.key-circle:hover {
  background-color: rgba(255, 255, 255, .2);
}

.keypad-row {
  z-index: 90;
  grid-template: ". . ."
                 ". . ."
                 ". . ."
                 "Area Area Area"
                 / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: space-between;
  margin-bottom: 16px;
  display: flex;
  position: relative;
}

.keypad-row.bottom-row {
  justify-content: center;
}

.bg-image-blur {
  z-index: 30;
  -webkit-backdrop-filter: brightness(30%) blur(20px);
  backdrop-filter: brightness(30%) blur(20px);
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100svw;
  min-height: 100svh;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: auto;
}

.bg-image-blur.app-screen {
  -webkit-backdrop-filter: brightness(70%) blur(20px);
  backdrop-filter: brightness(70%) blur(20px);
  width: 150svw;
  min-height: 150svh;
  top: auto;
  bottom: auto;
}

.bg-image-blur.phone-screen {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #fefefe;
}

.bg-image {
  z-index: 10;
  object-fit: cover;
  height: 100%;
  position: absolute;
}

.keypad-text {
  z-index: 60;
  text-align: center;
  font-size: 32px;
  position: relative;
}

.circles-container {
  z-index: 300;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 220px;
  margin-top: 64px;
  margin-bottom: 128px;
  display: flex;
  position: relative;
}

.heading {
  margin-top: 0;
  margin-bottom: 32px;
  font-size: 24px;
  font-weight: 400;
  line-height: 20px;
}

.circles-wrapper {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.code-circle {
  border: 2px solid #fff;
  border-radius: 50%;
  width: 16px;
  height: 16px;
}

.apps-wrapper {
  z-index: 200;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  position: relative;
}

.apps-bar-container {
  background-color: rgba(255, 255, 255, .25);
  border-radius: 40px;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 16px;
  padding: 20px;
  display: flex;
  position: relative;
}

.apps-bar-container.normal-apps {
  background-color: rgba(0, 0, 0, 0);
  padding-top: 16px;
  padding-bottom: 16px;
}

.apps-container {
  width: 100%;
  margin-top: 48px;
  position: relative;
}

.app {
  aspect-ratio: auto;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  transition: background-color .2s;
  display: flex;
  position: relative;
}

.app.transparent-app {
  opacity: 0;
}

.app-label {
  text-align: center;
  margin-bottom: -20px;
  font-size: 12px;
  line-height: 12px;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: auto;
}

.heading-container {
  z-index: 100;
  width: 100%;
  padding-left: 32px;
  position: relative;
}

.inside-app-heading {
  color: #000;
}
.inside-app-heading.white {
    color: white;
}

.inside-app-heading.blue {
    color: #42b5d7;
    margin-top: 8px;
    font-size: 44px;
    font-weight: 400;
}

.inside-app-heading.small {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 18px;
}


.inside-app-heading.small.blue.sub {
    margin-top: 16px;
    font-weight: 700;
}

.list-container {
  z-index: 100;
  padding-left: 32px;
  position: relative;
  overflow: hidden;
}

.list-text {
  color: #000;
  font-size: 16px;
  font-weight: 700;
}

.list-text.red {
  color: red;
}

.list-text.white {
    color: #fff;
}

.list-text.category {
    color: #8d8d8d;
    font-weight: 400;
}

.list-item {
  border-top: 1px solid #cecece;
  justify-content: space-between;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.list-text-container {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-right: 32px;
  display: flex;
}

.phone-app-container {
  flex: 1;
  width: 100%;
  height: 100%;
  padding-top: 96px;
  padding-bottom: 72px;
  position: relative;
  overflow: scroll;
}

.app-image {
  border-radius: 16px;
}

.status-bar {
  z-index: 900;
  pointer-events: none;
  width: 100%;
  padding: 16px 36px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.clock {
  opacity: .75;
  margin-bottom: 0;
  font-size: 16px;
}

.lock-screen {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.apps {
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: none;
}

.phone-app {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-height: 100%;
  display: none;
}

.bg {
  z-index: 10;
  object-fit: cover;
  background-color: #fefefe;
  width: 100%;
  height: 100%;
  position: absolute;
}

.photos-app {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: none;
}

.photo-grid {
  z-index: 100;
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: center;
  align-items: center;
  justify-items: center;
  width: 100%;
  display: grid;
  position: relative;
}

.photo-container {
  aspect-ratio: 1;
  position: relative;
  overflow: hidden;
}

.photo {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.clock-container {
  opacity: .75;
}

.fullscreen-photo-wrapper {
  z-index: 150;
  background-color: #fefefe;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.nav-field {
  z-index: 300;
  background-color: #f5f5f5;
  border-bottom: 1px solid #b2b2b2;
  justify-content: space-between;
  align-items: center;
  height: 96px;
  padding: 24px 16px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.back-button {
  padding: 16px;
}

.back-button-icon {
  width: 24px;
  height: 24px;
}

.red-text {
  color: red;
}

@keyframes shake {
  0% { transform: translateX(0); }
  25% { transform: translateX(-20px); }
  50% { transform: translateX(20px); }
  75% { transform: translateX(-20px); }
  100% { transform: translateX(0); }
}

.shake-animation {
  animation: shake 0.4s ease-in-out;
}

@keyframes slideUp {
  0% { transform: translateY(0); }
  100% { transform: translateY(-100%); }
}

.slide-up-animation {
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  z-index: 800;
  width: 100%; /* Ensure it spans the full width */
  animation: slideUp 0.4s ease-in-out forwards;
}

.messages-app {
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: none;
}

.messages-app.lukas, .messages-app.cr, .messages-app.lelle, .messages-app.marie, .messages-app.sonja, .messages-app.postnord, .messages-app.qopla {
  display: none;
}

.messages-container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 96px 24px 72px;
  display: flex;
  overflow: scroll;
}

.bubble {
  background-color: #007aff;
  border-radius: 16px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  max-width: 75%;
  height: auto;
  padding: 7px 12px;
  display: flex;
  position: relative;
}

.bubble.grey {
  background-color: #e9e9eb;
}

.bubble.grey.long, .bubble.long {
  height: auto;
}

.bubble.green {
  background-color: #37cd5c;
}

.message {
  margin-bottom: 0;
}

.message.grey {
  color: #000;
}

.blubble-img {
  height: 32px;
  margin-right: -8px;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.blubble-img.grey {
  margin-left: -8px;
  margin-right: 0;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.bubble-container {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-top: 8px;
  display: flex;
}

.bubble-container.grey {
  justify-content: flex-start;
  align-items: center;
}

.bubble-container.margin-lower {
  margin-top: 2px;
}

.blue-message-container-copy {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.date-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 12px;
  margin-bottom: 12px;
  display: flex;
}

.date-container.grey {
  justify-content: flex-start;
  align-items: center;
}

.date-container.right-align {
  justify-content: flex-end;
  align-items: center;
}

.date-container.right-align.margin-lower {
  margin-top: 6px;
}

.date {
  color: #8c8c8c;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
}

.contact-icon-container {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  pointer-events: none;
}

.contact-icon {
  height: 48px;
}

.contact-name {
  color: #000;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
}

.contact-name.grey {
  color: #000;
}

.contact-name-container {
  margin-top: 8px;
}

.group-contact-icon {
  height: 24px;
}

.group-contact-icon.bottom {
  margin-top: 16px;
}

.input-text-field {
  z-index: 300;
  background-color: rgba(255, 255, 255, .95);
  flex-flow: row;
  align-items: center;
  height: 72px;
  padding: 24px 32px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.input-text {
  border: 1px solid #c5c5c6;
  border-radius: 32px;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-left: 24px;
  padding: 10px 12px;
  display: flex;
}

.input-field-text {
  color: #c5c5c6;
  line-height: 14px;
}

.mic-icon {
  height: 22px;
}

.camera-icon {
  height: 28px;
}

.notes-app {
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: none;
}

.notes-icon-field {
  z-index: 300;
  background-color: rgba(255, 255, 255, .95);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  height: 72px;
  padding: 24px 32px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.notes-icons {
  height: 28px;
}

.notes-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 96px 24px 72px;
  display: flex;
  overflow: scroll;
}

.notes-heading {
  color: #454545;
  margin-top: 0;
  margin-bottom: 24px;
}

.notes-text-container {
  width: 100%;
  padding-top: 32px;
}

.notes-text {
  color: #454545;
  font-size: 18px;
}


.bank-app {
  flex-flow: row;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-height: 100%;
  display: none;
}

.bg.bank {
  background-color: #191919;
}

.nav-field.bank {
  background-color: #292929;
}

.bank-app-container {
  flex: 1;
  width: 100%;
  height: 100%;
  padding-top: 96px;
  padding-bottom: 72px;
  position: relative;
  overflow: auto;
}

.list-item-voice-memos.bank {
  border-top-style: none;
  border-top-color: #4e4e4e;
  border-bottom: 1px solid #4e4e4e;
}

.list-wrapper {
  background-color: #292929;
  border-radius: 16px;
  margin-top: 32px;
  margin-left: 16px;
  margin-right: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
}

.list-item-voice-memos {
  border-top: 1px solid #cecece;
  flex-flow: column;
  justify-content: space-between;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.list-container.bank {
  padding-left: 0;
}

.list-item.bank {
  border-top-style: none;
  border-top-color: #4e4e4e;
  border-bottom: 1px solid #4e4e4e;
}


.swish-home-app {
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: none;
}

.swish-icon-field {
  z-index: 300;
  background-color: #fefefe;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  height: 96px;
  padding: 24px 40px 40px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.swish-home-wrapper {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 96px 24px 72px;
  display: flex;
}

.swish-logo {
  width: 30%;
}

.bank-logo {
  width: 50%;
  margin-top: 32px;
}

.swish-buttons-container {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 32px;
  display: grid;
}

.swish-button {
  background-color: #4799cf;
  background-image: linear-gradient(#31aeff, #3495d3);
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 16px 22px;
  display: flex;
  box-shadow: 6px 6px 20px rgba(0, 0, 0, .15);
}

.swish-button.swish-alt {
  background-color: #eaf6fc;
  background-image: none;
}

.swish-button-text {
  font-family: Museo Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.swish-button-text.swish-alt {
  color: #3676a1;
}

.qr-icon {
  height: 18px;
  margin-left: 8px;
}

.swish-icons {
  height: 22px;
}

.swish-icons-container {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.swish-icons-container.inactive {
  opacity: .5;
}

.swish-icon-label {
  color: #000;
  text-align: center;
  margin-top: 52px;
  font-family: Museo Sans, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  position: absolute;
}

.swish-transactions-wrapper {
  border-bottom: 1px solid #000;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 96px;
  padding-bottom: 72px;
  display: flex;
  overflow: scroll;
}

.swish-transactions-app {
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: none;
}

.swish-list-item {
  border-bottom: 1px solid #d9d9d9;
  justify-content: space-between;
  width: 100%;
  padding: 24px 32px;
  display: flex;
}

.swish-list-item.received-swish {
  background-color: #f4fafd;
}

.swish-t-heading-wrapper {
  width: 100%;
  margin-top: 16px;
  padding-left: 24px;
  padding-right: 24px;
  position: relative;
}

.swish-t-heading {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Museo Sans, sans-serif;
}

.swish-t-category-container {
  border-bottom: 1px solid #d9d9d9;
  padding-top: 24px;
  padding-bottom: 12px;
  display: flex;
  position: relative;
}

.swish-t-cateory {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 20px;
  font-family: Museo Sans, sans-serif;
  font-weight: 500;
}

.swish-t-cateory.category-alt {
  color: #8a8c8d;
}

.focus-bar-swish {
  background-color: #53ace6;
  border-radius: 4px;
  width: 32px;
  height: 4px;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.left-column {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 60%;
  display: flex;
}

.right-column {
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  width: 40%;
  display: flex;
}

.swish-contact {
  background-color: #f5f5f5;
  border-radius: 64px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.swish-contact-name-container {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  margin-left: 16px;
  display: flex;
}

.swish-contact-heading {
  color: #000;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Museo Sans, sans-serif;
  line-height: 22px;
}

.swish-date {
  color: #8a8c8d;
  font-family: Museo Sans, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 14px;
}

.swish-information-container {
  margin-top: 8px;
  margin-left: 16px;
}

.swish-amount {
  color: #000;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 8px;
  font-family: Museo Sans, sans-serif;
  line-height: 18px;
}

.swish-amount.received-swish {
  color: #49a35a;
}

.image {
  height: 14px;
}

.swish-contact-store {
  height: 20px;
}

.messages-list-app {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-height: 100%;
  display: none;
}

.messagess-list-app-container {
  flex: 1;
  width: 100%;
  height: 100%;
  padding-top: 96px;
  position: relative;
  overflow: auto;
}

.list-item-messages {
  border-top: 1px solid #cecece;
  justify-content: space-between;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.messages-contact-icon {
  height: 48px;
  margin-right: 12px;
}

.error-messages {
  color: red;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
}

.list-text-messages-container {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-right: 32px;
  display: flex;
}

.date-photos-container {
  pointer-events: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.date-photo {
  color: #000;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 12px;
  display: none;
}

.photos-scroll {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 96px;
  padding-bottom: 72px;
  display: flex;
  overflow: scroll;
}

.clock-app {
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: none;
}

.nav-field-dark {
  z-index: 300;
  background-color: #000;
  justify-content: space-between;
  align-items: center;
  height: 96px;
  padding: 24px 16px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.bg-dark {
  z-index: 10;
  object-fit: cover;
  background-color: #000;
  width: 100%;
  height: 100%;
  padding-top: 96px;
  padding-bottom: 72px;
  position: absolute;
}

.notes-icon-field-dark {
  z-index: 300;
  background-color: rgba(0, 0, 0, .95);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  height: 72px;
  padding: 24px 32px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

@media screen and (max-width: 991px) {
  .container {
    padding: 0;
  }

  .iphone-screen {
    border-radius: 0;
    width: 100%;
    min-width: auto;
    max-width: none;
  }

  .bg-image, .bg {
    width: 100%;
    max-width: 100%;
  }
}

#w-node-e3571791-56cd-7c48-bfb0-ad943aecf88a-5fa8314c, #p-1.w-node-d2ad71bf-44de-3d1c-ef55-ac088da89e1a-5fa8314c, #p-2.w-node-da2c3965-5b01-3153-aaf4-a60c53e33f3e-5fa8314c, #p-3.w-node-_6d8571be-ec28-2c6e-5b9f-48812a97c15b-5fa8314c, #p-4.w-node-a67baeb8-639a-fc61-fb56-3a58e0ad8743-5fa8314c, #p-5.w-node-_646155cd-523c-3061-0e70-51a46b595c66-5fa8314c, #p-6.w-node-_13a61621-b487-aa97-5cb8-c14278985139-5fa8314c, #p-7.w-node-_71e25fda-713b-cffe-817c-e6d83d7370c3-5fa8314c, #p-7.w-node-_5a3cf0a3-f500-d86e-d6c1-647f1494e91d-5fa8314c, #p-7.w-node-_97cfdc2b-59bd-0fc2-baf8-08e2b6a369a4-5fa8314c, #p-7.w-node-_05d29396-156e-81f7-84e4-9897291a3bb3-5fa8314c, #p-7.w-node-d8f38bf7-e4c2-56d7-529c-f5e65ffd6d39-5fa8314c, #p-7.w-node-_1907e0f7-2486-419e-c6c3-6b663837a14d-5fa8314c, #p-7.w-node-_27c1e514-8c41-6de8-8dc3-1ac5de5cf31b-5fa8314c, #p-7.w-node-fb0c6476-31b1-3f75-00b6-4d75e4cdefb2-5fa8314c, #p-7.w-node-a20b3896-0370-4aed-850d-9968a8a99c32-5fa8314c, #p-7.w-node-_6a9db329-60a3-d929-d51b-9770fc5f02c2-5fa8314c, #p-7.w-node-_3c30ce57-0d9d-3b91-73ff-3e9b79a226e7-5fa8314c, #p-7.w-node-_332fa41d-74a0-4dd7-10c4-a49c135111e5-5fa8314c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: 'Museo Sans';
  src: url('../fonts/Museo-Sans-Rounded-500.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Museo Sans';
  src: url('../fonts/Museo-Sans-Rounded-300.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Museo Sans';
  src: url('../fonts/Museo-Sans-Rounded-100.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}