@charset "UTF-8";
/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  /* 2 */
}

/* Sections
     ========================================================================== */
/**
   * Remove the margin in all browsers.
   */
body {
  margin: 0;
}

/**
   * Render the `main` element consistently in IE.
   */
main {
  display: block;
}

/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
     ========================================================================== */
/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
     ========================================================================== */
/**
   * Remove the gray background on active links in IE 10.
   */
a {
  background-color: transparent;
}

/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
b,
strong {
  font-weight: bolder;
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
   * 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;
}

/* Embedded content
     ========================================================================== */
/**
   * Remove the border on images inside links in IE 10.
   */
img {
  border-style: none;
}

/* Forms
     ========================================================================== */
/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
   * Remove the inner border and padding in Firefox.
   */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
   * Restore the focus styles unset by the previous rule.
   */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
   * Correct the padding in Firefox.
   */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
progress {
  vertical-align: baseline;
}

/**
   * Remove the default vertical scrollbar in IE 10+.
   */
textarea {
  overflow: auto;
}

/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
[type=number]::-webkit-inner-spin-button,
[type=number]::-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.
   */
[type=search]::-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 */
}

/* Interactive
     ========================================================================== */
/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
details {
  display: block;
}

/*
   * Add the correct display in all browsers.
   */
summary {
  display: list-item;
}

/* Misc
     ========================================================================== */
/**
   * Add the correct display in IE 10+.
   */
template {
  display: none;
}

/**
   * Add the correct display in IE 10.
   */
[hidden] {
  display: none;
}

/**
 * Apply a rule to all elements and their pseudo-elements.
 * This rule sets the box-sizing property to inherit, which means that the box-sizing is taken from the parent element.
 */
*,
*::before,
*::after {
  box-sizing: inherit;
}

/**
 * Apply rules to the html element.
 * The box-sizing property is set to border-box, which means that padding and border are included in the element's total width and height.
 * The font-size is set to 62.5%, which is a common practice to make rem units more manageable.
 * The scroll-behavior is set to smooth, which means that the scrolling is animated smoothly.
 */
html {
  box-sizing: border-box;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/**
 * This rule targets the BrowserSync notification element.
 * It sets the position to fixed and adjusts the top and border-radius properties.
 */
#__bs_notify__ {
  position: fixed;
  top: calc(100% - 50px) !important;
  border-radius: 0px !important;
}

/**
 * This rule targets elements that are focus-visible.
 * It removes the outline and outline-offset properties.
 */
:focus-visible {
  outline: 0;
  outline-offset: 0;
}

/**
 * This rule targets button elements and input elements of type submit, reset, and button.
 * It resets several properties to their initial values to remove browser default styles.
 */
button,
input[type=submit],
input[type=reset],
input[type=button] {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  will-change: cursor;
}

/**
 * This rule targets img elements.
 * It ensures that images do not exceed the width of their container,
 * that their height is adjusted automatically to maintain the aspect ratio,
 * that they are displayed as block elements,
 * and that they are slightly scaled up to avoid rendering issues.
 */
img {
  max-width: 100%;
  height: auto;
  display: block;
  transform: scale(1.0001);
}

ul {
  margin-top: initial;
}

/*--------------------------------------------------------------
# Theme
--------------------------------------------------------------*/
/**
 * Mixin to convert pixel values to viewport width (vw) units
 * @param {Number|String} $width - The width in pixels or percentage to be converted to vw
 * @param {Number|String} $height - The height in pixels or auto to be converted to vw (default: auto)
 * @param {Boolean} $isImage - Whether the element is an image, applying object-fit: cover if true (default: false)
 * @param {Boolean} $important - Whether to add !important to the styles (default: true)
 */
/**
 * Mixin to create pseudo-elements with customizable properties
 * @param {String} $type - The type of pseudo-element (before, after, etc.)
 * @param {Boolean} $relative - Whether to set the position to relative
 * @param {Number} $z-index - The z-index of the pseudo-element
 * @param {String} $content - The content of the pseudo-element
 */
/**
 * Mixin for responsive design helper for applying styles based on screen width.
 *
 * This mixin allows you to apply styles conditionally based on the screen width.
 * You can specify a minimum width, a maximum width, or both.
 *
 * @param {Number|Boolean} $min - The minimum screen width (optional, default: false).
 * @param {Number|Boolean} $max - The maximum screen width (optional, default: false).
 *
 * @example
 * // Apply styles for screens wider than 600px
 * @include mQuery(600px) {
 *   // styles here
 * }
 *
 * @example
 * // Apply styles for screens narrower than 1200px
 * @include mQuery(false, 1200px) {
 *   // styles here
 * }
 *
 * @example
 * // Apply styles for screens between 600px and 1200px
 * @include mQuery(600px, 1200px) {
 *   // styles here
 * }
 */
/**
 * Mixin to set width and height properties
 * @param {Number} $width - The width value
 * @param {Number} $height - The height value
 */
/**
 * Mixin to apply a CSS property to a class and its important variant.
 *
 * This mixin generates two CSS rules:
 * 1. A rule for the specified class with the given property and value.
 * 2. A rule for the same class prefixed with 'i-' that applies the property with !important.
 *
 * @param {String} $class - The class name to which the property will be applied.
 * @param {String} $property - The CSS property to be applied.
 * @param {String} $value - The value of the CSS property.
 */
/*
 * Base Color Palette
 */
/**
 * Function to retrieve a color from the color map
 * @param {String} $key - The key of the color to retrieve
 * @return {Color} - The color corresponding to the key
 */
/* Body */
/**
 * Converts a pixel value to a viewport width (vw) value.
 *
 * This function takes a pixel value and converts it to a vw value based on a
 * reference width of 1920 pixels.
 *
 * @param {Number} $px - The pixel value to convert.
 * @return {String} - The calculated vw value.
 */
/**
 * Removes the unit from a value if it is unitless.
 *
 * @param {Number|String} $value - The value to strip the unit from.
 * @return {Number} - The value without its unit.
 */
/**
 * Rounds a value to a specified number of decimal places.
 *
 * @param {Number} $value - The value to round.
 * @param {Number} $places - The number of decimal places to round to. Default is 2.
 * @return {Number} - The rounded value.
 */
/**
 * Clamps a value between a minimum and maximum value, with a responsive calculation.
 *
 * @param {Number|String} $min - The minimum value.
 * @param {Number|String} $max - The maximum value.
 * @param {Number|String} $maxScreen - The maximum screen size for the calculation.
 * @return {String} - The clamped value with units.
 */
/**
 * Function to lighten a color by a given percentage
 * @param {Color} $color - The base color to be lightened
 * @param {Number} $percentage - The percentage by which to lighten the color
 * @return {Color} - The lightened color
 */
/**
 * Function to darken a color by a given percentage
 * @param {Color} $color - The base color to be darkened
 * @param {Number} $percentage - The percentage by which to darken the color
 * @return {Color} - The darkened color
 */
/**
 * Generates a transition property with a cubic-bezier timing function based on the given style.
 *
 * @param {String} $style - The style of the transition. Accepts 'smooth', 'drift', or 'wave'.
 * @return {String} - The transition property with the corresponding cubic-bezier timing function.
 */
/**
 * Generates a URL for an image located in the resources/images directory.
 *
 * @param {String} $name - The name of the image file.
 * @return {String} - The URL of the image.
 */
/* Navigation */
/* Footer */
/* Links */
/* Buttons */
/* Button Paddings */
/* Inputs */
/* Typography */
/*
 * TITLES
 *
 * This section defines the typography settings for various title elements.
 * It includes font families, font weights, line heights, padding, font sizes, and letter spacing.
 */
/*
 * Container & Grid
 */
/*
 * GRID SPACING
 */
/* Margins */
/*
 * Breakpoints
 */
/* Mobile menu enter */
h1, .h1, .single-quote.big *,
h2, .h2, .single-quote.small *,
h3, .h3, .wys-little-h2 h2, .wys h2, div.gform-theme--framework.gform_wrapper .career_list .gfield_description,
h4, .h4,
h5, .h5,
h6, .h6 {
  margin: 0;
  font-family: "Degular", sans-serif;
  font-weight: 600;
  line-height: 1.18;
  letter-spacing: initial;
}
h1 strong,
h1 b, .h1 strong, .single-quote.big * strong,
.h1 b,
.single-quote.big * b,
h2 strong,
h2 b, .h2 strong, .single-quote.small * strong,
.h2 b,
.single-quote.small * b,
h3 strong,
h3 b, .h3 strong, .wys-little-h2 h2 strong, .wys h2 strong, div.gform-theme--framework.gform_wrapper .career_list .gfield_description strong,
.h3 b,
.wys-little-h2 h2 b,
.wys h2 b,
div.gform-theme--framework.gform_wrapper .career_list .gfield_description b,
h4 strong,
h4 b, .h4 strong,
.h4 b,
h5 strong,
h5 b, .h5 strong,
.h5 b,
h6 strong,
h6 b, .h6 strong,
.h6 b {
  font-weight: 700;
}
h1:not(:last-child), .h1:not(:last-child), .single-quote.big :not(:last-child),
h2:not(:last-child), .h2:not(:last-child), .single-quote.small :not(:last-child),
h3:not(:last-child), .h3:not(:last-child), div.gform-theme--framework.gform_wrapper .career_list .gfield_description:not(:last-child),
h4:not(:last-child), .h4:not(:last-child),
h5:not(:last-child), .h5:not(:last-child),
h6:not(:last-child), .h6:not(:last-child) {
  margin-bottom: 25px;
}
h1:not(:first-child), .h1:not(:first-child), .single-quote.big :not(:first-child),
h2:not(:first-child), .h2:not(:first-child), .single-quote.small :not(:first-child),
h3:not(:first-child), .h3:not(:first-child), div.gform-theme--framework.gform_wrapper .career_list .gfield_description:not(:first-child),
h4:not(:first-child), .h4:not(:first-child),
h5:not(:first-child), .h5:not(:first-child),
h6:not(:first-child), .h6:not(:first-child) {
  margin-top: clamp(22px, 1.82 * 1vw, 35px);
}
@media (max-width: 991.98px) {
  h1 br, h1 strong br, h1 b br, h1 span br, .h1 br, .single-quote.big * br, .h1 strong br, .h1 b br, .h1 span br,
  h2 br,
  h2 strong br,
  h2 b br,
  h2 span br, .h2 br, .single-quote.small * br, .h2 strong br, .h2 b br, .h2 span br,
  h3 br,
  h3 strong br,
  h3 b br,
  h3 span br, .h3 br, .wys-little-h2 h2 br, .wys h2 br, div.gform-theme--framework.gform_wrapper .career_list .gfield_description br, .h3 strong br, .h3 b br, .h3 span br,
  h4 br,
  h4 strong br,
  h4 b br,
  h4 span br, .h4 br, .h4 strong br, .h4 b br, .h4 span br,
  h5 br,
  h5 strong br,
  h5 b br,
  h5 span br, .h5 br, .h5 strong br, .h5 b br, .h5 span br,
  h6 br,
  h6 strong br,
  h6 b br,
  h6 span br, .h6 br, .h6 strong br, .h6 b br, .h6 span br {
    display: none;
  }
}

h1 em, h2 em, .h1 em, .single-quote.big * em, .h2 em, .single-quote.small * em {
  font-weight: 800;
}
h1.em-green em, h2.em-green em, .h1.em-green em, .single-quote.big .em-green em, .h2.em-green em, .single-quote.small .em-green em {
  color: #00B451;
}

.big-title, .source-title {
  font-size: clamp(35px, 3.65 * 1vw, 70px);
  line-height: 1.09;
}

h1,
.h1,
.single-quote.big * {
  font-size: clamp(33px, 3.54 * 1vw, 68px);
  font-weight: 400;
}
h1.big,
.h1.big,
.single-quote.big .big,
.wys h2.h1,
.single-quote.big .wys h2,
.wys .single-quote.big h2 {
  font-size: calc(clamp(33px, 3.54 * 1vw, 68px) * 1.2);
}
h1.small,
.h1.small,
.single-quote.big * {
  font-size: calc(clamp(33px, 3.54 * 1vw, 68px) * 0.8);
}

h2,
.h2,
.single-quote.small *,
.single-quote.big .single-quote * {
  font-size: clamp(22px, 1.82 * 1vw, 35px);
}
h2.big, .wys h2,
.h2.big,
.single-quote.small .big,
.single-quote.big .single-quote .big,
.single-quote.small .wys h2,
.wys .single-quote.small h2,
.single-quote.big .single-quote .wys h2,
.wys .single-quote.big .single-quote h2 {
  font-size: calc(clamp(22px, 1.82 * 1vw, 35px) * 1.2);
}
h2.small, .single-quote.big h2,
.h2.small,
.single-quote.small .small,
.single-quote.big .h2,
.single-quote.small .single-quote.big *,
.single-quote.big .single-quote * {
  font-size: calc(clamp(22px, 1.82 * 1vw, 35px) * 0.8);
}

.h2-green-word, .h2-green-word strong {
  font-weight: 600;
}
.h2-green-word strong {
  color: #00B451;
}

h3,
.h3,
.wys-little-h2 h2,
.wys h2,
div.gform-theme--framework.gform_wrapper .career_list .gfield_description {
  font-size: clamp(22px, 1.82 * 1vw, 35px);
}
h3.big,
.h3.big,
.wys-little-h2 h2.big,
div.gform-theme--framework.gform_wrapper .career_list .big.gfield_description,
.wys h2,
div.gform-theme--framework.gform_wrapper .career_list .wys h2.gfield_description,
.wys div.gform-theme--framework.gform_wrapper .career_list h2.gfield_description {
  font-size: calc(clamp(22px, 1.82 * 1vw, 35px) * 1.2);
}
h3.small, .single-quote.big h3,
.h3.small,
.wys-little-h2 h2.small,
.wys h2.small,
div.gform-theme--framework.gform_wrapper .career_list .small.gfield_description,
.single-quote.big .h3,
.wys-little-h2 .single-quote.big h2,
.single-quote.big .wys-little-h2 h2,
.wys .single-quote.big h2,
.single-quote.big .wys h2,
div.gform-theme--framework.gform_wrapper .career_list .single-quote.big .gfield_description,
.single-quote.big div.gform-theme--framework.gform_wrapper .career_list .gfield_description {
  font-size: calc(clamp(22px, 1.82 * 1vw, 35px) * 0.8);
}

h4,
.h4 {
  font-size: clamp(20px, 1.3 * 1vw, 25px);
  line-height: 1.3;
}
h4.big,
.h4.big,
.wys h2.h4 {
  font-size: calc(clamp(20px, 1.3 * 1vw, 25px) * 1.2);
}
h4.small, .single-quote.big h4,
.h4.small,
.single-quote.big .h4 {
  font-size: calc(clamp(20px, 1.3 * 1vw, 25px) * 0.8);
}

h5,
.h5 {
  font-size: 1.8rem;
}
h5.big,
.h5.big,
.wys h2.h5 {
  font-size: calc(1.8rem * 1.2);
}
h5.small, .single-quote.big h5,
.h5.small,
.single-quote.big .h5 {
  font-size: calc(1.8rem * 0.8);
}

h6,
.h6 {
  font-size: 1.6rem;
}
h6.big,
.h6.big,
.wys h2.h6 {
  font-size: calc(1.6rem * 1.2);
}
h6.small, .single-quote.big h6,
.h6.small,
.single-quote.big .h6 {
  font-size: calc(1.6rem * 0.8);
}

.site-header {
  z-index: 12;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991.98px) {
  .site-header.scrolling #contentHeader {
    z-index: 1;
  }
  .site-header.scrolling #contentHeader {
    position: relative;
  }
  .site-header.scrolling #contentHeader::before {
    z-index: -1;
    position: absolute;
    content: "";
    transition: 0.2s ease-in-out;
    pointer-events: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    backdrop-filter: blur(10px);
    background-color: rgba(0, 0, 0, 0.2);
  }
}
@media (max-width: 991.98px) and (max-width: 575.98px) {
  .site-header.scrolling #contentHeader {
    width: 100%;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
@media (max-width: 991.98px) {
  .site-header.scrolling.black-logo #contentHeader {
    z-index: 1;
  }
  .site-header.scrolling.black-logo #contentHeader {
    position: relative;
  }
  .site-header.scrolling.black-logo #contentHeader::before {
    z-index: -1;
    position: absolute;
    content: "";
    transition: 0.2s ease-in-out;
    pointer-events: none;
    background-color: rgba(250, 250, 250, 0.2);
  }
}
@media (min-width: 991.98px) {
  .site-header.scrolling {
    background-color: transparent;
    border-bottom-color: transparent;
  }
  .site-header.scrolling .custom-logo {
    opacity: 0;
  }
  .site-header .social-media-links {
    display: none;
  }
}
.site-header.scrolling-hide:not(.menu-open) {
  transform: translateY(-100%);
}
.site-header .site-content-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  z-index: 2;
  padding: 27px 24px;
  transition: 0.2s;
}
.site-header .site-content-header {
  width: 1920px;
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 991.98px) {
  .site-header .site-content-header {
    width: calc(100vw - 48px);
    max-width: 100%;
  }
}
@media (max-width: 575.98px) {
  .site-header .site-content-header {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 991.98px) {
  .site-header .site-content-header {
    padding-top: 15px !important;
    padding-bottom: 26px !important;
    width: 100vw !important;
    max-width: 100%;
  }
}

.site-logo {
  transition: 0.2s;
  position: relative;
  z-index: 20;
  display: inline-flex;
  width: rClamp(160, 203, 1520);
}
.site-logo img,
.site-logo svg {
  width: 100%;
}
.site-logo .black-logo path:nth-child(-n+9) {
  fill: #010101;
}
.site-logo .custom-logo {
  transition: 0.2s;
  transform-origin: center;
}
.site-logo .custom-logo:hover {
  transform: scale(1.05);
}

.site-navigation,
.top-navigation {
  display: block;
  width: auto;
  z-index: 5;
}
.site-navigation ul,
.top-navigation ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.site-navigation ul ul,
.top-navigation ul ul {
  z-index: 99999;
}
.site-navigation ul ul li:hover > ul, .site-navigation ul ul li.focus > ul,
.top-navigation ul ul li:hover > ul,
.top-navigation ul ul li.focus > ul {
  display: block;
  left: auto;
}
@media (min-width: 991.98px) {
  .site-navigation ul ul a,
  .top-navigation ul ul a {
    width: 200px;
  }
}
.site-navigation ul ul a:hover,
.site-navigation ul ul a.focus,
.top-navigation ul ul a:hover,
.top-navigation ul ul a.focus {
  color: #00B451;
}
.site-navigation ul li:hover > ul,
.site-navigation ul li.focus > ul,
.top-navigation ul li:hover > ul,
.top-navigation ul li.focus > ul {
  left: auto;
}
.site-navigation ul:not(.sub-menu) > li,
.top-navigation ul:not(.sub-menu) > li {
  display: inline-block;
}
.site-navigation li > ul:not(.inner),
.top-navigation li > ul:not(.inner) {
  height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.site-navigation a,
.top-navigation a {
  font-family: "Degular", sans-serif;
  text-transform: initial;
  display: inline-block;
  text-decoration: none;
  font-size: clamp(13px, 1.25 * 1vw, 19px);
  font-weight: 500;
  letter-spacing: initial;
  color: #F5F5F5;
  transition: 0.2s;
}
.site-navigation a:hover,
.top-navigation a:hover {
  color: #00B451;
}
.site-navigation .current-menu-item > a,
.top-navigation .current-menu-item > a {
  color: #00B451 !important;
}
.site-navigation > div[class^=menu-],
.top-navigation > div[class^=menu-] {
  display: block;
}
.site-navigation .minus,
.site-navigation .plus,
.top-navigation .minus,
.top-navigation .plus {
  display: none;
}
.site-navigation .sub-menu,
.top-navigation .sub-menu {
  display: none;
  left: 13px;
  z-index: -1;
}
.site-navigation .sub-menu li a,
.top-navigation .sub-menu li a {
  color: #F5F5F5;
  white-space: nowrap;
  display: table;
  padding: 7px 30px 2px 30px !important;
  width: 100%;
  min-width: 200px;
}
.site-navigation .sub-menu li:last-child,
.top-navigation .sub-menu li:last-child {
  padding-bottom: 16px !important;
}
.site-navigation .menu-item-has-children:hover .sub-menu,
.top-navigation .menu-item-has-children:hover .sub-menu {
  display: block;
  height: auto;
  position: absolute;
  top: 100%;
  width: auto;
}
.site-navigation .menu-item-has-children > a,
.top-navigation .menu-item-has-children > a {
  position: relative;
}
.site-navigation .menu-item-has-children > a::after,
.top-navigation .menu-item-has-children > a::after {
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 12px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 3rem;
}

.site-navigation {
  position: absolute;
  background-color: #010101;
  border-radius: 150px;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 6px;
  left: 0;
  top: 0;
}
@media (min-width: 991.98px) {
  .site-navigation {
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
  }
}
@media (max-width: 991.98px) {
  .site-navigation {
    opacity: 0;
    pointer-events: none;
    transition: 0.3s;
    position: fixed;
    margin-top: 0;
    border-radius: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    padding-top: 155.2px;
    padding-bottom: calc(80 / 1920 * 100vw);
    background: transparent;
    backdrop-filter: blur(20px);
    /*@include pseudo(before,false, -1) {
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background: linear-gradient(60deg, $purple -8.65%, #000 30%, #000 75%, #00B451);
      opacity: 0.4;
    }*/
  }
  .site-navigation * {
    pointer-events: none;
  }
  .site-navigation .socials-medias {
    gap: 42px !important;
  }
  .site-navigation .socials-medias a {
    color: #F5F5F5;
  }
}

.top-navigation a {
  font-size: 1.3rem;
  text-transform: uppercase;
  padding: 7px clamp(5px, 0.78 * 1vw, 15px);
}
.top-navigation .main-items {
  justify-content: flex-end;
}
.top-navigation > div {
  width: calc(100% - 140px);
  max-width: 1642px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 991.98px) {
  .top-navigation > div {
    width: calc(100vw - 48px);
    max-width: 100%;
  }
}
@media (max-width: 575.98px) {
  .top-navigation > div {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.primary-menu {
  justify-content: flex-end;
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
}
@media (max-width: 991.98px) {
  .primary-menu {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(0px, 1.82 * 1vw, 20px);
  }
}
.primary-menu li .sub-menu {
  pointer-events: all;
}
@media (max-width: 991.98px) {
  .primary-menu li .sub-menu {
    display: none !important;
  }
}
.primary-menu a {
  padding: 7px clamp(15px, 1.56 * 1vw, 30px);
}
.primary-menu a:hover {
  transform: scale(1.1);
}
@media (max-width: 991.98px) {
  .primary-menu a {
    padding: 10px clamp(5px, 0.52 * 1vw, 10px);
    font-size: clamp(20px, 1.82 * 1vw, 20px);
  }
  .primary-menu a.link-reset {
    font-size: clamp(24px, 2.73 * 1vw, 30px);
  }
}
.primary-menu > li:last-child {
  padding-right: 0;
}
.primary-menu .menu-item-has-children {
  position: relative;
  z-index: 1;
}
.primary-menu .menu-item-has-children::after {
  content: "";
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  width: 100%;
  height: 40px;
  background: transparent !important;
  display: inline-block;
  z-index: -1;
}
@media (max-width: 991.98px) {
  .primary-menu .menu-item-has-children::after {
    display: none;
  }
}
.primary-menu .menu-item-has-children .sub-menu {
  position: absolute;
  top: calc(100% + 1px);
  left: -15px;
  background-color: #010101;
  columns: 2;
  column-gap: 0;
  border-radius: 23px;
  padding: 20px 0 20px clamp(15px, 1.56 * 1vw, 30px);
  pointer-events: none;
  z-index: 2;
}
.primary-menu .menu-item-has-children .sub-menu li a {
  padding: 7px 50px 7px 30px !important;
  transform-origin: left center !important;
}
.primary-menu .menu-item-has-children .sub-menu li {
  z-index: 1;
}
.primary-menu .menu-item-has-children .sub-menu li {
  position: relative;
}
.primary-menu .menu-item-has-children .sub-menu li::before {
  z-index: -1;
  position: absolute;
  content: "";
  transition: 0.2s ease-in-out;
  pointer-events: none;
  width: 9px;
  height: 9px;
  background: linear-gradient(213deg, #666CCD 9.97%, #010101 71.01%);
  left: 0;
  top: 50%;
  border-radius: 9px;
  transform: translateY(-50%);
}
.primary-menu .menu-item-has-children > a:after {
  content: none;
}
.primary-menu .menu-item-has-children > a::before {
  content: "";
  top: 100%;
  width: 100%;
  height: 30px;
  left: 0;
  position: absolute;
  z-index: -1;
}
@media (max-width: 991.98px) {
  .primary-menu .menu-item-has-children > a::before {
    display: none;
  }
}
.primary-menu .menu-item-has-children:hover .sub-menu {
  display: block;
  height: auto;
  pointer-events: auto;
}

nav .minus,
nav .plus {
  display: none;
}

@media (max-width: 991.98px) {
  html {
    overflow-x: hidden;
  }
}

body {
  background: #F5F5F5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  position: relative;
  letter-spacing: 1px;
  /* width */
  /* Track */
  /* Handle */
}
body::-webkit-scrollbar {
  width: 8px !important;
}
body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 1px #00B451;
  border-radius: 0;
  background-color: #010101;
}
body::-webkit-scrollbar-thumb {
  background: #00B451;
  border: 2px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  border-radius: 5px;
}

#page {
  margin-top: 0 !important;
}

@media (min-width: 991.98px) {
  #page {
    margin-top: 97px;
    min-height: calc(100vh - 97px);
  }
}
@media (max-width: 991.98px) {
  #page {
    margin-top: 67px;
    min-height: calc(100vh - 67px);
  }
}
hr {
  background-color: #EBDEC8;
  display: inline-block;
  border: 0;
  width: 100%;
  height: 1px;
  margin: 1.5em 0;
}

/*
 * Margins contents
 *
 * Styles for managing margins and display properties of paragraph elements and their children.
 */
/*
 * Remove bottom margin for the last child, top margin for the first child,
 * and hide empty paragraphs.
 */
p ul:last-child,
p li:last-child,
p:last-child {
  margin-bottom: 0;
}
p ul:first-child,
p li:first-child,
p:first-child {
  margin-top: 0;
}
p ul:empty,
p li:empty,
p:empty {
  display: none;
}

/*
 * Hide line breaks within unordered lists inside paragraphs.
 */
p ul br {
  display: none;
}

/*
 * Add bottom margin to list items within paragraphs.
 */
p li {
  margin-bottom: 10px;
}

/*
 * Set margins for paragraphs except for the first and last child.
 */
p:not(:last-child) {
  margin-bottom: clamp(16px, 1.15 * 1vw, 22px);
}
p:not(:first-child) {
  margin-top: 10px;
}

/* Divers */
table {
  margin: 10px 0 1.5em;
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #666CCD;
}
table th, table td {
  border: 1px solid #666CCD;
  padding: 3px 10px;
}
table th {
  font-weight: 700;
}
table tr {
  border-bottom: 0;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  background-color: #EBDEC8;
  border-left: 10px solid #00B451;
  margin: 1.5em 0;
  margin-right: 10px;
  padding: 0.7em 10px;
  font-style: italic;
}
blockquote p:last-child {
  margin-bottom: 0;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #F5F1F3;
  cursor: help;
  will-change: cursor;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

b,
strong {
  font-weight: bold;
}

body,
button,
input,
select,
optgroup,
textarea {
  color: #010101;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-size: 16px;
  line-height: 1.65;
}
@media (max-width: 991.98px) {
  body,
  button,
  input,
  select,
  optgroup,
  textarea {
    font-size: clamp(15px, 1.58 * 1vw, 19px);
    line-height: 1.65;
  }
}

::selection {
  background: rgba(0, 180, 81, 0.5);
}

/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #010101;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#site-main[tabindex="-1"]:focus {
  outline: 0;
}

/*
 * LINKS
 *
 * Styles for anchor tags within paragraphs.
 */
p a {
  color: #00B451;
  text-decoration: underline;
  transition: 0.2s;
  font-weight: inherit;
}
p a:visited, p a:active, p a:focus {
  color: #00B451;
}
p a:hover {
  color: #666CCD;
}
p a:focus, p a:hover, p a:active {
  outline: 0;
}

article.type-page > .entry-content {
  background-color: #F5F5F5;
  position: relative;
}

.page-container:empty {
  display: none !important;
}

#site-main > article > .entry-header > .content-header > div {
  padding-top: 155.2px !important;
}

#site-footer,
#copyright {
  color: #F5F5F5;
}
#site-footer a:not(.btn, .link-reset),
#copyright a:not(.btn, .link-reset) {
  color: #F5F5F5;
}
#site-footer a:not(.btn, .link-reset):hover, #site-footer a:not(.btn, .link-reset):hover i,
#copyright a:not(.btn, .link-reset):hover,
#copyright a:not(.btn, .link-reset):hover i {
  color: #00B451;
}

.footer-branding {
  max-width: 237px;
  width: 100%;
}
.footer-branding img {
  transition: 0.2s ease-in-out;
  width: 100%;
}
.footer-branding img:hover {
  transform: scale(1.17);
}

#site-footer {
  background-color: #010101;
  position: relative;
  margin-top: auto;
  color: #F5F5F5;
  overflow: hidden;
  z-index: 3;
  border-radius: clamp(40px, 5.92 * 1vw, 90px) clamp(40px, 5.92 * 1vw, 90px) 0 0;
  transition: border-radius 0.8s ease-in-out;
}
#site-footer * {
  outline: none;
}
#site-footer::before, #site-footer::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  transition: opacity 0.8s ease-in; /* Transition fluide */
}
#site-footer::before {
  background: linear-gradient(209deg, #00B451 -8.65%, #000 48.61%);
  opacity: 1;
}
#site-footer::after {
  background: linear-gradient(31deg, #666CCD -8.65%, #000 30%, #000 75%, #00B451);
  opacity: 0;
}
#site-footer:hover::before {
  opacity: 0;
}
#site-footer:hover::after {
  opacity: 1;
}

#copyright {
  background-color: transparent;
  /*@if (lightness($footer-copyright-bg-color) < 40%) {*/
  color: #F5F5F5;
  /*}*/
}
#copyright > div {
  padding-bottom: 1rem;
  padding-top: 1rem;
  font-size: 1.4rem;
}
#copyright > div p {
  margin: 0;
}

.footer-branding {
  max-width: 105px;
}

@media (min-width: 449.98px) and (max-width: 1199.98px) {
  .footer-contact {
    display: flex;
    gap: 60px;
  }
  #site-footer .h4 {
    font-size: 27px;
  }
}
#menu-zones {
  list-style: none;
  padding: 0;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
.btn, #gform_submit_button_1, #gform_submit_button_2, #gform_submit_button_3, #gform_submit_button_4, #gform_submit_button_5, #gform_submit_button_6, #gform_submit_button_7, #gform_submit_button_8, #gform_submit_button_9, #gform_submit_button_10, #gform_submit_button_11, #gform_submit_button_12, #gform_submit_button_13, #gform_submit_button_14, #gform_submit_button_15, #gform_submit_button_16, #gform_submit_button_17, #gform_submit_button_18, #gform_submit_button_19, #gform_submit_button_20, #gform_browse_button_3_48, #gform_browse_button_3_54, button:not(.btn-reset, .burger-class, .sl-close, .sl-next, .sl-prev), input[type=submit], input[type=reset], input[type=button] {
  font-family: "Degular", sans-serif;
  font-weight: 500;
  padding: 14px 24px 14px 24px;
  border-radius: 150px;
  color: #010101;
  background-color: transparent;
  letter-spacing: 0;
  text-transform: initial;
  text-align: inherit;
  border: 2px solid #00B451;
  transition: 0.3s ease-in-out;
  cursor: pointer;
  will-change: cursor;
  gap: 10px;
  width: fit-content;
  font-size: clamp(16px, 0.05 * 1vw, 1px);
  outline: none;
  text-decoration: none;
  line-height: 1;
  display: block;
}
.btn:hover, #gform_submit_button_1:hover, #gform_submit_button_2:hover, #gform_submit_button_3:hover, #gform_submit_button_4:hover, #gform_submit_button_5:hover, #gform_submit_button_6:hover, #gform_submit_button_7:hover, #gform_submit_button_8:hover, #gform_submit_button_9:hover, #gform_submit_button_10:hover, #gform_submit_button_11:hover, #gform_submit_button_12:hover, #gform_submit_button_13:hover, #gform_submit_button_14:hover, #gform_submit_button_15:hover, #gform_submit_button_16:hover, #gform_submit_button_17:hover, #gform_submit_button_18:hover, #gform_submit_button_19:hover, #gform_submit_button_20:hover, #gform_browse_button_3_48:hover, #gform_browse_button_3_54:hover, .btn .btn-hover, #gform_submit_button_1 .btn-hover, #gform_submit_button_2 .btn-hover, #gform_submit_button_3 .btn-hover, #gform_submit_button_4 .btn-hover, #gform_submit_button_5 .btn-hover, #gform_submit_button_6 .btn-hover, #gform_submit_button_7 .btn-hover, #gform_submit_button_8 .btn-hover, #gform_submit_button_9 .btn-hover, #gform_submit_button_10 .btn-hover, #gform_submit_button_11 .btn-hover, #gform_submit_button_12 .btn-hover, #gform_submit_button_13 .btn-hover, #gform_submit_button_14 .btn-hover, #gform_submit_button_15 .btn-hover, #gform_submit_button_16 .btn-hover, #gform_submit_button_17 .btn-hover, #gform_submit_button_18 .btn-hover, #gform_submit_button_19 .btn-hover, #gform_submit_button_20 .btn-hover, #gform_browse_button_3_48 .btn-hover, #gform_browse_button_3_54 .btn-hover, button:not(.btn-reset, .burger-class, .sl-close, .sl-next, .sl-prev):hover, button:not(.btn-reset, .burger-class, .sl-close, .sl-next, .sl-prev) .btn-hover, input[type=submit]:hover, input[type=submit] .btn-hover, input[type=reset]:hover, input[type=reset] .btn-hover, input[type=button]:hover, input[type=button] .btn-hover {
  border-color: #00B451;
  background-color: #00B451 !important;
  color: #010101;
}
.btn:active, #gform_submit_button_1:active, #gform_submit_button_2:active, #gform_submit_button_3:active, #gform_submit_button_4:active, #gform_submit_button_5:active, #gform_submit_button_6:active, #gform_submit_button_7:active, #gform_submit_button_8:active, #gform_submit_button_9:active, #gform_submit_button_10:active, #gform_submit_button_11:active, #gform_submit_button_12:active, #gform_submit_button_13:active, #gform_submit_button_14:active, #gform_submit_button_15:active, #gform_submit_button_16:active, #gform_submit_button_17:active, #gform_submit_button_18:active, #gform_submit_button_19:active, #gform_submit_button_20:active, #gform_browse_button_3_48:active, #gform_browse_button_3_54:active, .btn:focus, #gform_submit_button_1:focus, #gform_submit_button_2:focus, #gform_submit_button_3:focus, #gform_submit_button_4:focus, #gform_submit_button_5:focus, #gform_submit_button_6:focus, #gform_submit_button_7:focus, #gform_submit_button_8:focus, #gform_submit_button_9:focus, #gform_submit_button_10:focus, #gform_submit_button_11:focus, #gform_submit_button_12:focus, #gform_submit_button_13:focus, #gform_submit_button_14:focus, #gform_submit_button_15:focus, #gform_submit_button_16:focus, #gform_submit_button_17:focus, #gform_submit_button_18:focus, #gform_submit_button_19:focus, #gform_submit_button_20:focus, #gform_browse_button_3_48:focus, #gform_browse_button_3_54:focus, button:not(.btn-reset, .burger-class, .sl-close, .sl-next, .sl-prev):active, button:not(.btn-reset, .burger-class, .sl-close, .sl-next, .sl-prev):focus, input[type=submit]:active, input[type=submit]:focus, input[type=reset]:active, input[type=reset]:focus, input[type=button]:active, input[type=button]:focus {
  border-color: #00B451;
  background-color: transparent;
  color: #010101;
  box-shadow: none !important;
  outline: none !important;
}
.btn.transparent, .transparent#gform_submit_button_1, .transparent#gform_submit_button_2, .transparent#gform_submit_button_3, .transparent#gform_submit_button_4, .transparent#gform_submit_button_5, .transparent#gform_submit_button_6, .transparent#gform_submit_button_7, .transparent#gform_submit_button_8, .transparent#gform_submit_button_9, .transparent#gform_submit_button_10, .transparent#gform_submit_button_11, .transparent#gform_submit_button_12, .transparent#gform_submit_button_13, .transparent#gform_submit_button_14, .transparent#gform_submit_button_15, .transparent#gform_submit_button_16, .transparent#gform_submit_button_17, .transparent#gform_submit_button_18, .transparent#gform_submit_button_19, .transparent#gform_submit_button_20, .transparent#gform_browse_button_3_48, .transparent#gform_browse_button_3_54, button:not(.btn-reset, .burger-class, .sl-close, .sl-next, .sl-prev).transparent, input[type=submit].transparent, input[type=reset].transparent, input[type=button].transparent {
  background-color: transparent;
}
.btn.no-hover-bg-white, .no-hover-bg-white#gform_submit_button_1, .no-hover-bg-white#gform_submit_button_2, .no-hover-bg-white#gform_submit_button_3, .no-hover-bg-white#gform_submit_button_4, .no-hover-bg-white#gform_submit_button_5, .no-hover-bg-white#gform_submit_button_6, .no-hover-bg-white#gform_submit_button_7, .no-hover-bg-white#gform_submit_button_8, .no-hover-bg-white#gform_submit_button_9, .no-hover-bg-white#gform_submit_button_10, .no-hover-bg-white#gform_submit_button_11, .no-hover-bg-white#gform_submit_button_12, .no-hover-bg-white#gform_submit_button_13, .no-hover-bg-white#gform_submit_button_14, .no-hover-bg-white#gform_submit_button_15, .no-hover-bg-white#gform_submit_button_16, .no-hover-bg-white#gform_submit_button_17, .no-hover-bg-white#gform_submit_button_18, .no-hover-bg-white#gform_submit_button_19, .no-hover-bg-white#gform_submit_button_20, .no-hover-bg-white#gform_browse_button_3_48, .no-hover-bg-white#gform_browse_button_3_54, button:not(.btn-reset, .burger-class, .sl-close, .sl-next, .sl-prev).no-hover-bg-white, input[type=submit].no-hover-bg-white, input[type=reset].no-hover-bg-white, input[type=button].no-hover-bg-white {
  background-color: #F5F5F5;
  border-width: 1px;
  padding: 10px 20px 10px 20px;
}
.btn.no-hover-bg-white:hover, .no-hover-bg-white#gform_submit_button_1:hover, .no-hover-bg-white#gform_submit_button_2:hover, .no-hover-bg-white#gform_submit_button_3:hover, .no-hover-bg-white#gform_submit_button_4:hover, .no-hover-bg-white#gform_submit_button_5:hover, .no-hover-bg-white#gform_submit_button_6:hover, .no-hover-bg-white#gform_submit_button_7:hover, .no-hover-bg-white#gform_submit_button_8:hover, .no-hover-bg-white#gform_submit_button_9:hover, .no-hover-bg-white#gform_submit_button_10:hover, .no-hover-bg-white#gform_submit_button_11:hover, .no-hover-bg-white#gform_submit_button_12:hover, .no-hover-bg-white#gform_submit_button_13:hover, .no-hover-bg-white#gform_submit_button_14:hover, .no-hover-bg-white#gform_submit_button_15:hover, .no-hover-bg-white#gform_submit_button_16:hover, .no-hover-bg-white#gform_submit_button_17:hover, .no-hover-bg-white#gform_submit_button_18:hover, .no-hover-bg-white#gform_submit_button_19:hover, .no-hover-bg-white#gform_submit_button_20:hover, .no-hover-bg-white#gform_browse_button_3_48:hover, .no-hover-bg-white#gform_browse_button_3_54:hover, .btn.no-hover-bg-white:active, .no-hover-bg-white#gform_submit_button_1:active, .no-hover-bg-white#gform_submit_button_2:active, .no-hover-bg-white#gform_submit_button_3:active, .no-hover-bg-white#gform_submit_button_4:active, .no-hover-bg-white#gform_submit_button_5:active, .no-hover-bg-white#gform_submit_button_6:active, .no-hover-bg-white#gform_submit_button_7:active, .no-hover-bg-white#gform_submit_button_8:active, .no-hover-bg-white#gform_submit_button_9:active, .no-hover-bg-white#gform_submit_button_10:active, .no-hover-bg-white#gform_submit_button_11:active, .no-hover-bg-white#gform_submit_button_12:active, .no-hover-bg-white#gform_submit_button_13:active, .no-hover-bg-white#gform_submit_button_14:active, .no-hover-bg-white#gform_submit_button_15:active, .no-hover-bg-white#gform_submit_button_16:active, .no-hover-bg-white#gform_submit_button_17:active, .no-hover-bg-white#gform_submit_button_18:active, .no-hover-bg-white#gform_submit_button_19:active, .no-hover-bg-white#gform_submit_button_20:active, .no-hover-bg-white#gform_browse_button_3_48:active, .no-hover-bg-white#gform_browse_button_3_54:active, .btn.no-hover-bg-white.btn-hover, .no-hover-bg-white.btn-hover#gform_submit_button_1, .no-hover-bg-white.btn-hover#gform_submit_button_2, .no-hover-bg-white.btn-hover#gform_submit_button_3, .no-hover-bg-white.btn-hover#gform_submit_button_4, .no-hover-bg-white.btn-hover#gform_submit_button_5, .no-hover-bg-white.btn-hover#gform_submit_button_6, .no-hover-bg-white.btn-hover#gform_submit_button_7, .no-hover-bg-white.btn-hover#gform_submit_button_8, .no-hover-bg-white.btn-hover#gform_submit_button_9, .no-hover-bg-white.btn-hover#gform_submit_button_10, .no-hover-bg-white.btn-hover#gform_submit_button_11, .no-hover-bg-white.btn-hover#gform_submit_button_12, .no-hover-bg-white.btn-hover#gform_submit_button_13, .no-hover-bg-white.btn-hover#gform_submit_button_14, .no-hover-bg-white.btn-hover#gform_submit_button_15, .no-hover-bg-white.btn-hover#gform_submit_button_16, .no-hover-bg-white.btn-hover#gform_submit_button_17, .no-hover-bg-white.btn-hover#gform_submit_button_18, .no-hover-bg-white.btn-hover#gform_submit_button_19, .no-hover-bg-white.btn-hover#gform_submit_button_20, .no-hover-bg-white.btn-hover#gform_browse_button_3_48, .no-hover-bg-white.btn-hover#gform_browse_button_3_54, button:not(.btn-reset, .burger-class, .sl-close, .sl-next, .sl-prev).no-hover-bg-white:hover, button:not(.btn-reset, .burger-class, .sl-close, .sl-next, .sl-prev).no-hover-bg-white:active, button:not(.btn-reset, .burger-class, .sl-close, .sl-next, .sl-prev).no-hover-bg-white.btn-hover, input[type=submit].no-hover-bg-white:hover, input[type=submit].no-hover-bg-white:active, input[type=submit].no-hover-bg-white.btn-hover, input[type=reset].no-hover-bg-white:hover, input[type=reset].no-hover-bg-white:active, input[type=reset].no-hover-bg-white.btn-hover, input[type=button].no-hover-bg-white:hover, input[type=button].no-hover-bg-white:active, input[type=button].no-hover-bg-white.btn-hover {
  background-color: #010101 !important;
  color: #F5F5F5 !important;
}
.btn.no-hover-bg-black, .no-hover-bg-black#gform_submit_button_1, .no-hover-bg-black#gform_submit_button_2, .no-hover-bg-black#gform_submit_button_3, .no-hover-bg-black#gform_submit_button_4, .no-hover-bg-black#gform_submit_button_5, .no-hover-bg-black#gform_submit_button_6, .no-hover-bg-black#gform_submit_button_7, .no-hover-bg-black#gform_submit_button_8, .no-hover-bg-black#gform_submit_button_9, .no-hover-bg-black#gform_submit_button_10, .no-hover-bg-black#gform_submit_button_11, .no-hover-bg-black#gform_submit_button_12, .no-hover-bg-black#gform_submit_button_13, .no-hover-bg-black#gform_submit_button_14, .no-hover-bg-black#gform_submit_button_15, .no-hover-bg-black#gform_submit_button_16, .no-hover-bg-black#gform_submit_button_17, .no-hover-bg-black#gform_submit_button_18, .no-hover-bg-black#gform_submit_button_19, .no-hover-bg-black#gform_submit_button_20, .no-hover-bg-black#gform_browse_button_3_48, .no-hover-bg-black#gform_browse_button_3_54, button:not(.btn-reset, .burger-class, .sl-close, .sl-next, .sl-prev).no-hover-bg-black, input[type=submit].no-hover-bg-black, input[type=reset].no-hover-bg-black, input[type=button].no-hover-bg-black {
  background-color: #010101;
  border-width: 1px;
  padding: 10px 20px 10px 20px;
}
.btn.no-hover-bg-black:hover, .no-hover-bg-black#gform_submit_button_1:hover, .no-hover-bg-black#gform_submit_button_2:hover, .no-hover-bg-black#gform_submit_button_3:hover, .no-hover-bg-black#gform_submit_button_4:hover, .no-hover-bg-black#gform_submit_button_5:hover, .no-hover-bg-black#gform_submit_button_6:hover, .no-hover-bg-black#gform_submit_button_7:hover, .no-hover-bg-black#gform_submit_button_8:hover, .no-hover-bg-black#gform_submit_button_9:hover, .no-hover-bg-black#gform_submit_button_10:hover, .no-hover-bg-black#gform_submit_button_11:hover, .no-hover-bg-black#gform_submit_button_12:hover, .no-hover-bg-black#gform_submit_button_13:hover, .no-hover-bg-black#gform_submit_button_14:hover, .no-hover-bg-black#gform_submit_button_15:hover, .no-hover-bg-black#gform_submit_button_16:hover, .no-hover-bg-black#gform_submit_button_17:hover, .no-hover-bg-black#gform_submit_button_18:hover, .no-hover-bg-black#gform_submit_button_19:hover, .no-hover-bg-black#gform_submit_button_20:hover, .no-hover-bg-black#gform_browse_button_3_48:hover, .no-hover-bg-black#gform_browse_button_3_54:hover, .btn.no-hover-bg-black:active, .no-hover-bg-black#gform_submit_button_1:active, .no-hover-bg-black#gform_submit_button_2:active, .no-hover-bg-black#gform_submit_button_3:active, .no-hover-bg-black#gform_submit_button_4:active, .no-hover-bg-black#gform_submit_button_5:active, .no-hover-bg-black#gform_submit_button_6:active, .no-hover-bg-black#gform_submit_button_7:active, .no-hover-bg-black#gform_submit_button_8:active, .no-hover-bg-black#gform_submit_button_9:active, .no-hover-bg-black#gform_submit_button_10:active, .no-hover-bg-black#gform_submit_button_11:active, .no-hover-bg-black#gform_submit_button_12:active, .no-hover-bg-black#gform_submit_button_13:active, .no-hover-bg-black#gform_submit_button_14:active, .no-hover-bg-black#gform_submit_button_15:active, .no-hover-bg-black#gform_submit_button_16:active, .no-hover-bg-black#gform_submit_button_17:active, .no-hover-bg-black#gform_submit_button_18:active, .no-hover-bg-black#gform_submit_button_19:active, .no-hover-bg-black#gform_submit_button_20:active, .no-hover-bg-black#gform_browse_button_3_48:active, .no-hover-bg-black#gform_browse_button_3_54:active, .btn.no-hover-bg-black.btn-hover, .no-hover-bg-black.btn-hover#gform_submit_button_1, .no-hover-bg-black.btn-hover#gform_submit_button_2, .no-hover-bg-black.btn-hover#gform_submit_button_3, .no-hover-bg-black.btn-hover#gform_submit_button_4, .no-hover-bg-black.btn-hover#gform_submit_button_5, .no-hover-bg-black.btn-hover#gform_submit_button_6, .no-hover-bg-black.btn-hover#gform_submit_button_7, .no-hover-bg-black.btn-hover#gform_submit_button_8, .no-hover-bg-black.btn-hover#gform_submit_button_9, .no-hover-bg-black.btn-hover#gform_submit_button_10, .no-hover-bg-black.btn-hover#gform_submit_button_11, .no-hover-bg-black.btn-hover#gform_submit_button_12, .no-hover-bg-black.btn-hover#gform_submit_button_13, .no-hover-bg-black.btn-hover#gform_submit_button_14, .no-hover-bg-black.btn-hover#gform_submit_button_15, .no-hover-bg-black.btn-hover#gform_submit_button_16, .no-hover-bg-black.btn-hover#gform_submit_button_17, .no-hover-bg-black.btn-hover#gform_submit_button_18, .no-hover-bg-black.btn-hover#gform_submit_button_19, .no-hover-bg-black.btn-hover#gform_submit_button_20, .no-hover-bg-black.btn-hover#gform_browse_button_3_48, .no-hover-bg-black.btn-hover#gform_browse_button_3_54, button:not(.btn-reset, .burger-class, .sl-close, .sl-next, .sl-prev).no-hover-bg-black:hover, button:not(.btn-reset, .burger-class, .sl-close, .sl-next, .sl-prev).no-hover-bg-black:active, button:not(.btn-reset, .burger-class, .sl-close, .sl-next, .sl-prev).no-hover-bg-black.btn-hover, input[type=submit].no-hover-bg-black:hover, input[type=submit].no-hover-bg-black:active, input[type=submit].no-hover-bg-black.btn-hover, input[type=reset].no-hover-bg-black:hover, input[type=reset].no-hover-bg-black:active, input[type=reset].no-hover-bg-black.btn-hover, input[type=button].no-hover-bg-black:hover, input[type=button].no-hover-bg-black:active, input[type=button].no-hover-bg-black.btn-hover {
  background-color: #F5F5F5 !important;
  color: #010101 !important;
}
.btn.header-green, .header-green#gform_submit_button_1, .header-green#gform_submit_button_2, .header-green#gform_submit_button_3, .header-green#gform_submit_button_4, .header-green#gform_submit_button_5, .header-green#gform_submit_button_6, .header-green#gform_submit_button_7, .header-green#gform_submit_button_8, .header-green#gform_submit_button_9, .header-green#gform_submit_button_10, .header-green#gform_submit_button_11, .header-green#gform_submit_button_12, .header-green#gform_submit_button_13, .header-green#gform_submit_button_14, .header-green#gform_submit_button_15, .header-green#gform_submit_button_16, .header-green#gform_submit_button_17, .header-green#gform_submit_button_18, .header-green#gform_submit_button_19, .header-green#gform_submit_button_20, .header-green#gform_browse_button_3_48, .header-green#gform_browse_button_3_54, button:not(.btn-reset, .burger-class, .sl-close, .sl-next, .sl-prev).header-green, input[type=submit].header-green, input[type=reset].header-green, input[type=button].header-green {
  background-color: #124734;
  overflow: hidden;
  border: none;
}
.btn.header-green, .header-green#gform_submit_button_1, .header-green#gform_submit_button_2, .header-green#gform_submit_button_3, .header-green#gform_submit_button_4, .header-green#gform_submit_button_5, .header-green#gform_submit_button_6, .header-green#gform_submit_button_7, .header-green#gform_submit_button_8, .header-green#gform_submit_button_9, .header-green#gform_submit_button_10, .header-green#gform_submit_button_11, .header-green#gform_submit_button_12, .header-green#gform_submit_button_13, .header-green#gform_submit_button_14, .header-green#gform_submit_button_15, .header-green#gform_submit_button_16, .header-green#gform_submit_button_17, .header-green#gform_submit_button_18, .header-green#gform_submit_button_19, .header-green#gform_submit_button_20, .header-green#gform_browse_button_3_48, .header-green#gform_browse_button_3_54, button:not(.btn-reset, .burger-class, .sl-close, .sl-next, .sl-prev).header-green, input[type=submit].header-green, input[type=reset].header-green, input[type=button].header-green {
  z-index: 1;
}
.btn.header-green, .header-green#gform_submit_button_1, .header-green#gform_submit_button_2, .header-green#gform_submit_button_3, .header-green#gform_submit_button_4, .header-green#gform_submit_button_5, .header-green#gform_submit_button_6, .header-green#gform_submit_button_7, .header-green#gform_submit_button_8, .header-green#gform_submit_button_9, .header-green#gform_submit_button_10, .header-green#gform_submit_button_11, .header-green#gform_submit_button_12, .header-green#gform_submit_button_13, .header-green#gform_submit_button_14, .header-green#gform_submit_button_15, .header-green#gform_submit_button_16, .header-green#gform_submit_button_17, .header-green#gform_submit_button_18, .header-green#gform_submit_button_19, .header-green#gform_submit_button_20, .header-green#gform_browse_button_3_48, .header-green#gform_browse_button_3_54, button:not(.btn-reset, .burger-class, .sl-close, .sl-next, .sl-prev).header-green, input[type=submit].header-green, input[type=reset].header-green, input[type=button].header-green {
  position: relative;
}
.btn.header-green::before, .header-green#gform_submit_button_1::before, .header-green#gform_submit_button_2::before, .header-green#gform_submit_button_3::before, .header-green#gform_submit_button_4::before, .header-green#gform_submit_button_5::before, .header-green#gform_submit_button_6::before, .header-green#gform_submit_button_7::before, .header-green#gform_submit_button_8::before, .header-green#gform_submit_button_9::before, .header-green#gform_submit_button_10::before, .header-green#gform_submit_button_11::before, .header-green#gform_submit_button_12::before, .header-green#gform_submit_button_13::before, .header-green#gform_submit_button_14::before, .header-green#gform_submit_button_15::before, .header-green#gform_submit_button_16::before, .header-green#gform_submit_button_17::before, .header-green#gform_submit_button_18::before, .header-green#gform_submit_button_19::before, .header-green#gform_submit_button_20::before, .header-green#gform_browse_button_3_48::before, .header-green#gform_browse_button_3_54::before, button:not(.btn-reset, .burger-class, .sl-close, .sl-next, .sl-prev).header-green::before, input[type=submit].header-green::before, input[type=reset].header-green::before, input[type=button].header-green::before {
  z-index: -1;
  position: absolute;
  content: "";
  transition: 0.2s ease-in-out;
  pointer-events: none;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  right: -2px;
  top: -2px;
  background: linear-gradient(31deg, transparent 30%, #666CCD);
  border-radius: 150px;
  opacity: 0;
  transform: translateX(100%);
  transform-origin: right;
}
.btn.header-green:hover, .header-green#gform_submit_button_1:hover, .header-green#gform_submit_button_2:hover, .header-green#gform_submit_button_3:hover, .header-green#gform_submit_button_4:hover, .header-green#gform_submit_button_5:hover, .header-green#gform_submit_button_6:hover, .header-green#gform_submit_button_7:hover, .header-green#gform_submit_button_8:hover, .header-green#gform_submit_button_9:hover, .header-green#gform_submit_button_10:hover, .header-green#gform_submit_button_11:hover, .header-green#gform_submit_button_12:hover, .header-green#gform_submit_button_13:hover, .header-green#gform_submit_button_14:hover, .header-green#gform_submit_button_15:hover, .header-green#gform_submit_button_16:hover, .header-green#gform_submit_button_17:hover, .header-green#gform_submit_button_18:hover, .header-green#gform_submit_button_19:hover, .header-green#gform_submit_button_20:hover, .header-green#gform_browse_button_3_48:hover, .header-green#gform_browse_button_3_54:hover, button:not(.btn-reset, .burger-class, .sl-close, .sl-next, .sl-prev).header-green:hover, input[type=submit].header-green:hover, input[type=reset].header-green:hover, input[type=button].header-green:hover {
  background-color: #124734 !important;
}
.btn.header-green:hover::before, .header-green#gform_submit_button_1:hover::before, .header-green#gform_submit_button_2:hover::before, .header-green#gform_submit_button_3:hover::before, .header-green#gform_submit_button_4:hover::before, .header-green#gform_submit_button_5:hover::before, .header-green#gform_submit_button_6:hover::before, .header-green#gform_submit_button_7:hover::before, .header-green#gform_submit_button_8:hover::before, .header-green#gform_submit_button_9:hover::before, .header-green#gform_submit_button_10:hover::before, .header-green#gform_submit_button_11:hover::before, .header-green#gform_submit_button_12:hover::before, .header-green#gform_submit_button_13:hover::before, .header-green#gform_submit_button_14:hover::before, .header-green#gform_submit_button_15:hover::before, .header-green#gform_submit_button_16:hover::before, .header-green#gform_submit_button_17:hover::before, .header-green#gform_submit_button_18:hover::before, .header-green#gform_submit_button_19:hover::before, .header-green#gform_submit_button_20:hover::before, .header-green#gform_browse_button_3_48:hover::before, .header-green#gform_browse_button_3_54:hover::before, button:not(.btn-reset, .burger-class, .sl-close, .sl-next, .sl-prev).header-green:hover::before, input[type=submit].header-green:hover::before, input[type=reset].header-green:hover::before, input[type=button].header-green:hover::before {
  opacity: 1;
  transform: translateX(0%);
}
.btn.header-green.btn-mobile, .header-green.btn-mobile#gform_submit_button_1, .header-green.btn-mobile#gform_submit_button_2, .header-green.btn-mobile#gform_submit_button_3, .header-green.btn-mobile#gform_submit_button_4, .header-green.btn-mobile#gform_submit_button_5, .header-green.btn-mobile#gform_submit_button_6, .header-green.btn-mobile#gform_submit_button_7, .header-green.btn-mobile#gform_submit_button_8, .header-green.btn-mobile#gform_submit_button_9, .header-green.btn-mobile#gform_submit_button_10, .header-green.btn-mobile#gform_submit_button_11, .header-green.btn-mobile#gform_submit_button_12, .header-green.btn-mobile#gform_submit_button_13, .header-green.btn-mobile#gform_submit_button_14, .header-green.btn-mobile#gform_submit_button_15, .header-green.btn-mobile#gform_submit_button_16, .header-green.btn-mobile#gform_submit_button_17, .header-green.btn-mobile#gform_submit_button_18, .header-green.btn-mobile#gform_submit_button_19, .header-green.btn-mobile#gform_submit_button_20, .header-green.btn-mobile#gform_browse_button_3_48, .header-green.btn-mobile#gform_browse_button_3_54, button:not(.btn-reset, .burger-class, .sl-close, .sl-next, .sl-prev).header-green.btn-mobile, input[type=submit].header-green.btn-mobile, input[type=reset].header-green.btn-mobile, input[type=button].header-green.btn-mobile {
  width: 100%;
  border-radius: 0;
  text-align: center;
}
.btn.header-green.btn-mobile::before, .header-green.btn-mobile#gform_submit_button_1::before, .header-green.btn-mobile#gform_submit_button_2::before, .header-green.btn-mobile#gform_submit_button_3::before, .header-green.btn-mobile#gform_submit_button_4::before, .header-green.btn-mobile#gform_submit_button_5::before, .header-green.btn-mobile#gform_submit_button_6::before, .header-green.btn-mobile#gform_submit_button_7::before, .header-green.btn-mobile#gform_submit_button_8::before, .header-green.btn-mobile#gform_submit_button_9::before, .header-green.btn-mobile#gform_submit_button_10::before, .header-green.btn-mobile#gform_submit_button_11::before, .header-green.btn-mobile#gform_submit_button_12::before, .header-green.btn-mobile#gform_submit_button_13::before, .header-green.btn-mobile#gform_submit_button_14::before, .header-green.btn-mobile#gform_submit_button_15::before, .header-green.btn-mobile#gform_submit_button_16::before, .header-green.btn-mobile#gform_submit_button_17::before, .header-green.btn-mobile#gform_submit_button_18::before, .header-green.btn-mobile#gform_submit_button_19::before, .header-green.btn-mobile#gform_submit_button_20::before, .header-green.btn-mobile#gform_browse_button_3_48::before, .header-green.btn-mobile#gform_browse_button_3_54::before, button:not(.btn-reset, .burger-class, .sl-close, .sl-next, .sl-prev).header-green.btn-mobile::before, input[type=submit].header-green.btn-mobile::before, input[type=reset].header-green.btn-mobile::before, input[type=button].header-green.btn-mobile::before {
  border-radius: 0;
}

.btn-arrow {
  display: inline-flex;
  align-items: center;
}
.btn-arrow::after {
  content: "";
  background: url(../resources/images/fleche-verte-45.svg) no-repeat;
  background-size: contain;
  display: inline-block;
  width: 26px;
  height: 26px;
  margin-bottom: -3px;
  transition: 0.3s;
}
.btn-arrow:hover::after {
  transform: rotate(45deg);
  filter: brightness(0) saturate(100%);
}
.btn-arrow.v2 {
  padding: 0;
  border: 0;
  font-weight: 500;
  font-size: clamp(22px, 1.46 * 1vw, 28px) !important;
}
.btn-arrow.v2::after {
  background: url(../resources/images/fleche-verte-45-v2.svg) no-repeat;
  transform: scale(1.2);
}
.btn-arrow.v2:hover {
  background-color: transparent !important;
}
.btn-arrow.v2:hover::after {
  transform: scale(1.2) rotate(45deg);
  filter: brightness(0) saturate(100%) invert(54%) sepia(31%) saturate(7391%) hue-rotate(119deg) brightness(96%) contrast(101%);
}
.btn-arrow.v2.green {
  color: #00B451;
}
.btn-arrow.v2.green::after {
  filter: brightness(0) saturate(100%) invert(54%) sepia(31%) saturate(7391%) hue-rotate(119deg) brightness(96%) contrast(101%);
}
.btn-load-more.v2::after {
  transform: rotate(135deg);
}
.btn-load-more:hover::after {
  transform: rotate(135deg) translate(5px, -5px) scale(1) !important;
}

.btn-hover {
  border-color: #00B451 !important;
  background-color: #00B451 !important;
  color: #010101 !important;
}

.item-title {
  font-size: clamp(12px, 100 * 1vw, 1px) !important;
}
@media (min-width: 991.98px) {
  .item-title {
    font-size: clamp(15px, 100 * 1vw, 1px) !important;
  }
}

.item .btn, .item #gform_submit_button_1, .item #gform_submit_button_2, .item #gform_submit_button_3, .item #gform_submit_button_4, .item #gform_submit_button_5, .item #gform_submit_button_6, .item #gform_submit_button_7, .item #gform_submit_button_8, .item #gform_submit_button_9, .item #gform_submit_button_10, .item #gform_submit_button_11, .item #gform_submit_button_12, .item #gform_submit_button_13, .item #gform_submit_button_14, .item #gform_submit_button_15, .item #gform_submit_button_16, .item #gform_submit_button_17, .item #gform_submit_button_18, .item #gform_submit_button_19, .item #gform_submit_button_20, .item #gform_browse_button_3_48, .item #gform_browse_button_3_54, .item button:not(.btn-reset) {
  font-size: clamp(12px, 100 * 1vw, 1px) !important;
}
@media (min-width: 991.98px) {
  .item .btn, .item #gform_submit_button_1, .item #gform_submit_button_2, .item #gform_submit_button_3, .item #gform_submit_button_4, .item #gform_submit_button_5, .item #gform_submit_button_6, .item #gform_submit_button_7, .item #gform_submit_button_8, .item #gform_submit_button_9, .item #gform_submit_button_10, .item #gform_submit_button_11, .item #gform_submit_button_12, .item #gform_submit_button_13, .item #gform_submit_button_14, .item #gform_submit_button_15, .item #gform_submit_button_16, .item #gform_submit_button_17, .item #gform_submit_button_18, .item #gform_submit_button_19, .item #gform_submit_button_20, .item #gform_browse_button_3_48, .item #gform_browse_button_3_54, .item button:not(.btn-reset) {
    font-size: clamp(15px, 100 * 1vw, 1px) !important;
  }
}

/* Submit buttons */
#gform_submit_button_1, #gform_submit_button_2, #gform_submit_button_3, #gform_submit_button_4, #gform_submit_button_5, #gform_submit_button_6, #gform_submit_button_7, #gform_submit_button_8, #gform_submit_button_9, #gform_submit_button_10, #gform_submit_button_11, #gform_submit_button_12, #gform_submit_button_13, #gform_submit_button_14, #gform_submit_button_15, #gform_submit_button_16, #gform_submit_button_17, #gform_submit_button_18, #gform_submit_button_19, #gform_submit_button_20 {
  height: 100%;
  letter-spacing: 1px;
  color: #00B451;
}

div.gform-theme--framework.gform_wrapper {
  /* Cache le bouton d'envoi de fichier par défaut */
  /* Style pour le bouton personnalisé et l'icône */
}
div.gform-theme--framework.gform_wrapper .gform_fields {
  grid-template-columns: repeat(12, 1fr) !important;
}
@media (min-width: 640px) {
  div.gform-theme--framework.gform_wrapper .gform_fields {
    grid-row-gap: clamp(20px, 2.6 * 1vw, 50px) !important;
    column-gap: clamp(20px, 2.6 * 1vw, 50px) !important;
  }
}
div.gform-theme--framework.gform_wrapper .gfield_description {
  color: #010101;
}
div.gform-theme--framework.gform_wrapper input[type=color],
div.gform-theme--framework.gform_wrapper input[type=date],
div.gform-theme--framework.gform_wrapper input[type=datetime-local],
div.gform-theme--framework.gform_wrapper input[type=datetime],
div.gform-theme--framework.gform_wrapper input[type=email],
div.gform-theme--framework.gform_wrapper input[type=month],
div.gform-theme--framework.gform_wrapper input[type=number],
div.gform-theme--framework.gform_wrapper input[type=password],
div.gform-theme--framework.gform_wrapper input[type=search],
div.gform-theme--framework.gform_wrapper input[type=tel],
div.gform-theme--framework.gform_wrapper input[type=text],
div.gform-theme--framework.gform_wrapper input[type=time],
div.gform-theme--framework.gform_wrapper input[type=url],
div.gform-theme--framework.gform_wrapper input[type=week],
div.gform-theme--framework.gform_wrapper select,
div.gform-theme--framework.gform_wrapper textarea {
  border-style: solid;
  box-shadow: none;
  min-height: initial;
  block-size: initial !important;
  line-height: 1.65;
  font-weight: 400;
  background-color: transparent;
  color: #010101;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-color: #010101;
  border-radius: 150px;
  width: 100%;
  font-size: clamp(17px, 0.05 * 1vw, 1px);
  padding: 14px 24px 14px 24px;
}
div.gform-theme--framework.gform_wrapper input[type=color]:focus, div.gform-theme--framework.gform_wrapper input[type=color]:active, div.gform-theme--framework.gform_wrapper input[type=color]:hover,
div.gform-theme--framework.gform_wrapper input[type=date]:focus,
div.gform-theme--framework.gform_wrapper input[type=date]:active,
div.gform-theme--framework.gform_wrapper input[type=date]:hover,
div.gform-theme--framework.gform_wrapper input[type=datetime-local]:focus,
div.gform-theme--framework.gform_wrapper input[type=datetime-local]:active,
div.gform-theme--framework.gform_wrapper input[type=datetime-local]:hover,
div.gform-theme--framework.gform_wrapper input[type=datetime]:focus,
div.gform-theme--framework.gform_wrapper input[type=datetime]:active,
div.gform-theme--framework.gform_wrapper input[type=datetime]:hover,
div.gform-theme--framework.gform_wrapper input[type=email]:focus,
div.gform-theme--framework.gform_wrapper input[type=email]:active,
div.gform-theme--framework.gform_wrapper input[type=email]:hover,
div.gform-theme--framework.gform_wrapper input[type=month]:focus,
div.gform-theme--framework.gform_wrapper input[type=month]:active,
div.gform-theme--framework.gform_wrapper input[type=month]:hover,
div.gform-theme--framework.gform_wrapper input[type=number]:focus,
div.gform-theme--framework.gform_wrapper input[type=number]:active,
div.gform-theme--framework.gform_wrapper input[type=number]:hover,
div.gform-theme--framework.gform_wrapper input[type=password]:focus,
div.gform-theme--framework.gform_wrapper input[type=password]:active,
div.gform-theme--framework.gform_wrapper input[type=password]:hover,
div.gform-theme--framework.gform_wrapper input[type=search]:focus,
div.gform-theme--framework.gform_wrapper input[type=search]:active,
div.gform-theme--framework.gform_wrapper input[type=search]:hover,
div.gform-theme--framework.gform_wrapper input[type=tel]:focus,
div.gform-theme--framework.gform_wrapper input[type=tel]:active,
div.gform-theme--framework.gform_wrapper input[type=tel]:hover,
div.gform-theme--framework.gform_wrapper input[type=text]:focus,
div.gform-theme--framework.gform_wrapper input[type=text]:active,
div.gform-theme--framework.gform_wrapper input[type=text]:hover,
div.gform-theme--framework.gform_wrapper input[type=time]:focus,
div.gform-theme--framework.gform_wrapper input[type=time]:active,
div.gform-theme--framework.gform_wrapper input[type=time]:hover,
div.gform-theme--framework.gform_wrapper input[type=url]:focus,
div.gform-theme--framework.gform_wrapper input[type=url]:active,
div.gform-theme--framework.gform_wrapper input[type=url]:hover,
div.gform-theme--framework.gform_wrapper input[type=week]:focus,
div.gform-theme--framework.gform_wrapper input[type=week]:active,
div.gform-theme--framework.gform_wrapper input[type=week]:hover,
div.gform-theme--framework.gform_wrapper select:focus,
div.gform-theme--framework.gform_wrapper select:active,
div.gform-theme--framework.gform_wrapper select:hover,
div.gform-theme--framework.gform_wrapper textarea:focus,
div.gform-theme--framework.gform_wrapper textarea:active,
div.gform-theme--framework.gform_wrapper textarea:hover {
  border-color: #00B451;
}
div.gform-theme--framework.gform_wrapper input[type=color]::placeholder,
div.gform-theme--framework.gform_wrapper input[type=date]::placeholder,
div.gform-theme--framework.gform_wrapper input[type=datetime-local]::placeholder,
div.gform-theme--framework.gform_wrapper input[type=datetime]::placeholder,
div.gform-theme--framework.gform_wrapper input[type=email]::placeholder,
div.gform-theme--framework.gform_wrapper input[type=month]::placeholder,
div.gform-theme--framework.gform_wrapper input[type=number]::placeholder,
div.gform-theme--framework.gform_wrapper input[type=password]::placeholder,
div.gform-theme--framework.gform_wrapper input[type=search]::placeholder,
div.gform-theme--framework.gform_wrapper input[type=tel]::placeholder,
div.gform-theme--framework.gform_wrapper input[type=text]::placeholder,
div.gform-theme--framework.gform_wrapper input[type=time]::placeholder,
div.gform-theme--framework.gform_wrapper input[type=url]::placeholder,
div.gform-theme--framework.gform_wrapper input[type=week]::placeholder,
div.gform-theme--framework.gform_wrapper select::placeholder,
div.gform-theme--framework.gform_wrapper textarea::placeholder {
  color: #010101 !important;
  opacity: 1;
}
@media only screen and (max-width: 640px) {
  div.gform-theme--framework.gform_wrapper input[type=color],
  div.gform-theme--framework.gform_wrapper input[type=date],
  div.gform-theme--framework.gform_wrapper input[type=datetime-local],
  div.gform-theme--framework.gform_wrapper input[type=datetime],
  div.gform-theme--framework.gform_wrapper input[type=email],
  div.gform-theme--framework.gform_wrapper input[type=month],
  div.gform-theme--framework.gform_wrapper input[type=number],
  div.gform-theme--framework.gform_wrapper input[type=password],
  div.gform-theme--framework.gform_wrapper input[type=search],
  div.gform-theme--framework.gform_wrapper input[type=tel],
  div.gform-theme--framework.gform_wrapper input[type=text],
  div.gform-theme--framework.gform_wrapper input[type=time],
  div.gform-theme--framework.gform_wrapper input[type=url],
  div.gform-theme--framework.gform_wrapper input[type=week],
  div.gform-theme--framework.gform_wrapper select,
  div.gform-theme--framework.gform_wrapper textarea {
    padding: 9.3333333333px 16px 9.3333333333px 16px;
  }
}
@media only screen and (max-width: 641px) {
  div.gform-theme--framework.gform_wrapper input {
    min-height: initial;
    line-height: initial;
  }
  div.gform-theme--framework.gform_wrapper input:not([type=submit]):not([type=radio]):not([type=checkbox]),
  div.gform-theme--framework.gform_wrapper textarea,
  div.gform-theme--framework.gform_wrapper select,
  div.gform-theme--framework.gform_wrapper option {
    padding-top: 7px;
    padding-bottom: 7px;
  }
}
div.gform-theme--framework.gform_wrapper .gform_confirmation_message {
  color: #F5F5F5;
  font-size: 2rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
div.gform-theme--framework.gform_wrapper .gform_confirmation_message h2, div.gform-theme--framework.gform_wrapper .gform_confirmation_message h3, div.gform-theme--framework.gform_wrapper .gform_confirmation_message h4 {
  font-size: clamp(30px, 2.63 * 1vw, 40px);
  padding-bottom: 0;
}
div.gform-theme--framework.gform_wrapper .gform_drop_area {
  padding: 20px;
  text-align: center;
  border: 1px dashed #010101;
  background-color: transparent;
}
div.gform-theme--framework.gform_wrapper .gform_drop_area::before {
  color: #010101;
}
div.gform-theme--framework.gform_wrapper .gform_drop_area button {
  margin-top: 0;
  padding: 0;
  border: 0;
  color: #00B451;
  cursor: pointer;
  will-change: cursor;
}
div.gform-theme--framework.gform_wrapper .gform_drop_area button:hover {
  color: rgb(38.25, 191.25, 107.1);
}
div.gform-theme--framework.gform_wrapper .ginput_container_fileupload input[type=file] {
  display: none;
}
div.gform-theme--framework.gform_wrapper .custom-file-upload {
  display: inline-block;
  cursor: pointer;
  will-change: cursor;
  transition: 0.2s;
}
div.gform-theme--framework.gform_wrapper .custom-file-upload i {
  margin-right: 5px;
}
div.gform-theme--framework.gform_wrapper .gform_validation_errors, div.gform-theme--framework.gform_wrapper .gfield_validation_message {
  padding: 20px 15px;
  color: #E43D30 !important;
}
div.gform-theme--framework.gform_wrapper .gform_validation_errors h2.gform_submission_error, div.gform-theme--framework.gform_wrapper .gfield_validation_message h2.gform_submission_error {
  line-height: 1.2;
  font-family: "neue-haas-grotesk-display", sans-serif;
  padding: 16px;
}
div.gform-theme--framework.gform_wrapper .gform_validation_errors {
  display: none;
}
div.gform-theme--framework.gform_wrapper .gchoice,
div.gform-theme--framework.gform_wrapper .gchoice label::before {
  margin-bottom: 4px;
}
div.gform-theme--framework.gform_wrapper .gchoice input {
  padding: 0;
  height: initial;
  width: initial;
  display: none;
  cursor: pointer;
  will-change: cursor;
}
div.gform-theme--framework.gform_wrapper .gchoice label {
  position: relative;
  cursor: pointer;
  will-change: cursor;
  padding-left: 40px !important;
}
@media only screen and (min-width: 641px) {
  div.gform-theme--framework.gform_wrapper .gfield.gf_list_inline .gfield_checkbox .gchoice,
  div.gform-theme--framework.gform_wrapper .gfield.gf_list_inline .gfield_radio .gchoice {
    display: inline-block;
    padding-right: 32px;
  }
}
div.gform-theme--framework.gform_wrapper .gchoice label::before {
  content: "";
  background-color: white;
  border: 1px solid #010101;
  border-radius: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 10px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 1px;
  cursor: pointer;
  will-change: cursor;
  border-radius: 4px;
}
div.gform-theme--framework.gform_wrapper .gchoice input:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: 7px;
  width: 12px;
  height: 20px;
  border: solid #00B451;
  border-width: 0 4px 4px 0;
  transform: rotate(45deg);
}
div.gform-theme--framework.gform_wrapper .gfield_radio .gchoice label::before {
  border-radius: 50px;
}
div.gform-theme--framework.gform_wrapper .gfield_radio .gchoice input:checked + label::after {
  box-shadow: none;
  width: 14px;
  height: 14px;
  border-radius: 100px;
  background-color: #00B451;
  top: 5px;
  left: 4px;
}
div.gform-theme--framework.gform_wrapper .gchoice input:hover + label::before {
  border-color: #00B451;
}
div.gform-theme--framework.gform_wrapper .ginput_container_select {
  position: relative;
}
div.gform-theme--framework.gform_wrapper .ginput_container_select .gfield_select {
  appearance: none;
  cursor: pointer;
  will-change: cursor;
}
div.gform-theme--framework.gform_wrapper .ginput_container_select::before {
  pointer-events: none;
  position: absolute;
  content: "";
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.5rem;
  width: 1em;
  height: 1em;
  color: #00B451;
  background-image: url("../resources/images/arrow-down.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
div.gform-theme--framework.gform_wrapper .gform_button_select_files {
  background: none;
  font-weight: bold;
}
div.gform-theme--framework.gform_wrapper .gform_drop_area {
  border-radius: 0;
}
div.gform-theme--framework.gform_wrapper .gform_mma_button {
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  color: #00B451 !important;
}
div.gform-theme--framework.gform_wrapper .gform_mma_button svg path {
  fill: #00B451 !important;
}
div.gform-theme--framework.gform_wrapper .button-auto-fill-gf {
  margin-bottom: 35px;
  color: #000;
  background-color: #fff;
  border: 1px solid greenyellow;
  padding: 5px 8px;
}
div.gform-theme--framework.gform_wrapper .button-auto-fill-gf:hover {
  background-color: greenyellow;
}
div.gform-theme--framework.gform_wrapper .gform_required_legend {
  display: none !important;
}
div.gform-theme--framework.gform_wrapper .gform_footer {
  display: block;
  text-align: right;
  margin-top: 0;
}
div.gform-theme--framework.gform_wrapper .gform_heading {
  margin-bottom: 65px;
}
div.gform-theme--framework.gform_wrapper .gform_heading h2 {
  margin-top: 15px;
  margin-bottom: 20px;
}

.select2-dropdown {
  border: 0 !important;
}

.select2-results {
  border: 1px solid #EBDEC8;
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
  background-color: #EBDEC8;
}

.select2-search--dropdown {
  display: none;
}

.select2-selection__rendered {
  color: #EBDEC8 !important;
  padding-left: 0 !important;
}

.select2-container {
  padding-bottom: 8px !important;
}

.gform-theme--framework .gfield_list_group_item::before:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gform-field-label:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
  font-size: 16px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.gform_ajax_spinner {
  margin-top: 0;
  margin-left: 0;
  border-style: solid;
  border-width: 3px;
  border-top-color: #00B451 !important;
  border-right-color: transparent !important;
  border-bottom-color: #666CCD !important;
  border-left-color: transparent !important;
  left: calc(50% - 50px);
}

#gform_browse_button_3_48, #gform_browse_button_3_54 {
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}

.gform-footer div.gform-theme--framework.gform_wrapper input {
  background-color: #EBDEC8 !important;
  color: #010101 !important;
}
.gform-footer div.gform-theme--framework.gform_wrapper input::placeholder {
  color: #010101 !important;
}
.gform-footer div.gform-theme--framework.gform_wrapper input:hover, .gform-footer div.gform-theme--framework.gform_wrapper input:focus {
  background-color: #F5F5F5 !important;
}
.gform-footer input {
  padding: 10px 24px !important;
}
.gform-footer button {
  white-space: nowrap;
}

.my-range-slider .multiple_range_slider {
  margin-top: calc(300 / 1920 * 100vw + 1.5rem) !important;
  margin-bottom: 0 !important;
  position: relative !important;
}
@media (min-width: 991.98px) {
  .my-range-slider .multiple_range_slider {
    margin-top: calc(100 / 1920 * 100vw) !important;
  }
}
.my-range-slider .multiple_range_slider .ui-slider-pip-inrange, .my-range-slider .multiple_range_slider .ui-slider-pip-label {
  display: none;
}
.my-range-slider .ui-widget.ui-widget-content {
  border: none !important;
}
.my-range-slider .circles-slider.ui-slider {
  background: linear-gradient(to right, #E43D30, #010101, #00B451) !important;
  height: 2px;
}
.my-range-slider .ui-slider .ui-slider-handle {
  width: 0.7em;
  height: 0.7em;
  background: #010101;
  border: none;
}
.my-range-slider .ui-widget-header {
  background: #010101;
  height: 4px !important;
  transform: translateY(-1px);
}
.my-range-slider .ui-slider-float .ui-slider-tip {
  opacity: 1;
  visibility: visible;
  margin-left: 0;
  background: transparent;
  border: none;
  left: -100%;
  top: -25px;
  color: #010101;
  width: auto;
}
.my-range-slider .ui-slider-float .ui-slider-tip::before, .my-range-slider .ui-slider-float .ui-slider-tip::after {
  display: none;
}

#gf_page_steps_3 .gf_step_first {
  display: none !important;
}
#gf_page_steps_3 .gf_step_first.gf_step_active ~ * {
  display: none !important;
}

.gf_step_number {
  display: none !important;
}

.gf_step:not(:last-of-type) {
  margin-right: calc(30 / 1920 * 100vw) !important;
}

.first-section {
  color: #F5F5F5 !important;
  display: flex !important;
  flex-direction: column-reverse !important;
}
.first-section .gsection_description {
  color: #00B451 !important;
}

#gform_page_3_1 .btn, #gform_page_3_1 #gform_submit_button_1, #gform_page_3_1 #gform_submit_button_2, #gform_page_3_1 #gform_submit_button_3, #gform_page_3_1 #gform_submit_button_4, #gform_page_3_1 #gform_submit_button_5, #gform_page_3_1 #gform_submit_button_6, #gform_page_3_1 #gform_submit_button_7, #gform_page_3_1 #gform_submit_button_8, #gform_page_3_1 #gform_submit_button_9, #gform_page_3_1 #gform_submit_button_10, #gform_page_3_1 #gform_submit_button_11, #gform_page_3_1 #gform_submit_button_12, #gform_page_3_1 #gform_submit_button_13, #gform_page_3_1 #gform_submit_button_14, #gform_page_3_1 #gform_submit_button_15, #gform_page_3_1 #gform_submit_button_16, #gform_page_3_1 #gform_submit_button_17, #gform_page_3_1 #gform_submit_button_18, #gform_page_3_1 #gform_submit_button_19, #gform_page_3_1 #gform_submit_button_20, #gform_page_3_1 #gform_browse_button_3_48, #gform_page_3_1 #gform_browse_button_3_54 {
  color: #F5F5F5 !important;
}

.career_list {
  display: flex !important;
  flex-direction: row-reverse !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap-reverse !important;
}
.career_list .ginput_container_select::before {
  color: #F5F5F5 !important;
  background-color: #010101 !important;
}
.career_list .ginput_container_select .gfield_select {
  field-sizing: content;
  color: #F5F5F5 !important;
  outline: none !important;
  border-color: #666CCD !important;
  padding-right: 50px !important;
}
.career_list .ginput_container_select .gfield_select option {
  color: #010101 !important;
}

div.gform-theme--framework.gform_wrapper .career_list .gfield_description {
  color: #F5F5F5 !important;
  margin: 0 !important;
  margin-right: calc(20 / 1920 * 100vw) !important;
}

@media (min-width: 991.98px) {
  .pl-form {
    padding-left: calc(var(--gf-field-gap-x) / 2) !important;
  }
  .pr-form {
    padding-right: calc(var(--gf-field-gap-x) / 2) !important;
  }
}
.gform-field-label--type-sub {
  padding-left: 20px !important;
}

.gfield--type-select {
  gap: 20px !important;
}

.form-content-header #close-form-projet svg path {
  stroke: #010101;
}
.form-content-header.white img {
  filter: invert(1);
}
.form-content-header.white #close-form-projet svg path {
  stroke: #F5F5F5;
}

div.gform-theme--framework.gform_wrapper .ginput_container_fileupload input[type=file] {
  display: block;
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
#burger-button {
  width: 53px;
  height: 26px;
  z-index: 6;
  border: none;
  background: none;
  padding: 0;
  transition: 0.2s;
  position: relative;
  cursor: pointer;
  will-change: cursor;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#burger-button:hover {
  transform: translateY(-10%);
}
#burger-button .center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  width: 50px;
}
#burger-button .center::before, #burger-button .center::after, #burger-button .center span {
  background: #F5F5F5;
  content: "";
  display: block;
  height: 3px;
  border-radius: 3px;
  margin: 7px 0;
  transition: 0.5s;
}
#burger-button .center span {
  transform: scaleX(75%);
  transform-origin: right;
}
#burger-button.black-logo .center::before, #burger-button.black-logo .center::after, #burger-button.black-logo .center span {
  background: #010101;
}
#burger-button.opened .center:before {
  transform: translateY(10px) rotate(150deg);
}
#burger-button.opened .center:after {
  transform: translateY(-10px) rotate(-150deg);
}
#burger-button.opened .center span {
  opacity: 0;
  transform: scaleX(100%);
}
#burger-button.opened + #site-navigation {
  opacity: 1;
  pointer-events: all;
}
#burger-button.opened + #site-navigation * {
  pointer-events: all;
}
#burger-button:hover::before {
  color: #00B451;
}
@media (min-width: 991.98px) {
  #burger-button {
    display: none;
  }
}

/*
 * Unstyled Links
 *
 * Resets the styles for links to inherit the surrounding text color and remove text decoration.
 */
.link-reset, .socials-medias a, .link-reset:visited, .link-reset:active, .link-reset:focus {
  color: inherit;
  text-decoration: none;
}

.social-media-links {
  display: flex;
  gap: 20px;
  justify-content: flex-end;
}

.socials-medias a {
  display: inline-block;
  font-size: 25px;
}
.socials-medias a:hover {
  color: #00B451;
}
.socials-medias a svg {
  height: 26px;
}

@media (max-width: 991.98px) {
  .socials-medias {
    margin-top: 45px;
  }
}
.cta-projects a > div {
  font-weight: 500;
  display: flex;
  justify-content: center;
  width: 100%;
  transition: 0.2s;
  z-index: 1;
}
.cta-projects a > div span {
  transition: 0.2s;
}
.cta-projects a > div .media-wrapper {
  display: flex;
  z-index: 0;
}
.cta-projects a > div .media-wrapper svg {
  border-radius: 300px;
  transition: 0.5s;
}
.cta-projects a > div .media-wrapper svg circle, .cta-projects a > div .media-wrapper svg path {
  transition: 0.5s;
}
.cta-projects a > div .media-wrapper svg path {
  transform-origin: center;
}
.cta-projects a > div > span:first-child {
  font-style: italic;
  margin-right: 20px;
}
.cta-projects a > div:hover > span:first-child {
  transform: scale(0.9);
  letter-spacing: 0;
}
.cta-projects a > div:hover > span:first-child::before {
  transform: rotate(0);
}
.cta-projects a > div:hover .media-wrapper {
  z-index: -1;
}
.cta-projects a > div:hover .media-wrapper svg {
  transform: rotate(45deg) scale(3.5) translate(2px, -2px);
  background: linear-gradient(213deg, #00B451 9.97%, #666CCD 71.01%);
}
.cta-projects a > div:hover .media-wrapper svg circle {
  stroke: transparent;
}
.cta-projects a > div:hover .media-wrapper svg path {
  stroke: #010101;
  transform: scale(0.15);
}
.cta-projects-footer a {
  color: #EBDEC8;
}
.cta-projects-footer a > div {
  font-size: clamp(30px, 8.59 * 1vw, 165px);
}
@media (max-width: 767.98px) {
  .cta-projects-footer a > div > span:first-child {
    margin-right: 10px;
  }
}
.cta-projects-footer a > div > span:first-child {
  z-index: 1;
}
.cta-projects-footer a > div > span:first-child {
  position: relative;
}
.cta-projects-footer a > div > span:first-child::before {
  z-index: -1;
  position: absolute;
  content: "";
  transition: 0.2s ease-in-out;
  pointer-events: none;
  inset: 0;
  border: 6px solid #E43D30;
  border-radius: 200px;
  width: calc(100% + 80px);
  left: -50px;
  top: 30px;
  bottom: 10px;
  transform: rotate(-6deg);
  transition: 0.2s;
}
@media (max-width: 767.98px) {
  .cta-projects-footer a > div > span:first-child::before {
    top: 0;
    left: -15px;
    width: calc(100% + 30px);
    border: 3px solid #E43D30;
  }
}
.cta-projects-footer a > div .media-wrapper {
  position: relative;
}
@media (max-width: 767.98px) {
  .cta-projects-footer a > div .media-wrapper {
    position: absolute;
  }
}
.cta-projects-footer a > div .media-wrapper svg {
  width: calc(100 / 19.2 * 1vw) !important;
  max-width: 100px !important;
  min-width: 35px !important;
  height: calc(100 / 19.2 * 1vw) !important;
  max-height: 100px !important;
  min-height: 35px !important;
}
@media (max-width: 767.98px) {
  .cta-projects-footer a > div .media-wrapper {
    top: -30px;
    right: 4vw;
  }
}
.cta-projects-footer a > div:hover > span:first-child::before {
  border-width: 12px;
  left: -40px;
}
@media (max-width: 767.98px) {
  .cta-projects-footer a > div:hover > span:first-child::before {
    left: -15px;
  }
}
.cta-projects-projects a > div {
  font-size: clamp(25px, 3.13 * 1vw, 60px);
}
.cta-projects-projects a > div > span:first-child {
  z-index: 1;
}
.cta-projects-projects a > div > span:first-child {
  position: relative;
}
.cta-projects-projects a > div > span:first-child::before {
  z-index: -1;
  position: absolute;
  content: "";
  transition: 0.2s ease-in-out;
  pointer-events: none;
  inset: 0;
  border: 2px solid #E43D30;
  border-radius: 200px;
  width: calc(100% + 40px);
  left: -20px;
  transform: rotate(-6deg);
  transition: 0.2s;
}
@media (min-width: 991.98px) {
  .cta-projects-projects a > div > span:first-child::before {
    left: -15px;
    border-width: 4px;
  }
}
.cta-projects-projects a > div .media-wrapper svg {
  width: calc(50 / 19.2 * 1vw) !important;
  max-width: 50px !important;
  min-width: 17.5px !important;
  height: calc(50 / 19.2 * 1vw) !important;
  max-height: 50px !important;
  min-height: 17.5px !important;
}
.cta-projects-projects a > div:hover > span:first-child::before {
  left: -20px;
}

.cta-arrow {
  width: 100%;
}
.cta-arrow > a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  transition: 0.2s;
}
.cta-arrow > a .media-wrapper {
  display: contents;
}
.cta-arrow > a .media-wrapper svg, .cta-arrow > a .media-wrapper img {
  width: 30px;
  height: 30px;
  transition: 0.2s;
}
.cta-arrow > a:hover {
  transform: scale(1.1);
}
.cta-arrow > a:hover .media-wrapper svg, .cta-arrow > a:hover .media-wrapper img {
  transform: rotate(45deg);
}

/*
 * TEXT FAMILY
 * This section contains styles for setting the font family of elements.
 * The .text-family-1 class sets the font family of an element to $font-family-primary.
 * The .text-family-2 class sets the font family of an element to $font-family-secondary.
  * The .text-family-3 class sets the font family of an element to $font-family-tertiary.
 */
.font-1 {
  font-family: "neue-haas-grotesk-display", sans-serif !important;
}

.font-2, .source-title strong {
  font-family: "Degular", sans-serif !important;
}

.font-3, .em-font-3-first-child em:first-child, .single-quote i:first-child {
  font-family: "source-serif-4-display", sans-serif !important;
}

.single-quote {
  font-weight: 400;
}
.single-quote i:first-child {
  color: inherit;
}
.single-quote strong {
  color: #00B451;
}

.content-header--post .single, .content-header--secteur .single {
  z-index: 3;
  position: absolute;
}
.content-header--post .single.circle-after, .content-header--secteur .single.circle-after {
  width: calc(600 / 1920 * 100vw);
  height: calc(600 / 1920 * 100vw);
  border: 1px solid #F5F5F5;
  border-radius: 50%;
  z-index: 1;
  transition: none;
  right: calc(-250 / 1920 * 100vw);
  top: calc(-250 / 1920 * 100vw);
  opacity: 0.4;
}
@media (max-width: 991.98px) {
  .content-header--post .single.circle-after, .content-header--secteur .single.circle-after {
    width: calc(1000 / 1920 * 100vw);
    height: calc(1000 / 1920 * 100vw);
    right: calc(-500 / 1920 * 100vw);
    top: calc(-500 / 1920 * 100vw);
  }
}
.content-header--post .single.black, .content-header--secteur .single.black {
  border-color: #010101;
}
@media (max-width: 991.98px) {
  .content-header--post .media, .content-header--secteur .media {
    min-height: calc(1000 / 1920 * 100vw);
  }
  .content-header--post .media iframe, .content-header--secteur .media iframe {
    width: 100%;
    height: 100%;
  }
}

/*
 * This loop generates classes for setting the margin property of an element.
 * Each class name is of the form .m-{i}, where {i} is a number from 0 to the number of columns and margins in the grid.
 * The margin property is set to a value that is clamped between $sizeMin and $sizeMax, and is calculated based on {i}.
 * $sizeMax is calculated as {i} times 28, and $sizeMin is half of $sizeMax.
 */
.m-0 {
  margin: clamp(0px, 0 * 1vw, 0px) !important;
}

.p-0 {
  padding: clamp(0px, 0 * 1vw, 0px) !important;
}

.mt-0,
.my-0 {
  margin-top: clamp(0px, 0 * 1vw, 0px) !important;
}

.mb-0,
.my-0 {
  margin-bottom: clamp(0px, 0 * 1vw, 0px) !important;
}

.ml-0,
.mx-0 {
  margin-left: clamp(0px, 0 * 1vw, 0px) !important;
}

.mr-0,
.mx-0 {
  margin-right: clamp(0px, 0 * 1vw, 0px) !important;
}

.pt-0,
.py-0 {
  padding-top: clamp(0px, 0 * 1vw, 0px) !important;
}

.pb-0,
.py-0 {
  padding-bottom: clamp(0px, 0 * 1vw, 0px) !important;
}

.pl-0,
.px-0 {
  padding-left: clamp(0px, 0 * 1vw, 0px) !important;
}

.pr-0,
.px-0 {
  padding-right: clamp(0px, 0 * 1vw, 0px) !important;
}

.m-1 {
  margin: clamp(14px, 1.46 * 1vw, 28px) !important;
}

.p-1 {
  padding: clamp(14px, 1.46 * 1vw, 28px) !important;
}

.mt-1,
.my-1 {
  margin-top: clamp(14px, 1.46 * 1vw, 28px) !important;
}

.mb-1,
.my-1 {
  margin-bottom: clamp(14px, 1.46 * 1vw, 28px) !important;
}

.ml-1,
.mx-1 {
  margin-left: clamp(14px, 1.46 * 1vw, 28px) !important;
}

.mr-1,
.mx-1 {
  margin-right: clamp(14px, 1.46 * 1vw, 28px) !important;
}

.pt-1,
.py-1 {
  padding-top: clamp(14px, 1.46 * 1vw, 28px) !important;
}

.pb-1,
.py-1 {
  padding-bottom: clamp(14px, 1.46 * 1vw, 28px) !important;
}

.pl-1,
.px-1 {
  padding-left: clamp(14px, 1.46 * 1vw, 28px) !important;
}

.pr-1,
.px-1 {
  padding-right: clamp(14px, 1.46 * 1vw, 28px) !important;
}

.m-2 {
  margin: clamp(28px, 2.92 * 1vw, 56px) !important;
}

.p-2 {
  padding: clamp(28px, 2.92 * 1vw, 56px) !important;
}

.mt-2,
.my-2 {
  margin-top: clamp(28px, 2.92 * 1vw, 56px) !important;
}

.mb-2,
.my-2 {
  margin-bottom: clamp(28px, 2.92 * 1vw, 56px) !important;
}

.ml-2,
.mx-2 {
  margin-left: clamp(28px, 2.92 * 1vw, 56px) !important;
}

.mr-2,
.mx-2 {
  margin-right: clamp(28px, 2.92 * 1vw, 56px) !important;
}

.pt-2,
.py-2 {
  padding-top: clamp(28px, 2.92 * 1vw, 56px) !important;
}

.pb-2,
.py-2 {
  padding-bottom: clamp(28px, 2.92 * 1vw, 56px) !important;
}

.pl-2,
.px-2 {
  padding-left: clamp(28px, 2.92 * 1vw, 56px) !important;
}

.pr-2,
.px-2 {
  padding-right: clamp(28px, 2.92 * 1vw, 56px) !important;
}

.m-3 {
  margin: clamp(42px, 4.38 * 1vw, 84px) !important;
}

.p-3 {
  padding: clamp(42px, 4.38 * 1vw, 84px) !important;
}

.mt-3,
.my-3 {
  margin-top: clamp(42px, 4.38 * 1vw, 84px) !important;
}

.mb-3,
.my-3 {
  margin-bottom: clamp(42px, 4.38 * 1vw, 84px) !important;
}

.ml-3,
.mx-3 {
  margin-left: clamp(42px, 4.38 * 1vw, 84px) !important;
}

.mr-3,
.mx-3 {
  margin-right: clamp(42px, 4.38 * 1vw, 84px) !important;
}

.pt-3,
.py-3 {
  padding-top: clamp(42px, 4.38 * 1vw, 84px) !important;
}

.pb-3,
.py-3 {
  padding-bottom: clamp(42px, 4.38 * 1vw, 84px) !important;
}

.pl-3,
.px-3 {
  padding-left: clamp(42px, 4.38 * 1vw, 84px) !important;
}

.pr-3,
.px-3 {
  padding-right: clamp(42px, 4.38 * 1vw, 84px) !important;
}

.m-4 {
  margin: clamp(56px, 5.83 * 1vw, 112px) !important;
}

.p-4 {
  padding: clamp(56px, 5.83 * 1vw, 112px) !important;
}

.mt-4,
.my-4 {
  margin-top: clamp(56px, 5.83 * 1vw, 112px) !important;
}

.mb-4,
.my-4 {
  margin-bottom: clamp(56px, 5.83 * 1vw, 112px) !important;
}

.ml-4,
.mx-4 {
  margin-left: clamp(56px, 5.83 * 1vw, 112px) !important;
}

.mr-4,
.mx-4 {
  margin-right: clamp(56px, 5.83 * 1vw, 112px) !important;
}

.pt-4,
.py-4 {
  padding-top: clamp(56px, 5.83 * 1vw, 112px) !important;
}

.pb-4, .section-before-footer,
.py-4 {
  padding-bottom: clamp(56px, 5.83 * 1vw, 112px) !important;
}

.pl-4,
.px-4 {
  padding-left: clamp(56px, 5.83 * 1vw, 112px) !important;
}

.pr-4,
.px-4 {
  padding-right: clamp(56px, 5.83 * 1vw, 112px) !important;
}

.m-5 {
  margin: clamp(70px, 7.29 * 1vw, 140px) !important;
}

.p-5 {
  padding: clamp(70px, 7.29 * 1vw, 140px) !important;
}

.mt-5,
.my-5 {
  margin-top: clamp(70px, 7.29 * 1vw, 140px) !important;
}

.mb-5,
.my-5 {
  margin-bottom: clamp(70px, 7.29 * 1vw, 140px) !important;
}

.ml-5,
.mx-5 {
  margin-left: clamp(70px, 7.29 * 1vw, 140px) !important;
}

.mr-5,
.mx-5 {
  margin-right: clamp(70px, 7.29 * 1vw, 140px) !important;
}

.pt-5,
.py-5 {
  padding-top: clamp(70px, 7.29 * 1vw, 140px) !important;
}

.pb-5,
.py-5 {
  padding-bottom: clamp(70px, 7.29 * 1vw, 140px) !important;
}

.pl-5,
.px-5 {
  padding-left: clamp(70px, 7.29 * 1vw, 140px) !important;
}

.pr-5,
.px-5 {
  padding-right: clamp(70px, 7.29 * 1vw, 140px) !important;
}

.m-6 {
  margin: clamp(84px, 8.75 * 1vw, 168px) !important;
}

.p-6 {
  padding: clamp(84px, 8.75 * 1vw, 168px) !important;
}

.mt-6,
.my-6 {
  margin-top: clamp(84px, 8.75 * 1vw, 168px) !important;
}

.mb-6,
.my-6 {
  margin-bottom: clamp(84px, 8.75 * 1vw, 168px) !important;
}

.ml-6,
.mx-6 {
  margin-left: clamp(84px, 8.75 * 1vw, 168px) !important;
}

.mr-6,
.mx-6 {
  margin-right: clamp(84px, 8.75 * 1vw, 168px) !important;
}

.pt-6,
.py-6 {
  padding-top: clamp(84px, 8.75 * 1vw, 168px) !important;
}

.pb-6,
.py-6 {
  padding-bottom: clamp(84px, 8.75 * 1vw, 168px) !important;
}

.pl-6,
.px-6 {
  padding-left: clamp(84px, 8.75 * 1vw, 168px) !important;
}

.pr-6,
.px-6 {
  padding-right: clamp(84px, 8.75 * 1vw, 168px) !important;
}

.m-7 {
  margin: clamp(98px, 10.21 * 1vw, 196px) !important;
}

.p-7 {
  padding: clamp(98px, 10.21 * 1vw, 196px) !important;
}

.mt-7,
.my-7 {
  margin-top: clamp(98px, 10.21 * 1vw, 196px) !important;
}

.mb-7,
.my-7 {
  margin-bottom: clamp(98px, 10.21 * 1vw, 196px) !important;
}

.ml-7,
.mx-7 {
  margin-left: clamp(98px, 10.21 * 1vw, 196px) !important;
}

.mr-7,
.mx-7 {
  margin-right: clamp(98px, 10.21 * 1vw, 196px) !important;
}

.pt-7,
.py-7 {
  padding-top: clamp(98px, 10.21 * 1vw, 196px) !important;
}

.pb-7,
.py-7 {
  padding-bottom: clamp(98px, 10.21 * 1vw, 196px) !important;
}

.pl-7,
.px-7 {
  padding-left: clamp(98px, 10.21 * 1vw, 196px) !important;
}

.pr-7,
.px-7 {
  padding-right: clamp(98px, 10.21 * 1vw, 196px) !important;
}

.m-8 {
  margin: clamp(112px, 11.67 * 1vw, 224px) !important;
}

.p-8 {
  padding: clamp(112px, 11.67 * 1vw, 224px) !important;
}

.mt-8,
.my-8 {
  margin-top: clamp(112px, 11.67 * 1vw, 224px) !important;
}

.mb-8,
.my-8 {
  margin-bottom: clamp(112px, 11.67 * 1vw, 224px) !important;
}

.ml-8,
.mx-8 {
  margin-left: clamp(112px, 11.67 * 1vw, 224px) !important;
}

.mr-8,
.mx-8 {
  margin-right: clamp(112px, 11.67 * 1vw, 224px) !important;
}

.pt-8,
.py-8 {
  padding-top: clamp(112px, 11.67 * 1vw, 224px) !important;
}

.pb-8,
.py-8 {
  padding-bottom: clamp(112px, 11.67 * 1vw, 224px) !important;
}

.pl-8,
.px-8 {
  padding-left: clamp(112px, 11.67 * 1vw, 224px) !important;
}

.pr-8,
.px-8 {
  padding-right: clamp(112px, 11.67 * 1vw, 224px) !important;
}

.m-9 {
  margin: clamp(126px, 13.13 * 1vw, 252px) !important;
}

.p-9 {
  padding: clamp(126px, 13.13 * 1vw, 252px) !important;
}

.mt-9,
.my-9 {
  margin-top: clamp(126px, 13.13 * 1vw, 252px) !important;
}

.mb-9,
.my-9 {
  margin-bottom: clamp(126px, 13.13 * 1vw, 252px) !important;
}

.ml-9,
.mx-9 {
  margin-left: clamp(126px, 13.13 * 1vw, 252px) !important;
}

.mr-9,
.mx-9 {
  margin-right: clamp(126px, 13.13 * 1vw, 252px) !important;
}

.pt-9,
.py-9 {
  padding-top: clamp(126px, 13.13 * 1vw, 252px) !important;
}

.pb-9,
.py-9 {
  padding-bottom: clamp(126px, 13.13 * 1vw, 252px) !important;
}

.pl-9,
.px-9 {
  padding-left: clamp(126px, 13.13 * 1vw, 252px) !important;
}

.pr-9,
.px-9 {
  padding-right: clamp(126px, 13.13 * 1vw, 252px) !important;
}

.m-10 {
  margin: clamp(140px, 14.58 * 1vw, 280px) !important;
}

.p-10 {
  padding: clamp(140px, 14.58 * 1vw, 280px) !important;
}

.mt-10,
.my-10 {
  margin-top: clamp(140px, 14.58 * 1vw, 280px) !important;
}

.mb-10,
.my-10 {
  margin-bottom: clamp(140px, 14.58 * 1vw, 280px) !important;
}

.ml-10,
.mx-10 {
  margin-left: clamp(140px, 14.58 * 1vw, 280px) !important;
}

.mr-10,
.mx-10 {
  margin-right: clamp(140px, 14.58 * 1vw, 280px) !important;
}

.pt-10,
.py-10 {
  padding-top: clamp(140px, 14.58 * 1vw, 280px) !important;
}

.pb-10,
.py-10 {
  padding-bottom: clamp(140px, 14.58 * 1vw, 280px) !important;
}

.pl-10,
.px-10 {
  padding-left: clamp(140px, 14.58 * 1vw, 280px) !important;
}

.pr-10,
.px-10 {
  padding-right: clamp(140px, 14.58 * 1vw, 280px) !important;
}

.m-11 {
  margin: clamp(154px, 16.04 * 1vw, 308px) !important;
}

.p-11 {
  padding: clamp(154px, 16.04 * 1vw, 308px) !important;
}

.mt-11,
.my-11 {
  margin-top: clamp(154px, 16.04 * 1vw, 308px) !important;
}

.mb-11,
.my-11 {
  margin-bottom: clamp(154px, 16.04 * 1vw, 308px) !important;
}

.ml-11,
.mx-11 {
  margin-left: clamp(154px, 16.04 * 1vw, 308px) !important;
}

.mr-11,
.mx-11 {
  margin-right: clamp(154px, 16.04 * 1vw, 308px) !important;
}

.pt-11,
.py-11 {
  padding-top: clamp(154px, 16.04 * 1vw, 308px) !important;
}

.pb-11,
.py-11 {
  padding-bottom: clamp(154px, 16.04 * 1vw, 308px) !important;
}

.pl-11,
.px-11 {
  padding-left: clamp(154px, 16.04 * 1vw, 308px) !important;
}

.pr-11,
.px-11 {
  padding-right: clamp(154px, 16.04 * 1vw, 308px) !important;
}

.m-12 {
  margin: clamp(168px, 17.5 * 1vw, 336px) !important;
}

.p-12 {
  padding: clamp(168px, 17.5 * 1vw, 336px) !important;
}

.mt-12,
.my-12 {
  margin-top: clamp(168px, 17.5 * 1vw, 336px) !important;
}

.mb-12,
.my-12 {
  margin-bottom: clamp(168px, 17.5 * 1vw, 336px) !important;
}

.ml-12,
.mx-12 {
  margin-left: clamp(168px, 17.5 * 1vw, 336px) !important;
}

.mr-12,
.mx-12 {
  margin-right: clamp(168px, 17.5 * 1vw, 336px) !important;
}

.pt-12,
.py-12 {
  padding-top: clamp(168px, 17.5 * 1vw, 336px) !important;
}

.pb-12,
.py-12 {
  padding-bottom: clamp(168px, 17.5 * 1vw, 336px) !important;
}

.pl-12,
.px-12 {
  padding-left: clamp(168px, 17.5 * 1vw, 336px) !important;
}

.pr-12,
.px-12 {
  padding-right: clamp(168px, 17.5 * 1vw, 336px) !important;
}

/*
 * This loop generates classes for setting the margin property of an element.
 * Each class name is of the form .m-xxs-{i}, where {i} is a number from 0 to the number of columns and margins in the grid.
 * The margin property is set to a value that is clamped between $sizeMin and $sizeMax, and is calculated based on {i}.
 * $sizeMax is calculated as {i} times 24, and $sizeMin is half of $sizeMax.
 */
@media (min-width: 449.98px) {
  .m-xxs-0 {
    margin: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .mt-xxs-0,
  .my-xxs-0 {
    margin-top: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .mb-xxs-0,
  .my-xxs-0 {
    margin-bottom: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .ml-xxs-0,
  .mx-xxs-0 {
    margin-left: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .mr-xxs-0,
  .mx-xxs-0 {
    margin-right: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .p-xxs-0 {
    padding: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .pt-xxs-0,
  .py-xxs-0 {
    padding-top: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .pb-xxs-0,
  .py-xxs-0 {
    padding-bottom: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .pl-xxs-0,
  .px-xxs-0 {
    padding-left: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .pr-xxs-0,
  .px-xxs-0 {
    padding-right: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .m-xxs-1 {
    margin: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .mt-xxs-1,
  .my-xxs-1 {
    margin-top: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .mb-xxs-1,
  .my-xxs-1 {
    margin-bottom: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .ml-xxs-1,
  .mx-xxs-1 {
    margin-left: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .mr-xxs-1,
  .mx-xxs-1 {
    margin-right: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .p-xxs-1 {
    padding: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .pt-xxs-1,
  .py-xxs-1 {
    padding-top: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .pb-xxs-1,
  .py-xxs-1 {
    padding-bottom: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .pl-xxs-1,
  .px-xxs-1 {
    padding-left: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .pr-xxs-1,
  .px-xxs-1 {
    padding-right: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .m-xxs-2 {
    margin: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .mt-xxs-2,
  .my-xxs-2 {
    margin-top: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .mb-xxs-2,
  .my-xxs-2 {
    margin-bottom: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .ml-xxs-2,
  .mx-xxs-2 {
    margin-left: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .mr-xxs-2,
  .mx-xxs-2 {
    margin-right: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .p-xxs-2 {
    padding: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .pt-xxs-2,
  .py-xxs-2 {
    padding-top: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .pb-xxs-2,
  .py-xxs-2 {
    padding-bottom: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .pl-xxs-2,
  .px-xxs-2 {
    padding-left: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .pr-xxs-2,
  .px-xxs-2 {
    padding-right: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .m-xxs-3 {
    margin: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .mt-xxs-3,
  .my-xxs-3 {
    margin-top: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .mb-xxs-3,
  .my-xxs-3 {
    margin-bottom: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .ml-xxs-3,
  .mx-xxs-3 {
    margin-left: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .mr-xxs-3,
  .mx-xxs-3 {
    margin-right: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .p-xxs-3 {
    padding: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .pt-xxs-3,
  .py-xxs-3 {
    padding-top: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .pb-xxs-3,
  .py-xxs-3 {
    padding-bottom: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .pl-xxs-3,
  .px-xxs-3 {
    padding-left: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .pr-xxs-3,
  .px-xxs-3 {
    padding-right: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .m-xxs-4 {
    margin: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .mt-xxs-4,
  .my-xxs-4 {
    margin-top: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .mb-xxs-4,
  .my-xxs-4 {
    margin-bottom: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .ml-xxs-4,
  .mx-xxs-4 {
    margin-left: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .mr-xxs-4,
  .mx-xxs-4 {
    margin-right: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .p-xxs-4 {
    padding: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .pt-xxs-4,
  .py-xxs-4 {
    padding-top: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .pb-xxs-4,
  .py-xxs-4 {
    padding-bottom: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .pl-xxs-4,
  .px-xxs-4 {
    padding-left: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .pr-xxs-4,
  .px-xxs-4 {
    padding-right: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .m-xxs-5 {
    margin: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .mt-xxs-5,
  .my-xxs-5 {
    margin-top: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .mb-xxs-5,
  .my-xxs-5 {
    margin-bottom: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .ml-xxs-5,
  .mx-xxs-5 {
    margin-left: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .mr-xxs-5,
  .mx-xxs-5 {
    margin-right: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .p-xxs-5 {
    padding: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .pt-xxs-5,
  .py-xxs-5 {
    padding-top: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .pb-xxs-5,
  .py-xxs-5 {
    padding-bottom: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .pl-xxs-5,
  .px-xxs-5 {
    padding-left: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .pr-xxs-5,
  .px-xxs-5 {
    padding-right: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .m-xxs-6 {
    margin: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .mt-xxs-6,
  .my-xxs-6 {
    margin-top: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .mb-xxs-6,
  .my-xxs-6 {
    margin-bottom: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .ml-xxs-6,
  .mx-xxs-6 {
    margin-left: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .mr-xxs-6,
  .mx-xxs-6 {
    margin-right: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .p-xxs-6 {
    padding: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .pt-xxs-6,
  .py-xxs-6 {
    padding-top: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .pb-xxs-6,
  .py-xxs-6 {
    padding-bottom: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .pl-xxs-6,
  .px-xxs-6 {
    padding-left: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .pr-xxs-6,
  .px-xxs-6 {
    padding-right: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .m-xxs-7 {
    margin: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .mt-xxs-7,
  .my-xxs-7 {
    margin-top: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .mb-xxs-7,
  .my-xxs-7 {
    margin-bottom: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .ml-xxs-7,
  .mx-xxs-7 {
    margin-left: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .mr-xxs-7,
  .mx-xxs-7 {
    margin-right: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .p-xxs-7 {
    padding: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .pt-xxs-7,
  .py-xxs-7 {
    padding-top: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .pb-xxs-7,
  .py-xxs-7 {
    padding-bottom: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .pl-xxs-7,
  .px-xxs-7 {
    padding-left: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .pr-xxs-7,
  .px-xxs-7 {
    padding-right: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .m-xxs-8 {
    margin: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .mt-xxs-8,
  .my-xxs-8 {
    margin-top: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .mb-xxs-8,
  .my-xxs-8 {
    margin-bottom: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .ml-xxs-8,
  .mx-xxs-8 {
    margin-left: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .mr-xxs-8,
  .mx-xxs-8 {
    margin-right: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .p-xxs-8 {
    padding: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .pt-xxs-8,
  .py-xxs-8 {
    padding-top: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .pb-xxs-8,
  .py-xxs-8 {
    padding-bottom: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .pl-xxs-8,
  .px-xxs-8 {
    padding-left: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .pr-xxs-8,
  .px-xxs-8 {
    padding-right: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .m-xxs-9 {
    margin: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .mt-xxs-9,
  .my-xxs-9 {
    margin-top: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .mb-xxs-9,
  .my-xxs-9 {
    margin-bottom: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .ml-xxs-9,
  .mx-xxs-9 {
    margin-left: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .mr-xxs-9,
  .mx-xxs-9 {
    margin-right: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .p-xxs-9 {
    padding: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .pt-xxs-9,
  .py-xxs-9 {
    padding-top: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .pb-xxs-9,
  .py-xxs-9 {
    padding-bottom: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .pl-xxs-9,
  .px-xxs-9 {
    padding-left: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .pr-xxs-9,
  .px-xxs-9 {
    padding-right: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .m-xxs-10 {
    margin: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .mt-xxs-10,
  .my-xxs-10 {
    margin-top: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .mb-xxs-10,
  .my-xxs-10 {
    margin-bottom: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .ml-xxs-10,
  .mx-xxs-10 {
    margin-left: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .mr-xxs-10,
  .mx-xxs-10 {
    margin-right: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .p-xxs-10 {
    padding: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .pt-xxs-10,
  .py-xxs-10 {
    padding-top: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .pb-xxs-10,
  .py-xxs-10 {
    padding-bottom: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .pl-xxs-10,
  .px-xxs-10 {
    padding-left: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .pr-xxs-10,
  .px-xxs-10 {
    padding-right: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .m-xxs-11 {
    margin: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .mt-xxs-11,
  .my-xxs-11 {
    margin-top: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .mb-xxs-11,
  .my-xxs-11 {
    margin-bottom: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .ml-xxs-11,
  .mx-xxs-11 {
    margin-left: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .mr-xxs-11,
  .mx-xxs-11 {
    margin-right: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .p-xxs-11 {
    padding: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .pt-xxs-11,
  .py-xxs-11 {
    padding-top: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .pb-xxs-11,
  .py-xxs-11 {
    padding-bottom: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .pl-xxs-11,
  .px-xxs-11 {
    padding-left: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .pr-xxs-11,
  .px-xxs-11 {
    padding-right: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .m-xxs-12 {
    margin: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .mt-xxs-12,
  .my-xxs-12 {
    margin-top: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .mb-xxs-12,
  .my-xxs-12 {
    margin-bottom: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .ml-xxs-12,
  .mx-xxs-12 {
    margin-left: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .mr-xxs-12,
  .mx-xxs-12 {
    margin-right: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .p-xxs-12 {
    padding: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .pt-xxs-12,
  .py-xxs-12 {
    padding-top: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .pb-xxs-12,
  .py-xxs-12 {
    padding-bottom: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .pl-xxs-12,
  .px-xxs-12 {
    padding-left: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .pr-xxs-12,
  .px-xxs-12 {
    padding-right: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
}
/*
 * This loop generates classes for setting the margin property of an element.
 * Each class name is of the form .m-xs-{i}, where {i} is a number from 0 to the number of columns and margins in the grid.
 * The margin property is set to a value that is clamped between $sizeMin and $sizeMax, and is calculated based on {i}.
 * $sizeMax is calculated as {i} times 24, and $sizeMin is half of $sizeMax.
 */
@media (min-width: 575.98px) {
  .m-xs-0 {
    margin: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .mt-xs-0,
  .my-xs-0 {
    margin-top: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .mb-xs-0,
  .my-xs-0 {
    margin-bottom: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .ml-xs-0,
  .mx-xs-0 {
    margin-left: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .mr-xs-0,
  .mx-xs-0 {
    margin-right: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .p-xs-0 {
    padding: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .pt-xs-0,
  .py-xs-0 {
    padding-top: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .pb-xs-0,
  .py-xs-0 {
    padding-bottom: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .pl-xs-0,
  .px-xs-0 {
    padding-left: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .pr-xs-0,
  .px-xs-0 {
    padding-right: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .m-xs-1 {
    margin: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .mt-xs-1,
  .my-xs-1 {
    margin-top: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .mb-xs-1,
  .my-xs-1 {
    margin-bottom: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .ml-xs-1,
  .mx-xs-1 {
    margin-left: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .mr-xs-1,
  .mx-xs-1 {
    margin-right: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .p-xs-1 {
    padding: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .pt-xs-1,
  .py-xs-1 {
    padding-top: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .pb-xs-1,
  .py-xs-1 {
    padding-bottom: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .pl-xs-1,
  .px-xs-1 {
    padding-left: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .pr-xs-1,
  .px-xs-1 {
    padding-right: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .m-xs-2 {
    margin: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .mt-xs-2,
  .my-xs-2 {
    margin-top: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .mb-xs-2,
  .my-xs-2 {
    margin-bottom: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .ml-xs-2,
  .mx-xs-2 {
    margin-left: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .mr-xs-2,
  .mx-xs-2 {
    margin-right: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .p-xs-2 {
    padding: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .pt-xs-2,
  .py-xs-2 {
    padding-top: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .pb-xs-2,
  .py-xs-2 {
    padding-bottom: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .pl-xs-2,
  .px-xs-2 {
    padding-left: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .pr-xs-2,
  .px-xs-2 {
    padding-right: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .m-xs-3 {
    margin: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .mt-xs-3,
  .my-xs-3 {
    margin-top: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .mb-xs-3,
  .my-xs-3 {
    margin-bottom: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .ml-xs-3,
  .mx-xs-3 {
    margin-left: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .mr-xs-3,
  .mx-xs-3 {
    margin-right: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .p-xs-3 {
    padding: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .pt-xs-3,
  .py-xs-3 {
    padding-top: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .pb-xs-3,
  .py-xs-3 {
    padding-bottom: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .pl-xs-3,
  .px-xs-3 {
    padding-left: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .pr-xs-3,
  .px-xs-3 {
    padding-right: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .m-xs-4 {
    margin: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .mt-xs-4,
  .my-xs-4 {
    margin-top: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .mb-xs-4,
  .my-xs-4 {
    margin-bottom: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .ml-xs-4,
  .mx-xs-4 {
    margin-left: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .mr-xs-4,
  .mx-xs-4 {
    margin-right: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .p-xs-4 {
    padding: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .pt-xs-4,
  .py-xs-4 {
    padding-top: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .pb-xs-4,
  .py-xs-4 {
    padding-bottom: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .pl-xs-4,
  .px-xs-4 {
    padding-left: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .pr-xs-4,
  .px-xs-4 {
    padding-right: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .m-xs-5 {
    margin: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .mt-xs-5,
  .my-xs-5 {
    margin-top: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .mb-xs-5,
  .my-xs-5 {
    margin-bottom: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .ml-xs-5,
  .mx-xs-5 {
    margin-left: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .mr-xs-5,
  .mx-xs-5 {
    margin-right: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .p-xs-5 {
    padding: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .pt-xs-5,
  .py-xs-5 {
    padding-top: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .pb-xs-5,
  .py-xs-5 {
    padding-bottom: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .pl-xs-5,
  .px-xs-5 {
    padding-left: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .pr-xs-5,
  .px-xs-5 {
    padding-right: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .m-xs-6 {
    margin: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .mt-xs-6,
  .my-xs-6 {
    margin-top: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .mb-xs-6,
  .my-xs-6 {
    margin-bottom: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .ml-xs-6,
  .mx-xs-6 {
    margin-left: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .mr-xs-6,
  .mx-xs-6 {
    margin-right: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .p-xs-6 {
    padding: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .pt-xs-6,
  .py-xs-6 {
    padding-top: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .pb-xs-6,
  .py-xs-6 {
    padding-bottom: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .pl-xs-6,
  .px-xs-6 {
    padding-left: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .pr-xs-6,
  .px-xs-6 {
    padding-right: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .m-xs-7 {
    margin: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .mt-xs-7,
  .my-xs-7 {
    margin-top: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .mb-xs-7,
  .my-xs-7 {
    margin-bottom: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .ml-xs-7,
  .mx-xs-7 {
    margin-left: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .mr-xs-7,
  .mx-xs-7 {
    margin-right: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .p-xs-7 {
    padding: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .pt-xs-7,
  .py-xs-7 {
    padding-top: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .pb-xs-7,
  .py-xs-7 {
    padding-bottom: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .pl-xs-7,
  .px-xs-7 {
    padding-left: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .pr-xs-7,
  .px-xs-7 {
    padding-right: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .m-xs-8 {
    margin: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .mt-xs-8,
  .my-xs-8 {
    margin-top: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .mb-xs-8,
  .my-xs-8 {
    margin-bottom: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .ml-xs-8,
  .mx-xs-8 {
    margin-left: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .mr-xs-8,
  .mx-xs-8 {
    margin-right: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .p-xs-8 {
    padding: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .pt-xs-8,
  .py-xs-8 {
    padding-top: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .pb-xs-8,
  .py-xs-8 {
    padding-bottom: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .pl-xs-8,
  .px-xs-8 {
    padding-left: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .pr-xs-8,
  .px-xs-8 {
    padding-right: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .m-xs-9 {
    margin: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .mt-xs-9,
  .my-xs-9 {
    margin-top: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .mb-xs-9,
  .my-xs-9 {
    margin-bottom: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .ml-xs-9,
  .mx-xs-9 {
    margin-left: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .mr-xs-9,
  .mx-xs-9 {
    margin-right: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .p-xs-9 {
    padding: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .pt-xs-9,
  .py-xs-9 {
    padding-top: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .pb-xs-9,
  .py-xs-9 {
    padding-bottom: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .pl-xs-9,
  .px-xs-9 {
    padding-left: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .pr-xs-9,
  .px-xs-9 {
    padding-right: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .m-xs-10 {
    margin: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .mt-xs-10,
  .my-xs-10 {
    margin-top: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .mb-xs-10,
  .my-xs-10 {
    margin-bottom: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .ml-xs-10,
  .mx-xs-10 {
    margin-left: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .mr-xs-10,
  .mx-xs-10 {
    margin-right: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .p-xs-10 {
    padding: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .pt-xs-10,
  .py-xs-10 {
    padding-top: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .pb-xs-10,
  .py-xs-10 {
    padding-bottom: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .pl-xs-10,
  .px-xs-10 {
    padding-left: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .pr-xs-10,
  .px-xs-10 {
    padding-right: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .m-xs-11 {
    margin: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .mt-xs-11,
  .my-xs-11 {
    margin-top: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .mb-xs-11,
  .my-xs-11 {
    margin-bottom: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .ml-xs-11,
  .mx-xs-11 {
    margin-left: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .mr-xs-11,
  .mx-xs-11 {
    margin-right: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .p-xs-11 {
    padding: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .pt-xs-11,
  .py-xs-11 {
    padding-top: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .pb-xs-11,
  .py-xs-11 {
    padding-bottom: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .pl-xs-11,
  .px-xs-11 {
    padding-left: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .pr-xs-11,
  .px-xs-11 {
    padding-right: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .m-xs-12 {
    margin: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .mt-xs-12,
  .my-xs-12 {
    margin-top: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .mb-xs-12,
  .my-xs-12 {
    margin-bottom: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .ml-xs-12,
  .mx-xs-12 {
    margin-left: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .mr-xs-12,
  .mx-xs-12 {
    margin-right: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .p-xs-12 {
    padding: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .pt-xs-12,
  .py-xs-12 {
    padding-top: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .pb-xs-12,
  .py-xs-12 {
    padding-bottom: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .pl-xs-12,
  .px-xs-12 {
    padding-left: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .pr-xs-12,
  .px-xs-12 {
    padding-right: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
}
/*
 * This loop generates classes for setting the margin property of an element.
 * Each class name is of the form .m-sm-{i}, where {i} is a number from 0 to the number of columns and margins in the grid.
 * The margin property is set to a value that is clamped between $sizeMin and $sizeMax, and is calculated based on {i}.
 * $sizeMax is calculated as {i} times 24, and $sizeMin is half of $sizeMax.
 */
@media (min-width: 767.98px) {
  .m-sm-0 {
    margin: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .p-sm-0 {
    padding: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .m-sm-1 {
    margin: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .p-sm-1 {
    padding: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .m-sm-2 {
    margin: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .p-sm-2 {
    padding: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .m-sm-3 {
    margin: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .p-sm-3 {
    padding: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .m-sm-4 {
    margin: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .p-sm-4 {
    padding: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .m-sm-5 {
    margin: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .p-sm-5 {
    padding: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .m-sm-6 {
    margin: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .mt-sm-6,
  .my-sm-6 {
    margin-top: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .mb-sm-6,
  .my-sm-6 {
    margin-bottom: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .ml-sm-6,
  .mx-sm-6 {
    margin-left: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .mr-sm-6,
  .mx-sm-6 {
    margin-right: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .p-sm-6 {
    padding: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .pt-sm-6,
  .py-sm-6 {
    padding-top: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .pb-sm-6,
  .py-sm-6 {
    padding-bottom: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .pl-sm-6,
  .px-sm-6 {
    padding-left: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .pr-sm-6,
  .px-sm-6 {
    padding-right: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .m-sm-7 {
    margin: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .mt-sm-7,
  .my-sm-7 {
    margin-top: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .mb-sm-7,
  .my-sm-7 {
    margin-bottom: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .ml-sm-7,
  .mx-sm-7 {
    margin-left: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .mr-sm-7,
  .mx-sm-7 {
    margin-right: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .p-sm-7 {
    padding: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .pt-sm-7,
  .py-sm-7 {
    padding-top: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .pb-sm-7,
  .py-sm-7 {
    padding-bottom: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .pl-sm-7,
  .px-sm-7 {
    padding-left: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .pr-sm-7,
  .px-sm-7 {
    padding-right: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .m-sm-8 {
    margin: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .mt-sm-8,
  .my-sm-8 {
    margin-top: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .mb-sm-8,
  .my-sm-8 {
    margin-bottom: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .ml-sm-8,
  .mx-sm-8 {
    margin-left: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .mr-sm-8,
  .mx-sm-8 {
    margin-right: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .p-sm-8 {
    padding: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .pt-sm-8,
  .py-sm-8 {
    padding-top: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .pb-sm-8,
  .py-sm-8 {
    padding-bottom: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .pl-sm-8,
  .px-sm-8 {
    padding-left: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .pr-sm-8,
  .px-sm-8 {
    padding-right: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .m-sm-9 {
    margin: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .mt-sm-9,
  .my-sm-9 {
    margin-top: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .mb-sm-9,
  .my-sm-9 {
    margin-bottom: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .ml-sm-9,
  .mx-sm-9 {
    margin-left: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .mr-sm-9,
  .mx-sm-9 {
    margin-right: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .p-sm-9 {
    padding: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .pt-sm-9,
  .py-sm-9 {
    padding-top: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .pb-sm-9,
  .py-sm-9 {
    padding-bottom: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .pl-sm-9,
  .px-sm-9 {
    padding-left: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .pr-sm-9,
  .px-sm-9 {
    padding-right: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .m-sm-10 {
    margin: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .mt-sm-10,
  .my-sm-10 {
    margin-top: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .mb-sm-10,
  .my-sm-10 {
    margin-bottom: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .ml-sm-10,
  .mx-sm-10 {
    margin-left: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .mr-sm-10,
  .mx-sm-10 {
    margin-right: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .p-sm-10 {
    padding: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .pt-sm-10,
  .py-sm-10 {
    padding-top: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .pb-sm-10,
  .py-sm-10 {
    padding-bottom: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .pl-sm-10,
  .px-sm-10 {
    padding-left: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .pr-sm-10,
  .px-sm-10 {
    padding-right: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .m-sm-11 {
    margin: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .mt-sm-11,
  .my-sm-11 {
    margin-top: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .mb-sm-11,
  .my-sm-11 {
    margin-bottom: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .ml-sm-11,
  .mx-sm-11 {
    margin-left: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .mr-sm-11,
  .mx-sm-11 {
    margin-right: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .p-sm-11 {
    padding: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .pt-sm-11,
  .py-sm-11 {
    padding-top: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .pb-sm-11,
  .py-sm-11 {
    padding-bottom: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .pl-sm-11,
  .px-sm-11 {
    padding-left: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .pr-sm-11,
  .px-sm-11 {
    padding-right: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .m-sm-12 {
    margin: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .mt-sm-12,
  .my-sm-12 {
    margin-top: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .mb-sm-12,
  .my-sm-12 {
    margin-bottom: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .ml-sm-12,
  .mx-sm-12 {
    margin-left: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .mr-sm-12,
  .mx-sm-12 {
    margin-right: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .p-sm-12 {
    padding: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .pt-sm-12,
  .py-sm-12 {
    padding-top: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .pb-sm-12,
  .py-sm-12 {
    padding-bottom: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .pl-sm-12,
  .px-sm-12 {
    padding-left: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .pr-sm-12,
  .px-sm-12 {
    padding-right: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
}
/*
 * This loop generates classes for setting the margin property of an element.
 * Each class name is of the form .m-md-{i}, where {i} is a number from 0 to the number of columns and margins in the grid.
 * The margin property is set to a value that is clamped between $sizeMin and $sizeMax, and is calculated based on {i}.
 * $sizeMax is calculated as {i} times 24, and $sizeMin is half of $sizeMax.
 */
@media (min-width: 991.98px) {
  .m-md-0 {
    margin: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .p-md-0 {
    padding: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .m-md-1 {
    margin: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .p-md-1 {
    padding: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .m-md-2 {
    margin: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .p-md-2 {
    padding: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .m-md-3 {
    margin: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .p-md-3 {
    padding: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .m-md-4 {
    margin: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .p-md-4 {
    padding: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .m-md-5 {
    margin: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .p-md-5 {
    padding: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .m-md-6 {
    margin: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .mt-md-6,
  .my-md-6 {
    margin-top: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .mb-md-6,
  .my-md-6 {
    margin-bottom: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .ml-md-6,
  .mx-md-6 {
    margin-left: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .mr-md-6,
  .mx-md-6 {
    margin-right: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .p-md-6 {
    padding: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .pt-md-6,
  .py-md-6 {
    padding-top: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .pb-md-6,
  .py-md-6 {
    padding-bottom: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .pl-md-6,
  .px-md-6 {
    padding-left: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .pr-md-6,
  .px-md-6 {
    padding-right: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .m-md-7 {
    margin: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .mt-md-7,
  .my-md-7 {
    margin-top: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .mb-md-7,
  .my-md-7 {
    margin-bottom: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .ml-md-7,
  .mx-md-7 {
    margin-left: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .mr-md-7,
  .mx-md-7 {
    margin-right: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .p-md-7 {
    padding: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .pt-md-7,
  .py-md-7 {
    padding-top: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .pb-md-7,
  .py-md-7 {
    padding-bottom: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .pl-md-7,
  .px-md-7 {
    padding-left: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .pr-md-7,
  .px-md-7 {
    padding-right: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .m-md-8 {
    margin: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .mt-md-8,
  .my-md-8 {
    margin-top: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .mb-md-8,
  .my-md-8 {
    margin-bottom: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .ml-md-8,
  .mx-md-8 {
    margin-left: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .mr-md-8,
  .mx-md-8 {
    margin-right: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .p-md-8 {
    padding: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .pt-md-8,
  .py-md-8 {
    padding-top: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .pb-md-8,
  .py-md-8 {
    padding-bottom: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .pl-md-8,
  .px-md-8 {
    padding-left: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .pr-md-8,
  .px-md-8 {
    padding-right: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .m-md-9 {
    margin: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .mt-md-9,
  .my-md-9 {
    margin-top: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .mb-md-9,
  .my-md-9 {
    margin-bottom: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .ml-md-9,
  .mx-md-9 {
    margin-left: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .mr-md-9,
  .mx-md-9 {
    margin-right: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .p-md-9 {
    padding: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .pt-md-9,
  .py-md-9 {
    padding-top: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .pb-md-9,
  .py-md-9 {
    padding-bottom: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .pl-md-9,
  .px-md-9 {
    padding-left: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .pr-md-9,
  .px-md-9 {
    padding-right: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .m-md-10 {
    margin: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .mt-md-10,
  .my-md-10 {
    margin-top: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .mb-md-10,
  .my-md-10 {
    margin-bottom: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .ml-md-10,
  .mx-md-10 {
    margin-left: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .mr-md-10,
  .mx-md-10 {
    margin-right: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .p-md-10 {
    padding: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .pt-md-10,
  .py-md-10 {
    padding-top: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .pb-md-10,
  .py-md-10 {
    padding-bottom: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .pl-md-10,
  .px-md-10 {
    padding-left: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .pr-md-10,
  .px-md-10 {
    padding-right: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .m-md-11 {
    margin: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .mt-md-11,
  .my-md-11 {
    margin-top: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .mb-md-11,
  .my-md-11 {
    margin-bottom: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .ml-md-11,
  .mx-md-11 {
    margin-left: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .mr-md-11,
  .mx-md-11 {
    margin-right: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .p-md-11 {
    padding: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .pt-md-11,
  .py-md-11 {
    padding-top: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .pb-md-11,
  .py-md-11 {
    padding-bottom: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .pl-md-11,
  .px-md-11 {
    padding-left: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .pr-md-11,
  .px-md-11 {
    padding-right: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .m-md-12 {
    margin: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .mt-md-12,
  .my-md-12 {
    margin-top: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .mb-md-12,
  .my-md-12 {
    margin-bottom: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .ml-md-12,
  .mx-md-12 {
    margin-left: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .mr-md-12,
  .mx-md-12 {
    margin-right: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .p-md-12 {
    padding: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .pt-md-12,
  .py-md-12 {
    padding-top: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .pb-md-12,
  .py-md-12 {
    padding-bottom: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .pl-md-12,
  .px-md-12 {
    padding-left: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .pr-md-12,
  .px-md-12 {
    padding-right: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
}
/*
 * This loop generates classes for setting the margin property of an element.
 * Each class name is of the form .m-lg-{i}, where {i} is a number from 0 to the number of columns and margins in the grid.
 * The margin property is set to a value that is clamped between $sizeMin and $sizeMax, and is calculated based on {i}.
 * $sizeMax is calculated as {i} times 24, and $sizeMin is half of $sizeMax.
 */
@media (min-width: 1199.98px) {
  .m-lg-0 {
    margin: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .p-lg-0 {
    padding: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .m-lg-1 {
    margin: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .p-lg-1 {
    padding: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .m-lg-2 {
    margin: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .p-lg-2 {
    padding: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .m-lg-3 {
    margin: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .p-lg-3 {
    padding: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .m-lg-4 {
    margin: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .p-lg-4 {
    padding: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .m-lg-5 {
    margin: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .p-lg-5 {
    padding: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .m-lg-6 {
    margin: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .mt-lg-6,
  .my-lg-6 {
    margin-top: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .mb-lg-6,
  .my-lg-6 {
    margin-bottom: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .ml-lg-6,
  .mx-lg-6 {
    margin-left: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .mr-lg-6,
  .mx-lg-6 {
    margin-right: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .p-lg-6 {
    padding: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .pt-lg-6,
  .py-lg-6 {
    padding-top: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .pb-lg-6,
  .py-lg-6 {
    padding-bottom: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .pl-lg-6,
  .px-lg-6 {
    padding-left: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .pr-lg-6,
  .px-lg-6 {
    padding-right: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .m-lg-7 {
    margin: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .mt-lg-7,
  .my-lg-7 {
    margin-top: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .mb-lg-7,
  .my-lg-7 {
    margin-bottom: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .ml-lg-7,
  .mx-lg-7 {
    margin-left: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .mr-lg-7,
  .mx-lg-7 {
    margin-right: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .p-lg-7 {
    padding: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .pt-lg-7,
  .py-lg-7 {
    padding-top: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .pb-lg-7,
  .py-lg-7 {
    padding-bottom: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .pl-lg-7,
  .px-lg-7 {
    padding-left: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .pr-lg-7,
  .px-lg-7 {
    padding-right: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .m-lg-8 {
    margin: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .mt-lg-8,
  .my-lg-8 {
    margin-top: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .mb-lg-8,
  .my-lg-8 {
    margin-bottom: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .ml-lg-8,
  .mx-lg-8 {
    margin-left: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .mr-lg-8,
  .mx-lg-8 {
    margin-right: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .p-lg-8 {
    padding: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .pt-lg-8,
  .py-lg-8 {
    padding-top: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .pb-lg-8,
  .py-lg-8 {
    padding-bottom: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .pl-lg-8,
  .px-lg-8 {
    padding-left: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .pr-lg-8,
  .px-lg-8 {
    padding-right: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .m-lg-9 {
    margin: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .mt-lg-9,
  .my-lg-9 {
    margin-top: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .mb-lg-9,
  .my-lg-9 {
    margin-bottom: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .ml-lg-9,
  .mx-lg-9 {
    margin-left: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .mr-lg-9,
  .mx-lg-9 {
    margin-right: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .p-lg-9 {
    padding: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .pt-lg-9,
  .py-lg-9 {
    padding-top: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .pb-lg-9,
  .py-lg-9 {
    padding-bottom: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .pl-lg-9,
  .px-lg-9 {
    padding-left: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .pr-lg-9,
  .px-lg-9 {
    padding-right: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .m-lg-10 {
    margin: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .mt-lg-10,
  .my-lg-10 {
    margin-top: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .mb-lg-10,
  .my-lg-10 {
    margin-bottom: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .ml-lg-10,
  .mx-lg-10 {
    margin-left: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .mr-lg-10,
  .mx-lg-10 {
    margin-right: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .p-lg-10 {
    padding: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .pt-lg-10,
  .py-lg-10 {
    padding-top: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .pb-lg-10,
  .py-lg-10 {
    padding-bottom: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .pl-lg-10,
  .px-lg-10 {
    padding-left: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .pr-lg-10,
  .px-lg-10 {
    padding-right: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .m-lg-11 {
    margin: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .mt-lg-11,
  .my-lg-11 {
    margin-top: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .mb-lg-11,
  .my-lg-11 {
    margin-bottom: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .ml-lg-11,
  .mx-lg-11 {
    margin-left: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .mr-lg-11,
  .mx-lg-11 {
    margin-right: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .p-lg-11 {
    padding: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .pt-lg-11,
  .py-lg-11 {
    padding-top: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .pb-lg-11,
  .py-lg-11 {
    padding-bottom: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .pl-lg-11,
  .px-lg-11 {
    padding-left: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .pr-lg-11,
  .px-lg-11 {
    padding-right: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .m-lg-12 {
    margin: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .mt-lg-12,
  .my-lg-12 {
    margin-top: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .mb-lg-12,
  .my-lg-12 {
    margin-bottom: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .ml-lg-12,
  .mx-lg-12 {
    margin-left: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .mr-lg-12,
  .mx-lg-12 {
    margin-right: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .p-lg-12 {
    padding: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .pt-lg-12,
  .py-lg-12 {
    padding-top: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .pb-lg-12,
  .py-lg-12 {
    padding-bottom: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .pl-lg-12,
  .px-lg-12 {
    padding-left: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .pr-lg-12,
  .px-lg-12 {
    padding-right: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
}
/*
 * This loop generates classes for setting the margin property of an element.
 * Each class name is of the form .m-xl-{i}, where {i} is a number from 0 to the number of columns and margins in the grid.
 * The margin property is set to a value that is clamped between $sizeMin and $sizeMax, and is calculated based on {i}.
 * $sizeMax is calculated as {i} times 24, and $sizeMin is half of $sizeMax.
 */
@media (min-width: 1489.98px) {
  .m-xl-0 {
    margin: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .p-xl-0 {
    padding: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .m-xl-1 {
    margin: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .p-xl-1 {
    padding: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .m-xl-2 {
    margin: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .p-xl-2 {
    padding: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .m-xl-3 {
    margin: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .p-xl-3 {
    padding: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .m-xl-4 {
    margin: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .p-xl-4 {
    padding: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .m-xl-5 {
    margin: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .p-xl-5 {
    padding: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .m-xl-6 {
    margin: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .mt-xl-6,
  .my-xl-6 {
    margin-top: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .mb-xl-6,
  .my-xl-6 {
    margin-bottom: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .ml-xl-6,
  .mx-xl-6 {
    margin-left: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .mr-xl-6,
  .mx-xl-6 {
    margin-right: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .p-xl-6 {
    padding: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .pt-xl-6,
  .py-xl-6 {
    padding-top: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .pb-xl-6,
  .py-xl-6 {
    padding-bottom: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .pl-xl-6,
  .px-xl-6 {
    padding-left: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .pr-xl-6,
  .px-xl-6 {
    padding-right: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .m-xl-7 {
    margin: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .mt-xl-7,
  .my-xl-7 {
    margin-top: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .mb-xl-7,
  .my-xl-7 {
    margin-bottom: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .ml-xl-7,
  .mx-xl-7 {
    margin-left: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .mr-xl-7,
  .mx-xl-7 {
    margin-right: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .p-xl-7 {
    padding: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .pt-xl-7,
  .py-xl-7 {
    padding-top: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .pb-xl-7,
  .py-xl-7 {
    padding-bottom: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .pl-xl-7,
  .px-xl-7 {
    padding-left: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .pr-xl-7,
  .px-xl-7 {
    padding-right: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .m-xl-8 {
    margin: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .mt-xl-8,
  .my-xl-8 {
    margin-top: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .mb-xl-8,
  .my-xl-8 {
    margin-bottom: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .ml-xl-8,
  .mx-xl-8 {
    margin-left: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .mr-xl-8,
  .mx-xl-8 {
    margin-right: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .p-xl-8 {
    padding: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .pt-xl-8,
  .py-xl-8 {
    padding-top: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .pb-xl-8,
  .py-xl-8 {
    padding-bottom: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .pl-xl-8,
  .px-xl-8 {
    padding-left: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .pr-xl-8,
  .px-xl-8 {
    padding-right: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .m-xl-9 {
    margin: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .mt-xl-9,
  .my-xl-9 {
    margin-top: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .mb-xl-9,
  .my-xl-9 {
    margin-bottom: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .ml-xl-9,
  .mx-xl-9 {
    margin-left: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .mr-xl-9,
  .mx-xl-9 {
    margin-right: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .p-xl-9 {
    padding: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .pt-xl-9,
  .py-xl-9 {
    padding-top: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .pb-xl-9,
  .py-xl-9 {
    padding-bottom: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .pl-xl-9,
  .px-xl-9 {
    padding-left: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .pr-xl-9,
  .px-xl-9 {
    padding-right: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .m-xl-10 {
    margin: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .mt-xl-10,
  .my-xl-10 {
    margin-top: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .mb-xl-10,
  .my-xl-10 {
    margin-bottom: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .ml-xl-10,
  .mx-xl-10 {
    margin-left: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .mr-xl-10,
  .mx-xl-10 {
    margin-right: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .p-xl-10 {
    padding: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .pt-xl-10,
  .py-xl-10 {
    padding-top: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .pb-xl-10,
  .py-xl-10 {
    padding-bottom: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .pl-xl-10,
  .px-xl-10 {
    padding-left: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .pr-xl-10,
  .px-xl-10 {
    padding-right: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .m-xl-11 {
    margin: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .mt-xl-11,
  .my-xl-11 {
    margin-top: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .mb-xl-11,
  .my-xl-11 {
    margin-bottom: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .ml-xl-11,
  .mx-xl-11 {
    margin-left: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .mr-xl-11,
  .mx-xl-11 {
    margin-right: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .p-xl-11 {
    padding: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .pt-xl-11,
  .py-xl-11 {
    padding-top: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .pb-xl-11,
  .py-xl-11 {
    padding-bottom: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .pl-xl-11,
  .px-xl-11 {
    padding-left: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .pr-xl-11,
  .px-xl-11 {
    padding-right: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .m-xl-12 {
    margin: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .mt-xl-12,
  .my-xl-12 {
    margin-top: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .mb-xl-12,
  .my-xl-12 {
    margin-bottom: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .ml-xl-12,
  .mx-xl-12 {
    margin-left: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .mr-xl-12,
  .mx-xl-12 {
    margin-right: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .p-xl-12 {
    padding: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .pt-xl-12,
  .py-xl-12 {
    padding-top: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .pb-xl-12,
  .py-xl-12 {
    padding-bottom: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .pl-xl-12,
  .px-xl-12 {
    padding-left: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .pr-xl-12,
  .px-xl-12 {
    padding-right: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
}
/*
 * This loop generates classes for setting the margin property of an element.
 * Each class name is of the form .m-xxl-{i}, where {i} is a number from 0 to the number of columns and margins in the grid.
 * The margin property is set to a value that is clamped between $sizeMin and $sizeMax, and is calculated based on {i}.
 * $sizeMax is calculated as {i} times 24, and $sizeMin is half of $sizeMax.
 */
@media (min-width: 1719.98px) {
  .m-xxl-0 {
    margin: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .mt-xxl-0,
  .my-xxl-0 {
    margin-top: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .mb-xxl-0,
  .my-xxl-0 {
    margin-bottom: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .ml-xxl-0,
  .mx-xxl-0 {
    margin-left: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .mr-xxl-0,
  .mx-xxl-0 {
    margin-right: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .p-xxl-0 {
    padding: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .pt-xxl-0,
  .py-xxl-0 {
    padding-top: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .pb-xxl-0,
  .py-xxl-0 {
    padding-bottom: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .pl-xxl-0,
  .px-xxl-0 {
    padding-left: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .pr-xxl-0,
  .px-xxl-0 {
    padding-right: clamp(0px, 0 * 1vw, 0px) !important;
  }
  .m-xxl-1 {
    margin: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .mt-xxl-1,
  .my-xxl-1 {
    margin-top: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .mb-xxl-1,
  .my-xxl-1 {
    margin-bottom: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .ml-xxl-1,
  .mx-xxl-1 {
    margin-left: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .mr-xxl-1,
  .mx-xxl-1 {
    margin-right: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .p-xxl-1 {
    padding: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .pt-xxl-1,
  .py-xxl-1 {
    padding-top: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .pb-xxl-1,
  .py-xxl-1 {
    padding-bottom: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .pl-xxl-1,
  .px-xxl-1 {
    padding-left: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .pr-xxl-1,
  .px-xxl-1 {
    padding-right: clamp(14px, 1.46 * 1vw, 28px) !important;
  }
  .m-xxl-2 {
    margin: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .mt-xxl-2,
  .my-xxl-2 {
    margin-top: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .mb-xxl-2,
  .my-xxl-2 {
    margin-bottom: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .ml-xxl-2,
  .mx-xxl-2 {
    margin-left: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .mr-xxl-2,
  .mx-xxl-2 {
    margin-right: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .p-xxl-2 {
    padding: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .pt-xxl-2,
  .py-xxl-2 {
    padding-top: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .pb-xxl-2,
  .py-xxl-2 {
    padding-bottom: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .pl-xxl-2,
  .px-xxl-2 {
    padding-left: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .pr-xxl-2,
  .px-xxl-2 {
    padding-right: clamp(28px, 2.92 * 1vw, 56px) !important;
  }
  .m-xxl-3 {
    margin: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .mt-xxl-3,
  .my-xxl-3 {
    margin-top: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .mb-xxl-3,
  .my-xxl-3 {
    margin-bottom: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .ml-xxl-3,
  .mx-xxl-3 {
    margin-left: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .mr-xxl-3,
  .mx-xxl-3 {
    margin-right: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .p-xxl-3 {
    padding: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .pt-xxl-3,
  .py-xxl-3 {
    padding-top: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .pb-xxl-3,
  .py-xxl-3 {
    padding-bottom: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .pl-xxl-3,
  .px-xxl-3 {
    padding-left: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .pr-xxl-3,
  .px-xxl-3 {
    padding-right: clamp(42px, 4.38 * 1vw, 84px) !important;
  }
  .m-xxl-4 {
    margin: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .mt-xxl-4,
  .my-xxl-4 {
    margin-top: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .mb-xxl-4,
  .my-xxl-4 {
    margin-bottom: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .ml-xxl-4,
  .mx-xxl-4 {
    margin-left: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .mr-xxl-4,
  .mx-xxl-4 {
    margin-right: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .p-xxl-4 {
    padding: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .pt-xxl-4,
  .py-xxl-4 {
    padding-top: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .pb-xxl-4,
  .py-xxl-4 {
    padding-bottom: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .pl-xxl-4,
  .px-xxl-4 {
    padding-left: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .pr-xxl-4,
  .px-xxl-4 {
    padding-right: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .m-xxl-5 {
    margin: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .mt-xxl-5,
  .my-xxl-5 {
    margin-top: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .mb-xxl-5,
  .my-xxl-5 {
    margin-bottom: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .ml-xxl-5,
  .mx-xxl-5 {
    margin-left: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .mr-xxl-5,
  .mx-xxl-5 {
    margin-right: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .p-xxl-5 {
    padding: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .pt-xxl-5,
  .py-xxl-5 {
    padding-top: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .pb-xxl-5,
  .py-xxl-5 {
    padding-bottom: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .pl-xxl-5,
  .px-xxl-5 {
    padding-left: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .pr-xxl-5,
  .px-xxl-5 {
    padding-right: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .m-xxl-6 {
    margin: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .mt-xxl-6,
  .my-xxl-6 {
    margin-top: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .mb-xxl-6,
  .my-xxl-6 {
    margin-bottom: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .ml-xxl-6,
  .mx-xxl-6 {
    margin-left: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .mr-xxl-6,
  .mx-xxl-6 {
    margin-right: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .p-xxl-6 {
    padding: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .pt-xxl-6,
  .py-xxl-6 {
    padding-top: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .pb-xxl-6,
  .py-xxl-6 {
    padding-bottom: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .pl-xxl-6,
  .px-xxl-6 {
    padding-left: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .pr-xxl-6,
  .px-xxl-6 {
    padding-right: clamp(84px, 8.75 * 1vw, 168px) !important;
  }
  .m-xxl-7 {
    margin: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .mt-xxl-7,
  .my-xxl-7 {
    margin-top: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .mb-xxl-7,
  .my-xxl-7 {
    margin-bottom: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .ml-xxl-7,
  .mx-xxl-7 {
    margin-left: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .mr-xxl-7,
  .mx-xxl-7 {
    margin-right: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .p-xxl-7 {
    padding: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .pt-xxl-7,
  .py-xxl-7 {
    padding-top: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .pb-xxl-7,
  .py-xxl-7 {
    padding-bottom: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .pl-xxl-7,
  .px-xxl-7 {
    padding-left: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .pr-xxl-7,
  .px-xxl-7 {
    padding-right: clamp(98px, 10.21 * 1vw, 196px) !important;
  }
  .m-xxl-8 {
    margin: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .mt-xxl-8,
  .my-xxl-8 {
    margin-top: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .mb-xxl-8,
  .my-xxl-8 {
    margin-bottom: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .ml-xxl-8,
  .mx-xxl-8 {
    margin-left: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .mr-xxl-8,
  .mx-xxl-8 {
    margin-right: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .p-xxl-8 {
    padding: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .pt-xxl-8,
  .py-xxl-8 {
    padding-top: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .pb-xxl-8,
  .py-xxl-8 {
    padding-bottom: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .pl-xxl-8,
  .px-xxl-8 {
    padding-left: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .pr-xxl-8,
  .px-xxl-8 {
    padding-right: clamp(112px, 11.67 * 1vw, 224px) !important;
  }
  .m-xxl-9 {
    margin: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .mt-xxl-9,
  .my-xxl-9 {
    margin-top: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .mb-xxl-9,
  .my-xxl-9 {
    margin-bottom: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .ml-xxl-9,
  .mx-xxl-9 {
    margin-left: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .mr-xxl-9,
  .mx-xxl-9 {
    margin-right: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .p-xxl-9 {
    padding: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .pt-xxl-9,
  .py-xxl-9 {
    padding-top: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .pb-xxl-9,
  .py-xxl-9 {
    padding-bottom: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .pl-xxl-9,
  .px-xxl-9 {
    padding-left: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .pr-xxl-9,
  .px-xxl-9 {
    padding-right: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .m-xxl-10 {
    margin: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .mt-xxl-10,
  .my-xxl-10 {
    margin-top: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .mb-xxl-10,
  .my-xxl-10 {
    margin-bottom: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .ml-xxl-10,
  .mx-xxl-10 {
    margin-left: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .mr-xxl-10,
  .mx-xxl-10 {
    margin-right: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .p-xxl-10 {
    padding: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .pt-xxl-10,
  .py-xxl-10 {
    padding-top: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .pb-xxl-10,
  .py-xxl-10 {
    padding-bottom: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .pl-xxl-10,
  .px-xxl-10 {
    padding-left: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .pr-xxl-10,
  .px-xxl-10 {
    padding-right: clamp(140px, 14.58 * 1vw, 280px) !important;
  }
  .m-xxl-11 {
    margin: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .mt-xxl-11,
  .my-xxl-11 {
    margin-top: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .mb-xxl-11,
  .my-xxl-11 {
    margin-bottom: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .ml-xxl-11,
  .mx-xxl-11 {
    margin-left: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .mr-xxl-11,
  .mx-xxl-11 {
    margin-right: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .p-xxl-11 {
    padding: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .pt-xxl-11,
  .py-xxl-11 {
    padding-top: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .pb-xxl-11,
  .py-xxl-11 {
    padding-bottom: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .pl-xxl-11,
  .px-xxl-11 {
    padding-left: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .pr-xxl-11,
  .px-xxl-11 {
    padding-right: clamp(154px, 16.04 * 1vw, 308px) !important;
  }
  .m-xxl-12 {
    margin: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .mt-xxl-12,
  .my-xxl-12 {
    margin-top: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .mb-xxl-12,
  .my-xxl-12 {
    margin-bottom: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .ml-xxl-12,
  .mx-xxl-12 {
    margin-left: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .mr-xxl-12,
  .mx-xxl-12 {
    margin-right: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .p-xxl-12 {
    padding: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .pt-xxl-12,
  .py-xxl-12 {
    padding-top: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .pb-xxl-12,
  .py-xxl-12 {
    padding-bottom: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .pl-xxl-12,
  .px-xxl-12 {
    padding-left: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
  .pr-xxl-12,
  .px-xxl-12 {
    padding-right: clamp(168px, 17.5 * 1vw, 336px) !important;
  }
}
.m-0 {
  margin: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.m-a {
  margin: auto;
}

.mt-a {
  margin-top: auto !important;
}

.mb-a {
  margin-bottom: auto !important;
}

.ml-a {
  margin-left: auto !important;
}

.mr-a {
  margin-right: auto !important;
}

.mx-a {
  margin-left: auto !important;
  margin-right: auto !important;
}

.my-a {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

@media (min-width: 991.98px) {
  .m-md-a {
    margin: auto;
  }
  .mt-md-a {
    margin-top: auto !important;
  }
  .mb-md-a {
    margin-bottom: auto !important;
  }
  .ml-md-a {
    margin-left: auto !important;
  }
  .mr-md-a {
    margin-right: auto !important;
  }
  .mx-md-a {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-md-a {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
.m-05 {
  margin: 0.5em !important;
}

.mt-05 {
  margin-top: 0.5em !important;
}

.mb-05 {
  margin-bottom: 0.5em !important;
}

.ml-05 {
  margin-left: 0.5em !important;
}

.mr-05 {
  margin-right: 0.5em !important;
}

.mx-05 {
  margin-left: 0.5em !important;
  margin-right: 0.5em !important;
}

.my-05 {
  margin-top: 0.5em !important;
  margin-bottom: 0.5em !important;
}

.m-02 {
  margin: 0.2em !important;
}

.mt-02 {
  margin-top: 0.2em !important;
}

.mb-02 {
  margin-bottom: 0.2em !important;
}

.ml-02 {
  margin-left: 0.2em !important;
}

.mr-02 {
  margin-right: 0.2em !important;
}

.mx-02 {
  margin-left: 0.2em !important;
  margin-right: 0.2em !important;
}

.my-02 {
  margin-top: 0.2em !important;
  margin-bottom: 0.2em !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.p-05 {
  padding: 0.5em !important;
}

.pt-05 {
  padding-top: 0.5em !important;
}

.pb-05 {
  padding-bottom: 0.5em !important;
}

.pl-05 {
  padding-left: 0.5em !important;
}

.pr-05 {
  padding-right: 0.5em !important;
}

.px-05 {
  padding-left: 0.5em !important;
  padding-right: 0.5em !important;
}

.py-05 {
  padding-top: 0.5em !important;
  padding-bottom: 0.5em !important;
}

.p-02 {
  padding: 0.2em !important;
}

.pt-02 {
  padding-top: 0.2em !important;
}

.pb-02 {
  padding-bottom: 0.2em !important;
}

.pl-02 {
  padding-left: 0.2em !important;
}

.pr-02 {
  padding-right: 0.2em !important;
}

.px-02 {
  padding-left: 0.2em !important;
  padding-right: 0.2em !important;
}

.py-02 {
  padding-top: 0.2em !important;
  padding-bottom: 0.2em !important;
}

.section-before-footer {
  margin-top: -100px;
  transform: translateY(100px);
}

.sommaire {
  background: #EBDEC8;
}
.sommaire a {
  line-height: 1.5em;
}
.sommaire a:hover {
  border-bottom: 2px solid #00B451;
}

.gallery {
  gap: 10px;
}
.gallery img {
  aspect-ratio: 1/1;
  object-fit: cover;
  cursor: zoom-in;
  border-radius: 10px;
  box-shadow: 5px 5px 20px -1px rgba(0, 0, 0, 0.48);
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/*
 * CONTAINERS
 * This section contains styles for two types of containers: large containers and regular containers.
 *
 * LARGE CONTAINERS
 * The %container-large and .container-large classes define styles for large containers.
 * The width of a large container is set to the value of the $container-large_width variable.
 * The maximum width of a large container is set to 95%.
 * Large containers are centered by setting their left and right margins to auto.
 * If a large container has the .no-gutter class, its maximum width is set to 100%.
 */
.container-large {
  width: 1920px;
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 991.98px) {
  .container-large {
    width: calc(100vw - 48px);
    max-width: 100%;
  }
}
@media (max-width: 575.98px) {
  .container-large {
    width: 100%;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

/*
 * REGULAR CONTAINERS
 * The %container and .container classes define styles for regular containers.
 * The width of a regular container is set to the value of the $max-container_width variable.
 * The maximum width of a regular container is set to the value of the $container_width variable.
 * Regular containers are centered by setting their left and right margins to auto.
 * At the $md breakpoint and above, the width of a regular container is set to the value of the $container_width variable minus 40px, and its maximum width is set to 90%.
 * At the $xs breakpoint and below, the maximum width of a regular container is set to 100%, and its left and right padding is set to 20px.
 */
.container {
  width: calc(100% - 140px);
  max-width: 1642px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 991.98px) {
  .container {
    width: calc(100vw - 48px);
    max-width: 100%;
  }
}
@media (max-width: 575.98px) {
  .container {
    width: 100%;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

.no-scroll {
  overflow: hidden;
}

/*
 * COLUMNS CONTAINER
 * The .grid class sets up a grid layout with a specified number of columns and margins.
 * It also sets the column gap to the value of $grid__spacing.
 */
.grid {
  display: grid;
  margin: 0 auto;
  grid-template-columns: repeat(12, 1fr);
  gap: clamp(20px, 2.6 * 1vw, 50px) !important;
  width: 100%;
}
.grid > * {
  grid-column: span 12;
}

/*
 * The .reverse class reverses the order of the first two children of the parent element.
 */
.reverse > :nth-child(1) {
  order: 2;
}
.reverse > :nth-child(2) {
  order: 1;
}

/*
 * The .reverse-xxs class reverses the order of the first two children of the parent element for extra extra small screens.
 */
.reverse-xxs > :nth-child(1) {
  order: 2;
}
.reverse-xxs > :nth-child(2) {
  order: 1;
}
@media (min-width: 449.98px) {
  .reverse-xxs-min > :nth-child(1) {
    order: 2;
  }
  .reverse-xxs-min > :nth-child(2) {
    order: 1;
  }
}

/*
 * The .reverse-xs class reverses the order of the first two children of the parent element for extra small screens.
 */
@media (max-width: 575.98px) {
  .reverse-xs > :nth-child(1) {
    order: 2;
  }
  .reverse-xs > :nth-child(2) {
    order: 1;
  }
}
@media (min-width: 575.98px) {
  .reverse-xs-min > :nth-child(1) {
    order: 2;
  }
  .reverse-xs-min > :nth-child(2) {
    order: 1;
  }
}

/*
 * The .reverse-sm class reverses the order of the first two children of the parent element for small screens.
 */
@media (max-width: 767.98px) {
  .reverse-sm > :nth-child(1) {
    order: 2;
  }
  .reverse-sm > :nth-child(2) {
    order: 1;
  }
}
@media (min-width: 767.98px) {
  .reverse-sm-min > :nth-child(1) {
    order: 2;
  }
  .reverse-sm-min > :nth-child(2) {
    order: 1;
  }
}

/*
 * The .reverse-md class reverses the order of the first two children of the parent element for medium screens.
 */
@media (max-width: 991.98px) {
  .reverse-md > :nth-child(1) {
    order: 2;
  }
  .reverse-md > :nth-child(2) {
    order: 1;
  }
}
@media (min-width: 991.98px) {
  .reverse-md-min > :nth-child(1) {
    order: 2;
  }
  .reverse-md-min > :nth-child(2) {
    order: 1;
  }
}

/*
 * The .reverse-lg class reverses the order of the first two children of the parent element for large screens.
 */
@media (max-width: 1199.98px) {
  .reverse-lg > :nth-child(1) {
    order: 2;
  }
  .reverse-lg > :nth-child(2) {
    order: 1;
  }
}
@media (min-width: 1199.98px) {
  .reverse-lg-min > :nth-child(1) {
    order: 2;
  }
  .reverse-lg-min > :nth-child(2) {
    order: 1;
  }
}

/*
 * The .reverse-xl class reverses the order of the first two children of the parent element for extra large screens.
 */
@media (max-width: 1489.98px) {
  .reverse-xl > :nth-child(1) {
    order: 2;
  }
  .reverse-xl > :nth-child(2) {
    order: 1;
  }
}
@media (min-width: 1489.98px) {
  .reverse-xl-min > :nth-child(1) {
    order: 2;
  }
  .reverse-xl-min > :nth-child(2) {
    order: 1;
  }
}

/*
 * The .reverse-xxl class reverses the order of the first two children of the parent element for extra extra large screens.
 */
@media (max-width: 1719.98px) {
  .reverse-xxl > :nth-child(1) {
    order: 2;
  }
  .reverse-xxl > :nth-child(2) {
    order: 1;
  }
}
@media (min-width: 1719.98px) {
  .reverse-xxl-min > :nth-child(1) {
    order: 2;
  }
  .reverse-xxl-min > :nth-child(2) {
    order: 1;
  }
}

/*
 * COLUMNS
 * This section generates classes for controlling the span of grid items.
 * Each class name is of the form .col-{i}, where {i} is a number from 1 to the number of columns and margins in the grid.
 * The grid-column property is set to span {i} columns.
 */
.col-1 {
  grid-column: span 1;
}

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

.col-3 {
  grid-column: span 3;
}

.col-4 {
  grid-column: span 4;
}

.col-5 {
  grid-column: span 5;
}

.col-6 {
  grid-column: span 6;
}

.col-7 {
  grid-column: span 7;
}

.col-8 {
  grid-column: span 8;
}

.col-9 {
  grid-column: span 9;
}

.col-10 {
  grid-column: span 10;
}

.col-11 {
  grid-column: span 11;
}

.col-12 {
  grid-column: span 12;
}

@media (min-width: 449.98px) {
  .col-xxs-1 {
    grid-column: span 1;
  }
}
@media (min-width: 449.98px) {
  .col-xxs-2 {
    grid-column: span 2;
  }
}
@media (min-width: 449.98px) {
  .col-xxs-3 {
    grid-column: span 3;
  }
}
@media (min-width: 449.98px) {
  .col-xxs-4 {
    grid-column: span 4;
  }
}
@media (min-width: 449.98px) {
  .col-xxs-5 {
    grid-column: span 5;
  }
}
@media (min-width: 449.98px) {
  .col-xxs-6 {
    grid-column: span 6;
  }
}
@media (min-width: 449.98px) {
  .col-xxs-7 {
    grid-column: span 7;
  }
}
@media (min-width: 449.98px) {
  .col-xxs-8 {
    grid-column: span 8;
  }
}
@media (min-width: 449.98px) {
  .col-xxs-9 {
    grid-column: span 9;
  }
}
@media (min-width: 449.98px) {
  .col-xxs-10 {
    grid-column: span 10;
  }
}
@media (min-width: 449.98px) {
  .col-xxs-11 {
    grid-column: span 11;
  }
}
@media (min-width: 449.98px) {
  .col-xxs-12 {
    grid-column: span 12;
  }
}
@media (min-width: 575.98px) {
  .col-xs-1 {
    grid-column: span 1;
  }
}
@media (min-width: 575.98px) {
  .col-xs-2 {
    grid-column: span 2;
  }
}
@media (min-width: 575.98px) {
  .col-xs-3 {
    grid-column: span 3;
  }
}
@media (min-width: 575.98px) {
  .col-xs-4 {
    grid-column: span 4;
  }
}
@media (min-width: 575.98px) {
  .col-xs-5 {
    grid-column: span 5;
  }
}
@media (min-width: 575.98px) {
  .col-xs-6 {
    grid-column: span 6;
  }
}
@media (min-width: 575.98px) {
  .col-xs-7 {
    grid-column: span 7;
  }
}
@media (min-width: 575.98px) {
  .col-xs-8 {
    grid-column: span 8;
  }
}
@media (min-width: 575.98px) {
  .col-xs-9 {
    grid-column: span 9;
  }
}
@media (min-width: 575.98px) {
  .col-xs-10 {
    grid-column: span 10;
  }
}
@media (min-width: 575.98px) {
  .col-xs-11 {
    grid-column: span 11;
  }
}
@media (min-width: 575.98px) {
  .col-xs-12 {
    grid-column: span 12;
  }
}
@media (min-width: 767.98px) {
  .col-sm-1 {
    grid-column: span 1;
  }
}
@media (min-width: 767.98px) {
  .col-sm-2 {
    grid-column: span 2;
  }
}
@media (min-width: 767.98px) {
  .col-sm-3 {
    grid-column: span 3;
  }
}
@media (min-width: 767.98px) {
  .col-sm-4 {
    grid-column: span 4;
  }
}
@media (min-width: 767.98px) {
  .col-sm-5 {
    grid-column: span 5;
  }
}
@media (min-width: 767.98px) {
  .col-sm-6 {
    grid-column: span 6;
  }
}
@media (min-width: 767.98px) {
  .col-sm-7 {
    grid-column: span 7;
  }
}
@media (min-width: 767.98px) {
  .col-sm-8 {
    grid-column: span 8;
  }
}
@media (min-width: 767.98px) {
  .col-sm-9 {
    grid-column: span 9;
  }
}
@media (min-width: 767.98px) {
  .col-sm-10 {
    grid-column: span 10;
  }
}
@media (min-width: 767.98px) {
  .col-sm-11 {
    grid-column: span 11;
  }
}
@media (min-width: 767.98px) {
  .col-sm-12 {
    grid-column: span 12;
  }
}
@media (min-width: 991.98px) {
  .col-md-1 {
    grid-column: span 1;
  }
}
@media (min-width: 991.98px) {
  .col-md-2 {
    grid-column: span 2;
  }
}
@media (min-width: 991.98px) {
  .col-md-3 {
    grid-column: span 3;
  }
}
@media (min-width: 991.98px) {
  .col-md-4 {
    grid-column: span 4;
  }
}
@media (min-width: 991.98px) {
  .col-md-5 {
    grid-column: span 5;
  }
}
@media (min-width: 991.98px) {
  .col-md-6 {
    grid-column: span 6;
  }
}
@media (min-width: 991.98px) {
  .col-md-7 {
    grid-column: span 7;
  }
}
@media (min-width: 991.98px) {
  .col-md-8 {
    grid-column: span 8;
  }
}
@media (min-width: 991.98px) {
  .col-md-9 {
    grid-column: span 9;
  }
}
@media (min-width: 991.98px) {
  .col-md-10 {
    grid-column: span 10;
  }
}
@media (min-width: 991.98px) {
  .col-md-11 {
    grid-column: span 11;
  }
}
@media (min-width: 991.98px) {
  .col-md-12 {
    grid-column: span 12;
  }
}
@media (min-width: 1199.98px) {
  .col-lg-1 {
    grid-column: span 1;
  }
}
@media (min-width: 1199.98px) {
  .col-lg-2 {
    grid-column: span 2;
  }
}
@media (min-width: 1199.98px) {
  .col-lg-3 {
    grid-column: span 3;
  }
}
@media (min-width: 1199.98px) {
  .col-lg-4 {
    grid-column: span 4;
  }
}
@media (min-width: 1199.98px) {
  .col-lg-5 {
    grid-column: span 5;
  }
}
@media (min-width: 1199.98px) {
  .col-lg-6 {
    grid-column: span 6;
  }
}
@media (min-width: 1199.98px) {
  .col-lg-7 {
    grid-column: span 7;
  }
}
@media (min-width: 1199.98px) {
  .col-lg-8 {
    grid-column: span 8;
  }
}
@media (min-width: 1199.98px) {
  .col-lg-9 {
    grid-column: span 9;
  }
}
@media (min-width: 1199.98px) {
  .col-lg-10 {
    grid-column: span 10;
  }
}
@media (min-width: 1199.98px) {
  .col-lg-11 {
    grid-column: span 11;
  }
}
@media (min-width: 1199.98px) {
  .col-lg-12 {
    grid-column: span 12;
  }
}
@media (min-width: 1489.98px) {
  .col-xl-1 {
    grid-column: span 1;
  }
}
@media (min-width: 1489.98px) {
  .col-xl-2 {
    grid-column: span 2;
  }
}
@media (min-width: 1489.98px) {
  .col-xl-3 {
    grid-column: span 3;
  }
}
@media (min-width: 1489.98px) {
  .col-xl-4 {
    grid-column: span 4;
  }
}
@media (min-width: 1489.98px) {
  .col-xl-5 {
    grid-column: span 5;
  }
}
@media (min-width: 1489.98px) {
  .col-xl-6 {
    grid-column: span 6;
  }
}
@media (min-width: 1489.98px) {
  .col-xl-7 {
    grid-column: span 7;
  }
}
@media (min-width: 1489.98px) {
  .col-xl-8 {
    grid-column: span 8;
  }
}
@media (min-width: 1489.98px) {
  .col-xl-9 {
    grid-column: span 9;
  }
}
@media (min-width: 1489.98px) {
  .col-xl-10 {
    grid-column: span 10;
  }
}
@media (min-width: 1489.98px) {
  .col-xl-11 {
    grid-column: span 11;
  }
}
@media (min-width: 1489.98px) {
  .col-xl-12 {
    grid-column: span 12;
  }
}
@media (min-width: 1719.98px) {
  .col-xxl-1 {
    grid-column: span 1;
  }
}
@media (min-width: 1719.98px) {
  .col-xxl-2 {
    grid-column: span 2;
  }
}
@media (min-width: 1719.98px) {
  .col-xxl-3 {
    grid-column: span 3;
  }
}
@media (min-width: 1719.98px) {
  .col-xxl-4 {
    grid-column: span 4;
  }
}
@media (min-width: 1719.98px) {
  .col-xxl-5 {
    grid-column: span 5;
  }
}
@media (min-width: 1719.98px) {
  .col-xxl-6 {
    grid-column: span 6;
  }
}
@media (min-width: 1719.98px) {
  .col-xxl-7 {
    grid-column: span 7;
  }
}
@media (min-width: 1719.98px) {
  .col-xxl-8 {
    grid-column: span 8;
  }
}
@media (min-width: 1719.98px) {
  .col-xxl-9 {
    grid-column: span 9;
  }
}
@media (min-width: 1719.98px) {
  .col-xxl-10 {
    grid-column: span 10;
  }
}
@media (min-width: 1719.98px) {
  .col-xxl-11 {
    grid-column: span 11;
  }
}
@media (min-width: 1719.98px) {
  .col-xxl-12 {
    grid-column: span 12;
  }
}
/*
 * GAP
 * This loop generates classes for setting the gap property of a grid container.
 * Each class name is of the form .gap-{i}, where {i} is a number from 1 to the number of columns and margins in the grid.
 * The gap property is set to a value that is clamped between 20 and 1920, and is calculated as half of {i} times 18.
 */
.gap-1 {
  gap: clamp(20px, 0.47 * 1vw, 9px) !important;
}

.gap-2 {
  gap: clamp(20px, 0.94 * 1vw, 18px) !important;
}

.gap-3 {
  gap: clamp(20px, 1.41 * 1vw, 27px) !important;
}

.gap-4 {
  gap: clamp(20px, 1.88 * 1vw, 36px) !important;
}

.gap-5 {
  gap: clamp(20px, 2.34 * 1vw, 45px) !important;
}

.gap-6 {
  gap: clamp(20px, 2.81 * 1vw, 54px) !important;
}

.gap-7 {
  gap: clamp(20px, 3.28 * 1vw, 63px) !important;
}

.gap-8 {
  gap: clamp(20px, 3.75 * 1vw, 72px) !important;
}

.gap-9 {
  gap: clamp(20px, 4.22 * 1vw, 81px) !important;
}

.gap-10 {
  gap: clamp(20px, 4.69 * 1vw, 90px) !important;
}

.gap-11 {
  gap: clamp(20px, 5.16 * 1vw, 99px) !important;
}

.gap-12 {
  gap: clamp(20px, 5.63 * 1vw, 108px) !important;
}

@media (min-width: 449.98px) {
  .gap-xxs-1 {
    gap: clamp(20px, 0.47 * 1vw, 9px) !important;
  }
}
@media (min-width: 449.98px) {
  .gap-xxs-2 {
    gap: clamp(20px, 0.94 * 1vw, 18px) !important;
  }
}
@media (min-width: 449.98px) {
  .gap-xxs-3 {
    gap: clamp(20px, 1.41 * 1vw, 27px) !important;
  }
}
@media (min-width: 449.98px) {
  .gap-xxs-4 {
    gap: clamp(20px, 1.88 * 1vw, 36px) !important;
  }
}
@media (min-width: 449.98px) {
  .gap-xxs-5 {
    gap: clamp(20px, 2.34 * 1vw, 45px) !important;
  }
}
@media (min-width: 449.98px) {
  .gap-xxs-6 {
    gap: clamp(20px, 2.81 * 1vw, 54px) !important;
  }
}
@media (min-width: 449.98px) {
  .gap-xxs-7 {
    gap: clamp(20px, 3.28 * 1vw, 63px) !important;
  }
}
@media (min-width: 449.98px) {
  .gap-xxs-8 {
    gap: clamp(20px, 3.75 * 1vw, 72px) !important;
  }
}
@media (min-width: 449.98px) {
  .gap-xxs-9 {
    gap: clamp(20px, 4.22 * 1vw, 81px) !important;
  }
}
@media (min-width: 449.98px) {
  .gap-xxs-10 {
    gap: clamp(20px, 4.69 * 1vw, 90px) !important;
  }
}
@media (min-width: 449.98px) {
  .gap-xxs-11 {
    gap: clamp(20px, 5.16 * 1vw, 99px) !important;
  }
}
@media (min-width: 449.98px) {
  .gap-xxs-12 {
    gap: clamp(20px, 5.63 * 1vw, 108px) !important;
  }
}
@media (min-width: 575.98px) {
  .gap-xs-1 {
    gap: clamp(20px, 0.47 * 1vw, 9px) !important;
  }
}
@media (min-width: 575.98px) {
  .gap-xs-2 {
    gap: clamp(20px, 0.94 * 1vw, 18px) !important;
  }
}
@media (min-width: 575.98px) {
  .gap-xs-3 {
    gap: clamp(20px, 1.41 * 1vw, 27px) !important;
  }
}
@media (min-width: 575.98px) {
  .gap-xs-4 {
    gap: clamp(20px, 1.88 * 1vw, 36px) !important;
  }
}
@media (min-width: 575.98px) {
  .gap-xs-5 {
    gap: clamp(20px, 2.34 * 1vw, 45px) !important;
  }
}
@media (min-width: 575.98px) {
  .gap-xs-6 {
    gap: clamp(20px, 2.81 * 1vw, 54px) !important;
  }
}
@media (min-width: 575.98px) {
  .gap-xs-7 {
    gap: clamp(20px, 3.28 * 1vw, 63px) !important;
  }
}
@media (min-width: 575.98px) {
  .gap-xs-8 {
    gap: clamp(20px, 3.75 * 1vw, 72px) !important;
  }
}
@media (min-width: 575.98px) {
  .gap-xs-9 {
    gap: clamp(20px, 4.22 * 1vw, 81px) !important;
  }
}
@media (min-width: 575.98px) {
  .gap-xs-10 {
    gap: clamp(20px, 4.69 * 1vw, 90px) !important;
  }
}
@media (min-width: 575.98px) {
  .gap-xs-11 {
    gap: clamp(20px, 5.16 * 1vw, 99px) !important;
  }
}
@media (min-width: 575.98px) {
  .gap-xs-12 {
    gap: clamp(20px, 5.63 * 1vw, 108px) !important;
  }
}
@media (min-width: 767.98px) {
  .gap-sm-1 {
    gap: clamp(20px, 0.47 * 1vw, 9px) !important;
  }
}
@media (min-width: 767.98px) {
  .gap-sm-2 {
    gap: clamp(20px, 0.94 * 1vw, 18px) !important;
  }
}
@media (min-width: 767.98px) {
  .gap-sm-3 {
    gap: clamp(20px, 1.41 * 1vw, 27px) !important;
  }
}
@media (min-width: 767.98px) {
  .gap-sm-4 {
    gap: clamp(20px, 1.88 * 1vw, 36px) !important;
  }
}
@media (min-width: 767.98px) {
  .gap-sm-5 {
    gap: clamp(20px, 2.34 * 1vw, 45px) !important;
  }
}
@media (min-width: 767.98px) {
  .gap-sm-6 {
    gap: clamp(20px, 2.81 * 1vw, 54px) !important;
  }
}
@media (min-width: 767.98px) {
  .gap-sm-7 {
    gap: clamp(20px, 3.28 * 1vw, 63px) !important;
  }
}
@media (min-width: 767.98px) {
  .gap-sm-8 {
    gap: clamp(20px, 3.75 * 1vw, 72px) !important;
  }
}
@media (min-width: 767.98px) {
  .gap-sm-9 {
    gap: clamp(20px, 4.22 * 1vw, 81px) !important;
  }
}
@media (min-width: 767.98px) {
  .gap-sm-10 {
    gap: clamp(20px, 4.69 * 1vw, 90px) !important;
  }
}
@media (min-width: 767.98px) {
  .gap-sm-11 {
    gap: clamp(20px, 5.16 * 1vw, 99px) !important;
  }
}
@media (min-width: 767.98px) {
  .gap-sm-12 {
    gap: clamp(20px, 5.63 * 1vw, 108px) !important;
  }
}
@media (min-width: 991.98px) {
  .gap-md-1 {
    gap: clamp(20px, 0.47 * 1vw, 9px) !important;
  }
}
@media (min-width: 991.98px) {
  .gap-md-2 {
    gap: clamp(20px, 0.94 * 1vw, 18px) !important;
  }
}
@media (min-width: 991.98px) {
  .gap-md-3 {
    gap: clamp(20px, 1.41 * 1vw, 27px) !important;
  }
}
@media (min-width: 991.98px) {
  .gap-md-4 {
    gap: clamp(20px, 1.88 * 1vw, 36px) !important;
  }
}
@media (min-width: 991.98px) {
  .gap-md-5 {
    gap: clamp(20px, 2.34 * 1vw, 45px) !important;
  }
}
@media (min-width: 991.98px) {
  .gap-md-6 {
    gap: clamp(20px, 2.81 * 1vw, 54px) !important;
  }
}
@media (min-width: 991.98px) {
  .gap-md-7 {
    gap: clamp(20px, 3.28 * 1vw, 63px) !important;
  }
}
@media (min-width: 991.98px) {
  .gap-md-8 {
    gap: clamp(20px, 3.75 * 1vw, 72px) !important;
  }
}
@media (min-width: 991.98px) {
  .gap-md-9 {
    gap: clamp(20px, 4.22 * 1vw, 81px) !important;
  }
}
@media (min-width: 991.98px) {
  .gap-md-10 {
    gap: clamp(20px, 4.69 * 1vw, 90px) !important;
  }
}
@media (min-width: 991.98px) {
  .gap-md-11 {
    gap: clamp(20px, 5.16 * 1vw, 99px) !important;
  }
}
@media (min-width: 991.98px) {
  .gap-md-12 {
    gap: clamp(20px, 5.63 * 1vw, 108px) !important;
  }
}
@media (min-width: 1199.98px) {
  .gap-lg-1 {
    gap: clamp(20px, 0.47 * 1vw, 9px) !important;
  }
}
@media (min-width: 1199.98px) {
  .gap-lg-2 {
    gap: clamp(20px, 0.94 * 1vw, 18px) !important;
  }
}
@media (min-width: 1199.98px) {
  .gap-lg-3 {
    gap: clamp(20px, 1.41 * 1vw, 27px) !important;
  }
}
@media (min-width: 1199.98px) {
  .gap-lg-4 {
    gap: clamp(20px, 1.88 * 1vw, 36px) !important;
  }
}
@media (min-width: 1199.98px) {
  .gap-lg-5 {
    gap: clamp(20px, 2.34 * 1vw, 45px) !important;
  }
}
@media (min-width: 1199.98px) {
  .gap-lg-6 {
    gap: clamp(20px, 2.81 * 1vw, 54px) !important;
  }
}
@media (min-width: 1199.98px) {
  .gap-lg-7 {
    gap: clamp(20px, 3.28 * 1vw, 63px) !important;
  }
}
@media (min-width: 1199.98px) {
  .gap-lg-8 {
    gap: clamp(20px, 3.75 * 1vw, 72px) !important;
  }
}
@media (min-width: 1199.98px) {
  .gap-lg-9 {
    gap: clamp(20px, 4.22 * 1vw, 81px) !important;
  }
}
@media (min-width: 1199.98px) {
  .gap-lg-10 {
    gap: clamp(20px, 4.69 * 1vw, 90px) !important;
  }
}
@media (min-width: 1199.98px) {
  .gap-lg-11 {
    gap: clamp(20px, 5.16 * 1vw, 99px) !important;
  }
}
@media (min-width: 1199.98px) {
  .gap-lg-12 {
    gap: clamp(20px, 5.63 * 1vw, 108px) !important;
  }
}
@media (min-width: 1489.98px) {
  .gap-xl-1 {
    gap: clamp(20px, 0.47 * 1vw, 9px) !important;
  }
}
@media (min-width: 1489.98px) {
  .gap-xl-2 {
    gap: clamp(20px, 0.94 * 1vw, 18px) !important;
  }
}
@media (min-width: 1489.98px) {
  .gap-xl-3 {
    gap: clamp(20px, 1.41 * 1vw, 27px) !important;
  }
}
@media (min-width: 1489.98px) {
  .gap-xl-4 {
    gap: clamp(20px, 1.88 * 1vw, 36px) !important;
  }
}
@media (min-width: 1489.98px) {
  .gap-xl-5 {
    gap: clamp(20px, 2.34 * 1vw, 45px) !important;
  }
}
@media (min-width: 1489.98px) {
  .gap-xl-6 {
    gap: clamp(20px, 2.81 * 1vw, 54px) !important;
  }
}
@media (min-width: 1489.98px) {
  .gap-xl-7 {
    gap: clamp(20px, 3.28 * 1vw, 63px) !important;
  }
}
@media (min-width: 1489.98px) {
  .gap-xl-8 {
    gap: clamp(20px, 3.75 * 1vw, 72px) !important;
  }
}
@media (min-width: 1489.98px) {
  .gap-xl-9 {
    gap: clamp(20px, 4.22 * 1vw, 81px) !important;
  }
}
@media (min-width: 1489.98px) {
  .gap-xl-10 {
    gap: clamp(20px, 4.69 * 1vw, 90px) !important;
  }
}
@media (min-width: 1489.98px) {
  .gap-xl-11 {
    gap: clamp(20px, 5.16 * 1vw, 99px) !important;
  }
}
@media (min-width: 1489.98px) {
  .gap-xl-12 {
    gap: clamp(20px, 5.63 * 1vw, 108px) !important;
  }
}
@media (min-width: 1719.98px) {
  .gap-xxl-1 {
    gap: clamp(20px, 0.47 * 1vw, 9px) !important;
  }
}
@media (min-width: 1719.98px) {
  .gap-xxl-2 {
    gap: clamp(20px, 0.94 * 1vw, 18px) !important;
  }
}
@media (min-width: 1719.98px) {
  .gap-xxl-3 {
    gap: clamp(20px, 1.41 * 1vw, 27px) !important;
  }
}
@media (min-width: 1719.98px) {
  .gap-xxl-4 {
    gap: clamp(20px, 1.88 * 1vw, 36px) !important;
  }
}
@media (min-width: 1719.98px) {
  .gap-xxl-5 {
    gap: clamp(20px, 2.34 * 1vw, 45px) !important;
  }
}
@media (min-width: 1719.98px) {
  .gap-xxl-6 {
    gap: clamp(20px, 2.81 * 1vw, 54px) !important;
  }
}
@media (min-width: 1719.98px) {
  .gap-xxl-7 {
    gap: clamp(20px, 3.28 * 1vw, 63px) !important;
  }
}
@media (min-width: 1719.98px) {
  .gap-xxl-8 {
    gap: clamp(20px, 3.75 * 1vw, 72px) !important;
  }
}
@media (min-width: 1719.98px) {
  .gap-xxl-9 {
    gap: clamp(20px, 4.22 * 1vw, 81px) !important;
  }
}
@media (min-width: 1719.98px) {
  .gap-xxl-10 {
    gap: clamp(20px, 4.69 * 1vw, 90px) !important;
  }
}
@media (min-width: 1719.98px) {
  .gap-xxl-11 {
    gap: clamp(20px, 5.16 * 1vw, 99px) !important;
  }
}
@media (min-width: 1719.98px) {
  .gap-xxl-12 {
    gap: clamp(20px, 5.63 * 1vw, 108px) !important;
  }
}
/*
 * ROW GAP
 * This loop generates classes for setting the row-gap property of a grid container.
 * Each class name is of the form .row-gap-{i}, where {i} is a number from 1 to the number of columns and margins in the grid.
 * The row-gap property is set to a value that is clamped between 20 and 1920, and is calculated as half of {i} times 18.
 */
.row-gap-1 {
  row-gap: clamp(20px, 0.47 * 1vw, 9px) !important;
}

.row-gap-2 {
  row-gap: clamp(20px, 0.94 * 1vw, 18px) !important;
}

.row-gap-3 {
  row-gap: clamp(20px, 1.41 * 1vw, 27px) !important;
}

.row-gap-4 {
  row-gap: clamp(20px, 1.88 * 1vw, 36px) !important;
}

.row-gap-5 {
  row-gap: clamp(20px, 2.34 * 1vw, 45px) !important;
}

.row-gap-6 {
  row-gap: clamp(20px, 2.81 * 1vw, 54px) !important;
}

.row-gap-7 {
  row-gap: clamp(20px, 3.28 * 1vw, 63px) !important;
}

.row-gap-8 {
  row-gap: clamp(20px, 3.75 * 1vw, 72px) !important;
}

.row-gap-9 {
  row-gap: clamp(20px, 4.22 * 1vw, 81px) !important;
}

.row-gap-10 {
  row-gap: clamp(20px, 4.69 * 1vw, 90px) !important;
}

.row-gap-11 {
  row-gap: clamp(20px, 5.16 * 1vw, 99px) !important;
}

.row-gap-12 {
  row-gap: clamp(20px, 5.63 * 1vw, 108px) !important;
}

/*
 * COLUMN GAP
 * This loop generates classes for setting the column-gap property of a grid container.
 * Each class name is of the form .col-gap-{i}, where {i} is a number from 1 to the number of columns and margins in the grid.
 * The column-gap property is set to a value that is clamped between 20 and 1920, and is calculated as half of {i} times 18.
 */
.col-gap-1 {
  column-gap: clamp(20px, 0.47 * 1vw, 9px) !important;
}

.col-gap-2 {
  column-gap: clamp(20px, 0.94 * 1vw, 18px) !important;
}

.col-gap-3 {
  column-gap: clamp(20px, 1.41 * 1vw, 27px) !important;
}

.col-gap-4 {
  column-gap: clamp(20px, 1.88 * 1vw, 36px) !important;
}

.col-gap-5 {
  column-gap: clamp(20px, 2.34 * 1vw, 45px) !important;
}

.col-gap-6 {
  column-gap: clamp(20px, 2.81 * 1vw, 54px) !important;
}

.col-gap-7 {
  column-gap: clamp(20px, 3.28 * 1vw, 63px) !important;
}

.col-gap-8 {
  column-gap: clamp(20px, 3.75 * 1vw, 72px) !important;
}

.col-gap-9 {
  column-gap: clamp(20px, 4.22 * 1vw, 81px) !important;
}

.col-gap-10 {
  column-gap: clamp(20px, 4.69 * 1vw, 90px) !important;
}

.col-gap-11 {
  column-gap: clamp(20px, 5.16 * 1vw, 99px) !important;
}

.col-gap-12 {
  column-gap: clamp(20px, 5.63 * 1vw, 108px) !important;
}

/*
 * The .gap-0 class sets the gap property of a grid container to 0.
 */
.gap-0 {
  gap: 0 !important;
}

/**
 * Sets the gap property of a grid container to 0.5em.
 * The !important flag is used to ensure this value takes precedence over other styles.
 */
.gap-05 {
  gap: 0.5em !important;
}

.flex {
  display: flex;
}

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

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

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

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

@media (min-width: 991.98px) {
  .x-md-start {
    justify-content: flex-start !important;
  }
}
.x-center {
  justify-content: center;
}

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

@media (min-width: 991.98px) {
  .x-md-end {
    justify-content: flex-end;
  }
}
.flex-between {
  justify-content: space-between;
}

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

.y-start {
  align-items: flex-start;
}

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

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

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

.y-stretch {
  align-items: stretch;
}

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

.flex-grow-1 {
  flex-grow: 1;
}

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

.flex-basis-auto {
  flex-basis: auto;
}

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

.bg-black-to-green {
  background: linear-gradient(210deg, #00B451, #010101 30%);
}

.bg-black-to-green-v2 {
  background: linear-gradient(225deg, #00B451, #010101 75%);
}

.bg-black-to-purple {
  background: linear-gradient(210deg, #666CCD, #010101 30%);
}

.bg-purple-to-green {
  background: linear-gradient(0deg, #666CCD 0%, #124734 70.99%);
}

.bg-lightgray-to-purple {
  background: #EBDEC8;
}

.bg-white-to-purple {
  background: linear-gradient(210deg, #666CCD 0%, transparent 30%);
}

.bg-lightgray-to-purple {
  background: linear-gradient(210deg, #666CCD 0%, #EBDEC8 30%);
}

@media (min-width: 991.98px) {
  .bg-lightgray-to-green {
    z-index: 1;
  }
  .bg-lightgray-to-green {
    position: relative;
  }
  .bg-lightgray-to-green::before {
    z-index: -1;
    position: absolute;
    content: "";
    transition: 0.2s ease-in-out;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% + 200px);
    background: linear-gradient(-100deg, #00B451, #EBDEC8 40%, #EBDEC8 60%, #EBDEC8 100%);
  }
}
@media (max-width: 991.98px) {
  .bg-lightgray-to-green {
    z-index: 1;
  }
  .bg-lightgray-to-green {
    position: relative;
  }
  .bg-lightgray-to-green::before {
    z-index: -1;
    position: absolute;
    content: "";
    transition: 0.2s ease-in-out;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% + 200px);
    background: linear-gradient(-45deg, #00B451, #EBDEC8 40%, #EBDEC8 60%, #EBDEC8 100%);
  }
}
@media (max-width: 991.98px) {
  .bg-lightgray-to-green.bg-mobile-none {
    z-index: 1;
  }
  .bg-lightgray-to-green.bg-mobile-none {
    position: relative;
  }
  .bg-lightgray-to-green.bg-mobile-none::before {
    z-index: -1;
    position: absolute;
    content: "";
    transition: 0.2s ease-in-out;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% + 200px);
    background: linear-gradient(-100deg, #00B451, #EBDEC8 40%, #EBDEC8 60%, #EBDEC8 100%);
  }
}

.purple-texture {
  z-index: 1;
}
.purple-texture {
  position: relative;
}
.purple-texture::before {
  z-index: -1;
  position: absolute;
  content: "";
  transition: 0.2s ease-in-out;
  pointer-events: none;
  inset: 0;
  opacity: 0.22;
  background: var(--Dgrad-Vert-et-violet, linear-gradient(213deg, #666CCD 9.97%, #09111D 71.01%));
}
.purple-texture-black {
  z-index: 1;
}
.purple-texture-black {
  position: relative;
}
.purple-texture-black::before {
  z-index: -1;
  position: absolute;
  content: "";
  transition: 0.2s ease-in-out;
  pointer-events: none;
  inset: 0;
  opacity: 0.5;
  background: var(--Dgrad-Vert-et-violet, linear-gradient(213deg, #000000 9.97%, #060b13 71.01%));
}

.bg-black-carrousel {
  background: linear-gradient(90deg, #010101 85%, transparent 100%);
}

.bg-lightgray-carrousel {
  background: linear-gradient(90deg, #EBDEC8 85%, transparent 100%);
}

.bg-black a:not(.btn, .link-reset), .bg-black-to-green a:not(.btn, .link-reset), .bg-black-to-purple a:not(.btn, .link-reset), .bg-lightgray a:not(.btn, .link-reset), .bg-lightgray-to-green a:not(.btn, .link-reset), .bg-lightgray-to-purple a:not(.btn, .link-reset), .bg-black-to-green-v2 a:not(.btn, .link-reset), .bg-white a:not(.btn, .link-reset) {
  color: #00B451;
  transition: color 0.3s ease-in-out;
  text-decoration: underline;
}
.bg-black a:not(.btn, .link-reset):hover, .bg-black-to-green a:not(.btn, .link-reset):hover, .bg-black-to-purple a:not(.btn, .link-reset):hover, .bg-lightgray a:not(.btn, .link-reset):hover, .bg-lightgray-to-green a:not(.btn, .link-reset):hover, .bg-lightgray-to-purple a:not(.btn, .link-reset):hover, .bg-black-to-green-v2 a:not(.btn, .link-reset):hover, .bg-white a:not(.btn, .link-reset):hover {
  color: #666CCD;
}

/*
 * TYPOGRAPHIES
 * This file contains styles for managing typographies in the application.
 *
 * BOLDERS
 * This section contains styles for setting the font weight of elements.
 * The classes range from .black (font-weight: 900) to .extralight (font-weight: 200).
 */
.black {
  font-weight: 900 !important;
}

.extra-bold {
  font-weight: 800 !important;
}

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

.semi-bold {
  font-weight: 600 !important;
}

.medium {
  font-weight: 500 !important;
}

.regular {
  font-weight: 400 !important;
}

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

.extralight {
  font-weight: 200 !important;
}

/*
 * TEXT STYLES
 * This section contains styles for setting the text transform, text decoration, font style, and white space of elements.
 */
.uppercase {
  text-transform: uppercase !important;
}

.normalcase {
  text-transform: none !important;
}

.underline {
  text-decoration: underline !important;
}

.not-underline {
  text-decoration: none !important;
}

.italic {
  font-style: italic;
}

.normal {
  font-style: normal;
}

/*
 * TEXTS ALIGN
 * This section contains styles for setting the text alignment of elements.
 * The classes range from .text-center (text-align: center) to .text-right (text-align: right).
 * The .text-center-{name} classes set the text alignment of an element to center on the corresponding breakpoint and to left on larger screens.
 * The .text-center-{name}-min classes set the text alignment of an element to center on screens smaller than the corresponding breakpoint.
 */
.text-center {
  text-align: center;
}

.text-center-md {
  text-align: center;
}
@media (min-width: 991.98px) {
  .text-center-md {
    text-align: left;
  }
}

@media (max-width: 991.98px) {
  .text-center-md-min {
    text-align: center;
  }
}
.text-center-sm {
  text-align: center;
}
@media (min-width: 767.98px) {
  .text-center-sm {
    text-align: left;
  }
}

.text-center-xs {
  text-align: center;
}
@media (min-width: 575.98px) {
  .text-center-xs {
    text-align: left;
  }
}

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

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

@media (min-width: 991.98px) {
  .text-right-md {
    text-align: right !important;
  }
}
/*
 * LETTERS SPACING
 * This section contains styles for setting the letter spacing of elements.
 * The .space-0 class sets the letter spacing of an element to initial.
 * The .space-{i} classes set the letter spacing of an element to a certain pixel value.
 * The pixel value is calculated as the iteration index times 1.
 */
.space--2 {
  letter-spacing: -2px;
}

.space--1 {
  letter-spacing: -1px;
}

.space-0 {
  letter-spacing: initial !important;
}

.space-1 {
  letter-spacing: 1px;
}

.space-2 {
  letter-spacing: 2px;
}

.space-3 {
  letter-spacing: 3px;
}

.space-4 {
  letter-spacing: 4px;
}

.space-5 {
  letter-spacing: 5px;
}

/*
 * TEXT SIZES
 * This section contains styles for setting the font size of elements.
 * The .regular-text class sets the color, font size, line height, font weight, and font family of an element.
 * The .big-text class sets the font size of an element to a responsive size.
 * The .little-text class sets the font size of an element to 1.5rem.
 */
.regular-text {
  color: #010101 !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  font-weight: initial !important;
  font-family: "neue-haas-grotesk-display", sans-serif !important;
}

.big-text {
  font-size: clamp(15.95px, 1.31 * 1vw, 19.95px) !important;
}

.mega-text {
  font-size: clamp(28.3px, 2.13 * 1vw, 32.3px) !important;
  line-height: 1.4347826087 !important;
}

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

.little-text {
  font-size: 1.4rem;
}

.wys-little-h2 h2 {
  font-weight: 600;
}

.em-font-3-first-child em:first-child {
  color: inherit;
}

.hover-opacity {
  transition: 0.3s;
}
.hover-opacity:hover {
  opacity: 0.8;
}

/*
 * Generates classes for setting border-radius values.
 *
 * This loop iterates from 1 through 100 to create classes for setting the border-radius
 * of elements. Each class sets the border-radius to the iteration index multiplied by 1px.
 *
 * The following classes are generated:
 * - .radius-{i}: Sets the border-radius of all corners.
 * - .radius-t-{i}: Sets the border-radius of the top-left and top-right corners.
 * - .radius-b-{i}: Sets the border-radius of the bottom-right and bottom-left corners.
 * - .radius-l-{i}: Sets the border-radius of the top-left and bottom-left corners.
 * - .radius-r-{i}: Sets the border-radius of the top-right and bottom-right corners.
 * - .radius-tl-{i}: Sets the border-radius of the top-left corner.
 * - .radius-tr-{i}: Sets the border-radius of the top-right corner.
 * - .radius-br-{i}: Sets the border-radius of the bottom-right corner.
 * - .radius-bl-{i}: Sets the border-radius of the bottom-left corner.
 */
.radius-1 {
  border-radius: 1px;
}

.radius-t-1 {
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
}

.radius-b-1 {
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;
}

.radius-l-1 {
  border-top-left-radius: 1px;
  border-bottom-left-radius: 1px;
}

.radius-r-1 {
  border-top-right-radius: 1px;
  border-bottom-right-radius: 1px;
}

.radius-tl-1 {
  border-top-left-radius: 1px;
}

.radius-tr-1 {
  border-top-right-radius: 1px;
}

.radius-br-1 {
  border-bottom-right-radius: 1px;
}

.radius-bl-1 {
  border-bottom-left-radius: 1px;
}

.radius-2 {
  border-radius: 2px;
}

.radius-t-2 {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.radius-b-2 {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}

.radius-l-2 {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.radius-r-2 {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.radius-tl-2 {
  border-top-left-radius: 2px;
}

.radius-tr-2 {
  border-top-right-radius: 2px;
}

.radius-br-2 {
  border-bottom-right-radius: 2px;
}

.radius-bl-2 {
  border-bottom-left-radius: 2px;
}

.radius-3 {
  border-radius: 3px;
}

.radius-t-3 {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.radius-b-3 {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.radius-l-3 {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.radius-r-3 {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.radius-tl-3 {
  border-top-left-radius: 3px;
}

.radius-tr-3 {
  border-top-right-radius: 3px;
}

.radius-br-3 {
  border-bottom-right-radius: 3px;
}

.radius-bl-3 {
  border-bottom-left-radius: 3px;
}

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

.radius-t-4 {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.radius-b-4 {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.radius-l-4 {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.radius-r-4 {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.radius-tl-4 {
  border-top-left-radius: 4px;
}

.radius-tr-4 {
  border-top-right-radius: 4px;
}

.radius-br-4 {
  border-bottom-right-radius: 4px;
}

.radius-bl-4 {
  border-bottom-left-radius: 4px;
}

.radius-5 {
  border-radius: 5px;
}

.radius-t-5 {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.radius-b-5 {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.radius-l-5 {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.radius-r-5 {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.radius-tl-5 {
  border-top-left-radius: 5px;
}

.radius-tr-5 {
  border-top-right-radius: 5px;
}

.radius-br-5 {
  border-bottom-right-radius: 5px;
}

.radius-bl-5 {
  border-bottom-left-radius: 5px;
}

.radius-6 {
  border-radius: 6px;
}

.radius-t-6 {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.radius-b-6 {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.radius-l-6 {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.radius-r-6 {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.radius-tl-6 {
  border-top-left-radius: 6px;
}

.radius-tr-6 {
  border-top-right-radius: 6px;
}

.radius-br-6 {
  border-bottom-right-radius: 6px;
}

.radius-bl-6 {
  border-bottom-left-radius: 6px;
}

.radius-7 {
  border-radius: 7px;
}

.radius-t-7 {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}

.radius-b-7 {
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
}

.radius-l-7 {
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
}

.radius-r-7 {
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
}

.radius-tl-7 {
  border-top-left-radius: 7px;
}

.radius-tr-7 {
  border-top-right-radius: 7px;
}

.radius-br-7 {
  border-bottom-right-radius: 7px;
}

.radius-bl-7 {
  border-bottom-left-radius: 7px;
}

.radius-8 {
  border-radius: 8px;
}

.radius-t-8 {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.radius-b-8 {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.radius-l-8 {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.radius-r-8 {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.radius-tl-8 {
  border-top-left-radius: 8px;
}

.radius-tr-8 {
  border-top-right-radius: 8px;
}

.radius-br-8 {
  border-bottom-right-radius: 8px;
}

.radius-bl-8 {
  border-bottom-left-radius: 8px;
}

.radius-9 {
  border-radius: 9px;
}

.radius-t-9 {
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}

.radius-b-9 {
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px;
}

.radius-l-9 {
  border-top-left-radius: 9px;
  border-bottom-left-radius: 9px;
}

.radius-r-9 {
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
}

.radius-tl-9 {
  border-top-left-radius: 9px;
}

.radius-tr-9 {
  border-top-right-radius: 9px;
}

.radius-br-9 {
  border-bottom-right-radius: 9px;
}

.radius-bl-9 {
  border-bottom-left-radius: 9px;
}

.radius-10 {
  border-radius: 10px;
}

.radius-t-10 {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.radius-b-10 {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.radius-l-10 {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.radius-r-10 {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.radius-tl-10 {
  border-top-left-radius: 10px;
}

.radius-tr-10 {
  border-top-right-radius: 10px;
}

.radius-br-10 {
  border-bottom-right-radius: 10px;
}

.radius-bl-10 {
  border-bottom-left-radius: 10px;
}

.radius-11 {
  border-radius: 11px;
}

.radius-t-11 {
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
}

.radius-b-11 {
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
}

.radius-l-11 {
  border-top-left-radius: 11px;
  border-bottom-left-radius: 11px;
}

.radius-r-11 {
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
}

.radius-tl-11 {
  border-top-left-radius: 11px;
}

.radius-tr-11 {
  border-top-right-radius: 11px;
}

.radius-br-11 {
  border-bottom-right-radius: 11px;
}

.radius-bl-11 {
  border-bottom-left-radius: 11px;
}

.radius-12 {
  border-radius: 12px;
}

.radius-t-12 {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.radius-b-12 {
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}

.radius-l-12 {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.radius-r-12 {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

.radius-tl-12 {
  border-top-left-radius: 12px;
}

.radius-tr-12 {
  border-top-right-radius: 12px;
}

.radius-br-12 {
  border-bottom-right-radius: 12px;
}

.radius-bl-12 {
  border-bottom-left-radius: 12px;
}

.radius-13 {
  border-radius: 13px;
}

.radius-t-13 {
  border-top-left-radius: 13px;
  border-top-right-radius: 13px;
}

.radius-b-13 {
  border-bottom-right-radius: 13px;
  border-bottom-left-radius: 13px;
}

.radius-l-13 {
  border-top-left-radius: 13px;
  border-bottom-left-radius: 13px;
}

.radius-r-13 {
  border-top-right-radius: 13px;
  border-bottom-right-radius: 13px;
}

.radius-tl-13 {
  border-top-left-radius: 13px;
}

.radius-tr-13 {
  border-top-right-radius: 13px;
}

.radius-br-13 {
  border-bottom-right-radius: 13px;
}

.radius-bl-13 {
  border-bottom-left-radius: 13px;
}

.radius-14 {
  border-radius: 14px;
}

.radius-t-14 {
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
}

.radius-b-14 {
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
}

.radius-l-14 {
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
}

.radius-r-14 {
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
}

.radius-tl-14 {
  border-top-left-radius: 14px;
}

.radius-tr-14 {
  border-top-right-radius: 14px;
}

.radius-br-14 {
  border-bottom-right-radius: 14px;
}

.radius-bl-14 {
  border-bottom-left-radius: 14px;
}

.radius-15 {
  border-radius: 15px;
}

.radius-t-15 {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.radius-b-15 {
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}

.radius-l-15 {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}

.radius-r-15 {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

.radius-tl-15 {
  border-top-left-radius: 15px;
}

.radius-tr-15 {
  border-top-right-radius: 15px;
}

.radius-br-15 {
  border-bottom-right-radius: 15px;
}

.radius-bl-15 {
  border-bottom-left-radius: 15px;
}

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

.radius-t-16 {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.radius-b-16 {
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
}

.radius-l-16 {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}

.radius-r-16 {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}

.radius-tl-16 {
  border-top-left-radius: 16px;
}

.radius-tr-16 {
  border-top-right-radius: 16px;
}

.radius-br-16 {
  border-bottom-right-radius: 16px;
}

.radius-bl-16 {
  border-bottom-left-radius: 16px;
}

.radius-17 {
  border-radius: 17px;
}

.radius-t-17 {
  border-top-left-radius: 17px;
  border-top-right-radius: 17px;
}

.radius-b-17 {
  border-bottom-right-radius: 17px;
  border-bottom-left-radius: 17px;
}

.radius-l-17 {
  border-top-left-radius: 17px;
  border-bottom-left-radius: 17px;
}

.radius-r-17 {
  border-top-right-radius: 17px;
  border-bottom-right-radius: 17px;
}

.radius-tl-17 {
  border-top-left-radius: 17px;
}

.radius-tr-17 {
  border-top-right-radius: 17px;
}

.radius-br-17 {
  border-bottom-right-radius: 17px;
}

.radius-bl-17 {
  border-bottom-left-radius: 17px;
}

.radius-18 {
  border-radius: 18px;
}

.radius-t-18 {
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
}

.radius-b-18 {
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
}

.radius-l-18 {
  border-top-left-radius: 18px;
  border-bottom-left-radius: 18px;
}

.radius-r-18 {
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
}

.radius-tl-18 {
  border-top-left-radius: 18px;
}

.radius-tr-18 {
  border-top-right-radius: 18px;
}

.radius-br-18 {
  border-bottom-right-radius: 18px;
}

.radius-bl-18 {
  border-bottom-left-radius: 18px;
}

.radius-19 {
  border-radius: 19px;
}

.radius-t-19 {
  border-top-left-radius: 19px;
  border-top-right-radius: 19px;
}

.radius-b-19 {
  border-bottom-right-radius: 19px;
  border-bottom-left-radius: 19px;
}

.radius-l-19 {
  border-top-left-radius: 19px;
  border-bottom-left-radius: 19px;
}

.radius-r-19 {
  border-top-right-radius: 19px;
  border-bottom-right-radius: 19px;
}

.radius-tl-19 {
  border-top-left-radius: 19px;
}

.radius-tr-19 {
  border-top-right-radius: 19px;
}

.radius-br-19 {
  border-bottom-right-radius: 19px;
}

.radius-bl-19 {
  border-bottom-left-radius: 19px;
}

.radius-20 {
  border-radius: 20px;
}

.radius-t-20 {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.radius-b-20 {
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

.radius-l-20 {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.radius-r-20 {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.radius-tl-20 {
  border-top-left-radius: 20px;
}

.radius-tr-20 {
  border-top-right-radius: 20px;
}

.radius-br-20 {
  border-bottom-right-radius: 20px;
}

.radius-bl-20 {
  border-bottom-left-radius: 20px;
}

.radius-21 {
  border-radius: 21px;
}

.radius-t-21 {
  border-top-left-radius: 21px;
  border-top-right-radius: 21px;
}

.radius-b-21 {
  border-bottom-right-radius: 21px;
  border-bottom-left-radius: 21px;
}

.radius-l-21 {
  border-top-left-radius: 21px;
  border-bottom-left-radius: 21px;
}

.radius-r-21 {
  border-top-right-radius: 21px;
  border-bottom-right-radius: 21px;
}

.radius-tl-21 {
  border-top-left-radius: 21px;
}

.radius-tr-21 {
  border-top-right-radius: 21px;
}

.radius-br-21 {
  border-bottom-right-radius: 21px;
}

.radius-bl-21 {
  border-bottom-left-radius: 21px;
}

.radius-22 {
  border-radius: 22px;
}

.radius-t-22 {
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
}

.radius-b-22 {
  border-bottom-right-radius: 22px;
  border-bottom-left-radius: 22px;
}

.radius-l-22 {
  border-top-left-radius: 22px;
  border-bottom-left-radius: 22px;
}

.radius-r-22 {
  border-top-right-radius: 22px;
  border-bottom-right-radius: 22px;
}

.radius-tl-22 {
  border-top-left-radius: 22px;
}

.radius-tr-22 {
  border-top-right-radius: 22px;
}

.radius-br-22 {
  border-bottom-right-radius: 22px;
}

.radius-bl-22 {
  border-bottom-left-radius: 22px;
}

.radius-23 {
  border-radius: 23px;
}

.radius-t-23 {
  border-top-left-radius: 23px;
  border-top-right-radius: 23px;
}

.radius-b-23 {
  border-bottom-right-radius: 23px;
  border-bottom-left-radius: 23px;
}

.radius-l-23 {
  border-top-left-radius: 23px;
  border-bottom-left-radius: 23px;
}

.radius-r-23 {
  border-top-right-radius: 23px;
  border-bottom-right-radius: 23px;
}

.radius-tl-23 {
  border-top-left-radius: 23px;
}

.radius-tr-23 {
  border-top-right-radius: 23px;
}

.radius-br-23 {
  border-bottom-right-radius: 23px;
}

.radius-bl-23 {
  border-bottom-left-radius: 23px;
}

.radius-24 {
  border-radius: 24px;
}

.radius-t-24 {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}

.radius-b-24 {
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
}

.radius-l-24 {
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}

.radius-r-24 {
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}

.radius-tl-24 {
  border-top-left-radius: 24px;
}

.radius-tr-24 {
  border-top-right-radius: 24px;
}

.radius-br-24 {
  border-bottom-right-radius: 24px;
}

.radius-bl-24 {
  border-bottom-left-radius: 24px;
}

.radius-25 {
  border-radius: 25px;
}

.radius-t-25 {
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
}

.radius-b-25 {
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 25px;
}

.radius-l-25 {
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}

.radius-r-25 {
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
}

.radius-tl-25 {
  border-top-left-radius: 25px;
}

.radius-tr-25 {
  border-top-right-radius: 25px;
}

.radius-br-25 {
  border-bottom-right-radius: 25px;
}

.radius-bl-25 {
  border-bottom-left-radius: 25px;
}

.radius-26 {
  border-radius: 26px;
}

.radius-t-26 {
  border-top-left-radius: 26px;
  border-top-right-radius: 26px;
}

.radius-b-26 {
  border-bottom-right-radius: 26px;
  border-bottom-left-radius: 26px;
}

.radius-l-26 {
  border-top-left-radius: 26px;
  border-bottom-left-radius: 26px;
}

.radius-r-26 {
  border-top-right-radius: 26px;
  border-bottom-right-radius: 26px;
}

.radius-tl-26 {
  border-top-left-radius: 26px;
}

.radius-tr-26 {
  border-top-right-radius: 26px;
}

.radius-br-26 {
  border-bottom-right-radius: 26px;
}

.radius-bl-26 {
  border-bottom-left-radius: 26px;
}

.radius-27 {
  border-radius: 27px;
}

.radius-t-27 {
  border-top-left-radius: 27px;
  border-top-right-radius: 27px;
}

.radius-b-27 {
  border-bottom-right-radius: 27px;
  border-bottom-left-radius: 27px;
}

.radius-l-27 {
  border-top-left-radius: 27px;
  border-bottom-left-radius: 27px;
}

.radius-r-27 {
  border-top-right-radius: 27px;
  border-bottom-right-radius: 27px;
}

.radius-tl-27 {
  border-top-left-radius: 27px;
}

.radius-tr-27 {
  border-top-right-radius: 27px;
}

.radius-br-27 {
  border-bottom-right-radius: 27px;
}

.radius-bl-27 {
  border-bottom-left-radius: 27px;
}

.radius-28 {
  border-radius: 28px;
}

.radius-t-28 {
  border-top-left-radius: 28px;
  border-top-right-radius: 28px;
}

.radius-b-28 {
  border-bottom-right-radius: 28px;
  border-bottom-left-radius: 28px;
}

.radius-l-28 {
  border-top-left-radius: 28px;
  border-bottom-left-radius: 28px;
}

.radius-r-28 {
  border-top-right-radius: 28px;
  border-bottom-right-radius: 28px;
}

.radius-tl-28 {
  border-top-left-radius: 28px;
}

.radius-tr-28 {
  border-top-right-radius: 28px;
}

.radius-br-28 {
  border-bottom-right-radius: 28px;
}

.radius-bl-28 {
  border-bottom-left-radius: 28px;
}

.radius-29 {
  border-radius: 29px;
}

.radius-t-29 {
  border-top-left-radius: 29px;
  border-top-right-radius: 29px;
}

.radius-b-29 {
  border-bottom-right-radius: 29px;
  border-bottom-left-radius: 29px;
}

.radius-l-29 {
  border-top-left-radius: 29px;
  border-bottom-left-radius: 29px;
}

.radius-r-29 {
  border-top-right-radius: 29px;
  border-bottom-right-radius: 29px;
}

.radius-tl-29 {
  border-top-left-radius: 29px;
}

.radius-tr-29 {
  border-top-right-radius: 29px;
}

.radius-br-29 {
  border-bottom-right-radius: 29px;
}

.radius-bl-29 {
  border-bottom-left-radius: 29px;
}

.radius-30 {
  border-radius: 30px;
}

.radius-t-30 {
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}

.radius-b-30 {
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
}

.radius-l-30 {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}

.radius-r-30 {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}

.radius-tl-30 {
  border-top-left-radius: 30px;
}

.radius-tr-30 {
  border-top-right-radius: 30px;
}

.radius-br-30 {
  border-bottom-right-radius: 30px;
}

.radius-bl-30 {
  border-bottom-left-radius: 30px;
}

.radius-31 {
  border-radius: 31px;
}

.radius-t-31 {
  border-top-left-radius: 31px;
  border-top-right-radius: 31px;
}

.radius-b-31 {
  border-bottom-right-radius: 31px;
  border-bottom-left-radius: 31px;
}

.radius-l-31 {
  border-top-left-radius: 31px;
  border-bottom-left-radius: 31px;
}

.radius-r-31 {
  border-top-right-radius: 31px;
  border-bottom-right-radius: 31px;
}

.radius-tl-31 {
  border-top-left-radius: 31px;
}

.radius-tr-31 {
  border-top-right-radius: 31px;
}

.radius-br-31 {
  border-bottom-right-radius: 31px;
}

.radius-bl-31 {
  border-bottom-left-radius: 31px;
}

.radius-32 {
  border-radius: 32px;
}

.radius-t-32 {
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
}

.radius-b-32 {
  border-bottom-right-radius: 32px;
  border-bottom-left-radius: 32px;
}

.radius-l-32 {
  border-top-left-radius: 32px;
  border-bottom-left-radius: 32px;
}

.radius-r-32 {
  border-top-right-radius: 32px;
  border-bottom-right-radius: 32px;
}

.radius-tl-32 {
  border-top-left-radius: 32px;
}

.radius-tr-32 {
  border-top-right-radius: 32px;
}

.radius-br-32 {
  border-bottom-right-radius: 32px;
}

.radius-bl-32 {
  border-bottom-left-radius: 32px;
}

.radius-33 {
  border-radius: 33px;
}

.radius-t-33 {
  border-top-left-radius: 33px;
  border-top-right-radius: 33px;
}

.radius-b-33 {
  border-bottom-right-radius: 33px;
  border-bottom-left-radius: 33px;
}

.radius-l-33 {
  border-top-left-radius: 33px;
  border-bottom-left-radius: 33px;
}

.radius-r-33 {
  border-top-right-radius: 33px;
  border-bottom-right-radius: 33px;
}

.radius-tl-33 {
  border-top-left-radius: 33px;
}

.radius-tr-33 {
  border-top-right-radius: 33px;
}

.radius-br-33 {
  border-bottom-right-radius: 33px;
}

.radius-bl-33 {
  border-bottom-left-radius: 33px;
}

.radius-34 {
  border-radius: 34px;
}

.radius-t-34 {
  border-top-left-radius: 34px;
  border-top-right-radius: 34px;
}

.radius-b-34 {
  border-bottom-right-radius: 34px;
  border-bottom-left-radius: 34px;
}

.radius-l-34 {
  border-top-left-radius: 34px;
  border-bottom-left-radius: 34px;
}

.radius-r-34 {
  border-top-right-radius: 34px;
  border-bottom-right-radius: 34px;
}

.radius-tl-34 {
  border-top-left-radius: 34px;
}

.radius-tr-34 {
  border-top-right-radius: 34px;
}

.radius-br-34 {
  border-bottom-right-radius: 34px;
}

.radius-bl-34 {
  border-bottom-left-radius: 34px;
}

.radius-35 {
  border-radius: 35px;
}

.radius-t-35 {
  border-top-left-radius: 35px;
  border-top-right-radius: 35px;
}

.radius-b-35 {
  border-bottom-right-radius: 35px;
  border-bottom-left-radius: 35px;
}

.radius-l-35 {
  border-top-left-radius: 35px;
  border-bottom-left-radius: 35px;
}

.radius-r-35 {
  border-top-right-radius: 35px;
  border-bottom-right-radius: 35px;
}

.radius-tl-35 {
  border-top-left-radius: 35px;
}

.radius-tr-35 {
  border-top-right-radius: 35px;
}

.radius-br-35 {
  border-bottom-right-radius: 35px;
}

.radius-bl-35 {
  border-bottom-left-radius: 35px;
}

.radius-36 {
  border-radius: 36px;
}

.radius-t-36 {
  border-top-left-radius: 36px;
  border-top-right-radius: 36px;
}

.radius-b-36 {
  border-bottom-right-radius: 36px;
  border-bottom-left-radius: 36px;
}

.radius-l-36 {
  border-top-left-radius: 36px;
  border-bottom-left-radius: 36px;
}

.radius-r-36 {
  border-top-right-radius: 36px;
  border-bottom-right-radius: 36px;
}

.radius-tl-36 {
  border-top-left-radius: 36px;
}

.radius-tr-36 {
  border-top-right-radius: 36px;
}

.radius-br-36 {
  border-bottom-right-radius: 36px;
}

.radius-bl-36 {
  border-bottom-left-radius: 36px;
}

.radius-37 {
  border-radius: 37px;
}

.radius-t-37 {
  border-top-left-radius: 37px;
  border-top-right-radius: 37px;
}

.radius-b-37 {
  border-bottom-right-radius: 37px;
  border-bottom-left-radius: 37px;
}

.radius-l-37 {
  border-top-left-radius: 37px;
  border-bottom-left-radius: 37px;
}

.radius-r-37 {
  border-top-right-radius: 37px;
  border-bottom-right-radius: 37px;
}

.radius-tl-37 {
  border-top-left-radius: 37px;
}

.radius-tr-37 {
  border-top-right-radius: 37px;
}

.radius-br-37 {
  border-bottom-right-radius: 37px;
}

.radius-bl-37 {
  border-bottom-left-radius: 37px;
}

.radius-38 {
  border-radius: 38px;
}

.radius-t-38 {
  border-top-left-radius: 38px;
  border-top-right-radius: 38px;
}

.radius-b-38 {
  border-bottom-right-radius: 38px;
  border-bottom-left-radius: 38px;
}

.radius-l-38 {
  border-top-left-radius: 38px;
  border-bottom-left-radius: 38px;
}

.radius-r-38 {
  border-top-right-radius: 38px;
  border-bottom-right-radius: 38px;
}

.radius-tl-38 {
  border-top-left-radius: 38px;
}

.radius-tr-38 {
  border-top-right-radius: 38px;
}

.radius-br-38 {
  border-bottom-right-radius: 38px;
}

.radius-bl-38 {
  border-bottom-left-radius: 38px;
}

.radius-39 {
  border-radius: 39px;
}

.radius-t-39 {
  border-top-left-radius: 39px;
  border-top-right-radius: 39px;
}

.radius-b-39 {
  border-bottom-right-radius: 39px;
  border-bottom-left-radius: 39px;
}

.radius-l-39 {
  border-top-left-radius: 39px;
  border-bottom-left-radius: 39px;
}

.radius-r-39 {
  border-top-right-radius: 39px;
  border-bottom-right-radius: 39px;
}

.radius-tl-39 {
  border-top-left-radius: 39px;
}

.radius-tr-39 {
  border-top-right-radius: 39px;
}

.radius-br-39 {
  border-bottom-right-radius: 39px;
}

.radius-bl-39 {
  border-bottom-left-radius: 39px;
}

.radius-40 {
  border-radius: 40px;
}

.radius-t-40 {
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
}

.radius-b-40 {
  border-bottom-right-radius: 40px;
  border-bottom-left-radius: 40px;
}

.radius-l-40 {
  border-top-left-radius: 40px;
  border-bottom-left-radius: 40px;
}

.radius-r-40 {
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
}

.radius-tl-40 {
  border-top-left-radius: 40px;
}

.radius-tr-40 {
  border-top-right-radius: 40px;
}

.radius-br-40 {
  border-bottom-right-radius: 40px;
}

.radius-bl-40 {
  border-bottom-left-radius: 40px;
}

.radius-41 {
  border-radius: 41px;
}

.radius-t-41 {
  border-top-left-radius: 41px;
  border-top-right-radius: 41px;
}

.radius-b-41 {
  border-bottom-right-radius: 41px;
  border-bottom-left-radius: 41px;
}

.radius-l-41 {
  border-top-left-radius: 41px;
  border-bottom-left-radius: 41px;
}

.radius-r-41 {
  border-top-right-radius: 41px;
  border-bottom-right-radius: 41px;
}

.radius-tl-41 {
  border-top-left-radius: 41px;
}

.radius-tr-41 {
  border-top-right-radius: 41px;
}

.radius-br-41 {
  border-bottom-right-radius: 41px;
}

.radius-bl-41 {
  border-bottom-left-radius: 41px;
}

.radius-42 {
  border-radius: 42px;
}

.radius-t-42 {
  border-top-left-radius: 42px;
  border-top-right-radius: 42px;
}

.radius-b-42 {
  border-bottom-right-radius: 42px;
  border-bottom-left-radius: 42px;
}

.radius-l-42 {
  border-top-left-radius: 42px;
  border-bottom-left-radius: 42px;
}

.radius-r-42 {
  border-top-right-radius: 42px;
  border-bottom-right-radius: 42px;
}

.radius-tl-42 {
  border-top-left-radius: 42px;
}

.radius-tr-42 {
  border-top-right-radius: 42px;
}

.radius-br-42 {
  border-bottom-right-radius: 42px;
}

.radius-bl-42 {
  border-bottom-left-radius: 42px;
}

.radius-43 {
  border-radius: 43px;
}

.radius-t-43 {
  border-top-left-radius: 43px;
  border-top-right-radius: 43px;
}

.radius-b-43 {
  border-bottom-right-radius: 43px;
  border-bottom-left-radius: 43px;
}

.radius-l-43 {
  border-top-left-radius: 43px;
  border-bottom-left-radius: 43px;
}

.radius-r-43 {
  border-top-right-radius: 43px;
  border-bottom-right-radius: 43px;
}

.radius-tl-43 {
  border-top-left-radius: 43px;
}

.radius-tr-43 {
  border-top-right-radius: 43px;
}

.radius-br-43 {
  border-bottom-right-radius: 43px;
}

.radius-bl-43 {
  border-bottom-left-radius: 43px;
}

.radius-44 {
  border-radius: 44px;
}

.radius-t-44 {
  border-top-left-radius: 44px;
  border-top-right-radius: 44px;
}

.radius-b-44 {
  border-bottom-right-radius: 44px;
  border-bottom-left-radius: 44px;
}

.radius-l-44 {
  border-top-left-radius: 44px;
  border-bottom-left-radius: 44px;
}

.radius-r-44 {
  border-top-right-radius: 44px;
  border-bottom-right-radius: 44px;
}

.radius-tl-44 {
  border-top-left-radius: 44px;
}

.radius-tr-44 {
  border-top-right-radius: 44px;
}

.radius-br-44 {
  border-bottom-right-radius: 44px;
}

.radius-bl-44 {
  border-bottom-left-radius: 44px;
}

.radius-45 {
  border-radius: 45px;
}

.radius-t-45 {
  border-top-left-radius: 45px;
  border-top-right-radius: 45px;
}

.radius-b-45 {
  border-bottom-right-radius: 45px;
  border-bottom-left-radius: 45px;
}

.radius-l-45 {
  border-top-left-radius: 45px;
  border-bottom-left-radius: 45px;
}

.radius-r-45 {
  border-top-right-radius: 45px;
  border-bottom-right-radius: 45px;
}

.radius-tl-45 {
  border-top-left-radius: 45px;
}

.radius-tr-45 {
  border-top-right-radius: 45px;
}

.radius-br-45 {
  border-bottom-right-radius: 45px;
}

.radius-bl-45 {
  border-bottom-left-radius: 45px;
}

.radius-46 {
  border-radius: 46px;
}

.radius-t-46 {
  border-top-left-radius: 46px;
  border-top-right-radius: 46px;
}

.radius-b-46 {
  border-bottom-right-radius: 46px;
  border-bottom-left-radius: 46px;
}

.radius-l-46 {
  border-top-left-radius: 46px;
  border-bottom-left-radius: 46px;
}

.radius-r-46 {
  border-top-right-radius: 46px;
  border-bottom-right-radius: 46px;
}

.radius-tl-46 {
  border-top-left-radius: 46px;
}

.radius-tr-46 {
  border-top-right-radius: 46px;
}

.radius-br-46 {
  border-bottom-right-radius: 46px;
}

.radius-bl-46 {
  border-bottom-left-radius: 46px;
}

.radius-47 {
  border-radius: 47px;
}

.radius-t-47 {
  border-top-left-radius: 47px;
  border-top-right-radius: 47px;
}

.radius-b-47 {
  border-bottom-right-radius: 47px;
  border-bottom-left-radius: 47px;
}

.radius-l-47 {
  border-top-left-radius: 47px;
  border-bottom-left-radius: 47px;
}

.radius-r-47 {
  border-top-right-radius: 47px;
  border-bottom-right-radius: 47px;
}

.radius-tl-47 {
  border-top-left-radius: 47px;
}

.radius-tr-47 {
  border-top-right-radius: 47px;
}

.radius-br-47 {
  border-bottom-right-radius: 47px;
}

.radius-bl-47 {
  border-bottom-left-radius: 47px;
}

.radius-48 {
  border-radius: 48px;
}

.radius-t-48 {
  border-top-left-radius: 48px;
  border-top-right-radius: 48px;
}

.radius-b-48 {
  border-bottom-right-radius: 48px;
  border-bottom-left-radius: 48px;
}

.radius-l-48 {
  border-top-left-radius: 48px;
  border-bottom-left-radius: 48px;
}

.radius-r-48 {
  border-top-right-radius: 48px;
  border-bottom-right-radius: 48px;
}

.radius-tl-48 {
  border-top-left-radius: 48px;
}

.radius-tr-48 {
  border-top-right-radius: 48px;
}

.radius-br-48 {
  border-bottom-right-radius: 48px;
}

.radius-bl-48 {
  border-bottom-left-radius: 48px;
}

.radius-49 {
  border-radius: 49px;
}

.radius-t-49 {
  border-top-left-radius: 49px;
  border-top-right-radius: 49px;
}

.radius-b-49 {
  border-bottom-right-radius: 49px;
  border-bottom-left-radius: 49px;
}

.radius-l-49 {
  border-top-left-radius: 49px;
  border-bottom-left-radius: 49px;
}

.radius-r-49 {
  border-top-right-radius: 49px;
  border-bottom-right-radius: 49px;
}

.radius-tl-49 {
  border-top-left-radius: 49px;
}

.radius-tr-49 {
  border-top-right-radius: 49px;
}

.radius-br-49 {
  border-bottom-right-radius: 49px;
}

.radius-bl-49 {
  border-bottom-left-radius: 49px;
}

.radius-50 {
  border-radius: 50px;
}

.radius-t-50 {
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
}

.radius-b-50 {
  border-bottom-right-radius: 50px;
  border-bottom-left-radius: 50px;
}

.radius-l-50 {
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}

.radius-r-50 {
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}

.radius-tl-50 {
  border-top-left-radius: 50px;
}

.radius-tr-50 {
  border-top-right-radius: 50px;
}

.radius-br-50 {
  border-bottom-right-radius: 50px;
}

.radius-bl-50 {
  border-bottom-left-radius: 50px;
}

.radius-51 {
  border-radius: 51px;
}

.radius-t-51 {
  border-top-left-radius: 51px;
  border-top-right-radius: 51px;
}

.radius-b-51 {
  border-bottom-right-radius: 51px;
  border-bottom-left-radius: 51px;
}

.radius-l-51 {
  border-top-left-radius: 51px;
  border-bottom-left-radius: 51px;
}

.radius-r-51 {
  border-top-right-radius: 51px;
  border-bottom-right-radius: 51px;
}

.radius-tl-51 {
  border-top-left-radius: 51px;
}

.radius-tr-51 {
  border-top-right-radius: 51px;
}

.radius-br-51 {
  border-bottom-right-radius: 51px;
}

.radius-bl-51 {
  border-bottom-left-radius: 51px;
}

.radius-52 {
  border-radius: 52px;
}

.radius-t-52 {
  border-top-left-radius: 52px;
  border-top-right-radius: 52px;
}

.radius-b-52 {
  border-bottom-right-radius: 52px;
  border-bottom-left-radius: 52px;
}

.radius-l-52 {
  border-top-left-radius: 52px;
  border-bottom-left-radius: 52px;
}

.radius-r-52 {
  border-top-right-radius: 52px;
  border-bottom-right-radius: 52px;
}

.radius-tl-52 {
  border-top-left-radius: 52px;
}

.radius-tr-52 {
  border-top-right-radius: 52px;
}

.radius-br-52 {
  border-bottom-right-radius: 52px;
}

.radius-bl-52 {
  border-bottom-left-radius: 52px;
}

.radius-53 {
  border-radius: 53px;
}

.radius-t-53 {
  border-top-left-radius: 53px;
  border-top-right-radius: 53px;
}

.radius-b-53 {
  border-bottom-right-radius: 53px;
  border-bottom-left-radius: 53px;
}

.radius-l-53 {
  border-top-left-radius: 53px;
  border-bottom-left-radius: 53px;
}

.radius-r-53 {
  border-top-right-radius: 53px;
  border-bottom-right-radius: 53px;
}

.radius-tl-53 {
  border-top-left-radius: 53px;
}

.radius-tr-53 {
  border-top-right-radius: 53px;
}

.radius-br-53 {
  border-bottom-right-radius: 53px;
}

.radius-bl-53 {
  border-bottom-left-radius: 53px;
}

.radius-54 {
  border-radius: 54px;
}

.radius-t-54 {
  border-top-left-radius: 54px;
  border-top-right-radius: 54px;
}

.radius-b-54 {
  border-bottom-right-radius: 54px;
  border-bottom-left-radius: 54px;
}

.radius-l-54 {
  border-top-left-radius: 54px;
  border-bottom-left-radius: 54px;
}

.radius-r-54 {
  border-top-right-radius: 54px;
  border-bottom-right-radius: 54px;
}

.radius-tl-54 {
  border-top-left-radius: 54px;
}

.radius-tr-54 {
  border-top-right-radius: 54px;
}

.radius-br-54 {
  border-bottom-right-radius: 54px;
}

.radius-bl-54 {
  border-bottom-left-radius: 54px;
}

.radius-55 {
  border-radius: 55px;
}

.radius-t-55 {
  border-top-left-radius: 55px;
  border-top-right-radius: 55px;
}

.radius-b-55 {
  border-bottom-right-radius: 55px;
  border-bottom-left-radius: 55px;
}

.radius-l-55 {
  border-top-left-radius: 55px;
  border-bottom-left-radius: 55px;
}

.radius-r-55 {
  border-top-right-radius: 55px;
  border-bottom-right-radius: 55px;
}

.radius-tl-55 {
  border-top-left-radius: 55px;
}

.radius-tr-55 {
  border-top-right-radius: 55px;
}

.radius-br-55 {
  border-bottom-right-radius: 55px;
}

.radius-bl-55 {
  border-bottom-left-radius: 55px;
}

.radius-56 {
  border-radius: 56px;
}

.radius-t-56 {
  border-top-left-radius: 56px;
  border-top-right-radius: 56px;
}

.radius-b-56 {
  border-bottom-right-radius: 56px;
  border-bottom-left-radius: 56px;
}

.radius-l-56 {
  border-top-left-radius: 56px;
  border-bottom-left-radius: 56px;
}

.radius-r-56 {
  border-top-right-radius: 56px;
  border-bottom-right-radius: 56px;
}

.radius-tl-56 {
  border-top-left-radius: 56px;
}

.radius-tr-56 {
  border-top-right-radius: 56px;
}

.radius-br-56 {
  border-bottom-right-radius: 56px;
}

.radius-bl-56 {
  border-bottom-left-radius: 56px;
}

.radius-57 {
  border-radius: 57px;
}

.radius-t-57 {
  border-top-left-radius: 57px;
  border-top-right-radius: 57px;
}

.radius-b-57 {
  border-bottom-right-radius: 57px;
  border-bottom-left-radius: 57px;
}

.radius-l-57 {
  border-top-left-radius: 57px;
  border-bottom-left-radius: 57px;
}

.radius-r-57 {
  border-top-right-radius: 57px;
  border-bottom-right-radius: 57px;
}

.radius-tl-57 {
  border-top-left-radius: 57px;
}

.radius-tr-57 {
  border-top-right-radius: 57px;
}

.radius-br-57 {
  border-bottom-right-radius: 57px;
}

.radius-bl-57 {
  border-bottom-left-radius: 57px;
}

.radius-58 {
  border-radius: 58px;
}

.radius-t-58 {
  border-top-left-radius: 58px;
  border-top-right-radius: 58px;
}

.radius-b-58 {
  border-bottom-right-radius: 58px;
  border-bottom-left-radius: 58px;
}

.radius-l-58 {
  border-top-left-radius: 58px;
  border-bottom-left-radius: 58px;
}

.radius-r-58 {
  border-top-right-radius: 58px;
  border-bottom-right-radius: 58px;
}

.radius-tl-58 {
  border-top-left-radius: 58px;
}

.radius-tr-58 {
  border-top-right-radius: 58px;
}

.radius-br-58 {
  border-bottom-right-radius: 58px;
}

.radius-bl-58 {
  border-bottom-left-radius: 58px;
}

.radius-59 {
  border-radius: 59px;
}

.radius-t-59 {
  border-top-left-radius: 59px;
  border-top-right-radius: 59px;
}

.radius-b-59 {
  border-bottom-right-radius: 59px;
  border-bottom-left-radius: 59px;
}

.radius-l-59 {
  border-top-left-radius: 59px;
  border-bottom-left-radius: 59px;
}

.radius-r-59 {
  border-top-right-radius: 59px;
  border-bottom-right-radius: 59px;
}

.radius-tl-59 {
  border-top-left-radius: 59px;
}

.radius-tr-59 {
  border-top-right-radius: 59px;
}

.radius-br-59 {
  border-bottom-right-radius: 59px;
}

.radius-bl-59 {
  border-bottom-left-radius: 59px;
}

.radius-60 {
  border-radius: 60px;
}

.radius-t-60 {
  border-top-left-radius: 60px;
  border-top-right-radius: 60px;
}

.radius-b-60 {
  border-bottom-right-radius: 60px;
  border-bottom-left-radius: 60px;
}

.radius-l-60 {
  border-top-left-radius: 60px;
  border-bottom-left-radius: 60px;
}

.radius-r-60 {
  border-top-right-radius: 60px;
  border-bottom-right-radius: 60px;
}

.radius-tl-60 {
  border-top-left-radius: 60px;
}

.radius-tr-60 {
  border-top-right-radius: 60px;
}

.radius-br-60 {
  border-bottom-right-radius: 60px;
}

.radius-bl-60 {
  border-bottom-left-radius: 60px;
}

.radius-61 {
  border-radius: 61px;
}

.radius-t-61 {
  border-top-left-radius: 61px;
  border-top-right-radius: 61px;
}

.radius-b-61 {
  border-bottom-right-radius: 61px;
  border-bottom-left-radius: 61px;
}

.radius-l-61 {
  border-top-left-radius: 61px;
  border-bottom-left-radius: 61px;
}

.radius-r-61 {
  border-top-right-radius: 61px;
  border-bottom-right-radius: 61px;
}

.radius-tl-61 {
  border-top-left-radius: 61px;
}

.radius-tr-61 {
  border-top-right-radius: 61px;
}

.radius-br-61 {
  border-bottom-right-radius: 61px;
}

.radius-bl-61 {
  border-bottom-left-radius: 61px;
}

.radius-62 {
  border-radius: 62px;
}

.radius-t-62 {
  border-top-left-radius: 62px;
  border-top-right-radius: 62px;
}

.radius-b-62 {
  border-bottom-right-radius: 62px;
  border-bottom-left-radius: 62px;
}

.radius-l-62 {
  border-top-left-radius: 62px;
  border-bottom-left-radius: 62px;
}

.radius-r-62 {
  border-top-right-radius: 62px;
  border-bottom-right-radius: 62px;
}

.radius-tl-62 {
  border-top-left-radius: 62px;
}

.radius-tr-62 {
  border-top-right-radius: 62px;
}

.radius-br-62 {
  border-bottom-right-radius: 62px;
}

.radius-bl-62 {
  border-bottom-left-radius: 62px;
}

.radius-63 {
  border-radius: 63px;
}

.radius-t-63 {
  border-top-left-radius: 63px;
  border-top-right-radius: 63px;
}

.radius-b-63 {
  border-bottom-right-radius: 63px;
  border-bottom-left-radius: 63px;
}

.radius-l-63 {
  border-top-left-radius: 63px;
  border-bottom-left-radius: 63px;
}

.radius-r-63 {
  border-top-right-radius: 63px;
  border-bottom-right-radius: 63px;
}

.radius-tl-63 {
  border-top-left-radius: 63px;
}

.radius-tr-63 {
  border-top-right-radius: 63px;
}

.radius-br-63 {
  border-bottom-right-radius: 63px;
}

.radius-bl-63 {
  border-bottom-left-radius: 63px;
}

.radius-64 {
  border-radius: 64px;
}

.radius-t-64 {
  border-top-left-radius: 64px;
  border-top-right-radius: 64px;
}

.radius-b-64 {
  border-bottom-right-radius: 64px;
  border-bottom-left-radius: 64px;
}

.radius-l-64 {
  border-top-left-radius: 64px;
  border-bottom-left-radius: 64px;
}

.radius-r-64 {
  border-top-right-radius: 64px;
  border-bottom-right-radius: 64px;
}

.radius-tl-64 {
  border-top-left-radius: 64px;
}

.radius-tr-64 {
  border-top-right-radius: 64px;
}

.radius-br-64 {
  border-bottom-right-radius: 64px;
}

.radius-bl-64 {
  border-bottom-left-radius: 64px;
}

.radius-65 {
  border-radius: 65px;
}

.radius-t-65 {
  border-top-left-radius: 65px;
  border-top-right-radius: 65px;
}

.radius-b-65 {
  border-bottom-right-radius: 65px;
  border-bottom-left-radius: 65px;
}

.radius-l-65 {
  border-top-left-radius: 65px;
  border-bottom-left-radius: 65px;
}

.radius-r-65 {
  border-top-right-radius: 65px;
  border-bottom-right-radius: 65px;
}

.radius-tl-65 {
  border-top-left-radius: 65px;
}

.radius-tr-65 {
  border-top-right-radius: 65px;
}

.radius-br-65 {
  border-bottom-right-radius: 65px;
}

.radius-bl-65 {
  border-bottom-left-radius: 65px;
}

.radius-66 {
  border-radius: 66px;
}

.radius-t-66 {
  border-top-left-radius: 66px;
  border-top-right-radius: 66px;
}

.radius-b-66 {
  border-bottom-right-radius: 66px;
  border-bottom-left-radius: 66px;
}

.radius-l-66 {
  border-top-left-radius: 66px;
  border-bottom-left-radius: 66px;
}

.radius-r-66 {
  border-top-right-radius: 66px;
  border-bottom-right-radius: 66px;
}

.radius-tl-66 {
  border-top-left-radius: 66px;
}

.radius-tr-66 {
  border-top-right-radius: 66px;
}

.radius-br-66 {
  border-bottom-right-radius: 66px;
}

.radius-bl-66 {
  border-bottom-left-radius: 66px;
}

.radius-67 {
  border-radius: 67px;
}

.radius-t-67 {
  border-top-left-radius: 67px;
  border-top-right-radius: 67px;
}

.radius-b-67 {
  border-bottom-right-radius: 67px;
  border-bottom-left-radius: 67px;
}

.radius-l-67 {
  border-top-left-radius: 67px;
  border-bottom-left-radius: 67px;
}

.radius-r-67 {
  border-top-right-radius: 67px;
  border-bottom-right-radius: 67px;
}

.radius-tl-67 {
  border-top-left-radius: 67px;
}

.radius-tr-67 {
  border-top-right-radius: 67px;
}

.radius-br-67 {
  border-bottom-right-radius: 67px;
}

.radius-bl-67 {
  border-bottom-left-radius: 67px;
}

.radius-68 {
  border-radius: 68px;
}

.radius-t-68 {
  border-top-left-radius: 68px;
  border-top-right-radius: 68px;
}

.radius-b-68 {
  border-bottom-right-radius: 68px;
  border-bottom-left-radius: 68px;
}

.radius-l-68 {
  border-top-left-radius: 68px;
  border-bottom-left-radius: 68px;
}

.radius-r-68 {
  border-top-right-radius: 68px;
  border-bottom-right-radius: 68px;
}

.radius-tl-68 {
  border-top-left-radius: 68px;
}

.radius-tr-68 {
  border-top-right-radius: 68px;
}

.radius-br-68 {
  border-bottom-right-radius: 68px;
}

.radius-bl-68 {
  border-bottom-left-radius: 68px;
}

.radius-69 {
  border-radius: 69px;
}

.radius-t-69 {
  border-top-left-radius: 69px;
  border-top-right-radius: 69px;
}

.radius-b-69 {
  border-bottom-right-radius: 69px;
  border-bottom-left-radius: 69px;
}

.radius-l-69 {
  border-top-left-radius: 69px;
  border-bottom-left-radius: 69px;
}

.radius-r-69 {
  border-top-right-radius: 69px;
  border-bottom-right-radius: 69px;
}

.radius-tl-69 {
  border-top-left-radius: 69px;
}

.radius-tr-69 {
  border-top-right-radius: 69px;
}

.radius-br-69 {
  border-bottom-right-radius: 69px;
}

.radius-bl-69 {
  border-bottom-left-radius: 69px;
}

.radius-70 {
  border-radius: 70px;
}

.radius-t-70 {
  border-top-left-radius: 70px;
  border-top-right-radius: 70px;
}

.radius-b-70 {
  border-bottom-right-radius: 70px;
  border-bottom-left-radius: 70px;
}

.radius-l-70 {
  border-top-left-radius: 70px;
  border-bottom-left-radius: 70px;
}

.radius-r-70 {
  border-top-right-radius: 70px;
  border-bottom-right-radius: 70px;
}

.radius-tl-70 {
  border-top-left-radius: 70px;
}

.radius-tr-70 {
  border-top-right-radius: 70px;
}

.radius-br-70 {
  border-bottom-right-radius: 70px;
}

.radius-bl-70 {
  border-bottom-left-radius: 70px;
}

.radius-71 {
  border-radius: 71px;
}

.radius-t-71 {
  border-top-left-radius: 71px;
  border-top-right-radius: 71px;
}

.radius-b-71 {
  border-bottom-right-radius: 71px;
  border-bottom-left-radius: 71px;
}

.radius-l-71 {
  border-top-left-radius: 71px;
  border-bottom-left-radius: 71px;
}

.radius-r-71 {
  border-top-right-radius: 71px;
  border-bottom-right-radius: 71px;
}

.radius-tl-71 {
  border-top-left-radius: 71px;
}

.radius-tr-71 {
  border-top-right-radius: 71px;
}

.radius-br-71 {
  border-bottom-right-radius: 71px;
}

.radius-bl-71 {
  border-bottom-left-radius: 71px;
}

.radius-72 {
  border-radius: 72px;
}

.radius-t-72 {
  border-top-left-radius: 72px;
  border-top-right-radius: 72px;
}

.radius-b-72 {
  border-bottom-right-radius: 72px;
  border-bottom-left-radius: 72px;
}

.radius-l-72 {
  border-top-left-radius: 72px;
  border-bottom-left-radius: 72px;
}

.radius-r-72 {
  border-top-right-radius: 72px;
  border-bottom-right-radius: 72px;
}

.radius-tl-72 {
  border-top-left-radius: 72px;
}

.radius-tr-72 {
  border-top-right-radius: 72px;
}

.radius-br-72 {
  border-bottom-right-radius: 72px;
}

.radius-bl-72 {
  border-bottom-left-radius: 72px;
}

.radius-73 {
  border-radius: 73px;
}

.radius-t-73 {
  border-top-left-radius: 73px;
  border-top-right-radius: 73px;
}

.radius-b-73 {
  border-bottom-right-radius: 73px;
  border-bottom-left-radius: 73px;
}

.radius-l-73 {
  border-top-left-radius: 73px;
  border-bottom-left-radius: 73px;
}

.radius-r-73 {
  border-top-right-radius: 73px;
  border-bottom-right-radius: 73px;
}

.radius-tl-73 {
  border-top-left-radius: 73px;
}

.radius-tr-73 {
  border-top-right-radius: 73px;
}

.radius-br-73 {
  border-bottom-right-radius: 73px;
}

.radius-bl-73 {
  border-bottom-left-radius: 73px;
}

.radius-74 {
  border-radius: 74px;
}

.radius-t-74 {
  border-top-left-radius: 74px;
  border-top-right-radius: 74px;
}

.radius-b-74 {
  border-bottom-right-radius: 74px;
  border-bottom-left-radius: 74px;
}

.radius-l-74 {
  border-top-left-radius: 74px;
  border-bottom-left-radius: 74px;
}

.radius-r-74 {
  border-top-right-radius: 74px;
  border-bottom-right-radius: 74px;
}

.radius-tl-74 {
  border-top-left-radius: 74px;
}

.radius-tr-74 {
  border-top-right-radius: 74px;
}

.radius-br-74 {
  border-bottom-right-radius: 74px;
}

.radius-bl-74 {
  border-bottom-left-radius: 74px;
}

.radius-75 {
  border-radius: 75px;
}

.radius-t-75 {
  border-top-left-radius: 75px;
  border-top-right-radius: 75px;
}

.radius-b-75 {
  border-bottom-right-radius: 75px;
  border-bottom-left-radius: 75px;
}

.radius-l-75 {
  border-top-left-radius: 75px;
  border-bottom-left-radius: 75px;
}

.radius-r-75 {
  border-top-right-radius: 75px;
  border-bottom-right-radius: 75px;
}

.radius-tl-75 {
  border-top-left-radius: 75px;
}

.radius-tr-75 {
  border-top-right-radius: 75px;
}

.radius-br-75 {
  border-bottom-right-radius: 75px;
}

.radius-bl-75 {
  border-bottom-left-radius: 75px;
}

.radius-76 {
  border-radius: 76px;
}

.radius-t-76 {
  border-top-left-radius: 76px;
  border-top-right-radius: 76px;
}

.radius-b-76 {
  border-bottom-right-radius: 76px;
  border-bottom-left-radius: 76px;
}

.radius-l-76 {
  border-top-left-radius: 76px;
  border-bottom-left-radius: 76px;
}

.radius-r-76 {
  border-top-right-radius: 76px;
  border-bottom-right-radius: 76px;
}

.radius-tl-76 {
  border-top-left-radius: 76px;
}

.radius-tr-76 {
  border-top-right-radius: 76px;
}

.radius-br-76 {
  border-bottom-right-radius: 76px;
}

.radius-bl-76 {
  border-bottom-left-radius: 76px;
}

.radius-77 {
  border-radius: 77px;
}

.radius-t-77 {
  border-top-left-radius: 77px;
  border-top-right-radius: 77px;
}

.radius-b-77 {
  border-bottom-right-radius: 77px;
  border-bottom-left-radius: 77px;
}

.radius-l-77 {
  border-top-left-radius: 77px;
  border-bottom-left-radius: 77px;
}

.radius-r-77 {
  border-top-right-radius: 77px;
  border-bottom-right-radius: 77px;
}

.radius-tl-77 {
  border-top-left-radius: 77px;
}

.radius-tr-77 {
  border-top-right-radius: 77px;
}

.radius-br-77 {
  border-bottom-right-radius: 77px;
}

.radius-bl-77 {
  border-bottom-left-radius: 77px;
}

.radius-78 {
  border-radius: 78px;
}

.radius-t-78 {
  border-top-left-radius: 78px;
  border-top-right-radius: 78px;
}

.radius-b-78 {
  border-bottom-right-radius: 78px;
  border-bottom-left-radius: 78px;
}

.radius-l-78 {
  border-top-left-radius: 78px;
  border-bottom-left-radius: 78px;
}

.radius-r-78 {
  border-top-right-radius: 78px;
  border-bottom-right-radius: 78px;
}

.radius-tl-78 {
  border-top-left-radius: 78px;
}

.radius-tr-78 {
  border-top-right-radius: 78px;
}

.radius-br-78 {
  border-bottom-right-radius: 78px;
}

.radius-bl-78 {
  border-bottom-left-radius: 78px;
}

.radius-79 {
  border-radius: 79px;
}

.radius-t-79 {
  border-top-left-radius: 79px;
  border-top-right-radius: 79px;
}

.radius-b-79 {
  border-bottom-right-radius: 79px;
  border-bottom-left-radius: 79px;
}

.radius-l-79 {
  border-top-left-radius: 79px;
  border-bottom-left-radius: 79px;
}

.radius-r-79 {
  border-top-right-radius: 79px;
  border-bottom-right-radius: 79px;
}

.radius-tl-79 {
  border-top-left-radius: 79px;
}

.radius-tr-79 {
  border-top-right-radius: 79px;
}

.radius-br-79 {
  border-bottom-right-radius: 79px;
}

.radius-bl-79 {
  border-bottom-left-radius: 79px;
}

.radius-80 {
  border-radius: 80px;
}

.radius-t-80 {
  border-top-left-radius: 80px;
  border-top-right-radius: 80px;
}

.radius-b-80 {
  border-bottom-right-radius: 80px;
  border-bottom-left-radius: 80px;
}

.radius-l-80 {
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
}

.radius-r-80 {
  border-top-right-radius: 80px;
  border-bottom-right-radius: 80px;
}

.radius-tl-80 {
  border-top-left-radius: 80px;
}

.radius-tr-80 {
  border-top-right-radius: 80px;
}

.radius-br-80 {
  border-bottom-right-radius: 80px;
}

.radius-bl-80 {
  border-bottom-left-radius: 80px;
}

.radius-81 {
  border-radius: 81px;
}

.radius-t-81 {
  border-top-left-radius: 81px;
  border-top-right-radius: 81px;
}

.radius-b-81 {
  border-bottom-right-radius: 81px;
  border-bottom-left-radius: 81px;
}

.radius-l-81 {
  border-top-left-radius: 81px;
  border-bottom-left-radius: 81px;
}

.radius-r-81 {
  border-top-right-radius: 81px;
  border-bottom-right-radius: 81px;
}

.radius-tl-81 {
  border-top-left-radius: 81px;
}

.radius-tr-81 {
  border-top-right-radius: 81px;
}

.radius-br-81 {
  border-bottom-right-radius: 81px;
}

.radius-bl-81 {
  border-bottom-left-radius: 81px;
}

.radius-82 {
  border-radius: 82px;
}

.radius-t-82 {
  border-top-left-radius: 82px;
  border-top-right-radius: 82px;
}

.radius-b-82 {
  border-bottom-right-radius: 82px;
  border-bottom-left-radius: 82px;
}

.radius-l-82 {
  border-top-left-radius: 82px;
  border-bottom-left-radius: 82px;
}

.radius-r-82 {
  border-top-right-radius: 82px;
  border-bottom-right-radius: 82px;
}

.radius-tl-82 {
  border-top-left-radius: 82px;
}

.radius-tr-82 {
  border-top-right-radius: 82px;
}

.radius-br-82 {
  border-bottom-right-radius: 82px;
}

.radius-bl-82 {
  border-bottom-left-radius: 82px;
}

.radius-83 {
  border-radius: 83px;
}

.radius-t-83 {
  border-top-left-radius: 83px;
  border-top-right-radius: 83px;
}

.radius-b-83 {
  border-bottom-right-radius: 83px;
  border-bottom-left-radius: 83px;
}

.radius-l-83 {
  border-top-left-radius: 83px;
  border-bottom-left-radius: 83px;
}

.radius-r-83 {
  border-top-right-radius: 83px;
  border-bottom-right-radius: 83px;
}

.radius-tl-83 {
  border-top-left-radius: 83px;
}

.radius-tr-83 {
  border-top-right-radius: 83px;
}

.radius-br-83 {
  border-bottom-right-radius: 83px;
}

.radius-bl-83 {
  border-bottom-left-radius: 83px;
}

.radius-84 {
  border-radius: 84px;
}

.radius-t-84 {
  border-top-left-radius: 84px;
  border-top-right-radius: 84px;
}

.radius-b-84 {
  border-bottom-right-radius: 84px;
  border-bottom-left-radius: 84px;
}

.radius-l-84 {
  border-top-left-radius: 84px;
  border-bottom-left-radius: 84px;
}

.radius-r-84 {
  border-top-right-radius: 84px;
  border-bottom-right-radius: 84px;
}

.radius-tl-84 {
  border-top-left-radius: 84px;
}

.radius-tr-84 {
  border-top-right-radius: 84px;
}

.radius-br-84 {
  border-bottom-right-radius: 84px;
}

.radius-bl-84 {
  border-bottom-left-radius: 84px;
}

.radius-85 {
  border-radius: 85px;
}

.radius-t-85 {
  border-top-left-radius: 85px;
  border-top-right-radius: 85px;
}

.radius-b-85 {
  border-bottom-right-radius: 85px;
  border-bottom-left-radius: 85px;
}

.radius-l-85 {
  border-top-left-radius: 85px;
  border-bottom-left-radius: 85px;
}

.radius-r-85 {
  border-top-right-radius: 85px;
  border-bottom-right-radius: 85px;
}

.radius-tl-85 {
  border-top-left-radius: 85px;
}

.radius-tr-85 {
  border-top-right-radius: 85px;
}

.radius-br-85 {
  border-bottom-right-radius: 85px;
}

.radius-bl-85 {
  border-bottom-left-radius: 85px;
}

.radius-86 {
  border-radius: 86px;
}

.radius-t-86 {
  border-top-left-radius: 86px;
  border-top-right-radius: 86px;
}

.radius-b-86 {
  border-bottom-right-radius: 86px;
  border-bottom-left-radius: 86px;
}

.radius-l-86 {
  border-top-left-radius: 86px;
  border-bottom-left-radius: 86px;
}

.radius-r-86 {
  border-top-right-radius: 86px;
  border-bottom-right-radius: 86px;
}

.radius-tl-86 {
  border-top-left-radius: 86px;
}

.radius-tr-86 {
  border-top-right-radius: 86px;
}

.radius-br-86 {
  border-bottom-right-radius: 86px;
}

.radius-bl-86 {
  border-bottom-left-radius: 86px;
}

.radius-87 {
  border-radius: 87px;
}

.radius-t-87 {
  border-top-left-radius: 87px;
  border-top-right-radius: 87px;
}

.radius-b-87 {
  border-bottom-right-radius: 87px;
  border-bottom-left-radius: 87px;
}

.radius-l-87 {
  border-top-left-radius: 87px;
  border-bottom-left-radius: 87px;
}

.radius-r-87 {
  border-top-right-radius: 87px;
  border-bottom-right-radius: 87px;
}

.radius-tl-87 {
  border-top-left-radius: 87px;
}

.radius-tr-87 {
  border-top-right-radius: 87px;
}

.radius-br-87 {
  border-bottom-right-radius: 87px;
}

.radius-bl-87 {
  border-bottom-left-radius: 87px;
}

.radius-88 {
  border-radius: 88px;
}

.radius-t-88 {
  border-top-left-radius: 88px;
  border-top-right-radius: 88px;
}

.radius-b-88 {
  border-bottom-right-radius: 88px;
  border-bottom-left-radius: 88px;
}

.radius-l-88 {
  border-top-left-radius: 88px;
  border-bottom-left-radius: 88px;
}

.radius-r-88 {
  border-top-right-radius: 88px;
  border-bottom-right-radius: 88px;
}

.radius-tl-88 {
  border-top-left-radius: 88px;
}

.radius-tr-88 {
  border-top-right-radius: 88px;
}

.radius-br-88 {
  border-bottom-right-radius: 88px;
}

.radius-bl-88 {
  border-bottom-left-radius: 88px;
}

.radius-89 {
  border-radius: 89px;
}

.radius-t-89 {
  border-top-left-radius: 89px;
  border-top-right-radius: 89px;
}

.radius-b-89 {
  border-bottom-right-radius: 89px;
  border-bottom-left-radius: 89px;
}

.radius-l-89 {
  border-top-left-radius: 89px;
  border-bottom-left-radius: 89px;
}

.radius-r-89 {
  border-top-right-radius: 89px;
  border-bottom-right-radius: 89px;
}

.radius-tl-89 {
  border-top-left-radius: 89px;
}

.radius-tr-89 {
  border-top-right-radius: 89px;
}

.radius-br-89 {
  border-bottom-right-radius: 89px;
}

.radius-bl-89 {
  border-bottom-left-radius: 89px;
}

.radius-90 {
  border-radius: 90px;
}

.radius-t-90 {
  border-top-left-radius: 90px;
  border-top-right-radius: 90px;
}

.radius-b-90 {
  border-bottom-right-radius: 90px;
  border-bottom-left-radius: 90px;
}

.radius-l-90 {
  border-top-left-radius: 90px;
  border-bottom-left-radius: 90px;
}

.radius-r-90 {
  border-top-right-radius: 90px;
  border-bottom-right-radius: 90px;
}

.radius-tl-90 {
  border-top-left-radius: 90px;
}

.radius-tr-90 {
  border-top-right-radius: 90px;
}

.radius-br-90 {
  border-bottom-right-radius: 90px;
}

.radius-bl-90 {
  border-bottom-left-radius: 90px;
}

.radius-91 {
  border-radius: 91px;
}

.radius-t-91 {
  border-top-left-radius: 91px;
  border-top-right-radius: 91px;
}

.radius-b-91 {
  border-bottom-right-radius: 91px;
  border-bottom-left-radius: 91px;
}

.radius-l-91 {
  border-top-left-radius: 91px;
  border-bottom-left-radius: 91px;
}

.radius-r-91 {
  border-top-right-radius: 91px;
  border-bottom-right-radius: 91px;
}

.radius-tl-91 {
  border-top-left-radius: 91px;
}

.radius-tr-91 {
  border-top-right-radius: 91px;
}

.radius-br-91 {
  border-bottom-right-radius: 91px;
}

.radius-bl-91 {
  border-bottom-left-radius: 91px;
}

.radius-92 {
  border-radius: 92px;
}

.radius-t-92 {
  border-top-left-radius: 92px;
  border-top-right-radius: 92px;
}

.radius-b-92 {
  border-bottom-right-radius: 92px;
  border-bottom-left-radius: 92px;
}

.radius-l-92 {
  border-top-left-radius: 92px;
  border-bottom-left-radius: 92px;
}

.radius-r-92 {
  border-top-right-radius: 92px;
  border-bottom-right-radius: 92px;
}

.radius-tl-92 {
  border-top-left-radius: 92px;
}

.radius-tr-92 {
  border-top-right-radius: 92px;
}

.radius-br-92 {
  border-bottom-right-radius: 92px;
}

.radius-bl-92 {
  border-bottom-left-radius: 92px;
}

.radius-93 {
  border-radius: 93px;
}

.radius-t-93 {
  border-top-left-radius: 93px;
  border-top-right-radius: 93px;
}

.radius-b-93 {
  border-bottom-right-radius: 93px;
  border-bottom-left-radius: 93px;
}

.radius-l-93 {
  border-top-left-radius: 93px;
  border-bottom-left-radius: 93px;
}

.radius-r-93 {
  border-top-right-radius: 93px;
  border-bottom-right-radius: 93px;
}

.radius-tl-93 {
  border-top-left-radius: 93px;
}

.radius-tr-93 {
  border-top-right-radius: 93px;
}

.radius-br-93 {
  border-bottom-right-radius: 93px;
}

.radius-bl-93 {
  border-bottom-left-radius: 93px;
}

.radius-94 {
  border-radius: 94px;
}

.radius-t-94 {
  border-top-left-radius: 94px;
  border-top-right-radius: 94px;
}

.radius-b-94 {
  border-bottom-right-radius: 94px;
  border-bottom-left-radius: 94px;
}

.radius-l-94 {
  border-top-left-radius: 94px;
  border-bottom-left-radius: 94px;
}

.radius-r-94 {
  border-top-right-radius: 94px;
  border-bottom-right-radius: 94px;
}

.radius-tl-94 {
  border-top-left-radius: 94px;
}

.radius-tr-94 {
  border-top-right-radius: 94px;
}

.radius-br-94 {
  border-bottom-right-radius: 94px;
}

.radius-bl-94 {
  border-bottom-left-radius: 94px;
}

.radius-95 {
  border-radius: 95px;
}

.radius-t-95 {
  border-top-left-radius: 95px;
  border-top-right-radius: 95px;
}

.radius-b-95 {
  border-bottom-right-radius: 95px;
  border-bottom-left-radius: 95px;
}

.radius-l-95 {
  border-top-left-radius: 95px;
  border-bottom-left-radius: 95px;
}

.radius-r-95 {
  border-top-right-radius: 95px;
  border-bottom-right-radius: 95px;
}

.radius-tl-95 {
  border-top-left-radius: 95px;
}

.radius-tr-95 {
  border-top-right-radius: 95px;
}

.radius-br-95 {
  border-bottom-right-radius: 95px;
}

.radius-bl-95 {
  border-bottom-left-radius: 95px;
}

.radius-96 {
  border-radius: 96px;
}

.radius-t-96 {
  border-top-left-radius: 96px;
  border-top-right-radius: 96px;
}

.radius-b-96 {
  border-bottom-right-radius: 96px;
  border-bottom-left-radius: 96px;
}

.radius-l-96 {
  border-top-left-radius: 96px;
  border-bottom-left-radius: 96px;
}

.radius-r-96 {
  border-top-right-radius: 96px;
  border-bottom-right-radius: 96px;
}

.radius-tl-96 {
  border-top-left-radius: 96px;
}

.radius-tr-96 {
  border-top-right-radius: 96px;
}

.radius-br-96 {
  border-bottom-right-radius: 96px;
}

.radius-bl-96 {
  border-bottom-left-radius: 96px;
}

.radius-97 {
  border-radius: 97px;
}

.radius-t-97 {
  border-top-left-radius: 97px;
  border-top-right-radius: 97px;
}

.radius-b-97 {
  border-bottom-right-radius: 97px;
  border-bottom-left-radius: 97px;
}

.radius-l-97 {
  border-top-left-radius: 97px;
  border-bottom-left-radius: 97px;
}

.radius-r-97 {
  border-top-right-radius: 97px;
  border-bottom-right-radius: 97px;
}

.radius-tl-97 {
  border-top-left-radius: 97px;
}

.radius-tr-97 {
  border-top-right-radius: 97px;
}

.radius-br-97 {
  border-bottom-right-radius: 97px;
}

.radius-bl-97 {
  border-bottom-left-radius: 97px;
}

.radius-98 {
  border-radius: 98px;
}

.radius-t-98 {
  border-top-left-radius: 98px;
  border-top-right-radius: 98px;
}

.radius-b-98 {
  border-bottom-right-radius: 98px;
  border-bottom-left-radius: 98px;
}

.radius-l-98 {
  border-top-left-radius: 98px;
  border-bottom-left-radius: 98px;
}

.radius-r-98 {
  border-top-right-radius: 98px;
  border-bottom-right-radius: 98px;
}

.radius-tl-98 {
  border-top-left-radius: 98px;
}

.radius-tr-98 {
  border-top-right-radius: 98px;
}

.radius-br-98 {
  border-bottom-right-radius: 98px;
}

.radius-bl-98 {
  border-bottom-left-radius: 98px;
}

.radius-99 {
  border-radius: 99px;
}

.radius-t-99 {
  border-top-left-radius: 99px;
  border-top-right-radius: 99px;
}

.radius-b-99 {
  border-bottom-right-radius: 99px;
  border-bottom-left-radius: 99px;
}

.radius-l-99 {
  border-top-left-radius: 99px;
  border-bottom-left-radius: 99px;
}

.radius-r-99 {
  border-top-right-radius: 99px;
  border-bottom-right-radius: 99px;
}

.radius-tl-99 {
  border-top-left-radius: 99px;
}

.radius-tr-99 {
  border-top-right-radius: 99px;
}

.radius-br-99 {
  border-bottom-right-radius: 99px;
}

.radius-bl-99 {
  border-bottom-left-radius: 99px;
}

.radius-100 {
  border-radius: 100px;
}

.radius-t-100 {
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
}

.radius-b-100 {
  border-bottom-right-radius: 100px;
  border-bottom-left-radius: 100px;
}

.radius-l-100 {
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
}

.radius-r-100 {
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
}

.radius-tl-100 {
  border-top-left-radius: 100px;
}

.radius-tr-100 {
  border-top-right-radius: 100px;
}

.radius-br-100 {
  border-bottom-right-radius: 100px;
}

.radius-bl-100 {
  border-bottom-left-radius: 100px;
}

/*
 * Sets the border-radius to 0 for all corners.
 */
.radius-0 {
  border-radius: 0;
}

/*
 * Sets the border-radius to 0 for the top-left and top-right corners.
 */
.radius-t-0 {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/*
 * Sets the border-radius to 0 for the bottom-right and bottom-left corners.
 */
.radius-b-0 {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

/*
 * Sets the border-radius to 0 for the top-left and bottom-left corners.
 */
.radius-l-0 {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/*
 * Sets the border-radius to 0 for the top-right and bottom-right corners.
 */
.radius-r-0 {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/*
 * Sets the border-radius to 0 for the top-left corner.
 */
.radius-tl-0 {
  border-top-left-radius: 0;
}

/*
 * Sets the border-radius to 0 for the top-right corner.
 */
.radius-tr-0 {
  border-top-right-radius: 0;
}

/*
 * Sets the border-radius to 0 for the bottom-right corner.
 */
.radius-br-0 {
  border-bottom-right-radius: 0;
}

/*
 * Sets the border-radius to 0 for the bottom-left corner.
 */
.radius-bl-0 {
  border-bottom-left-radius: 0;
}

/*
 * DISPLAYS
 * This section contains styles for managing the display property of elements.
 *
 * INLINE-BLOCK
 * The .inline-block class sets the display property of an element to 'inline-block'.
 * The !important rule ensures this style will override any other conflicting styles.
 */
.inline-block {
  display: inline-block !important;
}

/*
 * BLOCK
 * The .block class sets the display property of an element to 'block'.
 * The !important rule ensures this style will override any other conflicting styles.
 */
.block {
  display: block !important;
}

/*
 * HIDDEN
 * The .hidden class sets the display property of an element to 'none'.
 * This hides the element.
 * The !important rule ensures this style will override any other conflicting styles.
 */
.hidden {
  display: none !important;
}

/*
 * BREAKPOINTS
 * This section defines a map of breakpoints for different screen sizes.
 * The map keys are the names of the breakpoints, and the map values are the sizes of the breakpoints.
 */
/*
 * HIDE CLASSES
 * This section contains styles for hiding elements at specific breakpoints.
 * The .hide-{name}-min classes hide an element on screens larger than the corresponding breakpoint.
 * The .hide-{name} classes hide an element on the corresponding breakpoint and smaller screens.
 */
@media (min-width: 449.98px) {
  .hide-xxs {
    display: none !important;
  }
}
@media (max-width: 449.98px) {
  .show-xxs {
    display: none !important;
  }
}
@media (min-width: 575.98px) {
  .hide-xs {
    display: none !important;
  }
}
@media (max-width: 575.98px) {
  .show-xs {
    display: none !important;
  }
}
@media (min-width: 767.98px) {
  .hide-sm {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  .show-sm {
    display: none !important;
  }
}
@media (min-width: 991.98px) {
  .hide-md {
    display: none !important;
  }
}
@media (max-width: 991.98px) {
  .show-md {
    display: none !important;
  }
}
@media (min-width: 1199.98px) {
  .hide-lg {
    display: none !important;
  }
}
@media (max-width: 1199.98px) {
  .show-lg {
    display: none !important;
  }
}
@media (min-width: 1489.98px) {
  .hide-xl {
    display: none !important;
  }
}
@media (max-width: 1489.98px) {
  .show-xl {
    display: none !important;
  }
}
@media (min-width: 1719.98px) {
  .hide-xxl {
    display: none !important;
  }
}
@media (max-width: 1719.98px) {
  .show-xxl {
    display: none !important;
  }
}
/*
 * HIDE-DESKTOP
 * The .hide-desktop class hides an element on screens larger than the $mobile breakpoint.
 */
@media (min-width: 991.98px) {
  .hide-desktop {
    display: none !important;
  }
}
/*
 * HIDE-MOBILE
 * The .hide-mobile class hides an element on the $mobile breakpoint and smaller screens.
 */
@media (max-width: 991.98px) {
  .hide-mobile {
    display: none !important;
  }
}
/*
 * Z-INDEX
 * This section contains styles for managing the z-index of elements.
 *
 * Z-INDEX CLASSES
 * The .z-{index} classes set the z-index of an element to the value of the index.
 * The index ranges from 0 through 10.
 * The !important rule ensures this style will override any other conflicting styles.
 */
.z-0 {
  z-index: 0 !important;
}

.z-1 {
  z-index: 1 !important;
}

.z-2 {
  z-index: 2 !important;
}

.z-3 {
  z-index: 3 !important;
}

.z-4 {
  z-index: 4 !important;
}

.z-5 {
  z-index: 5 !important;
}

.z-6 {
  z-index: 6 !important;
}

.z-7 {
  z-index: 7 !important;
}

.z-8 {
  z-index: 8 !important;
}

.z-9 {
  z-index: 9 !important;
}

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

/*
 * Z-INDEX NEGATIVE VALUES
 * The .z-{index} classes set the z-index of an element to the value of the index.
 * The index ranges from -1 through -10.
 * The !important rule ensures this style will override any other conflicting styles.
 */
.z--1 {
  z-index: -1 !important;
}

.z--2 {
  z-index: -2 !important;
}

.z--3 {
  z-index: -3 !important;
}

.z--4 {
  z-index: -4 !important;
}

.z--5 {
  z-index: -5 !important;
}

.z--6 {
  z-index: -6 !important;
}

.z--7 {
  z-index: -7 !important;
}

.z--8 {
  z-index: -8 !important;
}

.z--9 {
  z-index: -9 !important;
}

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

/*
 * POSITIONS
 * This section contains styles for positioning elements.
 *
 * RELATIVE
 * The .relative class sets the position of an element to relative.
 * This allows you to position the element relative to its normal position, without removing it from the normal document flow.
 * The !important rule ensures this style will override any other conflicting styles.
 */
.relative {
  position: relative;
}

.i-relative {
  position: relative !important;
}

.absolute {
  position: absolute;
}

.i-absolute {
  position: absolute !important;
}

.static {
  position: static;
}

.i-static {
  position: static !important;
}

.top-1px {
  top: 1px;
}

.top-2px {
  top: 2px;
}

.top-3px {
  top: 3px;
}

.top-4px {
  top: 4px;
}

.top-5px {
  top: 5px;
}

.top-6px {
  top: 6px;
}

.top-7px {
  top: 7px;
}

.top-8px {
  top: 8px;
}

.top-9px {
  top: 9px;
}

.top-10px {
  top: 10px;
}

.top-11px {
  top: 11px;
}

.top-12px {
  top: 12px;
}

.top-13px {
  top: 13px;
}

.top-14px {
  top: 14px;
}

.top-15px {
  top: 15px;
}

.top-16px {
  top: 16px;
}

.top-17px {
  top: 17px;
}

.top-18px {
  top: 18px;
}

.top-19px {
  top: 19px;
}

.top-20px {
  top: 20px;
}

.top-21px {
  top: 21px;
}

.top-22px {
  top: 22px;
}

.top-23px {
  top: 23px;
}

.top-24px {
  top: 24px;
}

.top-25px {
  top: 25px;
}

.top-26px {
  top: 26px;
}

.top-27px {
  top: 27px;
}

.top-28px {
  top: 28px;
}

.top-29px {
  top: 29px;
}

.top-30px {
  top: 30px;
}

.top-31px {
  top: 31px;
}

.top-32px {
  top: 32px;
}

.top-33px {
  top: 33px;
}

.top-34px {
  top: 34px;
}

.top-35px {
  top: 35px;
}

.top-36px {
  top: 36px;
}

.top-37px {
  top: 37px;
}

.top-38px {
  top: 38px;
}

.top-39px {
  top: 39px;
}

.top-40px {
  top: 40px;
}

.top-41px {
  top: 41px;
}

.top-42px {
  top: 42px;
}

.top-43px {
  top: 43px;
}

.top-44px {
  top: 44px;
}

.top-45px {
  top: 45px;
}

.top-46px {
  top: 46px;
}

.top-47px {
  top: 47px;
}

.top-48px {
  top: 48px;
}

.top-49px {
  top: 49px;
}

.top-50px {
  top: 50px;
}

.top-51px {
  top: 51px;
}

.top-52px {
  top: 52px;
}

.top-53px {
  top: 53px;
}

.top-54px {
  top: 54px;
}

.top-55px {
  top: 55px;
}

.top-56px {
  top: 56px;
}

.top-57px {
  top: 57px;
}

.top-58px {
  top: 58px;
}

.top-59px {
  top: 59px;
}

.top-60px {
  top: 60px;
}

.top-61px {
  top: 61px;
}

.top-62px {
  top: 62px;
}

.top-63px {
  top: 63px;
}

.top-64px {
  top: 64px;
}

.top-65px {
  top: 65px;
}

.top-66px {
  top: 66px;
}

.top-67px {
  top: 67px;
}

.top-68px {
  top: 68px;
}

.top-69px {
  top: 69px;
}

.top-70px {
  top: 70px;
}

.top-71px {
  top: 71px;
}

.top-72px {
  top: 72px;
}

.top-73px {
  top: 73px;
}

.top-74px {
  top: 74px;
}

.top-75px {
  top: 75px;
}

.top-76px {
  top: 76px;
}

.top-77px {
  top: 77px;
}

.top-78px {
  top: 78px;
}

.top-79px {
  top: 79px;
}

.top-80px {
  top: 80px;
}

.top-81px {
  top: 81px;
}

.top-82px {
  top: 82px;
}

.top-83px {
  top: 83px;
}

.top-84px {
  top: 84px;
}

.top-85px {
  top: 85px;
}

.top-86px {
  top: 86px;
}

.top-87px {
  top: 87px;
}

.top-88px {
  top: 88px;
}

.top-89px {
  top: 89px;
}

.top-90px {
  top: 90px;
}

.top-91px {
  top: 91px;
}

.top-92px {
  top: 92px;
}

.top-93px {
  top: 93px;
}

.top-94px {
  top: 94px;
}

.top-95px {
  top: 95px;
}

.top-96px {
  top: 96px;
}

.top-97px {
  top: 97px;
}

.top-98px {
  top: 98px;
}

.top-99px {
  top: 99px;
}

.top-100px {
  top: 100px;
}

.top-1\% {
  top: 1%;
}

.top-2\% {
  top: 2%;
}

.top-3\% {
  top: 3%;
}

.top-4\% {
  top: 4%;
}

.top-5\% {
  top: 5%;
}

.top-6\% {
  top: 6%;
}

.top-7\% {
  top: 7%;
}

.top-8\% {
  top: 8%;
}

.top-9\% {
  top: 9%;
}

.top-10\% {
  top: 10%;
}

.top-11\% {
  top: 11%;
}

.top-12\% {
  top: 12%;
}

.top-13\% {
  top: 13%;
}

.top-14\% {
  top: 14%;
}

.top-15\% {
  top: 15%;
}

.top-16\% {
  top: 16%;
}

.top-17\% {
  top: 17%;
}

.top-18\% {
  top: 18%;
}

.top-19\% {
  top: 19%;
}

.top-20\% {
  top: 20%;
}

.top-21\% {
  top: 21%;
}

.top-22\% {
  top: 22%;
}

.top-23\% {
  top: 23%;
}

.top-24\% {
  top: 24%;
}

.top-25\% {
  top: 25%;
}

.top-26\% {
  top: 26%;
}

.top-27\% {
  top: 27%;
}

.top-28\% {
  top: 28%;
}

.top-29\% {
  top: 29%;
}

.top-30\% {
  top: 30%;
}

.top-31\% {
  top: 31%;
}

.top-32\% {
  top: 32%;
}

.top-33\% {
  top: 33%;
}

.top-34\% {
  top: 34%;
}

.top-35\% {
  top: 35%;
}

.top-36\% {
  top: 36%;
}

.top-37\% {
  top: 37%;
}

.top-38\% {
  top: 38%;
}

.top-39\% {
  top: 39%;
}

.top-40\% {
  top: 40%;
}

.top-41\% {
  top: 41%;
}

.top-42\% {
  top: 42%;
}

.top-43\% {
  top: 43%;
}

.top-44\% {
  top: 44%;
}

.top-45\% {
  top: 45%;
}

.top-46\% {
  top: 46%;
}

.top-47\% {
  top: 47%;
}

.top-48\% {
  top: 48%;
}

.top-49\% {
  top: 49%;
}

.top-50\% {
  top: 50%;
}

.top-51\% {
  top: 51%;
}

.top-52\% {
  top: 52%;
}

.top-53\% {
  top: 53%;
}

.top-54\% {
  top: 54%;
}

.top-55\% {
  top: 55%;
}

.top-56\% {
  top: 56%;
}

.top-57\% {
  top: 57%;
}

.top-58\% {
  top: 58%;
}

.top-59\% {
  top: 59%;
}

.top-60\% {
  top: 60%;
}

.top-61\% {
  top: 61%;
}

.top-62\% {
  top: 62%;
}

.top-63\% {
  top: 63%;
}

.top-64\% {
  top: 64%;
}

.top-65\% {
  top: 65%;
}

.top-66\% {
  top: 66%;
}

.top-67\% {
  top: 67%;
}

.top-68\% {
  top: 68%;
}

.top-69\% {
  top: 69%;
}

.top-70\% {
  top: 70%;
}

.top-71\% {
  top: 71%;
}

.top-72\% {
  top: 72%;
}

.top-73\% {
  top: 73%;
}

.top-74\% {
  top: 74%;
}

.top-75\% {
  top: 75%;
}

.top-76\% {
  top: 76%;
}

.top-77\% {
  top: 77%;
}

.top-78\% {
  top: 78%;
}

.top-79\% {
  top: 79%;
}

.top-80\% {
  top: 80%;
}

.top-81\% {
  top: 81%;
}

.top-82\% {
  top: 82%;
}

.top-83\% {
  top: 83%;
}

.top-84\% {
  top: 84%;
}

.top-85\% {
  top: 85%;
}

.top-86\% {
  top: 86%;
}

.top-87\% {
  top: 87%;
}

.top-88\% {
  top: 88%;
}

.top-89\% {
  top: 89%;
}

.top-90\% {
  top: 90%;
}

.top-91\% {
  top: 91%;
}

.top-92\% {
  top: 92%;
}

.top-93\% {
  top: 93%;
}

.top-94\% {
  top: 94%;
}

.top-95\% {
  top: 95%;
}

.top-96\% {
  top: 96%;
}

.top-97\% {
  top: 97%;
}

.top-98\% {
  top: 98%;
}

.top-99\% {
  top: 99%;
}

.top-100\% {
  top: 100%;
}

.right-1px {
  right: 1px;
}

.right-2px {
  right: 2px;
}

.right-3px {
  right: 3px;
}

.right-4px {
  right: 4px;
}

.right-5px {
  right: 5px;
}

.right-6px {
  right: 6px;
}

.right-7px {
  right: 7px;
}

.right-8px {
  right: 8px;
}

.right-9px {
  right: 9px;
}

.right-10px {
  right: 10px;
}

.right-11px {
  right: 11px;
}

.right-12px {
  right: 12px;
}

.right-13px {
  right: 13px;
}

.right-14px {
  right: 14px;
}

.right-15px {
  right: 15px;
}

.right-16px {
  right: 16px;
}

.right-17px {
  right: 17px;
}

.right-18px {
  right: 18px;
}

.right-19px {
  right: 19px;
}

.right-20px {
  right: 20px;
}

.right-21px {
  right: 21px;
}

.right-22px {
  right: 22px;
}

.right-23px {
  right: 23px;
}

.right-24px {
  right: 24px;
}

.right-25px {
  right: 25px;
}

.right-26px {
  right: 26px;
}

.right-27px {
  right: 27px;
}

.right-28px {
  right: 28px;
}

.right-29px {
  right: 29px;
}

.right-30px {
  right: 30px;
}

.right-31px {
  right: 31px;
}

.right-32px {
  right: 32px;
}

.right-33px {
  right: 33px;
}

.right-34px {
  right: 34px;
}

.right-35px {
  right: 35px;
}

.right-36px {
  right: 36px;
}

.right-37px {
  right: 37px;
}

.right-38px {
  right: 38px;
}

.right-39px {
  right: 39px;
}

.right-40px {
  right: 40px;
}

.right-41px {
  right: 41px;
}

.right-42px {
  right: 42px;
}

.right-43px {
  right: 43px;
}

.right-44px {
  right: 44px;
}

.right-45px {
  right: 45px;
}

.right-46px {
  right: 46px;
}

.right-47px {
  right: 47px;
}

.right-48px {
  right: 48px;
}

.right-49px {
  right: 49px;
}

.right-50px {
  right: 50px;
}

.right-51px {
  right: 51px;
}

.right-52px {
  right: 52px;
}

.right-53px {
  right: 53px;
}

.right-54px {
  right: 54px;
}

.right-55px {
  right: 55px;
}

.right-56px {
  right: 56px;
}

.right-57px {
  right: 57px;
}

.right-58px {
  right: 58px;
}

.right-59px {
  right: 59px;
}

.right-60px {
  right: 60px;
}

.right-61px {
  right: 61px;
}

.right-62px {
  right: 62px;
}

.right-63px {
  right: 63px;
}

.right-64px {
  right: 64px;
}

.right-65px {
  right: 65px;
}

.right-66px {
  right: 66px;
}

.right-67px {
  right: 67px;
}

.right-68px {
  right: 68px;
}

.right-69px {
  right: 69px;
}

.right-70px {
  right: 70px;
}

.right-71px {
  right: 71px;
}

.right-72px {
  right: 72px;
}

.right-73px {
  right: 73px;
}

.right-74px {
  right: 74px;
}

.right-75px {
  right: 75px;
}

.right-76px {
  right: 76px;
}

.right-77px {
  right: 77px;
}

.right-78px {
  right: 78px;
}

.right-79px {
  right: 79px;
}

.right-80px {
  right: 80px;
}

.right-81px {
  right: 81px;
}

.right-82px {
  right: 82px;
}

.right-83px {
  right: 83px;
}

.right-84px {
  right: 84px;
}

.right-85px {
  right: 85px;
}

.right-86px {
  right: 86px;
}

.right-87px {
  right: 87px;
}

.right-88px {
  right: 88px;
}

.right-89px {
  right: 89px;
}

.right-90px {
  right: 90px;
}

.right-91px {
  right: 91px;
}

.right-92px {
  right: 92px;
}

.right-93px {
  right: 93px;
}

.right-94px {
  right: 94px;
}

.right-95px {
  right: 95px;
}

.right-96px {
  right: 96px;
}

.right-97px {
  right: 97px;
}

.right-98px {
  right: 98px;
}

.right-99px {
  right: 99px;
}

.right-100px {
  right: 100px;
}

.right-1\% {
  right: 1%;
}

.right-2\% {
  right: 2%;
}

.right-3\% {
  right: 3%;
}

.right-4\% {
  right: 4%;
}

.right-5\% {
  right: 5%;
}

.right-6\% {
  right: 6%;
}

.right-7\% {
  right: 7%;
}

.right-8\% {
  right: 8%;
}

.right-9\% {
  right: 9%;
}

.right-10\% {
  right: 10%;
}

.right-11\% {
  right: 11%;
}

.right-12\% {
  right: 12%;
}

.right-13\% {
  right: 13%;
}

.right-14\% {
  right: 14%;
}

.right-15\% {
  right: 15%;
}

.right-16\% {
  right: 16%;
}

.right-17\% {
  right: 17%;
}

.right-18\% {
  right: 18%;
}

.right-19\% {
  right: 19%;
}

.right-20\% {
  right: 20%;
}

.right-21\% {
  right: 21%;
}

.right-22\% {
  right: 22%;
}

.right-23\% {
  right: 23%;
}

.right-24\% {
  right: 24%;
}

.right-25\% {
  right: 25%;
}

.right-26\% {
  right: 26%;
}

.right-27\% {
  right: 27%;
}

.right-28\% {
  right: 28%;
}

.right-29\% {
  right: 29%;
}

.right-30\% {
  right: 30%;
}

.right-31\% {
  right: 31%;
}

.right-32\% {
  right: 32%;
}

.right-33\% {
  right: 33%;
}

.right-34\% {
  right: 34%;
}

.right-35\% {
  right: 35%;
}

.right-36\% {
  right: 36%;
}

.right-37\% {
  right: 37%;
}

.right-38\% {
  right: 38%;
}

.right-39\% {
  right: 39%;
}

.right-40\% {
  right: 40%;
}

.right-41\% {
  right: 41%;
}

.right-42\% {
  right: 42%;
}

.right-43\% {
  right: 43%;
}

.right-44\% {
  right: 44%;
}

.right-45\% {
  right: 45%;
}

.right-46\% {
  right: 46%;
}

.right-47\% {
  right: 47%;
}

.right-48\% {
  right: 48%;
}

.right-49\% {
  right: 49%;
}

.right-50\% {
  right: 50%;
}

.right-51\% {
  right: 51%;
}

.right-52\% {
  right: 52%;
}

.right-53\% {
  right: 53%;
}

.right-54\% {
  right: 54%;
}

.right-55\% {
  right: 55%;
}

.right-56\% {
  right: 56%;
}

.right-57\% {
  right: 57%;
}

.right-58\% {
  right: 58%;
}

.right-59\% {
  right: 59%;
}

.right-60\% {
  right: 60%;
}

.right-61\% {
  right: 61%;
}

.right-62\% {
  right: 62%;
}

.right-63\% {
  right: 63%;
}

.right-64\% {
  right: 64%;
}

.right-65\% {
  right: 65%;
}

.right-66\% {
  right: 66%;
}

.right-67\% {
  right: 67%;
}

.right-68\% {
  right: 68%;
}

.right-69\% {
  right: 69%;
}

.right-70\% {
  right: 70%;
}

.right-71\% {
  right: 71%;
}

.right-72\% {
  right: 72%;
}

.right-73\% {
  right: 73%;
}

.right-74\% {
  right: 74%;
}

.right-75\% {
  right: 75%;
}

.right-76\% {
  right: 76%;
}

.right-77\% {
  right: 77%;
}

.right-78\% {
  right: 78%;
}

.right-79\% {
  right: 79%;
}

.right-80\% {
  right: 80%;
}

.right-81\% {
  right: 81%;
}

.right-82\% {
  right: 82%;
}

.right-83\% {
  right: 83%;
}

.right-84\% {
  right: 84%;
}

.right-85\% {
  right: 85%;
}

.right-86\% {
  right: 86%;
}

.right-87\% {
  right: 87%;
}

.right-88\% {
  right: 88%;
}

.right-89\% {
  right: 89%;
}

.right-90\% {
  right: 90%;
}

.right-91\% {
  right: 91%;
}

.right-92\% {
  right: 92%;
}

.right-93\% {
  right: 93%;
}

.right-94\% {
  right: 94%;
}

.right-95\% {
  right: 95%;
}

.right-96\% {
  right: 96%;
}

.right-97\% {
  right: 97%;
}

.right-98\% {
  right: 98%;
}

.right-99\% {
  right: 99%;
}

.right-100\% {
  right: 100%;
}

.bottom-1px {
  bottom: 1px;
}

.bottom-2px {
  bottom: 2px;
}

.bottom-3px {
  bottom: 3px;
}

.bottom-4px {
  bottom: 4px;
}

.bottom-5px {
  bottom: 5px;
}

.bottom-6px {
  bottom: 6px;
}

.bottom-7px {
  bottom: 7px;
}

.bottom-8px {
  bottom: 8px;
}

.bottom-9px {
  bottom: 9px;
}

.bottom-10px {
  bottom: 10px;
}

.bottom-11px {
  bottom: 11px;
}

.bottom-12px {
  bottom: 12px;
}

.bottom-13px {
  bottom: 13px;
}

.bottom-14px {
  bottom: 14px;
}

.bottom-15px {
  bottom: 15px;
}

.bottom-16px {
  bottom: 16px;
}

.bottom-17px {
  bottom: 17px;
}

.bottom-18px {
  bottom: 18px;
}

.bottom-19px {
  bottom: 19px;
}

.bottom-20px {
  bottom: 20px;
}

.bottom-21px {
  bottom: 21px;
}

.bottom-22px {
  bottom: 22px;
}

.bottom-23px {
  bottom: 23px;
}

.bottom-24px {
  bottom: 24px;
}

.bottom-25px {
  bottom: 25px;
}

.bottom-26px {
  bottom: 26px;
}

.bottom-27px {
  bottom: 27px;
}

.bottom-28px {
  bottom: 28px;
}

.bottom-29px {
  bottom: 29px;
}

.bottom-30px {
  bottom: 30px;
}

.bottom-31px {
  bottom: 31px;
}

.bottom-32px {
  bottom: 32px;
}

.bottom-33px {
  bottom: 33px;
}

.bottom-34px {
  bottom: 34px;
}

.bottom-35px {
  bottom: 35px;
}

.bottom-36px {
  bottom: 36px;
}

.bottom-37px {
  bottom: 37px;
}

.bottom-38px {
  bottom: 38px;
}

.bottom-39px {
  bottom: 39px;
}

.bottom-40px {
  bottom: 40px;
}

.bottom-41px {
  bottom: 41px;
}

.bottom-42px {
  bottom: 42px;
}

.bottom-43px {
  bottom: 43px;
}

.bottom-44px {
  bottom: 44px;
}

.bottom-45px {
  bottom: 45px;
}

.bottom-46px {
  bottom: 46px;
}

.bottom-47px {
  bottom: 47px;
}

.bottom-48px {
  bottom: 48px;
}

.bottom-49px {
  bottom: 49px;
}

.bottom-50px {
  bottom: 50px;
}

.bottom-51px {
  bottom: 51px;
}

.bottom-52px {
  bottom: 52px;
}

.bottom-53px {
  bottom: 53px;
}

.bottom-54px {
  bottom: 54px;
}

.bottom-55px {
  bottom: 55px;
}

.bottom-56px {
  bottom: 56px;
}

.bottom-57px {
  bottom: 57px;
}

.bottom-58px {
  bottom: 58px;
}

.bottom-59px {
  bottom: 59px;
}

.bottom-60px {
  bottom: 60px;
}

.bottom-61px {
  bottom: 61px;
}

.bottom-62px {
  bottom: 62px;
}

.bottom-63px {
  bottom: 63px;
}

.bottom-64px {
  bottom: 64px;
}

.bottom-65px {
  bottom: 65px;
}

.bottom-66px {
  bottom: 66px;
}

.bottom-67px {
  bottom: 67px;
}

.bottom-68px {
  bottom: 68px;
}

.bottom-69px {
  bottom: 69px;
}

.bottom-70px {
  bottom: 70px;
}

.bottom-71px {
  bottom: 71px;
}

.bottom-72px {
  bottom: 72px;
}

.bottom-73px {
  bottom: 73px;
}

.bottom-74px {
  bottom: 74px;
}

.bottom-75px {
  bottom: 75px;
}

.bottom-76px {
  bottom: 76px;
}

.bottom-77px {
  bottom: 77px;
}

.bottom-78px {
  bottom: 78px;
}

.bottom-79px {
  bottom: 79px;
}

.bottom-80px {
  bottom: 80px;
}

.bottom-81px {
  bottom: 81px;
}

.bottom-82px {
  bottom: 82px;
}

.bottom-83px {
  bottom: 83px;
}

.bottom-84px {
  bottom: 84px;
}

.bottom-85px {
  bottom: 85px;
}

.bottom-86px {
  bottom: 86px;
}

.bottom-87px {
  bottom: 87px;
}

.bottom-88px {
  bottom: 88px;
}

.bottom-89px {
  bottom: 89px;
}

.bottom-90px {
  bottom: 90px;
}

.bottom-91px {
  bottom: 91px;
}

.bottom-92px {
  bottom: 92px;
}

.bottom-93px {
  bottom: 93px;
}

.bottom-94px {
  bottom: 94px;
}

.bottom-95px {
  bottom: 95px;
}

.bottom-96px {
  bottom: 96px;
}

.bottom-97px {
  bottom: 97px;
}

.bottom-98px {
  bottom: 98px;
}

.bottom-99px {
  bottom: 99px;
}

.bottom-100px {
  bottom: 100px;
}

.bottom-1\% {
  bottom: 1%;
}

.bottom-2\% {
  bottom: 2%;
}

.bottom-3\% {
  bottom: 3%;
}

.bottom-4\% {
  bottom: 4%;
}

.bottom-5\% {
  bottom: 5%;
}

.bottom-6\% {
  bottom: 6%;
}

.bottom-7\% {
  bottom: 7%;
}

.bottom-8\% {
  bottom: 8%;
}

.bottom-9\% {
  bottom: 9%;
}

.bottom-10\% {
  bottom: 10%;
}

.bottom-11\% {
  bottom: 11%;
}

.bottom-12\% {
  bottom: 12%;
}

.bottom-13\% {
  bottom: 13%;
}

.bottom-14\% {
  bottom: 14%;
}

.bottom-15\% {
  bottom: 15%;
}

.bottom-16\% {
  bottom: 16%;
}

.bottom-17\% {
  bottom: 17%;
}

.bottom-18\% {
  bottom: 18%;
}

.bottom-19\% {
  bottom: 19%;
}

.bottom-20\% {
  bottom: 20%;
}

.bottom-21\% {
  bottom: 21%;
}

.bottom-22\% {
  bottom: 22%;
}

.bottom-23\% {
  bottom: 23%;
}

.bottom-24\% {
  bottom: 24%;
}

.bottom-25\% {
  bottom: 25%;
}

.bottom-26\% {
  bottom: 26%;
}

.bottom-27\% {
  bottom: 27%;
}

.bottom-28\% {
  bottom: 28%;
}

.bottom-29\% {
  bottom: 29%;
}

.bottom-30\% {
  bottom: 30%;
}

.bottom-31\% {
  bottom: 31%;
}

.bottom-32\% {
  bottom: 32%;
}

.bottom-33\% {
  bottom: 33%;
}

.bottom-34\% {
  bottom: 34%;
}

.bottom-35\% {
  bottom: 35%;
}

.bottom-36\% {
  bottom: 36%;
}

.bottom-37\% {
  bottom: 37%;
}

.bottom-38\% {
  bottom: 38%;
}

.bottom-39\% {
  bottom: 39%;
}

.bottom-40\% {
  bottom: 40%;
}

.bottom-41\% {
  bottom: 41%;
}

.bottom-42\% {
  bottom: 42%;
}

.bottom-43\% {
  bottom: 43%;
}

.bottom-44\% {
  bottom: 44%;
}

.bottom-45\% {
  bottom: 45%;
}

.bottom-46\% {
  bottom: 46%;
}

.bottom-47\% {
  bottom: 47%;
}

.bottom-48\% {
  bottom: 48%;
}

.bottom-49\% {
  bottom: 49%;
}

.bottom-50\% {
  bottom: 50%;
}

.bottom-51\% {
  bottom: 51%;
}

.bottom-52\% {
  bottom: 52%;
}

.bottom-53\% {
  bottom: 53%;
}

.bottom-54\% {
  bottom: 54%;
}

.bottom-55\% {
  bottom: 55%;
}

.bottom-56\% {
  bottom: 56%;
}

.bottom-57\% {
  bottom: 57%;
}

.bottom-58\% {
  bottom: 58%;
}

.bottom-59\% {
  bottom: 59%;
}

.bottom-60\% {
  bottom: 60%;
}

.bottom-61\% {
  bottom: 61%;
}

.bottom-62\% {
  bottom: 62%;
}

.bottom-63\% {
  bottom: 63%;
}

.bottom-64\% {
  bottom: 64%;
}

.bottom-65\% {
  bottom: 65%;
}

.bottom-66\% {
  bottom: 66%;
}

.bottom-67\% {
  bottom: 67%;
}

.bottom-68\% {
  bottom: 68%;
}

.bottom-69\% {
  bottom: 69%;
}

.bottom-70\% {
  bottom: 70%;
}

.bottom-71\% {
  bottom: 71%;
}

.bottom-72\% {
  bottom: 72%;
}

.bottom-73\% {
  bottom: 73%;
}

.bottom-74\% {
  bottom: 74%;
}

.bottom-75\% {
  bottom: 75%;
}

.bottom-76\% {
  bottom: 76%;
}

.bottom-77\% {
  bottom: 77%;
}

.bottom-78\% {
  bottom: 78%;
}

.bottom-79\% {
  bottom: 79%;
}

.bottom-80\% {
  bottom: 80%;
}

.bottom-81\% {
  bottom: 81%;
}

.bottom-82\% {
  bottom: 82%;
}

.bottom-83\% {
  bottom: 83%;
}

.bottom-84\% {
  bottom: 84%;
}

.bottom-85\% {
  bottom: 85%;
}

.bottom-86\% {
  bottom: 86%;
}

.bottom-87\% {
  bottom: 87%;
}

.bottom-88\% {
  bottom: 88%;
}

.bottom-89\% {
  bottom: 89%;
}

.bottom-90\% {
  bottom: 90%;
}

.bottom-91\% {
  bottom: 91%;
}

.bottom-92\% {
  bottom: 92%;
}

.bottom-93\% {
  bottom: 93%;
}

.bottom-94\% {
  bottom: 94%;
}

.bottom-95\% {
  bottom: 95%;
}

.bottom-96\% {
  bottom: 96%;
}

.bottom-97\% {
  bottom: 97%;
}

.bottom-98\% {
  bottom: 98%;
}

.bottom-99\% {
  bottom: 99%;
}

.bottom-100\% {
  bottom: 100%;
}

.left-1px {
  left: 1px;
}

.left-2px {
  left: 2px;
}

.left-3px {
  left: 3px;
}

.left-4px {
  left: 4px;
}

.left-5px {
  left: 5px;
}

.left-6px {
  left: 6px;
}

.left-7px {
  left: 7px;
}

.left-8px {
  left: 8px;
}

.left-9px {
  left: 9px;
}

.left-10px {
  left: 10px;
}

.left-11px {
  left: 11px;
}

.left-12px {
  left: 12px;
}

.left-13px {
  left: 13px;
}

.left-14px {
  left: 14px;
}

.left-15px {
  left: 15px;
}

.left-16px {
  left: 16px;
}

.left-17px {
  left: 17px;
}

.left-18px {
  left: 18px;
}

.left-19px {
  left: 19px;
}

.left-20px {
  left: 20px;
}

.left-21px {
  left: 21px;
}

.left-22px {
  left: 22px;
}

.left-23px {
  left: 23px;
}

.left-24px {
  left: 24px;
}

.left-25px {
  left: 25px;
}

.left-26px {
  left: 26px;
}

.left-27px {
  left: 27px;
}

.left-28px {
  left: 28px;
}

.left-29px {
  left: 29px;
}

.left-30px {
  left: 30px;
}

.left-31px {
  left: 31px;
}

.left-32px {
  left: 32px;
}

.left-33px {
  left: 33px;
}

.left-34px {
  left: 34px;
}

.left-35px {
  left: 35px;
}

.left-36px {
  left: 36px;
}

.left-37px {
  left: 37px;
}

.left-38px {
  left: 38px;
}

.left-39px {
  left: 39px;
}

.left-40px {
  left: 40px;
}

.left-41px {
  left: 41px;
}

.left-42px {
  left: 42px;
}

.left-43px {
  left: 43px;
}

.left-44px {
  left: 44px;
}

.left-45px {
  left: 45px;
}

.left-46px {
  left: 46px;
}

.left-47px {
  left: 47px;
}

.left-48px {
  left: 48px;
}

.left-49px {
  left: 49px;
}

.left-50px {
  left: 50px;
}

.left-51px {
  left: 51px;
}

.left-52px {
  left: 52px;
}

.left-53px {
  left: 53px;
}

.left-54px {
  left: 54px;
}

.left-55px {
  left: 55px;
}

.left-56px {
  left: 56px;
}

.left-57px {
  left: 57px;
}

.left-58px {
  left: 58px;
}

.left-59px {
  left: 59px;
}

.left-60px {
  left: 60px;
}

.left-61px {
  left: 61px;
}

.left-62px {
  left: 62px;
}

.left-63px {
  left: 63px;
}

.left-64px {
  left: 64px;
}

.left-65px {
  left: 65px;
}

.left-66px {
  left: 66px;
}

.left-67px {
  left: 67px;
}

.left-68px {
  left: 68px;
}

.left-69px {
  left: 69px;
}

.left-70px {
  left: 70px;
}

.left-71px {
  left: 71px;
}

.left-72px {
  left: 72px;
}

.left-73px {
  left: 73px;
}

.left-74px {
  left: 74px;
}

.left-75px {
  left: 75px;
}

.left-76px {
  left: 76px;
}

.left-77px {
  left: 77px;
}

.left-78px {
  left: 78px;
}

.left-79px {
  left: 79px;
}

.left-80px {
  left: 80px;
}

.left-81px {
  left: 81px;
}

.left-82px {
  left: 82px;
}

.left-83px {
  left: 83px;
}

.left-84px {
  left: 84px;
}

.left-85px {
  left: 85px;
}

.left-86px {
  left: 86px;
}

.left-87px {
  left: 87px;
}

.left-88px {
  left: 88px;
}

.left-89px {
  left: 89px;
}

.left-90px {
  left: 90px;
}

.left-91px {
  left: 91px;
}

.left-92px {
  left: 92px;
}

.left-93px {
  left: 93px;
}

.left-94px {
  left: 94px;
}

.left-95px {
  left: 95px;
}

.left-96px {
  left: 96px;
}

.left-97px {
  left: 97px;
}

.left-98px {
  left: 98px;
}

.left-99px {
  left: 99px;
}

.left-100px {
  left: 100px;
}

.left-1\% {
  left: 1%;
}

.left-2\% {
  left: 2%;
}

.left-3\% {
  left: 3%;
}

.left-4\% {
  left: 4%;
}

.left-5\% {
  left: 5%;
}

.left-6\% {
  left: 6%;
}

.left-7\% {
  left: 7%;
}

.left-8\% {
  left: 8%;
}

.left-9\% {
  left: 9%;
}

.left-10\% {
  left: 10%;
}

.left-11\% {
  left: 11%;
}

.left-12\% {
  left: 12%;
}

.left-13\% {
  left: 13%;
}

.left-14\% {
  left: 14%;
}

.left-15\% {
  left: 15%;
}

.left-16\% {
  left: 16%;
}

.left-17\% {
  left: 17%;
}

.left-18\% {
  left: 18%;
}

.left-19\% {
  left: 19%;
}

.left-20\% {
  left: 20%;
}

.left-21\% {
  left: 21%;
}

.left-22\% {
  left: 22%;
}

.left-23\% {
  left: 23%;
}

.left-24\% {
  left: 24%;
}

.left-25\% {
  left: 25%;
}

.left-26\% {
  left: 26%;
}

.left-27\% {
  left: 27%;
}

.left-28\% {
  left: 28%;
}

.left-29\% {
  left: 29%;
}

.left-30\% {
  left: 30%;
}

.left-31\% {
  left: 31%;
}

.left-32\% {
  left: 32%;
}

.left-33\% {
  left: 33%;
}

.left-34\% {
  left: 34%;
}

.left-35\% {
  left: 35%;
}

.left-36\% {
  left: 36%;
}

.left-37\% {
  left: 37%;
}

.left-38\% {
  left: 38%;
}

.left-39\% {
  left: 39%;
}

.left-40\% {
  left: 40%;
}

.left-41\% {
  left: 41%;
}

.left-42\% {
  left: 42%;
}

.left-43\% {
  left: 43%;
}

.left-44\% {
  left: 44%;
}

.left-45\% {
  left: 45%;
}

.left-46\% {
  left: 46%;
}

.left-47\% {
  left: 47%;
}

.left-48\% {
  left: 48%;
}

.left-49\% {
  left: 49%;
}

.left-50\% {
  left: 50%;
}

.left-51\% {
  left: 51%;
}

.left-52\% {
  left: 52%;
}

.left-53\% {
  left: 53%;
}

.left-54\% {
  left: 54%;
}

.left-55\% {
  left: 55%;
}

.left-56\% {
  left: 56%;
}

.left-57\% {
  left: 57%;
}

.left-58\% {
  left: 58%;
}

.left-59\% {
  left: 59%;
}

.left-60\% {
  left: 60%;
}

.left-61\% {
  left: 61%;
}

.left-62\% {
  left: 62%;
}

.left-63\% {
  left: 63%;
}

.left-64\% {
  left: 64%;
}

.left-65\% {
  left: 65%;
}

.left-66\% {
  left: 66%;
}

.left-67\% {
  left: 67%;
}

.left-68\% {
  left: 68%;
}

.left-69\% {
  left: 69%;
}

.left-70\% {
  left: 70%;
}

.left-71\% {
  left: 71%;
}

.left-72\% {
  left: 72%;
}

.left-73\% {
  left: 73%;
}

.left-74\% {
  left: 74%;
}

.left-75\% {
  left: 75%;
}

.left-76\% {
  left: 76%;
}

.left-77\% {
  left: 77%;
}

.left-78\% {
  left: 78%;
}

.left-79\% {
  left: 79%;
}

.left-80\% {
  left: 80%;
}

.left-81\% {
  left: 81%;
}

.left-82\% {
  left: 82%;
}

.left-83\% {
  left: 83%;
}

.left-84\% {
  left: 84%;
}

.left-85\% {
  left: 85%;
}

.left-86\% {
  left: 86%;
}

.left-87\% {
  left: 87%;
}

.left-88\% {
  left: 88%;
}

.left-89\% {
  left: 89%;
}

.left-90\% {
  left: 90%;
}

.left-91\% {
  left: 91%;
}

.left-92\% {
  left: 92%;
}

.left-93\% {
  left: 93%;
}

.left-94\% {
  left: 94%;
}

.left-95\% {
  left: 95%;
}

.left-96\% {
  left: 96%;
}

.left-97\% {
  left: 97%;
}

.left-98\% {
  left: 98%;
}

.left-99\% {
  left: 99%;
}

.left-100\% {
  left: 100%;
}

.inset-1px {
  inset: 1px;
}

.inset-2px {
  inset: 2px;
}

.inset-3px {
  inset: 3px;
}

.inset-4px {
  inset: 4px;
}

.inset-5px {
  inset: 5px;
}

.inset-6px {
  inset: 6px;
}

.inset-7px {
  inset: 7px;
}

.inset-8px {
  inset: 8px;
}

.inset-9px {
  inset: 9px;
}

.inset-10px {
  inset: 10px;
}

.inset-11px {
  inset: 11px;
}

.inset-12px {
  inset: 12px;
}

.inset-13px {
  inset: 13px;
}

.inset-14px {
  inset: 14px;
}

.inset-15px {
  inset: 15px;
}

.inset-16px {
  inset: 16px;
}

.inset-17px {
  inset: 17px;
}

.inset-18px {
  inset: 18px;
}

.inset-19px {
  inset: 19px;
}

.inset-20px {
  inset: 20px;
}

.inset-21px {
  inset: 21px;
}

.inset-22px {
  inset: 22px;
}

.inset-23px {
  inset: 23px;
}

.inset-24px {
  inset: 24px;
}

.inset-25px {
  inset: 25px;
}

.inset-26px {
  inset: 26px;
}

.inset-27px {
  inset: 27px;
}

.inset-28px {
  inset: 28px;
}

.inset-29px {
  inset: 29px;
}

.inset-30px {
  inset: 30px;
}

.inset-31px {
  inset: 31px;
}

.inset-32px {
  inset: 32px;
}

.inset-33px {
  inset: 33px;
}

.inset-34px {
  inset: 34px;
}

.inset-35px {
  inset: 35px;
}

.inset-36px {
  inset: 36px;
}

.inset-37px {
  inset: 37px;
}

.inset-38px {
  inset: 38px;
}

.inset-39px {
  inset: 39px;
}

.inset-40px {
  inset: 40px;
}

.inset-41px {
  inset: 41px;
}

.inset-42px {
  inset: 42px;
}

.inset-43px {
  inset: 43px;
}

.inset-44px {
  inset: 44px;
}

.inset-45px {
  inset: 45px;
}

.inset-46px {
  inset: 46px;
}

.inset-47px {
  inset: 47px;
}

.inset-48px {
  inset: 48px;
}

.inset-49px {
  inset: 49px;
}

.inset-50px {
  inset: 50px;
}

.inset-51px {
  inset: 51px;
}

.inset-52px {
  inset: 52px;
}

.inset-53px {
  inset: 53px;
}

.inset-54px {
  inset: 54px;
}

.inset-55px {
  inset: 55px;
}

.inset-56px {
  inset: 56px;
}

.inset-57px {
  inset: 57px;
}

.inset-58px {
  inset: 58px;
}

.inset-59px {
  inset: 59px;
}

.inset-60px {
  inset: 60px;
}

.inset-61px {
  inset: 61px;
}

.inset-62px {
  inset: 62px;
}

.inset-63px {
  inset: 63px;
}

.inset-64px {
  inset: 64px;
}

.inset-65px {
  inset: 65px;
}

.inset-66px {
  inset: 66px;
}

.inset-67px {
  inset: 67px;
}

.inset-68px {
  inset: 68px;
}

.inset-69px {
  inset: 69px;
}

.inset-70px {
  inset: 70px;
}

.inset-71px {
  inset: 71px;
}

.inset-72px {
  inset: 72px;
}

.inset-73px {
  inset: 73px;
}

.inset-74px {
  inset: 74px;
}

.inset-75px {
  inset: 75px;
}

.inset-76px {
  inset: 76px;
}

.inset-77px {
  inset: 77px;
}

.inset-78px {
  inset: 78px;
}

.inset-79px {
  inset: 79px;
}

.inset-80px {
  inset: 80px;
}

.inset-81px {
  inset: 81px;
}

.inset-82px {
  inset: 82px;
}

.inset-83px {
  inset: 83px;
}

.inset-84px {
  inset: 84px;
}

.inset-85px {
  inset: 85px;
}

.inset-86px {
  inset: 86px;
}

.inset-87px {
  inset: 87px;
}

.inset-88px {
  inset: 88px;
}

.inset-89px {
  inset: 89px;
}

.inset-90px {
  inset: 90px;
}

.inset-91px {
  inset: 91px;
}

.inset-92px {
  inset: 92px;
}

.inset-93px {
  inset: 93px;
}

.inset-94px {
  inset: 94px;
}

.inset-95px {
  inset: 95px;
}

.inset-96px {
  inset: 96px;
}

.inset-97px {
  inset: 97px;
}

.inset-98px {
  inset: 98px;
}

.inset-99px {
  inset: 99px;
}

.inset-100px {
  inset: 100px;
}

.inset-1\% {
  inset: 1%;
}

.inset-2\% {
  inset: 2%;
}

.inset-3\% {
  inset: 3%;
}

.inset-4\% {
  inset: 4%;
}

.inset-5\% {
  inset: 5%;
}

.inset-6\% {
  inset: 6%;
}

.inset-7\% {
  inset: 7%;
}

.inset-8\% {
  inset: 8%;
}

.inset-9\% {
  inset: 9%;
}

.inset-10\% {
  inset: 10%;
}

.inset-11\% {
  inset: 11%;
}

.inset-12\% {
  inset: 12%;
}

.inset-13\% {
  inset: 13%;
}

.inset-14\% {
  inset: 14%;
}

.inset-15\% {
  inset: 15%;
}

.inset-16\% {
  inset: 16%;
}

.inset-17\% {
  inset: 17%;
}

.inset-18\% {
  inset: 18%;
}

.inset-19\% {
  inset: 19%;
}

.inset-20\% {
  inset: 20%;
}

.inset-21\% {
  inset: 21%;
}

.inset-22\% {
  inset: 22%;
}

.inset-23\% {
  inset: 23%;
}

.inset-24\% {
  inset: 24%;
}

.inset-25\% {
  inset: 25%;
}

.inset-26\% {
  inset: 26%;
}

.inset-27\% {
  inset: 27%;
}

.inset-28\% {
  inset: 28%;
}

.inset-29\% {
  inset: 29%;
}

.inset-30\% {
  inset: 30%;
}

.inset-31\% {
  inset: 31%;
}

.inset-32\% {
  inset: 32%;
}

.inset-33\% {
  inset: 33%;
}

.inset-34\% {
  inset: 34%;
}

.inset-35\% {
  inset: 35%;
}

.inset-36\% {
  inset: 36%;
}

.inset-37\% {
  inset: 37%;
}

.inset-38\% {
  inset: 38%;
}

.inset-39\% {
  inset: 39%;
}

.inset-40\% {
  inset: 40%;
}

.inset-41\% {
  inset: 41%;
}

.inset-42\% {
  inset: 42%;
}

.inset-43\% {
  inset: 43%;
}

.inset-44\% {
  inset: 44%;
}

.inset-45\% {
  inset: 45%;
}

.inset-46\% {
  inset: 46%;
}

.inset-47\% {
  inset: 47%;
}

.inset-48\% {
  inset: 48%;
}

.inset-49\% {
  inset: 49%;
}

.inset-50\% {
  inset: 50%;
}

.inset-51\% {
  inset: 51%;
}

.inset-52\% {
  inset: 52%;
}

.inset-53\% {
  inset: 53%;
}

.inset-54\% {
  inset: 54%;
}

.inset-55\% {
  inset: 55%;
}

.inset-56\% {
  inset: 56%;
}

.inset-57\% {
  inset: 57%;
}

.inset-58\% {
  inset: 58%;
}

.inset-59\% {
  inset: 59%;
}

.inset-60\% {
  inset: 60%;
}

.inset-61\% {
  inset: 61%;
}

.inset-62\% {
  inset: 62%;
}

.inset-63\% {
  inset: 63%;
}

.inset-64\% {
  inset: 64%;
}

.inset-65\% {
  inset: 65%;
}

.inset-66\% {
  inset: 66%;
}

.inset-67\% {
  inset: 67%;
}

.inset-68\% {
  inset: 68%;
}

.inset-69\% {
  inset: 69%;
}

.inset-70\% {
  inset: 70%;
}

.inset-71\% {
  inset: 71%;
}

.inset-72\% {
  inset: 72%;
}

.inset-73\% {
  inset: 73%;
}

.inset-74\% {
  inset: 74%;
}

.inset-75\% {
  inset: 75%;
}

.inset-76\% {
  inset: 76%;
}

.inset-77\% {
  inset: 77%;
}

.inset-78\% {
  inset: 78%;
}

.inset-79\% {
  inset: 79%;
}

.inset-80\% {
  inset: 80%;
}

.inset-81\% {
  inset: 81%;
}

.inset-82\% {
  inset: 82%;
}

.inset-83\% {
  inset: 83%;
}

.inset-84\% {
  inset: 84%;
}

.inset-85\% {
  inset: 85%;
}

.inset-86\% {
  inset: 86%;
}

.inset-87\% {
  inset: 87%;
}

.inset-88\% {
  inset: 88%;
}

.inset-89\% {
  inset: 89%;
}

.inset-90\% {
  inset: 90%;
}

.inset-91\% {
  inset: 91%;
}

.inset-92\% {
  inset: 92%;
}

.inset-93\% {
  inset: 93%;
}

.inset-94\% {
  inset: 94%;
}

.inset-95\% {
  inset: 95%;
}

.inset-96\% {
  inset: 96%;
}

.inset-97\% {
  inset: 97%;
}

.inset-98\% {
  inset: 98%;
}

.inset-99\% {
  inset: 99%;
}

.inset-100\% {
  inset: 100%;
}

.top-0 {
  top: 0px;
}

.right-0 {
  right: 0px;
}

.bottom-0 {
  bottom: 0px;
}

.left-0 {
  left: 0px;
}

.inset-0 {
  inset: 0px;
}

/*
 * INITIAL
 * The .initial class sets the position of an element to initial.
 * This resets the position of the element to its default value.
 * The !important rule ensures this style will override any other conflicting styles.
 */
.initial {
  position: initial;
}

.i-initial {
  position: initial !important;
}

/*
 * FIXED
 * The .fixed class sets the position of an element to fixed.
 * This removes the element from the normal document flow, and positions it relative to the viewport.
 * This means it will stay in the same place even if the page is scrolled.
 */
.fixed {
  position: fixed;
}

.i-fixed {
  position: fixed !important;
}

/*
 * STICKY
 * The .sticky class sets the position of an element to sticky.
 * This is a hybrid of relative and fixed positioning.
 * The element is treated as relative positioned until it crosses a specified threshold, at which point it is treated as fixed positioned.
 */
.sticky {
  position: sticky;
}

.i-sticky {
  position: sticky !important;
}

/*
 * WIDTH AND HEIGHT
 * This section contains styles for setting the width, height, and maximum width of elements.
 * The styles are generated dynamically using a loop that iterates from 0 through 10.
 * For each iteration, a percentage is calculated by multiplying the iteration index by 10.
 *
 * WIDTH CLASSES
 * The .w-{percentage} classes set the width of an element to a certain percentage of its containing element.
 * The percentage is calculated as the iteration index times 10.
 *
 * HEIGHT CLASSES
 * The .h-{percentage} classes set the height of an element to a certain percentage of its containing element.
 * The percentage is calculated as the iteration index times 10.
 *
 * MAX WIDTH CLASSES
 * The .max-{percentage} classes set the maximum width of an element to a certain percentage of its containing element.
 * The percentage is calculated as the iteration index times 10.
 * At the $md breakpoint and above, the maximum width is set to 100%.
 *
 * MAX-1920 CLASS
 * The .max-1920 class sets the maximum width of an element to 1920px and centers the element by setting its left and right margins to auto.
 */
.w-0 {
  width: 0%;
}

@media (min-width: 991.98px) {
  .w-md-auto {
    width: auto !important;
  }
}
.h-0 {
  height: 0%;
}

.h-auto {
  height: auto !important;
}

.max-0 {
  max-width: 0%;
}
@media (max-width: 1199.98px) {
  .max-0 {
    max-width: 100%;
  }
}

.wh-0 {
  width: 0%;
  height: 0%;
}

.w-5 {
  width: 5%;
}

@media (min-width: 991.98px) {
  .w-md-auto {
    width: auto !important;
  }
}
.h-5 {
  height: 5%;
}

.h-auto {
  height: auto !important;
}

.max-5 {
  max-width: 5%;
}
@media (max-width: 1199.98px) {
  .max-5 {
    max-width: 100%;
  }
}

.wh-5 {
  width: 5%;
  height: 5%;
}

.w-10 {
  width: 10%;
}

@media (min-width: 991.98px) {
  .w-md-auto {
    width: auto !important;
  }
}
.h-10 {
  height: 10%;
}

.h-auto {
  height: auto !important;
}

.max-10 {
  max-width: 10%;
}
@media (max-width: 1199.98px) {
  .max-10 {
    max-width: 100%;
  }
}

.wh-10 {
  width: 10%;
  height: 10%;
}

.w-15 {
  width: 15%;
}

@media (min-width: 991.98px) {
  .w-md-auto {
    width: auto !important;
  }
}
.h-15 {
  height: 15%;
}

.h-auto {
  height: auto !important;
}

.max-15 {
  max-width: 15%;
}
@media (max-width: 1199.98px) {
  .max-15 {
    max-width: 100%;
  }
}

.wh-15 {
  width: 15%;
  height: 15%;
}

.w-20 {
  width: 20%;
}

@media (min-width: 991.98px) {
  .w-md-auto {
    width: auto !important;
  }
}
.h-20 {
  height: 20%;
}

.h-auto {
  height: auto !important;
}

.max-20 {
  max-width: 20%;
}
@media (max-width: 1199.98px) {
  .max-20 {
    max-width: 100%;
  }
}

.wh-20 {
  width: 20%;
  height: 20%;
}

.w-25 {
  width: 25%;
}

@media (min-width: 991.98px) {
  .w-md-auto {
    width: auto !important;
  }
}
.h-25 {
  height: 25%;
}

.h-auto {
  height: auto !important;
}

.max-25 {
  max-width: 25%;
}
@media (max-width: 1199.98px) {
  .max-25 {
    max-width: 100%;
  }
}

.wh-25 {
  width: 25%;
  height: 25%;
}

.w-30 {
  width: 30%;
}

@media (min-width: 991.98px) {
  .w-md-auto {
    width: auto !important;
  }
}
.h-30 {
  height: 30%;
}

.h-auto {
  height: auto !important;
}

.max-30 {
  max-width: 30%;
}
@media (max-width: 1199.98px) {
  .max-30 {
    max-width: 100%;
  }
}

.wh-30 {
  width: 30%;
  height: 30%;
}

.w-35 {
  width: 35%;
}

@media (min-width: 991.98px) {
  .w-md-auto {
    width: auto !important;
  }
}
.h-35 {
  height: 35%;
}

.h-auto {
  height: auto !important;
}

.max-35 {
  max-width: 35%;
}
@media (max-width: 1199.98px) {
  .max-35 {
    max-width: 100%;
  }
}

.wh-35 {
  width: 35%;
  height: 35%;
}

.w-40 {
  width: 40%;
}

@media (min-width: 991.98px) {
  .w-md-auto {
    width: auto !important;
  }
}
.h-40 {
  height: 40%;
}

.h-auto {
  height: auto !important;
}

.max-40 {
  max-width: 40%;
}
@media (max-width: 1199.98px) {
  .max-40 {
    max-width: 100%;
  }
}

.wh-40 {
  width: 40%;
  height: 40%;
}

.w-45 {
  width: 45%;
}

@media (min-width: 991.98px) {
  .w-md-auto {
    width: auto !important;
  }
}
.h-45 {
  height: 45%;
}

.h-auto {
  height: auto !important;
}

.max-45 {
  max-width: 45%;
}
@media (max-width: 1199.98px) {
  .max-45 {
    max-width: 100%;
  }
}

.wh-45 {
  width: 45%;
  height: 45%;
}

.w-50 {
  width: 50%;
}

@media (min-width: 991.98px) {
  .w-md-auto {
    width: auto !important;
  }
}
.h-50 {
  height: 50%;
}

.h-auto {
  height: auto !important;
}

.max-50 {
  max-width: 50%;
}
@media (max-width: 1199.98px) {
  .max-50 {
    max-width: 100%;
  }
}

.wh-50 {
  width: 50%;
  height: 50%;
}

.w-55 {
  width: 55%;
}

@media (min-width: 991.98px) {
  .w-md-auto {
    width: auto !important;
  }
}
.h-55 {
  height: 55%;
}

.h-auto {
  height: auto !important;
}

.max-55 {
  max-width: 55%;
}
@media (max-width: 1199.98px) {
  .max-55 {
    max-width: 100%;
  }
}

.wh-55 {
  width: 55%;
  height: 55%;
}

.w-60 {
  width: 60%;
}

@media (min-width: 991.98px) {
  .w-md-auto {
    width: auto !important;
  }
}
.h-60 {
  height: 60%;
}

.h-auto {
  height: auto !important;
}

.max-60 {
  max-width: 60%;
}
@media (max-width: 1199.98px) {
  .max-60 {
    max-width: 100%;
  }
}

.wh-60 {
  width: 60%;
  height: 60%;
}

.w-65 {
  width: 65%;
}

@media (min-width: 991.98px) {
  .w-md-auto {
    width: auto !important;
  }
}
.h-65 {
  height: 65%;
}

.h-auto {
  height: auto !important;
}

.max-65 {
  max-width: 65%;
}
@media (max-width: 1199.98px) {
  .max-65 {
    max-width: 100%;
  }
}

.wh-65 {
  width: 65%;
  height: 65%;
}

.w-70 {
  width: 70%;
}

@media (min-width: 991.98px) {
  .w-md-auto {
    width: auto !important;
  }
}
.h-70 {
  height: 70%;
}

.h-auto {
  height: auto !important;
}

.max-70 {
  max-width: 70%;
}
@media (max-width: 1199.98px) {
  .max-70 {
    max-width: 100%;
  }
}

.wh-70 {
  width: 70%;
  height: 70%;
}

.w-75 {
  width: 75%;
}

@media (min-width: 991.98px) {
  .w-md-auto {
    width: auto !important;
  }
}
.h-75 {
  height: 75%;
}

.h-auto {
  height: auto !important;
}

.max-75 {
  max-width: 75%;
}
@media (max-width: 1199.98px) {
  .max-75 {
    max-width: 100%;
  }
}

.wh-75 {
  width: 75%;
  height: 75%;
}

.w-80 {
  width: 80%;
}

@media (min-width: 991.98px) {
  .w-md-auto {
    width: auto !important;
  }
}
.h-80 {
  height: 80%;
}

.h-auto {
  height: auto !important;
}

.max-80 {
  max-width: 80%;
}
@media (max-width: 1199.98px) {
  .max-80 {
    max-width: 100%;
  }
}

.wh-80 {
  width: 80%;
  height: 80%;
}

.w-85 {
  width: 85%;
}

@media (min-width: 991.98px) {
  .w-md-auto {
    width: auto !important;
  }
}
.h-85 {
  height: 85%;
}

.h-auto {
  height: auto !important;
}

.max-85 {
  max-width: 85%;
}
@media (max-width: 1199.98px) {
  .max-85 {
    max-width: 100%;
  }
}

.wh-85 {
  width: 85%;
  height: 85%;
}

.w-90 {
  width: 90%;
}

@media (min-width: 991.98px) {
  .w-md-auto {
    width: auto !important;
  }
}
.h-90 {
  height: 90%;
}

.h-auto {
  height: auto !important;
}

.max-90 {
  max-width: 90%;
}
@media (max-width: 1199.98px) {
  .max-90 {
    max-width: 100%;
  }
}

.wh-90 {
  width: 90%;
  height: 90%;
}

.w-95 {
  width: 95%;
}

@media (min-width: 991.98px) {
  .w-md-auto {
    width: auto !important;
  }
}
.h-95 {
  height: 95%;
}

.h-auto {
  height: auto !important;
}

.max-95 {
  max-width: 95%;
}
@media (max-width: 1199.98px) {
  .max-95 {
    max-width: 100%;
  }
}

.wh-95 {
  width: 95%;
  height: 95%;
}

.w-100 {
  width: 100%;
}

@media (min-width: 991.98px) {
  .w-md-auto {
    width: auto !important;
  }
}
.h-100 {
  height: 100%;
}

.h-auto {
  height: auto !important;
}

.max-100 {
  max-width: 100%;
}
@media (max-width: 1199.98px) {
  .max-100 {
    max-width: 100%;
  }
}

.wh-100 {
  width: 100%;
  height: 100%;
}

.max-1920 {
  max-width: 1920px;
  margin: 0 auto;
}

/*
 * IMAGE-COLUMN
 * The .image-column class sets the height of an element to 100%.
 * The img elements within the .image-column element have a height of 100% and their object-fit property is set to 'cover'.
 * This ensures that the image covers the entire area of its container without distorting its aspect ratio.
 */
.image-column {
  height: 100%;
}
.image-column img {
  height: 100%;
  object-fit: cover;
}

/*
 * COL-REVERSE
 * The .col-reverse class changes the text direction of an element to right-to-left (rtl).
 * However, the text direction of its child elements is set back to left-to-right (ltr).
 * This effectively reverses the order of the child elements without affecting their text direction.
 */
.col-reverse {
  direction: rtl;
}
.col-reverse * {
  direction: ltr;
}

/*
 * OVERFLOWS
 * This section contains styles for managing the overflow of content within an element.
 *
 * OVERFLOW-HIDDEN
 * The .overflow-hidden class sets the overflow property of an element to 'hidden'.
 * This means any content that overflows the element's box will be clipped, and no scrollbars will be provided to view the overflowed content.
 */
.overflow-hidden, .o-hidden {
  overflow: hidden;
}

.overflow-visible, .o-visible {
  overflow: visible !important;
}

/*
 * EXPANDABLE CONTENT
 * This section contains styles for creating expandable content.
 *
 * EXPANDABLE
 * The .expandable class sets the width, maximum width, height, object-fit, and object-position properties of an element.
 * The width is set to calc(100% + 70px) by default, and to calc(100% + ((100vw - 1642px) / 2)) at the $container_width + 140px breakpoint.
 * The maximum width is set to 'initial', and the height is set to 100%.
 * The object-fit property is set to 'cover' by default, and to 'contain' at the $md breakpoint.
 * The object-position property is set to 'center'.
 * At the $md breakpoint, the left margin is set to -70px and the width is set to calc(100% + 140px).
 * At the $md breakpoint, if the element has the .left class, the element is positioned relatively, the left margin is set to -140px, and the width is set to calc(100% + 140px).
 * The img elements within the .expandable element have their width set to 100%, their height set to 100%, their object-fit property set to 'cover', and their object-position property set to 'center'.
 */
.expandable {
  width: calc(100% + 70px);
  max-width: initial;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (min-width: 1782px) {
  .expandable {
    width: calc(100% + (100vw - 1642px) / 2);
  }
}
@media (max-width: 991.98px) {
  .expandable {
    margin-left: -70px;
    width: calc(100% + 140px);
    object-fit: contain;
  }
}
@media (min-width: 991.98px) {
  .expandable.left {
    position: relative;
    margin-left: -140px;
    width: calc(100% + 140px);
  }
}
.expandable > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.front {
  position: relative;
}

.border-1-red {
  border: 1px solid #E43D30;
}

.border-top-1-red {
  border-top: 1px solid #E43D30;
}

.border-right-1-red {
  border-right: 1px solid #E43D30;
}

.border-bottom-1-red {
  border-bottom: 1px solid #E43D30;
}

.border-left-1-red {
  border-left: 1px solid #E43D30;
}

.border-1-gray {
  border: 1px solid #F5F1F3;
}

.border-top-1-gray {
  border-top: 1px solid #F5F1F3;
}

.border-right-1-gray {
  border-right: 1px solid #F5F1F3;
}

.border-bottom-1-gray {
  border-bottom: 1px solid #F5F1F3;
}

.border-left-1-gray {
  border-left: 1px solid #F5F1F3;
}

.border-1-lightgray {
  border: 1px solid #EBDEC8;
}

.border-top-1-lightgray {
  border-top: 1px solid #EBDEC8;
}

.border-right-1-lightgray {
  border-right: 1px solid #EBDEC8;
}

.border-bottom-1-lightgray {
  border-bottom: 1px solid #EBDEC8;
}

.border-left-1-lightgray {
  border-left: 1px solid #EBDEC8;
}

.border-1-darkgray {
  border: 1px solid #666666;
}

.border-top-1-darkgray {
  border-top: 1px solid #666666;
}

.border-right-1-darkgray {
  border-right: 1px solid #666666;
}

.border-bottom-1-darkgray {
  border-bottom: 1px solid #666666;
}

.border-left-1-darkgray {
  border-left: 1px solid #666666;
}

.border-1-white {
  border: 1px solid #F5F5F5;
}

.border-top-1-white {
  border-top: 1px solid #F5F5F5;
}

.border-right-1-white {
  border-right: 1px solid #F5F5F5;
}

.border-bottom-1-white {
  border-bottom: 1px solid #F5F5F5;
}

.border-left-1-white {
  border-left: 1px solid #F5F5F5;
}

.border-1-black {
  border: 1px solid #010101;
}

.border-top-1-black {
  border-top: 1px solid #010101;
}

.border-right-1-black {
  border-right: 1px solid #010101;
}

.border-bottom-1-black {
  border-bottom: 1px solid #010101;
}

.border-left-1-black {
  border-left: 1px solid #010101;
}

.border-1-green {
  border: 1px solid #00B451;
}

.border-top-1-green {
  border-top: 1px solid #00B451;
}

.border-right-1-green {
  border-right: 1px solid #00B451;
}

.border-bottom-1-green {
  border-bottom: 1px solid #00B451;
}

.border-left-1-green {
  border-left: 1px solid #00B451;
}

.border-1-darkgreen {
  border: 1px solid #124734;
}

.border-top-1-darkgreen {
  border-top: 1px solid #124734;
}

.border-right-1-darkgreen {
  border-right: 1px solid #124734;
}

.border-bottom-1-darkgreen {
  border-bottom: 1px solid #124734;
}

.border-left-1-darkgreen {
  border-left: 1px solid #124734;
}

.border-1-purple {
  border: 1px solid #666CCD;
}

.border-top-1-purple {
  border-top: 1px solid #666CCD;
}

.border-right-1-purple {
  border-right: 1px solid #666CCD;
}

.border-bottom-1-purple {
  border-bottom: 1px solid #666CCD;
}

.border-left-1-purple {
  border-left: 1px solid #666CCD;
}

.border-2-red {
  border: 2px solid #E43D30;
}

.border-top-2-red {
  border-top: 2px solid #E43D30;
}

.border-right-2-red {
  border-right: 2px solid #E43D30;
}

.border-bottom-2-red {
  border-bottom: 2px solid #E43D30;
}

.border-left-2-red {
  border-left: 2px solid #E43D30;
}

.border-2-gray {
  border: 2px solid #F5F1F3;
}

.border-top-2-gray {
  border-top: 2px solid #F5F1F3;
}

.border-right-2-gray {
  border-right: 2px solid #F5F1F3;
}

.border-bottom-2-gray {
  border-bottom: 2px solid #F5F1F3;
}

.border-left-2-gray {
  border-left: 2px solid #F5F1F3;
}

.border-2-lightgray {
  border: 2px solid #EBDEC8;
}

.border-top-2-lightgray {
  border-top: 2px solid #EBDEC8;
}

.border-right-2-lightgray {
  border-right: 2px solid #EBDEC8;
}

.border-bottom-2-lightgray {
  border-bottom: 2px solid #EBDEC8;
}

.border-left-2-lightgray {
  border-left: 2px solid #EBDEC8;
}

.border-2-darkgray {
  border: 2px solid #666666;
}

.border-top-2-darkgray {
  border-top: 2px solid #666666;
}

.border-right-2-darkgray {
  border-right: 2px solid #666666;
}

.border-bottom-2-darkgray {
  border-bottom: 2px solid #666666;
}

.border-left-2-darkgray {
  border-left: 2px solid #666666;
}

.border-2-white {
  border: 2px solid #F5F5F5;
}

.border-top-2-white {
  border-top: 2px solid #F5F5F5;
}

.border-right-2-white {
  border-right: 2px solid #F5F5F5;
}

.border-bottom-2-white {
  border-bottom: 2px solid #F5F5F5;
}

.border-left-2-white {
  border-left: 2px solid #F5F5F5;
}

.border-2-black {
  border: 2px solid #010101;
}

.border-top-2-black {
  border-top: 2px solid #010101;
}

.border-right-2-black {
  border-right: 2px solid #010101;
}

.border-bottom-2-black {
  border-bottom: 2px solid #010101;
}

.border-left-2-black {
  border-left: 2px solid #010101;
}

.border-2-green {
  border: 2px solid #00B451;
}

.border-top-2-green {
  border-top: 2px solid #00B451;
}

.border-right-2-green {
  border-right: 2px solid #00B451;
}

.border-bottom-2-green {
  border-bottom: 2px solid #00B451;
}

.border-left-2-green {
  border-left: 2px solid #00B451;
}

.border-2-darkgreen {
  border: 2px solid #124734;
}

.border-top-2-darkgreen {
  border-top: 2px solid #124734;
}

.border-right-2-darkgreen {
  border-right: 2px solid #124734;
}

.border-bottom-2-darkgreen {
  border-bottom: 2px solid #124734;
}

.border-left-2-darkgreen {
  border-left: 2px solid #124734;
}

.border-2-purple {
  border: 2px solid #666CCD;
}

.border-top-2-purple {
  border-top: 2px solid #666CCD;
}

.border-right-2-purple {
  border-right: 2px solid #666CCD;
}

.border-bottom-2-purple {
  border-bottom: 2px solid #666CCD;
}

.border-left-2-purple {
  border-left: 2px solid #666CCD;
}

.border-3-red {
  border: 3px solid #E43D30;
}

.border-top-3-red {
  border-top: 3px solid #E43D30;
}

.border-right-3-red {
  border-right: 3px solid #E43D30;
}

.border-bottom-3-red {
  border-bottom: 3px solid #E43D30;
}

.border-left-3-red {
  border-left: 3px solid #E43D30;
}

.border-3-gray {
  border: 3px solid #F5F1F3;
}

.border-top-3-gray {
  border-top: 3px solid #F5F1F3;
}

.border-right-3-gray {
  border-right: 3px solid #F5F1F3;
}

.border-bottom-3-gray {
  border-bottom: 3px solid #F5F1F3;
}

.border-left-3-gray {
  border-left: 3px solid #F5F1F3;
}

.border-3-lightgray {
  border: 3px solid #EBDEC8;
}

.border-top-3-lightgray {
  border-top: 3px solid #EBDEC8;
}

.border-right-3-lightgray {
  border-right: 3px solid #EBDEC8;
}

.border-bottom-3-lightgray {
  border-bottom: 3px solid #EBDEC8;
}

.border-left-3-lightgray {
  border-left: 3px solid #EBDEC8;
}

.border-3-darkgray {
  border: 3px solid #666666;
}

.border-top-3-darkgray {
  border-top: 3px solid #666666;
}

.border-right-3-darkgray {
  border-right: 3px solid #666666;
}

.border-bottom-3-darkgray {
  border-bottom: 3px solid #666666;
}

.border-left-3-darkgray {
  border-left: 3px solid #666666;
}

.border-3-white {
  border: 3px solid #F5F5F5;
}

.border-top-3-white {
  border-top: 3px solid #F5F5F5;
}

.border-right-3-white {
  border-right: 3px solid #F5F5F5;
}

.border-bottom-3-white {
  border-bottom: 3px solid #F5F5F5;
}

.border-left-3-white {
  border-left: 3px solid #F5F5F5;
}

.border-3-black {
  border: 3px solid #010101;
}

.border-top-3-black {
  border-top: 3px solid #010101;
}

.border-right-3-black {
  border-right: 3px solid #010101;
}

.border-bottom-3-black {
  border-bottom: 3px solid #010101;
}

.border-left-3-black {
  border-left: 3px solid #010101;
}

.border-3-green {
  border: 3px solid #00B451;
}

.border-top-3-green {
  border-top: 3px solid #00B451;
}

.border-right-3-green {
  border-right: 3px solid #00B451;
}

.border-bottom-3-green {
  border-bottom: 3px solid #00B451;
}

.border-left-3-green {
  border-left: 3px solid #00B451;
}

.border-3-darkgreen {
  border: 3px solid #124734;
}

.border-top-3-darkgreen {
  border-top: 3px solid #124734;
}

.border-right-3-darkgreen {
  border-right: 3px solid #124734;
}

.border-bottom-3-darkgreen {
  border-bottom: 3px solid #124734;
}

.border-left-3-darkgreen {
  border-left: 3px solid #124734;
}

.border-3-purple {
  border: 3px solid #666CCD;
}

.border-top-3-purple {
  border-top: 3px solid #666CCD;
}

.border-right-3-purple {
  border-right: 3px solid #666CCD;
}

.border-bottom-3-purple {
  border-bottom: 3px solid #666CCD;
}

.border-left-3-purple {
  border-left: 3px solid #666CCD;
}

.border-4-red {
  border: 4px solid #E43D30;
}

.border-top-4-red {
  border-top: 4px solid #E43D30;
}

.border-right-4-red {
  border-right: 4px solid #E43D30;
}

.border-bottom-4-red {
  border-bottom: 4px solid #E43D30;
}

.border-left-4-red {
  border-left: 4px solid #E43D30;
}

.border-4-gray {
  border: 4px solid #F5F1F3;
}

.border-top-4-gray {
  border-top: 4px solid #F5F1F3;
}

.border-right-4-gray {
  border-right: 4px solid #F5F1F3;
}

.border-bottom-4-gray {
  border-bottom: 4px solid #F5F1F3;
}

.border-left-4-gray {
  border-left: 4px solid #F5F1F3;
}

.border-4-lightgray {
  border: 4px solid #EBDEC8;
}

.border-top-4-lightgray {
  border-top: 4px solid #EBDEC8;
}

.border-right-4-lightgray {
  border-right: 4px solid #EBDEC8;
}

.border-bottom-4-lightgray {
  border-bottom: 4px solid #EBDEC8;
}

.border-left-4-lightgray {
  border-left: 4px solid #EBDEC8;
}

.border-4-darkgray {
  border: 4px solid #666666;
}

.border-top-4-darkgray {
  border-top: 4px solid #666666;
}

.border-right-4-darkgray {
  border-right: 4px solid #666666;
}

.border-bottom-4-darkgray {
  border-bottom: 4px solid #666666;
}

.border-left-4-darkgray {
  border-left: 4px solid #666666;
}

.border-4-white {
  border: 4px solid #F5F5F5;
}

.border-top-4-white {
  border-top: 4px solid #F5F5F5;
}

.border-right-4-white {
  border-right: 4px solid #F5F5F5;
}

.border-bottom-4-white {
  border-bottom: 4px solid #F5F5F5;
}

.border-left-4-white {
  border-left: 4px solid #F5F5F5;
}

.border-4-black {
  border: 4px solid #010101;
}

.border-top-4-black {
  border-top: 4px solid #010101;
}

.border-right-4-black {
  border-right: 4px solid #010101;
}

.border-bottom-4-black {
  border-bottom: 4px solid #010101;
}

.border-left-4-black {
  border-left: 4px solid #010101;
}

.border-4-green {
  border: 4px solid #00B451;
}

.border-top-4-green {
  border-top: 4px solid #00B451;
}

.border-right-4-green {
  border-right: 4px solid #00B451;
}

.border-bottom-4-green {
  border-bottom: 4px solid #00B451;
}

.border-left-4-green {
  border-left: 4px solid #00B451;
}

.border-4-darkgreen {
  border: 4px solid #124734;
}

.border-top-4-darkgreen {
  border-top: 4px solid #124734;
}

.border-right-4-darkgreen {
  border-right: 4px solid #124734;
}

.border-bottom-4-darkgreen {
  border-bottom: 4px solid #124734;
}

.border-left-4-darkgreen {
  border-left: 4px solid #124734;
}

.border-4-purple {
  border: 4px solid #666CCD;
}

.border-top-4-purple {
  border-top: 4px solid #666CCD;
}

.border-right-4-purple {
  border-right: 4px solid #666CCD;
}

.border-bottom-4-purple {
  border-bottom: 4px solid #666CCD;
}

.border-left-4-purple {
  border-left: 4px solid #666CCD;
}

.border-5-red {
  border: 5px solid #E43D30;
}

.border-top-5-red {
  border-top: 5px solid #E43D30;
}

.border-right-5-red {
  border-right: 5px solid #E43D30;
}

.border-bottom-5-red {
  border-bottom: 5px solid #E43D30;
}

.border-left-5-red {
  border-left: 5px solid #E43D30;
}

.border-5-gray {
  border: 5px solid #F5F1F3;
}

.border-top-5-gray {
  border-top: 5px solid #F5F1F3;
}

.border-right-5-gray {
  border-right: 5px solid #F5F1F3;
}

.border-bottom-5-gray {
  border-bottom: 5px solid #F5F1F3;
}

.border-left-5-gray {
  border-left: 5px solid #F5F1F3;
}

.border-5-lightgray {
  border: 5px solid #EBDEC8;
}

.border-top-5-lightgray {
  border-top: 5px solid #EBDEC8;
}

.border-right-5-lightgray {
  border-right: 5px solid #EBDEC8;
}

.border-bottom-5-lightgray {
  border-bottom: 5px solid #EBDEC8;
}

.border-left-5-lightgray {
  border-left: 5px solid #EBDEC8;
}

.border-5-darkgray {
  border: 5px solid #666666;
}

.border-top-5-darkgray {
  border-top: 5px solid #666666;
}

.border-right-5-darkgray {
  border-right: 5px solid #666666;
}

.border-bottom-5-darkgray {
  border-bottom: 5px solid #666666;
}

.border-left-5-darkgray {
  border-left: 5px solid #666666;
}

.border-5-white {
  border: 5px solid #F5F5F5;
}

.border-top-5-white {
  border-top: 5px solid #F5F5F5;
}

.border-right-5-white {
  border-right: 5px solid #F5F5F5;
}

.border-bottom-5-white {
  border-bottom: 5px solid #F5F5F5;
}

.border-left-5-white {
  border-left: 5px solid #F5F5F5;
}

.border-5-black {
  border: 5px solid #010101;
}

.border-top-5-black {
  border-top: 5px solid #010101;
}

.border-right-5-black {
  border-right: 5px solid #010101;
}

.border-bottom-5-black {
  border-bottom: 5px solid #010101;
}

.border-left-5-black {
  border-left: 5px solid #010101;
}

.border-5-green {
  border: 5px solid #00B451;
}

.border-top-5-green {
  border-top: 5px solid #00B451;
}

.border-right-5-green {
  border-right: 5px solid #00B451;
}

.border-bottom-5-green {
  border-bottom: 5px solid #00B451;
}

.border-left-5-green {
  border-left: 5px solid #00B451;
}

.border-5-darkgreen {
  border: 5px solid #124734;
}

.border-top-5-darkgreen {
  border-top: 5px solid #124734;
}

.border-right-5-darkgreen {
  border-right: 5px solid #124734;
}

.border-bottom-5-darkgreen {
  border-bottom: 5px solid #124734;
}

.border-left-5-darkgreen {
  border-left: 5px solid #124734;
}

.border-5-purple {
  border: 5px solid #666CCD;
}

.border-top-5-purple {
  border-top: 5px solid #666CCD;
}

.border-right-5-purple {
  border-right: 5px solid #666CCD;
}

.border-bottom-5-purple {
  border-bottom: 5px solid #666CCD;
}

.border-left-5-purple {
  border-left: 5px solid #666CCD;
}

.border-0 {
  border: 0 solid;
}

.border-top-0 {
  border-top: 0 solid;
}

.border-right-0 {
  border-right: 0 solid;
}

.border-bottom-0 {
  border-bottom: 0 solid;
}

.border-left-0 {
  border-left: 0 solid;
}

.border-red {
  border-color: #E43D30 !important;
}

.border-gray {
  border-color: #F5F1F3 !important;
}

.border-lightgray {
  border-color: #EBDEC8 !important;
}

.border-darkgray {
  border-color: #666666 !important;
}

.border-white {
  border-color: #F5F5F5 !important;
}

.border-black {
  border-color: #010101 !important;
}

.border-green {
  border-color: #00B451 !important;
}

.border-darkgreen {
  border-color: #124734 !important;
}

.border-purple {
  border-color: #666CCD !important;
}

.big-radius {
  border-radius: 1000em;
  overflow: hidden;
}

.text-nowrap {
  white-space: nowrap;
}

/*
 * TEXT STROKES
 * This section contains styles for setting the text stroke of elements.
 * The .text-stroke class sets the color, -webkit-text-stroke, and text shadow of an element.
 * The .text-stroke-{name} classes set the color, -webkit-text-stroke, text shadow, and background color of an element.
 */
.text-stroke {
  color: transparent !important;
  -webkit-text-stroke: 1px #010101;
  text-shadow: none;
}

.text-stroke-red {
  color: transparent !important;
  -webkit-text-stroke: 1px #010101;
  text-shadow: none;
  background-color: #E43D30 !important;
}

.text-stroke-gray {
  color: transparent !important;
  -webkit-text-stroke: 1px #010101;
  text-shadow: none;
  background-color: #F5F1F3 !important;
}

.text-stroke-lightgray {
  color: transparent !important;
  -webkit-text-stroke: 1px #010101;
  text-shadow: none;
  background-color: #EBDEC8 !important;
}

.text-stroke-darkgray {
  color: transparent !important;
  -webkit-text-stroke: 1px #010101;
  text-shadow: none;
  background-color: #666666 !important;
}

.text-stroke-white {
  color: transparent !important;
  -webkit-text-stroke: 1px #010101;
  text-shadow: none;
  background-color: #F5F5F5 !important;
}

.text-stroke-black {
  color: transparent !important;
  -webkit-text-stroke: 1px #010101;
  text-shadow: none;
  background-color: #010101 !important;
}

.text-stroke-green {
  color: transparent !important;
  -webkit-text-stroke: 1px #010101;
  text-shadow: none;
  background-color: #00B451 !important;
}

.text-stroke-darkgreen {
  color: transparent !important;
  -webkit-text-stroke: 1px #010101;
  text-shadow: none;
  background-color: #124734 !important;
}

.text-stroke-purple {
  color: transparent !important;
  -webkit-text-stroke: 1px #010101;
  text-shadow: none;
  background-color: #666CCD !important;
}

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-all {
  pointer-events: all;
}

/*
 * LIST STYLES
 * This section contains styles for setting the list style, padding, and margin of list elements.
 */
.list-reset {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}
.list-reset li {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.list-styled ul {
  padding-left: 8px;
  margin-bottom: 25px;
}
.list-styled li {
  padding-left: 35px;
  margin-left: 0;
  list-style: none;
}
.list-styled li:not(:last-child) {
  margin-bottom: 10px;
}
.list-styled li {
  z-index: 1;
}
.list-styled li {
  position: relative;
}
.list-styled li::before {
  z-index: -1;
  position: absolute;
  content: "";
  transition: 0.2s ease-in-out;
  pointer-events: none;
  width: clamp(14px, 1.32 * 1vw, 20px);
  height: clamp(14px, 1.32 * 1vw, 20px);
  background-image: url("../resources/images/deco-etoile.svg");
  left: 0;
  top: 14px;
  border-radius: 9px;
  transform: translateY(-50%);
  display: inline-block;
  background-size: contain; /* Redimensionne l'image pour qu'elle soit contenue */
  background-repeat: no-repeat;
}

:root {
  --red: #E43D30;
  --gray: #F5F1F3;
  --lightgray: #EBDEC8;
  --darkgray: #666666;
  --white: #F5F5F5;
  --black: #010101;
  --green: #00B451;
  --darkgreen: #124734;
  --purple: #666CCD;
}

/*
 * Utility Classes for Background and Text Colors
 */
.bg-red {
  background-color: #E43D30 !important;
}

.text-red {
  color: #E43D30 !important;
}

.bg-xr-red {
  z-index: 1;
}
.bg-xr-red {
  z-index: 1;
}
.bg-xr-red {
  position: relative;
}
.bg-xr-red::after {
  z-index: -1;
  position: absolute;
  content: "";
  transition: 0.2s ease-in-out;
  pointer-events: none;
  top: 0;
  left: calc(100% - 1px);
  height: 100%;
  width: 900em;
  background-color: #E43D30;
  z-index: -1;
}

.bg-xl-red {
  z-index: 1;
}
.bg-xl-red {
  z-index: 1;
}
.bg-xl-red {
  position: relative;
}
.bg-xl-red::before {
  z-index: -1;
  position: absolute;
  content: "";
  transition: 0.2s ease-in-out;
  pointer-events: none;
  top: 0;
  right: calc(100% - 1px);
  height: 100%;
  width: 900em;
  background-color: #E43D30;
  z-index: -1;
}

.bg-gray {
  background-color: #F5F1F3 !important;
}

.text-gray {
  color: #F5F1F3 !important;
}

.bg-xr-gray {
  z-index: 1;
}
.bg-xr-gray {
  z-index: 1;
}
.bg-xr-gray {
  position: relative;
}
.bg-xr-gray::after {
  z-index: -1;
  position: absolute;
  content: "";
  transition: 0.2s ease-in-out;
  pointer-events: none;
  top: 0;
  left: calc(100% - 1px);
  height: 100%;
  width: 900em;
  background-color: #F5F1F3;
  z-index: -1;
}

.bg-xl-gray {
  z-index: 1;
}
.bg-xl-gray {
  z-index: 1;
}
.bg-xl-gray {
  position: relative;
}
.bg-xl-gray::before {
  z-index: -1;
  position: absolute;
  content: "";
  transition: 0.2s ease-in-out;
  pointer-events: none;
  top: 0;
  right: calc(100% - 1px);
  height: 100%;
  width: 900em;
  background-color: #F5F1F3;
  z-index: -1;
}

.bg-lightgray {
  background-color: #EBDEC8 !important;
}

.text-lightgray {
  color: #EBDEC8 !important;
}

.bg-xr-lightgray {
  z-index: 1;
}
.bg-xr-lightgray {
  z-index: 1;
}
.bg-xr-lightgray {
  position: relative;
}
.bg-xr-lightgray::after {
  z-index: -1;
  position: absolute;
  content: "";
  transition: 0.2s ease-in-out;
  pointer-events: none;
  top: 0;
  left: calc(100% - 1px);
  height: 100%;
  width: 900em;
  background-color: #EBDEC8;
  z-index: -1;
}

.bg-xl-lightgray {
  z-index: 1;
}
.bg-xl-lightgray {
  z-index: 1;
}
.bg-xl-lightgray {
  position: relative;
}
.bg-xl-lightgray::before {
  z-index: -1;
  position: absolute;
  content: "";
  transition: 0.2s ease-in-out;
  pointer-events: none;
  top: 0;
  right: calc(100% - 1px);
  height: 100%;
  width: 900em;
  background-color: #EBDEC8;
  z-index: -1;
}

.bg-darkgray {
  background-color: #666666 !important;
}

.text-darkgray {
  color: #666666 !important;
}

.bg-xr-darkgray {
  z-index: 1;
}
.bg-xr-darkgray {
  z-index: 1;
}
.bg-xr-darkgray {
  position: relative;
}
.bg-xr-darkgray::after {
  z-index: -1;
  position: absolute;
  content: "";
  transition: 0.2s ease-in-out;
  pointer-events: none;
  top: 0;
  left: calc(100% - 1px);
  height: 100%;
  width: 900em;
  background-color: #666666;
  z-index: -1;
}

.bg-xl-darkgray {
  z-index: 1;
}
.bg-xl-darkgray {
  z-index: 1;
}
.bg-xl-darkgray {
  position: relative;
}
.bg-xl-darkgray::before {
  z-index: -1;
  position: absolute;
  content: "";
  transition: 0.2s ease-in-out;
  pointer-events: none;
  top: 0;
  right: calc(100% - 1px);
  height: 100%;
  width: 900em;
  background-color: #666666;
  z-index: -1;
}

.bg-white {
  background-color: #F5F5F5 !important;
}

.text-white {
  color: #F5F5F5 !important;
}

.bg-xr-white {
  z-index: 1;
}
.bg-xr-white {
  z-index: 1;
}
.bg-xr-white {
  position: relative;
}
.bg-xr-white::after {
  z-index: -1;
  position: absolute;
  content: "";
  transition: 0.2s ease-in-out;
  pointer-events: none;
  top: 0;
  left: calc(100% - 1px);
  height: 100%;
  width: 900em;
  background-color: #F5F5F5;
  z-index: -1;
}

.bg-xl-white {
  z-index: 1;
}
.bg-xl-white {
  z-index: 1;
}
.bg-xl-white {
  position: relative;
}
.bg-xl-white::before {
  z-index: -1;
  position: absolute;
  content: "";
  transition: 0.2s ease-in-out;
  pointer-events: none;
  top: 0;
  right: calc(100% - 1px);
  height: 100%;
  width: 900em;
  background-color: #F5F5F5;
  z-index: -1;
}

.bg-black {
  background-color: #010101 !important;
}

.text-black {
  color: #010101 !important;
}

.bg-xr-black {
  z-index: 1;
}
.bg-xr-black {
  z-index: 1;
}
.bg-xr-black {
  position: relative;
}
.bg-xr-black::after {
  z-index: -1;
  position: absolute;
  content: "";
  transition: 0.2s ease-in-out;
  pointer-events: none;
  top: 0;
  left: calc(100% - 1px);
  height: 100%;
  width: 900em;
  background-color: #010101;
  z-index: -1;
}

.bg-xl-black {
  z-index: 1;
}
.bg-xl-black {
  z-index: 1;
}
.bg-xl-black {
  position: relative;
}
.bg-xl-black::before {
  z-index: -1;
  position: absolute;
  content: "";
  transition: 0.2s ease-in-out;
  pointer-events: none;
  top: 0;
  right: calc(100% - 1px);
  height: 100%;
  width: 900em;
  background-color: #010101;
  z-index: -1;
}

.bg-green {
  background-color: #00B451 !important;
}

.text-green {
  color: #00B451 !important;
}

.bg-xr-green {
  z-index: 1;
}
.bg-xr-green {
  z-index: 1;
}
.bg-xr-green {
  position: relative;
}
.bg-xr-green::after {
  z-index: -1;
  position: absolute;
  content: "";
  transition: 0.2s ease-in-out;
  pointer-events: none;
  top: 0;
  left: calc(100% - 1px);
  height: 100%;
  width: 900em;
  background-color: #00B451;
  z-index: -1;
}

.bg-xl-green {
  z-index: 1;
}
.bg-xl-green {
  z-index: 1;
}
.bg-xl-green {
  position: relative;
}
.bg-xl-green::before {
  z-index: -1;
  position: absolute;
  content: "";
  transition: 0.2s ease-in-out;
  pointer-events: none;
  top: 0;
  right: calc(100% - 1px);
  height: 100%;
  width: 900em;
  background-color: #00B451;
  z-index: -1;
}

.bg-darkgreen {
  background-color: #124734 !important;
}

.text-darkgreen {
  color: #124734 !important;
}

.bg-xr-darkgreen {
  z-index: 1;
}
.bg-xr-darkgreen {
  z-index: 1;
}
.bg-xr-darkgreen {
  position: relative;
}
.bg-xr-darkgreen::after {
  z-index: -1;
  position: absolute;
  content: "";
  transition: 0.2s ease-in-out;
  pointer-events: none;
  top: 0;
  left: calc(100% - 1px);
  height: 100%;
  width: 900em;
  background-color: #124734;
  z-index: -1;
}

.bg-xl-darkgreen {
  z-index: 1;
}
.bg-xl-darkgreen {
  z-index: 1;
}
.bg-xl-darkgreen {
  position: relative;
}
.bg-xl-darkgreen::before {
  z-index: -1;
  position: absolute;
  content: "";
  transition: 0.2s ease-in-out;
  pointer-events: none;
  top: 0;
  right: calc(100% - 1px);
  height: 100%;
  width: 900em;
  background-color: #124734;
  z-index: -1;
}

.bg-purple {
  background-color: #666CCD !important;
}

.text-purple {
  color: #666CCD !important;
}

.bg-xr-purple {
  z-index: 1;
}
.bg-xr-purple {
  z-index: 1;
}
.bg-xr-purple {
  position: relative;
}
.bg-xr-purple::after {
  z-index: -1;
  position: absolute;
  content: "";
  transition: 0.2s ease-in-out;
  pointer-events: none;
  top: 0;
  left: calc(100% - 1px);
  height: 100%;
  width: 900em;
  background-color: #666CCD;
  z-index: -1;
}

.bg-xl-purple {
  z-index: 1;
}
.bg-xl-purple {
  z-index: 1;
}
.bg-xl-purple {
  position: relative;
}
.bg-xl-purple::before {
  z-index: -1;
  position: absolute;
  content: "";
  transition: 0.2s ease-in-out;
  pointer-events: none;
  top: 0;
  right: calc(100% - 1px);
  height: 100%;
  width: 900em;
  background-color: #666CCD;
  z-index: -1;
}

/*
 * OVERLAY
 * The .overlay class applies a semi-transparent background to an element.
 * It uses the pseudo mixin to create a pseudo-element (::before) that covers the entire element.
 * The pseudo-element has a black background with 50% opacity.
 * All direct children of the .overlay element are positioned relative to it and have a higher z-index.
 * The .overlay class also includes variants for directional gradients:
 * - .overlay-rl applies a gradient from right to left
 * - .overlay-lr applies a gradient from left to right
 * - .overlay-bt applies a gradient from bottom to top
 * - .overlay-tb applies a gradient from top to bottom
 * At small screen sizes, the opacity of the gradient is reduced to 20%.
 */
.overlay {
  position: relative;
}
.overlay::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.overlay > * {
  position: relative;
  z-index: 1;
}
@media (max-width: 767.98px) {
  .overlay-rl::before, .overlay-lr::before, .overlay-bt::before, .overlay-tb::before {
    background: rgba(0, 0, 0, 0.2);
  }
}
.overlay-rl::before {
  background: linear-gradient(to right, transparent 0%, black 150%);
}
.overlay-lr::before {
  background: linear-gradient(to left, transparent 0%, black 150%);
}
.overlay-bt::before {
  background: linear-gradient(180deg, transparent 40%, black 120%);
}
.overlay-bt::before-blogue::before {
  background: linear-gradient(180deg, transparent -100%, black 110%);
}
.overlay-tb::before {
  background: linear-gradient(to top, transparent 0%, black 150%);
}

/*
 * BACKGROUND UTILITY CLASSES
 * The .bg-image class applies a background image to an element, with the image covering the entire element and centered.
 * The .bg-fixed class makes the background image fixed, so it does not scroll with the rest of the page. On extra small screens, the background image scrolls with the page.
 * The .bg-top, .bg-bottom, .bg-left, and .bg-right classes position the background image at the top, bottom, left, and right of the element, respectively.
 */
.bg-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.bg-fixed {
  background-attachment: fixed;
}

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

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

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

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

/*
 * The .fit-image class ensures an image fits its container perfectly.
 * It sets the width and height of the image to 100% and uses the object-fit and object-position properties to cover the entire container and center the image.
 */
.fit-image, .play-iframe > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/*
 * ANIMATION FOR A SMOOTHLY ZOOMING BACKGROUND
 * The .bg-infinite-zoom class applies an animation that smoothly zooms the background of an element.
 * The animation is named infinite-zoom and lasts for 30 seconds.
 * It uses an ease-in-out timing function and repeats indefinitely.
 * The animation increases the background size from 100% to 120% at the midpoint of the animation, and then decreases it back to 100%.
 * This creates a smooth zooming effect.
 * The animation is applied at the $md breakpoint and above.
 */
@media (min-width: 991.98px) {
  .bg-infinite-zoom {
    animation: infinite-zoom 30s ease-in-out infinite;
  }
  @keyframes infinite-zoom {
    0%, 100% {
      background-size: 100%;
    }
    50% {
      background-size: 120%;
    }
  }
}
/*
 * VIMEO BACKGROUND
 * The .vimeo-background class styles an element to cover the entire viewport.
 * It positions the element fixed at the top-left corner, with a width and height of 100%.
 * The z-index is set to -1 to place it behind other elements, and pointer-events are disabled.
 * The overflow is hidden to prevent scrollbars.
 * At the $md breakpoint and above, the position is set to initial and the height is set to 45dvh.
 */
.vimeo-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  .vimeo-background {
    position: initial;
    height: 45dvh;
  }
}
.vimeo-background iframe {
  width: 100vw;
  height: 56.25vw;
  min-height: 100dvh;
  min-width: 177.77dvh;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*
 * VIMEO FULL CONTAINER
 * The .vimeo-full-container class styles an element to maintain a responsive aspect ratio.
 * It uses CSS variables to set the width and height of the video.
 * The .portrait modifier class adjusts the aspect ratio for portrait orientation.
 * The padding-bottom is calculated based on the aspect ratio to maintain the correct height.
 * The overflow is hidden to prevent scrollbars, and the max-width is set to 100%.
 * The iframe, object, and embed elements inside the container are positioned absolutely to cover the entire container.
 */
.vimeo-full-container {
  position: relative;
  height: auto;
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
}
.vimeo-full-container iframe, .vimeo-full-container object, .vimeo-full-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.play-iframe {
  width: calc(400 / 19.2 * 1vw) !important;
  max-width: 400px !important;
  min-width: 140px !important;
  height: calc(400 / 19.2 * 1vw) !important;
  max-height: 400px !important;
  min-height: 140px !important;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  will-change: cursor;
}
.play-iframe {
  z-index: 1;
}
.play-iframe {
  position: relative;
}
.play-iframe::before {
  z-index: -1;
  position: absolute;
  content: "";
  transition: 0.2s ease-in-out;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.play-iframe > i {
  font-size: clamp(30px, 4.17 * 1vw, 80px);
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  pointer-events: none;
}
.play-iframe > img, .play-iframe > i {
  transition: 0.3s;
}
.play-iframe:hover > img {
  transform: scale(1.1);
}
.play-iframe:hover i {
  color: #00B451;
}

.iframe-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  transition: 1s;
  overflow: hidden;
}
.iframe-popup iframe {
  width: 80vw;
  height: 80dvh;
  transform: scale(4);
  transition: 1.5s;
}
.iframe-popup.open {
  top: 0;
  right: 0;
  pointer-events: all;
  opacity: 1;
}
.iframe-popup.open iframe {
  transform: scale(1);
}
.iframe-popup .close-btn {
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: 2rem;
  color: white;
  cursor: pointer;
  will-change: cursor;
  transition: 0.3s;
}
.iframe-popup .close-btn:hover {
  transform: scale(1.1);
}

/*
 * ICONS
 * The .icons-container class is a flex container that centers its children and allows them to wrap onto multiple lines.
 * It contains two types of child elements: items and icon image wrappers.
 *
 * ITEMS
 * Item elements have a class name that includes 'item'.
 * They are flex containers that arrange their children in a column, center their children, and center their text.
 * The direct child img elements of item elements have a height of 65px.
 * The br elements within item elements are hidden.
 * The width of item elements is dynamically generated based on their class name.
 * For example, an item element with the class .item-3 has a width of 33.33% (100% / 3).
 * At the $md breakpoint and above, the width of item elements is set to 50%.
 *
 * ICON IMAGE WRAPPERS
 * The .icon-image-wrapper class is used for elements that wrap icon images.
 * It is a flex container that centers its children and aligns them to the bottom of the element.
 * The height of the .icon-image-wrapper element is 100px, and its width is automatically adjusted to fit its content.
 * The img elements within the .icon-image-wrapper element have a height of 100%.
 * At the $md breakpoint and above, the height of the .icon-image-wrapper element is set to 60px.
 */
.icons-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.icons-container [class*=item] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.icons-container [class*=item] > img {
  height: 65px;
}
.icons-container [class*=item] br {
  display: none;
}
.icons-container .item-2 {
  width: calc(100% / 2);
}
@media (max-width: 991.98px) {
  .icons-container .item-2 {
    width: 50%;
  }
}
.icons-container .item-3 {
  width: calc(100% / 3);
}
@media (max-width: 991.98px) {
  .icons-container .item-3 {
    width: 50%;
  }
}
.icons-container .item-4 {
  width: calc(100% / 4);
}
@media (max-width: 991.98px) {
  .icons-container .item-4 {
    width: 50%;
  }
}
.icons-container .item-5 {
  width: calc(100% / 5);
}
@media (max-width: 991.98px) {
  .icons-container .item-5 {
    width: 50%;
  }
}
.icons-container .item-6 {
  width: calc(100% / 6);
}
@media (max-width: 991.98px) {
  .icons-container .item-6 {
    width: 50%;
  }
}
.icons-container .item-7 {
  width: calc(100% / 7);
}
@media (max-width: 991.98px) {
  .icons-container .item-7 {
    width: 50%;
  }
}
.icons-container .item-8 {
  width: calc(100% / 8);
}
@media (max-width: 991.98px) {
  .icons-container .item-8 {
    width: 50%;
  }
}
.icons-container .icon-image-wrapper {
  height: 100px;
  width: auto;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 2rem;
}
.icons-container .icon-image-wrapper img {
  height: 100%;
}
@media (max-width: 991.98px) {
  .icons-container .icon-image-wrapper {
    height: 60px;
  }
}

/*
 * LIGHTBOX & GALLERY
 * This section contains styles for a lightbox and a gallery.
 *
 * SL-OVERLAY
 * The .sl-overlay class applies a semi-transparent black background to an element.
 * The background color is set to rgba(0, 0, 0, 0.8) and the opacity is set to 1.
 *
 * SIMPLE-LIGHTBOX
 * The .simple-lightbox class contains styles for various elements within a lightbox.
 * The .sl-caption class sets the font size of the caption to 20px.
 * The .sl-navigation class sets the font size of the navigation buttons to 8rem and their color to white.
 * The .sl-counter class sets the font size of the counter to 20px and its color to white.
 * The .sl-image class sets the cursor to 'grab' and adds a transition effect. When active, the cursor is set to 'grabbing'.
 * The .sl-close class sets the font size of the close button to 8rem and its color to white. On hover, the opacity is reduced to 0.8.
 *
 * GALLERY-ITEM
 * The .gallery-item class sets the cursor to 'zoom-in'.
 *
 * GALLERY-GRID
 * The .gallery-grid class contains styles for items within a gallery grid.
 * The .item class contains styles for individual items within the gallery grid.
 * The .gallery-img class adds a transition effect to the gallery images.
 * The .gallery-img class also sets the width of the images to 100% and their height to a value that is responsive to the viewport width.
 * If the item has a .col-12 class, the height of the images is set to a different responsive value at the $md breakpoint and above.
 * The overflow of the item elements is set to 'hidden'.
 * On hover, the scale of the gallery images is increased to 1.05.
 */
.sl-overlay {
  background: rgba(0, 0, 0, 0.8) !important;
  opacity: 1 !important;
}

.simple-lightbox .sl-caption {
  font-size: 20px !important;
}
.simple-lightbox .sl-navigation button {
  font-size: 8rem !important;
  color: white !important;
}
.simple-lightbox .sl-counter {
  font-size: 20px !important;
  color: white !important;
}
.simple-lightbox .sl-image {
  cursor: grab !important;
  will-change: cursor;
  transition: 0.1s;
}
.simple-lightbox .sl-image:active {
  cursor: grabbing !important;
  will-change: cursor;
}
.simple-lightbox .sl-close {
  font-size: 8rem !important;
  color: white !important;
}
.simple-lightbox .sl-close:hover {
  opacity: 0.8 !important;
}

.gallery-item {
  cursor: zoom-in;
  will-change: cursor;
}

.gallery-grid .item {
  overflow: hidden;
}
.gallery-grid .item .gallery-img {
  transition: all 0.3s;
}
.gallery-grid .item .gallery-img {
  width: 100% !important;
  height: calc(490px / 19.2 * 1vw) !important;
  max-height: 490pxpx !important;
  min-height: 171.5pxpx !important;
  object-fit: cover !important;
}
@media (min-width: 991.98px) {
  .gallery-grid .item.col-12 .gallery-img {
    width: 100% !important;
    height: calc(620px / 19.2 * 1vw) !important;
    max-height: 620pxpx !important;
    min-height: 217pxpx !important;
    object-fit: cover !important;
  }
}
.gallery-grid .item:hover .gallery-img {
  transform: scale(1.05);
}

/**
  * OPACITIES
  * Foreach 0 to 10, create a class that sets the opacity to the corresponding value.
  */
.opacity-0 {
  opacity: calc(0 / 10);
}

.opacity-1 {
  opacity: calc(1 / 10);
}

.opacity-2 {
  opacity: calc(2 / 10);
}

.opacity-3 {
  opacity: calc(3 / 10);
}

.opacity-4 {
  opacity: calc(4 / 10);
}

.opacity-5 {
  opacity: calc(5 / 10);
}

.opacity-6 {
  opacity: calc(6 / 10);
}

.opacity-7 {
  opacity: calc(7 / 10);
}

.opacity-8 {
  opacity: calc(8 / 10);
}

.opacity-9 {
  opacity: calc(9 / 10);
}

.opacity-10 {
  opacity: calc(10 / 10);
}

/**
  * Gradients
  */
.gradient-0::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), transparent);
  pointer-events: none;
}

.gradient-1::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.1), transparent);
  pointer-events: none;
}

.gradient-2::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.2), transparent);
  pointer-events: none;
}

.gradient-3::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.3), transparent);
  pointer-events: none;
}

.gradient-4::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.4), transparent);
  pointer-events: none;
}

.gradient-5::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.5), transparent);
  pointer-events: none;
}

.gradient-6::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.6), transparent);
  pointer-events: none;
}

.gradient-7::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.7), transparent);
  pointer-events: none;
}

.gradient-8::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.8), transparent);
  pointer-events: none;
}

.gradient-9::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.9), transparent);
  pointer-events: none;
}

.gradient-10::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to right, rgb(255, 255, 255), transparent);
  pointer-events: none;
}

.map {
  height: clamp(380px, 36.46 * 1vw, 700px);
  width: 100%;
}

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

.zone-em em {
  font-style: italic;
  font-weight: 700;
}

.image-in-single {
  width: 100% !important;
  height: calc(480 / 19.2 * 1vw) !important;
  max-height: 480px !important;
  min-height: 168px !important;
  object-fit: cover !important;
}

.deco-grid {
  pointer-events: none;
  display: flex;
  justify-content: space-between;
}
.deco-grid {
  z-index: 1;
}
.deco-grid::before {
  z-index: -1;
  position: absolute;
  content: "";
  transition: 0.2s ease-in-out;
  pointer-events: none;
  left: -500em;
  height: 1px;
  width: 1500em;
  background-color: #47433C;
  bottom: 0;
}
.deco-grid {
  z-index: 1;
}
.deco-grid::after {
  z-index: -1;
  position: absolute;
  content: "";
  transition: 0.2s ease-in-out;
  pointer-events: none;
  left: -500em;
  width: 1500em;
  height: 1px;
  background-color: #010101;
  top: 0;
}
.deco-grid span {
  display: inline-block;
  height: 100%;
  width: 1px;
  background-color: #010101;
}
.deco-grid .big-words-animation .big-word {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2rem;
  white-space: nowrap;
}
.deco-grid.line-white span, .deco-grid.line-white:before, .deco-grid.line-white:after {
  background-color: rgb(70.5, 66.6, 60);
}
.deco-grid-360 {
  height: 360px;
}

.source-title {
  font-style: italic;
  font-weight: 400;
}
.source-title strong {
  font-weight: 800;
  font-style: italic;
}

.svg-fill-green path {
  stroke: #00B451;
}
.svg-fill-white path {
  stroke: #F5F5F5;
}

/*--------------------------------------------------------------
# Page
--------------------------------------------------------------*/
.entry-content--secteur .single, .entry-content--post .single {
  z-index: 3;
  position: absolute;
}
.entry-content--secteur .single.circle-before, .entry-content--post .single.circle-before {
  width: calc(1000 / 1920 * 100vw);
  height: calc(1000 / 1920 * 100vw);
  border: 1px solid #00B451;
  border-radius: 50%;
  z-index: 1;
  transition: none;
  left: calc(-750 / 1920 * 100vw);
  top: calc(600 / 1920 * 100vw);
}
@media (max-width: 991.98px) {
  .entry-content--secteur .single.circle-before, .entry-content--post .single.circle-before {
    width: calc(1300 / 1920 * 100vw);
    height: calc(1300 / 1920 * 100vw);
    left: calc(-1000 / 1920 * 100vw);
    top: calc(1000 / 1920 * 100vw);
  }
}
.entry-content--secteur .single.circle-after, .entry-content--post .single.circle-after {
  width: calc(1000 / 1920 * 100vw);
  height: calc(1000 / 1920 * 100vw);
  border: 1px solid #00B451;
  border-radius: 50%;
  z-index: 1;
  transition: none;
  right: calc(-750 / 1920 * 100vw);
  bottom: calc(750 / 1920 * 100vw);
}
@media (max-width: 991.98px) {
  .entry-content--secteur .single.circle-after, .entry-content--post .single.circle-after {
    width: calc(1300 / 1920 * 100vw);
    height: calc(1300 / 1920 * 100vw);
    right: calc(-1100 / 1920 * 100vw);
    bottom: calc(1100 / 1920 * 100vw);
  }
}
.entry-content--secteur .single.deco-etoile, .entry-content--post .single.deco-etoile {
  width: calc(160 / 1920 * 100vw);
  height: calc(160 / 1920 * 100vw);
  right: calc(100 / 1920 * 100vw);
  top: calc(-60 / 1920 * 100vw);
}
@media (max-width: 991.98px) {
  .entry-content--secteur .single.deco-etoile, .entry-content--post .single.deco-etoile {
    width: calc(400 / 1920 * 100vw);
    height: calc(400 / 1920 * 100vw);
    right: calc(100 / 1920 * 100vw);
    top: calc(-200 / 1920 * 100vw);
  }
}
.entry-content--secteur .single.oval-green-blue, .entry-content--post .single.oval-green-blue {
  width: calc(160 / 1920 * 100vw);
  height: calc(160 / 1920 * 100vw);
  right: calc(-40 / 1920 * 100vw);
  top: calc(-50 / 1920 * 100vw);
  transform: rotate(100deg);
}
@media (max-width: 991.98px) {
  .entry-content--secteur .single.oval-green-blue, .entry-content--post .single.oval-green-blue {
    width: calc(400 / 1920 * 100vw);
    height: calc(400 / 1920 * 100vw);
    right: calc(100 / 1920 * 100vw);
    top: calc(-200 / 1920 * 100vw);
  }
}
.entry-content .section-flex-s_normal img, .entry-content .section-flex-s_columns img {
  border-radius: 10px;
  box-shadow: 5px 5px 20px -1px rgba(0, 0, 0, 0.48);
}

.thumbnail-single-type-blog {
  width: 100% !important;
  height: calc(500 / 19.2 * 1vw) !important;
  max-height: 500px !important;
  min-height: 175px !important;
  object-fit: cover !important;
}
.thumbnail-single-simple {
  width: 100% !important;
  height: calc(600 / 19.2 * 1vw) !important;
  max-height: 600px !important;
  min-height: 210px !important;
  object-fit: cover !important;
}

/*# sourceMappingURL=single-post.css.map */