/*!********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/scss/style.scss ***!
  \********************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700&display=swap);
/*!************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/scss/style.scss (1) ***!
  \************************************************************************************************************************************************************/
@charset "UTF-8";
*, ::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:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::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:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
/*
! tailwindcss v3.4.16 | 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: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 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: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 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 */
  letter-spacing: 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,
input:where([type='button']),
input:where([type='reset']),
input:where([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: #e0e0e0; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #e0e0e0; /* 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]:where(:not([hidden="until-found"])) {
  display: none;
}
.container{
  width: 100%;
}
@media (min-width: 576px){
  .container{
    max-width: 576px;
  }
}
@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}
@media (min-width: 1024px){
  .container{
    max-width: 1024px;
  }
}
@media (min-width: 1280px){
  .container{
    max-width: 1280px;
  }
}
@media (min-width: 1536px){
  .container{
    max-width: 1536px;
  }
}
@media (min-width: 1600px){
  .container{
    max-width: 1600px;
  }
}
.fixed{
  position: fixed;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.sticky{
  position: sticky;
}
.inset-0{
  inset: 0px;
}
.order-1{
  order: 1;
}
.order-2{
  order: 2;
}
.order-3{
  order: 3;
}
.m-1{
  margin: 0.25rem;
}
.m-10{
  margin: 2.5rem;
}
.m-11{
  margin: 2.75rem;
}
.m-12{
  margin: 3rem;
}
.m-2{
  margin: 0.5rem;
}
.m-3{
  margin: 0.75rem;
}
.m-4{
  margin: 1rem;
}
.m-5{
  margin: 1.25rem;
}
.m-6{
  margin: 1.5rem;
}
.m-7{
  margin: 1.75rem;
}
.m-8{
  margin: 2rem;
}
.m-9{
  margin: 2.25rem;
}
.mx-1{
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-10{
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
.mx-11{
  margin-left: 2.75rem;
  margin-right: 2.75rem;
}
.mx-12{
  margin-left: 3rem;
  margin-right: 3rem;
}
.mx-2{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-3{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-4{
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-5{
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.mx-6{
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.mx-7{
  margin-left: 1.75rem;
  margin-right: 1.75rem;
}
.mx-8{
  margin-left: 2rem;
  margin-right: 2rem;
}
.mx-9{
  margin-left: 2.25rem;
  margin-right: 2.25rem;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.my-1{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-10{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.my-11{
  margin-top: 2.75rem;
  margin-bottom: 2.75rem;
}
.my-12{
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.my-2{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-3{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-5{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.my-6{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.my-7{
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}
.my-8{
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my-9{
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}
.mb-1{
  margin-bottom: 0.25rem;
}
.mb-10{
  margin-bottom: 2.5rem;
}
.mb-11{
  margin-bottom: 2.75rem;
}
.mb-12{
  margin-bottom: 3rem;
}
.mb-2{
  margin-bottom: 0.5rem;
}
.mb-3{
  margin-bottom: 0.75rem;
}
.mb-4{
  margin-bottom: 1rem;
}
.mb-5{
  margin-bottom: 1.25rem;
}
.mb-6{
  margin-bottom: 1.5rem;
}
.mb-7{
  margin-bottom: 1.75rem;
}
.mb-8{
  margin-bottom: 2rem;
}
.mb-9{
  margin-bottom: 2.25rem;
}
.ml-1{
  margin-left: 0.25rem;
}
.ml-10{
  margin-left: 2.5rem;
}
.ml-11{
  margin-left: 2.75rem;
}
.ml-12{
  margin-left: 3rem;
}
.ml-2{
  margin-left: 0.5rem;
}
.ml-3{
  margin-left: 0.75rem;
}
.ml-4{
  margin-left: 1rem;
}
.ml-5{
  margin-left: 1.25rem;
}
.ml-6{
  margin-left: 1.5rem;
}
.ml-7{
  margin-left: 1.75rem;
}
.ml-8{
  margin-left: 2rem;
}
.ml-9{
  margin-left: 2.25rem;
}
.mr-1{
  margin-right: 0.25rem;
}
.mr-10{
  margin-right: 2.5rem;
}
.mr-11{
  margin-right: 2.75rem;
}
.mr-12{
  margin-right: 3rem;
}
.mr-2{
  margin-right: 0.5rem;
}
.mr-3{
  margin-right: 0.75rem;
}
.mr-4{
  margin-right: 1rem;
}
.mr-5{
  margin-right: 1.25rem;
}
.mr-6{
  margin-right: 1.5rem;
}
.mr-7{
  margin-right: 1.75rem;
}
.mr-8{
  margin-right: 2rem;
}
.mr-9{
  margin-right: 2.25rem;
}
.mt-1{
  margin-top: 0.25rem;
}
.mt-10{
  margin-top: 2.5rem;
}
.mt-11{
  margin-top: 2.75rem;
}
.mt-12{
  margin-top: 3rem;
}
.mt-2{
  margin-top: 0.5rem;
}
.mt-3{
  margin-top: 0.75rem;
}
.mt-4{
  margin-top: 1rem;
}
.mt-5{
  margin-top: 1.25rem;
}
.mt-6{
  margin-top: 1.5rem;
}
.mt-7{
  margin-top: 1.75rem;
}
.mt-8{
  margin-top: 2rem;
}
.mt-9{
  margin-top: 2.25rem;
}
.block{
  display: block;
}
.inline-block{
  display: inline-block;
}
.inline{
  display: inline;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.grid{
  display: grid;
}
.hidden{
  display: none;
}
.h-12{
  height: 3rem;
}
.h-16{
  height: 4rem;
}
.h-4{
  height: 1rem;
}
.h-48{
  height: 12rem;
}
.h-8{
  height: 2rem;
}
.h-auto{
  height: auto;
}
.h-full{
  height: 100%;
}
.w-12{
  width: 3rem;
}
.w-16{
  width: 4rem;
}
.w-8{
  width: 2rem;
}
.w-full{
  width: 100%;
}
.flex-1{
  flex: 1 1 0%;
}
.flex-grow{
  flex-grow: 1;
}
.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));
}
.resize{
  resize: both;
}
.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-col{
  flex-direction: column;
}
.flex-wrap{
  flex-wrap: wrap;
}
.items-start{
  align-items: flex-start;
}
.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;
}
.gap-4{
  gap: 1rem;
}
.gap-6{
  gap: 1.5rem;
}
.gap-8{
  gap: 2rem;
}
.gap-y-8{
  row-gap: 2rem;
}
.space-x-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.overflow-hidden{
  overflow: hidden;
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-lg{
  border-radius: 0.5rem;
}
.border{
  border-width: 1px;
}
.border-t{
  border-top-width: 1px;
}
.border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(220 220 220 / var(--tw-border-opacity, 1));
}
.border-white{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-gray-300{
  --tw-bg-opacity: 1;
  background-color: rgb(220 220 220 / var(--tw-bg-opacity, 1));
}
.bg-red-500{
  --tw-bg-opacity: 1;
  background-color: rgb(192 4 24 / var(--tw-bg-opacity, 1));
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-opacity-60{
  --tw-bg-opacity: 0.6;
}
.bg-opacity-75{
  --tw-bg-opacity: 0.75;
}
.bg-repeat{
  background-repeat: repeat;
}
.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}
.p-1{
  padding: 0.25rem;
}
.p-10{
  padding: 2.5rem;
}
.p-11{
  padding: 2.75rem;
}
.p-12{
  padding: 3rem;
}
.p-2{
  padding: 0.5rem;
}
.p-3{
  padding: 0.75rem;
}
.p-4{
  padding: 1rem;
}
.p-5{
  padding: 1.25rem;
}
.p-6{
  padding: 1.5rem;
}
.p-7{
  padding: 1.75rem;
}
.p-8{
  padding: 2rem;
}
.p-9{
  padding: 2.25rem;
}
.px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-10{
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-11{
  padding-left: 2.75rem;
  padding-right: 2.75rem;
}
.px-12{
  padding-left: 3rem;
  padding-right: 3rem;
}
.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-7{
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-9{
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}
.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-10{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-11{
  padding-top: 2.75rem;
  padding-bottom: 2.75rem;
}
.py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-20{
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-7{
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-9{
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
.pb-1{
  padding-bottom: 0.25rem;
}
.pb-10{
  padding-bottom: 2.5rem;
}
.pb-11{
  padding-bottom: 2.75rem;
}
.pb-12{
  padding-bottom: 3rem;
}
.pb-2{
  padding-bottom: 0.5rem;
}
.pb-3{
  padding-bottom: 0.75rem;
}
.pb-4{
  padding-bottom: 1rem;
}
.pb-5{
  padding-bottom: 1.25rem;
}
.pb-6{
  padding-bottom: 1.5rem;
}
.pb-7{
  padding-bottom: 1.75rem;
}
.pb-8{
  padding-bottom: 2rem;
}
.pb-9{
  padding-bottom: 2.25rem;
}
.pl-1{
  padding-left: 0.25rem;
}
.pl-10{
  padding-left: 2.5rem;
}
.pl-11{
  padding-left: 2.75rem;
}
.pl-12{
  padding-left: 3rem;
}
.pl-2{
  padding-left: 0.5rem;
}
.pl-3{
  padding-left: 0.75rem;
}
.pl-4{
  padding-left: 1rem;
}
.pl-5{
  padding-left: 1.25rem;
}
.pl-6{
  padding-left: 1.5rem;
}
.pl-7{
  padding-left: 1.75rem;
}
.pl-8{
  padding-left: 2rem;
}
.pl-9{
  padding-left: 2.25rem;
}
.pr-1{
  padding-right: 0.25rem;
}
.pr-10{
  padding-right: 2.5rem;
}
.pr-11{
  padding-right: 2.75rem;
}
.pr-12{
  padding-right: 3rem;
}
.pr-2{
  padding-right: 0.5rem;
}
.pr-3{
  padding-right: 0.75rem;
}
.pr-4{
  padding-right: 1rem;
}
.pr-5{
  padding-right: 1.25rem;
}
.pr-6{
  padding-right: 1.5rem;
}
.pr-7{
  padding-right: 1.75rem;
}
.pr-8{
  padding-right: 2rem;
}
.pr-9{
  padding-right: 2.25rem;
}
.pt-1{
  padding-top: 0.25rem;
}
.pt-10{
  padding-top: 2.5rem;
}
.pt-11{
  padding-top: 2.75rem;
}
.pt-12{
  padding-top: 3rem;
}
.pt-2{
  padding-top: 0.5rem;
}
.pt-3{
  padding-top: 0.75rem;
}
.pt-4{
  padding-top: 1rem;
}
.pt-5{
  padding-top: 1.25rem;
}
.pt-6{
  padding-top: 1.5rem;
}
.pt-7{
  padding-top: 1.75rem;
}
.pt-8{
  padding-top: 2rem;
}
.pt-9{
  padding-top: 2.25rem;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.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-5xl{
  font-size: 3rem;
  line-height: 1;
}
.text-6xl{
  font-size: 3.75rem;
  line-height: 1;
}
.text-7xl{
  font-size: 4.5rem;
  line-height: 1;
}
.text-8xl{
  font-size: 6rem;
  line-height: 1;
}
.text-9xl{
  font-size: 8rem;
  line-height: 1;
}
.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-black{
  font-weight: 900;
}
.font-bold{
  font-weight: 700;
}
.font-extrabold{
  font-weight: 800;
}
.font-light{
  font-weight: 300;
}
.font-medium{
  font-weight: 500;
}
.font-normal{
  font-weight: 400;
}
.font-semibold{
  font-weight: 600;
}
.font-thin{
  font-weight: 100;
}
.uppercase{
  text-transform: uppercase;
}
.italic{
  font-style: italic;
}
.not-italic{
  font-style: normal;
}
.text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-gray-600{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(100 101 103 / var(--tw-text-opacity, 1));
}
.text-gray-800{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.text-red-500{
  --tw-text-opacity: 1;
  color: rgb(192 4 24 / var(--tw-text-opacity, 1));
}
.text-red-600{
  --tw-text-opacity: 1;
  color: rgb(186 14 14 / var(--tw-text-opacity, 1));
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.antialiased{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline{
  outline-style: solid;
}
.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);
}
.backdrop-filter{
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.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;
}
.transition-colors{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-200{
  transition-duration: 200ms;
}
.duration-300{
  transition-duration: 300ms;
}
.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
/* Your custom styles here */
@font-face {
  font-family: 'Museo';
  src: url(../6e59d13c997ce8207cea.woff2) format("woff2"), url(../01b866a513eb574e8daf.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Museo';
  src: url(../a56500c6a8cb90daee7f.woff2) format("woff2"), url(../79342acefcc2c1625f9f.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

h1, h2{
  font-family: Museo, sans-serif;
}

h1 {
  font-size: 2rem;
  line-height: 1;
  padding-bottom: 1.4rem; }
  @media (min-width: 1024px) {
    h1 {
      font-size: 2.5rem; } }
  @media (min-width: 1600px) {
    h1 {
      font-size: 3rem; } }

h2 {
  font-size: 1.5rem;
  line-height: 1;
  padding-bottom: 1.1rem; }
  @media (min-width: 1024px) {
    h2 {
      font-size: 2rem; } }
  @media (min-width: 1600px) {
    h2 {
      font-size: 2.5rem; } }

h3 {
  font-size: 1.35rem;
  font-weight: bold;
  color: #c00418;
  line-height: 1.2;
  padding-bottom: 1rem; }
  @media (min-width: 1024px) {
    h3 {
      font-size: 1.5rem; } }

h4 {
  font-size: 1.25rem;
  line-height: 1.2;
  padding-bottom: 0.875rem; }
  @media (min-width: 1024px) {
    h4 {
      font-size: 1.35rem; } }

h5 {
  font-size: 1rem;
  line-height: 1.3;
  padding-bottom: 0.75rem; }
  @media (min-width: 1024px) {
    h5 {
      font-size: 1.25rem; } }
  @media (min-width: 1600px) {
    h5 {
      font-size: 1.75rem; } }

h6 {
  font-size: 0.875rem;
  line-height: 1.3;
  padding-bottom: 0.625rem; }
  @media (min-width: 1024px) {
    h6 {
      font-size: 1.125rem; } }
  @media (min-width: 1600px) {
    h6 {
      font-size: 1.5rem; } }

p {
  margin-bottom: 5px; }

body{
  font-family: Raleway, sans-serif;
}

/* General styles for lists */
ul, ol {
  margin: 0;
  list-style-position: inside;
  /* Bullets or numbers inside the list container */ }

/* Unordered list styles */
ul {
  list-style-type: disc;
  /* Default bullet style */ }

ul li {
  padding: 5px 0;
  font-size: 16px; }

/* Ordered list styles */
ol {
  list-style-type: decimal;
  /* Default numbering style */ }

ol li {
  padding: 5px 0;
  font-size: 16px; }

/* Styling for nested lists */
ul ul, ol ul,
ul ol, ol ol {
  margin-left: 20px;
  list-style-type: circle;
  /* Change bullet style for nested unordered lists */ }

/* Custom bullet points for unordered lists */
.custom-bullets ul {
  list-style: none;
  /* Remove default bullets */ }

.custom-bullets ul li::before {
  content: '\f33b';
  /* Add custom bullet */
  color: #c00418;
  /* Bullet color */
  font-size: 18px;
  /* Bullet size */
  font-weight: 300;
  margin-right: 10px;
  /* Space between bullet and text */
  display: inline-block;
  font-family: 'Font Awesome 5 Pro';
  position: relative;
  top: 1px; }

/* Custom numbering for ordered lists */
ol.custom-numbers {
  list-style: none;
  /* Remove default numbers */
  counter-reset: custom-counter;
  /* Reset counter */ }

ol.custom-numbers li {
  counter-increment: custom-counter;
  /* Increment counter */ }

ol.custom-numbers li::before {
  content: counter(custom-counter) ". ";
  /* Add custom numbering */
  color: #bb191e;
  /* Number color */
  font-size: 18px;
  /* Number size */
  font-weight: bold;
  margin-right: 10px;
  /* Space between number and text */ }

.vc_toggle_title h4 {
  font-size: 1.2rem; }

.border-w-radius-white {
  border-top-width: 5px !important;
  border-right-width: 5px !important;
  border-bottom-width: 5px !important;
  border-left-width: 5px !important;
  padding: 30px;
  background-color: #ffffff !important;
  border-left-color: #ffffff !important;
  border-right-color: #ffffff !important;
  border-top-color: #ffffff !important;
  border-bottom-color: #ffffff !important;
  border-radius: 10px !important; }

.border-w-radius-gray {
  border-top-width: 5px !important;
  border-right-width: 5px !important;
  border-bottom-width: 5px !important;
  border-left-width: 5px !important;
  padding: 30px !important;
  background-color: #eaeaea !important;
  border-left-color: #eaeaea !important;
  border-right-color: #eaeaea !important;
  border-top-color: #eaeaea !important;
  border-bottom-color: #eaeaea !important;
  border-radius: 10px !important; }

.ombre-portee {
  box-shadow: 0px 0px 40px -10px rgba(86, 86, 86, 0.4); }

button, input {
  border: none; }
  button:focus, button:hover, button:active, input:focus, input:hover, input:active {
    outline: none; }

.btn {
  font-size: 10px;
  padding: 5px 10px;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 15px;
  font-weight: 800; }
  @media (min-width: 1024px) {
    .btn {
      font-size: 14px; } }
  .btn-black {
    background-color: #000000;
    color: #ffffff;
    border: 1px solid #000000;
    text-transform: uppercase; }
    .btn-black:hover {
      background-color: #ffffff;
      border: 1px solid #000000;
      color: #000000; }

/*********************
BOUTON NETAO
*********************/
.container-button-netao {
  margin-bottom: 10px; }
  @media (min-width: 1024px) {
    .container-button-netao {
      font-size: 20px; } }

.button-netao {
  font-size: 10px;
  padding: 5px 10px;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  font-weight: 800;
  border-radius: 15px; }
  @media (min-width: 1024px) {
    .button-netao {
      font-size: 20px; } }
  .button-netao:hover {
    background-color: #000000;
    color: #ffffff; }

.button-txt-white {
  color: #ffffff !important; }

.button-txt-black {
  color: #000000 !important; }

.button-txt-red {
  color: #c00418 !important; }

.button-txt-hover-black:hover {
  color: #000000 !important; }

.button-txt-hover-white:hover {
  color: #ffffff !important; }

.button-txt-hover-red:hover {
  color: #c00418 !important; }

.button-background-black {
  background: #000000 !important; }

.button-background-white {
  background: #ffffff !important; }

.button-background-red {
  background: #c00418 !important; }

.button-background-hover-black:hover {
  background: #000000 !important; }

.button-background-hover-white:hover {
  background: #ffffff !important; }

.button-background-hover-red:hover {
  background: #c00418 !important; }

.button-size-small {
  font-size: 12px;
  padding: 5px 10px;
  text-transform: uppercase; }
  @media (min-width: 1024px) {
    .button-size-small {
      font-size: 14px; } }

.button-size-medium {
  font-size: 14px;
  padding: 6px 14px;
  text-transform: uppercase;
  border-radius: 18px; }
  @media (min-width: 1024px) {
    .button-size-medium {
      font-size: 16px; } }

.button-size-large {
  font-size: 16px;
  padding: 8px 20px;
  text-transform: uppercase;
  border-radius: 32px; }
  @media (min-width: 1024px) {
    .button-size-large {
      font-size: 18px; } }

.button-border-black {
  border: 1px solid #000000 !important; }

.button-border-white {
  border: 1px solid #ffffff !important; }

.button-border-red {
  border: 1px solid #c00418 !important; }

.button-border-hover-black:hover {
  border: 1px solid #000000 !important; }

.button-border-hover-white:hover {
  border: 1px solid #ffffff !important; }

.button-border-hover-red:hover {
  border: 1px solid #c00418 !important; }

/* Default btn align */
.container-button-netao {
  display: block;
  max-width: 100%; }

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

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

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

.gform_button {
  text-transform: uppercase !important; }

.cta-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 100%;
  background: #c00418;
  border-radius: 40px;
  font-size: 12px;
  line-height: 1.2;
  color: #ffffff;
  font-weight: 800;
  text-transform: uppercase;
  overflow: hidden;
  position: relative;
  text-align: center;
  padding: 10px 20px 10px 44px;
  outline: none;
  border: none;
  transition: 0.5s; }
  .cta-button::before {
    content: '\f061';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translate(0, -50%);
    width: 25px;
    height: 25px;
    background: #ffffff;
    border-radius: 50%;
    color: #c00418;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    transition: 0.5s;
    z-index: 5; }
  .cta-button:hover {
    background: #000000;
    color: #ffffff;
    padding: 10px 44px 10px 20px; }
  .cta-button:hover:before {
    left: calc(100% - 30px);
    transform: translate(0, -50%);
    background: #ffffff;
    color: #000000; }

.gform_required_legend {
  display: none; }

.cww-ssf-outer-wrapp.btn-position-right .toggle-wrapp {
  right: -66px !important; }

/*********************
SCROLL
*********************/
.mouse_scroll {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 110;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  margin: 0 auto; }
  @media (min-width: 768px) {
    .mouse_scroll {
      margin: inherit; } }

.mouse_scroll *, .mouse_scroll *:before, .mouse_scroll *:after {
  box-sizing: border-box; }

@media print, screen and (min-width: 40em) {
  .mouse_scroll {
    display: flex;
    flex-direction: column;
    align-items: center; } }

.m_scroll_arrows {
  display: block;
  transform: rotate(45deg);
  border-right: 2px solid #c00418;
  border-bottom: 2px solid #c00418;
  margin: 0 0 3px 0px;
  width: 13px;
  height: 13px; }

.un {
  margin-top: 1px; }

.un, .deux, .trois {
  animation: mouse-scroll 1s infinite; }

.un {
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  animation-direction: alternate; }

.deux {
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  -webkit-animation-direction: alternate;
  animation-delay: .2s;
  animation-direction: alternate;
  margin-top: -6px; }

.trois {
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -webkit-animation-direction: alternate;
  animation-delay: .3s;
  animation-direction: alternate;
  margin-top: -6px; }

.mouse {
  height: 34px;
  width: 20px;
  border-radius: 14px;
  transform: none;
  background: #ffffff;
  border: 2px solid #646567;
  top: 170px; }

.wheel {
  display: block;
  margin: 5px auto;
  background: #ffffff;
  position: relative;
  height: 4px;
  width: 4px;
  border: 2px solid #c00418;
  border-radius: 8px;
  animation: 2s mouse-wheel linear infinite; }

@keyframes mouse-wheel {
  0% {
    top: 0%;
    opacity: 1; }
  25% {
    top: 25%; }
  50% {
    top: 50%; }
  75% {
    top: 50%;
    opacity: 0; }
  100% {
    top: 50%;
    opacity: 0; } }

@keyframes mouse-scroll {
  0% {
    opacity: 0; } }

.site-header-front-page {
  height: 90vh; }

.site-header {
  padding-top: 0;
  position: relative; }
  @media (min-width: 1024px) {
    .site-header {
      padding-top: 55px; } }
  .site-header .navigation {
    padding-left: 15px;
    padding-right: 15px; }
  .site-header .logo {
    padding-top: 55px; }
    @media (min-width: 1024px) {
      .site-header .logo {
        padding-top: 0; } }
  .site-header .header-right {
    width: 100%;
    margin-bottom: 40px;
    padding: 10px 0; }
    @media (min-width: 1024px) {
      .site-header .header-right {
        margin-bottom: 0; } }
    .site-header .header-right p {
      color: #c00418;
      font-weight: 900;
      text-align: center;
      font-size: 18px; }
      @media (min-width: 1024px) {
        .site-header .header-right p {
          font-size: 20px; } }
      @media (min-width: 1600px) {
        .site-header .header-right p {
          font-size: 24px; } }
  .site-header .header-content {
    position: relative;
    z-index: 100;
    height: 100%; }
  .site-header .accroche-header {
    height: 60vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 1rem;
    padding-right: 1rem; }
    @media (min-width: 768px) {
      .site-header .accroche-header {
        height: 70vh; } }
    @media (min-width: 1024px) {
      .site-header .accroche-header {
        padding-left: 2.5rem;
        padding-right: 2.5rem; } }
    @media (min-width: 1280px) {
      .site-header .accroche-header {
        padding-left: 5rem;
        padding-right: 5rem; } }
    .site-header .accroche-header p {
      font-size: 18px;
      line-height: 1.133; }
      @media (min-width: 1600px) {
        .site-header .accroche-header p {
          font-size: 30px; } }

.site-header .sticky {
  padding-top: 0; }
  @media (min-width: 1024px) {
    .site-header .sticky {
      padding-top: 10px; } }
  .site-header .sticky .logo {
    padding-top: 0; }
    @media (min-width: 1024px) {
      .site-header .sticky .logo {
        padding-top: 10px; } }
  @media (max-width: 1024px) {
    .site-header .sticky .header-right {
      display: none; } }

#myCanvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0; }

nav {
  display: flex;
  justify-content: center; }

.menu {
  display: flex;
  justify-content: center;
  font-weight: 600; }

.dropdown {
  padding: 10px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: black;
  position: relative;
  font-size: 16px;
  perspective: 1000px;
  z-index: 100; }
  @media (min-width: 1024px) {
    .dropdown {
      font-size: 16px; } }
  @media (min-width: 1280px) {
    .dropdown {
      font-size: 18px; } }
  @media (min-width: 1600px) {
    .dropdown {
      font-size: 20px;
      padding: 10px 25px; } }

.dropdown:hover {
  cursor: pointer; }

.dropdown:hover .dropdown_menu li {
  display: block; }

.dropdown_menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: -moz-fit-content;
  width: fit-content;
  perspective: 1000px;
  z-index: -1;
  background-color: rgba(255, 255, 255, 0.5);
  /* Fond blanc avec opacité */
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  /* Effet de flou */
  white-space: nowrap;
  margin-left: 0;
  padding-left: 0; }

.dropdown_menu li {
  color: black;
  background: transparent;
  padding: 4px 12px;
  font-size: 14px;
  opacity: 0; }
  .dropdown_menu li a {
    font-weight: 500;
    width: 100%;
    display: block; }

.dropdown:hover .dropdown_menu--animated {
  display: block; }

.dropdown_menu--animated {
  display: none; }

.dropdown_menu--animated li {
  display: block;
  opacity: 1; }

.dropdown_menu-2 .dropdown_item-1 {
  transform-origin: top center;
  animation: rotateX 300ms 60ms ease-in-out forwards; }

.dropdown_menu-2 .dropdown_item-2 {
  transform-origin: top center;
  animation: rotateX 300ms 120ms ease-in-out forwards; }

.dropdown_menu-2 .dropdown_item-3 {
  transform-origin: top center;
  animation: rotateX 300ms 180ms ease-in-out forwards; }

.dropdown_menu-2 .dropdown_item-4 {
  transform-origin: top center;
  animation: rotateX 300ms 240ms ease-in-out forwards; }

.dropdown_menu-2 .dropdown_item-5 {
  transform-origin: top center;
  animation: rotateX 300ms 300ms ease-in-out forwards; }

.dropdown_menu-2 .dropdown_item-6 {
  transform-origin: top center;
  animation: rotateX 300ms 300ms ease-in-out forwards; }

.dropdown_menu-2 .dropdown_item-7 {
  transform-origin: top center;
  animation: rotateX 300ms 300ms ease-in-out forwards; }

.dropdown_menu-2 .dropdown_item-8 {
  transform-origin: top center;
  animation: rotateX 300ms 300ms ease-in-out forwards; }

/* Default hidden state */
.dropdown_menu {
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease-in-out; }

/* Show submenu on hover (if not clicked) */
.dropdown-2:not(.no-hover):hover .dropdown_menu {
  display: block;
  opacity: 1;
  border: 1px solid #eeeeee; }

/* Show submenu when clicked */
.dropdown-2.active .dropdown_menu {
  display: block !important;
  opacity: 1 !important; }

/* Submenu items hover effect */
.dropdown_menu li {
  color: black;
  background: transparent;
  padding: 4px 12px;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out; }

/* On hover, change the background and text color */
.dropdown_menu li:hover {
  background-color: #c00418;
  color: white; }

@keyframes rotateX {
  0% {
    opacity: 0;
    transform: rotateX(-90deg); }
  50% {
    transform: rotateX(-20deg); }
  100% {
    opacity: 1;
    transform: rotateX(0deg); } }

.navigation {
  width: 100%;
  transition: all 0.3s ease; }
  .navigation.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100vw;
    /* Forces it to be the full viewport width */
    z-index: 1000;
    /* Keeps it above other content */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    /* Optional shadow for effect */
    background-color: white;
    padding-top: 0 !important; }

/* Basic styles for header elements */
.navigation .container {
  position: relative;
  z-index: 100;
  /* Ensures logo and right content stay on top */
  display: flex;
  justify-content: center;
  align-items: center; }
  @media (min-width: 1024px) {
    .navigation .container {
      justify-content: space-between; } }

.custom-logo-link {
  max-width: 200px; }
  @media (min-width: 1280px) {
    .custom-logo-link {
      max-width: 240px; } }

.hamburger {
  display: flex;
  cursor: pointer;
  flex-direction: column;
  gap: 4px;
  position: relative;
  z-index: 100;
  /* Ensures hamburger stays on top */
  margin-left: 20px; }
  @media (min-width: 1024px) {
    .hamburger {
      display: none; } }

.hamburger div {
  width: 25px;
  height: 3px;
  background-color: #000; }

/* Fullscreen overlay for menu on mobile */
@media (max-width: 1023px) {
  .fullscreen-menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #ffffff;
    /* Solid white background */
    opacity: 0.95;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 50;
    /* Lower than the logo and hamburger */ }
  .nav-open .fullscreen-menu {
    display: flex; }
  /* Hide the desktop navigation on mobile */
  .desktop-navigation {
    display: none; } }

/* Desktop layout */
@media (min-width: 1024px) {
  .desktop-navigation {
    display: flex;
    justify-content: center;
    flex-grow: 1;
    gap: 20px;
    /* Spacing between menu items */ }
  .fullscreen-menu {
    display: none;
    /* Hide fullscreen menu on desktop */ } }

/* Phone number and hamburger alignment */
.header-right {
  display: flex;
  justify-content: center;
  text-align: center; }
  @media (min-width: 1024px) {
    .header-right {
      margin-right: 0; } }

header {
  /* Default styling for mobile (flex column layout) */
  /* Large screens */ }
  header .navigation-content {
    display: flex;
    flex-direction: column;
    align-items: center; }
  header .phone-widget {
    text-align: center;
    margin-top: 8px; }
  @media (min-width: 1024px) {
    header .navigation-content {
      flex-direction: row; }
    header .phone-widget {
      text-align: right;
      margin-top: 0; } }

.dropdown_menu > .menu-item-has-children {
  position: relative; }

/* sous-menu de 2e niveau : à droite du li parent */
.dropdown_menu > .menu-item-has-children > .dropdown_menu-2 {
  position: absolute;
  top: 0;
  left: 100%;
  margin-left: 0;
  display: none !important;
  opacity: 0; }

/* l'afficher quand on survole le li parent */
.dropdown_menu > .menu-item-has-children:hover > .dropdown_menu-2 {
  display: block !important;
  opacity: 1;
  background-color: white; }

/* Lien qui a un sous-menu : on ajoute de la place pour le chevron */
.dropdown_menu .menu-item-has-children > a {
  position: relative;
  padding-right: 1.2em;
  /* espace pour l’icône */ }

/* Chevron Font Awesome pour les items avec sous-menu */
.dropdown_menu .menu-item-has-children > a::after {
  content: "\f105";
  /* fa-chevron-right / fa-angle-right selon ta version */
  font-family: "Font Awesome 5 Free";
  /* ou "Font Awesome 6 Free" / "FontAwesome" selon ta version */
  font-weight: 900;
  /* nécessaire pour la version "solid" en FA5/FA6 */
  position: absolute;
  right: 0.3em;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.75em;
  pointer-events: none; }

.footer-expertises .expertise h3 {
  padding-bottom: 0;
  font-size: 19px;
  line-height: 1.1; }

footer .menu {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px; }
  footer .menu li {
    font-weight: 500;
    list-style: none; }
    footer .menu li:hover {
      color: #c00418; }
    footer .menu li::before {
      content: "\f33b";
      /* Font Awesome icon code for f33b */
      font-family: "Font Awesome 5 Pro";
      /* Ensure you're using Font Awesome 5 Free */
      font-weight: 300;
      /* Use bold weight if needed, depending on your Font Awesome library version */
      margin-right: 8px;
      /* Space between icon and text */
      color: #c00418; }

.copyright p, .copyright a {
  font-size: 10px;
  text-transform: uppercase; }

.copyright a:hover {
  color: #c00418; }

.footer-left i[class^='fa'], .footer-left i[class*=' fa'] {
  color: #c00418;
  padding-right: 15px; }

.footer-left .item {
  display: flex;
  padding-bottom: 15px; }
  .footer-left .item i {
    width: 35px;
    font-size: 20px; }
  .footer-left .item a {
    line-height: 1.25; }
  .footer-left .item_phone a:hover {
    color: black !important; }

.footer-left .footer-widget:first-of-type {
  margin-bottom: 50px; }

/* Target the first .footer-widget.footer-widget-3 inside .flex-1.text-right */
.flex-1.text-right .footer-widget.footer-widget-3:first-of-type {
  margin-bottom: 10px; }

/* Target the second .footer-widget.footer-widget-3 inside .flex-1.text-right */
.flex-1.text-right .footer-widget.footer-widget-3:nth-of-type(2) {
  /* Your styles here */ }

.footer {
  padding-top: 40px;
  padding-bottom: 40px; }

.footer-left {
  padding-right: 30px;
  /* Add space to the right for separation */ }

.footer-right {
  gap: 40px;
  /* Space between the two columns in the right section */ }
  @media (min-width: 1024px) {
    .footer-right {
      padding-left: 120px; } }

.footer-bottom {
  padding-top: 20px;
  border-top: 1px solid #ddd;
  /* Top border for separation */
  font-size: 0.875rem;
  /* Slightly smaller text for copyright */
  color: #666;
  /* Lighter color for the footer-bottom text */ }

#shiftnav-toggle-main.shiftnav-toggle-style-burger_only {
  margin-top: 5.3rem !important; }

#shiftnav-toggle-main .shiftnav-toggle-burger {
  padding: 4px 8px !important; }

@media screen and (max-width: 600px) {
  #wpadminbar {
    display: none; } }

.expertises {
  padding-bottom: 100px; }

.expertise-card {
  margin-bottom: 30px; }
  .expertise-card-title {
    line-height: 1;
    padding-bottom: 0; }
  .expertise-card p {
    line-height: 1.278; }
  .expertise-card .expertise-icon img {
    max-width: 45px;
    height: auto; }
    @media (min-width: 768px) {
      .expertise-card .expertise-icon img {
        max-width: 50px; } }
  .expertise-card .sous-expertise-item {
    font-size: 12px; }
    @media (min-width: 1600px) {
      .expertise-card .sous-expertise-item {
        font-size: 14px; } }
    .expertise-card .sous-expertise-item i {
      position: relative;
      top: -1px; }
  .expertise-card .cta-button {
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
    padding: 8px 15px 8px 35px; }
  .expertise-card .cta-button::before {
    width: 20px;
    height: 20px; }
  .expertise-card .cta-button:hover {
    background: #000000;
    color: #ffffff;
    padding: 8px 35px 8px 15px; }
  .expertise-card .cta-button:hover:before {
    left: calc(100% - 25px);
    transform: translate(0, -50%);
    background: #ffffff;
    color: #000000; }

#secteurs_activites {
  padding: 50px 0; }
  @media (min-width: 1024px) {
    #secteurs_activites {
      padding: 80px 0; } }
  @media (min-width: 1600px) {
    #secteurs_activites {
      padding: 150px 0; } }
  #secteurs_activites h2 {
    padding-bottom: 1.5625rem; }
  @media (min-width: 768px) {
    #secteurs_activites .intro-bloc p {
      padding-left: 7rem;
      padding-right: 7rem; } }
  @media (min-width: 1024px) {
    #secteurs_activites .intro-bloc p {
      padding-left: 15rem;
      padding-right: 15rem; } }
  #secteurs_activites #row_logos #liste_logos .vc_column-inner .wpb_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    #secteurs_activites #row_logos #liste_logos .vc_column-inner .wpb_wrapper .wpb_single_image {
      width: 12%;
      margin-bottom: 0; }

#avis_clients {
  padding: 50px 0; }
  @media (min-width: 1024px) {
    #avis_clients {
      padding: 80px 0; } }
  @media (min-width: 1600px) {
    #avis_clients {
      padding: 150px 0; } }

ul.category-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: center;
  list-style: none;
  width: 80%;
  margin: 0 auto;
  margin-bottom: 2rem; }
  ul.category-filter li a {
    color: #c00418;
    padding: 5px 15px;
    border: 1px solid #c00418;
    border-radius: 25px;
    text-transform: uppercase;
    font-size: 14px; }
    ul.category-filter li a:hover {
      background-color: #c00418;
      color: white;
      font-weight: bold; }
  ul.category-filter li.active a {
    background-color: #c00418;
    color: white;
    padding: 5px 15px;
    border: 1px solid #c00418;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold; }
    ul.category-filter li.active a:hover {
      background-color: #c00418;
      color: white; }

.realisations_intro {
  max-width: 800px;
  margin: 0 auto 40px; }

.realisation-block {
  border-radius: 15px;
  border: 1px solid #eeeeee;
  justify-content: center; }
  .realisation-block .realisation-image {
    overflow: hidden;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom: 4px solid #eeeeee; }
  .realisation-block .realisation-content {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 8px; }
    .realisation-block .realisation-content h3 {
      text-transform: uppercase;
      font-size: 17px;
      padding-bottom: 0; }
    .realisation-block .realisation-content .realisation_ville {
      font-size: 14px;
      text-transform: uppercase; }

.load-more-container {
  margin-top: 2rem;
  display: flex;
  justify-content: center; }

#video-category-filter ul.category-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: center;
  list-style: none;
  width: 80%;
  margin: 0 auto;
  margin-bottom: 2rem; }
  #video-category-filter ul.category-filter li .video-category-filter {
    color: #c00418;
    padding: 5px 15px;
    border: 1px solid #c00418;
    border-radius: 25px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold; }
    #video-category-filter ul.category-filter li .video-category-filter:hover {
      background-color: #c00418;
      color: white;
      font-weight: bold; }
  #video-category-filter ul.category-filter li .active {
    background-color: #c00418;
    color: white;
    padding: 5px 15px;
    border: 1px solid #c00418;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold; }
    #video-category-filter ul.category-filter li .active:hover {
      background-color: #c00418;
      color: white; }

.videos {
  /* Aspect Ratio Utility */
  /* Image Styling */
  /* Placeholder Styling */ }
  .videos .video-popup {
    margin-bottom: 20px !important; }
  .videos h2 {
    margin-top: 10px;
    text-transform: uppercase;
    font-size: 17px;
    padding-bottom: 0;
    color: #c00418;
    text-align: center;
    line-height: 1.2; }
  .videos .aspect-w-16 {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    /* 16:9 aspect ratio */ }
  .videos .aspect-h-9 {
    height: 0; }
  .videos .aspect-w-16.aspect-h-9 {
    height: 0;
    padding-bottom: 56.25%; }
  .videos img,
  .videos .absolute.inset-0 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    /* Ensures the image covers the container without distortion */ }
  .videos .bg-gray-300 {
    background-color: #e2e8f0;
    /* Light gray */ }
  .videos .video-category-filter.active {
    background-color: #000000; }

.width-40 {
  margin-left: 30%;
  margin-right: 30%;
  width: 40%; }

.width-50 {
  margin-left: 25%;
  margin-right: 25%;
  width: 50%; }

.width-60 {
  margin-left: 20%;
  margin-right: 20%;
  width: 60%; }

.width-70 {
  margin-left: 0;
  margin-right: 0;
  width: 100%; }
  @media (min-width: 1280px) {
    .width-70 {
      margin-left: 15%;
      margin-right: 15%;
      width: 70%; } }

.width-80 {
  margin-left: 0;
  margin-right: 0;
  width: 100%; }
  @media (min-width: 1280px) {
    .width-80 {
      margin-left: 10%;
      margin-right: 10%;
      width: 80%; } }

.cww-ssf-outer-wrapp a.cww-ssf-toggle {
  font-size: 12px !important; }
  @media (min-width: 1024px) {
    .cww-ssf-outer-wrapp a.cww-ssf-toggle {
      font-size: 14px !important; }
  .border-left-red {
    border-left: 10px solid #c00418;
    padding-left: 3rem; } }

.etape-site {
  margin-bottom: 10px; }
  .etape-site p{
  font-family: Museo, sans-serif;
    font-size: 80px;
    font-weight: 900;
    color: #c00418;
}

.header-right a:hover {
  color: #646567; }

.categories-filter button {
  font-size: 13px; }

footer .menu li {
  padding-bottom: 0; }

.footer-widget a:hover {
  color: #c00418;
  font-weight: bold; }

.footer-left .item {
  align-items: center; }

.item_linkedin a {
  display: inline-block;
  padding-left: 2px; }

.footer-expertises .expertise h3 {
  padding-bottom: 0;
  font-size: 12px;
  line-height: 1.1;
  font-weight: 700; }

.page-numbers {
  padding: 5px; }

hr {
  clear: both;
  max-width: 83.57143rem;
  height: 0;
  margin: 1.42857rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #a0a0a0;
  border-left: 0; }

.page-numbers {
  padding: 5px; }

hr {
  clear: both;
  max-width: 83.57143rem;
  height: 0;
  margin: 1.42857rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #a0a0a0;
  border-left: 0; }

.footer-expertises .expertise h3 {
  padding-bottom: 0;
  font-size: 19px;
  line-height: 1.1;
  font-weight: 700; }

main a {
  color: #c00418;
  border-bottom: 1px dotted #c00418;
  font-weight: bold; }

main a:hover {
  border-bottom: 1px solid #c00418; }

main #breadcrumbs a, article a {
  border-bottom: none !important;
  color: #000000; }

main .sous-expertises a {
  border-bottom: none !important;
  color: #000000;
  font-weight: 600; }

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

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

#show-sticky-form {
  font-size: 16px; }

.cww-ssf-outer-wrapp .header-title-wrapp {
  background: #646567 !important;
  color: white !important;
  font-weight: 700;
  font-family: 'Museo'; }

.cww-ssf-outer-wrapp .cww-sff-wrapp i {
  color: white !important; }

.non-sticky-button {
  font-size: 16px; }

.page-numbers {
  border-bottom: none;
  color: black;
  font-weight: 300; }

.page-numbers.current {
  color: #c00418; }

.page-numbers:hover {
  color: #c00418;
  border-bottom: none; }

@media (min-width: 1024px) and (max-width: 1279px) {
  .site-header .header-right p {
    font-size: 16px; } }

.dropdown_menu {
  z-index: 100 !important; }

.arrow-svg {
  position: relative;
  left: 2px; }

.hover\:scale-105:hover{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  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));
}

.hover\:border-gray-400:hover{
  --tw-border-opacity: 1;
  border-color: rgb(224 224 224 / var(--tw-border-opacity, 1));
}

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

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

.hover\:text-blue-600:hover{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}

.hover\:text-red-600:hover{
  --tw-text-opacity: 1;
  color: rgb(186 14 14 / var(--tw-text-opacity, 1));
}

.hover\:text-red-900:hover{
  --tw-text-opacity: 1;
  color: rgb(111 5 5 / var(--tw-text-opacity, 1));
}

.hover\:shadow-lg:hover{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.group:hover .group-hover\:bg-red-500{
  --tw-bg-opacity: 1;
  background-color: rgb(192 4 24 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:text-red-500{
  --tw-text-opacity: 1;
  color: rgb(192 4 24 / var(--tw-text-opacity, 1));
}

@media (min-width: 576px){
  .sm\:m-1{
    margin: 0.25rem;
  }
  .sm\:m-10{
    margin: 2.5rem;
  }
  .sm\:m-11{
    margin: 2.75rem;
  }
  .sm\:m-12{
    margin: 3rem;
  }
  .sm\:m-2{
    margin: 0.5rem;
  }
  .sm\:m-3{
    margin: 0.75rem;
  }
  .sm\:m-4{
    margin: 1rem;
  }
  .sm\:m-5{
    margin: 1.25rem;
  }
  .sm\:m-6{
    margin: 1.5rem;
  }
  .sm\:m-7{
    margin: 1.75rem;
  }
  .sm\:m-8{
    margin: 2rem;
  }
  .sm\:m-9{
    margin: 2.25rem;
  }
  .sm\:mx-1{
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .sm\:mx-10{
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
  .sm\:mx-11{
    margin-left: 2.75rem;
    margin-right: 2.75rem;
  }
  .sm\:mx-12{
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .sm\:mx-2{
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .sm\:mx-3{
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  .sm\:mx-4{
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .sm\:mx-5{
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .sm\:mx-6{
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .sm\:mx-7{
    margin-left: 1.75rem;
    margin-right: 1.75rem;
  }
  .sm\:mx-8{
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .sm\:mx-9{
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }
  .sm\:my-1{
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .sm\:my-10{
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  .sm\:my-11{
    margin-top: 2.75rem;
    margin-bottom: 2.75rem;
  }
  .sm\:my-12{
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .sm\:my-2{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .sm\:my-3{
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
  .sm\:my-4{
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .sm\:my-5{
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
  .sm\:my-6{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .sm\:my-7{
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
  }
  .sm\:my-8{
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .sm\:my-9{
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }
  .sm\:mb-1{
    margin-bottom: 0.25rem;
  }
  .sm\:mb-10{
    margin-bottom: 2.5rem;
  }
  .sm\:mb-11{
    margin-bottom: 2.75rem;
  }
  .sm\:mb-12{
    margin-bottom: 3rem;
  }
  .sm\:mb-2{
    margin-bottom: 0.5rem;
  }
  .sm\:mb-3{
    margin-bottom: 0.75rem;
  }
  .sm\:mb-4{
    margin-bottom: 1rem;
  }
  .sm\:mb-5{
    margin-bottom: 1.25rem;
  }
  .sm\:mb-6{
    margin-bottom: 1.5rem;
  }
  .sm\:mb-7{
    margin-bottom: 1.75rem;
  }
  .sm\:mb-8{
    margin-bottom: 2rem;
  }
  .sm\:mb-9{
    margin-bottom: 2.25rem;
  }
  .sm\:ml-1{
    margin-left: 0.25rem;
  }
  .sm\:ml-10{
    margin-left: 2.5rem;
  }
  .sm\:ml-11{
    margin-left: 2.75rem;
  }
  .sm\:ml-12{
    margin-left: 3rem;
  }
  .sm\:ml-2{
    margin-left: 0.5rem;
  }
  .sm\:ml-3{
    margin-left: 0.75rem;
  }
  .sm\:ml-4{
    margin-left: 1rem;
  }
  .sm\:ml-5{
    margin-left: 1.25rem;
  }
  .sm\:ml-6{
    margin-left: 1.5rem;
  }
  .sm\:ml-7{
    margin-left: 1.75rem;
  }
  .sm\:ml-8{
    margin-left: 2rem;
  }
  .sm\:ml-9{
    margin-left: 2.25rem;
  }
  .sm\:mr-1{
    margin-right: 0.25rem;
  }
  .sm\:mr-10{
    margin-right: 2.5rem;
  }
  .sm\:mr-11{
    margin-right: 2.75rem;
  }
  .sm\:mr-12{
    margin-right: 3rem;
  }
  .sm\:mr-2{
    margin-right: 0.5rem;
  }
  .sm\:mr-3{
    margin-right: 0.75rem;
  }
  .sm\:mr-4{
    margin-right: 1rem;
  }
  .sm\:mr-5{
    margin-right: 1.25rem;
  }
  .sm\:mr-6{
    margin-right: 1.5rem;
  }
  .sm\:mr-7{
    margin-right: 1.75rem;
  }
  .sm\:mr-8{
    margin-right: 2rem;
  }
  .sm\:mr-9{
    margin-right: 2.25rem;
  }
  .sm\:mt-1{
    margin-top: 0.25rem;
  }
  .sm\:mt-10{
    margin-top: 2.5rem;
  }
  .sm\:mt-11{
    margin-top: 2.75rem;
  }
  .sm\:mt-12{
    margin-top: 3rem;
  }
  .sm\:mt-2{
    margin-top: 0.5rem;
  }
  .sm\:mt-3{
    margin-top: 0.75rem;
  }
  .sm\:mt-4{
    margin-top: 1rem;
  }
  .sm\:mt-5{
    margin-top: 1.25rem;
  }
  .sm\:mt-6{
    margin-top: 1.5rem;
  }
  .sm\:mt-7{
    margin-top: 1.75rem;
  }
  .sm\:mt-8{
    margin-top: 2rem;
  }
  .sm\:mt-9{
    margin-top: 2.25rem;
  }
  .sm\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:p-1{
    padding: 0.25rem;
  }
  .sm\:p-10{
    padding: 2.5rem;
  }
  .sm\:p-11{
    padding: 2.75rem;
  }
  .sm\:p-12{
    padding: 3rem;
  }
  .sm\:p-2{
    padding: 0.5rem;
  }
  .sm\:p-3{
    padding: 0.75rem;
  }
  .sm\:p-4{
    padding: 1rem;
  }
  .sm\:p-5{
    padding: 1.25rem;
  }
  .sm\:p-6{
    padding: 1.5rem;
  }
  .sm\:p-7{
    padding: 1.75rem;
  }
  .sm\:p-8{
    padding: 2rem;
  }
  .sm\:p-9{
    padding: 2.25rem;
  }
  .sm\:px-1{
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .sm\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .sm\:px-11{
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
  .sm\:px-12{
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .sm\:px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .sm\:px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .sm\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .sm\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .sm\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .sm\:px-7{
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .sm\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .sm\:px-9{
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
  .sm\:py-1{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .sm\:py-10{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .sm\:py-11{
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
  }
  .sm\:py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .sm\:py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .sm\:py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .sm\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .sm\:py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .sm\:py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .sm\:py-7{
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
  .sm\:py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .sm\:py-9{
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }
  .sm\:pb-1{
    padding-bottom: 0.25rem;
  }
  .sm\:pb-10{
    padding-bottom: 2.5rem;
  }
  .sm\:pb-11{
    padding-bottom: 2.75rem;
  }
  .sm\:pb-12{
    padding-bottom: 3rem;
  }
  .sm\:pb-2{
    padding-bottom: 0.5rem;
  }
  .sm\:pb-3{
    padding-bottom: 0.75rem;
  }
  .sm\:pb-4{
    padding-bottom: 1rem;
  }
  .sm\:pb-5{
    padding-bottom: 1.25rem;
  }
  .sm\:pb-6{
    padding-bottom: 1.5rem;
  }
  .sm\:pb-7{
    padding-bottom: 1.75rem;
  }
  .sm\:pb-8{
    padding-bottom: 2rem;
  }
  .sm\:pb-9{
    padding-bottom: 2.25rem;
  }
  .sm\:pl-1{
    padding-left: 0.25rem;
  }
  .sm\:pl-10{
    padding-left: 2.5rem;
  }
  .sm\:pl-11{
    padding-left: 2.75rem;
  }
  .sm\:pl-12{
    padding-left: 3rem;
  }
  .sm\:pl-2{
    padding-left: 0.5rem;
  }
  .sm\:pl-3{
    padding-left: 0.75rem;
  }
  .sm\:pl-4{
    padding-left: 1rem;
  }
  .sm\:pl-5{
    padding-left: 1.25rem;
  }
  .sm\:pl-6{
    padding-left: 1.5rem;
  }
  .sm\:pl-7{
    padding-left: 1.75rem;
  }
  .sm\:pl-8{
    padding-left: 2rem;
  }
  .sm\:pl-9{
    padding-left: 2.25rem;
  }
  .sm\:pr-1{
    padding-right: 0.25rem;
  }
  .sm\:pr-10{
    padding-right: 2.5rem;
  }
  .sm\:pr-11{
    padding-right: 2.75rem;
  }
  .sm\:pr-12{
    padding-right: 3rem;
  }
  .sm\:pr-2{
    padding-right: 0.5rem;
  }
  .sm\:pr-3{
    padding-right: 0.75rem;
  }
  .sm\:pr-4{
    padding-right: 1rem;
  }
  .sm\:pr-5{
    padding-right: 1.25rem;
  }
  .sm\:pr-6{
    padding-right: 1.5rem;
  }
  .sm\:pr-7{
    padding-right: 1.75rem;
  }
  .sm\:pr-8{
    padding-right: 2rem;
  }
  .sm\:pr-9{
    padding-right: 2.25rem;
  }
  .sm\:pt-1{
    padding-top: 0.25rem;
  }
  .sm\:pt-10{
    padding-top: 2.5rem;
  }
  .sm\:pt-11{
    padding-top: 2.75rem;
  }
  .sm\:pt-12{
    padding-top: 3rem;
  }
  .sm\:pt-2{
    padding-top: 0.5rem;
  }
  .sm\:pt-3{
    padding-top: 0.75rem;
  }
  .sm\:pt-4{
    padding-top: 1rem;
  }
  .sm\:pt-5{
    padding-top: 1.25rem;
  }
  .sm\:pt-6{
    padding-top: 1.5rem;
  }
  .sm\:pt-7{
    padding-top: 1.75rem;
  }
  .sm\:pt-8{
    padding-top: 2rem;
  }
  .sm\:pt-9{
    padding-top: 2.25rem;
  }
  .sm\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .sm\:text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .sm\:text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
  .sm\:text-5xl{
    font-size: 3rem;
    line-height: 1;
  }
  .sm\:text-6xl{
    font-size: 3.75rem;
    line-height: 1;
  }
  .sm\:text-7xl{
    font-size: 4.5rem;
    line-height: 1;
  }
  .sm\:text-8xl{
    font-size: 6rem;
    line-height: 1;
  }
  .sm\:text-9xl{
    font-size: 8rem;
    line-height: 1;
  }
  .sm\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .sm\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .sm\:text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .sm\:text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .sm\:text-xs{
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .sm\:font-black{
    font-weight: 900;
  }
  .sm\:font-bold{
    font-weight: 700;
  }
  .sm\:font-extrabold{
    font-weight: 800;
  }
  .sm\:font-light{
    font-weight: 300;
  }
  .sm\:font-medium{
    font-weight: 500;
  }
  .sm\:font-normal{
    font-weight: 400;
  }
  .sm\:font-semibold{
    font-weight: 600;
  }
  .sm\:font-thin{
    font-weight: 100;
  }
  .sm\:italic{
    font-style: italic;
  }
  .sm\:not-italic{
    font-style: normal;
  }
}

@media (min-width: 768px){
  .md\:col-span-2{
    grid-column: span 2 / span 2;
  }
  .md\:m-1{
    margin: 0.25rem;
  }
  .md\:m-10{
    margin: 2.5rem;
  }
  .md\:m-11{
    margin: 2.75rem;
  }
  .md\:m-12{
    margin: 3rem;
  }
  .md\:m-2{
    margin: 0.5rem;
  }
  .md\:m-3{
    margin: 0.75rem;
  }
  .md\:m-4{
    margin: 1rem;
  }
  .md\:m-5{
    margin: 1.25rem;
  }
  .md\:m-6{
    margin: 1.5rem;
  }
  .md\:m-7{
    margin: 1.75rem;
  }
  .md\:m-8{
    margin: 2rem;
  }
  .md\:m-9{
    margin: 2.25rem;
  }
  .md\:mx-1{
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .md\:mx-10{
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
  .md\:mx-11{
    margin-left: 2.75rem;
    margin-right: 2.75rem;
  }
  .md\:mx-12{
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .md\:mx-2{
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .md\:mx-3{
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  .md\:mx-4{
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .md\:mx-5{
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .md\:mx-6{
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .md\:mx-7{
    margin-left: 1.75rem;
    margin-right: 1.75rem;
  }
  .md\:mx-8{
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .md\:mx-9{
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }
  .md\:my-1{
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .md\:my-10{
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  .md\:my-11{
    margin-top: 2.75rem;
    margin-bottom: 2.75rem;
  }
  .md\:my-12{
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .md\:my-2{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .md\:my-3{
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
  .md\:my-4{
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .md\:my-5{
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
  .md\:my-6{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .md\:my-7{
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
  }
  .md\:my-8{
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .md\:my-9{
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }
  .md\:mb-1{
    margin-bottom: 0.25rem;
  }
  .md\:mb-10{
    margin-bottom: 2.5rem;
  }
  .md\:mb-11{
    margin-bottom: 2.75rem;
  }
  .md\:mb-12{
    margin-bottom: 3rem;
  }
  .md\:mb-2{
    margin-bottom: 0.5rem;
  }
  .md\:mb-3{
    margin-bottom: 0.75rem;
  }
  .md\:mb-4{
    margin-bottom: 1rem;
  }
  .md\:mb-5{
    margin-bottom: 1.25rem;
  }
  .md\:mb-6{
    margin-bottom: 1.5rem;
  }
  .md\:mb-7{
    margin-bottom: 1.75rem;
  }
  .md\:mb-8{
    margin-bottom: 2rem;
  }
  .md\:mb-9{
    margin-bottom: 2.25rem;
  }
  .md\:ml-1{
    margin-left: 0.25rem;
  }
  .md\:ml-10{
    margin-left: 2.5rem;
  }
  .md\:ml-11{
    margin-left: 2.75rem;
  }
  .md\:ml-12{
    margin-left: 3rem;
  }
  .md\:ml-2{
    margin-left: 0.5rem;
  }
  .md\:ml-3{
    margin-left: 0.75rem;
  }
  .md\:ml-4{
    margin-left: 1rem;
  }
  .md\:ml-5{
    margin-left: 1.25rem;
  }
  .md\:ml-6{
    margin-left: 1.5rem;
  }
  .md\:ml-7{
    margin-left: 1.75rem;
  }
  .md\:ml-8{
    margin-left: 2rem;
  }
  .md\:ml-9{
    margin-left: 2.25rem;
  }
  .md\:mr-1{
    margin-right: 0.25rem;
  }
  .md\:mr-10{
    margin-right: 2.5rem;
  }
  .md\:mr-11{
    margin-right: 2.75rem;
  }
  .md\:mr-12{
    margin-right: 3rem;
  }
  .md\:mr-2{
    margin-right: 0.5rem;
  }
  .md\:mr-3{
    margin-right: 0.75rem;
  }
  .md\:mr-4{
    margin-right: 1rem;
  }
  .md\:mr-5{
    margin-right: 1.25rem;
  }
  .md\:mr-6{
    margin-right: 1.5rem;
  }
  .md\:mr-7{
    margin-right: 1.75rem;
  }
  .md\:mr-8{
    margin-right: 2rem;
  }
  .md\:mr-9{
    margin-right: 2.25rem;
  }
  .md\:mt-1{
    margin-top: 0.25rem;
  }
  .md\:mt-10{
    margin-top: 2.5rem;
  }
  .md\:mt-11{
    margin-top: 2.75rem;
  }
  .md\:mt-12{
    margin-top: 3rem;
  }
  .md\:mt-2{
    margin-top: 0.5rem;
  }
  .md\:mt-3{
    margin-top: 0.75rem;
  }
  .md\:mt-4{
    margin-top: 1rem;
  }
  .md\:mt-5{
    margin-top: 1.25rem;
  }
  .md\:mt-6{
    margin-top: 1.5rem;
  }
  .md\:mt-7{
    margin-top: 1.75rem;
  }
  .md\:mt-8{
    margin-top: 2rem;
  }
  .md\:mt-9{
    margin-top: 2.25rem;
  }
  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:p-1{
    padding: 0.25rem;
  }
  .md\:p-10{
    padding: 2.5rem;
  }
  .md\:p-11{
    padding: 2.75rem;
  }
  .md\:p-12{
    padding: 3rem;
  }
  .md\:p-2{
    padding: 0.5rem;
  }
  .md\:p-3{
    padding: 0.75rem;
  }
  .md\:p-4{
    padding: 1rem;
  }
  .md\:p-5{
    padding: 1.25rem;
  }
  .md\:p-6{
    padding: 1.5rem;
  }
  .md\:p-7{
    padding: 1.75rem;
  }
  .md\:p-8{
    padding: 2rem;
  }
  .md\:p-9{
    padding: 2.25rem;
  }
  .md\:px-1{
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .md\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .md\:px-11{
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
  .md\:px-12{
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .md\:px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .md\:px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .md\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .md\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .md\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .md\:px-7{
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .md\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .md\:px-9{
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
  .md\:py-1{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .md\:py-10{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .md\:py-11{
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
  }
  .md\:py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .md\:py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .md\:py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .md\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .md\:py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .md\:py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .md\:py-7{
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
  .md\:py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .md\:py-9{
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }
  .md\:pb-1{
    padding-bottom: 0.25rem;
  }
  .md\:pb-10{
    padding-bottom: 2.5rem;
  }
  .md\:pb-11{
    padding-bottom: 2.75rem;
  }
  .md\:pb-12{
    padding-bottom: 3rem;
  }
  .md\:pb-2{
    padding-bottom: 0.5rem;
  }
  .md\:pb-3{
    padding-bottom: 0.75rem;
  }
  .md\:pb-4{
    padding-bottom: 1rem;
  }
  .md\:pb-5{
    padding-bottom: 1.25rem;
  }
  .md\:pb-6{
    padding-bottom: 1.5rem;
  }
  .md\:pb-7{
    padding-bottom: 1.75rem;
  }
  .md\:pb-8{
    padding-bottom: 2rem;
  }
  .md\:pb-9{
    padding-bottom: 2.25rem;
  }
  .md\:pl-1{
    padding-left: 0.25rem;
  }
  .md\:pl-10{
    padding-left: 2.5rem;
  }
  .md\:pl-11{
    padding-left: 2.75rem;
  }
  .md\:pl-12{
    padding-left: 3rem;
  }
  .md\:pl-2{
    padding-left: 0.5rem;
  }
  .md\:pl-3{
    padding-left: 0.75rem;
  }
  .md\:pl-4{
    padding-left: 1rem;
  }
  .md\:pl-5{
    padding-left: 1.25rem;
  }
  .md\:pl-6{
    padding-left: 1.5rem;
  }
  .md\:pl-7{
    padding-left: 1.75rem;
  }
  .md\:pl-8{
    padding-left: 2rem;
  }
  .md\:pl-9{
    padding-left: 2.25rem;
  }
  .md\:pr-1{
    padding-right: 0.25rem;
  }
  .md\:pr-10{
    padding-right: 2.5rem;
  }
  .md\:pr-11{
    padding-right: 2.75rem;
  }
  .md\:pr-12{
    padding-right: 3rem;
  }
  .md\:pr-2{
    padding-right: 0.5rem;
  }
  .md\:pr-3{
    padding-right: 0.75rem;
  }
  .md\:pr-4{
    padding-right: 1rem;
  }
  .md\:pr-5{
    padding-right: 1.25rem;
  }
  .md\:pr-6{
    padding-right: 1.5rem;
  }
  .md\:pr-7{
    padding-right: 1.75rem;
  }
  .md\:pr-8{
    padding-right: 2rem;
  }
  .md\:pr-9{
    padding-right: 2.25rem;
  }
  .md\:pt-1{
    padding-top: 0.25rem;
  }
  .md\:pt-10{
    padding-top: 2.5rem;
  }
  .md\:pt-11{
    padding-top: 2.75rem;
  }
  .md\:pt-12{
    padding-top: 3rem;
  }
  .md\:pt-2{
    padding-top: 0.5rem;
  }
  .md\:pt-3{
    padding-top: 0.75rem;
  }
  .md\:pt-4{
    padding-top: 1rem;
  }
  .md\:pt-5{
    padding-top: 1.25rem;
  }
  .md\:pt-6{
    padding-top: 1.5rem;
  }
  .md\:pt-7{
    padding-top: 1.75rem;
  }
  .md\:pt-8{
    padding-top: 2rem;
  }
  .md\:pt-9{
    padding-top: 2.25rem;
  }
  .md\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .md\:text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .md\:text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
  .md\:text-5xl{
    font-size: 3rem;
    line-height: 1;
  }
  .md\:text-6xl{
    font-size: 3.75rem;
    line-height: 1;
  }
  .md\:text-7xl{
    font-size: 4.5rem;
    line-height: 1;
  }
  .md\:text-8xl{
    font-size: 6rem;
    line-height: 1;
  }
  .md\:text-9xl{
    font-size: 8rem;
    line-height: 1;
  }
  .md\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .md\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .md\:text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .md\:text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .md\:text-xs{
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .md\:font-black{
    font-weight: 900;
  }
  .md\:font-bold{
    font-weight: 700;
  }
  .md\:font-extrabold{
    font-weight: 800;
  }
  .md\:font-light{
    font-weight: 300;
  }
  .md\:font-medium{
    font-weight: 500;
  }
  .md\:font-normal{
    font-weight: 400;
  }
  .md\:font-semibold{
    font-weight: 600;
  }
  .md\:font-thin{
    font-weight: 100;
  }
  .md\:italic{
    font-style: italic;
  }
  .md\:not-italic{
    font-style: normal;
  }
}

@media (min-width: 1024px){
  .lg\:order-none{
    order: 0;
  }
  .lg\:col-span-1{
    grid-column: span 1 / span 1;
  }
  .lg\:col-span-2{
    grid-column: span 2 / span 2;
  }
  .lg\:row-span-2{
    grid-row: span 2 / span 2;
  }
  .lg\:m-1{
    margin: 0.25rem;
  }
  .lg\:m-10{
    margin: 2.5rem;
  }
  .lg\:m-11{
    margin: 2.75rem;
  }
  .lg\:m-12{
    margin: 3rem;
  }
  .lg\:m-2{
    margin: 0.5rem;
  }
  .lg\:m-3{
    margin: 0.75rem;
  }
  .lg\:m-4{
    margin: 1rem;
  }
  .lg\:m-5{
    margin: 1.25rem;
  }
  .lg\:m-6{
    margin: 1.5rem;
  }
  .lg\:m-7{
    margin: 1.75rem;
  }
  .lg\:m-8{
    margin: 2rem;
  }
  .lg\:m-9{
    margin: 2.25rem;
  }
  .lg\:mx-1{
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .lg\:mx-10{
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
  .lg\:mx-11{
    margin-left: 2.75rem;
    margin-right: 2.75rem;
  }
  .lg\:mx-12{
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .lg\:mx-2{
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .lg\:mx-3{
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  .lg\:mx-4{
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .lg\:mx-5{
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .lg\:mx-6{
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .lg\:mx-7{
    margin-left: 1.75rem;
    margin-right: 1.75rem;
  }
  .lg\:mx-8{
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .lg\:mx-9{
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }
  .lg\:my-1{
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .lg\:my-10{
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  .lg\:my-11{
    margin-top: 2.75rem;
    margin-bottom: 2.75rem;
  }
  .lg\:my-12{
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .lg\:my-2{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .lg\:my-3{
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
  .lg\:my-4{
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .lg\:my-5{
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
  .lg\:my-6{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .lg\:my-7{
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
  }
  .lg\:my-8{
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .lg\:my-9{
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }
  .lg\:mb-0{
    margin-bottom: 0px;
  }
  .lg\:mb-1{
    margin-bottom: 0.25rem;
  }
  .lg\:mb-10{
    margin-bottom: 2.5rem;
  }
  .lg\:mb-11{
    margin-bottom: 2.75rem;
  }
  .lg\:mb-12{
    margin-bottom: 3rem;
  }
  .lg\:mb-2{
    margin-bottom: 0.5rem;
  }
  .lg\:mb-3{
    margin-bottom: 0.75rem;
  }
  .lg\:mb-4{
    margin-bottom: 1rem;
  }
  .lg\:mb-5{
    margin-bottom: 1.25rem;
  }
  .lg\:mb-6{
    margin-bottom: 1.5rem;
  }
  .lg\:mb-7{
    margin-bottom: 1.75rem;
  }
  .lg\:mb-8{
    margin-bottom: 2rem;
  }
  .lg\:mb-9{
    margin-bottom: 2.25rem;
  }
  .lg\:ml-1{
    margin-left: 0.25rem;
  }
  .lg\:ml-10{
    margin-left: 2.5rem;
  }
  .lg\:ml-11{
    margin-left: 2.75rem;
  }
  .lg\:ml-12{
    margin-left: 3rem;
  }
  .lg\:ml-2{
    margin-left: 0.5rem;
  }
  .lg\:ml-3{
    margin-left: 0.75rem;
  }
  .lg\:ml-4{
    margin-left: 1rem;
  }
  .lg\:ml-5{
    margin-left: 1.25rem;
  }
  .lg\:ml-6{
    margin-left: 1.5rem;
  }
  .lg\:ml-7{
    margin-left: 1.75rem;
  }
  .lg\:ml-8{
    margin-left: 2rem;
  }
  .lg\:ml-9{
    margin-left: 2.25rem;
  }
  .lg\:ml-auto{
    margin-left: auto;
  }
  .lg\:mr-1{
    margin-right: 0.25rem;
  }
  .lg\:mr-10{
    margin-right: 2.5rem;
  }
  .lg\:mr-11{
    margin-right: 2.75rem;
  }
  .lg\:mr-12{
    margin-right: 3rem;
  }
  .lg\:mr-2{
    margin-right: 0.5rem;
  }
  .lg\:mr-3{
    margin-right: 0.75rem;
  }
  .lg\:mr-4{
    margin-right: 1rem;
  }
  .lg\:mr-5{
    margin-right: 1.25rem;
  }
  .lg\:mr-6{
    margin-right: 1.5rem;
  }
  .lg\:mr-7{
    margin-right: 1.75rem;
  }
  .lg\:mr-8{
    margin-right: 2rem;
  }
  .lg\:mr-9{
    margin-right: 2.25rem;
  }
  .lg\:mt-0{
    margin-top: 0px;
  }
  .lg\:mt-1{
    margin-top: 0.25rem;
  }
  .lg\:mt-10{
    margin-top: 2.5rem;
  }
  .lg\:mt-11{
    margin-top: 2.75rem;
  }
  .lg\:mt-12{
    margin-top: 3rem;
  }
  .lg\:mt-2{
    margin-top: 0.5rem;
  }
  .lg\:mt-3{
    margin-top: 0.75rem;
  }
  .lg\:mt-4{
    margin-top: 1rem;
  }
  .lg\:mt-5{
    margin-top: 1.25rem;
  }
  .lg\:mt-6{
    margin-top: 1.5rem;
  }
  .lg\:mt-7{
    margin-top: 1.75rem;
  }
  .lg\:mt-8{
    margin-top: 2rem;
  }
  .lg\:mt-9{
    margin-top: 2.25rem;
  }
  .lg\:flex{
    display: flex;
  }
  .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-rows-2{
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .lg\:flex-row{
    flex-direction: row;
  }
  .lg\:gap-x-16{
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }
  .lg\:p-1{
    padding: 0.25rem;
  }
  .lg\:p-10{
    padding: 2.5rem;
  }
  .lg\:p-11{
    padding: 2.75rem;
  }
  .lg\:p-12{
    padding: 3rem;
  }
  .lg\:p-2{
    padding: 0.5rem;
  }
  .lg\:p-3{
    padding: 0.75rem;
  }
  .lg\:p-4{
    padding: 1rem;
  }
  .lg\:p-5{
    padding: 1.25rem;
  }
  .lg\:p-6{
    padding: 1.5rem;
  }
  .lg\:p-7{
    padding: 1.75rem;
  }
  .lg\:p-8{
    padding: 2rem;
  }
  .lg\:p-9{
    padding: 2.25rem;
  }
  .lg\:px-1{
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .lg\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .lg\:px-11{
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
  .lg\:px-12{
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .lg\:px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .lg\:px-20{
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .lg\:px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .lg\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .lg\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .lg\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .lg\:px-7{
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .lg\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .lg\:px-9{
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
  .lg\:py-1{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .lg\:py-10{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .lg\:py-11{
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
  }
  .lg\:py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .lg\:py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .lg\:py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .lg\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .lg\:py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .lg\:py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .lg\:py-7{
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
  .lg\:py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .lg\:py-9{
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }
  .lg\:pb-1{
    padding-bottom: 0.25rem;
  }
  .lg\:pb-10{
    padding-bottom: 2.5rem;
  }
  .lg\:pb-11{
    padding-bottom: 2.75rem;
  }
  .lg\:pb-12{
    padding-bottom: 3rem;
  }
  .lg\:pb-2{
    padding-bottom: 0.5rem;
  }
  .lg\:pb-3{
    padding-bottom: 0.75rem;
  }
  .lg\:pb-4{
    padding-bottom: 1rem;
  }
  .lg\:pb-5{
    padding-bottom: 1.25rem;
  }
  .lg\:pb-6{
    padding-bottom: 1.5rem;
  }
  .lg\:pb-7{
    padding-bottom: 1.75rem;
  }
  .lg\:pb-8{
    padding-bottom: 2rem;
  }
  .lg\:pb-9{
    padding-bottom: 2.25rem;
  }
  .lg\:pl-1{
    padding-left: 0.25rem;
  }
  .lg\:pl-10{
    padding-left: 2.5rem;
  }
  .lg\:pl-11{
    padding-left: 2.75rem;
  }
  .lg\:pl-12{
    padding-left: 3rem;
  }
  .lg\:pl-2{
    padding-left: 0.5rem;
  }
  .lg\:pl-3{
    padding-left: 0.75rem;
  }
  .lg\:pl-4{
    padding-left: 1rem;
  }
  .lg\:pl-5{
    padding-left: 1.25rem;
  }
  .lg\:pl-6{
    padding-left: 1.5rem;
  }
  .lg\:pl-7{
    padding-left: 1.75rem;
  }
  .lg\:pl-8{
    padding-left: 2rem;
  }
  .lg\:pl-9{
    padding-left: 2.25rem;
  }
  .lg\:pr-1{
    padding-right: 0.25rem;
  }
  .lg\:pr-10{
    padding-right: 2.5rem;
  }
  .lg\:pr-11{
    padding-right: 2.75rem;
  }
  .lg\:pr-12{
    padding-right: 3rem;
  }
  .lg\:pr-2{
    padding-right: 0.5rem;
  }
  .lg\:pr-3{
    padding-right: 0.75rem;
  }
  .lg\:pr-4{
    padding-right: 1rem;
  }
  .lg\:pr-5{
    padding-right: 1.25rem;
  }
  .lg\:pr-6{
    padding-right: 1.5rem;
  }
  .lg\:pr-7{
    padding-right: 1.75rem;
  }
  .lg\:pr-8{
    padding-right: 2rem;
  }
  .lg\:pr-9{
    padding-right: 2.25rem;
  }
  .lg\:pt-1{
    padding-top: 0.25rem;
  }
  .lg\:pt-10{
    padding-top: 2.5rem;
  }
  .lg\:pt-11{
    padding-top: 2.75rem;
  }
  .lg\:pt-12{
    padding-top: 3rem;
  }
  .lg\:pt-2{
    padding-top: 0.5rem;
  }
  .lg\:pt-3{
    padding-top: 0.75rem;
  }
  .lg\:pt-4{
    padding-top: 1rem;
  }
  .lg\:pt-5{
    padding-top: 1.25rem;
  }
  .lg\:pt-6{
    padding-top: 1.5rem;
  }
  .lg\:pt-7{
    padding-top: 1.75rem;
  }
  .lg\:pt-8{
    padding-top: 2rem;
  }
  .lg\:pt-9{
    padding-top: 2.25rem;
  }
  .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\:text-7xl{
    font-size: 4.5rem;
    line-height: 1;
  }
  .lg\:text-8xl{
    font-size: 6rem;
    line-height: 1;
  }
  .lg\:text-9xl{
    font-size: 8rem;
    line-height: 1;
  }
  .lg\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .lg\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .lg\:text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .lg\:text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .lg\:text-xs{
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .lg\:font-black{
    font-weight: 900;
  }
  .lg\:font-bold{
    font-weight: 700;
  }
  .lg\:font-extrabold{
    font-weight: 800;
  }
  .lg\:font-light{
    font-weight: 300;
  }
  .lg\:font-medium{
    font-weight: 500;
  }
  .lg\:font-normal{
    font-weight: 400;
  }
  .lg\:font-semibold{
    font-weight: 600;
  }
  .lg\:font-thin{
    font-weight: 100;
  }
  .lg\:italic{
    font-style: italic;
  }
  .lg\:not-italic{
    font-style: normal;
  }
}

@media (min-width: 1280px){
  .xlg\:px-20{
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

@media (min-width: 1600px){
  .xl\:m-1{
    margin: 0.25rem;
  }
  .xl\:m-10{
    margin: 2.5rem;
  }
  .xl\:m-11{
    margin: 2.75rem;
  }
  .xl\:m-12{
    margin: 3rem;
  }
  .xl\:m-2{
    margin: 0.5rem;
  }
  .xl\:m-3{
    margin: 0.75rem;
  }
  .xl\:m-4{
    margin: 1rem;
  }
  .xl\:m-5{
    margin: 1.25rem;
  }
  .xl\:m-6{
    margin: 1.5rem;
  }
  .xl\:m-7{
    margin: 1.75rem;
  }
  .xl\:m-8{
    margin: 2rem;
  }
  .xl\:m-9{
    margin: 2.25rem;
  }
  .xl\:mx-1{
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .xl\:mx-10{
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
  .xl\:mx-11{
    margin-left: 2.75rem;
    margin-right: 2.75rem;
  }
  .xl\:mx-12{
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .xl\:mx-2{
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .xl\:mx-3{
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  .xl\:mx-4{
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .xl\:mx-5{
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .xl\:mx-6{
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .xl\:mx-7{
    margin-left: 1.75rem;
    margin-right: 1.75rem;
  }
  .xl\:mx-8{
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .xl\:mx-9{
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }
  .xl\:my-1{
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .xl\:my-10{
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  .xl\:my-11{
    margin-top: 2.75rem;
    margin-bottom: 2.75rem;
  }
  .xl\:my-12{
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .xl\:my-2{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .xl\:my-3{
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
  .xl\:my-4{
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .xl\:my-5{
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
  .xl\:my-6{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .xl\:my-7{
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
  }
  .xl\:my-8{
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .xl\:my-9{
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }
  .xl\:mb-1{
    margin-bottom: 0.25rem;
  }
  .xl\:mb-10{
    margin-bottom: 2.5rem;
  }
  .xl\:mb-11{
    margin-bottom: 2.75rem;
  }
  .xl\:mb-12{
    margin-bottom: 3rem;
  }
  .xl\:mb-2{
    margin-bottom: 0.5rem;
  }
  .xl\:mb-3{
    margin-bottom: 0.75rem;
  }
  .xl\:mb-4{
    margin-bottom: 1rem;
  }
  .xl\:mb-5{
    margin-bottom: 1.25rem;
  }
  .xl\:mb-6{
    margin-bottom: 1.5rem;
  }
  .xl\:mb-7{
    margin-bottom: 1.75rem;
  }
  .xl\:mb-8{
    margin-bottom: 2rem;
  }
  .xl\:mb-9{
    margin-bottom: 2.25rem;
  }
  .xl\:ml-1{
    margin-left: 0.25rem;
  }
  .xl\:ml-10{
    margin-left: 2.5rem;
  }
  .xl\:ml-11{
    margin-left: 2.75rem;
  }
  .xl\:ml-12{
    margin-left: 3rem;
  }
  .xl\:ml-2{
    margin-left: 0.5rem;
  }
  .xl\:ml-3{
    margin-left: 0.75rem;
  }
  .xl\:ml-4{
    margin-left: 1rem;
  }
  .xl\:ml-5{
    margin-left: 1.25rem;
  }
  .xl\:ml-6{
    margin-left: 1.5rem;
  }
  .xl\:ml-7{
    margin-left: 1.75rem;
  }
  .xl\:ml-8{
    margin-left: 2rem;
  }
  .xl\:ml-9{
    margin-left: 2.25rem;
  }
  .xl\:mr-1{
    margin-right: 0.25rem;
  }
  .xl\:mr-10{
    margin-right: 2.5rem;
  }
  .xl\:mr-11{
    margin-right: 2.75rem;
  }
  .xl\:mr-12{
    margin-right: 3rem;
  }
  .xl\:mr-2{
    margin-right: 0.5rem;
  }
  .xl\:mr-3{
    margin-right: 0.75rem;
  }
  .xl\:mr-4{
    margin-right: 1rem;
  }
  .xl\:mr-5{
    margin-right: 1.25rem;
  }
  .xl\:mr-6{
    margin-right: 1.5rem;
  }
  .xl\:mr-7{
    margin-right: 1.75rem;
  }
  .xl\:mr-8{
    margin-right: 2rem;
  }
  .xl\:mr-9{
    margin-right: 2.25rem;
  }
  .xl\:mt-1{
    margin-top: 0.25rem;
  }
  .xl\:mt-10{
    margin-top: 2.5rem;
  }
  .xl\:mt-11{
    margin-top: 2.75rem;
  }
  .xl\:mt-12{
    margin-top: 3rem;
  }
  .xl\:mt-2{
    margin-top: 0.5rem;
  }
  .xl\:mt-3{
    margin-top: 0.75rem;
  }
  .xl\:mt-4{
    margin-top: 1rem;
  }
  .xl\:mt-5{
    margin-top: 1.25rem;
  }
  .xl\:mt-6{
    margin-top: 1.5rem;
  }
  .xl\:mt-7{
    margin-top: 1.75rem;
  }
  .xl\:mt-8{
    margin-top: 2rem;
  }
  .xl\:mt-9{
    margin-top: 2.25rem;
  }
  .xl\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .xl\:gap-8{
    gap: 2rem;
  }
  .xl\:gap-x-24{
    -moz-column-gap: 6rem;
         column-gap: 6rem;
  }
  .xl\:gap-x-40{
    -moz-column-gap: 10rem;
         column-gap: 10rem;
  }
  .xl\:p-1{
    padding: 0.25rem;
  }
  .xl\:p-10{
    padding: 2.5rem;
  }
  .xl\:p-11{
    padding: 2.75rem;
  }
  .xl\:p-12{
    padding: 3rem;
  }
  .xl\:p-2{
    padding: 0.5rem;
  }
  .xl\:p-3{
    padding: 0.75rem;
  }
  .xl\:p-4{
    padding: 1rem;
  }
  .xl\:p-5{
    padding: 1.25rem;
  }
  .xl\:p-6{
    padding: 1.5rem;
  }
  .xl\:p-7{
    padding: 1.75rem;
  }
  .xl\:p-8{
    padding: 2rem;
  }
  .xl\:p-9{
    padding: 2.25rem;
  }
  .xl\:px-1{
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .xl\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .xl\:px-11{
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
  .xl\:px-12{
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .xl\:px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .xl\:px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .xl\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .xl\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .xl\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .xl\:px-7{
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .xl\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .xl\:px-9{
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
  .xl\:py-1{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .xl\:py-10{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .xl\:py-11{
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
  }
  .xl\:py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .xl\:py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .xl\:py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .xl\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .xl\:py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .xl\:py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .xl\:py-7{
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
  .xl\:py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .xl\:py-9{
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }
  .xl\:pb-1{
    padding-bottom: 0.25rem;
  }
  .xl\:pb-10{
    padding-bottom: 2.5rem;
  }
  .xl\:pb-11{
    padding-bottom: 2.75rem;
  }
  .xl\:pb-12{
    padding-bottom: 3rem;
  }
  .xl\:pb-2{
    padding-bottom: 0.5rem;
  }
  .xl\:pb-3{
    padding-bottom: 0.75rem;
  }
  .xl\:pb-4{
    padding-bottom: 1rem;
  }
  .xl\:pb-5{
    padding-bottom: 1.25rem;
  }
  .xl\:pb-6{
    padding-bottom: 1.5rem;
  }
  .xl\:pb-7{
    padding-bottom: 1.75rem;
  }
  .xl\:pb-8{
    padding-bottom: 2rem;
  }
  .xl\:pb-9{
    padding-bottom: 2.25rem;
  }
  .xl\:pl-1{
    padding-left: 0.25rem;
  }
  .xl\:pl-10{
    padding-left: 2.5rem;
  }
  .xl\:pl-11{
    padding-left: 2.75rem;
  }
  .xl\:pl-12{
    padding-left: 3rem;
  }
  .xl\:pl-2{
    padding-left: 0.5rem;
  }
  .xl\:pl-3{
    padding-left: 0.75rem;
  }
  .xl\:pl-4{
    padding-left: 1rem;
  }
  .xl\:pl-5{
    padding-left: 1.25rem;
  }
  .xl\:pl-6{
    padding-left: 1.5rem;
  }
  .xl\:pl-7{
    padding-left: 1.75rem;
  }
  .xl\:pl-8{
    padding-left: 2rem;
  }
  .xl\:pl-9{
    padding-left: 2.25rem;
  }
  .xl\:pr-1{
    padding-right: 0.25rem;
  }
  .xl\:pr-10{
    padding-right: 2.5rem;
  }
  .xl\:pr-11{
    padding-right: 2.75rem;
  }
  .xl\:pr-12{
    padding-right: 3rem;
  }
  .xl\:pr-2{
    padding-right: 0.5rem;
  }
  .xl\:pr-3{
    padding-right: 0.75rem;
  }
  .xl\:pr-4{
    padding-right: 1rem;
  }
  .xl\:pr-5{
    padding-right: 1.25rem;
  }
  .xl\:pr-6{
    padding-right: 1.5rem;
  }
  .xl\:pr-7{
    padding-right: 1.75rem;
  }
  .xl\:pr-8{
    padding-right: 2rem;
  }
  .xl\:pr-9{
    padding-right: 2.25rem;
  }
  .xl\:pt-1{
    padding-top: 0.25rem;
  }
  .xl\:pt-10{
    padding-top: 2.5rem;
  }
  .xl\:pt-11{
    padding-top: 2.75rem;
  }
  .xl\:pt-12{
    padding-top: 3rem;
  }
  .xl\:pt-2{
    padding-top: 0.5rem;
  }
  .xl\:pt-3{
    padding-top: 0.75rem;
  }
  .xl\:pt-4{
    padding-top: 1rem;
  }
  .xl\:pt-5{
    padding-top: 1.25rem;
  }
  .xl\:pt-6{
    padding-top: 1.5rem;
  }
  .xl\:pt-7{
    padding-top: 1.75rem;
  }
  .xl\:pt-8{
    padding-top: 2rem;
  }
  .xl\:pt-9{
    padding-top: 2.25rem;
  }
  .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\:text-6xl{
    font-size: 3.75rem;
    line-height: 1;
  }
  .xl\:text-7xl{
    font-size: 4.5rem;
    line-height: 1;
  }
  .xl\:text-8xl{
    font-size: 6rem;
    line-height: 1;
  }
  .xl\:text-9xl{
    font-size: 8rem;
    line-height: 1;
  }
  .xl\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .xl\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .xl\:text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .xl\:text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .xl\:text-xs{
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .xl\:font-black{
    font-weight: 900;
  }
  .xl\:font-bold{
    font-weight: 700;
  }
  .xl\:font-extrabold{
    font-weight: 800;
  }
  .xl\:font-light{
    font-weight: 300;
  }
  .xl\:font-medium{
    font-weight: 500;
  }
  .xl\:font-normal{
    font-weight: 400;
  }
  .xl\:font-semibold{
    font-weight: 600;
  }
  .xl\:font-thin{
    font-weight: 100;
  }
  .xl\:italic{
    font-style: italic;
  }
  .xl\:not-italic{
    font-style: normal;
  }
}