@charset "UTF-8";
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

# 1-Core (theme)
    - Base
    - Components
    - Typography
    - Utilities

# 2-Framework (theme)
    - Layout
    - Styles
    - Typography

# 3-Components (theme)
    - Accordion
    - Forms

# 4-Plugins (theme)
    ## WooCommerce
        -- Cart
        -- Checkout
        -- Products
        -- Single product
        -- Account

    ## Gravity Forms
        -- Gravity forms

    ## Swiper JS
        -- Swiper JS

# 5-Settings (theme)
    - Settings
    - Variables

# 6-Site (project in progress)
    - Components
    - Custom
    - Layout
    - Pages


# !! L'ORDRE DES IMPORTS EST IMPORTANT !!
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# 1-Core (theme)
--------------------------------------------------------------*/
/**
 * 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.
 */
/**
 * 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.
 */
/**
 * Mixin to create an arrow button with customizable properties
 * @param {Color} $color - The color of the arrow
 * @param {Color} $background - The background color of the arrow
 * @param {Number} $font-size - The font size of the arrow
 * @param {String} $direction - The direction of the arrow (up, down, left, right)
 */
/*--------------------------------------------------------------
# 5-Settings (theme and project)
--------------------------------------------------------------*/
/*
 * 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 */
/* Navigation */
/* Footer */
/* Links */
/* Buttons */
/* Button Paddings */
/* Inputs */
/* Typography */
@import url("https://fonts.googleapis.com/css2?family=Darker+Grotesque:wght@300..900&display=swap");
/*
 * 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
 */
/*
 * Breakpoints
 */
/* Margins */
/* Mobile menu enter */
/*--------------------------------------------------------------
# 1-Core (theme)
--------------------------------------------------------------*/
.site-header {
  z-index: 12;
  width: 100%;
  background-color: transparent;
  position: fixed;
  top: 0;
  left: 0;
  transition: all 0.3s ease-in-out;
}
.site-header.scrolling-hide {
  transform: translateY(-150%);
}
.site-header.scrolling {
  -webkit-backdrop-filter: blur(11.5px);
          backdrop-filter: blur(11.5px);
}

.site-content-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 2;
  margin: 0 auto;
  margin-top: 25px;
  margin-bottom: 20px;
  transition: 0.2s;
}
@media (max-width: 575.98px) {
  .site-content-header {
    margin-top: 15px;
    margin-bottom: 18px;
  }
}

.site-logo {
  transition: 0.2s;
}
.site-logo img,
.site-logo svg {
  width: 100%;
}
.site-logo a:hover {
  opacity: 0.8;
}

.site-navigation,
.top-navigation {
  display: block;
  width: 100%;
  z-index: 5;
}
@media (max-width: 9999px) {
  .site-navigation,
  .top-navigation {
    position: relative;
  }
}
.site-navigation ul,
.top-navigation ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
  padding-bottom: 30px;
}
.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: 9999px) {
  .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: #A30134;
}
.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 li > ul:not(.inner),
.top-navigation li > ul:not(.inner) {
  height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.site-navigation a,
.top-navigation a {
  text-transform: initial;
  display: inline-block;
  text-decoration: none;
  font-size: clamp(16px, 1.25 * 1vw, 19px);
  font-weight: 500;
  letter-spacing: initial;
  color: #FFFFFF;
  transition: 0.2s;
}
.site-navigation a:hover,
.top-navigation a:hover {
  color: #A30134;
}
.site-navigation .current_page_item > a,
.site-navigation .current_page_parent > a,
.site-navigation .current-menu-item > a,
.top-navigation .current_page_item > a,
.top-navigation .current_page_parent > a,
.top-navigation .current-menu-item > a {
  color: #A30134 !important;
  pointer-events: none;
}

.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;
}
.primary-menu > li, .logout-header {
  padding-left: 40px;
}

.site-logo {
  position: relative;
  z-index: 4;
  display: inline-flex;
  max-width: 203px;
}
@media (max-width: 1489.98px) {
  .site-logo {
    width: clamp(145px, 13.54 * 1vw, 260px);
  }
}
.site-logo .custom-logo {
  transition: 0.2s;
  transform-origin: center;
}
@media (min-width: 9999px) {
  .site-content-header {
    align-items: center;
    flex-wrap: wrap;
  }
  .primary-menu {
    justify-content: flex-end;
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
  }
  .primary-menu li,
  .primary-menu a,
  .primary-menu .sub-menu {
    pointer-events: all;
  }
  .primary-menu a {
    padding: 7px clamp(5px, 0.78 * 1vw, 15px);
  }
  .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;
  }
  .primary-menu > .menu-item-has-children .sub-menu {
    z-index: 1;
  }
  .site-navigation,
  .top-navigation {
    width: initial;
  }
  .site-navigation > div[class^=menu-],
  .top-navigation > div[class^=menu-] {
    display: block;
  }
  .site-navigation ul,
  .top-navigation ul {
    margin: 0;
    padding: 0;
  }
  .site-navigation ul:not(.sub-menu) > li,
  .top-navigation ul:not(.sub-menu) > li {
    display: inline-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: #FFFFFF;
    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,
  .top-navigation .menu-item-has-children {
    margin-right: clamp(5px, 0.78 * 1vw, 15px);
  }
  .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;
  }
}
@media (min-width: 9999px) and (min-width: 9999px) {
  .site-navigation .menu-item-has-children > a,
  .top-navigation .menu-item-has-children > a {
    position: relative;
    padding-right: clamp(10px, 1.56 * 1vw, 30px) !important;
  }
  .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;
  }
}
@media (min-width: 9999px) {
  .site-navigation ul,
  .top-navigation ul {
    display: flex;
  }
  nav .minus,
  nav .plus {
    display: none;
  }
}
@media (max-width: 9999px) {
  .top-navigation {
    display: none;
    position: absolute;
    top: 31px;
    left: 0;
  }
  .top-navigation.flex {
    display: flex;
  }
  .top-navigation li {
    display: inline-block;
    padding-right: 0.5rem;
  }
  .top-navigation li a {
    font-size: 1.4rem;
  }
  .site-header .site-logo {
    max-width: 120px !important;
  }
  .site-navigation {
    position: absolute;
    top: 0;
    max-width: 600px;
    transition: 0.3s cubic-bezier(0.17, 0.67, 0.83, 0.67);
    padding: 15vh 65px 180px 0;
    background-color: transparent;
    right: -100%;
  }
  .site-navigation > div {
    /*padding-bottom: 100px;*/
  }
  .site-navigation .primary-menu {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 148px);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    /* width */
    /* Track */
    /* Handle */
  }
  .site-navigation .primary-menu::-webkit-scrollbar {
    width: 8px !important;
  }
  .site-navigation .primary-menu::-webkit-scrollbar-track {
    box-shadow: inset 0 0 1px #FFFFFF;
    border-radius: 0;
    background-color: #272727;
  }
  .site-navigation .primary-menu::-webkit-scrollbar-thumb {
    background: #FFFFFF;
    border: 2px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    border-radius: 5px;
  }
  .site-navigation .primary-menu > li {
    display: inline-block;
    margin-bottom: 2.5rem;
  }
  .site-navigation .primary-menu > li .sub-menu {
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .site-navigation .primary-menu > li .sub-menu li {
    padding: 3px 0;
  }
  .site-navigation .primary-menu > li .sub-menu a {
    font-size: 1.7rem;
    text-transform: none;
  }
  .site-navigation .primary-menu > li.social > a {
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media (max-width: 9999px) and (max-width: 575.98px) {
  .site-navigation {
    padding: 18vh 65px 45px 25px;
  }
}
.tadaa .site-navigation {
  right: 0;
}

#main-content.menu-open .top-navigation {
  z-index: 6;
}
#main-content.menu-open .top-navigation ul {
  display: flex;
}

.kraken-pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.6rem;
}
.kraken-pagination input {
  position: absolute;
  left: -9999px;
}
.kraken-pagination .page-number:not(.current-page):not(.points),
.kraken-pagination .arrow-label:not(.current-page):not(.points) {
  cursor: pointer;
}
.kraken-pagination .page-number {
  padding: 20px 11px;
  display: inline-block;
  color: #272727;
  line-height: 100%;
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
@media (max-width: 575.98px) {
  .kraken-pagination .page-number {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 449.98px) {
  .kraken-pagination .page-number {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.kraken-pagination .page-number:not(.current-page):hover {
  transform: translateY(-5px);
}
.kraken-pagination .page-number.current-page {
  color: #A30134;
}
.kraken-pagination .page-number.points {
  pointer-events: none;
}
.kraken-pagination .arrow-label {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: #272727;
}
.kraken-pagination .arrow-label i {
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.kraken-pagination .arrow-label .name {
  font-size: 1.4rem;
}
@media (max-width: 9999px) {
  .kraken-pagination .arrow-label .name {
    display: none;
  }
}
.kraken-pagination .arrow-label-prev:hover i {
  transform: translateX(-5px);
}
.kraken-pagination .arrow-label-next:hover i {
  transform: translateX(5px);
}
.kraken-pagination.white .page-number:not(.current-page) {
  color: #FFFFFF;
}
.kraken-pagination.white .arrow-label {
  color: #FFFFFF;
}

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

.search-box .search-form-popup {
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  background-color: rgba(255, 255, 255, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100vh + 300px);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: 100px;
  z-index: 99999;
}
.search-box .close-btn {
  position: absolute;
  right: 20px;
  bottom: 100%;
}
.search-box .close-btn svg {
  width: 30px;
  transition: 0.2s;
}
.search-box .close-btn:hover svg {
  transform: scale(1.2);
}
.search-box .search-row {
  width: 60%;
}
@media (max-width: 575.98px) {
  .search-box .search-row {
    width: 100%;
  }
}
.search-box .search-row input {
  height: 50px;
  width: 100%;
  border: 2px solid #D2D2D2;
  border-radius: 200px;
  padding: 0 20px;
}
.search-box .results-box {
  background-color: #FFFFFF;
  padding: 7vw 7vw 3vw 7vw;
  margin-left: 20px;
  margin-right: 20px;
  border: 1px solid #E7E7E7;
  max-width: 1200px;
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
}
@media (max-width: 575.98px) {
  .search-box .results-box {
    padding: 7vw 20px 3vw 20px;
  }
}
.search-box .items-result {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* width */
  /* Track */
  /* Handle */
  border: 1px solid #E7E7E7;
  border-top: 0;
  background-color: #FFFFFF;
  max-height: 62dvh;
  padding-top: 30px;
  padding-bottom: 300px;
  padding-right: 40px;
  position: absolute;
  top: 100%;
  width: calc(100% + 2px);
  list-style: none;
  overflow-y: scroll;
  margin-left: 20px;
  margin-right: 20px;
}
.search-box .items-result::-webkit-scrollbar {
  width: 4px !important;
}
.search-box .items-result::-webkit-scrollbar-track {
  box-shadow: inset 0 0 1px #A30134;
  border-radius: 0;
  background-color: #E7E7E7;
}
.search-box .items-result::-webkit-scrollbar-thumb {
  background: #A30134;
  border: 2px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  border-radius: 5px;
}
@media (max-width: 575.98px) {
  .search-box .items-result {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.search-box .items-result .link {
  display: flex;
  align-items: center;
  width: 100%;
  border: 1px solid #E7E7E7;
  background-color: #FFFFFF;
}
.search-box .items-result .link > img {
  width: clamp(80px, 12.1 * 1vw, 120px);
  height: clamp(100px, 15.12 * 1vw, 150px);
  -o-object-fit: cover;
     object-fit: cover;
}
.search-box .items-result .link:hover {
  color: inherit !important;
  transform: translateY(-10px);
}
.search-box .items-result .title {
  font-size: 15px;
  padding: 25px;
}

.share-icons a {
  display: inline-block;
  transition-duration: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.share-icons a:hover {
  transform: scale(1.1);
}

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

body {
  background: #FFFFFF;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  font-family: "Darker Grotesque", sans-serif;
  /* width */
  /* Track */
  /* Handle */
  position: relative;
}
body::-webkit-scrollbar {
  width: 8px !important;
}
body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 1px #A30134;
  border-radius: 0;
  background-color: #272727;
}
body::-webkit-scrollbar-thumb {
  background: #A30134;
  border: 2px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  border-radius: 5px;
}

hr {
  background-color: #272727;
  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: 0 0 1.5em;
  width: 100%;
}

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

blockquote {
  background-color: #E7E7E7;
  border-left: 10px solid #A30134;
  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 #D2D2D2;
  cursor: help;
}

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

big {
  font-size: 125%;
}

b,
strong {
  font-weight: bold;
}

body,
button:not(.wp-block-search__button),
input,
select,
optgroup,
textarea {
  color: #272727;
  font-size: 21px !important;
  line-height: 1.25;
}
@media (max-width: 991.98px) {
  body,
  button,
  input,
  select,
  optgroup,
  textarea {
    font-size: clamp(15px, 1.58 * 1vw, 19px);
    line-height: 1.65;
  }
}

::-moz-selection {
  background: #c86785;
}

::selection {
  background: #c86785;
}

/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          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;
  -webkit-clip-path: none;
          clip-path: none;
  color: #272727;
  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: #272727;
  text-decoration: none;
  transition: 0.2s;
  font-weight: inherit;
}
p a:visited, p a:active, p a:focus {
  color: #272727;
}
p a:hover {
  color: #A30134;
}
p a:focus, p a:hover, p a:active {
  outline: 0;
}

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

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

.loader-wrapper {
  display: flex;
  position: fixed;
  width: 100%;
  height: 100dvh;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  background: #FFFFFF;
  z-index: 9999999999;
}
.loader-wrapper .loader img {
  width: 120px;
  animation: flip-vertical-right 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.75s infinite both;
  transform-style: preserve-3d;
}

@keyframes flip-vertical-right {
  0% {
    transform: perspective(400px) rotateY(0deg);
  }
  100% {
    transform: perspective(400px) rotateY(360deg);
  }
}
#site-footer,
#copyright {
  color: #272727;
}
#site-footer a:not(.btn),
#copyright a:not(.btn) {
  color: #272727;
}
#site-footer a:not(.btn):hover, #site-footer a:not(.btn):hover i,
#copyright a:not(.btn):hover,
#copyright a:not(.btn):hover i {
  color: #A30134;
}

.footer-branding {
  max-width: 237px;
  width: 100%;
}
.footer-branding img {
  transition: 0.2s ease-in-out;
  width: 100%;
}
.footer-branding img:hover {
  opacity: 0.8;
}

#site-footer {
  background-color: #E7E7E7;
  position: relative;
  margin-top: auto;
  /*@if (light($footer-bg-color, 40%) < 40%) {*/
  color: #272727;
  /*}*/
}
#site-footer .social-medias {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

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

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  margin: 0;
  font-weight: 400;
  line-height: 1 !important;
  letter-spacing: initial;
}
h1 strong,
h1 b, .h1 strong,
.h1 b,
h2 strong,
h2 b, .h2 strong,
.h2 b,
h3 strong,
h3 b, .h3 strong,
.h3 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: 600;
}
h1:not(:last-child), .h1:not(:last-child),
h2:not(:last-child), .h2:not(:last-child),
h3:not(:last-child), .h3: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: 18px;
}
h1:not(:first-child), .h1:not(:first-child),
h2:not(:first-child), .h2:not(:first-child),
h3:not(:first-child), .h3: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, .h1 strong br, .h1 b br, .h1 span br,
  h2 br,
  h2 strong br,
  h2 b br,
  h2 span br, .h2 br, .h2 strong br, .h2 b br, .h2 span br,
  h3 br,
  h3 strong br,
  h3 b br,
  h3 span br, .h3 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;
  }
}

.big-title {
  font-size: clamp(39px, 4.69 * 1vw, 90px) !important;
  line-height: 1.09;
}

body h1,
body .h1 {
  font-size: clamp(36px, 3.13 * 1vw, 60px) !important;
}
body h1.big,
body .h1.big {
  font-size: calc(clamp(36px, 3.13 * 1vw, 60px) * 1.2) !important;
}
body h1.small,
body .h1.small,
body .job-description h2.h1,
.job-description body h2.h1 {
  font-size: calc(clamp(36px, 3.13 * 1vw, 60px) * 0.8) !important;
}
body h2,
body .h2 {
  font-size: clamp(31px, 2.6 * 1vw, 50px) !important;
}
body h2.big,
body .h2.big {
  font-size: calc(clamp(31px, 2.6 * 1vw, 50px) * 1.2) !important;
}
body h2.small, body .job-description h2, .job-description body h2,
body .h2.small {
  font-size: calc(clamp(31px, 2.6 * 1vw, 50px) * 0.8) !important;
}
body h3,
body .h3 {
  font-size: clamp(26px, 2.19 * 1vw, 42px) !important;
}
body h3.big,
body .h3.big {
  font-size: calc(clamp(26px, 2.19 * 1vw, 42px) * 1.2) !important;
}
body h3.small,
body .h3.small,
body .job-description h2.h3,
.job-description body h2.h3 {
  font-size: calc(clamp(26px, 2.19 * 1vw, 42px) * 0.8) !important;
}
body h4,
body .h4 {
  font-size: clamp(20px, 1.3 * 1vw, 25px) !important;
}
body h4.big,
body .h4.big {
  font-size: calc(clamp(20px, 1.3 * 1vw, 25px) * 1.2) !important;
}
body h4.small,
body .h4.small,
body .job-description h2.h4,
.job-description body h2.h4 {
  font-size: calc(clamp(20px, 1.3 * 1vw, 25px) * 0.8) !important;
}
body h5,
body .h5 {
  font-size: 18px !important;
}
body h5.big,
body .h5.big {
  font-size: calc(18px * 1.2) !important;
}
body h5.small,
body .h5.small,
body .job-description h2.h5,
.job-description body h2.h5 {
  font-size: calc(18px * 0.8) !important;
}
body h6,
body .h6 {
  font-size: 16px !important;
}
body h6.big,
body .h6.big {
  font-size: calc(16px * 1.2) !important;
}
body h6.small,
body .h6.small,
body .job-description h2.h6,
.job-description body h2.h6 {
  font-size: calc(16px * 0.8) !important;
}

/*--------------------------------------------------------------
# 2-Framework (theme)
--------------------------------------------------------------*/
.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;
}

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

.x-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;
}

.xy-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;
}

/*
 * 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, .row_fields {
  display: grid;
  margin: 0 auto;
  grid-template-columns: repeat(12, 1fr);
  gap: clamp(20px, 2.6 * 1vw, 50px) !important;
  width: 100%;
}
.grid > *, .row_fields > * {
  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;
  }
}

/*
 * 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, .group {
  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;
}

/*
 * 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 {
  -moz-column-gap: clamp(20px, 0.47 * 1vw, 9px) !important;
       column-gap: clamp(20px, 0.47 * 1vw, 9px) !important;
}

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

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

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

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

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

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

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

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

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

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

.col-gap-12 {
  -moz-column-gap: clamp(20px, 5.63 * 1vw, 108px) !important;
       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;
}

/*
 * 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, .row_fields > div {
    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;
  }
}
/*
 * 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, .blog--custom-meta,
.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,
.pmagic .pm-login-box .pmagic-form {
  padding-top: clamp(28px, 2.92 * 1vw, 56px) !important;
}

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

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

.pr-2, .container:not(.not-pr),
.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, body .entry-content div.pmagic ul.page-numbers, .blog--custom-meta,
.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,
.categories-tabs .tab-content,
.categories-tabs .tabs {
  padding-top: clamp(42px, 4.38 * 1vw, 84px) !important;
}

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

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

.pr-3,
.px-3,
.pmagic .pm-login-box .pmagic-form {
  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, .pmagic,
.py-4,
.pmagic .pm-login-box .pm-login-header {
  padding-top: clamp(56px, 5.83 * 1vw, 112px) !important;
}

.pb-4,
.py-4,
.pmagic .pm-login-box .pm-login-header {
  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, .pmagic,
  .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,
  .pmagic .pm-login-box .pmagic-form {
    padding-top: clamp(56px, 5.83 * 1vw, 112px) !important;
  }
  .pb-md-4,
  .py-md-4,
  .pmagic .pm-login-box .pmagic-form {
    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,
  .pmagic .pm-login-box .pmagic-form,
  .et_pb_section {
    padding-left: clamp(70px, 7.29 * 1vw, 140px) !important;
  }
  .pr-md-5,
  .px-md-5,
  .pmagic .pm-login-box .pmagic-form,
  .et_pb_section {
    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, .categories-tabs .tab-content,
  .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,
  .pmagic .pm-login-box,
  .swiper-testimonials-wrapper {
    padding-left: clamp(126px, 13.13 * 1vw, 252px) !important;
  }
  .pr-md-9,
  .px-md-9,
  .pmagic .pm-login-box,
  .swiper-testimonials-wrapper {
    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;
}

.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;
}

/*
 * 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: 100%;
  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.
 */
.site-content-header, .top-navigation > div,
.container,
body .container,
body .et_pb_row,
body .et_pb_slider .et_pb_container,
body .et_pb_fullwidth_section .et_pb_title_container,
body .et_pb_fullwidth_section .et_pb_title_featured_container,
body .et_pb_fullwidth_header:not(.et_pb_fullscreen) .et_pb_fullwidth_header_container {
  width: calc(100% - 140px);
  max-width: 1720px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 991.98px) {
  .site-content-header, .top-navigation > div,
  .container,
  body .container,
  body .et_pb_row,
  body .et_pb_slider .et_pb_container,
  body .et_pb_fullwidth_section .et_pb_title_container,
  body .et_pb_fullwidth_section .et_pb_title_featured_container,
  body .et_pb_fullwidth_header:not(.et_pb_fullscreen) .et_pb_fullwidth_header_container {
    width: calc(100vw - 48px);
    max-width: 100%;
  }
}
@media (max-width: 575.98px) {
  .site-content-header, .top-navigation > div,
  .container,
  body .container,
  body .et_pb_row,
  body .et_pb_slider .et_pb_container,
  body .et_pb_fullwidth_section .et_pb_title_container,
  body .et_pb_fullwidth_section .et_pb_title_featured_container,
  body .et_pb_fullwidth_header:not(.et_pb_fullscreen) .et_pb_fullwidth_header_container {
    width: 100%;
    padding-left: 20px !important;
    padding-right: 20px !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%;
}

.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%;
}

.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%;
}

.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%;
}

.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%;
}

.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%;
}

.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%;
}

.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%;
}

.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%;
}

.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%;
}

.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%;
}

.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%;
}

.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%;
}

.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%;
}

.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%;
}

.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%;
}

.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%;
}

.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%;
}

.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%;
}

.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%;
}

.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%;
}

.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%;
  -o-object-fit: cover;
     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 - 1720px) / 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%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (min-width: 1860px) {
  .expandable {
    width: calc(100% + (100vw - 1720px) / 2);
  }
}
@media (max-width: 991.98px) {
  .expandable {
    margin-left: -70px;
    width: calc(100% + 140px);
    -o-object-fit: contain;
       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%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

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

/*
 * 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: 9999px) {
  .hide-desktop {
    display: none !important;
  }
}
/*
 * HIDE-MOBILE
 * The .hide-mobile class hides an element on the $mobile breakpoint and smaller screens.
 */
@media (max-width: 9999px) {
  .hide-mobile {
    display: none !important;
  }
}
/*
 * 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;
}

.front {
  position: relative;
}

.border-1-red {
  border: 1px solid #A30134;
}

.border-top-1-red {
  border-top: 1px solid #A30134;
}

.border-right-1-red {
  border-right: 1px solid #A30134;
}

.border-bottom-1-red {
  border-bottom: 1px solid #A30134;
}

.border-left-1-red {
  border-left: 1px solid #A30134;
}

.border-1-gray {
  border: 1px solid #D2D2D2;
}

.border-top-1-gray {
  border-top: 1px solid #D2D2D2;
}

.border-right-1-gray {
  border-right: 1px solid #D2D2D2;
}

.border-bottom-1-gray {
  border-bottom: 1px solid #D2D2D2;
}

.border-left-1-gray {
  border-left: 1px solid #D2D2D2;
}

.border-1-lightgray {
  border: 1px solid #E7E7E7;
}

.border-top-1-lightgray {
  border-top: 1px solid #E7E7E7;
}

.border-right-1-lightgray {
  border-right: 1px solid #E7E7E7;
}

.border-bottom-1-lightgray {
  border-bottom: 1px solid #E7E7E7;
}

.border-left-1-lightgray {
  border-left: 1px solid #E7E7E7;
}

.border-1-white {
  border: 1px solid #FFFFFF;
}

.border-top-1-white {
  border-top: 1px solid #FFFFFF;
}

.border-right-1-white {
  border-right: 1px solid #FFFFFF;
}

.border-bottom-1-white {
  border-bottom: 1px solid #FFFFFF;
}

.border-left-1-white {
  border-left: 1px solid #FFFFFF;
}

.border-1-black {
  border: 1px solid #272727;
}

.border-top-1-black {
  border-top: 1px solid #272727;
}

.border-right-1-black {
  border-right: 1px solid #272727;
}

.border-bottom-1-black {
  border-bottom: 1px solid #272727;
}

.border-left-1-black {
  border-left: 1px solid #272727;
}

.border-1-darkred {
  border: 1px solid #6f0123;
}

.border-top-1-darkred {
  border-top: 1px solid #6f0123;
}

.border-right-1-darkred {
  border-right: 1px solid #6f0123;
}

.border-bottom-1-darkred {
  border-bottom: 1px solid #6f0123;
}

.border-left-1-darkred {
  border-left: 1px solid #6f0123;
}

.border-2-red {
  border: 2px solid #A30134;
}

.border-top-2-red {
  border-top: 2px solid #A30134;
}

.border-right-2-red {
  border-right: 2px solid #A30134;
}

.border-bottom-2-red {
  border-bottom: 2px solid #A30134;
}

.border-left-2-red {
  border-left: 2px solid #A30134;
}

.border-2-gray {
  border: 2px solid #D2D2D2;
}

.border-top-2-gray {
  border-top: 2px solid #D2D2D2;
}

.border-right-2-gray {
  border-right: 2px solid #D2D2D2;
}

.border-bottom-2-gray {
  border-bottom: 2px solid #D2D2D2;
}

.border-left-2-gray {
  border-left: 2px solid #D2D2D2;
}

.border-2-lightgray {
  border: 2px solid #E7E7E7;
}

.border-top-2-lightgray {
  border-top: 2px solid #E7E7E7;
}

.border-right-2-lightgray {
  border-right: 2px solid #E7E7E7;
}

.border-bottom-2-lightgray {
  border-bottom: 2px solid #E7E7E7;
}

.border-left-2-lightgray {
  border-left: 2px solid #E7E7E7;
}

.border-2-white {
  border: 2px solid #FFFFFF;
}

.border-top-2-white {
  border-top: 2px solid #FFFFFF;
}

.border-right-2-white {
  border-right: 2px solid #FFFFFF;
}

.border-bottom-2-white {
  border-bottom: 2px solid #FFFFFF;
}

.border-left-2-white {
  border-left: 2px solid #FFFFFF;
}

.border-2-black {
  border: 2px solid #272727;
}

.border-top-2-black {
  border-top: 2px solid #272727;
}

.border-right-2-black {
  border-right: 2px solid #272727;
}

.border-bottom-2-black {
  border-bottom: 2px solid #272727;
}

.border-left-2-black {
  border-left: 2px solid #272727;
}

.border-2-darkred {
  border: 2px solid #6f0123;
}

.border-top-2-darkred {
  border-top: 2px solid #6f0123;
}

.border-right-2-darkred {
  border-right: 2px solid #6f0123;
}

.border-bottom-2-darkred {
  border-bottom: 2px solid #6f0123;
}

.border-left-2-darkred {
  border-left: 2px solid #6f0123;
}

.border-3-red {
  border: 3px solid #A30134;
}

.border-top-3-red {
  border-top: 3px solid #A30134;
}

.border-right-3-red {
  border-right: 3px solid #A30134;
}

.border-bottom-3-red {
  border-bottom: 3px solid #A30134;
}

.border-left-3-red {
  border-left: 3px solid #A30134;
}

.border-3-gray {
  border: 3px solid #D2D2D2;
}

.border-top-3-gray {
  border-top: 3px solid #D2D2D2;
}

.border-right-3-gray {
  border-right: 3px solid #D2D2D2;
}

.border-bottom-3-gray {
  border-bottom: 3px solid #D2D2D2;
}

.border-left-3-gray {
  border-left: 3px solid #D2D2D2;
}

.border-3-lightgray {
  border: 3px solid #E7E7E7;
}

.border-top-3-lightgray {
  border-top: 3px solid #E7E7E7;
}

.border-right-3-lightgray {
  border-right: 3px solid #E7E7E7;
}

.border-bottom-3-lightgray {
  border-bottom: 3px solid #E7E7E7;
}

.border-left-3-lightgray {
  border-left: 3px solid #E7E7E7;
}

.border-3-white {
  border: 3px solid #FFFFFF;
}

.border-top-3-white {
  border-top: 3px solid #FFFFFF;
}

.border-right-3-white {
  border-right: 3px solid #FFFFFF;
}

.border-bottom-3-white {
  border-bottom: 3px solid #FFFFFF;
}

.border-left-3-white {
  border-left: 3px solid #FFFFFF;
}

.border-3-black {
  border: 3px solid #272727;
}

.border-top-3-black {
  border-top: 3px solid #272727;
}

.border-right-3-black {
  border-right: 3px solid #272727;
}

.border-bottom-3-black {
  border-bottom: 3px solid #272727;
}

.border-left-3-black {
  border-left: 3px solid #272727;
}

.border-3-darkred {
  border: 3px solid #6f0123;
}

.border-top-3-darkred {
  border-top: 3px solid #6f0123;
}

.border-right-3-darkred {
  border-right: 3px solid #6f0123;
}

.border-bottom-3-darkred {
  border-bottom: 3px solid #6f0123;
}

.border-left-3-darkred {
  border-left: 3px solid #6f0123;
}

.border-4-red {
  border: 4px solid #A30134;
}

.border-top-4-red {
  border-top: 4px solid #A30134;
}

.border-right-4-red {
  border-right: 4px solid #A30134;
}

.border-bottom-4-red {
  border-bottom: 4px solid #A30134;
}

.border-left-4-red {
  border-left: 4px solid #A30134;
}

.border-4-gray {
  border: 4px solid #D2D2D2;
}

.border-top-4-gray {
  border-top: 4px solid #D2D2D2;
}

.border-right-4-gray {
  border-right: 4px solid #D2D2D2;
}

.border-bottom-4-gray {
  border-bottom: 4px solid #D2D2D2;
}

.border-left-4-gray {
  border-left: 4px solid #D2D2D2;
}

.border-4-lightgray {
  border: 4px solid #E7E7E7;
}

.border-top-4-lightgray {
  border-top: 4px solid #E7E7E7;
}

.border-right-4-lightgray {
  border-right: 4px solid #E7E7E7;
}

.border-bottom-4-lightgray {
  border-bottom: 4px solid #E7E7E7;
}

.border-left-4-lightgray {
  border-left: 4px solid #E7E7E7;
}

.border-4-white {
  border: 4px solid #FFFFFF;
}

.border-top-4-white {
  border-top: 4px solid #FFFFFF;
}

.border-right-4-white {
  border-right: 4px solid #FFFFFF;
}

.border-bottom-4-white {
  border-bottom: 4px solid #FFFFFF;
}

.border-left-4-white {
  border-left: 4px solid #FFFFFF;
}

.border-4-black {
  border: 4px solid #272727;
}

.border-top-4-black {
  border-top: 4px solid #272727;
}

.border-right-4-black {
  border-right: 4px solid #272727;
}

.border-bottom-4-black {
  border-bottom: 4px solid #272727;
}

.border-left-4-black {
  border-left: 4px solid #272727;
}

.border-4-darkred {
  border: 4px solid #6f0123;
}

.border-top-4-darkred {
  border-top: 4px solid #6f0123;
}

.border-right-4-darkred {
  border-right: 4px solid #6f0123;
}

.border-bottom-4-darkred {
  border-bottom: 4px solid #6f0123;
}

.border-left-4-darkred {
  border-left: 4px solid #6f0123;
}

.border-5-red {
  border: 5px solid #A30134;
}

.border-top-5-red {
  border-top: 5px solid #A30134;
}

.border-right-5-red {
  border-right: 5px solid #A30134;
}

.border-bottom-5-red {
  border-bottom: 5px solid #A30134;
}

.border-left-5-red {
  border-left: 5px solid #A30134;
}

.border-5-gray {
  border: 5px solid #D2D2D2;
}

.border-top-5-gray {
  border-top: 5px solid #D2D2D2;
}

.border-right-5-gray {
  border-right: 5px solid #D2D2D2;
}

.border-bottom-5-gray {
  border-bottom: 5px solid #D2D2D2;
}

.border-left-5-gray {
  border-left: 5px solid #D2D2D2;
}

.border-5-lightgray {
  border: 5px solid #E7E7E7;
}

.border-top-5-lightgray {
  border-top: 5px solid #E7E7E7;
}

.border-right-5-lightgray {
  border-right: 5px solid #E7E7E7;
}

.border-bottom-5-lightgray {
  border-bottom: 5px solid #E7E7E7;
}

.border-left-5-lightgray {
  border-left: 5px solid #E7E7E7;
}

.border-5-white {
  border: 5px solid #FFFFFF;
}

.border-top-5-white {
  border-top: 5px solid #FFFFFF;
}

.border-right-5-white {
  border-right: 5px solid #FFFFFF;
}

.border-bottom-5-white {
  border-bottom: 5px solid #FFFFFF;
}

.border-left-5-white {
  border-left: 5px solid #FFFFFF;
}

.border-5-black {
  border: 5px solid #272727;
}

.border-top-5-black {
  border-top: 5px solid #272727;
}

.border-right-5-black {
  border-right: 5px solid #272727;
}

.border-bottom-5-black {
  border-bottom: 5px solid #272727;
}

.border-left-5-black {
  border-left: 5px solid #272727;
}

.border-5-darkred {
  border: 5px solid #6f0123;
}

.border-top-5-darkred {
  border-top: 5px solid #6f0123;
}

.border-right-5-darkred {
  border-right: 5px solid #6f0123;
}

.border-bottom-5-darkred {
  border-bottom: 5px solid #6f0123;
}

.border-left-5-darkred {
  border-left: 5px solid #6f0123;
}

.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: #A30134 !important;
}

.border-gray {
  border-color: #D2D2D2 !important;
}

.border-lightgray {
  border-color: #E7E7E7 !important;
}

.border-white {
  border-color: #FFFFFF !important;
}

.border-black {
  border-color: #272727 !important;
}

.border-darkred {
  border-color: #6f0123 !important;
}

.big-radius {
  border-radius: 1000em;
  overflow: hidden;
}

:root {
  --red: #A30134;
  --gray: #D2D2D2;
  --lightgray: #E7E7E7;
  --white: #FFFFFF;
  --black: #272727;
  --darkred: #6f0123;
}

/*
 * Utility Classes for Background and Text Colors
 */
.bg-red {
  background-color: #A30134 !important;
}

.text-red {
  color: #A30134 !important;
}

.bg-xr-red {
  z-index: 1;
  z-index: 1;
  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: #A30134;
  z-index: -1;
}

.bg-xl-red {
  z-index: 1;
  z-index: 1;
  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: #A30134;
  z-index: -1;
}

.bg-gray {
  background-color: #D2D2D2 !important;
}

.text-gray {
  color: #D2D2D2 !important;
}

.bg-xr-gray {
  z-index: 1;
  z-index: 1;
  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: #D2D2D2;
  z-index: -1;
}

.bg-xl-gray {
  z-index: 1;
  z-index: 1;
  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: #D2D2D2;
  z-index: -1;
}

.bg-lightgray {
  background-color: #E7E7E7 !important;
}

.text-lightgray {
  color: #E7E7E7 !important;
}

.bg-xr-lightgray {
  z-index: 1;
  z-index: 1;
  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: #E7E7E7;
  z-index: -1;
}

.bg-xl-lightgray {
  z-index: 1;
  z-index: 1;
  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: #E7E7E7;
  z-index: -1;
}

.bg-white {
  background-color: #FFFFFF !important;
}

.text-white {
  color: #FFFFFF !important;
}

.bg-xr-white {
  z-index: 1;
  z-index: 1;
  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: #FFFFFF;
  z-index: -1;
}

.bg-xl-white {
  z-index: 1;
  z-index: 1;
  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: #FFFFFF;
  z-index: -1;
}

.bg-black {
  background-color: #272727 !important;
}

.text-black {
  color: #272727 !important;
}

.bg-xr-black {
  z-index: 1;
  z-index: 1;
  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: #272727;
  z-index: -1;
}

.bg-xl-black {
  z-index: 1;
  z-index: 1;
  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: #272727;
  z-index: -1;
}

.bg-darkred {
  background-color: #6f0123 !important;
}

.text-darkred {
  color: #6f0123 !important;
}

.bg-xr-darkred {
  z-index: 1;
  z-index: 1;
  position: relative;
}
.bg-xr-darkred::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: #6f0123;
  z-index: -1;
}

.bg-xl-darkred {
  z-index: 1;
  z-index: 1;
  position: relative;
}
.bg-xl-darkred::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: #6f0123;
  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(to bottom, transparent 0%, black 200%);
}
.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;
}
@media (max-width: 575.98px) {
  .bg-fixed {
    background-attachment: scroll;
  }
}

.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%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     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: 100%;*/
/*  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%;*/
/*}*/

/*@media (min-width: 991.98px) {*/
/*  .vimeo-full-container--big iframe {*/
/*    transform: scale(1.5);*/
/*  }*/
/*}*/

@media(max-width: 991.98px){
  .vimeo-full-container--small{
    height:100%;
    padding-bottom:56.25%;
    overflow:hidden;
    max-width:100%;
  }
  .vimeo-full-container{
    height:100%;
    overflow:hidden;
    max-width:100%;
  }
}

@media(min-width: 991.98px){
  .vimeo-full-container{
      position:relative;overflow:hidden;min-width:100%;height:100%;
  }
}
@media(max-width: 991.98px){
  .vimeo-full-container--small iframe,.vimeo-full-container--small object,.vimeo-full-container--small embed{
    position:absolute;top:0;left:0;width:100%;
  }
  
  .vimeo-full-container--small iframe {
     height:56.25%;
  }
}
@media(min-width: 991.98px){
  .vimeo-full-container--small iframe,.vimeo-full-container--small object,.vimeo-full-container--small embed{
    position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:150%;height:150%;max-width:200%;
  }
}
@media(min-width: 991.98px){
  .vimeo-full-container--big iframe,.vimeo-full-container--big object,.vimeo-full-container--big embed{
    transform:scale(1.5);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: 260px !important;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  z-index: 1;
  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: #A30134;
}

.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;
  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;
  transition: 0.1s;
}
.simple-lightbox .sl-image:active {
  cursor: grabbing !important;
}
.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;
}

.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: 318.5pxpx !important;
  -o-object-fit: cover !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: 403pxpx !important;
    -o-object-fit: cover !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%;
}

/*
 * 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 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: #272727 !important;
  font-size: 21px !important;
  line-height: 1.25 !important;
  font-weight: initial !important;
}

.big-text {
  font-size: clamp(22.25px, 1.73 * 1vw, 26.25px) !important;
}

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

.small-text, .s-oeuvres .precision {
  font-size: 1.8rem;
}

.little-text {
  font-size: 1.6rem;
  line-height: 1.3;
}

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

.text-nowrap {
  white-space: nowrap;
}

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

/*
 * 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 #272727;
  text-shadow: none;
}

.text-stroke-red {
  color: transparent !important;
  -webkit-text-stroke: 1px #A30134;
  text-shadow: none;
}

.text-stroke-gray {
  color: transparent !important;
  -webkit-text-stroke: 1px #D2D2D2;
  text-shadow: none;
}

.text-stroke-lightgray {
  color: transparent !important;
  -webkit-text-stroke: 1px #E7E7E7;
  text-shadow: none;
}

.text-stroke-white {
  color: transparent !important;
  -webkit-text-stroke: 1px #FFFFFF;
  text-shadow: none;
}

.text-stroke-black {
  color: transparent !important;
  -webkit-text-stroke: 1px #272727;
  text-shadow: none;
}

.text-stroke-darkred {
  color: transparent !important;
  -webkit-text-stroke: 1px #6f0123;
  text-shadow: none;
}

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

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

/*
 * Unstyled Links
 *
 * Resets the styles for links to inherit the surrounding text color and remove text decoration.
 */
.link-reset, body .entry-content div.pmagic #pm_result_pane .pg-search-result-wrapper > .search_result a, .link-reset:visited, .link-reset:active, .link-reset:focus {
  color: inherit;
  text-decoration: none;
}

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-all {
  pointer-events: all;
}

/*
 * Unstyled Buttons
 *
 */
.btn-reset {
  background: none;
  border: none;
  color: inherit;
  cursor: pointer;
  font: inherit;
  padding: 0;
}

/*--------------------------------------------------------------
# 3-Components (theme)
--------------------------------------------------------------*/
.accordion__caption {
  margin: 0 !important;
}

.accordion__btn {
  cursor: pointer;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  transition: 0.2s;
  padding: 15px 0;
}
.accordion__btn:hover {
  opacity: 0.5;
}

.accordion__plus .open {
  display: none;
}
.accordion__plus span {
  white-space: nowrap;
}
@media (max-width: 1199.98px) {
  .accordion__plus span {
    display: none !important;
  }
}

.accordion__item--active {
  z-index: 1;
  position: relative;
}
.accordion__item--active::before {
  z-index: -1;
  position: absolute;
  content: "";
  transition: 0.2s ease-in-out;
  pointer-events: none;
  left: -400em;
  width: 2000em;
  top: -1px;
  height: calc(100% + 2px);
  background-color: #E7E7E7;
}
.accordion__item--active .accordion__icon {
  transform: rotateX(180deg);
}
.accordion__item--active .accordion__content {
  opacity: 1;
  transform: translateX(0px);
}

.accordion__content {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateX(16px);
  transition: max-height 0.2s ease-out, opacity 0.3s ease-in, transform 0.4s ease;
}

/*--------------------------------------------------------------
# 4-Plugins (theme)
--------------------------------------------------------------*/
/* WooCommerce */
/* Gravity Forms */
/* Swiper JS */
/*--------------------------------------------------------------
# 6-Project (project in progress)
--------------------------------------------------------------*/
#wpadminbar {
  display: none;
}

html {
  margin-top: 0 !important;
  font-size: 62.5%;
}

body:not(.et-tb) #main-content .container, body:not(.et-tb-has-header) #main-content .container {
  padding-top: 0;
}

a:empty, p:empty, li:empty, h1:empty, h2:empty, h3:empty, h4:empty, h5:empty, h6:empty {
  display: none;
}

img {
  display: block;
}

.et_right_sidebar #main-content .container:before {
  content: none;
}

.padding-header {
  padding-top: 183px;
}
@media (max-width: 767.98px) {
  .padding-header {
    padding-top: 113px;
  }
}

@media (max-width: 991.98px) {
  .flex-wrap-md {
    flex-wrap: wrap;
  }
  .text-right-md {
    text-align: left;
  }
}
.grow-1 {
  flex-grow: 1;
}

.partner-link img {
  max-height: 40px;
  height: 100%;
  max-width: 140px;
}
.partner-link:hover img {
  opacity: 0.65;
}

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

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

.et_pb_section {
  padding-top: 0;
  padding-bottom: 0;
}

.divi-custom-content .et_pb_section {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.divi-custom-content .et_pb_row {
  margin-left: 0;
  margin-right: 0;
}

.round-image-profil {
  border-radius: 50%;
  width: calc(93 / 19.2 * 1vw) !important;
  max-width: 93px !important;
  min-width: 32.55px !important;
  height: calc(93 / 19.2 * 1vw) !important;
  max-height: 93px !important;
  min-height: 60.45px !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
}

.policy-copyright {
  font-weight: 700;
  text-decoration: underline;
}

.btn, .et_pb_button, div.gform-theme.gform-theme--framework.gform_wrapper .gf-btn, .woocommerce .woocommerce-form-login .woocommerce-form-login__submit, .pmagic .pm-login-box input[type=submit], .pm_button, .pm-profile-tabs #message_user {
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-weight: 500 !important;
  color: #FFFFFF !important;
  background-color: #A30134 !important;
  box-shadow: none;
  border-width: 0 !important;
  padding: 0.3em 1em !important;
  cursor: pointer;
  border-radius: 0 !important;
  font-size: 21px !important;
}
.btn:not(.pm-login-box input[type=submit])::after, .et_pb_button:not(.pm-login-box input[type=submit])::after, div.gform-theme.gform-theme--framework.gform_wrapper .gf-btn:not(.pm-login-box input[type=submit])::after, .woocommerce .woocommerce-form-login .woocommerce-form-login__submit:not(.pm-login-box input[type=submit])::after, .pmagic .pm-login-box input[type=submit]:not(.pm-login-box input[type=submit])::after, .pm_button:not(.pm-login-box input[type=submit])::after, .pm-profile-tabs #message_user:not(.pm-login-box input[type=submit])::after {
  position: initial !important;
  display: inline-block !important;
  font-family: inherit !important;
  content: "" !important;
  width: 10px;
  height: 10px;
  background-image: url("../images/arrow-white-top-right.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 1 !important;
  margin-left: inherit !important;
  transition: transform 0.2s;
}
.btn:hover::after, .et_pb_button:hover::after, div.gform-theme.gform-theme--framework.gform_wrapper .gf-btn:hover::after, .woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover::after, .pmagic .pm-login-box input[type=submit]:hover::after, .pm_button:hover::after, .pm-profile-tabs #message_user:hover::after {
  transform: rotate(45deg);
}
.btn.bottom-arrow::after, .et_pb_button.bottom-arrow::after, div.gform-theme.gform-theme--framework.gform_wrapper .gf-btn.bottom-arrow::after, .woocommerce .woocommerce-form-login .woocommerce-form-login__submit.bottom-arrow::after, .pmagic .pm-login-box input[type=submit].bottom-arrow::after, .pm_button.bottom-arrow::after, .pm-profile-tabs #message_user.bottom-arrow::after {
  transform: rotate(135deg);
}

.pm-profile-tabs .pm-difr > span {
  display: inline-block;
  padding: 0.3em 1em !important;
}

.pm-add-friend {
  font-weight: 600;
}
.pm-add-friend:hover {
  opacity: 0.8;
}

.pm-login-box input[type=submit]:hover {
  background-color: #6f0123 !important;
}

.woocommerce button.button:hover {
  padding: 0.3em 1em 0.3em 1em !important;
}

.item-member .et_pb_button::after {
  width: 15px;
  height: 22px;
  background-image: url("../images/profil-white.svg");
}
.item-member .et_pb_button:hover::after {
  transform: rotate(0deg) scale(1.1);
}

.social-link:hover {
  opacity: 0.85;
}

.footer-nav li a {
  font-weight: 700;
}

.item-btn-black a {
  background-color: #272727;
  border-width: 0px !important;
  border-radius: 0px;
  font-style: normal;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1px;
  padding: 0.3em 1em !important;
  color: #FFFFFF !important;
  font-weight: 500 !important;
  display: flex;
  align-items: center;
  gap: 8px;
}
.item-btn-black a::after {
  position: initial;
  display: inline-block !important;
  font-family: inherit !important;
  content: "" !important;
  width: 10px;
  height: 10px;
  background-image: url("../images/arrow-white-top-right.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.2s;
}
.item-btn-black a:hover {
  opacity: 0.85;
}
.item-btn-black a:hover::after {
  transform: rotate(45deg);
}

.btn-footer {
  background-color: #A30134;
  padding: 10px 18px 10px 45px;
  color: #fff !important;
  font-size: 20px;
  line-height: 1.1;
  display: inline-flex;
  gap: 20px;
  align-items: center;
  white-space: nowrap;
  position: relative;
}
.btn-footer::after {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url("../images/arrow-btn-footer.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.2s;
}
.btn-footer::before {
  position: absolute;
  content: "";
  left: 20px;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: #fff;
}
.btn-footer:hover::after {
  transform: scale(1.2);
}

.btn-mozaic {
  background-color: #A30134;
  padding: 20px;
  color: #FFFFFF !important;
  font-size: clamp(24px, 2.3 * 1vw, 35px);
  display: inline-flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-end;
  justify-content: flex-end;
  white-space: nowrap;
  width: 100%;
  height: 100%;
  max-width: 350px;
  position: relative;
}
.btn-mozaic::before {
  content: "";
  display: inline-block;
  width: 42px;
  height: 42px;
  background-image: url("../images/arrow-btn-footer.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.2s;
  transform-origin: bottom left;
}
.btn-mozaic::after {
  position: absolute;
  content: "";
  left: 20px;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: #fff;
}
.btn-mozaic:hover::after {
  transform: scale(1.2);
}

.puce {
  padding-left: 29px;
  z-index: 1;
  position: relative;
}
.puce::before {
  z-index: -1;
  position: absolute;
  content: "";
  transition: 0.2s ease-in-out;
  pointer-events: none;
  left: 0;
  top: 50%;
  transform: translateY(-50%) rotate(-4deg);
  width: 18px;
  height: 19px;
  flex-shrink: 0;
  background-color: #A30134;
}
.puce-big {
  padding-left: 40px;
}
.puce-big::before {
  width: 24px;
  height: 25px;
}

p {
  padding-bottom: 0 !important;
}

.mega-word {
  font-size: clamp(41px, 7.29 * 1vw, 140px);
  font-weight: 900;
}
.mega-word-bg {
  background-image: url("../images/mega-word-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: clamp(50px, 7.29 * 1vw, 140px);
}

.link-arrow {
  display: flex;
  align-items: center;
  gap: 10px;
}
.link-arrow img {
  width: 10px;
  transition: transform 0.2s;
}
.link-arrow:hover img {
  transform: rotate(45deg);
}

.blog--custom-meta p:first-of-type:first-letter {
  text-transform: uppercase;
}
.blog--custom-meta p {
  font-size: 21px !important;
  line-height: 1.25;
}
.blog--custom-meta p .author {
  font-weight: 600;
}
.blog--custom-meta p .author a {
  pointer-events: none;
}

.job-description ul {
  margin-left: 20px;
}
.job-description ul li {
  list-style: none;
}
.job-description ul li::before {
  content: "•";
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.job-description ul li:not(:last-child) {
  margin-bottom: 10px;
}

.nav-search-form {
  position: relative;
  width: 28px;
  border-bottom: 2px solid #272727;
  display: flex;
}
.nav-search-form input {
  border: 0;
  padding: 0;
  width: 0;
  background-color: transparent;
}
.nav-search-form button {
  padding-bottom: 1px;
}
.nav-search-form button i {
  width: 28px;
  height: 28px;
}
.nav-search-form button i:before {
  font-size: 28px;
}
.nav-search-form:hover, .nav-search-form:focus-within {
  background-color: rgba(255, 255, 255, 0.45);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  transition: 0.2s;
  width: 100%;
}
.nav-search-form:hover input, .nav-search-form:focus-within input {
  width: 100%;
  padding: 0 8px;
}

#burger-button {
  position: fixed;
  top: 0;
  right: 0;
  transform: rotate(-90deg) translateY(-100%);
  transform-origin: top right;
  cursor: pointer;
  background-color: #272727;
  color: #FFFFFF;
  padding: 0 30px 0 14px;
  display: flex;
  flex-direction: row-reverse;
  letter-spacing: 1px;
  transition: 0.2s;
}
#burger-button > span {
  font-size: 2.5rem !important;
}
#burger-button div {
  width: 10px;
  margin-right: 12px;
}
#burger-button div span {
  width: 1px;
  height: calc(100% - 5px);
  display: inline-block;
  background-color: #FFFFFF;
}
#burger-button:hover {
  background-color: #A30134;
}

.site-navigation {
  background-color: #272727;
  padding-top: 183px;
}

.site-content-header.tadaa .nav-search-form {
  border-color: #FFFFFF;
}
.site-content-header.tadaa .nav-search-form button, .site-content-header.tadaa .nav-search-form input {
  color: #FFFFFF;
}
.site-content-header.tadaa #burger-button div span {
  transition: 0.2s;
}
.site-content-header.tadaa #burger-button div span:nth-child(1) {
  transform: translate(4px, 2px) rotate(20deg);
}
.site-content-header.tadaa #burger-button div span:nth-child(2) {
  transform: translate(-5px, 2px) rotate(-20deg);
}

.site-navigation .primary-menu li {
  margin-bottom: 5px;
}
@media (min-width: 575.98px) {
  .site-navigation .primary-menu li, .logout-header {
    padding-left: 0;
    margin-left: 60px;
  }
}
.site-navigation .primary-menu li:nth-child(-n+5) {
  margin-bottom: 12px;
  padding-bottom: 2px;
  border-bottom: 1px solid #000;
}
.site-navigation .primary-menu li:nth-child(-n+5) a {
  font-size: 40px;
}
.site-navigation .primary-menu li:nth-child(6) {
  margin-top: 20px;
}

.footer-branding {
  max-width: 184px;
}
.footer-branding img {
  width: 100%;
}

@media (max-width: 767.98px) {
  .site-header .site-logo {
    max-width: 90px !important;
  }
}
.section-home-1-2 {
  z-index: 1;
  position: relative;
}
.section-home-1-2::before {
  z-index: -1;
  position: absolute;
  content: "";
  transition: 0.2s ease-in-out;
  pointer-events: none;
  height: 100%;
  top: 0;
  left: 0;
  width: 24vw;
  background-color: #E7E7E7;
}
.section-home-3 {
  z-index: 1;
  position: relative;
}
.section-home-3::before {
  z-index: -1;
  position: absolute;
  content: "";
  transition: 0.2s ease-in-out;
  pointer-events: none;
  bottom: 0;
  left: 0;
  height: clamp(65px, 9.87 * 1vw, 150px);
  width: 100%;
  background-color: #FFFFFF;
}

.news-card-img {
  height: 200px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 991.98px) {
  .news-card-img {
    height: 300px;
  }
}

.boxes-img {
  height: clamp(300px, 27.04 * 1vw, 411px);
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.blog-post-excerpt > a .arrow {
  transition: transform 0.2s;
}
.blog-post-excerpt > a:hover {
  background-color: #E7E7E7;
}
.blog-post-excerpt > a:hover .arrow {
  transform: translateX(10px);
}

.s-oeuvres .precisions {
  margin-top: 10px;
}
.s-oeuvres .precision {
  line-height: 1.3;
  font-weight: bold;
}

.oeuvres-wrapper {
  z-index: 1;
  position: relative;
}
.oeuvres-wrapper::before {
  z-index: -1;
  position: absolute;
  content: "";
  transition: 0.2s ease-in-out;
  pointer-events: none;
  width: 100%;
  height: clamp(100px, 9.64 * 1vw, 185px);
  background-color: #272727;
  top: -1px;
  left: 0;
}

.arrow-oeuvre {
  cursor: pointer;
}
.arrow-oeuvre svg {
  transition: transform 0.2s;
}
.arrow-oeuvre:hover svg {
  transform: translateX(6px);
}

.work-link {
  display: block;
  overflow: hidden;
}
.work-link .work-thumbnail {
  width: 100% !important;
  height: calc(243 / 19.2 * 1vw) !important;
  max-height: 243px !important;
  min-height: 157.95px !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
  transition: transform 0.2s;
}
.work-link:hover .work-thumbnail {
  transform: scale(1.1);
}

.link-arrow {
  text-transform: uppercase;
}
.link-arrow svg {
  transition: transform 0.2s;
}
.link-arrow:hover svg {
  transform: rotate(45deg);
}

.job-description h2 {
  display: block;
  border-bottom: 2px solid #272727;
  padding-bottom: 15px;
}

.swiper-container-wrapper {
  position: relative;
}
.swiper-container-wrapper .swiper-container {
  overflow: hidden;
}

.swiper-testimonials {
  text-align: center;
}
.swiper-testimonials .thumb {
  width: 200px;
  height: 200px;
  min-width: 200px;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767.98px) {
  .swiper-testimonials .thumb {
    width: 150px;
    height: 150px;
    min-width: 150px;
  }
}
.swiper-testimonials .swiper-slide {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.swiper-nav {
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.swiper-nav .prev, .swiper-nav .next {
  width: 47px;
  height: 47px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.2s;
  pointer-events: all;
  cursor: pointer;
}
.swiper-nav .prev:hover.prev, .swiper-nav .next:hover.prev {
  transform: translateX(-6px);
}
.swiper-nav .prev:hover.next, .swiper-nav .next:hover.next {
  transform: translateX(6px);
}
.swiper-nav .prev {
  background-image: url(../images/arrow-red-left.svg);
}
.swiper-nav .next {
  background-image: url(../images/arrow-red-right.svg);
}

@media (max-width: 991.98px) {
  .swiper-testimonials-wrapper .swiper-nav {
    top: 20%;
  }
}

.swiper-resources-wrapper .swiper-nav {
  top: 35%;
  left: -80px;
  width: calc(100% + 160px);
}
@media (max-width: 991.98px) {
  .swiper-resources-wrapper .swiper-nav {
    left: 5px;
    width: calc(100% - 10px);
  }
  .swiper-resources-wrapper .swiper-nav > div {
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 4px;
    padding: 3px;
    background-size: calc(100% - 6px) calc(100% - 6px);
  }
}

.resource-carousel-thumbnail > a {
  display: block;
}
.resource-carousel-thumbnail > a:hover .img-wrapper img {
  transform: scale(1.1);
}
.resource-carousel-thumbnail .img-wrapper {
  overflow: hidden;
}
.resource-carousel-thumbnail .img-wrapper img {
  width: 100% !important;
  height: calc(300 / 19.2 * 1vw) !important;
  max-height: 300px !important;
  min-height: 195px !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
  transition: transform 0.2s;
}

.categories-tabs {
  display: flex;
}
.categories-tabs .tabs {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 200px;
  border-right: 1px solid #E7E7E7;
  min-width: 20vw;
}
.categories-tabs .tab-name {
  box-shadow: 0 1px 0 0 #E7E7E7;
  display: block;
}
.categories-tabs .tab-name:not(.tab-name-formation) {
  cursor: pointer;
}
.categories-tabs .tab-name:not(.tab-name-formation).active, .categories-tabs .tab-name:not(.tab-name-formation):hover {
  box-shadow: 0 1px 0 0 #272727;
}
.categories-tabs .tab {
  margin-top: 35px;
  margin-bottom: 5px;
}
.categories-tabs .tab.active .tab-name {
  box-shadow: 0 1px 0 0 #272727;
}
.categories-tabs .sub-tab {
  cursor: pointer;
  margin-bottom: 5px;
  padding-bottom: 4px;
}
.categories-tabs .sub-tab.active, .categories-tabs .sub-tab:hover {
  box-shadow: 0 1px 0 0 #272727;
}
.categories-tabs .sub-tabs {
  list-style: none;
  padding: 0;
  margin: 0 0 0 20px;
}
.categories-tabs .tab-content {
  flex-grow: 1;
}
.categories-tabs .content {
  display: none;
}
.categories-tabs .content p {
  margin-bottom: 10px;
}
.categories-tabs .content a {
  color: #A30134;
  text-decoration: underline;
}
@media (max-width: 991.98px) {
  .categories-tabs {
    flex-direction: column;
  }
  .categories-tabs .tabs {
    width: 100%;
    border-right: none;
    position: static;
    min-width: auto;
  }
  .categories-tabs .tab-content {
    margin-left: 0;
  }
}

/*
 * Profile Grid FORMS
 */
.row_fields:not(:last-child) {
  margin-bottom: clamp(20px, 2.6 * 1vw, 50px);
}
.row_fields.full-row {
  display: block;
}
.row_fields .field, .row_fields .field100 {
  display: flex;
  flex-direction: column;
}
.row_fields .field label, .row_fields .field100 label {
  margin-bottom: clamp(10px, 1.04 * 1vw, 20px);
  font-weight: 500;
}
.row_fields .field input, .row_fields .field100 input {
  border: none;
  border-bottom: 1px solid #E7E7E7;
  padding: 0 15px 5px 0;
  width: calc(100% - 15px);
}
.row_fields .field input:hover, .row_fields .field input:focus, .row_fields .field100 input:hover, .row_fields .field100 input:focus {
  background-color: whitesmoke;
}
.row_fields .field100 {
  width: 100%;
}
.row_fields .field100 textarea {
  min-height: 100px;
  border: 1px solid #E7E7E7;
}
.row_fields .field100 textarea:hover, .row_fields .field100 textarea:focus {
  background-color: whitesmoke;
}

.container-button, .wc_payment_method label:not([for$=card-number]):not([for$=card-expiry]):not([for$=card-cvc]) {
  display: block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.container-button input, .wc_payment_method label:not([for$=card-number]):not([for$=card-expiry]):not([for$=card-cvc]) input {
  position: absolute !important;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  margin: 0;
}

.buttoncheck, .buttoncheck2 {
  position: absolute;
  top: 50%;
  left: 0;
  height: 25px;
  width: 25px;
  border: 1px solid #E7E7E7;
  background-color: #FFFFFF;
  transform: translateY(-50%);
}
.buttoncheck.buttoncheck2, .buttoncheck2.buttoncheck2 {
  border-radius: 0 !important;
}
.buttoncheck:not(.buttoncheck2), .buttoncheck2:not(.buttoncheck2) {
  border-radius: 50%;
}

.payment_box .wc-saved-payment-methods,
.payment_box .woocommerce-validated {
  padding: 0px !important;
  margin: 0px !important;
}

.payment_box .wc-saved-payment-methods label,
.payment_box .woocommerce-validated label {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.woocommerce-SavedPaymentMethods-saveNew label {
  display: inline-block !important;
}

.woocommerce-message a,
.woocommerce-error a,
.woocommerce-info a {
  color: #ffffff;
  text-decoration: underline;
}

#place_order {
  margin-top: 10px;
}

.wc_payment_method {
  position: relative;
}
.wc_payment_method label:not([for$=card-number]):not([for$=card-expiry]):not([for$=card-cvc])::before {
  content: "";
  position: absolute;
  top: 24px;
  left: 0;
  height: 25px;
  width: 25px;
  border: 1px solid #E7E7E7;
  background-color: #FFFFFF;
  transform: translateY(-50%);
  border-radius: 50%;
  margin-top: -5px;
}
.wc_payment_method .input-radio, .wc_payment_method input[type=radio], .wc_payment_method input[type=checkbox] {
  position: absolute !important;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  margin: 0;
}
.wc_payment_method .input-radio:checked + label::before,
.wc_payment_method input[type=radio]:checked + label::before,
.wc_payment_method input[type=checkbox]:checked + label::before {
  background-color: #A30134 !important;
}

.container-button:hover input ~ .buttoncheck,
.container-button:hover input ~ .buttoncheck2 {
  background-color: #ccc;
}

.container-button input:checked ~ .buttoncheck,
.container-button input:checked ~ .buttoncheck2 {
  background-color: #a30134;
}

.buttoncheck:after, .buttoncheck2:after {
  content: "";
  position: absolute;
  display: none;
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
}
.buttoncheck:after:not(.buttoncheck2), .buttoncheck2:after:not(.buttoncheck2) {
  border-radius: 50%;
}

.container-button input:checked ~ .buttoncheck:after,
.container-button input:checked ~ .buttoncheck2:after {
  display: block;
}

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

.container-button_group label {
  cursor: pointer;
}
.container-button_group label:hover {
  background-color: #E7E7E7;
}

.container-button_group .hidden {
  position: absolute;
  visibility: hidden;
  opacity: 0;
}

.container-button_group input[type=checkbox] + label {
  color: #272727;
  font-weight: 500;
  border-radius: 200px;
  border: 1px solid #272727;
  padding: clamp(6px, 0.66 * 1vw, 10px) clamp(18px, 1.64 * 1vw, 25px);
  line-height: 1.3;
  margin-bottom: 0;
  font-size: clamp(17px, 1.45 * 1vw, 22px);
}

.container-button_group input[type=checkbox]:checked + label {
  color: #FFFFFF;
  background-color: #A30134;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
  border-radius: 0;
  background-color: #E7E7E7;
}

#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
  background-color: #D2D2D2;
}

.woocommerce table.shop_table {
  border-radius: 0;
}

.paypal-buttons > iframe {
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.pmagic .pm-login-box {
  width: 100%;
  max-width: 100%;
  border: 0;
  font-size: 21px;
}
.pmagic .pm-login-box .pm-bg {
  background-color: #272727;
}
.pmagic .pm-login-box .pm-bg, .pmagic .pm-login-box .pm-bg * {
  color: #FFFFFF;
}
.pmagic .pm-login-box-bottom-container {
  margin-top: 55px;
  border: 0;
  text-align: left;
  padding-left: 0;
  padding-right: 0;
}
.pmagic .pm-login-box .pm-login-links-box {
  padding-top: 25px;
  padding-left: 0;
  padding-right: 0;
}
.pmagic .pm-login-box .pm-login-links-box a {
  color: #FFFFFF;
}
.pmagic .pm-login-box .pm-login-links-box a:hover {
  color: #A30134;
}
.pmagic .pm-login-box .pmagic-form {
  background-color: #272727;
  color: #FFFFFF;
}
.pmagic .pm-login-box .pmagic-form .pm-bg {
  background-color: #272727;
}
.pmagic .pm-login-box .pmagic-form .pm-bg, .pmagic .pm-login-box .pmagic-form .pm-bg * {
  color: #FFFFFF;
}
.pmagic .pm-login-box .pmagic-form .pg-toggle-password {
  margin-right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.pmagic .pm-login-box input.text, .pmagic .pm-login-box input.title, .pmagic .pm-login-box input[type=email], .pmagic .pm-login-box input[type=password], .pmagic .pm-login-box input[type=tel], .pmagic .pm-login-box input[type=text] {
  color: #FFFFFF;
  background-color: #272727;
  border: 0;
  border-bottom: 1px solid #FFFFFF;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}
.pmagic .pm-login-box input.text::-moz-placeholder, .pmagic .pm-login-box input.title::-moz-placeholder, .pmagic .pm-login-box input[type=email]::-moz-placeholder, .pmagic .pm-login-box input[type=password]::-moz-placeholder, .pmagic .pm-login-box input[type=tel]::-moz-placeholder, .pmagic .pm-login-box input[type=text]::-moz-placeholder {
  color: #cccccc;
}
.pmagic .pm-login-box input.text::placeholder, .pmagic .pm-login-box input.title::placeholder, .pmagic .pm-login-box input[type=email]::placeholder, .pmagic .pm-login-box input[type=password]::placeholder, .pmagic .pm-login-box input[type=tel]::placeholder, .pmagic .pm-login-box input[type=text]::placeholder {
  color: #cccccc;
}
.pmagic .pm-login-box input.text:hover, .pmagic .pm-login-box input.text:focus, .pmagic .pm-login-box input.title:hover, .pmagic .pm-login-box input.title:focus, .pmagic .pm-login-box input[type=email]:hover, .pmagic .pm-login-box input[type=email]:focus, .pmagic .pm-login-box input[type=password]:hover, .pmagic .pm-login-box input[type=password]:focus, .pmagic .pm-login-box input[type=tel]:hover, .pmagic .pm-login-box input[type=tel]:focus, .pmagic .pm-login-box input[type=text]:hover, .pmagic .pm-login-box input[type=text]:focus {
  border-color: #A30134;
}
.pmagic .pg-custom-select option {
  background-color: #E7E7E7;
}
.pmagic #pm-advance-search-form #advance_search_pane {
  border: 0;
}
.pmagic #pm-advance-search-form .pm-search-box-wrap {
  border: 0;
  padding: 0;
}
.pmagic #pm-advance-search-form .pm-search-box-wrap > .pm-search-box {
  padding: 0;
  justify-content: space-between;
}
.pmagic #pm-advance-search-form .pm-adv-search-button {
  display: inline-flex;
  margin-top: 35px;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
}
.pmagic #pm-advance-search-form #advance_search_pane {
  justify-content: flex-end;
}
.pmagic #pm-advance-search-form .pm-search-input {
  border: 0;
  border-bottom: 2px solid #272727;
  max-width: 320px;
  text-indent: 0;
  font-size: 21px;
}
.pmagic #pm_result_pane .pm-all-members {
  font-size: 21px;
  margin-bottom: 35px;
  font-weight: 600;
}
.pmagic #advance_search_option {
  background-color: #A30134 !important;
  color: #FFFFFF !important;
  padding: 6px 15px !important;
  line-height: 1;
}
.pmagic #advance_search_option svg {
  fill: #FFFFFF !important;
}
.pmagic #advance_search_option:hover {
  background-color: #6f0123 !important;
}
.pmagic .pm-adv-search-button .pm-search-reset {
  box-shadow: none !important;
  font-weight: 500;
  color: #A30134;
}
.pmagic .pm-adv-search-button .pm-search-reset:hover {
  color: #6f0123;
}

.pmagic .pg-members-sortby {
  background-color: #272727;
}
.pmagic .pg-members-sortby .pg-users-sorting-title {
  color: #FFFFFF;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: 0 !important;
}

.pmagic .pg-members-sortby .pg-sort-dropdown select, #pm-advance-search-form #advance_search_pane .pm-search-box select {
  background-color: #E7E7E7 !important;
}

.pm-login-header-buttons {
  margin-top: 35px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}
.pm-login-header-buttons .pm-center-button {
  width: initial;
  padding: initial;
  float: initial;
}

/*
 * Gravity Forms
 */
div.gform-theme.gform-theme--framework.gform_wrapper .gfield_label, div.gform-theme.gform-theme--framework.gform_wrapper .gform-field-label {
  margin-bottom: clamp(10px, 1.04 * 1vw, 20px);
  font-weight: 500;
  font-size: clamp(17px, 1.15 * 1vw, 22px);
  color: #272727;
}
div.gform-theme.gform-theme--framework.gform_wrapper .ginput_container input[type=text],
div.gform-theme.gform-theme--framework.gform_wrapper .ginput_container input[type=email],
div.gform-theme.gform-theme--framework.gform_wrapper .ginput_container input[type=url],
div.gform-theme.gform-theme--framework.gform_wrapper .ginput_container input[type=tel],
div.gform-theme.gform-theme--framework.gform_wrapper .ginput_container input[type=number],
div.gform-theme.gform-theme--framework.gform_wrapper .ginput_container input[type=password],
div.gform-theme.gform-theme--framework.gform_wrapper .ginput_container textarea, div.gform-theme.gform-theme--framework.gform_wrapper .ginput_container select {
  border: none;
  border-bottom: 1px solid #E7E7E7;
  padding: 0 15px 10px 10px;
  box-shadow: none;
  border-radius: 0;
  font-size: clamp(17px, 1.15 * 1vw, 22px);
  width: 100%;
}
div.gform-theme.gform-theme--framework.gform_wrapper .ginput_container input[type=text]:hover, div.gform-theme.gform-theme--framework.gform_wrapper .ginput_container input[type=text]:focus,
div.gform-theme.gform-theme--framework.gform_wrapper .ginput_container input[type=email]:hover,
div.gform-theme.gform-theme--framework.gform_wrapper .ginput_container input[type=email]:focus,
div.gform-theme.gform-theme--framework.gform_wrapper .ginput_container input[type=url]:hover,
div.gform-theme.gform-theme--framework.gform_wrapper .ginput_container input[type=url]:focus,
div.gform-theme.gform-theme--framework.gform_wrapper .ginput_container input[type=tel]:hover,
div.gform-theme.gform-theme--framework.gform_wrapper .ginput_container input[type=tel]:focus,
div.gform-theme.gform-theme--framework.gform_wrapper .ginput_container input[type=number]:hover,
div.gform-theme.gform-theme--framework.gform_wrapper .ginput_container input[type=number]:focus,
div.gform-theme.gform-theme--framework.gform_wrapper .ginput_container input[type=password]:hover,
div.gform-theme.gform-theme--framework.gform_wrapper .ginput_container input[type=password]:focus,
div.gform-theme.gform-theme--framework.gform_wrapper .ginput_container textarea:hover,
div.gform-theme.gform-theme--framework.gform_wrapper .ginput_container textarea:focus, div.gform-theme.gform-theme--framework.gform_wrapper .ginput_container select:hover, div.gform-theme.gform-theme--framework.gform_wrapper .ginput_container select:focus {
  background-color: whitesmoke;
  outline: none;
}
div.gform-theme.gform-theme--framework.gform_wrapper .ginput_container textarea {
  border: 1px solid #E7E7E7;
}
div.gform-theme.gform-theme--framework.gform_wrapper .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .gform_drop_area::before {
  color: #A30134;
}
div.gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control,
div.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control,
div.gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*=mceu_]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control,
div.gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).gform-theme-button--control {
  background-color: #A30134;
}
div.gform-theme.gform-theme--framework.gform_wrapper .gform_drop_area {
  border-radius: 0;
}

#pm-advance-search-form #advance_search_option, #pm-advance-search-form #advance_search_pane {
  display: none;
}

/*.pm-group-view .pm-section .pm-section-right-panel .pm-section-content:first-of-type {
	.pm-user-description-row {
		&:nth-child(1), &:nth-child(7), &:nth-child(8), &:nth-child(9), &:nth-child(10), &:nth-child(12) {
			display: none !important;
		}
	}
}*/
.pm-group-view .pm-section .pm-section-left-panel ul li:last-child {
  display: none !important;
}

/*
.pm-group-view .pm-section .pm-section-right-panel .pm-section-content:nth-child(2) {
	display: none !important;
}*/
/*
.pm-group-view .pm-section .pm-section-left-panel .pm-dbfl:nth-child(2) {
	display: none !important;
}*/
#pg-profile-tabs div[id*=oeuvres] .pm-section-wrapper > div:nth-child(1) {
  display: inline !important;
}

.pm-user-description-row .pm_showmoretxt {
  display: none !important;
}

.pm-user-description-row .pm_showmoretxt {
  display: none !important;
}

.pm-login-box-error a {
  display: none;
}

.my-account svg path {
  transition: 0.3s ease-in-out;
}
.my-account:hover svg path {
  fill: #A30134;
}

.page-template-template-profil {
  /*&.sticky-menu {
  	.pg-about-tab {
  		display: none !important;
  	}
  }*/
}
.page-template-template-profil .pg-message-tab, .page-template-template-profil .pg-setting-tab {
  display: none !important;
}
.page-template-template-profil:not(.sticky-menu) .pm-user-woocommerce-field {
  display: none;
}

.pm-user-group-name span {
  font-size: 18.06px !important;
}

.extra-search-fields {
  padding-top: 20px;
}
.extra-search-fields .full-row {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.extra-search-fields .full-row .field {
  padding-right: 10px;
}
.extra-search-fields .full-row .field .group {
  width: 100%;
}
.extra-search-fields .full-row .field select {
  width: 100%;
  padding: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}

body .entry-content div.pmagic {
  padding-top: 0 !important;
}
body .entry-content div.pmagic, body .entry-content div.pmagic .pm-group-view .pm-section .pm-section-content .pm-user-description-row .pm-card-label {
  font-size: 21px;
  line-height: 1.25;
}
body .entry-content div.pmagic .pm-group-view .pm-section .pm-section-content .pm-user-description-row .pm-card-label {
  font-weight: 500;
  text-transform: initial;
}
body .entry-content div.pmagic input[name*=cb_oeuvre] {
  font-size: 15px !important;
}
body .entry-content div.pmagic .pm_textarea {
  width: inherit !important;
}
body .entry-content div.pmagic .extra-search-fields .field label {
  color: #A30134;
}
body .entry-content div.pmagic .extra-search-fields .field,
body .entry-content div.pmagic #pm-advance-search-form .pm-adv-search-button {
  width: 70%;
}
body .entry-content div.pmagic #pm-advance-search-form .pm-search-box-wrap {
  padding-top: 24px;
}
body .entry-content div.pmagic #pm-advance-search-form .pm-search-box-wrap .pm-search-box,
body .entry-content div.pmagic #pm-advance-search-form .pm-search-box-wrap .pm-search-box .pg-sortby-alpha {
  flex-wrap: wrap;
}
body .entry-content div.pmagic #pm-advance-search-form .pm-search-box-wrap .pm-search-box .pg-sortby-alpha .pg-users-sorting-title,
body .entry-content div.pmagic #pm-advance-search-form .pm-search-box-wrap .pm-search-box .pg-sortby-alpha select.pg-custom-select {
  padding: 8px 10px !important;
}
body .entry-content div.pmagic .pm-search-box input[type=text].pm-search-input {
  width: 70%;
  margin-bottom: 20px;
}
body .entry-content div.pmagic #pm-advance-search-form .pg-members-sortby,
body .entry-content div.pmagic #pm-advance-search-form .pg-members-sortby .pg-sortby-alpha {
  display: block;
  width: 100%;
}
body .entry-content div.pmagic #pm-advance-search-form .pg-members-sortby {
  width: 70%;
}
body .entry-content div.pmagic #pm-advance-search-form .pg-members-sortby .pg-sortby-alpha select {
  width: 100%;
}
@media only screen and (max-width: 760px) {
  body .entry-content div.pmagic #pm-advance-search-form > div {
    width: 100% !important;
  }
  body .entry-content div.pmagic .extra-search-fields .field,
  body .entry-content div.pmagic #pm-advance-search-form .pm-adv-search-button {
    width: 100%;
  }
  body .entry-content div.pmagic .pm-search-box input[type=text].pm-search-input {
    width: 100%;
    max-width: inherit !important;
    margin-bottom: 10px;
  }
}
body .entry-content div.pmagic .pm-radius5, body .entry-content div.pmagic .pm-group-view.pg-theme-one .pm-profile-tab-wrap.pg-horizontal-responsive-menu {
  border-radius: 0;
}
body .entry-content div.pmagic .pm-header-section {
  border: 0;
}
@media (min-width: 980px) {
  body .entry-content div.pmagic .pm-group-view .pm-section .pm-section-content {
    width: 70%;
  }
}
body .entry-content div.pmagic .pm-section-left-panel {
  position: sticky;
  top: 200px;
  max-width: initial;
}
body .entry-content div.pmagic .pm-section-left-panel ul.dbfl > li {
  padding: 0;
}
body .entry-content div.pmagic .pm-section-left-panel ul.dbfl > li > a {
  padding: 1em;
  color: #272727;
}
body .entry-content div.pmagic .pm-section-left-panel ul.dbfl > li > a:hover {
  background-color: #D2D2D2;
}
body .entry-content div.pmagic .pm-section-left-panel ul.dbfl > li > a.active {
  background-color: #A30134;
  color: white;
}
body .entry-content div.pmagic .pm-profile-tab-wrap, body .entry-content div.pmagic .pm-section-left-panel {
  border: 0;
}
body .entry-content div.pmagic .pm-profile-tab-wrap {
  border-bottom: 1px solid #E7E7E7;
}
body .entry-content div.pmagic a:hover {
  color: #6f0123;
}
body .entry-content div.pmagic #pm-show-profile-image {
  padding: 0;
}
body .entry-content div.pmagic .pm-group-view {
  max-width: 100%;
}
body .entry-content div.pmagic #pm_result_pane .pg-search-result-wrapper {
  display: grid;
  gap: clamp(20px, 4.17 * 1vw, 80px);
  align-items: stretch;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
@media (max-width: 767.98px) {
  body .entry-content div.pmagic #pm_result_pane .pg-search-result-wrapper {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
}
body .entry-content div.pmagic #pm_result_pane .pg-search-result-wrapper > .search_result {
  overflow: visible;
  margin: 0;
}
body .entry-content div.pmagic #pm_result_pane .pg-search-result-wrapper > .search_result a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: inherit;
  gap: clamp(15px, 2.5 * 1vw, 30px);
}
body .entry-content div.pmagic #pm_result_pane .pg-search-result-wrapper > .search_result a .pm-user-profile {
  transition: transform 0.2s;
  border: 1px solid #E7E7E7;
  min-width: 100px;
}
body .entry-content div.pmagic #pm_result_pane .pg-search-result-wrapper > .search_result a .pm-user-name {
  line-height: 1;
  font-weight: 500;
  font-size: clamp(18px, 1.35 * 1vw, 26px);
  float: initial;
  text-align: initial;
}
body .entry-content div.pmagic #pm_result_pane .pg-search-result-wrapper > .search_result a:hover img {
  transform: translateY(-5px);
}
body .entry-content div.pmagic #pm_result_pane .pg-search-result-wrapper > .search_result a:hover .pm-user-name {
  color: #A30134;
}
body .entry-content div.pmagic .pm-clip {
  white-space: pre-wrap;
}
body .entry-content div.pmagic ul.page-numbers .page-numbers {
  font-weight: 500;
  color: #272727;
  margin-left: 0;
  padding: 8px 6px;
  background: none !important;
}
body .entry-content div.pmagic ul.page-numbers .page-numbers:not(a).current {
  color: #A30134 !important;
  width: initial;
  height: initial;
}
body .entry-content div.pmagic .pm-profile-tab-wrap .pm-profile-tab a.pm-dbfl {
  color: #272727;
  font-weight: 600;
}
body .entry-content div.pmagic .pm-profile-tab-wrap .pm-profile-tab a.pm-dbfl.active {
  color: #A30134;
}
body .entry-content div.pmagic .pm-profile-tab-wrap .pm-profile-tab a.pm-dbfl:hover {
  opacity: 0.8;
}/*# sourceMappingURL=import.css.map */