/* Theme base styles */

/* Tools
Any animations, or functions used throughout the project.
Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here
*/

/*
CSS Variables
*/
:root {

  /* Breakpoints */
  --mobile-breakpoint: 575px;
  --tablet-breakpoint: 900px;

  /* Wrapper dimensions */
  --container: 1920px;

  --wrapper-xs: 320px;
  --wrapper-s: 550px;
  --wrapper-m: 750px;
  --wrapper-l: 900px;
  --wrapper-xl: 1160px;
  --wrapper-xxl: 1440px;
  --wrapper: 1200px;
	--gap: 1rem;

	--color-primary: #FFFAF1;
	--color-dark: #262626;
	--color-bright: #FCFCFC;
	--color-accent: #FFA600;

  /* Site colors */
  --primary: var(--color-primary);
  --dark: var(--color-dark);
  --bright: var(--color-bright);
  --accent: var(--color-accent);
  --almo-green: #538736;
  --error: #ec422b;

  /* Primary color variations (Used for cards and special sections)*/
  --primary-light: #FFC03E;
  --primary-bright: #FFC03E;

  /* Hover state variations */
  --primary-hover: #FFD06F;
  --bright-hover: #FFF7E7;
  --dark-hover: #646464;
  --accent-hover: #FFF7E7;

	--btn-primary-hover: var(--primary-hover);
	--btn-bright-hover: var(--bright-hover);
	--btn-dark-hover: var(--dark-hover);
	--btn-accent-hover: var(--accent-hover);

  /* Button sizes */
  --btn-large: 14px 20px;
  --btn-medium: 10px 16px;
  --btn-small: 5px 10px;

  /* Button transistion */
  --btn-transition: all 250ms ease;

  --shadow-light: 0px 4px 8px rgba(0, 0, 0, 0.15);
}

/*
@media (prefers-color-scheme: dark) {

  :root {
    --primary: var(--color-bright);
    --dark: var(--color-dark);
    --bright: var(--color-bright);
    --accent: var(--color-primary);

		--btn-primary-hover: var(--bright-hover);
		--btn-dark-hover: var(--dark-hover);
		--btn-bright-hover: var(--bright-hover);
		--btn-accent-hover: var(--primary-bright);

    --primary-light: #F1F1F1;
    --primary-bright: #FCFCFC;
  }
}
*/

/* Generic
This is where reset, normalize & box-sizing styles go.
*/

/* ! Reset */
*,*::before,*::after {box-sizing: border-box;}
body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,a {  margin: 0;}
/*ul,ol {list-style: none;}*/
html:focus-within { scroll-behavior: smooth;}
body {min-height: 100vh; text-rendering: optimizeSpeed; line-height: 1.15; overflow-x: hidden;}
a {text-decoration: none; color: unset}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

 html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

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

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

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

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

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

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

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

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

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

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

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

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

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

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

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

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* Objects
Non-cosmetic design patterns including grid and layout classes)
*/

/* CSS variables */

:root {
  --column-gap: 2.13%;
}

@viewport {
  viewport-fit: cover;
}

.hide {display: none;}
.hide-imp {display: none !important;}


/* Mobile layout */

.row-fluid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.row-fluid [class*='span'] {
  min-height: 1px;
  width: 100%;
}

/* Desktop layout */

@media (min-width: 768px) {
  .row-fluid {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  .row-fluid .span11 {
    width: calc(91.66% - var(--column-gap) * 0.0833);
  }

  .row-fluid .span10 {
    width: calc(83.33% - var(--column-gap) * 0.166);
  }

  .row-fluid .span9 {
    width: calc(75% - (var(--column-gap) * 0.25));
  }

  .row-fluid .span8 {
    width: calc(66.66% - var(--column-gap) * 0.333);
  }

  .row-fluid .span7 {
    width: calc(58.33% - var(--column-gap) * 0.4166);
  }

  .row-fluid .span6 {
    width: calc(50% - var(--column-gap) * 0.5);
  }

  .row-fluid .span5 {
    width: calc(41.66% - var(--column-gap) * 0.5833);
  }

  .row-fluid .span4 {
    width: calc(33.33% - var(--column-gap) * 0.6668);
  }

  .row-fluid .span3 {
    width: calc(25% - var(--column-gap) * 0.75);
  }

  .row-fluid .span2 {
    width: calc(16.66% - var(--column-gap) * 0.8333);
  }

  .row-fluid .span1 {
    width: calc(8.33% - var(--column-gap) * 0.9166);
  }
}

/* properties copied from designer */
/* ! STRUCTURE */
/* -------------------------------------------------------------------------------------- */

/* html {font-size:16px; height: 100vh;}
body {overflow-x: hidden; height: 100vh;} */
/* above code is causing issues in hubspot editor, due to
fixed height (blank page is shown on scroll) */

html {font-size:16px}
body {overflow-x: hidden}

@media screen and (max-width: 1024px) {
  html {font-size:15px}
}
@media screen and (max-width: 550px) {
  html {font-size:14px}
}

/* as header is fixed, add margin top to <main> content, all content is rendered in <main> */
main {
  /*margin-top: 4rem;*/
}

/* ! > Display */
.flex {display: flex;}
.flex-row {display: flex; flex-direction: row;}
.flex-column {display: flex; flex-direction: column;}
.flex-row-reverse {display: flex; flex-direction: row-reverse;}
.flex-column-reverse {display: flex; flex-direction: column-reverse;}
.block {display: block;}

/* ! FLEX */
.f-wrap {flex-wrap: wrap;}
.f-nowrap {flex-wrap: nowrap;}



.f-basis-10 {flex-basis:10%}
.f-basis-20 {flex-basis:20%}
.f-basis-25 {flex-basis:25%}
.f-basis-28 {flex-basis:28%}
.f-basis-29 {flex-basis:29%}
.f-basis-30 {flex-basis:30%}
.f-basis-33 {flex-basis:calc(100% / 3)}
.f-basis-40 {flex-basis:40%}
.f-basis-48 {flex-basis:48%}
.f-basis-49 {flex-basis:49%}
.f-basis-50 {flex-basis:50%}
.f-basis-60 {flex-basis:60%}
.f-basis-68 {flex-basis:68%}
.f-basis-69 {flex-basis:69%}
.f-basis-70 {flex-basis:70%}
.f-basis-80 {flex-basis:80%}
.f-basis-90 {flex-basis:90%}

.f-align-y-start {align-items:flex-start}
.f-align-y-center {align-items:center}
.f-align-y-end {align-items:flex-end}

.f-align-x-start {justify-content: flex-start;}
.f-align-x-center {justify-content: center;}
.f-align-x-end {justify-content: flex-end;}
.f-align-x-justify {justify-content: space-between;}

.f-grow-1 {flex-grow: 1}
.f-grow-2 {flex-grow: 2}
.f-grow-3 {flex-grow: 3}

.f-self-stretch {align-self: stretch;}

.f-shrink-1 {flex-shrink: 1}
.f-shrink-2 {flex-shrink: 2}
.f-shrink-3 {flex-shrink: 3}

.f-gap-1 {gap: var(--gap)}
.f-gap-2 {gap: calc(var(--gap)*2)}
.f-gap-3 {gap: calc(var(--gap)*3)}

.f-equal-width > * {flex: 1}

.grid {display: grid;}
.grid-column {grid-auto-flow: column;}
.grid-row {grid-auto-flow: row;}
.g-column-1 {grid-auto-columns: 1fr;}
.g-column-2 {grid-template-columns: repeat(2, 1fr);grid-auto-flow: dense;}
.g-column-2-small {grid-template-columns: repeat(1, 0.5fr 1fr);grid-auto-flow: dense;}
.g-column-3 {grid-template-columns: repeat(3, 1fr);grid-auto-flow: dense;}
.g-place-center {place-items: center;}
.g-d-col-span-3 {grid-column: 1 / span 3;}

/* -------------------------------------------------------------------------------- */
/* ! WRAPPERS */
/* -------------------------------------------------------------------------------- */

/* General */
.container {max-width: var(--container); margin-inline: auto; padding: env(safe-area-inset-top) calc(env(safe-area-inset-right) + 10px) env(safe-area-inset-bottom) calc(env(safe-area-inset-left) + 10px);} /* Standard */
.container-no-safe-areas {max-width: var(--container); margin-inline: auto; padding: 0 !important} /* Force Fullscreen in iphone/ipad landscape mode */
.container-large {max-width: 1600px; margin-inline: auto; padding: 0 !important} /* For 4 cards section */
.container-carousel {width: clamp(250px, 100%, 950px); height: 100%; padding: 60px}

/* Small wrappers */
.wrapper-xs {max-width: var(--wrapper-xs)}
.wrapper-s {max-width: var(--wrapper-s)}
.wrapper-m {max-width: var(--wrapper-m)}
.wrapper-l {max-width: var(--wrapper-l)}
.wrapper-xl {max-width: var(--wrapper-xl)}
.wrapper-xxl {max-width: var(--wrapper-xxl)}
.wrapper {max-width: var(--wrapper)}

/* Center Align */
.wrapper-center {margin-left: auto; margin-right: auto;}

@media screen and (max-width: 890px) {
.f-tablet {flex-wrap: wrap;}
.f-tablet .f-basis-50 {flex-basis: 48%}
}


.hide-desktop {display: none;}


@media screen and (max-width: 550px) {
  .f-mobile {flex-flow: column; flex-wrap:wrap}
  .f-mobile-reverse {flex-flow: column; flex-wrap: wrap; flex-direction: column-reverse;}
  .f-basis-m-100 {flex-basis:90%}
  .f-basis-m-50 {flex-basis:50%}
  .f-m-wrap {flex-wrap: wrap;}
	.wrapper-xs, .wrapper-s, .wrapper-m, .wrapper-l, .wrapper-xl {max-width: var(--wrapper-xl)}
  .hide-mobile {display: none;}
  .hide-desktop {display: block;}
  .f-mobile-nowrap {flex-flow: column; flex-wrap: nowrap; text-align: center;}
  .f-mobile-nowrap[class*='f-basis']{flex-basis: 100%}
  .g-mobile {grid-auto-flow: row;grid-template-columns: repeat(1,1fr);}
  .g-d-col-span-3 {grid-column: 1 / span 1;}
}

/*
For template header: start showing mobile menu at 1024px
*/

@media screen and (max-width: 1280px) {
  .template-header .navigation.f-gap-2 {
    gap: var(--gap);
  }
}

.template-header .hide-desktop {
  display: none;
}

@media screen and (max-width: 1024px) {
  .template-header .hide-mobile {
    display: none;
  }
  .template-header .hide-desktop {
    display: block;
  }
}



/* ! > Position */
.relative {position: relative}
.fixed {position: fixed;}
.absolute {position: absolute; top:0; left:0}
.sticky {position: sticky; top:0}

/* ! > Paragraph */
p, input, textarea {font-size: 1rem; line-height: 1.25}
.size-xl {font-size:1.25rem}
.size-l, .size-l p {font-size:1.13rem}
.size-s, label {font-size:0.88rem}
.size-xs {font-size:0.75rem}

.t-align-l {text-align: left;}
.t-align-c {text-align: center;}
.t-align-r {text-align: right;}

@media (max-width: 550px) {
  .m-t-align-l {text-align: left;}
  .m-t-align-c {text-align: center;}
  .m-t-align-r {text-align: right;}
}

.t-par-has-margin p {margin-bottom: 0.5rem}

a.font-bold:hover, a.font-bold:active { font-weight: bold; }
/* ! COLORS */
/* -------------------------------------------------------------------------------------- */

/* ! > Text Colors */
/* Dynamic Colors (Change with theme) */
.c-primary {color: var(--dark)}
.c-bright {color: var(--bright)}
.c-accent {color: var(--accent)}
.c-dark {color: var(--dark)}
.c-green {color: var(--almo-green)}

/* Static Colors (Used in certain situations like Overlay Text, special sections etc.)*/
.c-title {color: var(--bright)}

/*
@media (prefers-color-scheme: dark) {

  .c-primary {color: var(--dark)!important}
  .c-bright {color: var(--dark)!important}
  .c-title {color: var(--primary)!important}

}
*/

/* ! > Background */
.bg-primary {background: var(--primary)}
.bg-primary-soft {background: var(--primary-light)}
.bg-primary-verysoft {background: var(--primary-bright)}
.bg-primary-hover {background: var(--primary-hover)}
.bg-bright {background: var(--bright)}
.bg-dark {background: var(--dark)}
.bg-accent {background: var(--accent)}
.bg-white {background: #ffffff}

/* borders */
.border-gray,
.border-gray-1 { border: 1px solid #dee2e6;}
.border-gray-2 { border: 2px solid #dee2e6;}
.border-bottom-1 {
  border-bottom: 1px solid #C9C9C9;
}

/* ! > Overlays */
.ol-black-80 {background: rgba(0,0,0,0.8)}
.ol-black-60 {background: rgba(0,0,0,0.6)}
.ol-black-50 {background: rgba(0,0,0,0.5)}
/*TBD*/
.ol-black-40 {background: rgba(0,0,0,0.4)}
.ol-black-30 {background: rgba(0,0,0,0.3)}
.ol-black-20 {background: rgba(0,0,0,0.2)}
.ol-gradient-black-80 {background: linear-gradient(180deg, rgba(255,255,255,0) 70%, rgba(0,0,0,0.8) 100%);}
.ol-gradient-black-75 {background: linear-gradient(180deg, rgba(255,255,255,0) 50%, rgba(0,0,0,0.75) 100%);}
.ol-gradient-black-60 {background: linear-gradient(180deg, rgba(255,255,255,0) 70%, rgba(0,0,0,0.6) 100%);}
.ol-gradient-black-50 {background: linear-gradient(180deg, rgba(255,255,255,0) 70%, rgba(0,0,0,0.5) 100%);}
.ol-gradient-black-40 {background: linear-gradient(180deg, rgba(255,255,255,0) 70%, rgba(0,0,0,0.4) 100%);}
.ol-gradient-black-30 {background: linear-gradient(180deg, rgba(255,255,255,0) 70%, rgba(0,0,0,0.3) 100%);}
.ol-gradient-black-20 {background: linear-gradient(180deg, rgba(255,255,255,0) 70%, rgba(0,0,0,0.2) 100%);}


/* Columns */
.columns {column-count: 3; column-gap: 0.5rem;}
.columns div {break-inside: avoid}

@media (max-width: 1024px) {
  .columns {column-count: 2;}
}
@media (max-width: 550px) {
  .columns {column-count: 1;}
}
.content-wrapper {
  margin: 0 auto;
  padding: 0 1rem;
}

@media screen and (min-width: 1380px) {
  .content-wrapper {
    padding: 0;
  }
}

.dnd-section > .row-fluid {
  margin: 0 auto;
}

.dnd-section .dnd-column {
  padding: 0 1rem;
  /*TBD*/
  padding: 0 0;
}

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0;
  }
}

/* Elements
Base HMTL elements are styled in this section (<body<, <h1>, <a>, <p>, <button> etc.)
*/

/* TBD
 * include './elements/_typography.css' */

button,
.button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

button:disabled,
.button:disabled {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
  color: #E6E6E6;
}

/* No button */

.no-button,
.no-button:hover,
.no-button:focus,
.no-button:active {
  background: none;
  border: none;
  border-radius: 0;
  color: initial;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin-bottom: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
  transition: none;
}

/* below properties from designer */

/* ! BUTTONS */
/* -------------------------------------------------------------------------------------- */

/* General button settings */
.btn {display:block; font-weight: bold; width: max-content; cursor: pointer; height: fit-content; transition:var(--btn-transition)}
.btn:hover { font-weight: bold; }
.btn-hover{transition: transform 0.25s ease-in-out;}
.btn-hover:hover{transform: scale(1.05); opacity: 1;}

/* Style and Background Color */
.btn-primary-primary{border-radius: 5px; border: 0; background: var(--accent);}
.btn-primary-accent{border-radius: 5px; border: none; color: var(--accent); background: var(--primary);}
.btn-light{border-radius: 5px; border: 0; background: #FFFAF1;}
.btn-outline{outline-offset: -2px; outline: 2px solid var(--accent);}

.btn-primary-bright{border-radius: 5px; border: 0; background: var(--bright);}
.btn-primary-dark{border-radius: 5px; border: 0; background: var(--dark); }
.btn-primary-green{border-radius: 5px; border: 0; background: #4F7541; color: var(--bright); }

.btn-secondary-primary{border-radius: 5px; border: 2px solid var(--accent); color: var(--accent)}
.btn-secondary-bright{border-radius: 5px; border: 2px solid var(--bright); color: var(--bright)}
.btn-secondary-dark{border-radius: 5px; border: 2px solid var(--dark); color: var(--dark)}

/* Hover States */
.btn-primary-primary:hover {background: var(--btn-primary-hover); }
.btn-primary-bright:hover {background: var(--btn-bright-hover); }
.btn-primary-dark:hover {background: var(--btn-dark-hover); }
.btn-primary-accent:hover {background: var(--accent); color: var(--primary);}
.btn-primary-green:hover{border-radius: 5px; border: 0; background: var(--almo-green); }

.btn-secondary-primary:hover {border-color: var(--btn-accent-hover); color: var(--btn-accent-hover)}
.btn-secondary-bright:hover {border-color: var(--btn-bright-hover); color: var(--btn-bright-hover)}
.btn-secondary-dark:hover {border-color: var(--btn-dark-hover); color: var(--btn-dark-hover)}

/* Size */
.btn-large {padding: var(--btn-large)}
.btn-medium {padding: var(--btn-medium)}
.btn-small {padding: var(--btn-small); font-weight: 400;}
.btn-medium p {font-size: 90%!important;}
.btn-small p {font-size: 80%!important;}
/*
@media (prefers-color-scheme: dark) {
  .c-primary {color: var(--dark)!important}
  .c-dark {color: var(--dark)!important}
  .c-bright {color: var(--bright)!important}
  .c-title {color: var(--bright)!important}
} */

/* ! ICONS */
/* -------------------------------------------------------------------------------------- */

/* ! > Icon Colors */
.i-mask-color-primary {background: var(--primary);}
.i-mask-color-dark {background: var(--dark);}
.i-mask-color-bright {background: var(--bright);}
.i-mask-color-accent {background: var(--accent);}
.i-mask-color-red {background:rgb(196, 10, 10)}
.i-mask-color-lime {background:rgb(10, 196, 57)}
.i-mask-color-yellow {background:rgb(221, 207, 10)}
.i-mask-color-green {background:rgb(25, 145, 55)}
.i-mask-color-blue {background:rgb(26, 95, 197)}

.i-color-primary {fill: var(--primary);}
.i-color-dark {fill: var(--dark);}
.i-color-bright {fill: var(--bright);}
.i-color-accent {fill: var(--accent);}
.i-color-red {fill:rgb(196, 10, 10)}
.i-color-lime {fill:rgb(10, 196, 57)}
.i-color-yellow {fill:rgb(221, 207, 10)}
.i-color-green {fill:rgb(25, 145, 55)}
.i-color-blue {fill:rgb(26, 95, 197)}

/* ! > Icon Size */
.icon-xs {width: 100%; max-width: 16px; height:16px}
.icon-s {width: 100%; max-width: 24px; height:24px}
.icon-m {width: 100%; max-width: 36px; height:36px}
.icon-l {width: 100%; max-width: 48px; height:48px}
.icon-xl {width: 100%; max-width: 72px; height:72px}
/* Fields */

.hs-form-field {
  margin-bottom: 0.5rem;
}

/* Labels */

form label {
  display: block;
  font-size: 0.875rem;
  margin-bottom: 0.35rem;
}

/* Help text */

form legend {
  font-size: 0.875rem;
}

/* Inputs */

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  display: inline-block;
  font-size: 0.875rem;
  padding: 0.7rem;
  width: 100%;
}

form textarea {
  resize: vertical;
}

form fieldset {
  max-width: 100% !important;
}

/* Inputs - checkbox/radio */

form .inputs-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

form .inputs-list > li {
  display: block;
  margin: 0.7rem 0;
}

form .inputs-list input,
form .inputs-list span {
  vertical-align: middle;
}

form input[type=checkbox],
form input[type=radio] {
  cursor: pointer;
  margin-right: 0.35rem;
}

/* Inputs - date picker */

.hs-dateinput {
  position: relative;
}

.hs-dateinput:before {
  content:'\01F4C5';
  position: absolute;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
}

.fn-date-picker .pika-table thead th {
  color: #FFF;
}

.fn-date-picker td.is-selected .pika-button {
  border-radius: 0;
  box-shadow: none;
}

.fn-date-picker td .pika-button:hover,
.fn-date-picker td .pika-button:focus {
  border-radius: 0 !important;
  color: #FFF;
}

/* Inputs - file picker */

form input[type=file] {
  background-color: transparent;
  border: initial;
  padding: initial;
}

/* Headings and text */

form .hs-richtext,
form .hs-richtext p {
  font-size: 0.875rem;
  margin: 0 0 1.4rem;
}

form .hs-richtext img {
  max-width: 100% !important;
}

/* GDPR */

.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
  margin-left: 1rem !important;
}

/* Validation */

.hs-form-required {
  color: #EF6B51;
}

.hs-input.invalid.error {
  border-color: #EF6B51;
}

.hs-error-msg {
  color: #EF6B51;
  margin-top: 0.35rem;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}
/* Table */

table {
  border-collapse: collapse;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

/* Table cells */

td,
th {
  vertical-align: top;
}

/* Table header */

thead th {
  vertical-align: bottom;
}

/* Components
Specific pieces of UI that are stylized. Typically used for global partial styling
*/

/*.template-header {top: 0; left: 50%; width: 100%; transform: translateX(-50%); position: fixed; z-index: 1000; color: var(--dark)}*/

.template-header {
  width:100%;
  color: var(--dark);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
}


header.template-header ul li {
  font-size: 1rem;
  line-height: 1.15rem;
}

/* Navigation skipper */

.header__skip {
  height: 1px;
  left: -1000px;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -1000px;
  width: 1px;
}

.header__skip:hover,
.header__skip:focus,
.header__skip:active {
  height: auto;
  left: 0;
  overflow: visible;
  top: 0;
  width: auto;
}

header ul  {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

header nav ul li {
  padding: 0;
  font-size: 1rem;
}

ul.navigation > li {
  display: inline-block;
}

ul.navigation li a.menu-label {
  font-weight: 600;
  display: inline-block;
  font-size: 0.9rem;
  border-top: 4px solid #fff;
  padding-bottom: 1.18rem;
  padding-top: 1.171rem;
}

@media screen and (min-width: 1024px) and (max-width: 1400px) {
  .template-header ul.navigation.f-gap-2 {
    gap: calc(var(--gap)* 1.5);
  }
}

@media screen and (min-width: 1140px) and (max-width: 1310px) {
  .template-header ul.navigation li a.menu-label {
    font-size: 0.8rem;
  }
}

@media screen and (min-width: 1100px) and (max-width: 1140px) {
  .template-header ul.navigation li a.menu-label {
    font-size: 0.76rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1100px) {
  .template-header ul.navigation li a.menu-label {
    font-size: 0.66rem;
  }
}

ul.navigation li a.menu-label.active {
  font-weight: 800;
  border-top: 4px solid var(--accent);
}

ul.navigation li a.menu-label:hover {
    font-weight:bold;
}

/* ul.navigation li a.menu-label::before {
    display: block;
    content: attr(title);
    font-weight: bold;
    height: 0;
    overflow: hidden;
    visibility: hidden;
} */

.megamenu ul li {
  padding-top: 0px;
  padding-bottom:0px;
}

.open-menu-icon {
  width: 20px;
  filter: brightness(0) invert(1);
}

.menu-icon {
  width:20px;
}

.small-menu-icon {
  width: 12px;
}

.white-icon {
  filter: brightness(0) invert(1);
}

.bg-grey-soft {
  background: #f0f0f0;
}

.m-wrapper-scroll {
  overflow-y: auto;
  padding-top: 60px;
  max-height: 100vh;
  padding-bottom: 20px;
}

.mobile-menu .simple-menu-tree li {
  padding-bottom: 1rem;
  padding-top: 1rem;
  border-bottom: 1px solid #C9C9C9;
}

.mobile-menu .simple-menu-tree li:last-child {
  border-bottom: none;
}

.mobile-menu .hide {
  display: none;
}

.megamenu {
  display: none;
  z-index: 10000;
  position: absolute;
  transform: translate(-50%, 59px);
  top: 0;
  left: 50%;
}

.megamenu .menu-shadow {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.megamenu:hover {
  display: block;
}

.megamenu ul.main-sub-menu {
  padding: 10px;
  margin: 0;
  background-color: #F1F1F1;
  height: 100%;
}

.megamenu ul.main-sub-menu li {
  margin-bottom: 10px;
}

.megamenu ul.main-sub-menu li a {
  display: block;
  padding: 27px 10px;
  background-color: var(--color-bright);
  color: #000;
  font-weight: 700;
  font-size: 1.125rem;
}

.megamenu ul.main-sub-menu li a:hover,
.megamenu ul.main-sub-menu li a.active{
  color: var(--accent);
}

.megamenu ul.main-sub-menu li a.active {
  border-right: 7px solid #F7AF41;
}

.megamenu .sub-menu-title {
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 600;
  color: var(--accent);
}

.megamenu .sub-menu-description {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
}

header.template-header .sub-menu-links ul {
  display: flex;
  flex-direction: column;
}

header.template-header .sub-menu-links ul li {
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 400;
  padding: 0.75rem 0;
}

header.template-header .sub-menu-links ul li a:hover {
  text-decoration: underline;
}

header.template-header .border-right {
  border-right: 1px solid #D9D9D9;
}

.megamenu .menu-bottom-cards,
.mobile-menu .menu-bottom-cards {
  background: #F1F1F1;
  padding: 20px;
  border-radius: 10px;
}

.megamenu .menu-bottom-cards .title {
  font-size: 1rem;
  font-weight: bold;
  padding-bottom: 8px;
}

.megamenu .menu-bottom-cards .description {
  font-size: 0.75rem;
}

.megamenu .menu-type-2  .title {
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 600;
  padding-bottom: 1rem;
  min-height: 40px;
}

.megamenu .menu-type-2 .read-more a {
  font-weight: bold;
}

.megamenu .menu-type-2 .read-more a:hover {
  text-decoration: underline;
}

.megamenu .menu-type-2 .type-2-list-items {
  background-color: #f1f1f1;
}

.megamenu .menu-type-2 .type-2-list-items .image-field img {
  width: 80px;
  height: 80px;
}

.megamenu .menu-type-2 .type-2-bg-image {
  font-weight: bold;
  font-size: 1.25rem;
}
footer ul, ol {
    list-style-type: none !important;
}

.c-footer-title {
  font-weight: 700;
  padding-top: 0.5rem;
}

footer.almo-footer {
  position: relative;
}

.almo-footer ul {
  display: flex;
  flex-direction: column;
}

.almo-footer ul li {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.almo-footer,
.c-footer-title,
.almo-footer ul li a {
  color: var(--bright);
  font-size: 0.85rem;
}

.almo-footer ul li a:hover,
.footer-newsletter-form a:hover {
  color: var(--bright);
  text-decoration: underline;
}

.almo-footer .privacy-cookie-policy ul {
  flex-direction: row;
  margin: 0;
  padding: 0;
}

.almo-footer .privacy-cookie-policy ul li {
  padding: 0 0.5rem;
}

.almo-footer .privacy-cookie-policy ul li:first-child {
  padding-left: 0;
  border-right: 1px solid var(--bright);
}

.almo-footer .privacy-cookie-policy ul li a {
  font-weight: 700;
}

.c-footer-title:not(:first-child) {
  margin-top: 1.2rem;
}

.footer-newsletter-form label,
.footer-newsletter-form a {
  color: var(--bright);
}

.footer-newsletter-form form .hs-richtext,
.footer-newsletter-form form .hs-richtext p {
  font-size: 0.65rem;
  color: var(--bright);
  margin-bottom: 0.5rem;
}

/*
@media (prefers-color-scheme: dark) {
  .almo-footer,
  .c-footer-title,
  .almo-footer ul li a,
  .footer-newsletter-form a {
    color: var(--primary) !important;
  }
}
*/

.almo-footer .footer-newsletter-form form .hs-button,
.almo-footer .footer-newsletter-form form input[type=submit] {
  font-size: 1rem;
  padding: 0.5rem 1rem;
}

.almo-footer .footer-social-icons ul {
  display: flex;
  flex-direction: row;
  margin: 0;
  padding: 0;
}

.almo-footer .footer-social-icons ul li {
  padding: 0;
  margin: 0;
}

.almo-footer ul.hs-error-msgs li {
  padding: 0;
  margin: 0;
}

.almo-footer ul.hs-error-msgs li label.hs-error-msg {
  color: red;
  font-size: 0.7rem;
}

#select-container {
  position: absolute;
  right: 20px;
  bottom: 50px;
  width: 165px;
  height: 40px;
  /* transform: translateX(-50%); */
  border-radius: 10px;
  overflow: hidden;
  transition: height 0.2s ease-in-out, border-radius 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  background: var(--dark);
}
#select-container:hover {
  height: auto;
  /* Can't use height: auto & transition effect */
  border-radius: 20px;
  border: 0.5px solid rgba(202, 219, 226, 0.4);
  box-shadow: 0px 7px 10px rgba(79, 104, 113, 0.3);
}
header #select-container {
  top: 14px;
  right: 135px;
  bottom: inherit;
  background: var(--bright);
  width: 45px;
}
#select-container ul {
  list-style-type: none;
  position: relative;
  margin: 0;
  padding: 0;
}
#select-container ul li {
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
#select-container ul li a {
  padding: 6px 15px;
}
header #select-container ul li a {
  padding: 6px 10px;
}
#select-container ul li a:hover {
  text-decoration: underline;
}
header #select-container ul li a {
  color: var(--dark);
  font-size: 12px;
}
#select-container ul li:first-child img {
  cursor: default;
}
#select-container ul li img {
  width: 25px;
  height: 25px;
  display: block;
  left: 50%;
  border-radius: 50%;
/*   border: 2px solid #ffffff; */
  box-shadow: 0px 0px 6px rgba(79, 104, 113, 0.3);
  cursor: pointer;
  transition: all 0.1s ease-in-out;
}
#select-container ul li img:hover {
  box-shadow: 0px 5px 10px rgba(79, 104, 113, 0.3);
}

@media (max-width: 550px) {
  #select-container {
    right: 40px;
  }
  #select-container ul {
    padding-bottom: 45px;
  }
  #select-container ul li {
    padding: 10px 0;
  }
  .p-m-75 {
    padding-bottom: 75px;
  }
}
/* Menu and simple menu */

html {
  scroll-behavior: smooth;
}

.hs-menu-wrapper ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Horizontal menu */

.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
  flex-direction: column;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    flex-direction: column;
  }
}

/* Vertical menu */

.hs-menu-wrapper.hs-menu-flow-vertical ul {
  flex-direction: column;
}

/* Flyouts */

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
  display: inline-flex;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-vertical ul {
    display: flex;
  }
}

.hs-menu-wrapper.flyouts .hs-item-has-children {
  position: relative;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
  left: -9999px;
  opacity: 0;
  position: absolute;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
  display: block;
  white-space: nowrap;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 0;
  opacity: 1;
  top: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 100%;
  opacity: 1;
  top: 0;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.flyouts .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
    left: 0;
    opacity: 1;
    position: relative;
    top: auto;
  }
}

/* CTA, logo, and rich text images */

.hs_cos_wrapper_type_cta img,
.hs_cos_wrapper_type_logo img,
.hs_cos_wrapper_type_rich_text img {
  height: auto;
  max-width: 100%;
}


.region-switcher {
  display: none;
  background: #424245;
  padding: 20px 0;
  font-size: 14px;
}

.region-switcher.region-switcher--active {
  display: block !important;
}

.region-switcher__container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
}

.region-switcher__container .region-switcher__title {
  padding-right: 20px;
}

.region-switcher__choose-lang {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .region-switcher__container {
    flex-direction: column;
    gap: 20px;
  }

  .region-switcher__choose-lang {
    flex-wrap: wrap;
  }

  .region-switcher__container .region-switcher__title {
    padding-right: 0;
  }
}

select.region-switcher__select {
  /* Reset */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  outline: 0;
  font: inherit;
  /* Personalize */
  width: 20em;
  height: 3em;
  padding: 0 4em 0 1em;
  background: url(https://cdn.almonature.com/hubfs/Caret_down_font_awesome_whitevariation.svg) no-repeat right 0.8em center/1.4em, linear-gradient(to left, rgba(255, 255, 255, 0.3) 3em, rgba(255, 255, 255, 0.2) 3em);
  color: white;
  border-radius: 0.25em;
  box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
  /* <option> colors */
  /* Remove focus outline */
  /* Remove IE arrow */
}
select.region-switcher__select option {
  color: inherit;
  background-color: #320a28;
}
select.region-switcher__select:focus {
  outline: none;
}
select.region-switcher__select::-ms-expand {
  display: none;
}

.region-switcher__choose-lang {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.region-switcher__button {
  display: flex;
  width: 20em;
  height: 3em;
  justify-content: center;
  align-items: center;
  background: #fff;
  color: #320a28;
  border: 0;
  padding: 0 20px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.region-switcher__close-icon {
  color: #898990;
  transition: color 0.5s ease-in-out;
  cursor: pointer;
}

.region-switcher__close-icon:hover {
  color: #fff;
}

.region-switcher__close-icon svg {
  height: 2em;
}

/* Utilities
Helper classes with ability to override anything that comes before it
*/

/* For content that needs to be visually hidden but stay visible for screenreaders */

.show-for-sr {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

@media (max-width: 767px) {
  .show-for-sr--mobile {
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}

/* below properties are from designer */
/* Ideal for paragraph spacing */

/* ! SPACING  */
/* -------------------------------------------------------------------------------------- */

/* ! > Margins */

/* Ideal for paragraph spacing */




.mb-0 {margin-bottom: 0.5rem;}
.mt-0 {margin-top: 0.5rem;}
.ml-0 {margin-left: 0.5rem;}
.mr-0 {margin-right: 0.5rem;}
.mx-0 {margin-left: 0.5rem;margin-right: 0.5rem;}
.my-0 {margin-top: 0.5rem;margin-bottom: 0.5rem;}

.pb-0 {padding-bottom: 0.5rem;}
.pt-0 {padding-top: 0.5rem;}
.pl-0 {padding-left: 0.5rem;}
.pr-0 {padding-right: 0.5rem;}
.px-0 {padding-left: 0.5rem;padding-right: 0.5rem;}
.py-0 {padding-top: 0.5rem;padding-bottom: 0.5rem;}
@media screen and (max-width: 550px) {
  .mb-m-0 {margin-bottom: 0.5rem;}
  .mt-m-0 {margin-top: 0.5rem;}
  .ml-m-0 {margin-left: 0.5rem;}
  .mr-m-0 {margin-right: 0.5rem;}
  .mx-m-0 {margin-left: 0.5rem;margin-right: 0.5rem;}
  .my-0 {margin-top: 0.5rem;margin-bottom: 0.5rem;}

  .pb-m-0 {padding-bottom: 0.5rem;}
  .pt-m-0 {padding-top: 0.5rem;}
  .pl-m-0 {padding-left: 0.5rem;}
  .pr-m-0 {padding-right: 0.5rem;}
  .px-m-0 {padding-left: 0.5rem;padding-right: 0.5rem;}
  .py-m-0 {padding-top: 0.5rem;padding-bottom: 0.5rem;}
}

  

.mb-1 {margin-bottom: 0.75rem;}
.mt-1 {margin-top: 0.75rem;}
.ml-1 {margin-left: 0.75rem;}
.mr-1 {margin-right: 0.75rem;}
.mx-1 {margin-left: 0.75rem;margin-right: 0.75rem;}
.my-1 {margin-top: 0.75rem;margin-bottom: 0.75rem;}

.pb-1 {padding-bottom: 0.75rem;}
.pt-1 {padding-top: 0.75rem;}
.pl-1 {padding-left: 0.75rem;}
.pr-1 {padding-right: 0.75rem;}
.px-1 {padding-left: 0.75rem;padding-right: 0.75rem;}
.py-1 {padding-top: 0.75rem;padding-bottom: 0.75rem;}
@media screen and (max-width: 550px) {
  .mb-m-1 {margin-bottom: 0.75rem;}
  .mt-m-1 {margin-top: 0.75rem;}
  .ml-m-1 {margin-left: 0.75rem;}
  .mr-m-1 {margin-right: 0.75rem;}
  .mx-m-1 {margin-left: 0.75rem;margin-right: 0.75rem;}
  .my-1 {margin-top: 0.75rem;margin-bottom: 0.75rem;}

  .pb-m-1 {padding-bottom: 0.75rem;}
  .pt-m-1 {padding-top: 0.75rem;}
  .pl-m-1 {padding-left: 0.75rem;}
  .pr-m-1 {padding-right: 0.75rem;}
  .px-m-1 {padding-left: 0.75rem;padding-right: 0.75rem;}
  .py-m-1 {padding-top: 0.75rem;padding-bottom: 0.75rem;}
}

  

.mb-2 {margin-bottom: 1.0rem;}
.mt-2 {margin-top: 1.0rem;}
.ml-2 {margin-left: 1.0rem;}
.mr-2 {margin-right: 1.0rem;}
.mx-2 {margin-left: 1.0rem;margin-right: 1.0rem;}
.my-2 {margin-top: 1.0rem;margin-bottom: 1.0rem;}

.pb-2 {padding-bottom: 1.0rem;}
.pt-2 {padding-top: 1.0rem;}
.pl-2 {padding-left: 1.0rem;}
.pr-2 {padding-right: 1.0rem;}
.px-2 {padding-left: 1.0rem;padding-right: 1.0rem;}
.py-2 {padding-top: 1.0rem;padding-bottom: 1.0rem;}
@media screen and (max-width: 550px) {
  .mb-m-2 {margin-bottom: 1.0rem;}
  .mt-m-2 {margin-top: 1.0rem;}
  .ml-m-2 {margin-left: 1.0rem;}
  .mr-m-2 {margin-right: 1.0rem;}
  .mx-m-2 {margin-left: 1.0rem;margin-right: 1.0rem;}
  .my-2 {margin-top: 1.0rem;margin-bottom: 1.0rem;}

  .pb-m-2 {padding-bottom: 1.0rem;}
  .pt-m-2 {padding-top: 1.0rem;}
  .pl-m-2 {padding-left: 1.0rem;}
  .pr-m-2 {padding-right: 1.0rem;}
  .px-m-2 {padding-left: 1.0rem;padding-right: 1.0rem;}
  .py-m-2 {padding-top: 1.0rem;padding-bottom: 1.0rem;}
}

  

.mb-3 {margin-bottom: 1.25rem;}
.mt-3 {margin-top: 1.25rem;}
.ml-3 {margin-left: 1.25rem;}
.mr-3 {margin-right: 1.25rem;}
.mx-3 {margin-left: 1.25rem;margin-right: 1.25rem;}
.my-3 {margin-top: 1.25rem;margin-bottom: 1.25rem;}

.pb-3 {padding-bottom: 1.25rem;}
.pt-3 {padding-top: 1.25rem;}
.pl-3 {padding-left: 1.25rem;}
.pr-3 {padding-right: 1.25rem;}
.px-3 {padding-left: 1.25rem;padding-right: 1.25rem;}
.py-3 {padding-top: 1.25rem;padding-bottom: 1.25rem;}
@media screen and (max-width: 550px) {
  .mb-m-3 {margin-bottom: 1.25rem;}
  .mt-m-3 {margin-top: 1.25rem;}
  .ml-m-3 {margin-left: 1.25rem;}
  .mr-m-3 {margin-right: 1.25rem;}
  .mx-m-3 {margin-left: 1.25rem;margin-right: 1.25rem;}
  .my-3 {margin-top: 1.25rem;margin-bottom: 1.25rem;}

  .pb-m-3 {padding-bottom: 1.25rem;}
  .pt-m-3 {padding-top: 1.25rem;}
  .pl-m-3 {padding-left: 1.25rem;}
  .pr-m-3 {padding-right: 1.25rem;}
  .px-m-3 {padding-left: 1.25rem;padding-right: 1.25rem;}
  .py-m-3 {padding-top: 1.25rem;padding-bottom: 1.25rem;}
}

  

.mb-4 {margin-bottom: 1.5rem;}
.mt-4 {margin-top: 1.5rem;}
.ml-4 {margin-left: 1.5rem;}
.mr-4 {margin-right: 1.5rem;}
.mx-4 {margin-left: 1.5rem;margin-right: 1.5rem;}
.my-4 {margin-top: 1.5rem;margin-bottom: 1.5rem;}

.pb-4 {padding-bottom: 1.5rem;}
.pt-4 {padding-top: 1.5rem;}
.pl-4 {padding-left: 1.5rem;}
.pr-4 {padding-right: 1.5rem;}
.px-4 {padding-left: 1.5rem;padding-right: 1.5rem;}
.py-4 {padding-top: 1.5rem;padding-bottom: 1.5rem;}
@media screen and (max-width: 550px) {
  .mb-m-4 {margin-bottom: 1.5rem;}
  .mt-m-4 {margin-top: 1.5rem;}
  .ml-m-4 {margin-left: 1.5rem;}
  .mr-m-4 {margin-right: 1.5rem;}
  .mx-m-4 {margin-left: 1.5rem;margin-right: 1.5rem;}
  .my-4 {margin-top: 1.5rem;margin-bottom: 1.5rem;}

  .pb-m-4 {padding-bottom: 1.5rem;}
  .pt-m-4 {padding-top: 1.5rem;}
  .pl-m-4 {padding-left: 1.5rem;}
  .pr-m-4 {padding-right: 1.5rem;}
  .px-m-4 {padding-left: 1.5rem;padding-right: 1.5rem;}
  .py-m-4 {padding-top: 1.5rem;padding-bottom: 1.5rem;}
}

  

.mb-5 {margin-bottom: 1.75rem;}
.mt-5 {margin-top: 1.75rem;}
.ml-5 {margin-left: 1.75rem;}
.mr-5 {margin-right: 1.75rem;}
.mx-5 {margin-left: 1.75rem;margin-right: 1.75rem;}
.my-5 {margin-top: 1.75rem;margin-bottom: 1.75rem;}

.pb-5 {padding-bottom: 1.75rem;}
.pt-5 {padding-top: 1.75rem;}
.pl-5 {padding-left: 1.75rem;}
.pr-5 {padding-right: 1.75rem;}
.px-5 {padding-left: 1.75rem;padding-right: 1.75rem;}
.py-5 {padding-top: 1.75rem;padding-bottom: 1.75rem;}
@media screen and (max-width: 550px) {
  .mb-m-5 {margin-bottom: 1.75rem;}
  .mt-m-5 {margin-top: 1.75rem;}
  .ml-m-5 {margin-left: 1.75rem;}
  .mr-m-5 {margin-right: 1.75rem;}
  .mx-m-5 {margin-left: 1.75rem;margin-right: 1.75rem;}
  .my-5 {margin-top: 1.75rem;margin-bottom: 1.75rem;}

  .pb-m-5 {padding-bottom: 1.75rem;}
  .pt-m-5 {padding-top: 1.75rem;}
  .pl-m-5 {padding-left: 1.75rem;}
  .pr-m-5 {padding-right: 1.75rem;}
  .px-m-5 {padding-left: 1.75rem;padding-right: 1.75rem;}
  .py-m-5 {padding-top: 1.75rem;padding-bottom: 1.75rem;}
}

  

.mb-6 {margin-bottom: 2.0rem;}
.mt-6 {margin-top: 2.0rem;}
.ml-6 {margin-left: 2.0rem;}
.mr-6 {margin-right: 2.0rem;}
.mx-6 {margin-left: 2.0rem;margin-right: 2.0rem;}
.my-6 {margin-top: 2.0rem;margin-bottom: 2.0rem;}

.pb-6 {padding-bottom: 2.0rem;}
.pt-6 {padding-top: 2.0rem;}
.pl-6 {padding-left: 2.0rem;}
.pr-6 {padding-right: 2.0rem;}
.px-6 {padding-left: 2.0rem;padding-right: 2.0rem;}
.py-6 {padding-top: 2.0rem;padding-bottom: 2.0rem;}
@media screen and (max-width: 550px) {
  .mb-m-6 {margin-bottom: 2.0rem;}
  .mt-m-6 {margin-top: 2.0rem;}
  .ml-m-6 {margin-left: 2.0rem;}
  .mr-m-6 {margin-right: 2.0rem;}
  .mx-m-6 {margin-left: 2.0rem;margin-right: 2.0rem;}
  .my-6 {margin-top: 2.0rem;margin-bottom: 2.0rem;}

  .pb-m-6 {padding-bottom: 2.0rem;}
  .pt-m-6 {padding-top: 2.0rem;}
  .pl-m-6 {padding-left: 2.0rem;}
  .pr-m-6 {padding-right: 2.0rem;}
  .px-m-6 {padding-left: 2.0rem;padding-right: 2.0rem;}
  .py-m-6 {padding-top: 2.0rem;padding-bottom: 2.0rem;}
}

  

.mb-7 {margin-bottom: 2.25rem;}
.mt-7 {margin-top: 2.25rem;}
.ml-7 {margin-left: 2.25rem;}
.mr-7 {margin-right: 2.25rem;}
.mx-7 {margin-left: 2.25rem;margin-right: 2.25rem;}
.my-7 {margin-top: 2.25rem;margin-bottom: 2.25rem;}

.pb-7 {padding-bottom: 2.25rem;}
.pt-7 {padding-top: 2.25rem;}
.pl-7 {padding-left: 2.25rem;}
.pr-7 {padding-right: 2.25rem;}
.px-7 {padding-left: 2.25rem;padding-right: 2.25rem;}
.py-7 {padding-top: 2.25rem;padding-bottom: 2.25rem;}
@media screen and (max-width: 550px) {
  .mb-m-7 {margin-bottom: 2.25rem;}
  .mt-m-7 {margin-top: 2.25rem;}
  .ml-m-7 {margin-left: 2.25rem;}
  .mr-m-7 {margin-right: 2.25rem;}
  .mx-m-7 {margin-left: 2.25rem;margin-right: 2.25rem;}
  .my-7 {margin-top: 2.25rem;margin-bottom: 2.25rem;}

  .pb-m-7 {padding-bottom: 2.25rem;}
  .pt-m-7 {padding-top: 2.25rem;}
  .pl-m-7 {padding-left: 2.25rem;}
  .pr-m-7 {padding-right: 2.25rem;}
  .px-m-7 {padding-left: 2.25rem;padding-right: 2.25rem;}
  .py-m-7 {padding-top: 2.25rem;padding-bottom: 2.25rem;}
}

  

.mb-8 {margin-bottom: 2.5rem;}
.mt-8 {margin-top: 2.5rem;}
.ml-8 {margin-left: 2.5rem;}
.mr-8 {margin-right: 2.5rem;}
.mx-8 {margin-left: 2.5rem;margin-right: 2.5rem;}
.my-8 {margin-top: 2.5rem;margin-bottom: 2.5rem;}

.pb-8 {padding-bottom: 2.5rem;}
.pt-8 {padding-top: 2.5rem;}
.pl-8 {padding-left: 2.5rem;}
.pr-8 {padding-right: 2.5rem;}
.px-8 {padding-left: 2.5rem;padding-right: 2.5rem;}
.py-8 {padding-top: 2.5rem;padding-bottom: 2.5rem;}
@media screen and (max-width: 550px) {
  .mb-m-8 {margin-bottom: 2.5rem;}
  .mt-m-8 {margin-top: 2.5rem;}
  .ml-m-8 {margin-left: 2.5rem;}
  .mr-m-8 {margin-right: 2.5rem;}
  .mx-m-8 {margin-left: 2.5rem;margin-right: 2.5rem;}
  .my-8 {margin-top: 2.5rem;margin-bottom: 2.5rem;}

  .pb-m-8 {padding-bottom: 2.5rem;}
  .pt-m-8 {padding-top: 2.5rem;}
  .pl-m-8 {padding-left: 2.5rem;}
  .pr-m-8 {padding-right: 2.5rem;}
  .px-m-8 {padding-left: 2.5rem;padding-right: 2.5rem;}
  .py-m-8 {padding-top: 2.5rem;padding-bottom: 2.5rem;}
}

  

.mb-9 {margin-bottom: 2.75rem;}
.mt-9 {margin-top: 2.75rem;}
.ml-9 {margin-left: 2.75rem;}
.mr-9 {margin-right: 2.75rem;}
.mx-9 {margin-left: 2.75rem;margin-right: 2.75rem;}
.my-9 {margin-top: 2.75rem;margin-bottom: 2.75rem;}

.pb-9 {padding-bottom: 2.75rem;}
.pt-9 {padding-top: 2.75rem;}
.pl-9 {padding-left: 2.75rem;}
.pr-9 {padding-right: 2.75rem;}
.px-9 {padding-left: 2.75rem;padding-right: 2.75rem;}
.py-9 {padding-top: 2.75rem;padding-bottom: 2.75rem;}
@media screen and (max-width: 550px) {
  .mb-m-9 {margin-bottom: 2.75rem;}
  .mt-m-9 {margin-top: 2.75rem;}
  .ml-m-9 {margin-left: 2.75rem;}
  .mr-m-9 {margin-right: 2.75rem;}
  .mx-m-9 {margin-left: 2.75rem;margin-right: 2.75rem;}
  .my-9 {margin-top: 2.75rem;margin-bottom: 2.75rem;}

  .pb-m-9 {padding-bottom: 2.75rem;}
  .pt-m-9 {padding-top: 2.75rem;}
  .pl-m-9 {padding-left: 2.75rem;}
  .pr-m-9 {padding-right: 2.75rem;}
  .px-m-9 {padding-left: 2.75rem;padding-right: 2.75rem;}
  .py-m-9 {padding-top: 2.75rem;padding-bottom: 2.75rem;}
}

  

.mb-10 {margin-bottom: 3.0rem;}
.mt-10 {margin-top: 3.0rem;}
.ml-10 {margin-left: 3.0rem;}
.mr-10 {margin-right: 3.0rem;}
.mx-10 {margin-left: 3.0rem;margin-right: 3.0rem;}
.my-10 {margin-top: 3.0rem;margin-bottom: 3.0rem;}

.pb-10 {padding-bottom: 3.0rem;}
.pt-10 {padding-top: 3.0rem;}
.pl-10 {padding-left: 3.0rem;}
.pr-10 {padding-right: 3.0rem;}
.px-10 {padding-left: 3.0rem;padding-right: 3.0rem;}
.py-10 {padding-top: 3.0rem;padding-bottom: 3.0rem;}
@media screen and (max-width: 550px) {
  .mb-m-10 {margin-bottom: 3.0rem;}
  .mt-m-10 {margin-top: 3.0rem;}
  .ml-m-10 {margin-left: 3.0rem;}
  .mr-m-10 {margin-right: 3.0rem;}
  .mx-m-10 {margin-left: 3.0rem;margin-right: 3.0rem;}
  .my-10 {margin-top: 3.0rem;margin-bottom: 3.0rem;}

  .pb-m-10 {padding-bottom: 3.0rem;}
  .pt-m-10 {padding-top: 3.0rem;}
  .pl-m-10 {padding-left: 3.0rem;}
  .pr-m-10 {padding-right: 3.0rem;}
  .px-m-10 {padding-left: 3.0rem;padding-right: 3.0rem;}
  .py-m-10 {padding-top: 3.0rem;padding-bottom: 3.0rem;}
}

  

.mb-11 {margin-bottom: 3.25rem;}
.mt-11 {margin-top: 3.25rem;}
.ml-11 {margin-left: 3.25rem;}
.mr-11 {margin-right: 3.25rem;}
.mx-11 {margin-left: 3.25rem;margin-right: 3.25rem;}
.my-11 {margin-top: 3.25rem;margin-bottom: 3.25rem;}

.pb-11 {padding-bottom: 3.25rem;}
.pt-11 {padding-top: 3.25rem;}
.pl-11 {padding-left: 3.25rem;}
.pr-11 {padding-right: 3.25rem;}
.px-11 {padding-left: 3.25rem;padding-right: 3.25rem;}
.py-11 {padding-top: 3.25rem;padding-bottom: 3.25rem;}
@media screen and (max-width: 550px) {
  .mb-m-11 {margin-bottom: 3.25rem;}
  .mt-m-11 {margin-top: 3.25rem;}
  .ml-m-11 {margin-left: 3.25rem;}
  .mr-m-11 {margin-right: 3.25rem;}
  .mx-m-11 {margin-left: 3.25rem;margin-right: 3.25rem;}
  .my-11 {margin-top: 3.25rem;margin-bottom: 3.25rem;}

  .pb-m-11 {padding-bottom: 3.25rem;}
  .pt-m-11 {padding-top: 3.25rem;}
  .pl-m-11 {padding-left: 3.25rem;}
  .pr-m-11 {padding-right: 3.25rem;}
  .px-m-11 {padding-left: 3.25rem;padding-right: 3.25rem;}
  .py-m-11 {padding-top: 3.25rem;padding-bottom: 3.25rem;}
}

  

.mb-12 {margin-bottom: 3.5rem;}
.mt-12 {margin-top: 3.5rem;}
.ml-12 {margin-left: 3.5rem;}
.mr-12 {margin-right: 3.5rem;}
.mx-12 {margin-left: 3.5rem;margin-right: 3.5rem;}
.my-12 {margin-top: 3.5rem;margin-bottom: 3.5rem;}

.pb-12 {padding-bottom: 3.5rem;}
.pt-12 {padding-top: 3.5rem;}
.pl-12 {padding-left: 3.5rem;}
.pr-12 {padding-right: 3.5rem;}
.px-12 {padding-left: 3.5rem;padding-right: 3.5rem;}
.py-12 {padding-top: 3.5rem;padding-bottom: 3.5rem;}
@media screen and (max-width: 550px) {
  .mb-m-12 {margin-bottom: 3.5rem;}
  .mt-m-12 {margin-top: 3.5rem;}
  .ml-m-12 {margin-left: 3.5rem;}
  .mr-m-12 {margin-right: 3.5rem;}
  .mx-m-12 {margin-left: 3.5rem;margin-right: 3.5rem;}
  .my-12 {margin-top: 3.5rem;margin-bottom: 3.5rem;}

  .pb-m-12 {padding-bottom: 3.5rem;}
  .pt-m-12 {padding-top: 3.5rem;}
  .pl-m-12 {padding-left: 3.5rem;}
  .pr-m-12 {padding-right: 3.5rem;}
  .px-m-12 {padding-left: 3.5rem;padding-right: 3.5rem;}
  .py-m-12 {padding-top: 3.5rem;padding-bottom: 3.5rem;}
}

  

.mb-13 {margin-bottom: 3.75rem;}
.mt-13 {margin-top: 3.75rem;}
.ml-13 {margin-left: 3.75rem;}
.mr-13 {margin-right: 3.75rem;}
.mx-13 {margin-left: 3.75rem;margin-right: 3.75rem;}
.my-13 {margin-top: 3.75rem;margin-bottom: 3.75rem;}

.pb-13 {padding-bottom: 3.75rem;}
.pt-13 {padding-top: 3.75rem;}
.pl-13 {padding-left: 3.75rem;}
.pr-13 {padding-right: 3.75rem;}
.px-13 {padding-left: 3.75rem;padding-right: 3.75rem;}
.py-13 {padding-top: 3.75rem;padding-bottom: 3.75rem;}
@media screen and (max-width: 550px) {
  .mb-m-13 {margin-bottom: 3.75rem;}
  .mt-m-13 {margin-top: 3.75rem;}
  .ml-m-13 {margin-left: 3.75rem;}
  .mr-m-13 {margin-right: 3.75rem;}
  .mx-m-13 {margin-left: 3.75rem;margin-right: 3.75rem;}
  .my-13 {margin-top: 3.75rem;margin-bottom: 3.75rem;}

  .pb-m-13 {padding-bottom: 3.75rem;}
  .pt-m-13 {padding-top: 3.75rem;}
  .pl-m-13 {padding-left: 3.75rem;}
  .pr-m-13 {padding-right: 3.75rem;}
  .px-m-13 {padding-left: 3.75rem;padding-right: 3.75rem;}
  .py-m-13 {padding-top: 3.75rem;padding-bottom: 3.75rem;}
}

  

.mb-14 {margin-bottom: 4.0rem;}
.mt-14 {margin-top: 4.0rem;}
.ml-14 {margin-left: 4.0rem;}
.mr-14 {margin-right: 4.0rem;}
.mx-14 {margin-left: 4.0rem;margin-right: 4.0rem;}
.my-14 {margin-top: 4.0rem;margin-bottom: 4.0rem;}

.pb-14 {padding-bottom: 4.0rem;}
.pt-14 {padding-top: 4.0rem;}
.pl-14 {padding-left: 4.0rem;}
.pr-14 {padding-right: 4.0rem;}
.px-14 {padding-left: 4.0rem;padding-right: 4.0rem;}
.py-14 {padding-top: 4.0rem;padding-bottom: 4.0rem;}
@media screen and (max-width: 550px) {
  .mb-m-14 {margin-bottom: 4.0rem;}
  .mt-m-14 {margin-top: 4.0rem;}
  .ml-m-14 {margin-left: 4.0rem;}
  .mr-m-14 {margin-right: 4.0rem;}
  .mx-m-14 {margin-left: 4.0rem;margin-right: 4.0rem;}
  .my-14 {margin-top: 4.0rem;margin-bottom: 4.0rem;}

  .pb-m-14 {padding-bottom: 4.0rem;}
  .pt-m-14 {padding-top: 4.0rem;}
  .pl-m-14 {padding-left: 4.0rem;}
  .pr-m-14 {padding-right: 4.0rem;}
  .px-m-14 {padding-left: 4.0rem;padding-right: 4.0rem;}
  .py-m-14 {padding-top: 4.0rem;padding-bottom: 4.0rem;}
}

  

.mb-15 {margin-bottom: 4.25rem;}
.mt-15 {margin-top: 4.25rem;}
.ml-15 {margin-left: 4.25rem;}
.mr-15 {margin-right: 4.25rem;}
.mx-15 {margin-left: 4.25rem;margin-right: 4.25rem;}
.my-15 {margin-top: 4.25rem;margin-bottom: 4.25rem;}

.pb-15 {padding-bottom: 4.25rem;}
.pt-15 {padding-top: 4.25rem;}
.pl-15 {padding-left: 4.25rem;}
.pr-15 {padding-right: 4.25rem;}
.px-15 {padding-left: 4.25rem;padding-right: 4.25rem;}
.py-15 {padding-top: 4.25rem;padding-bottom: 4.25rem;}
@media screen and (max-width: 550px) {
  .mb-m-15 {margin-bottom: 4.25rem;}
  .mt-m-15 {margin-top: 4.25rem;}
  .ml-m-15 {margin-left: 4.25rem;}
  .mr-m-15 {margin-right: 4.25rem;}
  .mx-m-15 {margin-left: 4.25rem;margin-right: 4.25rem;}
  .my-15 {margin-top: 4.25rem;margin-bottom: 4.25rem;}

  .pb-m-15 {padding-bottom: 4.25rem;}
  .pt-m-15 {padding-top: 4.25rem;}
  .pl-m-15 {padding-left: 4.25rem;}
  .pr-m-15 {padding-right: 4.25rem;}
  .px-m-15 {padding-left: 4.25rem;padding-right: 4.25rem;}
  .py-m-15 {padding-top: 4.25rem;padding-bottom: 4.25rem;}
}

  

.mb-16 {margin-bottom: 4.5rem;}
.mt-16 {margin-top: 4.5rem;}
.ml-16 {margin-left: 4.5rem;}
.mr-16 {margin-right: 4.5rem;}
.mx-16 {margin-left: 4.5rem;margin-right: 4.5rem;}
.my-16 {margin-top: 4.5rem;margin-bottom: 4.5rem;}

.pb-16 {padding-bottom: 4.5rem;}
.pt-16 {padding-top: 4.5rem;}
.pl-16 {padding-left: 4.5rem;}
.pr-16 {padding-right: 4.5rem;}
.px-16 {padding-left: 4.5rem;padding-right: 4.5rem;}
.py-16 {padding-top: 4.5rem;padding-bottom: 4.5rem;}
@media screen and (max-width: 550px) {
  .mb-m-16 {margin-bottom: 4.5rem;}
  .mt-m-16 {margin-top: 4.5rem;}
  .ml-m-16 {margin-left: 4.5rem;}
  .mr-m-16 {margin-right: 4.5rem;}
  .mx-m-16 {margin-left: 4.5rem;margin-right: 4.5rem;}
  .my-16 {margin-top: 4.5rem;margin-bottom: 4.5rem;}

  .pb-m-16 {padding-bottom: 4.5rem;}
  .pt-m-16 {padding-top: 4.5rem;}
  .pl-m-16 {padding-left: 4.5rem;}
  .pr-m-16 {padding-right: 4.5rem;}
  .px-m-16 {padding-left: 4.5rem;padding-right: 4.5rem;}
  .py-m-16 {padding-top: 4.5rem;padding-bottom: 4.5rem;}
}

  

.mb-17 {margin-bottom: 4.75rem;}
.mt-17 {margin-top: 4.75rem;}
.ml-17 {margin-left: 4.75rem;}
.mr-17 {margin-right: 4.75rem;}
.mx-17 {margin-left: 4.75rem;margin-right: 4.75rem;}
.my-17 {margin-top: 4.75rem;margin-bottom: 4.75rem;}

.pb-17 {padding-bottom: 4.75rem;}
.pt-17 {padding-top: 4.75rem;}
.pl-17 {padding-left: 4.75rem;}
.pr-17 {padding-right: 4.75rem;}
.px-17 {padding-left: 4.75rem;padding-right: 4.75rem;}
.py-17 {padding-top: 4.75rem;padding-bottom: 4.75rem;}
@media screen and (max-width: 550px) {
  .mb-m-17 {margin-bottom: 4.75rem;}
  .mt-m-17 {margin-top: 4.75rem;}
  .ml-m-17 {margin-left: 4.75rem;}
  .mr-m-17 {margin-right: 4.75rem;}
  .mx-m-17 {margin-left: 4.75rem;margin-right: 4.75rem;}
  .my-17 {margin-top: 4.75rem;margin-bottom: 4.75rem;}

  .pb-m-17 {padding-bottom: 4.75rem;}
  .pt-m-17 {padding-top: 4.75rem;}
  .pl-m-17 {padding-left: 4.75rem;}
  .pr-m-17 {padding-right: 4.75rem;}
  .px-m-17 {padding-left: 4.75rem;padding-right: 4.75rem;}
  .py-m-17 {padding-top: 4.75rem;padding-bottom: 4.75rem;}
}

  

.mb-18 {margin-bottom: 5.0rem;}
.mt-18 {margin-top: 5.0rem;}
.ml-18 {margin-left: 5.0rem;}
.mr-18 {margin-right: 5.0rem;}
.mx-18 {margin-left: 5.0rem;margin-right: 5.0rem;}
.my-18 {margin-top: 5.0rem;margin-bottom: 5.0rem;}

.pb-18 {padding-bottom: 5.0rem;}
.pt-18 {padding-top: 5.0rem;}
.pl-18 {padding-left: 5.0rem;}
.pr-18 {padding-right: 5.0rem;}
.px-18 {padding-left: 5.0rem;padding-right: 5.0rem;}
.py-18 {padding-top: 5.0rem;padding-bottom: 5.0rem;}
@media screen and (max-width: 550px) {
  .mb-m-18 {margin-bottom: 5.0rem;}
  .mt-m-18 {margin-top: 5.0rem;}
  .ml-m-18 {margin-left: 5.0rem;}
  .mr-m-18 {margin-right: 5.0rem;}
  .mx-m-18 {margin-left: 5.0rem;margin-right: 5.0rem;}
  .my-18 {margin-top: 5.0rem;margin-bottom: 5.0rem;}

  .pb-m-18 {padding-bottom: 5.0rem;}
  .pt-m-18 {padding-top: 5.0rem;}
  .pl-m-18 {padding-left: 5.0rem;}
  .pr-m-18 {padding-right: 5.0rem;}
  .px-m-18 {padding-left: 5.0rem;padding-right: 5.0rem;}
  .py-m-18 {padding-top: 5.0rem;padding-bottom: 5.0rem;}
}

  

.mb-19 {margin-bottom: 5.25rem;}
.mt-19 {margin-top: 5.25rem;}
.ml-19 {margin-left: 5.25rem;}
.mr-19 {margin-right: 5.25rem;}
.mx-19 {margin-left: 5.25rem;margin-right: 5.25rem;}
.my-19 {margin-top: 5.25rem;margin-bottom: 5.25rem;}

.pb-19 {padding-bottom: 5.25rem;}
.pt-19 {padding-top: 5.25rem;}
.pl-19 {padding-left: 5.25rem;}
.pr-19 {padding-right: 5.25rem;}
.px-19 {padding-left: 5.25rem;padding-right: 5.25rem;}
.py-19 {padding-top: 5.25rem;padding-bottom: 5.25rem;}
@media screen and (max-width: 550px) {
  .mb-m-19 {margin-bottom: 5.25rem;}
  .mt-m-19 {margin-top: 5.25rem;}
  .ml-m-19 {margin-left: 5.25rem;}
  .mr-m-19 {margin-right: 5.25rem;}
  .mx-m-19 {margin-left: 5.25rem;margin-right: 5.25rem;}
  .my-19 {margin-top: 5.25rem;margin-bottom: 5.25rem;}

  .pb-m-19 {padding-bottom: 5.25rem;}
  .pt-m-19 {padding-top: 5.25rem;}
  .pl-m-19 {padding-left: 5.25rem;}
  .pr-m-19 {padding-right: 5.25rem;}
  .px-m-19 {padding-left: 5.25rem;padding-right: 5.25rem;}
  .py-m-19 {padding-top: 5.25rem;padding-bottom: 5.25rem;}
}

  

.mb-20 {margin-bottom: 5.5rem;}
.mt-20 {margin-top: 5.5rem;}
.ml-20 {margin-left: 5.5rem;}
.mr-20 {margin-right: 5.5rem;}
.mx-20 {margin-left: 5.5rem;margin-right: 5.5rem;}
.my-20 {margin-top: 5.5rem;margin-bottom: 5.5rem;}

.pb-20 {padding-bottom: 5.5rem;}
.pt-20 {padding-top: 5.5rem;}
.pl-20 {padding-left: 5.5rem;}
.pr-20 {padding-right: 5.5rem;}
.px-20 {padding-left: 5.5rem;padding-right: 5.5rem;}
.py-20 {padding-top: 5.5rem;padding-bottom: 5.5rem;}
@media screen and (max-width: 550px) {
  .mb-m-20 {margin-bottom: 5.5rem;}
  .mt-m-20 {margin-top: 5.5rem;}
  .ml-m-20 {margin-left: 5.5rem;}
  .mr-m-20 {margin-right: 5.5rem;}
  .mx-m-20 {margin-left: 5.5rem;margin-right: 5.5rem;}
  .my-20 {margin-top: 5.5rem;margin-bottom: 5.5rem;}

  .pb-m-20 {padding-bottom: 5.5rem;}
  .pt-m-20 {padding-top: 5.5rem;}
  .pl-m-20 {padding-left: 5.5rem;}
  .pr-m-20 {padding-right: 5.5rem;}
  .px-m-20 {padding-left: 5.5rem;padding-right: 5.5rem;}
  .py-m-20 {padding-top: 5.5rem;padding-bottom: 5.5rem;}
}

  

.mb-21 {margin-bottom: 5.75rem;}
.mt-21 {margin-top: 5.75rem;}
.ml-21 {margin-left: 5.75rem;}
.mr-21 {margin-right: 5.75rem;}
.mx-21 {margin-left: 5.75rem;margin-right: 5.75rem;}
.my-21 {margin-top: 5.75rem;margin-bottom: 5.75rem;}

.pb-21 {padding-bottom: 5.75rem;}
.pt-21 {padding-top: 5.75rem;}
.pl-21 {padding-left: 5.75rem;}
.pr-21 {padding-right: 5.75rem;}
.px-21 {padding-left: 5.75rem;padding-right: 5.75rem;}
.py-21 {padding-top: 5.75rem;padding-bottom: 5.75rem;}
@media screen and (max-width: 550px) {
  .mb-m-21 {margin-bottom: 5.75rem;}
  .mt-m-21 {margin-top: 5.75rem;}
  .ml-m-21 {margin-left: 5.75rem;}
  .mr-m-21 {margin-right: 5.75rem;}
  .mx-m-21 {margin-left: 5.75rem;margin-right: 5.75rem;}
  .my-21 {margin-top: 5.75rem;margin-bottom: 5.75rem;}

  .pb-m-21 {padding-bottom: 5.75rem;}
  .pt-m-21 {padding-top: 5.75rem;}
  .pl-m-21 {padding-left: 5.75rem;}
  .pr-m-21 {padding-right: 5.75rem;}
  .px-m-21 {padding-left: 5.75rem;padding-right: 5.75rem;}
  .py-m-21 {padding-top: 5.75rem;padding-bottom: 5.75rem;}
}

  

.mb-22 {margin-bottom: 6.0rem;}
.mt-22 {margin-top: 6.0rem;}
.ml-22 {margin-left: 6.0rem;}
.mr-22 {margin-right: 6.0rem;}
.mx-22 {margin-left: 6.0rem;margin-right: 6.0rem;}
.my-22 {margin-top: 6.0rem;margin-bottom: 6.0rem;}

.pb-22 {padding-bottom: 6.0rem;}
.pt-22 {padding-top: 6.0rem;}
.pl-22 {padding-left: 6.0rem;}
.pr-22 {padding-right: 6.0rem;}
.px-22 {padding-left: 6.0rem;padding-right: 6.0rem;}
.py-22 {padding-top: 6.0rem;padding-bottom: 6.0rem;}
@media screen and (max-width: 550px) {
  .mb-m-22 {margin-bottom: 6.0rem;}
  .mt-m-22 {margin-top: 6.0rem;}
  .ml-m-22 {margin-left: 6.0rem;}
  .mr-m-22 {margin-right: 6.0rem;}
  .mx-m-22 {margin-left: 6.0rem;margin-right: 6.0rem;}
  .my-22 {margin-top: 6.0rem;margin-bottom: 6.0rem;}

  .pb-m-22 {padding-bottom: 6.0rem;}
  .pt-m-22 {padding-top: 6.0rem;}
  .pl-m-22 {padding-left: 6.0rem;}
  .pr-m-22 {padding-right: 6.0rem;}
  .px-m-22 {padding-left: 6.0rem;padding-right: 6.0rem;}
  .py-m-22 {padding-top: 6.0rem;padding-bottom: 6.0rem;}
}

  

.mb-23 {margin-bottom: 6.25rem;}
.mt-23 {margin-top: 6.25rem;}
.ml-23 {margin-left: 6.25rem;}
.mr-23 {margin-right: 6.25rem;}
.mx-23 {margin-left: 6.25rem;margin-right: 6.25rem;}
.my-23 {margin-top: 6.25rem;margin-bottom: 6.25rem;}

.pb-23 {padding-bottom: 6.25rem;}
.pt-23 {padding-top: 6.25rem;}
.pl-23 {padding-left: 6.25rem;}
.pr-23 {padding-right: 6.25rem;}
.px-23 {padding-left: 6.25rem;padding-right: 6.25rem;}
.py-23 {padding-top: 6.25rem;padding-bottom: 6.25rem;}
@media screen and (max-width: 550px) {
  .mb-m-23 {margin-bottom: 6.25rem;}
  .mt-m-23 {margin-top: 6.25rem;}
  .ml-m-23 {margin-left: 6.25rem;}
  .mr-m-23 {margin-right: 6.25rem;}
  .mx-m-23 {margin-left: 6.25rem;margin-right: 6.25rem;}
  .my-23 {margin-top: 6.25rem;margin-bottom: 6.25rem;}

  .pb-m-23 {padding-bottom: 6.25rem;}
  .pt-m-23 {padding-top: 6.25rem;}
  .pl-m-23 {padding-left: 6.25rem;}
  .pr-m-23 {padding-right: 6.25rem;}
  .px-m-23 {padding-left: 6.25rem;padding-right: 6.25rem;}
  .py-m-23 {padding-top: 6.25rem;padding-bottom: 6.25rem;}
}

  

.mb-24 {margin-bottom: 6.5rem;}
.mt-24 {margin-top: 6.5rem;}
.ml-24 {margin-left: 6.5rem;}
.mr-24 {margin-right: 6.5rem;}
.mx-24 {margin-left: 6.5rem;margin-right: 6.5rem;}
.my-24 {margin-top: 6.5rem;margin-bottom: 6.5rem;}

.pb-24 {padding-bottom: 6.5rem;}
.pt-24 {padding-top: 6.5rem;}
.pl-24 {padding-left: 6.5rem;}
.pr-24 {padding-right: 6.5rem;}
.px-24 {padding-left: 6.5rem;padding-right: 6.5rem;}
.py-24 {padding-top: 6.5rem;padding-bottom: 6.5rem;}
@media screen and (max-width: 550px) {
  .mb-m-24 {margin-bottom: 6.5rem;}
  .mt-m-24 {margin-top: 6.5rem;}
  .ml-m-24 {margin-left: 6.5rem;}
  .mr-m-24 {margin-right: 6.5rem;}
  .mx-m-24 {margin-left: 6.5rem;margin-right: 6.5rem;}
  .my-24 {margin-top: 6.5rem;margin-bottom: 6.5rem;}

  .pb-m-24 {padding-bottom: 6.5rem;}
  .pt-m-24 {padding-top: 6.5rem;}
  .pl-m-24 {padding-left: 6.5rem;}
  .pr-m-24 {padding-right: 6.5rem;}
  .px-m-24 {padding-left: 6.5rem;padding-right: 6.5rem;}
  .py-m-24 {padding-top: 6.5rem;padding-bottom: 6.5rem;}
}

  

.mb-25 {margin-bottom: 6.75rem;}
.mt-25 {margin-top: 6.75rem;}
.ml-25 {margin-left: 6.75rem;}
.mr-25 {margin-right: 6.75rem;}
.mx-25 {margin-left: 6.75rem;margin-right: 6.75rem;}
.my-25 {margin-top: 6.75rem;margin-bottom: 6.75rem;}

.pb-25 {padding-bottom: 6.75rem;}
.pt-25 {padding-top: 6.75rem;}
.pl-25 {padding-left: 6.75rem;}
.pr-25 {padding-right: 6.75rem;}
.px-25 {padding-left: 6.75rem;padding-right: 6.75rem;}
.py-25 {padding-top: 6.75rem;padding-bottom: 6.75rem;}
@media screen and (max-width: 550px) {
  .mb-m-25 {margin-bottom: 6.75rem;}
  .mt-m-25 {margin-top: 6.75rem;}
  .ml-m-25 {margin-left: 6.75rem;}
  .mr-m-25 {margin-right: 6.75rem;}
  .mx-m-25 {margin-left: 6.75rem;margin-right: 6.75rem;}
  .my-25 {margin-top: 6.75rem;margin-bottom: 6.75rem;}

  .pb-m-25 {padding-bottom: 6.75rem;}
  .pt-m-25 {padding-top: 6.75rem;}
  .pl-m-25 {padding-left: 6.75rem;}
  .pr-m-25 {padding-right: 6.75rem;}
  .px-m-25 {padding-left: 6.75rem;padding-right: 6.75rem;}
  .py-m-25 {padding-top: 6.75rem;padding-bottom: 6.75rem;}
}

  

.mb-26 {margin-bottom: 7.0rem;}
.mt-26 {margin-top: 7.0rem;}
.ml-26 {margin-left: 7.0rem;}
.mr-26 {margin-right: 7.0rem;}
.mx-26 {margin-left: 7.0rem;margin-right: 7.0rem;}
.my-26 {margin-top: 7.0rem;margin-bottom: 7.0rem;}

.pb-26 {padding-bottom: 7.0rem;}
.pt-26 {padding-top: 7.0rem;}
.pl-26 {padding-left: 7.0rem;}
.pr-26 {padding-right: 7.0rem;}
.px-26 {padding-left: 7.0rem;padding-right: 7.0rem;}
.py-26 {padding-top: 7.0rem;padding-bottom: 7.0rem;}
@media screen and (max-width: 550px) {
  .mb-m-26 {margin-bottom: 7.0rem;}
  .mt-m-26 {margin-top: 7.0rem;}
  .ml-m-26 {margin-left: 7.0rem;}
  .mr-m-26 {margin-right: 7.0rem;}
  .mx-m-26 {margin-left: 7.0rem;margin-right: 7.0rem;}
  .my-26 {margin-top: 7.0rem;margin-bottom: 7.0rem;}

  .pb-m-26 {padding-bottom: 7.0rem;}
  .pt-m-26 {padding-top: 7.0rem;}
  .pl-m-26 {padding-left: 7.0rem;}
  .pr-m-26 {padding-right: 7.0rem;}
  .px-m-26 {padding-left: 7.0rem;padding-right: 7.0rem;}
  .py-m-26 {padding-top: 7.0rem;padding-bottom: 7.0rem;}
}

  

.mb-27 {margin-bottom: 7.25rem;}
.mt-27 {margin-top: 7.25rem;}
.ml-27 {margin-left: 7.25rem;}
.mr-27 {margin-right: 7.25rem;}
.mx-27 {margin-left: 7.25rem;margin-right: 7.25rem;}
.my-27 {margin-top: 7.25rem;margin-bottom: 7.25rem;}

.pb-27 {padding-bottom: 7.25rem;}
.pt-27 {padding-top: 7.25rem;}
.pl-27 {padding-left: 7.25rem;}
.pr-27 {padding-right: 7.25rem;}
.px-27 {padding-left: 7.25rem;padding-right: 7.25rem;}
.py-27 {padding-top: 7.25rem;padding-bottom: 7.25rem;}
@media screen and (max-width: 550px) {
  .mb-m-27 {margin-bottom: 7.25rem;}
  .mt-m-27 {margin-top: 7.25rem;}
  .ml-m-27 {margin-left: 7.25rem;}
  .mr-m-27 {margin-right: 7.25rem;}
  .mx-m-27 {margin-left: 7.25rem;margin-right: 7.25rem;}
  .my-27 {margin-top: 7.25rem;margin-bottom: 7.25rem;}

  .pb-m-27 {padding-bottom: 7.25rem;}
  .pt-m-27 {padding-top: 7.25rem;}
  .pl-m-27 {padding-left: 7.25rem;}
  .pr-m-27 {padding-right: 7.25rem;}
  .px-m-27 {padding-left: 7.25rem;padding-right: 7.25rem;}
  .py-m-27 {padding-top: 7.25rem;padding-bottom: 7.25rem;}
}

  

.mb-28 {margin-bottom: 7.5rem;}
.mt-28 {margin-top: 7.5rem;}
.ml-28 {margin-left: 7.5rem;}
.mr-28 {margin-right: 7.5rem;}
.mx-28 {margin-left: 7.5rem;margin-right: 7.5rem;}
.my-28 {margin-top: 7.5rem;margin-bottom: 7.5rem;}

.pb-28 {padding-bottom: 7.5rem;}
.pt-28 {padding-top: 7.5rem;}
.pl-28 {padding-left: 7.5rem;}
.pr-28 {padding-right: 7.5rem;}
.px-28 {padding-left: 7.5rem;padding-right: 7.5rem;}
.py-28 {padding-top: 7.5rem;padding-bottom: 7.5rem;}
@media screen and (max-width: 550px) {
  .mb-m-28 {margin-bottom: 7.5rem;}
  .mt-m-28 {margin-top: 7.5rem;}
  .ml-m-28 {margin-left: 7.5rem;}
  .mr-m-28 {margin-right: 7.5rem;}
  .mx-m-28 {margin-left: 7.5rem;margin-right: 7.5rem;}
  .my-28 {margin-top: 7.5rem;margin-bottom: 7.5rem;}

  .pb-m-28 {padding-bottom: 7.5rem;}
  .pt-m-28 {padding-top: 7.5rem;}
  .pl-m-28 {padding-left: 7.5rem;}
  .pr-m-28 {padding-right: 7.5rem;}
  .px-m-28 {padding-left: 7.5rem;padding-right: 7.5rem;}
  .py-m-28 {padding-top: 7.5rem;padding-bottom: 7.5rem;}
}

  

.mb-29 {margin-bottom: 7.75rem;}
.mt-29 {margin-top: 7.75rem;}
.ml-29 {margin-left: 7.75rem;}
.mr-29 {margin-right: 7.75rem;}
.mx-29 {margin-left: 7.75rem;margin-right: 7.75rem;}
.my-29 {margin-top: 7.75rem;margin-bottom: 7.75rem;}

.pb-29 {padding-bottom: 7.75rem;}
.pt-29 {padding-top: 7.75rem;}
.pl-29 {padding-left: 7.75rem;}
.pr-29 {padding-right: 7.75rem;}
.px-29 {padding-left: 7.75rem;padding-right: 7.75rem;}
.py-29 {padding-top: 7.75rem;padding-bottom: 7.75rem;}
@media screen and (max-width: 550px) {
  .mb-m-29 {margin-bottom: 7.75rem;}
  .mt-m-29 {margin-top: 7.75rem;}
  .ml-m-29 {margin-left: 7.75rem;}
  .mr-m-29 {margin-right: 7.75rem;}
  .mx-m-29 {margin-left: 7.75rem;margin-right: 7.75rem;}
  .my-29 {margin-top: 7.75rem;margin-bottom: 7.75rem;}

  .pb-m-29 {padding-bottom: 7.75rem;}
  .pt-m-29 {padding-top: 7.75rem;}
  .pl-m-29 {padding-left: 7.75rem;}
  .pr-m-29 {padding-right: 7.75rem;}
  .px-m-29 {padding-left: 7.75rem;padding-right: 7.75rem;}
  .py-m-29 {padding-top: 7.75rem;padding-bottom: 7.75rem;}
}

  

.mb-30 {margin-bottom: 8.0rem;}
.mt-30 {margin-top: 8.0rem;}
.ml-30 {margin-left: 8.0rem;}
.mr-30 {margin-right: 8.0rem;}
.mx-30 {margin-left: 8.0rem;margin-right: 8.0rem;}
.my-30 {margin-top: 8.0rem;margin-bottom: 8.0rem;}

.pb-30 {padding-bottom: 8.0rem;}
.pt-30 {padding-top: 8.0rem;}
.pl-30 {padding-left: 8.0rem;}
.pr-30 {padding-right: 8.0rem;}
.px-30 {padding-left: 8.0rem;padding-right: 8.0rem;}
.py-30 {padding-top: 8.0rem;padding-bottom: 8.0rem;}
@media screen and (max-width: 550px) {
  .mb-m-30 {margin-bottom: 8.0rem;}
  .mt-m-30 {margin-top: 8.0rem;}
  .ml-m-30 {margin-left: 8.0rem;}
  .mr-m-30 {margin-right: 8.0rem;}
  .mx-m-30 {margin-left: 8.0rem;margin-right: 8.0rem;}
  .my-30 {margin-top: 8.0rem;margin-bottom: 8.0rem;}

  .pb-m-30 {padding-bottom: 8.0rem;}
  .pt-m-30 {padding-top: 8.0rem;}
  .pl-m-30 {padding-left: 8.0rem;}
  .pr-m-30 {padding-right: 8.0rem;}
  .px-m-30 {padding-left: 8.0rem;padding-right: 8.0rem;}
  .py-m-30 {padding-top: 8.0rem;padding-bottom: 8.0rem;}
}

  

.mb-31 {margin-bottom: 8.25rem;}
.mt-31 {margin-top: 8.25rem;}
.ml-31 {margin-left: 8.25rem;}
.mr-31 {margin-right: 8.25rem;}
.mx-31 {margin-left: 8.25rem;margin-right: 8.25rem;}
.my-31 {margin-top: 8.25rem;margin-bottom: 8.25rem;}

.pb-31 {padding-bottom: 8.25rem;}
.pt-31 {padding-top: 8.25rem;}
.pl-31 {padding-left: 8.25rem;}
.pr-31 {padding-right: 8.25rem;}
.px-31 {padding-left: 8.25rem;padding-right: 8.25rem;}
.py-31 {padding-top: 8.25rem;padding-bottom: 8.25rem;}
@media screen and (max-width: 550px) {
  .mb-m-31 {margin-bottom: 8.25rem;}
  .mt-m-31 {margin-top: 8.25rem;}
  .ml-m-31 {margin-left: 8.25rem;}
  .mr-m-31 {margin-right: 8.25rem;}
  .mx-m-31 {margin-left: 8.25rem;margin-right: 8.25rem;}
  .my-31 {margin-top: 8.25rem;margin-bottom: 8.25rem;}

  .pb-m-31 {padding-bottom: 8.25rem;}
  .pt-m-31 {padding-top: 8.25rem;}
  .pl-m-31 {padding-left: 8.25rem;}
  .pr-m-31 {padding-right: 8.25rem;}
  .px-m-31 {padding-left: 8.25rem;padding-right: 8.25rem;}
  .py-m-31 {padding-top: 8.25rem;padding-bottom: 8.25rem;}
}

  

.mb-32 {margin-bottom: 8.5rem;}
.mt-32 {margin-top: 8.5rem;}
.ml-32 {margin-left: 8.5rem;}
.mr-32 {margin-right: 8.5rem;}
.mx-32 {margin-left: 8.5rem;margin-right: 8.5rem;}
.my-32 {margin-top: 8.5rem;margin-bottom: 8.5rem;}

.pb-32 {padding-bottom: 8.5rem;}
.pt-32 {padding-top: 8.5rem;}
.pl-32 {padding-left: 8.5rem;}
.pr-32 {padding-right: 8.5rem;}
.px-32 {padding-left: 8.5rem;padding-right: 8.5rem;}
.py-32 {padding-top: 8.5rem;padding-bottom: 8.5rem;}
@media screen and (max-width: 550px) {
  .mb-m-32 {margin-bottom: 8.5rem;}
  .mt-m-32 {margin-top: 8.5rem;}
  .ml-m-32 {margin-left: 8.5rem;}
  .mr-m-32 {margin-right: 8.5rem;}
  .mx-m-32 {margin-left: 8.5rem;margin-right: 8.5rem;}
  .my-32 {margin-top: 8.5rem;margin-bottom: 8.5rem;}

  .pb-m-32 {padding-bottom: 8.5rem;}
  .pt-m-32 {padding-top: 8.5rem;}
  .pl-m-32 {padding-left: 8.5rem;}
  .pr-m-32 {padding-right: 8.5rem;}
  .px-m-32 {padding-left: 8.5rem;padding-right: 8.5rem;}
  .py-m-32 {padding-top: 8.5rem;padding-bottom: 8.5rem;}
}

  

.mb-33 {margin-bottom: 8.75rem;}
.mt-33 {margin-top: 8.75rem;}
.ml-33 {margin-left: 8.75rem;}
.mr-33 {margin-right: 8.75rem;}
.mx-33 {margin-left: 8.75rem;margin-right: 8.75rem;}
.my-33 {margin-top: 8.75rem;margin-bottom: 8.75rem;}

.pb-33 {padding-bottom: 8.75rem;}
.pt-33 {padding-top: 8.75rem;}
.pl-33 {padding-left: 8.75rem;}
.pr-33 {padding-right: 8.75rem;}
.px-33 {padding-left: 8.75rem;padding-right: 8.75rem;}
.py-33 {padding-top: 8.75rem;padding-bottom: 8.75rem;}
@media screen and (max-width: 550px) {
  .mb-m-33 {margin-bottom: 8.75rem;}
  .mt-m-33 {margin-top: 8.75rem;}
  .ml-m-33 {margin-left: 8.75rem;}
  .mr-m-33 {margin-right: 8.75rem;}
  .mx-m-33 {margin-left: 8.75rem;margin-right: 8.75rem;}
  .my-33 {margin-top: 8.75rem;margin-bottom: 8.75rem;}

  .pb-m-33 {padding-bottom: 8.75rem;}
  .pt-m-33 {padding-top: 8.75rem;}
  .pl-m-33 {padding-left: 8.75rem;}
  .pr-m-33 {padding-right: 8.75rem;}
  .px-m-33 {padding-left: 8.75rem;padding-right: 8.75rem;}
  .py-m-33 {padding-top: 8.75rem;padding-bottom: 8.75rem;}
}

  

.mb-34 {margin-bottom: 9.0rem;}
.mt-34 {margin-top: 9.0rem;}
.ml-34 {margin-left: 9.0rem;}
.mr-34 {margin-right: 9.0rem;}
.mx-34 {margin-left: 9.0rem;margin-right: 9.0rem;}
.my-34 {margin-top: 9.0rem;margin-bottom: 9.0rem;}

.pb-34 {padding-bottom: 9.0rem;}
.pt-34 {padding-top: 9.0rem;}
.pl-34 {padding-left: 9.0rem;}
.pr-34 {padding-right: 9.0rem;}
.px-34 {padding-left: 9.0rem;padding-right: 9.0rem;}
.py-34 {padding-top: 9.0rem;padding-bottom: 9.0rem;}
@media screen and (max-width: 550px) {
  .mb-m-34 {margin-bottom: 9.0rem;}
  .mt-m-34 {margin-top: 9.0rem;}
  .ml-m-34 {margin-left: 9.0rem;}
  .mr-m-34 {margin-right: 9.0rem;}
  .mx-m-34 {margin-left: 9.0rem;margin-right: 9.0rem;}
  .my-34 {margin-top: 9.0rem;margin-bottom: 9.0rem;}

  .pb-m-34 {padding-bottom: 9.0rem;}
  .pt-m-34 {padding-top: 9.0rem;}
  .pl-m-34 {padding-left: 9.0rem;}
  .pr-m-34 {padding-right: 9.0rem;}
  .px-m-34 {padding-left: 9.0rem;padding-right: 9.0rem;}
  .py-m-34 {padding-top: 9.0rem;padding-bottom: 9.0rem;}
}

  

.mb-35 {margin-bottom: 9.25rem;}
.mt-35 {margin-top: 9.25rem;}
.ml-35 {margin-left: 9.25rem;}
.mr-35 {margin-right: 9.25rem;}
.mx-35 {margin-left: 9.25rem;margin-right: 9.25rem;}
.my-35 {margin-top: 9.25rem;margin-bottom: 9.25rem;}

.pb-35 {padding-bottom: 9.25rem;}
.pt-35 {padding-top: 9.25rem;}
.pl-35 {padding-left: 9.25rem;}
.pr-35 {padding-right: 9.25rem;}
.px-35 {padding-left: 9.25rem;padding-right: 9.25rem;}
.py-35 {padding-top: 9.25rem;padding-bottom: 9.25rem;}
@media screen and (max-width: 550px) {
  .mb-m-35 {margin-bottom: 9.25rem;}
  .mt-m-35 {margin-top: 9.25rem;}
  .ml-m-35 {margin-left: 9.25rem;}
  .mr-m-35 {margin-right: 9.25rem;}
  .mx-m-35 {margin-left: 9.25rem;margin-right: 9.25rem;}
  .my-35 {margin-top: 9.25rem;margin-bottom: 9.25rem;}

  .pb-m-35 {padding-bottom: 9.25rem;}
  .pt-m-35 {padding-top: 9.25rem;}
  .pl-m-35 {padding-left: 9.25rem;}
  .pr-m-35 {padding-right: 9.25rem;}
  .px-m-35 {padding-left: 9.25rem;padding-right: 9.25rem;}
  .py-m-35 {padding-top: 9.25rem;padding-bottom: 9.25rem;}
}

  

.mb-36 {margin-bottom: 9.5rem;}
.mt-36 {margin-top: 9.5rem;}
.ml-36 {margin-left: 9.5rem;}
.mr-36 {margin-right: 9.5rem;}
.mx-36 {margin-left: 9.5rem;margin-right: 9.5rem;}
.my-36 {margin-top: 9.5rem;margin-bottom: 9.5rem;}

.pb-36 {padding-bottom: 9.5rem;}
.pt-36 {padding-top: 9.5rem;}
.pl-36 {padding-left: 9.5rem;}
.pr-36 {padding-right: 9.5rem;}
.px-36 {padding-left: 9.5rem;padding-right: 9.5rem;}
.py-36 {padding-top: 9.5rem;padding-bottom: 9.5rem;}
@media screen and (max-width: 550px) {
  .mb-m-36 {margin-bottom: 9.5rem;}
  .mt-m-36 {margin-top: 9.5rem;}
  .ml-m-36 {margin-left: 9.5rem;}
  .mr-m-36 {margin-right: 9.5rem;}
  .mx-m-36 {margin-left: 9.5rem;margin-right: 9.5rem;}
  .my-36 {margin-top: 9.5rem;margin-bottom: 9.5rem;}

  .pb-m-36 {padding-bottom: 9.5rem;}
  .pt-m-36 {padding-top: 9.5rem;}
  .pl-m-36 {padding-left: 9.5rem;}
  .pr-m-36 {padding-right: 9.5rem;}
  .px-m-36 {padding-left: 9.5rem;padding-right: 9.5rem;}
  .py-m-36 {padding-top: 9.5rem;padding-bottom: 9.5rem;}
}

  

.mb-37 {margin-bottom: 9.75rem;}
.mt-37 {margin-top: 9.75rem;}
.ml-37 {margin-left: 9.75rem;}
.mr-37 {margin-right: 9.75rem;}
.mx-37 {margin-left: 9.75rem;margin-right: 9.75rem;}
.my-37 {margin-top: 9.75rem;margin-bottom: 9.75rem;}

.pb-37 {padding-bottom: 9.75rem;}
.pt-37 {padding-top: 9.75rem;}
.pl-37 {padding-left: 9.75rem;}
.pr-37 {padding-right: 9.75rem;}
.px-37 {padding-left: 9.75rem;padding-right: 9.75rem;}
.py-37 {padding-top: 9.75rem;padding-bottom: 9.75rem;}
@media screen and (max-width: 550px) {
  .mb-m-37 {margin-bottom: 9.75rem;}
  .mt-m-37 {margin-top: 9.75rem;}
  .ml-m-37 {margin-left: 9.75rem;}
  .mr-m-37 {margin-right: 9.75rem;}
  .mx-m-37 {margin-left: 9.75rem;margin-right: 9.75rem;}
  .my-37 {margin-top: 9.75rem;margin-bottom: 9.75rem;}

  .pb-m-37 {padding-bottom: 9.75rem;}
  .pt-m-37 {padding-top: 9.75rem;}
  .pl-m-37 {padding-left: 9.75rem;}
  .pr-m-37 {padding-right: 9.75rem;}
  .px-m-37 {padding-left: 9.75rem;padding-right: 9.75rem;}
  .py-m-37 {padding-top: 9.75rem;padding-bottom: 9.75rem;}
}

  

.mb-38 {margin-bottom: 10.0rem;}
.mt-38 {margin-top: 10.0rem;}
.ml-38 {margin-left: 10.0rem;}
.mr-38 {margin-right: 10.0rem;}
.mx-38 {margin-left: 10.0rem;margin-right: 10.0rem;}
.my-38 {margin-top: 10.0rem;margin-bottom: 10.0rem;}

.pb-38 {padding-bottom: 10.0rem;}
.pt-38 {padding-top: 10.0rem;}
.pl-38 {padding-left: 10.0rem;}
.pr-38 {padding-right: 10.0rem;}
.px-38 {padding-left: 10.0rem;padding-right: 10.0rem;}
.py-38 {padding-top: 10.0rem;padding-bottom: 10.0rem;}
@media screen and (max-width: 550px) {
  .mb-m-38 {margin-bottom: 10.0rem;}
  .mt-m-38 {margin-top: 10.0rem;}
  .ml-m-38 {margin-left: 10.0rem;}
  .mr-m-38 {margin-right: 10.0rem;}
  .mx-m-38 {margin-left: 10.0rem;margin-right: 10.0rem;}
  .my-38 {margin-top: 10.0rem;margin-bottom: 10.0rem;}

  .pb-m-38 {padding-bottom: 10.0rem;}
  .pt-m-38 {padding-top: 10.0rem;}
  .pl-m-38 {padding-left: 10.0rem;}
  .pr-m-38 {padding-right: 10.0rem;}
  .px-m-38 {padding-left: 10.0rem;padding-right: 10.0rem;}
  .py-m-38 {padding-top: 10.0rem;padding-bottom: 10.0rem;}
}

  

.mb-39 {margin-bottom: 10.25rem;}
.mt-39 {margin-top: 10.25rem;}
.ml-39 {margin-left: 10.25rem;}
.mr-39 {margin-right: 10.25rem;}
.mx-39 {margin-left: 10.25rem;margin-right: 10.25rem;}
.my-39 {margin-top: 10.25rem;margin-bottom: 10.25rem;}

.pb-39 {padding-bottom: 10.25rem;}
.pt-39 {padding-top: 10.25rem;}
.pl-39 {padding-left: 10.25rem;}
.pr-39 {padding-right: 10.25rem;}
.px-39 {padding-left: 10.25rem;padding-right: 10.25rem;}
.py-39 {padding-top: 10.25rem;padding-bottom: 10.25rem;}
@media screen and (max-width: 550px) {
  .mb-m-39 {margin-bottom: 10.25rem;}
  .mt-m-39 {margin-top: 10.25rem;}
  .ml-m-39 {margin-left: 10.25rem;}
  .mr-m-39 {margin-right: 10.25rem;}
  .mx-m-39 {margin-left: 10.25rem;margin-right: 10.25rem;}
  .my-39 {margin-top: 10.25rem;margin-bottom: 10.25rem;}

  .pb-m-39 {padding-bottom: 10.25rem;}
  .pt-m-39 {padding-top: 10.25rem;}
  .pl-m-39 {padding-left: 10.25rem;}
  .pr-m-39 {padding-right: 10.25rem;}
  .px-m-39 {padding-left: 10.25rem;padding-right: 10.25rem;}
  .py-m-39 {padding-top: 10.25rem;padding-bottom: 10.25rem;}
}

  

.mb-40 {margin-bottom: 10.5rem;}
.mt-40 {margin-top: 10.5rem;}
.ml-40 {margin-left: 10.5rem;}
.mr-40 {margin-right: 10.5rem;}
.mx-40 {margin-left: 10.5rem;margin-right: 10.5rem;}
.my-40 {margin-top: 10.5rem;margin-bottom: 10.5rem;}

.pb-40 {padding-bottom: 10.5rem;}
.pt-40 {padding-top: 10.5rem;}
.pl-40 {padding-left: 10.5rem;}
.pr-40 {padding-right: 10.5rem;}
.px-40 {padding-left: 10.5rem;padding-right: 10.5rem;}
.py-40 {padding-top: 10.5rem;padding-bottom: 10.5rem;}
@media screen and (max-width: 550px) {
  .mb-m-40 {margin-bottom: 10.5rem;}
  .mt-m-40 {margin-top: 10.5rem;}
  .ml-m-40 {margin-left: 10.5rem;}
  .mr-m-40 {margin-right: 10.5rem;}
  .mx-m-40 {margin-left: 10.5rem;margin-right: 10.5rem;}
  .my-40 {margin-top: 10.5rem;margin-bottom: 10.5rem;}

  .pb-m-40 {padding-bottom: 10.5rem;}
  .pt-m-40 {padding-top: 10.5rem;}
  .pl-m-40 {padding-left: 10.5rem;}
  .pr-m-40 {padding-right: 10.5rem;}
  .px-m-40 {padding-left: 10.5rem;padding-right: 10.5rem;}
  .py-m-40 {padding-top: 10.5rem;padding-bottom: 10.5rem;}
}

  

.mb-41 {margin-bottom: 10.75rem;}
.mt-41 {margin-top: 10.75rem;}
.ml-41 {margin-left: 10.75rem;}
.mr-41 {margin-right: 10.75rem;}
.mx-41 {margin-left: 10.75rem;margin-right: 10.75rem;}
.my-41 {margin-top: 10.75rem;margin-bottom: 10.75rem;}

.pb-41 {padding-bottom: 10.75rem;}
.pt-41 {padding-top: 10.75rem;}
.pl-41 {padding-left: 10.75rem;}
.pr-41 {padding-right: 10.75rem;}
.px-41 {padding-left: 10.75rem;padding-right: 10.75rem;}
.py-41 {padding-top: 10.75rem;padding-bottom: 10.75rem;}
@media screen and (max-width: 550px) {
  .mb-m-41 {margin-bottom: 10.75rem;}
  .mt-m-41 {margin-top: 10.75rem;}
  .ml-m-41 {margin-left: 10.75rem;}
  .mr-m-41 {margin-right: 10.75rem;}
  .mx-m-41 {margin-left: 10.75rem;margin-right: 10.75rem;}
  .my-41 {margin-top: 10.75rem;margin-bottom: 10.75rem;}

  .pb-m-41 {padding-bottom: 10.75rem;}
  .pt-m-41 {padding-top: 10.75rem;}
  .pl-m-41 {padding-left: 10.75rem;}
  .pr-m-41 {padding-right: 10.75rem;}
  .px-m-41 {padding-left: 10.75rem;padding-right: 10.75rem;}
  .py-m-41 {padding-top: 10.75rem;padding-bottom: 10.75rem;}
}

  

.mb-42 {margin-bottom: 11.0rem;}
.mt-42 {margin-top: 11.0rem;}
.ml-42 {margin-left: 11.0rem;}
.mr-42 {margin-right: 11.0rem;}
.mx-42 {margin-left: 11.0rem;margin-right: 11.0rem;}
.my-42 {margin-top: 11.0rem;margin-bottom: 11.0rem;}

.pb-42 {padding-bottom: 11.0rem;}
.pt-42 {padding-top: 11.0rem;}
.pl-42 {padding-left: 11.0rem;}
.pr-42 {padding-right: 11.0rem;}
.px-42 {padding-left: 11.0rem;padding-right: 11.0rem;}
.py-42 {padding-top: 11.0rem;padding-bottom: 11.0rem;}
@media screen and (max-width: 550px) {
  .mb-m-42 {margin-bottom: 11.0rem;}
  .mt-m-42 {margin-top: 11.0rem;}
  .ml-m-42 {margin-left: 11.0rem;}
  .mr-m-42 {margin-right: 11.0rem;}
  .mx-m-42 {margin-left: 11.0rem;margin-right: 11.0rem;}
  .my-42 {margin-top: 11.0rem;margin-bottom: 11.0rem;}

  .pb-m-42 {padding-bottom: 11.0rem;}
  .pt-m-42 {padding-top: 11.0rem;}
  .pl-m-42 {padding-left: 11.0rem;}
  .pr-m-42 {padding-right: 11.0rem;}
  .px-m-42 {padding-left: 11.0rem;padding-right: 11.0rem;}
  .py-m-42 {padding-top: 11.0rem;padding-bottom: 11.0rem;}
}

  

.mb-43 {margin-bottom: 11.25rem;}
.mt-43 {margin-top: 11.25rem;}
.ml-43 {margin-left: 11.25rem;}
.mr-43 {margin-right: 11.25rem;}
.mx-43 {margin-left: 11.25rem;margin-right: 11.25rem;}
.my-43 {margin-top: 11.25rem;margin-bottom: 11.25rem;}

.pb-43 {padding-bottom: 11.25rem;}
.pt-43 {padding-top: 11.25rem;}
.pl-43 {padding-left: 11.25rem;}
.pr-43 {padding-right: 11.25rem;}
.px-43 {padding-left: 11.25rem;padding-right: 11.25rem;}
.py-43 {padding-top: 11.25rem;padding-bottom: 11.25rem;}
@media screen and (max-width: 550px) {
  .mb-m-43 {margin-bottom: 11.25rem;}
  .mt-m-43 {margin-top: 11.25rem;}
  .ml-m-43 {margin-left: 11.25rem;}
  .mr-m-43 {margin-right: 11.25rem;}
  .mx-m-43 {margin-left: 11.25rem;margin-right: 11.25rem;}
  .my-43 {margin-top: 11.25rem;margin-bottom: 11.25rem;}

  .pb-m-43 {padding-bottom: 11.25rem;}
  .pt-m-43 {padding-top: 11.25rem;}
  .pl-m-43 {padding-left: 11.25rem;}
  .pr-m-43 {padding-right: 11.25rem;}
  .px-m-43 {padding-left: 11.25rem;padding-right: 11.25rem;}
  .py-m-43 {padding-top: 11.25rem;padding-bottom: 11.25rem;}
}

  

.mb-44 {margin-bottom: 11.5rem;}
.mt-44 {margin-top: 11.5rem;}
.ml-44 {margin-left: 11.5rem;}
.mr-44 {margin-right: 11.5rem;}
.mx-44 {margin-left: 11.5rem;margin-right: 11.5rem;}
.my-44 {margin-top: 11.5rem;margin-bottom: 11.5rem;}

.pb-44 {padding-bottom: 11.5rem;}
.pt-44 {padding-top: 11.5rem;}
.pl-44 {padding-left: 11.5rem;}
.pr-44 {padding-right: 11.5rem;}
.px-44 {padding-left: 11.5rem;padding-right: 11.5rem;}
.py-44 {padding-top: 11.5rem;padding-bottom: 11.5rem;}
@media screen and (max-width: 550px) {
  .mb-m-44 {margin-bottom: 11.5rem;}
  .mt-m-44 {margin-top: 11.5rem;}
  .ml-m-44 {margin-left: 11.5rem;}
  .mr-m-44 {margin-right: 11.5rem;}
  .mx-m-44 {margin-left: 11.5rem;margin-right: 11.5rem;}
  .my-44 {margin-top: 11.5rem;margin-bottom: 11.5rem;}

  .pb-m-44 {padding-bottom: 11.5rem;}
  .pt-m-44 {padding-top: 11.5rem;}
  .pl-m-44 {padding-left: 11.5rem;}
  .pr-m-44 {padding-right: 11.5rem;}
  .px-m-44 {padding-left: 11.5rem;padding-right: 11.5rem;}
  .py-m-44 {padding-top: 11.5rem;padding-bottom: 11.5rem;}
}

  

.mb-45 {margin-bottom: 11.75rem;}
.mt-45 {margin-top: 11.75rem;}
.ml-45 {margin-left: 11.75rem;}
.mr-45 {margin-right: 11.75rem;}
.mx-45 {margin-left: 11.75rem;margin-right: 11.75rem;}
.my-45 {margin-top: 11.75rem;margin-bottom: 11.75rem;}

.pb-45 {padding-bottom: 11.75rem;}
.pt-45 {padding-top: 11.75rem;}
.pl-45 {padding-left: 11.75rem;}
.pr-45 {padding-right: 11.75rem;}
.px-45 {padding-left: 11.75rem;padding-right: 11.75rem;}
.py-45 {padding-top: 11.75rem;padding-bottom: 11.75rem;}
@media screen and (max-width: 550px) {
  .mb-m-45 {margin-bottom: 11.75rem;}
  .mt-m-45 {margin-top: 11.75rem;}
  .ml-m-45 {margin-left: 11.75rem;}
  .mr-m-45 {margin-right: 11.75rem;}
  .mx-m-45 {margin-left: 11.75rem;margin-right: 11.75rem;}
  .my-45 {margin-top: 11.75rem;margin-bottom: 11.75rem;}

  .pb-m-45 {padding-bottom: 11.75rem;}
  .pt-m-45 {padding-top: 11.75rem;}
  .pl-m-45 {padding-left: 11.75rem;}
  .pr-m-45 {padding-right: 11.75rem;}
  .px-m-45 {padding-left: 11.75rem;padding-right: 11.75rem;}
  .py-m-45 {padding-top: 11.75rem;padding-bottom: 11.75rem;}
}

  

.mb-46 {margin-bottom: 12.0rem;}
.mt-46 {margin-top: 12.0rem;}
.ml-46 {margin-left: 12.0rem;}
.mr-46 {margin-right: 12.0rem;}
.mx-46 {margin-left: 12.0rem;margin-right: 12.0rem;}
.my-46 {margin-top: 12.0rem;margin-bottom: 12.0rem;}

.pb-46 {padding-bottom: 12.0rem;}
.pt-46 {padding-top: 12.0rem;}
.pl-46 {padding-left: 12.0rem;}
.pr-46 {padding-right: 12.0rem;}
.px-46 {padding-left: 12.0rem;padding-right: 12.0rem;}
.py-46 {padding-top: 12.0rem;padding-bottom: 12.0rem;}
@media screen and (max-width: 550px) {
  .mb-m-46 {margin-bottom: 12.0rem;}
  .mt-m-46 {margin-top: 12.0rem;}
  .ml-m-46 {margin-left: 12.0rem;}
  .mr-m-46 {margin-right: 12.0rem;}
  .mx-m-46 {margin-left: 12.0rem;margin-right: 12.0rem;}
  .my-46 {margin-top: 12.0rem;margin-bottom: 12.0rem;}

  .pb-m-46 {padding-bottom: 12.0rem;}
  .pt-m-46 {padding-top: 12.0rem;}
  .pl-m-46 {padding-left: 12.0rem;}
  .pr-m-46 {padding-right: 12.0rem;}
  .px-m-46 {padding-left: 12.0rem;padding-right: 12.0rem;}
  .py-m-46 {padding-top: 12.0rem;padding-bottom: 12.0rem;}
}

  

.mb-47 {margin-bottom: 12.25rem;}
.mt-47 {margin-top: 12.25rem;}
.ml-47 {margin-left: 12.25rem;}
.mr-47 {margin-right: 12.25rem;}
.mx-47 {margin-left: 12.25rem;margin-right: 12.25rem;}
.my-47 {margin-top: 12.25rem;margin-bottom: 12.25rem;}

.pb-47 {padding-bottom: 12.25rem;}
.pt-47 {padding-top: 12.25rem;}
.pl-47 {padding-left: 12.25rem;}
.pr-47 {padding-right: 12.25rem;}
.px-47 {padding-left: 12.25rem;padding-right: 12.25rem;}
.py-47 {padding-top: 12.25rem;padding-bottom: 12.25rem;}
@media screen and (max-width: 550px) {
  .mb-m-47 {margin-bottom: 12.25rem;}
  .mt-m-47 {margin-top: 12.25rem;}
  .ml-m-47 {margin-left: 12.25rem;}
  .mr-m-47 {margin-right: 12.25rem;}
  .mx-m-47 {margin-left: 12.25rem;margin-right: 12.25rem;}
  .my-47 {margin-top: 12.25rem;margin-bottom: 12.25rem;}

  .pb-m-47 {padding-bottom: 12.25rem;}
  .pt-m-47 {padding-top: 12.25rem;}
  .pl-m-47 {padding-left: 12.25rem;}
  .pr-m-47 {padding-right: 12.25rem;}
  .px-m-47 {padding-left: 12.25rem;padding-right: 12.25rem;}
  .py-m-47 {padding-top: 12.25rem;padding-bottom: 12.25rem;}
}

  

.mb-48 {margin-bottom: 12.5rem;}
.mt-48 {margin-top: 12.5rem;}
.ml-48 {margin-left: 12.5rem;}
.mr-48 {margin-right: 12.5rem;}
.mx-48 {margin-left: 12.5rem;margin-right: 12.5rem;}
.my-48 {margin-top: 12.5rem;margin-bottom: 12.5rem;}

.pb-48 {padding-bottom: 12.5rem;}
.pt-48 {padding-top: 12.5rem;}
.pl-48 {padding-left: 12.5rem;}
.pr-48 {padding-right: 12.5rem;}
.px-48 {padding-left: 12.5rem;padding-right: 12.5rem;}
.py-48 {padding-top: 12.5rem;padding-bottom: 12.5rem;}
@media screen and (max-width: 550px) {
  .mb-m-48 {margin-bottom: 12.5rem;}
  .mt-m-48 {margin-top: 12.5rem;}
  .ml-m-48 {margin-left: 12.5rem;}
  .mr-m-48 {margin-right: 12.5rem;}
  .mx-m-48 {margin-left: 12.5rem;margin-right: 12.5rem;}
  .my-48 {margin-top: 12.5rem;margin-bottom: 12.5rem;}

  .pb-m-48 {padding-bottom: 12.5rem;}
  .pt-m-48 {padding-top: 12.5rem;}
  .pl-m-48 {padding-left: 12.5rem;}
  .pr-m-48 {padding-right: 12.5rem;}
  .px-m-48 {padding-left: 12.5rem;padding-right: 12.5rem;}
  .py-m-48 {padding-top: 12.5rem;padding-bottom: 12.5rem;}
}

  

.mb-49 {margin-bottom: 12.75rem;}
.mt-49 {margin-top: 12.75rem;}
.ml-49 {margin-left: 12.75rem;}
.mr-49 {margin-right: 12.75rem;}
.mx-49 {margin-left: 12.75rem;margin-right: 12.75rem;}
.my-49 {margin-top: 12.75rem;margin-bottom: 12.75rem;}

.pb-49 {padding-bottom: 12.75rem;}
.pt-49 {padding-top: 12.75rem;}
.pl-49 {padding-left: 12.75rem;}
.pr-49 {padding-right: 12.75rem;}
.px-49 {padding-left: 12.75rem;padding-right: 12.75rem;}
.py-49 {padding-top: 12.75rem;padding-bottom: 12.75rem;}
@media screen and (max-width: 550px) {
  .mb-m-49 {margin-bottom: 12.75rem;}
  .mt-m-49 {margin-top: 12.75rem;}
  .ml-m-49 {margin-left: 12.75rem;}
  .mr-m-49 {margin-right: 12.75rem;}
  .mx-m-49 {margin-left: 12.75rem;margin-right: 12.75rem;}
  .my-49 {margin-top: 12.75rem;margin-bottom: 12.75rem;}

  .pb-m-49 {padding-bottom: 12.75rem;}
  .pt-m-49 {padding-top: 12.75rem;}
  .pl-m-49 {padding-left: 12.75rem;}
  .pr-m-49 {padding-right: 12.75rem;}
  .px-m-49 {padding-left: 12.75rem;padding-right: 12.75rem;}
  .py-m-49 {padding-top: 12.75rem;padding-bottom: 12.75rem;}
}

  

.mb-50 {margin-bottom: 13.0rem;}
.mt-50 {margin-top: 13.0rem;}
.ml-50 {margin-left: 13.0rem;}
.mr-50 {margin-right: 13.0rem;}
.mx-50 {margin-left: 13.0rem;margin-right: 13.0rem;}
.my-50 {margin-top: 13.0rem;margin-bottom: 13.0rem;}

.pb-50 {padding-bottom: 13.0rem;}
.pt-50 {padding-top: 13.0rem;}
.pl-50 {padding-left: 13.0rem;}
.pr-50 {padding-right: 13.0rem;}
.px-50 {padding-left: 13.0rem;padding-right: 13.0rem;}
.py-50 {padding-top: 13.0rem;padding-bottom: 13.0rem;}
@media screen and (max-width: 550px) {
  .mb-m-50 {margin-bottom: 13.0rem;}
  .mt-m-50 {margin-top: 13.0rem;}
  .ml-m-50 {margin-left: 13.0rem;}
  .mr-m-50 {margin-right: 13.0rem;}
  .mx-m-50 {margin-left: 13.0rem;margin-right: 13.0rem;}
  .my-50 {margin-top: 13.0rem;margin-bottom: 13.0rem;}

  .pb-m-50 {padding-bottom: 13.0rem;}
  .pt-m-50 {padding-top: 13.0rem;}
  .pl-m-50 {padding-left: 13.0rem;}
  .pr-m-50 {padding-right: 13.0rem;}
  .px-m-50 {padding-left: 13.0rem;padding-right: 13.0rem;}
  .py-m-50 {padding-top: 13.0rem;padding-bottom: 13.0rem;}
}

  

.mb-51 {margin-bottom: 13.25rem;}
.mt-51 {margin-top: 13.25rem;}
.ml-51 {margin-left: 13.25rem;}
.mr-51 {margin-right: 13.25rem;}
.mx-51 {margin-left: 13.25rem;margin-right: 13.25rem;}
.my-51 {margin-top: 13.25rem;margin-bottom: 13.25rem;}

.pb-51 {padding-bottom: 13.25rem;}
.pt-51 {padding-top: 13.25rem;}
.pl-51 {padding-left: 13.25rem;}
.pr-51 {padding-right: 13.25rem;}
.px-51 {padding-left: 13.25rem;padding-right: 13.25rem;}
.py-51 {padding-top: 13.25rem;padding-bottom: 13.25rem;}
@media screen and (max-width: 550px) {
  .mb-m-51 {margin-bottom: 13.25rem;}
  .mt-m-51 {margin-top: 13.25rem;}
  .ml-m-51 {margin-left: 13.25rem;}
  .mr-m-51 {margin-right: 13.25rem;}
  .mx-m-51 {margin-left: 13.25rem;margin-right: 13.25rem;}
  .my-51 {margin-top: 13.25rem;margin-bottom: 13.25rem;}

  .pb-m-51 {padding-bottom: 13.25rem;}
  .pt-m-51 {padding-top: 13.25rem;}
  .pl-m-51 {padding-left: 13.25rem;}
  .pr-m-51 {padding-right: 13.25rem;}
  .px-m-51 {padding-left: 13.25rem;padding-right: 13.25rem;}
  .py-m-51 {padding-top: 13.25rem;padding-bottom: 13.25rem;}
}

  

.mb-52 {margin-bottom: 13.5rem;}
.mt-52 {margin-top: 13.5rem;}
.ml-52 {margin-left: 13.5rem;}
.mr-52 {margin-right: 13.5rem;}
.mx-52 {margin-left: 13.5rem;margin-right: 13.5rem;}
.my-52 {margin-top: 13.5rem;margin-bottom: 13.5rem;}

.pb-52 {padding-bottom: 13.5rem;}
.pt-52 {padding-top: 13.5rem;}
.pl-52 {padding-left: 13.5rem;}
.pr-52 {padding-right: 13.5rem;}
.px-52 {padding-left: 13.5rem;padding-right: 13.5rem;}
.py-52 {padding-top: 13.5rem;padding-bottom: 13.5rem;}
@media screen and (max-width: 550px) {
  .mb-m-52 {margin-bottom: 13.5rem;}
  .mt-m-52 {margin-top: 13.5rem;}
  .ml-m-52 {margin-left: 13.5rem;}
  .mr-m-52 {margin-right: 13.5rem;}
  .mx-m-52 {margin-left: 13.5rem;margin-right: 13.5rem;}
  .my-52 {margin-top: 13.5rem;margin-bottom: 13.5rem;}

  .pb-m-52 {padding-bottom: 13.5rem;}
  .pt-m-52 {padding-top: 13.5rem;}
  .pl-m-52 {padding-left: 13.5rem;}
  .pr-m-52 {padding-right: 13.5rem;}
  .px-m-52 {padding-left: 13.5rem;padding-right: 13.5rem;}
  .py-m-52 {padding-top: 13.5rem;padding-bottom: 13.5rem;}
}

  

.mb-53 {margin-bottom: 13.75rem;}
.mt-53 {margin-top: 13.75rem;}
.ml-53 {margin-left: 13.75rem;}
.mr-53 {margin-right: 13.75rem;}
.mx-53 {margin-left: 13.75rem;margin-right: 13.75rem;}
.my-53 {margin-top: 13.75rem;margin-bottom: 13.75rem;}

.pb-53 {padding-bottom: 13.75rem;}
.pt-53 {padding-top: 13.75rem;}
.pl-53 {padding-left: 13.75rem;}
.pr-53 {padding-right: 13.75rem;}
.px-53 {padding-left: 13.75rem;padding-right: 13.75rem;}
.py-53 {padding-top: 13.75rem;padding-bottom: 13.75rem;}
@media screen and (max-width: 550px) {
  .mb-m-53 {margin-bottom: 13.75rem;}
  .mt-m-53 {margin-top: 13.75rem;}
  .ml-m-53 {margin-left: 13.75rem;}
  .mr-m-53 {margin-right: 13.75rem;}
  .mx-m-53 {margin-left: 13.75rem;margin-right: 13.75rem;}
  .my-53 {margin-top: 13.75rem;margin-bottom: 13.75rem;}

  .pb-m-53 {padding-bottom: 13.75rem;}
  .pt-m-53 {padding-top: 13.75rem;}
  .pl-m-53 {padding-left: 13.75rem;}
  .pr-m-53 {padding-right: 13.75rem;}
  .px-m-53 {padding-left: 13.75rem;padding-right: 13.75rem;}
  .py-m-53 {padding-top: 13.75rem;padding-bottom: 13.75rem;}
}

  

.mb-54 {margin-bottom: 14.0rem;}
.mt-54 {margin-top: 14.0rem;}
.ml-54 {margin-left: 14.0rem;}
.mr-54 {margin-right: 14.0rem;}
.mx-54 {margin-left: 14.0rem;margin-right: 14.0rem;}
.my-54 {margin-top: 14.0rem;margin-bottom: 14.0rem;}

.pb-54 {padding-bottom: 14.0rem;}
.pt-54 {padding-top: 14.0rem;}
.pl-54 {padding-left: 14.0rem;}
.pr-54 {padding-right: 14.0rem;}
.px-54 {padding-left: 14.0rem;padding-right: 14.0rem;}
.py-54 {padding-top: 14.0rem;padding-bottom: 14.0rem;}
@media screen and (max-width: 550px) {
  .mb-m-54 {margin-bottom: 14.0rem;}
  .mt-m-54 {margin-top: 14.0rem;}
  .ml-m-54 {margin-left: 14.0rem;}
  .mr-m-54 {margin-right: 14.0rem;}
  .mx-m-54 {margin-left: 14.0rem;margin-right: 14.0rem;}
  .my-54 {margin-top: 14.0rem;margin-bottom: 14.0rem;}

  .pb-m-54 {padding-bottom: 14.0rem;}
  .pt-m-54 {padding-top: 14.0rem;}
  .pl-m-54 {padding-left: 14.0rem;}
  .pr-m-54 {padding-right: 14.0rem;}
  .px-m-54 {padding-left: 14.0rem;padding-right: 14.0rem;}
  .py-m-54 {padding-top: 14.0rem;padding-bottom: 14.0rem;}
}

  

.mb-55 {margin-bottom: 14.25rem;}
.mt-55 {margin-top: 14.25rem;}
.ml-55 {margin-left: 14.25rem;}
.mr-55 {margin-right: 14.25rem;}
.mx-55 {margin-left: 14.25rem;margin-right: 14.25rem;}
.my-55 {margin-top: 14.25rem;margin-bottom: 14.25rem;}

.pb-55 {padding-bottom: 14.25rem;}
.pt-55 {padding-top: 14.25rem;}
.pl-55 {padding-left: 14.25rem;}
.pr-55 {padding-right: 14.25rem;}
.px-55 {padding-left: 14.25rem;padding-right: 14.25rem;}
.py-55 {padding-top: 14.25rem;padding-bottom: 14.25rem;}
@media screen and (max-width: 550px) {
  .mb-m-55 {margin-bottom: 14.25rem;}
  .mt-m-55 {margin-top: 14.25rem;}
  .ml-m-55 {margin-left: 14.25rem;}
  .mr-m-55 {margin-right: 14.25rem;}
  .mx-m-55 {margin-left: 14.25rem;margin-right: 14.25rem;}
  .my-55 {margin-top: 14.25rem;margin-bottom: 14.25rem;}

  .pb-m-55 {padding-bottom: 14.25rem;}
  .pt-m-55 {padding-top: 14.25rem;}
  .pl-m-55 {padding-left: 14.25rem;}
  .pr-m-55 {padding-right: 14.25rem;}
  .px-m-55 {padding-left: 14.25rem;padding-right: 14.25rem;}
  .py-m-55 {padding-top: 14.25rem;padding-bottom: 14.25rem;}
}

  

.mb-56 {margin-bottom: 14.5rem;}
.mt-56 {margin-top: 14.5rem;}
.ml-56 {margin-left: 14.5rem;}
.mr-56 {margin-right: 14.5rem;}
.mx-56 {margin-left: 14.5rem;margin-right: 14.5rem;}
.my-56 {margin-top: 14.5rem;margin-bottom: 14.5rem;}

.pb-56 {padding-bottom: 14.5rem;}
.pt-56 {padding-top: 14.5rem;}
.pl-56 {padding-left: 14.5rem;}
.pr-56 {padding-right: 14.5rem;}
.px-56 {padding-left: 14.5rem;padding-right: 14.5rem;}
.py-56 {padding-top: 14.5rem;padding-bottom: 14.5rem;}
@media screen and (max-width: 550px) {
  .mb-m-56 {margin-bottom: 14.5rem;}
  .mt-m-56 {margin-top: 14.5rem;}
  .ml-m-56 {margin-left: 14.5rem;}
  .mr-m-56 {margin-right: 14.5rem;}
  .mx-m-56 {margin-left: 14.5rem;margin-right: 14.5rem;}
  .my-56 {margin-top: 14.5rem;margin-bottom: 14.5rem;}

  .pb-m-56 {padding-bottom: 14.5rem;}
  .pt-m-56 {padding-top: 14.5rem;}
  .pl-m-56 {padding-left: 14.5rem;}
  .pr-m-56 {padding-right: 14.5rem;}
  .px-m-56 {padding-left: 14.5rem;padding-right: 14.5rem;}
  .py-m-56 {padding-top: 14.5rem;padding-bottom: 14.5rem;}
}

  

.mb-57 {margin-bottom: 14.75rem;}
.mt-57 {margin-top: 14.75rem;}
.ml-57 {margin-left: 14.75rem;}
.mr-57 {margin-right: 14.75rem;}
.mx-57 {margin-left: 14.75rem;margin-right: 14.75rem;}
.my-57 {margin-top: 14.75rem;margin-bottom: 14.75rem;}

.pb-57 {padding-bottom: 14.75rem;}
.pt-57 {padding-top: 14.75rem;}
.pl-57 {padding-left: 14.75rem;}
.pr-57 {padding-right: 14.75rem;}
.px-57 {padding-left: 14.75rem;padding-right: 14.75rem;}
.py-57 {padding-top: 14.75rem;padding-bottom: 14.75rem;}
@media screen and (max-width: 550px) {
  .mb-m-57 {margin-bottom: 14.75rem;}
  .mt-m-57 {margin-top: 14.75rem;}
  .ml-m-57 {margin-left: 14.75rem;}
  .mr-m-57 {margin-right: 14.75rem;}
  .mx-m-57 {margin-left: 14.75rem;margin-right: 14.75rem;}
  .my-57 {margin-top: 14.75rem;margin-bottom: 14.75rem;}

  .pb-m-57 {padding-bottom: 14.75rem;}
  .pt-m-57 {padding-top: 14.75rem;}
  .pl-m-57 {padding-left: 14.75rem;}
  .pr-m-57 {padding-right: 14.75rem;}
  .px-m-57 {padding-left: 14.75rem;padding-right: 14.75rem;}
  .py-m-57 {padding-top: 14.75rem;padding-bottom: 14.75rem;}
}

  

.mb-58 {margin-bottom: 15.0rem;}
.mt-58 {margin-top: 15.0rem;}
.ml-58 {margin-left: 15.0rem;}
.mr-58 {margin-right: 15.0rem;}
.mx-58 {margin-left: 15.0rem;margin-right: 15.0rem;}
.my-58 {margin-top: 15.0rem;margin-bottom: 15.0rem;}

.pb-58 {padding-bottom: 15.0rem;}
.pt-58 {padding-top: 15.0rem;}
.pl-58 {padding-left: 15.0rem;}
.pr-58 {padding-right: 15.0rem;}
.px-58 {padding-left: 15.0rem;padding-right: 15.0rem;}
.py-58 {padding-top: 15.0rem;padding-bottom: 15.0rem;}
@media screen and (max-width: 550px) {
  .mb-m-58 {margin-bottom: 15.0rem;}
  .mt-m-58 {margin-top: 15.0rem;}
  .ml-m-58 {margin-left: 15.0rem;}
  .mr-m-58 {margin-right: 15.0rem;}
  .mx-m-58 {margin-left: 15.0rem;margin-right: 15.0rem;}
  .my-58 {margin-top: 15.0rem;margin-bottom: 15.0rem;}

  .pb-m-58 {padding-bottom: 15.0rem;}
  .pt-m-58 {padding-top: 15.0rem;}
  .pl-m-58 {padding-left: 15.0rem;}
  .pr-m-58 {padding-right: 15.0rem;}
  .px-m-58 {padding-left: 15.0rem;padding-right: 15.0rem;}
  .py-m-58 {padding-top: 15.0rem;padding-bottom: 15.0rem;}
}

  

.mb-59 {margin-bottom: 15.25rem;}
.mt-59 {margin-top: 15.25rem;}
.ml-59 {margin-left: 15.25rem;}
.mr-59 {margin-right: 15.25rem;}
.mx-59 {margin-left: 15.25rem;margin-right: 15.25rem;}
.my-59 {margin-top: 15.25rem;margin-bottom: 15.25rem;}

.pb-59 {padding-bottom: 15.25rem;}
.pt-59 {padding-top: 15.25rem;}
.pl-59 {padding-left: 15.25rem;}
.pr-59 {padding-right: 15.25rem;}
.px-59 {padding-left: 15.25rem;padding-right: 15.25rem;}
.py-59 {padding-top: 15.25rem;padding-bottom: 15.25rem;}
@media screen and (max-width: 550px) {
  .mb-m-59 {margin-bottom: 15.25rem;}
  .mt-m-59 {margin-top: 15.25rem;}
  .ml-m-59 {margin-left: 15.25rem;}
  .mr-m-59 {margin-right: 15.25rem;}
  .mx-m-59 {margin-left: 15.25rem;margin-right: 15.25rem;}
  .my-59 {margin-top: 15.25rem;margin-bottom: 15.25rem;}

  .pb-m-59 {padding-bottom: 15.25rem;}
  .pt-m-59 {padding-top: 15.25rem;}
  .pl-m-59 {padding-left: 15.25rem;}
  .pr-m-59 {padding-right: 15.25rem;}
  .px-m-59 {padding-left: 15.25rem;padding-right: 15.25rem;}
  .py-m-59 {padding-top: 15.25rem;padding-bottom: 15.25rem;}
}

  

.mb-60 {margin-bottom: 15.5rem;}
.mt-60 {margin-top: 15.5rem;}
.ml-60 {margin-left: 15.5rem;}
.mr-60 {margin-right: 15.5rem;}
.mx-60 {margin-left: 15.5rem;margin-right: 15.5rem;}
.my-60 {margin-top: 15.5rem;margin-bottom: 15.5rem;}

.pb-60 {padding-bottom: 15.5rem;}
.pt-60 {padding-top: 15.5rem;}
.pl-60 {padding-left: 15.5rem;}
.pr-60 {padding-right: 15.5rem;}
.px-60 {padding-left: 15.5rem;padding-right: 15.5rem;}
.py-60 {padding-top: 15.5rem;padding-bottom: 15.5rem;}
@media screen and (max-width: 550px) {
  .mb-m-60 {margin-bottom: 15.5rem;}
  .mt-m-60 {margin-top: 15.5rem;}
  .ml-m-60 {margin-left: 15.5rem;}
  .mr-m-60 {margin-right: 15.5rem;}
  .mx-m-60 {margin-left: 15.5rem;margin-right: 15.5rem;}
  .my-60 {margin-top: 15.5rem;margin-bottom: 15.5rem;}

  .pb-m-60 {padding-bottom: 15.5rem;}
  .pt-m-60 {padding-top: 15.5rem;}
  .pl-m-60 {padding-left: 15.5rem;}
  .pr-m-60 {padding-right: 15.5rem;}
  .px-m-60 {padding-left: 15.5rem;padding-right: 15.5rem;}
  .py-m-60 {padding-top: 15.5rem;padding-bottom: 15.5rem;}
}/* Full Paddings */
.p-40 {padding: 2.5rem}
.p-60 {padding: 3.75rem}
.p-100 {padding: 6.25rem}



/* Section separators */
.sm-1 {margin-bottom: 2.5rem !important} /* 40px @ html:16px */
.sm-2 {margin-bottom: 3.75rem !important}/* 60px @ html:16px */
.sm-3 {margin-bottom: 6.25rem !important}/* 100px @ html:16px */

/* For in-section separations */
.sp-1 {padding-bottom: 2.5rem}
.sp-2 {padding-bottom: 3.75rem}

/* For section separations */
.sp-3 {padding-bottom: 6.25rem}

@media screen and (max-width: 550px) {
  .p-100 {padding: 3rem}
  .p-60 {padding: 2rem}
  .p-40 {padding: 1rem}
  .sp-1 {margin-bottom: 1rem}
  .sp-2 {margin-bottom: 20px}
  .sp-3 {margin-bottom: 40px}
  .px-s-5 {padding-right: 1.5rem; padding-left: 1.5rem}
}
/* ! IMAGES */
/* -------------------------------------------------------------------------------------- */
/* Fluid images */
.image-fit {width: 100%; height: 100%; object-fit: cover; background-size:cover}
.image-contain {width: 100%; height: 100%; object-fit: contain; background-size:contain}

/* ! DIMENSIONS */
/* -------------------------------------------------------------------------------------- */

/* ! > Height */
.min-h-100vh {min-height: 100vh}
.min-h-80vh {min-height: 80vh}

.h-fit {min-height: inherit;}
.min-h-full {min-height: 100%}
.min-h-150 {min-height: 150px}
.min-h-200 {min-height: 200px}
.min-h-250 {min-height: 250px}
.min-h-300 {min-height: 300px}
.min-h-350 {min-height: 350px}
.min-h-400 {min-height: 400px}
.min-h-500 {min-height: 500px}
.min-h-600 {min-height: 600px}

.max-h-full {max-height: 100%}
.max-h-150 {max-height: 150px}
.max-h-200 {max-height: 200px}
.max-h-250 {max-height: 250px}
.max-h-300 {max-height: 300px}
.max-h-350 {max-height: 350px}
.max-h-400 {max-height: 400px}

.h-half {height: 50%}

@media screen and (max-width: 550px) {
  .min-h-250-clamp-mobile {
    height: clamp(100px,25vh, 250px);
    min-height: inherit;
  }
}

/* ! > Widht */
.min-w-full {min-width: 100%}
.min-w-200 {min-width: 200px}
.min-w-230 {min-width: 230px}
.min-w-250 {min-width: 250px}
.min-w-300 {min-width: 300px}
.min-w-350 {min-width: 350px}
.min-w-400 {min-width: 400px}

.max-w-full {max-width: 100%}
.max-w-100 {max-width: 100px}
.max-w-150 {max-width: 150px}
.max-w-200 {max-width: 200px}
.max-w-230 {max-width: 230px}
.max-w-250 {max-width: 250px}
.max-w-300 {max-width: 300px}
.max-w-350 {max-width: 350px}
.max-w-400 {max-width: 400px}
.max-w-750 {max-width: 750px}

.size-20vw {width: 20vw; height: 20vw}
.size-25vw {width: 25vw; height: 25vw}

.w-full {width: 100%}
.h-full {height: 100%;}

/*responseive height */
.h-350-r {height: 350px;}
.h-450-r {height: 450px;}
.h-500-r {height: 500px;}
.h-550-r {height: 550px;}
.h-600-r {height: 600px;}
@media screen and (max-width: 550px) {
  .h-350-r {height: 250px;}
  .h-450-r {height: 350px;}
  .h-500-r {height: calc(100vh-20rem)};
  .h-550-r {height: calc(100vh-25rem)};
  .h-600-r {height: calc(100vh-30rem)};
}

.max-h-230-m-160 {
  height: 230px;
  max-height: 230px;
}

@media screen and (max-width: 550px) {
  .max-h-230-m-160 {
    height: 160px;
    max-height: 160px;
  }
}

.w-auto {width: auto}
.h-auto {height: auto}

.offset-up-1 {display: block; margin-top: -1rem;}

/* ! STYLE */
/* -------------------------------------------------------------------------------------- */

/* ! > Shadows */
.sh-1 {box-shadow: var(--shadow-light)}
.sh-2 {text-shadow: 0 0 80px rgba(0, 0, 0, 0.6), 0 0 20px rgba(0, 0, 0, 0.6), 0 1px 4px black;}
.sh-3 {text-shadow: 0 0 100px rgba(0, 0, 0, 0.1), 0 0 20px rgba(0, 0, 0, 0.1), 0 1px 5px black;}

.line-upper-dash {border:none; border-top: 2px dotted var(--dark)}
/*TBD*/
.line-upper-dash-bright {border:none; border-top: 2px dotted var(--bright)}
.line-lower-dash {border:none; border-bottom: 2px dotted var(--primary)}
.line-right-dash {border:none; border-right: 2px dotted var(--primary)}
.line-left-dash {border:none; border-left: 2px dotted var(--primary)}

.line-upper-solid {border:none; border-top: 2px solid var(--primary)}
.line-lower-solid {border:none; border-bottom: 2px solid var(--primary)}
.line-right-solid {border:none; border-right: 2px solid var(--primary)}
.line-left-solid {border:none; border-left: 2px solid var(--primary)}

/* ! > Input */
button {display: inline-block; background: none; border: none; color: unset}
input, textarea, select {outline: 0; border: 2px solid #fcfcfc; border-radius: 4px; padding: 10px; background: #fcfcfc; box-shadow: var(--shadow-light); transition: var(--btn-transition)}
input, textarea, select {-webkit-appearance: none;-moz-appearance: none; appearance: none }
input[type=checkbox] {position: relative;width: 18px !important; height: 18px !important; padding:0; cursor:pointer;border: 1px solid #C9C9C9;}
input[type=radio] {border-radius: 100px; width: 18px !important; height: 18px !important; padding:0; cursor:pointer;border: 1px solid #C9C9C9;}
input:hover, textarea:hover, select:hover, textarea:hover {border-color: #ddd}
input:focus, textarea:focus, select:hover, textarea:hover {border-color: gold}
input[type=checkbox]:checked, [type=radio]:checked {background: var(--accent) content-box; padding:0px; outline: 2px solid #fff; outline-offset: -2px}
.newsletter-form input[type=checkbox]:checked:before {content: "✓"; left: 2px; top: -3px; position: absolute; color: var(--color-primary);}



/* ! > Effects
.show-on-hover {
  transition: var(--btn-transition)
}
.show-on-hover .show-target-button {
  display: none;
  opacity: 0
}
.show-on-hover:hover .show-target-content {
  justify-content: center;
}
.show-on-hover:hover .show-target-button {
  display: block;
  opacity: 1
}
.animated {
  transition: var(--btn-transition);
}
.owl-item {
  overflow: hidden;
}
.bw {
  filter: grayscale(0.75);
}
.bw:hover {
  filter: grayscale(0);
}
.zoom-on-hover {
  overflow: clip;
}
.zoom-on-hover .target {
  z-index: 0;
  filter: blur(0px);
  opacity: 0.7;
  transform: scale(1);
  transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1)
}
.zoom-on-hover:hover .target {
  filter: blur(5px);
  transform: scale(1.2);
  opacity: 1
}
.z-1 {
  z-index: 1
}
.z-2 {
  z-index: 2
}*/


/* Horizontal scroll animation */
/* ---------------------------------------*/
.animated {transition: var(--btn-transition);}
.show-on-hover {transition: var(--btn-transition)}
.show-on-hover .show-target-button {display: none; opacity: 0}
.show-on-hover:hover .show-target-content {justify-content: center;}
.show-on-hover:hover .show-target-button {display: block; opacity: 1}
.zoom-on-hover {overflow: hidden}
.target {z-index: 0; filter: blur(0px); opacity: 1; transform: scale(1); transition: all 2s cubic-bezier(0.075, 0.82, 0.165, 1)}
.zoom-on-hover:hover .target {filter: blur(5px); transform: scale(1.05); opacity: 0.9}
.cards-margin {padding-inline:10px}
@media (max-width: 1024px) {
  .cards-margin {padding-inline: 0;}
}

/* Expansion Effect (GSAP library) */
/* ---------------------------------------*/
.expand-effect {position: relative; height: 100vh; overflow: hidden;}
.expand-effect__overlay {z-index: 0; width: 100%; height: 100vh; position: absolute; opacity: 1; top: 0; display: flex; align-content: center;justify-content: center; }
.expand-effect__overlay-inner {background-color: rgb(0, 0, 0); max-width: var(--container) ;width: calc(100% - 40px); border-radius: 10px; overflow: hidden;}
.expand-effect__overlay-inner img {height: 100%; width: 100%;  object-fit: cover}
.expand-effect__content {position: relative; display: flex; flex-direction: column; height: 100%; justify-content: center; align-content: center; z-index: 2; opacity: 1;}
.expand-effect__content-inner {display: flex; flex-direction: column;}

/* Swiper cards (Replaces Owl-Carousel)  */
/* ---------------------------------------*/
.carousel .swiper-slide:not(.swiper-slide-active) {filter:brightness(0.5) sepia(1) opacity(0.5); transition: all 1s ease;}
.swiper-slide {transition: all 1s ease;}

.almo-carousel {
  height: var(--desktop-height);
}

@media screen and (max-width: 1600px) {
  .almo-carousel {
    height: var(--small-desktop-height);
  }
}

@media screen and (max-width: 768px) {
  .almo-carousel {
    height: var(--mobile-height);
  }
}

/* Nutritional Tips */
/* ---------------------------------------*/
.nutritional-tip-card {width: 50%; min-width: 250px;}
.nutritional-tips-cat__img-small {width: 200px; margin-top: -60%; margin-bottom:-21%; transform: translateX(50%);}
.nutritional-tips-cat__img-large {margin-top: -82%; margin-bottom:-28%; transform: translateX(12%); width: 300px; height: 300px;}

@media screen and (max-width: 1024px) {
  .nutritional-tips { justify-content: space-between; gap:10px}
}

@media screen and (max-width: 768px) {
  .nutritional-tip {flex-basis: 100%; display: flex; justify-content: center}
  .nutritional-tip-card {width: 100%; max-width: 400px; display: flex; flex-direction: column; justify-content: center;}
  .nutritional-tip:last-child .nutritional-tip-card {margin-top: 100px}
  .nutritional-tips-cat__img-small {width: 150px; margin-left: auto; margin-right:auto;margin-top: -90px; margin-bottom: -13px; transform: translateX(0); height:auto}
  .nutritional-tips-cat__img-large {width: 250px; margin-left: auto; margin-right:auto;margin-top: -126px; margin-bottom: -31px; transform: translateX(0); height:auto}
}

.card-columns {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 1.25rem;
  -moz-column-gap: 1.25rem;
  column-gap: 1.25rem;
  max-width: var(--wrapper);
  margin: 0 auto;
  padding: 1rem 1.5rem;
}

@media screen and (max-width: 768px) {
  .card-columns {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}

.card-columns .card {
  display: inline-flex;
  width: 100%;
  margin-bottom: 0.75rem;
  padding: 2rem;
  flex-direction: column;
  gap: 1rem;
}

.card-columns .card .card-icon {
}
.card-columns .card .card-title {
}
.card-columns .card .card-description {
}

.food-block .food-text {
  background: #fff;
  border-radius: 10px;
  padding: 10px 20px;
  width: 230px;
  position: relative;
}

.food-block .food-text .image {
  position: absolute;
}

.food-block .food-text .small-description {
  font-size: 0.87rem;
  padding-top: 0.5rem;
}

.food-block .wet-food {
  position: absolute;
  top: 160px;
  left: 30px;
}

.food-block .wet-food .food-text .image {
  top: -145px;
  right: -180px;
}

.food-block .dry-food {
  position: absolute;
  right: 110px;
  top: 85px;
}

.food-block .dry-food .food-text .image {
  left: -110px;
  bottom: -110px;
}

.food-block .acqua-food {
  position: absolute;
  left: 52%;
  bottom: 15px;
}

.food-block .acqua-food .food-text .image {
  top: -60px;
  left: -160px;
}

.food-block .food-text .title {
  color: var(--accent);
  font-size: 1.4375rem;
  font-weight: bold;
}

.food-block .food-text .description {
  color: var(--dark);
  font-size: 3rem;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .food-block {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding-bottom: 150px;
  }
  .food-block .wet-food {
    position: inherit;
    top: 100px;
    left: -40px;
  }
  .food-block .wet-food .food-text .image {
    right: -157px;
    top: -164px;
  }
  .food-block .dry-food {
    position: inherit;
    right: -60px;
    top: 100px;
  }
  .food-block .dry-food .food-text .image {
    bottom: -103px;
    left: -125px;
  }
  .food-block .acqua-food {
    position: inherit;
    left: -40px;
    bottom: -195px;
  }
  .food-block .acqua-food .food-text.t-align-r {
    text-align: left;
  }
  .food-block .acqua-food .food-text .image {
    left: inherit;
    top: -117px;
    right: -138px;
  }
}


/* Product Box */
/* ---------------------------------------*/
.product-box-wrapper {display: flex; margin-inline: auto; max-width: 950px; overflow: hidden; border-radius: 10px; margin-bottom: 10px;}
.product-box-image {display: block; max-width: 315px; background-color: var(--bright);}
.product-box-image img {padding: 1rem; min-width: 250px; width: 100%;}
.product-box-wrapper.half .product-box-image { max-width: 475px; }
.product-box-wrapper.one-third .product-box-image { max-width: 315px; }
.product-box-wrapper.two-third .product-box-image { max-width: 630px; }
.product-box-content {display: flex; flex-direction: column; align-items:flex-start; justify-content: center;width: 100%; padding: 20px; background-color: var(--primary-bright); }

@media (max-width: 768px) {
  .product-box-wrapper {flex-direction: column;}
  .product-box-image {display: block; max-width: 100%; text-align: center; background-color: var(--bright);}
  .product-box-content p {font-size: 80%;}
}


/* ! >> Horizontal Scroll */
.three-cards, .owl-item {border-radius: 10px;}


.owl-item {overflow: hidden;}

.bw {filter: grayscale(0.75);}
.bw:hover {filter: grayscale(0);}

.z-1 {z-index: 1}
.z-2 {z-index: 2}


.font-bold {font-weight: 700}



/* Squares */

.square {aspect-ratio: 1/1;}

.size-20vw {width: 20vw; height: 20vw}
.size-25vw {width: 25vw; height: 25vw}

.in-page { width: 100%; transition: all .2s ease-in;}
.in-page .expandable-content { opacity: 1;}
.in-page .expandable-background { transform: scale(1.2); opacity: 0.4; transition: all 1.5s ease-out; filter: blur(5px); mix-blend-mode: multiply;}

/* ! > Fixed Background Effect */
.fixed-bg {position:relative; overflow:clip}
.fixed-bg-bg-wrapper {position:relative; z-index:0; background: black; }
.fixed-bg-bg {position: sticky; top: 0; height: 100%; min-height: 100vh; opacity: 1;}
.fixed-bg-content {position: relative; margin-top: -50vh; padding-bottom: 30vh; z-index:1; opacity: 0;}

.in-page .fixed-bg-content {opacity: 1; margin-top: -50vh;}
.in-page .fixed-bg-bg {opacity: 0.7; filter:blur(20px)}

.owl-dots {position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); z-index: 4;}
.owl-dot {height: 10px; width: 10px; border-radius: 10px; background: var(--color-primary)!important; margin: 0 4px; opacity: 0.5;}
.owl-dots .active {opacity:1}

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


/* ! > Radius */
.br-6 {border-radius: 6px}
.br-10 {border-radius: 10px}
.br-20 {border-radius: 20px}

.check-icon {
  width:50px;
  margin:auto;
  text-align: center;
}

.chip {display: flex; width: max-content; cursor: pointer; height: fit-content; transition: var(--btn-transition)}

.icon-round-check {
    mask: url('https://cdn.almonature.com/hubfs/%5BA%5D%20Photos/almo_round_check-1.svg') no-repeat 50% 50%;
    mask-size: contain;
    -webkit-mask: url('https://cdn.almonature.com/hubfs/%5BA%5D%20Photos/almo_round_check-1.svg') no-repeat 50% 50%;
    -webkit-mask-size: contain;
}

.almo-logo-white {
  width: 200px;
  filter: brightness(100);
}

.reveal{
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: 0.5s all ease;
}

.reveal.active{
  transform: translateY(0);
  opacity: 1;
}

.three-cards.owl-carousel h3 {
  font-size: 1.91rem;
  line-height: 2.7rem;
}

.expansion-sections .title {
  position: relative;
  font-size: 1.125rem;
  font-weight: bold;
  padding: 1.375rem 1.375rem 1.375rem 5.31rem;
  margin-bottom: 1.5rem;
  cursor: pointer;
  transition: opactiy 0.25s ease-in-out;
}

.expansion-sections .title:hover {
  opacity: 0.9;
}

.expansion-sections .title::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' class='w-6 h-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5' /%3E%3C/svg%3E%0A");
  background-position: center center;
  background-repeat: no-repeat;
  content: "";
  height: 24px;
  left: 35px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.2s linear 0s;
  width: 24px;
}

.expansion-sections .rotate.title::after {
  transform: translateY(-50%) rotate(180deg);
}

.expansion-sections .description {
  max-height: 0;
  visibility: hidden;
  overflow: hidden;
  font-size: 1rem;
  padding: 0 1.375rem 0 5.31rem;
  color: var(--dark);
  transition: all 0.25s ease-in-out;
}

.expansion-sections .description.show {
  visibility: visible;
  max-height: 1000px;
  padding: 0.2rem 1.375rem 1.5rem 5.31rem;
}

.expansion-sections .description p {
  line-height: 1.5rem;
}

.expand-effect,
.expand-effect__overlay,
.expand-effect__image,
.expand-effect img {
    height: var(--expansion-height);
    width: 100vw;
}

@media (max-width: 767px) {
  .expand-effect,
  .expand-effect__overlay,
  .expand-effect__image,
  .expand-effect img {
      height: var(--expansion-height-mobile);
  }
}

.expand-effect img {
    object-fit: cover;
    opacity: .7;
    width: 100vw;
}
.expand-effect__image {
    background: #000;
    overflow: hidden;
    width: 100vw;
}
.expand-effect {
    overflow: hidden;
    position: relative;
}
.expand-effect__overlay {
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.expand-effect__overlay__progress {
    background-color: #fff;
    content: " ";
    height: 5px;
    left: 0;
    opacity: .4;
    position: absolute;
    top: 0;
    width: var(--animation-progress);
    z-index: 1;
}

.expand-bg-overlay {
    background-color: rgba(0, 0, 0, .5)
}
.expand-effect__inner h1 {
    font-size: 46px;
    margin-bottom: 10px;
}
.expand-effect__inner p {
    font-size: 18px;
}
.expand-effect__inner__text h2,
.expand-effect__inner__text p {
    max-width: 650px;
    text-align: center;
    color: var(--expansion-text-color);
}
.expand-effect__inner button {
    background-color: #fff;
    border: none;
    border-radius: 20px;
    color: #333;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    margin-top: 15px;
    outline: none;
    padding: 18px 30px;
    transition: all .2s ease-in-out;
}
.expand-effect__inner button:hover {
    scale: 1.05;
}

.expand-effect__inner {
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    align-items: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    padding: 10rem 6rem;
}

@media (max-width: 767px) {
  .expand-effect__inner {
    padding: 3rem;
  }
}

.expand-effect__inner.tp_center {
  justify-content: center;
  align-items: center;
}

.expand-effect__inner.tp_top {
  justify-content: center;
  align-items: flex-start;
}

.expand-effect__inner.tp_bottom {
  justify-content: center;
  align-items: flex-end;
}

.expand-effect__inner.tp_top_left {
  justify-content: flex-start;
  align-items: flex-start;
}

.expand-effect__inner.tp_top_left .expand-effect__inner__text h2,
.expand-effect__inner.tp_top_left .expand-effect__inner__text p {
  text-align: left;
}

.expand-effect__inner.tp_top_right {
  justify-content: flex-start;
  align-items: flex-end;
}

.expand-effect__inner.tp_top_right .expand-effect__inner__text h2,
.expand-effect__inner.tp_top_right .expand-effect__inner__text p {
  text-align: right;
}

.expand-effect__inner.tp_bottom_left {
  justify-content: flex-end;
  align-items: flex-start;
}

.expand-effect__inner.tp_bottom_left .expand-effect__inner__text h2,
.expand-effect__inner.tp_bottom_left .expand-effect__inner__text p {
  text-align: left;
}

.expand-effect__inner.tp_bottom_right {
  justify-content: flex-end;
  align-items: flex-end;
}

.expand-effect__inner.tp_bottom_right .expand-effect__inner__text h2,
.expand-effect__inner.tp_bottom_right .expand-effect__inner__text p {
  text-align: right;
}


@media screen and (max-width: 550px) {
  .expansion-sections .title::after {
    left: 20px;
  }
  .expansion-sections .title {
    padding: 1rem 1rem 1rem 3.3rem;
  }
  .expansion-sections .description {
    padding: 0 1rem 0 3.3rem;
  }
  .expansion-sections .description.show {
    padding: 0.2rem 0.5rem 1rem 3.3rem;
  }
}

/* slightly transparent fallback */
.super-family-popup {
  background-color: rgba(0, 0, 0, 0.5);
}

/* if backdrop support: very transparent and blurred */
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  .super-family-popup {
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(9.5px);
  }
}

.super-family-close {
  top: 20px;
  right: 20px;
  left: unset;
  cursor: pointer;
}

.super-family-close:hover {
  background: var(--accent-hover);
}
@media screen and (max-width: 550px) {
  .super-family-popup,
  .hero-section h2 {
    zoom: 0.75;
  }
  .super-family-popup img {
    max-height: 150px;
  }
}

.percentage-number {
  position: relative;
}

.percentage-number::before {
  position: absolute;
  content: " ";
  top: 45%;
  left: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 14px solid #00CC00;
}

.progress-bar {
  border-bottom: 2px solid #00CC00;
}

.progress-bar .progress-bar-body {
  background-color: #00CC00;
}

.grid-center {
    display: grid;
    height: 100%;
    place-content: center;
    place-items: center;
}

.almo-community-hub
.almo-community-hub p,
.almo-community-hub a,
.almo-community-hub div {
  color: var(--bright);
}

.community-blog-menu li {
  margin: 0 10px;
}

@media screen and (max-width: 550px) {
  .community-blog-menu li {
    margin: 5px 10px;
  }
}

.community-blog-menu li a {
  color: var(--accent);
  font-weight: bold;
  padding: 5px 10px;
  display: block;
  border-radius: 4px;
  background: #fff;
  transition: all 0.25s ease-in-out;
  border: 1px solid var(--primary-hover);
}

.community-blog-menu li a:hover {
  background: none;
  border: 1px solid #fff;
  color: #fff;
}

.read-more .read-more__popup {
  height: 0;
}

.read-more .read-more__close {
  cursor: pointer;
}

.swiper-slide video.video-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper-slide .show-play-button-on-mobile {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 128px;
  height: 128px;
  color: #fff;
  cursor: pointer;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .swiper-slide .show-play-button-on-mobile {
    display: block;
  }

  .swiper-slide .show-play-button-on-mobile.hide-video-playing {
    display: none;
  }
}

.swiper-slide.show-play-button-on-mobile svg {
  width: 128px;
  height: 128px;
}

.swiper-slide .show-play-button-on-mobile svg:hover {
  opacity: 0.7;
}

.pro-area-card {
  border: 3px solid var(--accent);
  box-shadow: var(--shadow-light);
}

.registration-form label {
  font-weight: bold;
}

.registration-form .font-normal label {
  font-weight: normal;
}

.registration-form .form-error {
  color: var(--error);
  font-size: 0.75rem;
}

.registration-form .has-error {
  border-color: var(--error);
}

.hover-link:hover {
  cursor: pointer;
  text-decoration: underline;
}

/* Keyframe animations */

@keyframes fadeIn {0% {opacity:0;visibility:visible} to {opacity:1}}
.fadeIn {animation:fadeIn 1.2s}
.fadeIn-fast {animation:fadeIn 0.5s}

@keyframes slide-down {
  0% {
    visibility: hidden;
    height: 0;
    opacity: 0;
  }
  95% {
    visibility: visible;
    height: 250px;
    opacity: 1;
  }
  /* Set height to 'auto' after animation for spacing showing form-invalid feedback message */
  100% {
    visibility: visible;
    height: auto;
  }
}
@keyframes slide-up {
  from {
    opacity: 1;
    visibility: visible;
    height: 250px;
  }
  to {
    opacity: 0;
    visibility: hidden;
    height: 0;
  }
}


.slide-down {
  animation: slide-down 0.3s linear both;
}

.slide-up {
  animation: slide-up 0.3s linear both;
}

.timeline {
  padding-bottom: 50px;
}

.timeline .timeline-item {
  position: relative;
  padding-top: 30px;
}

.timeline .timeline-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 100%;
  background: #000;
  z-index: 0;
}

.timeline .timeline-item .timeline-year {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 130px;
  height: 130px;
  border-radius: 50%;
  font-size: 2rem;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

.timeline .timeline-item:first-child .timeline-year {
  top: 0;
}

.timeline .timeline-item .timeline-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 20px;
}

.timeline .timeline-item:nth-child(odd) .timeline-content {
  flex-direction: row-reverse;
}

.timeline .timeline-item .timeline-content .timeline-image {
  width: 50%;
  padding: 100px 20px 50px 20px;
  border-bottom: 1px solid #000;
  position: relative;
  text-align: center;
}

/*
.timeline .timeline-item:nth-child(odd) .timeline-content .timeline-image {
  padding: 80px 20px 20px 95px;
} */

.timeline .timeline-item .timeline-content .timeline-image img {
  object-fit: cover;
  height: 100%;
  max-height: 350px;
}

.timeline .timeline-item .timeline-content .timeline-image::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #000;
  opacity: 1;
}

.timeline .timeline-item:nth-child(odd) .timeline-content .timeline-image::after {
  left: auto;
  right: 0;
}

.timeline .timeline-item .timeline-content .timeline-description {
  width: 50%;
  padding: 110px 20px 20px 120px;
}

.timeline .timeline-item .timeline-content .timeline-description h3 {
  margin-bottom: 20px;
}

.timeline .timeline-item:nth-child(odd) .timeline-content .timeline-description {
  padding: 110px 120px 20px 20px;
}

@media (max-width: 767px) {
  .timeline {
    width: 100vw;
    padding: 30px;
  }

  .timeline .timeline-item .timeline-year {
    position: inherit;
    left: inherit;
    top: inherit;
    transform: inherit;
    width: 90px;
    height: 90px;
    font-size: 1.5rem;
  }

  .timeline .timeline-item .timeline-content {
    flex-direction: column;
  }

  .timeline .timeline-item:nth-child(odd) .timeline-content {
    flex-direction: column;
  }

  .timeline .timeline-item .timeline-content .timeline-description,
  .timeline .timeline-item:nth-child(odd) .timeline-content .timeline-description {
    padding: 20px 0;
    width: 100%;
  }

  .timeline .timeline-item .timeline-content .timeline-image,
  .timeline .timeline-item:nth-child(odd) .timeline-content .timeline-image {
    width: 100%;
  }

  .timeline .timeline-item .timeline-content .timeline-image img {
    width: 100%;
  }

  .timeline .timeline-item {
    margin-bottom: 20px;
  }

  .timeline .timeline-item .timeline-content {
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 0 20px;
  }

  .timeline .timeline-item .timeline-content .timeline-image {
    border-bottom: none;
  }

  .timeline .timeline-item::after,
  .timeline .timeline-item .timeline-content .timeline-image::after {
    display: none;
  }

  .timeline .timeline-item .timeline-content::after {
    content: "";
    position: absolute;
    bottom: -3px;
    right: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #000;
    opacity: 1;
  }
}

.brush-bg-blue,
.line-bg-blue,
.brush-bg-green,
.line-bg-green,
.brush-bg-teal,
.line-bg-teal,
.brush-bg-gold,
.line-bg-gold {
  position: relative;
  display: inline;
  z-index: 1;
  max-width: fit-content;
}

.brush-bg-blue::before,
.line-bg-blue::before,
.brush-bg-green::before,
.line-bg-green::before,
.brush-bg-teal::before,
.line-bg-teal::before,
.brush-bg-gold::before,
.line-bg-gold::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: -1;
  opacity: 60%;
}

.brush-bg-blue::before {
  background-image: url("https://cdn.almonature.com/hubfs/icons/brush-blue.svg");
}

.brush-bg-green::before {
  background-image: url("https://cdn.almonature.com/hubfs/icons/brush-green.svg");
}

.brush-bg-teal::before {
  background-image: url("https://cdn.almonature.com/hubfs/icons/brush-teal.svg");
}

.brush-bg-gold::before {
  background-image: url("https://cdn.almonature.com/hubfs/icons/brush-gold.svg");
}

.line-bg-blue::before,
.line-bg-green::before,
.line-bg-teal::before,
.line-bg-gold::before {
  top: inherit;
  bottom: 0;
  height: 10px;
  opacity: 1;
}

.line-bg-blue::before {
  background-color: #489DDE;
}

.line-bg-green::before {
  background-color: #9ADC6D;
}

.line-bg-teal::before {
  background-color: #70AEBA;
}

.line-bg-gold::before {
  background-color: #f2c94c;
}

.custom-cta-btn {
  background-color: #672308;
  border-radius: 9999px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #ffffff;
}

.custom-cta-btn:hover {
  background-color: #8b4a3c;
}

.module-description ul {
  list-style-type: none;
}

.module-description ul li {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0.3rem 0;
}

.module-description ul li::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  background-image: url('https://cdn.almonature.com/hubfs/icons/check.svg');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 0.75rem;
}

.flex-col-m-row {
  display: flex;
  flex-direction: column;
}

.flex-col-m-row img {
  width: 5rem;
}

@media (max-width: 768px) {
  .flex-col-m-row {
    flex-direction: row;
  }

  .flex-col-m-row img {
    height: 4rem;
    width: auto;
    gap: 2rem;
  }

  .f-mobile-reverse {
    flex-direction: column-reverse;
  }
}