@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');

/*
! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: Atkinson Hyperlegible, serif;
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: Atkinson Hyperlegible, sans-serif;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

.container{
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}

@media (min-width: 480px){
  .container{
    max-width: 480px;
  }
}

@media (min-width: 600px){
  .container{
    max-width: 600px;
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

@media (min-width: 782px){
  .container{
    max-width: 782px;
  }
}

@media (min-width: 1024px){
  .container{
    max-width: 1024px;
    padding-right: 0rem;
    padding-left: 0rem;
  }
}

@media (min-width: 1260px){
  .container{
    max-width: 1260px;
  }
}

@media (min-width: 1440px){
  .container{
    max-width: 1440px;
  }
}

@media (min-width: 1536px){
  .container{
    max-width: 1536px;
  }
}

.collapse{
  visibility: collapse;
}

.static{
  position: static;
}

.fixed{
  position: fixed;
}

.absolute{
  position: absolute;
}

.relative{
  position: relative;
}

.-bottom-6{
  bottom: -1.5rem;
}

.-top-\[90px\]{
  top: -90px;
}

.bottom-0{
  bottom: 0px;
}

.bottom-4{
  bottom: 1rem;
}

.left-0{
  left: 0px;
}

.right-0{
  right: 0px;
}

.right-4{
  right: 1rem;
}

.top-0{
  top: 0px;
}

.top-\[0\]{
  top: 0;
}

.z-10{
  z-index: 10;
}

.z-20{
  z-index: 20;
}

.z-50{
  z-index: 50;
}

.z-\[999\]{
  z-index: 999;
}

.order-1{
  order: 1;
}

.col-span-1{
  grid-column: span 1 / span 1;
}

.col-span-2{
  grid-column: span 2 / span 2;
}

.col-start-1{
  grid-column-start: 1;
}

.col-start-2{
  grid-column-start: 2;
}

.row-span-1{
  grid-row: span 1 / span 1;
}

.m-0{
  margin: 0px;
}

.m-auto{
  margin: auto;
}

.mx-auto{
  margin-left: auto;
  margin-right: auto;
}

.my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.my-auto{
  margin-top: auto;
  margin-bottom: auto;
}

.-ml-6{
  margin-left: -1.5rem;
}

.ml-4{
  margin-left: 1rem;
}

.ml-8{
  margin-left: 2rem;
}

.ml-auto{
  margin-left: auto;
}

.mt-16{
  margin-top: 4rem;
}

.mt-32{
  margin-top: 8rem;
}

.mt-4{
  margin-top: 1rem;
}

.mt-8{
  margin-top: 2rem;
}

.mt-auto{
  margin-top: auto;
}

.block{
  display: block;
}

.inline-block{
  display: inline-block;
}

.inline{
  display: inline;
}

.flex{
  display: flex;
}

.table{
  display: table;
}

.grid{
  display: grid;
}

.contents{
  display: contents;
}

.hidden{
  display: none;
}

.h-10{
  height: 2.5rem;
}

.h-8{
  height: 2rem;
}

.h-\[100px\]{
  height: 100px;
}

.h-\[100vh\]{
  height: 100vh;
}

.h-\[13px\]{
  height: 13px;
}

.h-\[190px\]{
  height: 190px;
}

.h-\[1px\]{
  height: 1px;
}

.h-\[280px\]{
  height: 280px;
}

.h-\[2px\]{
  height: 2px;
}

.h-\[32px\]{
  height: 32px;
}

.h-\[500px\]{
  height: 500px;
}

.h-\[600px\]{
  height: 600px;
}

.h-\[9px\]{
  height: 9px;
}

.h-full{
  height: 100%;
}

.h-max{
  height: -moz-max-content;
  height: max-content;
}

.h-\[60px\]{
  height: 60px;
}

.max-h-\[100vh\]{
  max-height: 100vh;
}

.max-h-\[400px\]{
  max-height: 400px;
}

.max-h-\[80px\]{
  max-height: 80px;
}

.min-h-\[180px\]{
  min-height: 180px;
}

.min-h-\[400px\]{
  min-height: 400px;
}

.w-6{
  width: 1.5rem;
}

.w-\[100vw\]{
  width: 100vw;
}

.w-\[13px\]{
  width: 13px;
}

.w-\[15px\]{
  width: 15px;
}

.w-\[280px\]{
  width: 280px;
}

.w-\[40px\]{
  width: 40px;
}

.w-\[90\%\]{
  width: 90%;
}

.w-auto{
  width: auto;
}

.w-full{
  width: 100%;
}

.w-max{
  width: -moz-max-content;
  width: max-content;
}

.max-w-\[200px\]{
  max-width: 200px;
}

.max-w-\[300px\]{
  max-width: 300px;
}

.max-w-\[400px\]{
  max-width: 400px;
}

.max-w-\[600px\]{
  max-width: 600px;
}

.shrink-0{
  flex-shrink: 0;
}

.border-collapse{
  border-collapse: collapse;
}

.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.cursor-pointer{
  cursor: pointer;
}

.resize{
  resize: both;
}

.list-inside{
  list-style-position: inside;
}

.list-decimal{
  list-style-type: decimal;
}

.list-disc{
  list-style-type: disc;
}

.list-none{
  list-style-type: none;
}

.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.flex-row{
  flex-direction: row;
}

.flex-col{
  flex-direction: column;
}

.flex-wrap{
  flex-wrap: wrap;
}

.flex-nowrap{
  flex-wrap: nowrap;
}

.items-end{
  align-items: flex-end;
}

.items-center{
  align-items: center;
}

.justify-start{
  justify-content: flex-start;
}

.justify-end{
  justify-content: flex-end;
}

.justify-center{
  justify-content: center;
}

.justify-between{
  justify-content: space-between;
}

.justify-around{
  justify-content: space-around;
}

.gap-16{
  gap: 4rem;
}

.gap-4{
  gap: 1rem;
}

.gap-8{
  gap: 2rem;
}

.overflow-hidden{
  overflow: hidden;
}

.overflow-y-auto{
  overflow-y: auto;
}

.overflow-x-hidden{
  overflow-x: hidden;
}

.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.whitespace-break-spaces{
  white-space: break-spaces;
}

.rounded-2xl{
  border-radius: 1rem;
}

.rounded-full{
  border-radius: 9999px;
}

.border{
  border-width: 1px;
}

.border-4{
  border-width: 4px;
}

.border-\[1px\]{
  border-width: 1px;
}

.border-\[2px\]{
  border-width: 2px;
}

.border-\[4px\]{
  border-width: 4px;
}

.border-b-\[64px\]{
  border-bottom-width: 64px;
}

.border-l-2{
  border-left-width: 2px;
}

.border-t-\[4px\]{
  border-top-width: 4px;
}

.border-black{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.border-primary{
  --tw-border-opacity: 1;
  border-color: rgb(0 157 144 / var(--tw-border-opacity));
}

.border-white{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.border-b-black{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.bg-gray200{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}

.bg-gray400{
  --tw-bg-opacity: 1;
  background-color: rgb(213 213 213 / var(--tw-bg-opacity));
}

.bg-gray400\/75{
  background-color: rgb(213 213 213 / 0.75);
}

.bg-gray800{
  --tw-bg-opacity: 1;
  background-color: rgb(136 136 136 / var(--tw-bg-opacity));
}

.bg-primary{
  --tw-bg-opacity: 1;
  background-color: rgb(0 157 144 / var(--tw-bg-opacity));
}

.bg-secondary{
  --tw-bg-opacity: 1;
  background-color: rgb(111 143 157 / var(--tw-bg-opacity));
}

.bg-transparent{
  background-color: transparent;
}

.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-bottom{
  background-position: bottom;
}

.bg-center{
  background-position: center;
}

.bg-no-repeat{
  background-repeat: no-repeat;
}

.object-contain{
  -o-object-fit: contain;
     object-fit: contain;
}

.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}

.p-0{
  padding: 0px;
}

.p-2{
  padding: 0.5rem;
}

.p-4{
  padding: 1rem;
}

.p-8{
  padding: 2rem;
}

.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-16{
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.py-32{
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.py-\[0\.25rem\]{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.pb-12{
  padding-bottom: 3rem;
}

.pb-16{
  padding-bottom: 4rem;
}

.pb-24{
  padding-bottom: 6rem;
}

.pb-32{
  padding-bottom: 8rem;
}

.pb-4{
  padding-bottom: 1rem;
}

.pl-10{
  padding-left: 2.5rem;
}

.pl-12{
  padding-left: 3rem;
}

.pl-4{
  padding-left: 1rem;
}

.pl-8{
  padding-left: 2rem;
}

.pr-1{
  padding-right: 0.25rem;
}

.pr-12{
  padding-right: 3rem;
}

.pr-4{
  padding-right: 1rem;
}

.pr-8{
  padding-right: 2rem;
}

.pt-1{
  padding-top: 0.25rem;
}

.pt-12{
  padding-top: 3rem;
}

.pt-16{
  padding-top: 4rem;
}

.pt-32{
  padding-top: 8rem;
}

.pt-4{
  padding-top: 1rem;
}

.pt-64{
  padding-top: 16rem;
}

.pt-8{
  padding-top: 2rem;
}

.text-left{
  text-align: left;
}

.text-center{
  text-align: center;
}

.text-right{
  text-align: right;
}

.font-heading{
  font-family: Atkinson Hyperlegible, sans-serif;
}

.font-mono{
  font-family: Atkinson Hyperlegible, sans-serif;
}

.font-quote{
  font-family: Atkinson Hyperlegible, sans-serif;
}

.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-3xl{
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.text-4xl{
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-small{
  font-size: 0.9rem;
}

.text-xl{
  font-size: 1.25rem;
}

.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}

.font-bold{
  font-weight: 700;
}

.font-light{
  font-weight: 300;
}

.font-normal{
  font-weight: 400;
}

.uppercase{
  text-transform: uppercase;
}

.lowercase{
  text-transform: lowercase;
}

.capitalize{
  text-transform: capitalize;
}

.leading-10{
  line-height: 2.5rem;
}

.leading-5{
  line-height: 1.25rem;
}

.leading-6{
  line-height: 1.5rem;
}

.text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.text-blue-500{
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}

.text-primary{
  --tw-text-opacity: 1;
  color: rgb(0 157 144 / var(--tw-text-opacity));
}

.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.underline{
  text-decoration-line: underline;
}

.accent-primary{
  accent-color: #009D90;
}

.opacity-0{
  opacity: 0;
}

.opacity-10{
  opacity: 0.1;
}

.opacity-20{
  opacity: 0.2;
}

.opacity-30{
  opacity: 0.3;
}

.opacity-40{
  opacity: 0.4;
}

.opacity-50{
  opacity: 0.5;
}

.opacity-60{
  opacity: 0.6;
}

.opacity-70{
  opacity: 0.7;
}

.opacity-80{
  opacity: 0.8;
}

.opacity-90{
  opacity: 0.9;
}

.outline{
  outline-style: solid;
}

.ring{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.blur{
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.alignfull{
  margin: 2rem calc(50% - 50vw) !important;
  max-width: 100vw !important;
  width: 100vw;
}

.alignwide{
  margin: 2rem 0;
  max-width: 1260px !important;
}

.alignnone{
  margin-left: 0px;
  margin-right: 0px;
  height: auto;
  max-width: 100%;
}

.aligncenter{
  margin: 0.5rem auto;
  display: block;
}

@media (min-width: 600px){
  .alignleft:not(.wp-block-button){
    margin-right: 0.5rem;
    float: left;
  }

  .alignright:not(.wp-block-button){
    margin-left: 0.5rem;
    float: right;
  }

  .wp-block-button.alignleft a{
    float: left;
    margin-right: 1rem;
  }

  .wp-block-button.alignright a{
    float: right;
    margin-left: 1rem;
  }
}

.wp-caption{
  display: inline-block;
}

.wp-caption img{
  margin-bottom: 0.5rem;
  line-height: 1;
}

.wp-caption-text{
  font-size: 0.875rem;
  color: #4b5563;
}

.\[hostname\:port\]{
  hostname: port;
}

.container{
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1024px){
  .container{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 600px) {

.mx-break-out {
    margin-left: calc(-100vw / 2 + 600px / 2 - 1rem );

    margin-right: calc(-100vw / 2 + 600px / 2 - 1rem )
}
  }

@media (min-width: 782px) {

.mx-break-out {
    margin-left: calc(-100vw / 2 + 782px / 2 - 1rem );

    margin-right: calc(-100vw / 2 + 782px / 2 - 1rem )
}
  }

@media (min-width: 1024px) {

.mx-break-out {
    margin-left: calc(-100vw / 2 + 1024px / 2 - 1rem );

    margin-right: calc(-100vw / 2 + 1024px / 2 - 1rem )
}
  }

@media (min-width: 1260px) {

.mx-break-out {
    margin-left: calc(-100vw / 2 + 1260px / 2 - 1rem );

    margin-right: calc(-100vw / 2 + 1260px / 2 - 1rem )
}
  }

@media (min-width: 1440px) {

.mx-break-out {
    margin-left: calc(-100vw / 2 + 1440px / 2 - 1rem );

    margin-right: calc(-100vw / 2 + 1440px / 2 - 1rem )
}
  }

em{
  font-style: normal;
}

.top-line{
  padding-top: 8rem;
}

.top-line:before{
    display: block;
  }

.top-line:before{
    height: 1px;
  }

.top-line:before{
    width: 100%;
  }

.top-line:before{
    border-top-width: 4px;
  }

.top-line:before{
    --tw-border-opacity: 1;
    border-top-color: rgb(0 0 0 / var(--tw-border-opacity));
  }

.top-line:before{
    padding-bottom: 8rem;
  }

.top-line:before {
    content: " ";
  }

.top-line.white:before{
      --tw-border-opacity: 1;
      border-top-color: rgb(255 255 255 / var(--tw-border-opacity));
    }

.grecaptcha-badge{
  display: none;
}

h1, h2{
  font-family: Atkinson Hyperlegible, sans-serif;
  font-size: 2.25rem;
  line-height: 2.5rem;
}

@media (min-width: 1024px){
  h1, h2{
    font-size: 3rem;
    line-height: 1;
  }
}

h1{
  font-size: 2.25rem;
  line-height: 2.5rem;
}

@media (min-width: 1024px){
  h1{
    font-size: 3.75rem;
    line-height: 1;
  }
}

@media (min-width: 1260px){
  h1{
    font-size: 4.5rem;
    line-height: 1;
  }
}

h2{
  font-size: 2.25rem;
  line-height: 2.5rem;
}

@media (min-width: 1024px){
  h2{
    font-size: 3rem;
    line-height: 1;
  }
}

h3{
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
}

@media (min-width: 1024px){
  h3{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

h4{
  font-size: 1.25rem;
  font-weight: 700;
}

@media (min-width: 1024px){
  h4{
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

strong{
  font-weight: 700;
}

.page-template-_tmp-page-works-projects h4{
    font-weight: 700;
  }

.page-template-_tmp-page-works-projects h4{
    text-transform: uppercase;
  }

.page-template-_tmp-page-works-projects h4 {
    font-size: 16px;
    line-height: 18px;
  }

.page-template-_tmp-page-works-projects h4 + p{
    padding-top: 0.25rem;
  }

.font-heading, .heading{
  font-size: 2.25rem;
  line-height: 2.5rem;
}

@media (min-width: 1024px){
  .font-heading, .heading{
    font-size: 3rem;
    line-height: 1;
  }
}

.author{
  font-weight: 700;
}

.quote{
  font-family: Atkinson Hyperlegible, sans-serif;
  font-size: 1.25rem;
  font-weight: 100;
}

@media (min-width: 1024px){
  .quote{
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.observable {
  transition: all 1s ease-out;
}

#testimonials.is-visible {
  }

.scroll-top{
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  z-index: 50;
  margin: 0px;
  font-size: 2.25rem;
  line-height: 2.5rem;
  width: 40px;
  height: 40px;
}

.scroll-top span {
    color: black;
  }

.scroll-top:hover {
    cursor: pointer;
  }

.scroll-top:hover span {
      color: #009D90;
    }

.w-footer .scroll-top{
    position: fixed;
  }

.w-footer .scroll-top{
    bottom: 1rem;
  }

.w-footer .scroll-top{
    right: 1rem;
  }

#pointer-dot {
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  //border: 2.5px solid $primary !important;
  position: fixed;
  border-radius: 4px;
  z-index: 9999998;
  pointer-events: none;
  transition: border-color 0.5s;
}

#pointer-ring {
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  padding: 15px;
  border: none !important;
  background-color: #fff;
  opacity: 0.4;
  position: fixed;
  border-radius: 100px;
  z-index: 9999999;
  pointer-events: none;
  transition: padding .5s ease;
  will-change: background-color,transform;
}

#pointer-ring.cursor__link {
    left: 7px;
    top: 7px;
    opacity: 1;
    padding: 8px !important;
    background-color: black;
  }

.Typewriter__cursor {
  line-height: 0.9em;
  font-weight: 100;
}

.icon{
  display: flex;
  align-items: center;
  content: " ";
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

@mixin chevron($color) {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='13px' height='8px' viewBox='0 0 13 8' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='symbol' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='symbol-wrapper' transform='translate(-6.000000, -9.000000)' fill='#{$color}'%3E%3Cg id='layer' transform='translate(12.000000, 12.000000) rotate(-270.000000) translate(-12.000000, -12.000000) translate(-0.000000, 0.000000)'%3E%3Cg id='icon' transform='translate(9.000000, 5.000000)'%3E%3Cpolygon id='path' points='1.593 12.157 7.25 6.5 1.593 0.843 0.886 1.55 5.836 6.5 0.886 11.45'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.ui-icon {
  width: 32px;
  min-width: 32px;
  height: 32px;
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.4s ease-in-out;
}

.ui-icon.chevron-down {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='13px' height='8px' viewBox='0 0 13 8' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='symbol' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='symbol-wrapper' transform='translate(-6.000000, -9.000000)' fill='%23000000'%3E%3Cg id='layer' transform='translate(12.000000, 12.000000) rotate(-270.000000) translate(-12.000000, -12.000000) translate(-0.000000, 0.000000)'%3E%3Cg id='icon' transform='translate(9.000000, 5.000000)'%3E%3Cpolygon id='path' points='1.593 12.157 7.25 6.5 1.593 0.843 0.886 1.55 5.836 6.5 0.886 11.45'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    transform: rotate(0);
    cursor: pointer;
  }

.ui-icon.chevron-up {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='13px' height='8px' viewBox='0 0 13 8' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='symbol' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='symbol-wrapper' transform='translate(-6.000000, -9.000000)' fill='%23000000'%3E%3Cg id='layer' transform='translate(12.000000, 12.000000) rotate(-270.000000) translate(-12.000000, -12.000000) translate(-0.000000, 0.000000)'%3E%3Cg id='icon' transform='translate(9.000000, 5.000000)'%3E%3Cpolygon id='path' points='1.593 12.157 7.25 6.5 1.593 0.843 0.886 1.55 5.836 6.5 0.886 11.45'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    transform: rotate(180deg);
    cursor: pointer;
  }

p + .page-link:not(.button){
  padding-top: 3rem;
}

.page-link.icon{
  display: block;
}

.page-link.icon:hover{
  --tw-text-opacity: 1;
  color: rgb(0 157 144 / var(--tw-text-opacity));
}

.page-link.icon:after{
    margin-left: 0.5rem;
  }

.page-link.icon:after {
    transition: transform 0.2s ease-in-out;
    content: " ";
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
  }

.page-link.icon.read-more:after{
      height: 13px;
    }

.page-link.icon.read-more:after{
      width: 15px;
    }

@media (min-width: 1024px){
      .page-link.icon.read-more:after{
        height: 13px;
      }
    }

@media (min-width: 1024px){
      .page-link.icon.read-more:after{
        width: 19px;
      }
    }

.page-link.icon.read-more:after {
      background-image: url('data:image/svg+xml,<svg width="19px" height="13px" viewBox="0 0 19 13" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-365.000000, -17.000000)" fill="%23000000" fill-rule="nonzero"><g  transform="translate(365.000000, 17.000000)"><path d="M18.8487805,6.14707749 L12.6870347,0.14626969 C12.4867779,-0.0487565634 12.1612323,-0.0487565634 11.9609756,0.14626969 C11.7607189,0.341295944 11.7607189,0.658338623 11.9609756,0.853364876 L17.2456996,6.0000577 L0.513478819,6.0000577 C0.230038511,6.0000577 0,6.22408786 0,6.50012502 C0,6.77616218 0.230038511,7.00019233 0.513478819,7.00019233 L17.2456996,7.00019233 L11.9609756,12.1468852 C11.7607189,12.3419114 11.7607189,12.6589541 11.9609756,12.8539803 C12.0616175,12.9519935 12.193068,13 12.3245186,13 C12.4559692,13 12.5874198,12.9509934 12.6880616,12.8539803 L18.8498074,6.85317254 C19.0500642,6.65814629 19.0500642,6.34110361 18.8498074,6.14607736 L18.8487805,6.14707749 Z"></path></g></g></g></svg>');
    }

.page-link.icon.read-more:hover:after {
      transform: translateX(0.25rem);
      background-image: url('data:image/svg+xml,<svg width="19px" height="13px" viewBox="0 0 19 13" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-365.000000, -17.000000)" fill="%230DCA87" fill-rule="nonzero"><g transform="translate(365.000000, 17.000000)"><path d="M18.8487805,6.14707749 L12.6870347,0.14626969 C12.4867779,-0.0487565634 12.1612323,-0.0487565634 11.9609756,0.14626969 C11.7607189,0.341295944 11.7607189,0.658338623 11.9609756,0.853364876 L17.2456996,6.0000577 L0.513478819,6.0000577 C0.230038511,6.0000577 0,6.22408786 0,6.50012502 C0,6.77616218 0.230038511,7.00019233 0.513478819,7.00019233 L17.2456996,7.00019233 L11.9609756,12.1468852 C11.7607189,12.3419114 11.7607189,12.6589541 11.9609756,12.8539803 C12.0616175,12.9519935 12.193068,13 12.3245186,13 C12.4559692,13 12.5874198,12.9509934 12.6880616,12.8539803 L18.8498074,6.85317254 C19.0500642,6.65814629 19.0500642,6.34110361 18.8498074,6.14607736 L18.8487805,6.14707749 Z"></path></g></g></g></svg>');
    }

.page-link.icon.text-sm:after{
      margin-left: 0.25rem;
    }

.page-link.icon.text-sm:after{
      height: 9px;
    }

.page-link.icon.text-sm:after{
      width: 13px;
    }

@media (min-width: 1024px){
      .page-link.icon.text-sm:after{
        height: 9px;
      }
    }

@media (min-width: 1024px){
      .page-link.icon.text-sm:after{
        width: 15px;
      }
    }

.page-link.icon.text-sm:hover:after {
      transform: translateX(0.25rem);
    }

.page-link.icon.blank:hover{
    --tw-text-opacity: 1;
    color: rgb(0 157 144 / var(--tw-text-opacity));
  }

.page-link.icon.blank:after{
      height: 13px;
    }

.page-link.icon.blank:after{
      width: 15px;
    }

@media (min-width: 1024px){
      .page-link.icon.blank:after{
        height: 13px;
      }
    }

@media (min-width: 1024px){
      .page-link.icon.blank:after{
        width: 19px;
      }
    }

.page-link.icon.blank:after {
      transform: rotate(45deg, 45deg);
      background-image: url('data:image/svg+xml,<svg width="23px" height="16px" viewBox="0 0 23 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Homepage-V1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Homepage-v1" transform="translate(-693.000000, -5253.000000)" fill="%23000000" fill-rule="nonzero"><g id="Group-13" transform="translate(257.000000, 3987.000000)"><g id="arrow-right-copy-6" transform="translate(436.000000, 1266.000000)"><path d="M22.8169448,7.56563384 L15.3579893,0.180024234 C15.1155733,-0.060008078 14.7214918,-0.060008078 14.4790757,0.180024234 C14.2366597,0.420056546 14.2366597,0.81026292 14.4790757,1.05029523 L20.8763732,7.3846864 L0.621579623,7.3846864 C0.278467671,7.3846864 0,7.66041583 0,8.00015387 C0,8.33989191 0.278467671,8.61562133 0.621579623,8.61562133 L20.8763732,8.61562133 L14.4790757,14.9500125 C14.2366597,15.1900448 14.2366597,15.5802512 14.4790757,15.8202835 C14.6009053,15.9409151 14.7600297,16 14.9191541,16 C15.0782785,16 15.2374029,15.9396842 15.3592325,15.8202835 L22.818188,8.4346739 C23.060604,8.19464159 23.060604,7.80443521 22.818188,7.5644029 L22.8169448,7.56563384 Z" id="Path"></path></g></g></g></g></svg>');
    }

.page-link.icon.blank:hover:after {
      transform: translateX(0.25rem);
      background-image: url('data:image/svg+xml,<svg width="23px" height="16px" viewBox="0 0 23 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Homepage-V1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Homepage-v1" transform="translate(-693.000000, -5253.000000)" fill="%230DCA87" fill-rule="nonzero"><g id="Group-13" transform="translate(257.000000, 3987.000000)"><g id="arrow-right-copy-6" transform="translate(436.000000, 1266.000000)"><path d="M22.8169448,7.56563384 L15.3579893,0.180024234 C15.1155733,-0.060008078 14.7214918,-0.060008078 14.4790757,0.180024234 C14.2366597,0.420056546 14.2366597,0.81026292 14.4790757,1.05029523 L20.8763732,7.3846864 L0.621579623,7.3846864 C0.278467671,7.3846864 0,7.66041583 0,8.00015387 C0,8.33989191 0.278467671,8.61562133 0.621579623,8.61562133 L20.8763732,8.61562133 L14.4790757,14.9500125 C14.2366597,15.1900448 14.2366597,15.5802512 14.4790757,15.8202835 C14.6009053,15.9409151 14.7600297,16 14.9191541,16 C15.0782785,16 15.2374029,15.9396842 15.3592325,15.8202835 L22.818188,8.4346739 C23.060604,8.19464159 23.060604,7.80443521 22.818188,7.5644029 L22.8169448,7.56563384 Z" id="Path"></path></g></g></g></g></svg>');
    }

.page-link.icon.text-white:hover{
    --tw-text-opacity: 1;
    color: rgb(0 157 144 / var(--tw-text-opacity));
  }

.page-link.icon.text-white:after{
      height: 13px;
    }

.page-link.icon.text-white:after{
      width: 15px;
    }

@media (min-width: 1024px){
      .page-link.icon.text-white:after{
        height: 15px;
      }
    }

@media (min-width: 1024px){
      .page-link.icon.text-white:after{
        width: 19px;
      }
    }

.page-link.icon.text-white:after {
      background-image: url('data:image/svg+xml,<svg width="23px" height="16px" viewBox="0 0 23 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Homepage-V1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Homepage-v1" transform="translate(-693.000000, -5253.000000)" fill="%23FFFFFF" fill-rule="nonzero"><g id="Group-13" transform="translate(257.000000, 3987.000000)"><g id="arrow-right-copy-6" transform="translate(436.000000, 1266.000000)"><path d="M22.8169448,7.56563384 L15.3579893,0.180024234 C15.1155733,-0.060008078 14.7214918,-0.060008078 14.4790757,0.180024234 C14.2366597,0.420056546 14.2366597,0.81026292 14.4790757,1.05029523 L20.8763732,7.3846864 L0.621579623,7.3846864 C0.278467671,7.3846864 0,7.66041583 0,8.00015387 C0,8.33989191 0.278467671,8.61562133 0.621579623,8.61562133 L20.8763732,8.61562133 L14.4790757,14.9500125 C14.2366597,15.1900448 14.2366597,15.5802512 14.4790757,15.8202835 C14.6009053,15.9409151 14.7600297,16 14.9191541,16 C15.0782785,16 15.2374029,15.9396842 15.3592325,15.8202835 L22.818188,8.4346739 C23.060604,8.19464159 23.060604,7.80443521 22.818188,7.5644029 L22.8169448,7.56563384 Z" id="Path"></path></g></g></g></g></svg>');
    }

.page-link.icon.text-white:hover:after {
      transform: translateX(0.25rem);
      background-image: url('data:image/svg+xml,<svg width="23px" height="16px" viewBox="0 0 23 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Homepage-V1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Homepage-v1" transform="translate(-693.000000, -5253.000000)" fill="%230DCA87" fill-rule="nonzero"><g id="Group-13" transform="translate(257.000000, 3987.000000)"><g id="arrow-right-copy-6" transform="translate(436.000000, 1266.000000)"><path d="M22.8169448,7.56563384 L15.3579893,0.180024234 C15.1155733,-0.060008078 14.7214918,-0.060008078 14.4790757,0.180024234 C14.2366597,0.420056546 14.2366597,0.81026292 14.4790757,1.05029523 L20.8763732,7.3846864 L0.621579623,7.3846864 C0.278467671,7.3846864 0,7.66041583 0,8.00015387 C0,8.33989191 0.278467671,8.61562133 0.621579623,8.61562133 L20.8763732,8.61562133 L14.4790757,14.9500125 C14.2366597,15.1900448 14.2366597,15.5802512 14.4790757,15.8202835 C14.6009053,15.9409151 14.7600297,16 14.9191541,16 C15.0782785,16 15.2374029,15.9396842 15.3592325,15.8202835 L22.818188,8.4346739 C23.060604,8.19464159 23.060604,7.80443521 22.818188,7.5644029 L22.8169448,7.56563384 Z" id="Path"></path></g></g></g></g></svg>');
    }

.button{
  display: flex;
  align-items: center;
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  background-color: transparent;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  width: -moz-max-content;
  width: max-content;
}

.button:hover{
    --tw-border-opacity: 1;
    border-color: rgb(0 157 144 / var(--tw-border-opacity));
  }

.button:hover{
    --tw-text-opacity: 1;
    color: rgb(0 157 144 / var(--tw-text-opacity));
  }

.button.over-color:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }

.button.over-color:hover{
    --tw-text-opacity: 1;
    color: rgb(0 157 144 / var(--tw-text-opacity));
  }

.button.white{
    display: flex;
  }

.button.white{
    align-items: center;
  }

.button.white{
    border-width: 1px;
  }

.button.white{
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
  }

.button.white{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

.button.white{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

.button.white{
    font-weight: 400;
  }

.button.white{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }

.white:hover{
      --tw-text-opacity: 1;
      color: rgb(0 157 144 / var(--tw-text-opacity));
    }

.white:hover{
      --tw-text-opacity: 1;
      color: rgb(0 157 144 / var(--tw-text-opacity));
    }

@media (min-width: 1024px){
      }

@media (min-width: 1024px){
      }

.white:hover{
      --tw-text-opacity: 1;
      color: rgb(0 157 144 / var(--tw-text-opacity));
    }

@media (min-width: 1024px){
      }

@media (min-width: 1024px){
      }

.button.white:hover{
      --tw-border-opacity: 1;
      border-color: rgb(0 157 144 / var(--tw-border-opacity));
    }

.button.white:hover{
      --tw-text-opacity: 1;
      color: rgb(0 157 144 / var(--tw-text-opacity));
    }

.button.icon{
    display: block;
    width: -moz-max-content;
    width: max-content;
  }

.button.icon:hover{
      --tw-text-opacity: 1;
      color: rgb(13 202 135 / var(--tw-text-opacity));
    }

.button.icon:after {
      background-image: url('data:image/svg+xml,<svg width="23px" height="16px" viewBox="0 0 23 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Homepage-V1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Homepage-v1" transform="translate(-693.000000, -5253.000000)" fill="%23000000" fill-rule="nonzero"><g id="Group-13" transform="translate(257.000000, 3987.000000)"><g id="arrow-right-copy-6" transform="translate(436.000000, 1266.000000)"><path d="M22.8169448,7.56563384 L15.3579893,0.180024234 C15.1155733,-0.060008078 14.7214918,-0.060008078 14.4790757,0.180024234 C14.2366597,0.420056546 14.2366597,0.81026292 14.4790757,1.05029523 L20.8763732,7.3846864 L0.621579623,7.3846864 C0.278467671,7.3846864 0,7.66041583 0,8.00015387 C0,8.33989191 0.278467671,8.61562133 0.621579623,8.61562133 L20.8763732,8.61562133 L14.4790757,14.9500125 C14.2366597,15.1900448 14.2366597,15.5802512 14.4790757,15.8202835 C14.6009053,15.9409151 14.7600297,16 14.9191541,16 C15.0782785,16 15.2374029,15.9396842 15.3592325,15.8202835 L22.818188,8.4346739 C23.060604,8.19464159 23.060604,7.80443521 22.818188,7.5644029 L22.8169448,7.56563384 Z" id="Path"></path></g></g></g></g></svg>');
      height: 13px;
      width: 15px
    }

.button.icon:after{
      margin-left: 0.5rem;
    }

.button.icon:after {
      transition: transform 0.2s ease-in-out;
      margin-left: 0.5rem;
      content: " ";
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      display: inline-block;
    }

@media (min-width: 1024px){
        .button.icon:after .page-link.icon.read-more:after{
          height: 13px;
          width: 19px;
        }
      }

.button.icon.white:after{
        background-image: url('data:image/svg+xml,<svg width="23px" height="16px" viewBox="0 0 23 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Homepage-V1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Homepage-v1" transform="translate(-693.000000, -5253.000000)" fill="%23FFFFFF" fill-rule="nonzero"><g id="Group-13" transform="translate(257.000000, 3987.000000)"><g id="arrow-right-copy-6" transform="translate(436.000000, 1266.000000)"><path d="M22.8169448,7.56563384 L15.3579893,0.180024234 C15.1155733,-0.060008078 14.7214918,-0.060008078 14.4790757,0.180024234 C14.2366597,0.420056546 14.2366597,0.81026292 14.4790757,1.05029523 L20.8763732,7.3846864 L0.621579623,7.3846864 C0.278467671,7.3846864 0,7.66041583 0,8.00015387 C0,8.33989191 0.278467671,8.61562133 0.621579623,8.61562133 L20.8763732,8.61562133 L14.4790757,14.9500125 C14.2366597,15.1900448 14.2366597,15.5802512 14.4790757,15.8202835 C14.6009053,15.9409151 14.7600297,16 14.9191541,16 C15.0782785,16 15.2374029,15.9396842 15.3592325,15.8202835 L22.818188,8.4346739 C23.060604,8.19464159 23.060604,7.80443521 22.818188,7.5644029 L22.8169448,7.56563384 Z" id="Path"></path></g></g></g></g></svg>');
      }

.button.icon:hover:after {
      transform: translateX(0.25rem);
      background-image: url('data:image/svg+xml,<svg width="19px" height="13px" viewBox="0 0 19 13" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-365.000000, -17.000000)" fill="%230DCA87" fill-rule="nonzero"><g transform="translate(365.000000, 17.000000)"><path d="M18.8487805,6.14707749 L12.6870347,0.14626969 C12.4867779,-0.0487565634 12.1612323,-0.0487565634 11.9609756,0.14626969 C11.7607189,0.341295944 11.7607189,0.658338623 11.9609756,0.853364876 L17.2456996,6.0000577 L0.513478819,6.0000577 C0.230038511,6.0000577 0,6.22408786 0,6.50012502 C0,6.77616218 0.230038511,7.00019233 0.513478819,7.00019233 L17.2456996,7.00019233 L11.9609756,12.1468852 C11.7607189,12.3419114 11.7607189,12.6589541 11.9609756,12.8539803 C12.0616175,12.9519935 12.193068,13 12.3245186,13 C12.4559692,13 12.5874198,12.9509934 12.6880616,12.8539803 L18.8498074,6.85317254 C19.0500642,6.65814629 19.0500642,6.34110361 18.8498074,6.14607736 L18.8487805,6.14707749 Z"></path></g></g></g></svg>');
    }

.button:hover{
  --tw-border-opacity: 1;
  border-color: rgb(0 157 144 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 157 144 / var(--tw-text-opacity));
}

article ul.numbered,section ul.numbered{
    padding-top: 1rem;
  }

article ul.numbered, section ul.numbered {
    list-style: none;
    counter-reset: ol-counter;
  }

article ul.numbered li,section ul.numbered li{
      position: relative;
    }

article ul.numbered li,section ul.numbered li{
      padding-left: 2.5rem;
    }

article ul.numbered li, section ul.numbered li {
      counter-increment: ol-counter;
    }

article ul.numbered li:before,section ul.numbered li:before{
        margin-left: -1.5rem;
      }

article ul.numbered li:before,section ul.numbered li:before{
        display: inline-block;
      }

article ul.numbered li:before,section ul.numbered li:before{
        width: 1.5rem;
      }

article ul.numbered li:before,section ul.numbered li:before{
        padding-right: 1rem;
      }

article ul.numbered li:before,section ul.numbered li:before{
        text-align: right;
      }

article ul.numbered li:before, section ul.numbered li:before {
        content: counter(ol-counter) ". ";
      }

.indent{
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-left: 1rem;
  border-left-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 157 144 / var(--tw-border-opacity));
  padding-left: 1rem;
}

@media (min-width: 1024px){
  .indent{
    margin-left: 2rem;
    padding-left: 2rem;
  }
}

.indent {
  paddind-top: 0 !important;
}

.tags{
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.tags li{
    width: -moz-max-content;
    width: max-content;
  }

.tags li{
    border-radius: 9999px;
  }

.tags li{
    background-color: rgb(213 213 213 / 0.75);
  }

.tags li{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

.tags li{
    padding-left: 1rem;
    padding-right: 1rem;
  }

.tags li{
    font-weight: 300;
  }

.cat-list li{
    border-radius: 9999px;
  }

.cat-list li{
    border-width: 2px;
  }

.cat-list li{
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity));
  }

.cat-list li:hover{
    --tw-border-opacity: 1;
    border-color: rgb(0 157 144 / var(--tw-border-opacity));
  }

.cat-list li:hover{
    --tw-text-opacity: 1;
    color: rgb(0 157 144 / var(--tw-text-opacity));
  }

.cat-list li a{
      padding-left: 1rem;
      padding-right: 1rem;
    }

.cat-list li a{
      padding-top: 0.25rem;
      padding-bottom: 0.25rem;
    }

.cat-list li a:hover{
      --tw-text-opacity: 1;
      color: rgb(0 157 144 / var(--tw-text-opacity));
    }

.cat-list li .group:hover a{
      --tw-text-opacity: 1;
      color: rgb(0 157 144 / var(--tw-text-opacity));
    }

.cat-list li.active{
      --tw-border-opacity: 1;
      border-color: rgb(0 157 144 / var(--tw-border-opacity));
    }

.cat-list li.active a{
        --tw-text-opacity: 1;
        color: rgb(0 157 144 / var(--tw-text-opacity));
      }

.cat-list li.active a:hover{
        --tw-text-opacity: 1;
        color: rgb(0 157 144 / var(--tw-text-opacity));
      }

.cat-list li.active .group:hover a{
        --tw-text-opacity: 1;
        color: rgb(0 157 144 / var(--tw-text-opacity));
      }

.glide__bullets {
  display: flex;
  align-items: center;
  bottom: 2rem;
}

.glide__bullet{
  position: relative;
  margin: 0 0.5em;
  box-shadow: none;
  width: 31px;
  height: 31px;
  border: 1px solid transparent;
  background-color: transparent;
}

.glide__bullet:after{
    border-radius: 9999px;
  }

.glide__bullet:after {
    content: "";
    width: 11px;
    height: 11px;
    border: 1px solid white;
    position: absolute;
    top: 9px;
    left: 9px;
  }

.glide__bullet:focus {
  border: 1px solid black;
  background-color: transparent;
}

.glide__bullet:hover {
  border: 1px solid;
  --tw-border-opacity: 1;
  border-color: rgb(0 157 144 / var(--tw-border-opacity));
  background-color: transparent;
}

.glide__bullet--active{
  position: relative;
  width: 31px;
  height: 31px;
  border: 1px solid white;
  background-color: transparent;
}

.glide__bullet--active:after{
    border-radius: 9999px;
  }

.glide__bullet--active:after {
    content: "";
    width: 11px;
    height: 11px;
    border: 1px solid white;
    position: absolute;
    top: 9px;
    left: 9px;
  }

.glide-clients .glide__bullets {
    bottom: 2rem;
  }

.glide-clients .glide__bullet:after {
      border: 1px solid black;
    }

.glide-clients .glide__bullet:focus {
  }

.glide-clients .glide__bullet:hover {
  }

.glide-clients .glide__bullet--active {
    border: 1px solid black;
  }

.glide-clients .glide__bullet--active:after {
      border: 1px solid black;
    }

.project-intro h2,.page-intro h2{
    font-family: Atkinson Hyperlegible, sans-serif;
  }

.project-intro h2,.page-intro h2{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

.project-intro h2,.page-intro h2{
    font-weight: 700;
  }

@media (min-width: 1024px){
      }

@media (min-width: 1024px){
      }

@media (min-width: 1024px){
      }

@media (min-width: 1024px){
      }

.project-list .featured-image img{
      width: 100%;
    }

.featured-icon{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 300px;
}

@media (min-width: 1024px){
  .featured-icon{
    --tw-translate-y: -1rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

.featured-content-image{
  position: relative;
  height: 500px;
  width: 100vw;
}

@media (min-width: 1024px){
  .featured-content-image{
    height: 700px;
  }
}

@media (min-width: 1260px){
  .featured-content-image{
    height: 900px;
  }
}

.featured-content-image {
  transform: translateX(calc(100vw - 100%));
}

.project-featured-image figure{
    padding-bottom: 3rem;
  }

.project-featured-image figure{
    opacity: 0;
  }

@media (min-width: 1024px){
    .project-featured-image figure{
      display: block;
    }
  }

@media (min-width: 1024px){
    .project-featured-image figure{
      opacity: 1;
    }
  }

.project-featured-image figure img{
      width: 100%;
    }

.project-featured-image .grid div{
      margin-left: auto;
      margin-right: auto;
    }

.project-featured-image .grid div{
      width: 90%;
    }

.project-featured-image .grid div{
      background-position: center;
    }

.project-featured-image .grid div{
      background-position: bottom;
    }

@media (min-width: 1024px){
      .project-featured-image .grid div{
        background-position: right bottom;
      }
    }

.project-featured-image .grid div {
      background-size: contain;
      background-repeat: no-repeat;
    }

.project-featured-image .mobile-image figure{
      display: none;
    }

@media (min-width: 1024px){
      .project-featured-image .mobile-image figure{
        display: block;
      }
    }

.project-featured-image .mobile-image .grid{
      position: relative;
    }

.project-featured-image .mobile-image .grid{
      height: 600px;
    }

@media (min-width: 1024px){
      .project-featured-image .mobile-image .grid{
        position: absolute;
      }
    }

@media (min-width: 1024px){
      .project-featured-image .mobile-image .grid{
        height: 100%;
      }
    }

.project-featured-image .mobile-image .grid div{
        width: 100%;
      }

@media (min-width: 1024px){
        .project-featured-image .mobile-image .grid div{
          width: 90%;
        }
      }

.project-featured-image .mobile-image .grid div {
        background-position: center bottom;
      }

.frame img{
    margin-left: auto;
    margin-right: auto;
  }

.frame img{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }

.frame img{
    padding: 2rem;
  }

figcaption{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

@media (min-width: 1024px){
    }

@media (min-width: 1024px){
    }

@media (min-width: 1024px){
    }

@media (min-width: 1024px){
    }

section .bg-primary a:hover{
      --tw-text-opacity: 1;
      color: rgb(0 0 0 / var(--tw-text-opacity));
    }

.prix-container ul.main > li{
      display: flex;
    }

.prix-container ul.main > li{
      flex-direction: column;
    }

.prix-container ul.main > li{
      padding-bottom: 1rem;
    }

.prix-container ul.main > li > div{
        display: flex;
      }

.prix-container ul.main > li > div{
        align-items: center;
      }

.related-post li a{
      text-transform: uppercase;
    }

.togglelist {
  list-style-type: none;
  list-style-position: outside;
}

.togglelist .toggle-element {
    transition: 0.2s;
    border-bottom: 1px solid $bg-medium;
  }

.togglelist .toggle-element:hover .item-title {
        color: $primary;
        cursor: pointer;
      }

.togglelist .toggle-element:hover .item-title:before {
          content: " ";
          background-image: url(../images/ui/caret_primary.svg);
          transition: right .2s ease-in;
        }

.togglelist .toggle-element .item-title {
      position: relative;
    }

.togglelist .toggle-element .item-title p {
        padding: 10px 2px;
        margin: 0;
      }

.togglelist .toggle-element .item-title:before {
        content: " ";
        background-image: url(../images/ui/caret_black.svg);
        background-repeat: no-repeat;
        background-position: center center;
        margin-top: -1px;
        width: 15px;
        height: 22px;
        position: absolute;
        top: 10px;
        right: 10px;
        display: inline-block;
        transition: .2s;
        //transform: rotate(90deg);
      }

.togglelist .toggle-element .item-content p {
        padding: 10px 2px;
      }

.togglelist .toggle-element.toggle-open .item-content{
      }

.togglelist .toggle-element.toggle-open .item-title:before {
          content: " ";
          transform: rotate(-90deg);
          transition: .2s;
        }

.togglelist .toggle-element.toggle-close .item-content{
      }

.togglelist .toggle-element.toggle-close .item-title:before {
          content: " ";
          transform: rotate(90deg);
          transition: .2s;
        }

#contact-form .field-holder{
    width: 100%;
  }

#contact-form .field-holder{
    padding-bottom: 1rem;
  }

#contact-form .field-holder input, #contact-form .field-holder textarea{
      width: 100%;
    }

#contact-form .field-holder input, #contact-form .field-holder textarea{
      background-color: transparent;
    }

#contact-form .field-holder input, #contact-form .field-holder textarea{
      --tw-text-opacity: 1;
      color: rgb(107 114 128 / var(--tw-text-opacity));
    }

#contact-form .field-holder input, #contact-form .field-holder textarea {
      border-bottom: 1px solid black;
    }

#contact-form .field-holder input{
      height: 2rem;
    }

#contact-form .field-holder .gfield_checkbox input{
        width: -moz-max-content;
        width: max-content;
      }

#contact-form .field-holder .gfield_checkbox .checkmark {
        border: 1px solid black;
      }

#contact-form .field-holder input:checked ~ .checkmark:after {
        background-color: black;
      }

#contact-form .field-holder label{
      --tw-text-opacity: 1;
      color: rgb(0 0 0 / var(--tw-text-opacity));
    }

#contact-form .field-holder label:hover{
      --tw-text-opacity: 1;
      color: rgb(0 0 0 / var(--tw-text-opacity));
    }

#contact-form .field-holder a{
      --tw-text-opacity: 1;
      color: rgb(0 0 0 / var(--tw-text-opacity));
    }

#contact-form .field-holder a:hover{
      --tw-text-opacity: 1;
      color: rgb(0 157 144 / var(--tw-text-opacity));
    }

#contact-form.white input, #contact-form.white textarea{
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity));
    }

input:hover, textarea:hover{
        --tw-text-opacity: 1;
        color: rgb(0 157 144 / var(--tw-text-opacity));
      }

input:hover, textarea:hover{
        --tw-text-opacity: 1;
        color: rgb(0 157 144 / var(--tw-text-opacity));
      }

@media (min-width: 1024px){
        }

@media (min-width: 1024px){
        }

input:hover, textarea:hover{
        --tw-text-opacity: 1;
        color: rgb(0 157 144 / var(--tw-text-opacity));
      }

@media (min-width: 1024px){
        }

@media (min-width: 1024px){
        }

#contact-form.white input, #contact-form.white textarea {
      border-bottom: 1px solid white;
    }

#contact-form.white .gfield_checkbox .checkmark {
        border: 1px solid white;
      }

#contact-form.white input:checked ~ .checkmark:after {
        background-color: white;
      }

#contact-form.white label{
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity));
    }

label:hover{
        --tw-text-opacity: 1;
        color: rgb(0 157 144 / var(--tw-text-opacity));
      }

label:hover{
        --tw-text-opacity: 1;
        color: rgb(0 157 144 / var(--tw-text-opacity));
      }

@media (min-width: 1024px){
        }

@media (min-width: 1024px){
        }

label:hover{
        --tw-text-opacity: 1;
        color: rgb(0 157 144 / var(--tw-text-opacity));
      }

@media (min-width: 1024px){
        }

@media (min-width: 1024px){
        }

#contact-form.white label:hover{
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity));
    }

#contact-form.white a{
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity));
    }

a:hover{
        --tw-text-opacity: 1;
        color: rgb(0 157 144 / var(--tw-text-opacity));
      }

a:hover{
        --tw-text-opacity: 1;
        color: rgb(0 157 144 / var(--tw-text-opacity));
      }

@media (min-width: 1024px){
        }

@media (min-width: 1024px){
        }

a:hover{
        --tw-text-opacity: 1;
        color: rgb(0 157 144 / var(--tw-text-opacity));
      }

@media (min-width: 1024px){
        }

@media (min-width: 1024px){
        }

#contact-form.white a:hover{
      --tw-text-opacity: 1;
      color: rgb(0 157 144 / var(--tw-text-opacity));
    }

#contact-form.white button{
      display: flex;
    }

#contact-form.white button{
      align-items: center;
    }

#contact-form.white button{
      border-width: 1px;
    }

#contact-form.white button{
      --tw-border-opacity: 1;
      border-color: rgb(255 255 255 / var(--tw-border-opacity));
    }

#contact-form.white button{
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }

#contact-form.white button{
      padding-top: 0.25rem;
      padding-bottom: 0.25rem;
    }

#contact-form.white button{
      font-weight: 400;
    }

#contact-form.white button{
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity));
    }

button:hover{
        --tw-text-opacity: 1;
        color: rgb(0 157 144 / var(--tw-text-opacity));
      }

button:hover{
        --tw-text-opacity: 1;
        color: rgb(0 157 144 / var(--tw-text-opacity));
      }

@media (min-width: 1024px){
        }

@media (min-width: 1024px){
        }

button:hover{
        --tw-text-opacity: 1;
        color: rgb(0 157 144 / var(--tw-text-opacity));
      }

@media (min-width: 1024px){
        }

@media (min-width: 1024px){
        }

#contact-form.white button:hover{
        --tw-border-opacity: 1;
        border-color: rgb(0 157 144 / var(--tw-border-opacity));
      }

#contact-form.white button:hover{
        --tw-text-opacity: 1;
        color: rgb(0 157 144 / var(--tw-text-opacity));
      }

/* CHECKBOX STYLER */

/* Customize the label (the container) */

.gfield_checkbox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-size: 16px;
  font-weight: 300 !important;
  line-height: 21px;
}

.gfield_checkbox input {
    left: 0;
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }

/* Hide the browser's default checkbox */

.optin-field .gfield_checkbox input {
  position: relative;
  opacity: 1;
  cursor: pointer;
}

/* Create a custom checkbox */

.gfield_checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 21px;
    width: 21px;
    border-radius: 50%;
    border: 1px solid white;
  }

.gfield_checkbox input:checked ~ .checkmark:after {
      content: " ";
      position: absolute;
      height: 15px;
      width: 15px;
      padding: 5px;
      border-radius: 50%;
      background-color: #fff;
      margin: 2px;
    }

html{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-family: Atkinson Hyperlegible, sans-serif;
}

body {
  transition: background-color 1s ease-out;
}

a {
  color: #000000;
  text-decoration: none;
}

.lock {
  overflow: hidden;
}

/*MENU*/

html.lock{
  height: 100%;
  overflow-y: hidden;
}

html.lock body{
    height: 100%;
  }

html.lock body a.logo {
      opacity: 1 !important;
    }

.scroll-down #main-menu{
    position: fixed;
  }

.scroll-down #main-menu{
    top: -90px;
  }

.scroll-down #main-menu{
    left: 0px;
  }

.scroll-up #main-menu{
    position: fixed;
  }

.scroll-up #main-menu{
    top: 0;
  }

.scroll-up #main-menu{
    left: 0px;
  }

.scroll-up #main-menu{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }

#main-menu{
  position: fixed;
  top: 0;
  z-index: 999;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  transition: all 0.4s ease-out;
}

#main-menu .menu-holder{
    display: flex;
  }

#main-menu .menu-holder{
    align-items: center;
  }

#main-menu .menu-holder{
    justify-content: space-between;
  }

#main-menu .menu-holder{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

#main-menu .menu-holder{
    text-align: center;
  }

#main-menu .menu-holder .menu-logo{
      cursor: pointer;
    }

#main-menu .menu-holder .menu-logo{
      background-color: transparent;
    }

#main-menu .menu-holder .menu-logo{
      background-position: center;
    }

#main-menu .menu-holder .menu-logo{
      background-repeat: no-repeat;
    }

#main-menu .menu-holder .menu-logo{
      padding-left: 1rem;
    }

@media (min-width: 1024px){
      #main-menu .menu-holder .menu-logo{
        padding-left: 0px;
      }
    }

#main-menu .menu-holder .menu-logo a.logo {
        transition: opacity 1s ease-out;
      }

#main-menu .menu-holder .menu-logo a.logo:hover .fill-header {
            fill: #009D90;
          }

@media not all and (min-width: 1024px){
        #main-menu .menu-holder nav[role=navigation] #menu{
          padding-top: 8rem;
        }
      }

#main-menu .menu-holder nav[role=navigation] #menu {
        transition: all 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
      }

#main-menu .menu-holder nav[role=navigation] #menu ul{
          margin-left: 2rem;
        }

#main-menu .menu-holder nav[role=navigation] #menu ul{
          display: flex;
        }

#main-menu .menu-holder nav[role=navigation] #menu ul{
          flex-direction: column;
        }

#main-menu .menu-holder nav[role=navigation] #menu ul{
          justify-content: space-between;
        }

#main-menu .menu-holder nav[role=navigation] #menu ul{
          gap: 2rem;
        }

@media (min-width: 1024px){
          #main-menu .menu-holder nav[role=navigation] #menu ul{
            flex-direction: row;
          }
        }

@media (min-width: 1024px){
          #main-menu .menu-holder nav[role=navigation] #menu ul{
            align-items: center;
          }
        }

@media (min-width: 1024px){
          #main-menu .menu-holder nav[role=navigation] #menu ul{
            justify-content: flex-end;
          }
        }

#main-menu .menu-holder nav[role=navigation] #menu ul li:not(.contact){
            display: inline-block;
          }

#main-menu .menu-holder nav[role=navigation] #menu ul li:not(.contact){
            list-style-type: none;
          }

#main-menu .menu-holder nav[role=navigation] #menu ul li:not(.contact){
            padding-top: 1rem;
            padding-bottom: 1rem;
          }

#main-menu .menu-holder nav[role=navigation] #menu ul li:not(.contact){
            text-align: left;
          }

#main-menu .menu-holder nav[role=navigation] #menu ul li:not(.contact) a{
              --tw-text-opacity: 1;
              color: rgb(0 0 0 / var(--tw-text-opacity));
            }

@media not all and (min-width: 1024px){
              #main-menu .menu-holder nav[role=navigation] #menu ul li:not(.contact) a{
                font-size: 1.25rem;
              }
            }

#main-menu .menu-holder nav[role=navigation] #menu ul li:not(.contact) a:hover {
                color: #009D90;
              }

#main-menu .menu-holder nav[role=navigation] #menu ul li:not(.contact).active a {
              color: #009D90;
            }

#main-menu .menu-holder nav[role=navigation] #menu ul li:not(.contact).phone{
              margin-top: 2rem;
            }

@media (min-width: 1024px){
              #main-menu .menu-holder nav[role=navigation] #menu ul li:not(.contact).phone{
                margin-top: 0px;
              }
            }

@media (min-width: 1024px){
              #main-menu .menu-holder nav[role=navigation] #menu ul li:not(.contact).phone{
                display: none;
              }
            }

#main-menu .menu-holder nav[role=navigation] #menu ul li:not(.contact).phone a{
                font-weight: 400;
              }

#main-menu .menu-holder nav[role=navigation] #menu ul li:not(.contact).current-menu-item a {
                color: #009D90;
              }

@media not all and (min-width: 1024px){
              #main-menu .menu-holder nav[role=navigation] #menu ul li.contact{
                padding-top: 16rem;
              }
            }

#main-menu .menu-holder nav[role=navigation] #menu ul li.contact p + .page-link:not(a){
                padding-top: 3rem;
              }

#main-menu .menu-holder nav[role=navigation] #menu ul li.contact a{
                display: flex;
              }

#main-menu .menu-holder nav[role=navigation] #menu ul li.contact a{
                align-items: center;
              }

#main-menu .menu-holder nav[role=navigation] #menu ul li.contact a{
                border-radius: 9999px;
              }

#main-menu .menu-holder nav[role=navigation] #menu ul li.contact a{
                border-width: 2px;
              }

#main-menu .menu-holder nav[role=navigation] #menu ul li.contact a{
                --tw-border-opacity: 1;
                border-color: rgb(0 0 0 / var(--tw-border-opacity));
              }

#main-menu .menu-holder nav[role=navigation] #menu ul li.contact a{
                background-color: transparent;
              }

#main-menu .menu-holder nav[role=navigation] #menu ul li.contact a{
                padding-left: 1.5rem;
                padding-right: 1.5rem;
              }

#main-menu .menu-holder nav[role=navigation] #menu ul li.contact a{
                padding-top: 0.25rem;
                padding-bottom: 0.25rem;
              }

#main-menu .menu-holder nav[role=navigation] #menu ul li.contact a{
                font-weight: 400;
              }

#main-menu .menu-holder nav[role=navigation] #menu ul li.contact a{
                --tw-text-opacity: 1;
                color: rgb(0 0 0 / var(--tw-text-opacity));
              }

#main-menu .menu-holder nav[role=navigation] #menu ul li.contact a {
                width: -moz-max-content;
                width: max-content
              }

#main-menu .menu-holder nav[role=navigation] #menu ul li.contact a:hover{
                --tw-border-opacity: 1;
                border-color: rgb(0 157 144 / var(--tw-border-opacity));
              }

#main-menu .menu-holder nav[role=navigation] #menu ul li.contact a:hover{
                --tw-text-opacity: 1;
                color: rgb(0 157 144 / var(--tw-text-opacity));
              }

@media not all and (min-width: 1024px){
                #main-menu .menu-holder nav[role=navigation] #menu ul li.contact a{
                  font-size: 1.25rem;
                }
              }

#main-menu .menu-holder nav[role=navigation] #menu ul li.contact.current-menu-item a{
                  --tw-border-opacity: 1;
                  border-color: rgb(0 157 144 / var(--tw-border-opacity));
                }

#main-menu .menu-holder nav[role=navigation] #menu ul li.contact.current-menu-item a {
                  color: #009D90;
                }

#main-menu .menu-holder nav[role=navigation] .toggleBox{
        padding-right: 1rem;
      }

@media (min-width: 1024px){
        #main-menu .menu-holder nav[role=navigation] .toggleBox{
          padding-right: 2rem;
        }
      }

#main-menu .menu-holder nav[role=navigation] .toggleBox #menuToggle{
          position: relative;
        }

#main-menu .menu-holder nav[role=navigation] .toggleBox #menuToggle{
          z-index: 10;
        }

#main-menu .menu-holder nav[role=navigation] .toggleBox #menuToggle{
          display: block;
        }

#main-menu .menu-holder nav[role=navigation] .toggleBox #menuToggle{
          height: 32px;
        }

#main-menu .menu-holder nav[role=navigation] .toggleBox #menuToggle{
          width: 40px;
        }

#main-menu .menu-holder nav[role=navigation] .toggleBox #menuToggle{
          cursor: pointer;
        }

#main-menu .menu-holder nav[role=navigation] .toggleBox #menuToggle {
          -webkit-user-select: none;
          -moz-user-select: none;
               user-select: none;
        }

#main-menu .menu-holder nav[role=navigation] .toggleBox #menuToggle span{
          margin-bottom: 0.5rem;
        }

#main-menu .menu-holder nav[role=navigation] .toggleBox #menuToggle span{
          display: block;
        }

#main-menu .menu-holder nav[role=navigation] .toggleBox #menuToggle span{
          height: 2px;
        }

#main-menu .menu-holder nav[role=navigation] .toggleBox #menuToggle span{
          width: 100%;
        }

#main-menu .menu-holder nav[role=navigation] .toggleBox #menuToggle span{
          --tw-bg-opacity: 1;
          background-color: rgb(0 0 0 / var(--tw-bg-opacity));
        }

#main-menu .menu-holder nav[role=navigation].open .toggleBox {
          background-color: white;
        }

#main-menu .menu-holder nav[role=navigation].open #menuToggle{
          padding-top: 0.5rem;
        }

#main-menu .menu-holder nav[role=navigation].open #menuToggle {
          z-index: 999;
        }

#main-menu .menu-holder nav[role=navigation].open #menuToggle span {
            opacity: 1;
            transform: rotate(45deg);
            background-color: #009D90;
            position: absolute;
          }

#main-menu .menu-holder nav[role=navigation].open #menuToggle span:nth-last-child(3){
          display: none;
        }

#main-menu .menu-holder nav[role=navigation].open #menuToggle span:nth-last-child(2) {
          transform: rotate(-45deg);
        }

#main-menu .menu-holder nav[role=navigation].open #menu {
          transform: none;
        }

footer .logo a:hover .fill-footer {
          fill: #009D90;
        }

footer.is-visible {
  }

footer .menu-item a {
      white-space: nowrap;
    }

footer .menu-item .sub-menu li{
        font-size: 0.9rem;
      }

footer .menu-item .sub-menu li{
        font-weight: 300;
      }

#menu-menu-footer-col-1 ul,#menu-menu-footer-col-2 ul{
    margin-bottom: 2rem;
  }

.entry-content h1,.block-editor-block-list__layout h1{
    font-size: 1.5rem;
    line-height: 2rem;
  }

.entry-content h2:not(.h2-text),.block-editor-block-list__layout h2:not(.h2-text){
    font-size: 1.25rem;
  }

.entry-content h3:not(.h3-text),.block-editor-block-list__layout h3:not(.h3-text){
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

.entry-content p a:not(.meta),.entry-content ul a:not(.meta),.entry-content ol a:not(.meta),.block-editor-block-list__layout p a:not(.meta),.block-editor-block-list__layout ul a:not(.meta),.block-editor-block-list__layout ol a:not(.meta){
      --tw-text-opacity: 1;
      color: rgb(59 130 246 / var(--tw-text-opacity));
    }

.entry-content p a:not(.meta),.entry-content ul a:not(.meta),.entry-content ol a:not(.meta),.block-editor-block-list__layout p a:not(.meta),.block-editor-block-list__layout ul a:not(.meta),.block-editor-block-list__layout ol a:not(.meta){
      text-decoration-line: underline;
    }

.entry-content p a:not(.meta):hover,.entry-content ul a:not(.meta):hover,.entry-content ol a:not(.meta):hover,.block-editor-block-list__layout p a:not(.meta):hover,.block-editor-block-list__layout ul a:not(.meta):hover,.block-editor-block-list__layout ol a:not(.meta):hover{
        text-decoration-line: none;
      }

.entry-content p, .entry-content ul, .entry-content ol, .block-editor-block-list__layout p, .block-editor-block-list__layout ul, .block-editor-block-list__layout ol{
    margin-bottom: 2rem;
  }

.entry-content p, .block-editor-block-list__layout p {
    margin-bottom: 0;
  }

.entry-content ul:not(.block-editor-block-variation-picker__variations) li,.block-editor-block-list__layout ul:not(.block-editor-block-variation-picker__variations) li{
      list-style-position: inside;
    }

.entry-content ul:not(.block-editor-block-variation-picker__variations) li,.block-editor-block-list__layout ul:not(.block-editor-block-variation-picker__variations) li{
      list-style-type: disc;
    }

.entry-content ol li,.block-editor-block-list__layout ol li{
      list-style-position: inside;
    }

.entry-content ol li,.block-editor-block-list__layout ol li{
      list-style-type: decimal;
    }

.entry-content.blog h1, .entry-content.blog h2, .entry-content.blog h3{
      margin-bottom: 0.75rem;
    }

.entry-content.blog p, .entry-content.blog img{
      margin-bottom: 1rem;
    }

.legal-page .entry-content h1, .legal-page .entry-content h2, .legal-page .entry-content h3, .landing-page .entry-content h1, .landing-page .entry-content h2, .landing-page .entry-content h3{
      margin-bottom: 0.75rem;
    }

.legal-page .entry-content p, .legal-page .entry-content img, .landing-page .entry-content p, .landing-page .entry-content img{
      margin-bottom: 1rem;
    }

.legal-page .entry-content li, .landing-page .entry-content li {
      list-style-type: none;
    }

.legal-page .entry-content article > div > div,.landing-page .entry-content article > div > div{
          padding-left: 1rem;
          padding-right: 1rem;
        }

.legal-page .entry-content article > div > div,.landing-page .entry-content article > div > div{
          padding-top: 2rem;
          padding-bottom: 2rem;
        }

.legal-page .entry-content article li,.landing-page .entry-content article li{
        list-style-position: inside;
      }

.legal-page .entry-content article li,.landing-page .entry-content article li{
        list-style-type: none;
      }

.legal-page .entry-content article li, .landing-page .entry-content article li {
        margin-bottom: 10px;
      }

.legal-page .entry-content h3{
      --tw-bg-opacity: 1;
      background-color: rgb(229 231 235 / var(--tw-bg-opacity));
    }

.legal-page .entry-content h3 {
      padding: 12px;
      font-weight: bold;
    }

.legal-page .entry-content table {
      width: 100%;
    }

.legal-page .entry-content table thead {
        text-align: left;
      }

.legal-page .entry-content ul li, .legal-page .entry-content ol li {
        margin-left: 1em;
        margin-bottom: 8px;
      }

#page-featured-content {
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
}

#page-featured-content .image-post-effect {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    //height: 450px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(1.1, 1.1);
  }

.page-template-_tmp-page-frontpage:not(.scroll-up) #apache_architectes_header .letter, .page-template-_tmp-page-projects:not(.scroll-up) #apache_architectes_header .letter, .page-template-_tmp-page-landing:not(.scroll-up) #apache_architectes_header .letter {
      fill: white;
    }

.page-template-_tmp-page-frontpage:not(.scroll-up) #apache_architectes_header .letter-color, .page-template-_tmp-page-projects:not(.scroll-up) #apache_architectes_header .letter-color, .page-template-_tmp-page-landing:not(.scroll-up) #apache_architectes_header .letter-color {
      fill: white;
    }

.page-template-_tmp-page-frontpage:not(.scroll-up) #apache_architectes_header #baseline, .page-template-_tmp-page-projects:not(.scroll-up) #apache_architectes_header #baseline, .page-template-_tmp-page-landing:not(.scroll-up) #apache_architectes_header #baseline {
      fill: white;
    }

.page-template-_tmp-page-frontpage:not(.scroll-up) #main-menu nav[role=navigation] #menu li:not(.contact) a,.page-template-_tmp-page-projects:not(.scroll-up) #main-menu nav[role=navigation] #menu li:not(.contact) a,.page-template-_tmp-page-landing:not(.scroll-up) #main-menu nav[role=navigation] #menu li:not(.contact) a{
            --tw-text-opacity: 1;
            color: rgb(255 255 255 / var(--tw-text-opacity));
          }

a:hover{
              --tw-text-opacity: 1;
              color: rgb(0 157 144 / var(--tw-text-opacity));
            }

a:hover{
              --tw-text-opacity: 1;
              color: rgb(0 157 144 / var(--tw-text-opacity));
            }

@media (min-width: 1024px){
              }

@media (min-width: 1024px){
              }

a:hover{
              --tw-text-opacity: 1;
              color: rgb(0 157 144 / var(--tw-text-opacity));
            }

@media (min-width: 1024px){
              }

@media (min-width: 1024px){
              }

.page-template-_tmp-page-frontpage:not(.scroll-up) #main-menu nav[role=navigation] #menu li:not(.contact) a:hover,.page-template-_tmp-page-projects:not(.scroll-up) #main-menu nav[role=navigation] #menu li:not(.contact) a:hover,.page-template-_tmp-page-landing:not(.scroll-up) #main-menu nav[role=navigation] #menu li:not(.contact) a:hover{
              --tw-border-opacity: 1;
              border-color: rgb(0 157 144 / var(--tw-border-opacity));
            }

.page-template-_tmp-page-frontpage:not(.scroll-up) #main-menu nav[role=navigation] #menu li:not(.contact) a:hover,.page-template-_tmp-page-projects:not(.scroll-up) #main-menu nav[role=navigation] #menu li:not(.contact) a:hover,.page-template-_tmp-page-landing:not(.scroll-up) #main-menu nav[role=navigation] #menu li:not(.contact) a:hover{
              --tw-text-opacity: 1;
              color: rgb(0 157 144 / var(--tw-text-opacity));
            }

.page-template-_tmp-page-frontpage:not(.scroll-up) #main-menu nav[role=navigation] #menu li.contact a,.page-template-_tmp-page-projects:not(.scroll-up) #main-menu nav[role=navigation] #menu li.contact a,.page-template-_tmp-page-landing:not(.scroll-up) #main-menu nav[role=navigation] #menu li.contact a{
            --tw-border-opacity: 1;
            border-color: rgb(255 255 255 / var(--tw-border-opacity));
          }

.page-template-_tmp-page-frontpage:not(.scroll-up) #main-menu nav[role=navigation] #menu li.contact a,.page-template-_tmp-page-projects:not(.scroll-up) #main-menu nav[role=navigation] #menu li.contact a,.page-template-_tmp-page-landing:not(.scroll-up) #main-menu nav[role=navigation] #menu li.contact a{
            --tw-text-opacity: 1;
            color: rgb(255 255 255 / var(--tw-text-opacity));
          }

a:hover{
              --tw-text-opacity: 1;
              color: rgb(0 157 144 / var(--tw-text-opacity));
            }

a:hover{
              --tw-text-opacity: 1;
              color: rgb(0 157 144 / var(--tw-text-opacity));
            }

@media (min-width: 1024px){
              }

@media (min-width: 1024px){
              }

a:hover{
              --tw-text-opacity: 1;
              color: rgb(0 157 144 / var(--tw-text-opacity));
            }

@media (min-width: 1024px){
              }

@media (min-width: 1024px){
              }

.page-template-_tmp-page-frontpage:not(.scroll-up) #main-menu nav[role=navigation] #menu li.contact a:hover,.page-template-_tmp-page-projects:not(.scroll-up) #main-menu nav[role=navigation] #menu li.contact a:hover,.page-template-_tmp-page-landing:not(.scroll-up) #main-menu nav[role=navigation] #menu li.contact a:hover{
              --tw-border-opacity: 1;
              border-color: rgb(0 157 144 / var(--tw-border-opacity));
            }

.page-template-_tmp-page-frontpage:not(.scroll-up) #main-menu nav[role=navigation] #menu li.contact a:hover,.page-template-_tmp-page-projects:not(.scroll-up) #main-menu nav[role=navigation] #menu li.contact a:hover,.page-template-_tmp-page-landing:not(.scroll-up) #main-menu nav[role=navigation] #menu li.contact a:hover{
              --tw-text-opacity: 1;
              color: rgb(0 157 144 / var(--tw-text-opacity));
            }

.error404,
.page-template-_tmp-page-services,
.page-template-_tmp-page-works,
.page-template-_tmp-page-works-projects,
.page-template-_tmp-page-about,
.page-template-_tmp-page-contact,
.page-template-_tmp-page-landing {
}

.page-template-_tmp-page-frontpage,
.page-template-_tmp-page-sobrenous,
.post-type-archive-project,
.single-project {
  background-color: #f0f0eb;
}

@media (min-width: 1024px){
  .lg\:container{
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }

  @media (min-width: 480px){
    .lg\:container{
      max-width: 480px;
    }
  }

  @media (min-width: 600px){
    .lg\:container{
      max-width: 600px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }

  @media (min-width: 782px){
    .lg\:container{
      max-width: 782px;
    }
  }

  @media (min-width: 1024px){
    .lg\:container{
      max-width: 1024px;
      padding-right: 0rem;
      padding-left: 0rem;
    }
  }

  @media (min-width: 1260px){
    .lg\:container{
      max-width: 1260px;
    }
  }

  @media (min-width: 1440px){
    .lg\:container{
      max-width: 1440px;
    }
  }

  @media (min-width: 1536px){
    .lg\:container{
      max-width: 1536px;
    }
  }
}

@media (min-width: 1260px){
  .xl\:container{
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }

  @media (min-width: 480px){
    .xl\:container{
      max-width: 480px;
    }
  }

  @media (min-width: 600px){
    .xl\:container{
      max-width: 600px;
      padding-right: 2rem;
      padding-left: 2rem;
    }
  }

  @media (min-width: 782px){
    .xl\:container{
      max-width: 782px;
    }
  }

  @media (min-width: 1024px){
    .xl\:container{
      max-width: 1024px;
      padding-right: 0rem;
      padding-left: 0rem;
    }
  }

  @media (min-width: 1260px){
    .xl\:container{
      max-width: 1260px;
    }
  }

  @media (min-width: 1440px){
    .xl\:container{
      max-width: 1440px;
    }
  }

  @media (min-width: 1536px){
    .xl\:container{
      max-width: 1536px;
    }
  }
}

.hover\:border-primary:hover{
  --tw-border-opacity: 1;
  border-color: rgb(0 157 144 / var(--tw-border-opacity));
}

.group:hover .group-hover\:fill-primary{
  fill: #009D90;
}

.group:hover .group-hover\:text-primary{
  --tw-text-opacity: 1;
  color: rgb(0 157 144 / var(--tw-text-opacity));
}

@media not all and (min-width: 1260px){
  .max-xl\:w-full{
    width: 100%;
  }
}

@media not all and (min-width: 1024px){
  .max-lg\:origin-top-left{
    transform-origin: top left;
  }

  .max-lg\:translate-x-full{
    --tw-translate-x: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

@media (min-width: 1024px){
  .lg\:absolute{
    position: absolute;
  }

  .lg\:relative{
    position: relative;
  }

  .lg\:-bottom-12{
    bottom: -3rem;
  }

  .lg\:order-1{
    order: 1;
  }

  .lg\:col-span-2{
    grid-column: span 2 / span 2;
  }

  .lg\:col-span-3{
    grid-column: span 3 / span 3;
  }

  .lg\:col-start-1{
    grid-column-start: 1;
  }

  .lg\:col-start-2{
    grid-column-start: 2;
  }

  .lg\:col-start-3{
    grid-column-start: 3;
  }

  .lg\:mx-auto{
    margin-left: auto;
    margin-right: auto;
  }

  .lg\:ml-8{
    margin-left: 2rem;
  }

  .lg\:ml-auto{
    margin-left: auto;
  }

  .lg\:mt-0{
    margin-top: 0px;
  }

  .lg\:block{
    display: block;
  }

  .lg\:grid{
    display: grid;
  }

  .lg\:hidden{
    display: none;
  }

  .lg\:h-\[100px\]{
    height: 100px;
  }

  .lg\:h-\[13px\]{
    height: 13px;
  }

  .lg\:h-\[15px\]{
    height: 15px;
  }

  .lg\:h-\[700px\]{
    height: 700px;
  }

  .lg\:h-\[9px\]{
    height: 9px;
  }

  .lg\:w-\[15px\]{
    width: 15px;
  }

  .lg\:w-\[19px\]{
    width: 19px;
  }

  .lg\:w-\[90\%\]{
    width: 90%;
  }

  .lg\:w-full{
    width: 100%;
  }

  .lg\:max-w-\[70\%\]{
    max-width: 70%;
  }

  .lg\:translate-y-\[200px\]{
    --tw-translate-y: 200px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .lg\:grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .lg\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .lg\:flex-row{
    flex-direction: row;
  }

  .lg\:items-center{
    align-items: center;
  }

  .lg\:justify-end{
    justify-content: flex-end;
  }

  .lg\:bg-transparent{
    background-color: transparent;
  }

  .lg\:p-4{
    padding: 1rem;
  }

  .lg\:p-8{
    padding: 2rem;
  }

  .lg\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .lg\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:pb-64{
    padding-bottom: 16rem;
  }

  .lg\:pl-8{
    padding-left: 2rem;
  }

  .lg\:pl-\[30\%\]{
    padding-left: 30%;
  }

  .lg\:pl-\[40\%\]{
    padding-left: 40%;
  }

  .lg\:pt-0{
    padding-top: 0px;
  }

  .lg\:text-left{
    text-align: left;
  }

  .lg\:text-center{
    text-align: center;
  }

  .lg\:text-right{
    text-align: right;
  }

  .lg\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .lg\:text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .lg\:text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .lg\:text-5xl{
    font-size: 3rem;
    line-height: 1;
  }

  .lg\:text-6xl{
    font-size: 3.75rem;
    line-height: 1;
  }

  .lg\:leading-10{
    line-height: 2.5rem;
  }

  .lg\:opacity-100{
    opacity: 1;
  }
}

@media (min-width: 1260px){
  .xl\:mx-auto{
    margin-left: auto;
    margin-right: auto;
  }

  .xl\:h-\[900px\]{
    height: 900px;
  }

  .xl\:items-center{
    align-items: center;
  }

  .xl\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

  .xl\:pl-12{
    padding-left: 3rem;
  }

  .xl\:pl-4{
    padding-left: 1rem;
  }

  .xl\:pl-8{
    padding-left: 2rem;
  }

  .xl\:pr-12{
    padding-right: 3rem;
  }

  .xl\:pr-4{
    padding-right: 1rem;
  }

  .xl\:pr-8{
    padding-right: 2rem;
  }

  .xl\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .xl\:text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .xl\:text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .xl\:text-5xl{
    font-size: 3rem;
    line-height: 1;
  }

  .xl\:leading-10{
    line-height: 2.5rem;
  }
}