/* Converts XD font-spacing to browser */
:root {
  --mobile-small: 480px;
}
:root {
  --mobile: 768px;
}
:root {
  --tablet: 998px;
}
:root {
  --laptop: 1200px;
}
:root {
  --desktop: 1920px;
}
:root {
  --uhd: 3840px;
}
:root {
  --all: px;
}
:root {
  --mobile-small-px: 480px;
  --mobile-small-rem: 480rem;
}
:root {
  --mobile-px: 768px;
  --mobile-rem: 768rem;
}
:root {
  --tablet-px: 998px;
  --tablet-rem: 998rem;
}
:root {
  --laptop-px: 1200px;
  --laptop-rem: 1200rem;
}
:root {
  --desktop-px: 1920px;
  --desktop-rem: 1920rem;
}
:root {
  --uhd-px: 3840px;
  --uhd-rem: 3840rem;
}
:root {
  --all-px: px;
  --all-rem: rem;
}
:root {
  --triangle-width: 30px;
  --triangle-height: 30px;
  --triangle-color: black;
}
.arrow-up {
  width: var(--triangle-width);
  height: var(--triangle-height);
  border-left: calc(var(--triangle-width)/2) solid transparent;
  border-right: calc(var(--triangle-width)/2) solid transparent;
  border-bottom: calc(var(--triangle-height)/2) solid var(--triangle-color);
}
.arrow-down {
  width: var(--triangle-width);
  height: var(--triangle-height);
  border-left: calc(var(--triangle-width)/2) solid transparent;
  border-right: calc(var(--triangle-width)/2) solid transparent;
  border-top: calc(var(--triangle-height)/2) solid var(--triangle-color);
}
.arrow-right {
  width: var(--triangle-width);
  height: var(--triangle-height);
  border-top: calc(var(--triangle-height)/2) solid transparent;
  border-bottom: calc(var(--triangle-height)/2) solid transparent;
  border-left: calc(var(--triangle-width)/2) solid var(--triangle-color);
}
.arrow-left {
  width: var(--triangle-width);
  height: var(--triangle-height);
  border-top: calc(var(--triangle-height)/2) solid transparent;
  border-bottom: calc(var(--triangle-height)/2) solid transparent;
  border-right: calc(var(--triangle-width)/2) solid var(--triangle-color);
}
.oxygen-sidebar-code-editor-panel {
  font-size: 16px !important;
  /* Adjust the size as needed */
}
/* Converts XD font-spacing to browser */
:root {
  --mobile-small: 480px;
}
:root {
  --mobile: 768px;
}
:root {
  --tablet: 998px;
}
:root {
  --laptop: 1200px;
}
:root {
  --desktop: 1920px;
}
:root {
  --uhd: 3840px;
}
:root {
  --all: px;
}
:root {
  --mobile-small-px: 480px;
  --mobile-small-rem: 480rem;
}
:root {
  --mobile-px: 768px;
  --mobile-rem: 768rem;
}
:root {
  --tablet-px: 998px;
  --tablet-rem: 998rem;
}
:root {
  --laptop-px: 1200px;
  --laptop-rem: 1200rem;
}
:root {
  --desktop-px: 1920px;
  --desktop-rem: 1920rem;
}
:root {
  --uhd-px: 3840px;
  --uhd-rem: 3840rem;
}
:root {
  --all-px: px;
  --all-rem: rem;
}
:root {
  --triangle-width: 30px;
  --triangle-height: 30px;
  --triangle-color: black;
}
.arrow-up {
  width: var(--triangle-width);
  height: var(--triangle-height);
  border-left: calc(var(--triangle-width)/2) solid transparent;
  border-right: calc(var(--triangle-width)/2) solid transparent;
  border-bottom: calc(var(--triangle-height)/2) solid var(--triangle-color);
}
.arrow-down {
  width: var(--triangle-width);
  height: var(--triangle-height);
  border-left: calc(var(--triangle-width)/2) solid transparent;
  border-right: calc(var(--triangle-width)/2) solid transparent;
  border-top: calc(var(--triangle-height)/2) solid var(--triangle-color);
}
.arrow-right {
  width: var(--triangle-width);
  height: var(--triangle-height);
  border-top: calc(var(--triangle-height)/2) solid transparent;
  border-bottom: calc(var(--triangle-height)/2) solid transparent;
  border-left: calc(var(--triangle-width)/2) solid var(--triangle-color);
}
.arrow-left {
  width: var(--triangle-width);
  height: var(--triangle-height);
  border-top: calc(var(--triangle-height)/2) solid transparent;
  border-bottom: calc(var(--triangle-height)/2) solid transparent;
  border-right: calc(var(--triangle-width)/2) solid var(--triangle-color);
}
:root {
  --color-white: #ffffff;
  --color-white-rgb: 255, 255, 255;
}
:root {
  --color-black: #000000;
  --color-black-rgb: 0, 0, 0;
}
:root {
  --color-brand-blue: #001733;
  --color-brand-blue-rgb: 0, 23, 51;
}
:root {
  --color-brand-grey: #262626;
  --color-brand-grey-rgb: 38, 38, 38;
}
:root {
  --color-brand-red: #dc2950;
  --color-brand-red-rgb: 220, 41, 80;
}
:root {
  --color-brand-green: #799F3E;
  --color-brand-green-rgb: 121, 159, 62;
}
:root {
  --color-brand-cream: #FFFBF0;
  --color-brand-cream-rgb: 255, 251, 240;
}
:root {
  --color-brand-deep-cream: #F8DC8D;
  --color-brand-deep-cream-rgb: 248, 220, 141;
}
:root {
  --color-brand-yellow: #FCD06C;
  --color-brand-yellow-rgb: 252, 208, 108;
}
:root {
  --color-brand-light-grey: rgba(128, 128, 128, 0.3);
  --color-brand-light-grey-rgb: 128, 128, 128;
}
:root {
  --color-brand-light-blue: #98B6DB;
  --color-brand-light-blue-rgb: 152, 182, 219;
}
:root {
  --color-brand-orange: #E2643E;
  --color-brand-orange-rgb: 226, 100, 62;
}
:root {
  --spacer-red: clamp(60rem, 45rem + 0.03125 * 100vw, 105rem);
  --spacer-purple: clamp(49.5rem, 41.25rem + 0.0171875 * 100vw, 74.25rem);
  --spacer-aqua: clamp(37.5rem, 32.5rem + 0.0104166667 * 100vw, 52.5rem);
  --spacer-blue: clamp(50rem, 43.3333333333rem + 0.0138888889 * 100vw, 70rem);
  --spacer-green: clamp(22.5rem, 18.75rem + 0.0078125 * 100vw, 33.75rem);
  --spacer-yellow: clamp(22.5rem, 20rem + 0.0052083333 * 100vw, 30rem);
  --spacer-orange: clamp(12rem, 11rem + 0.0020833333 * 100vw, 15rem);
  --spacer-brown: clamp(10.5rem, 10rem + 0.0010416667 * 100vw, 12rem);
  --spacer-navy: clamp(37.5rem, 25.25rem + 0.0255208333 * 100vw, 74.25rem);
  --spacer-maroon: clamp(33rem, 29rem + 0.0083333333 * 100vw, 45rem);
  --spacer-cherry: clamp(27rem, 17.75rem + 0.0192708333 * 100vw, 54.75rem);
  --spacer-pink: clamp(102rem, 93.5rem + 0.0177083333 * 100vw, 127.5rem);
  --spacer-dark-green: 27rem;
  --font-headline: "Bebas Neue", sans-serif;
  --font-body: "Univers LT Std", sans-serif;
}
.wpcf7 .screen-reader-response {
  display: none !important;
}
.wpcf7 .wpcf7-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  --dark-color: var(--color-tawny-port);
  --accent-color: transparent;
}
.wpcf7 .wpcf7-form .wpcf7-not-valid-tip, .wpcf7 .wpcf7-form .wpcf7-response-output {
  font-style: italic;
  font-weight: 300;
}
.wpcf7 .wpcf7-form .wpcf7-not-valid-tip {
  position: absolute;
  right: 0;
  top: 0;
}
.wpcf7 .wpcf7-form .field {
  position: relative;
}
.wpcf7 .wpcf7-form .field.full-width {
  grid-column: 1/ span 2;
}
.wpcf7 .wpcf7-form .field .wpcf7-text, .wpcf7 .wpcf7-form .field .wpcf7-select {
  height: clamp(30rem, 30rem + 0 * 100vw, 30rem);
}
.wpcf7 .wpcf7-form .field input, .wpcf7 .wpcf7-form .field select, .wpcf7 .wpcf7-form .field textarea {
  padding: 9.75rem 12rem;
  width: 100%;
  border-width: 0;
  line-height: clamp(17.25rem, 16.25rem + 0.0020833333 * 100vw, 20.25rem);
  border-radius: 0px;
}
.wpcf7 .wpcf7-form .field input:focus, .wpcf7 .wpcf7-form .field select:focus, .wpcf7 .wpcf7-form .field textarea:focus {
  outline: none;
}
.wpcf7 .wpcf7-form .field input::placeholder, .wpcf7 .wpcf7-form .field select::placeholder, .wpcf7 .wpcf7-form .field textarea::placeholder {
  color: var(--color-tawny-port);
}
.wpcf7 .wpcf7-form .field select {
  padding: 0 12rem;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: white;
}
.wpcf7 .wpcf7-form .field .wpcf7-checkbox {
  display: flex;
}
.wpcf7 .wpcf7-form .field .wpcf7-checkbox .wpcf7-list-item {
  display: inline-flex;
  align-items: center;
  width: 100%;
  margin: 0;
}
.wpcf7 .wpcf7-form .field .wpcf7-checkbox .wpcf7-list-item input {
  position: relative;
  flex-shrink: 1;
  height: clamp(13.5rem, 12.5rem + 0.0020833333 * 100vw, 16.5rem);
  width: 20px;
  padding-right: 5px;
  margin-right: 10px;
  margin: auto 10px auto -3px;
  border-radius: 0;
}
.wpcf7 .wpcf7-form .field .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label {
  display: block;
  flex-grow: 1;
  color: var(--text-color);
  text-align: left;
}
.wpcf7 .wpcf7-form .action {
  margin-top: 1rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  grid-column: 1/ span 2;
}
.wpcf7 .wpcf7-form .action .button {
  padding: 4px 20px 1px;
  min-height: 36px;
  border-radius: 0;
}
.wpcf7 .wpcf7-form .action .wpcf7-spinner {
  background-color: rgba(255, 255, 255, 0.75);
}
.wpcf7 .wpcf7-form .action .wpcf7-spinner::before {
  background-color: rgba(0, 0, 0, 0.75);
}
.wpcf7 .wpcf7-form .wpcf7-response-output {
  align-self: center;
  grid-column: 1/ span 2;
}