/* 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: 1600px;

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

	--color-primary: #FCFCFC;
	--color-dark: #262626;
	--color-bright: #FCFCFC;
	--color-accent: #4F7541;
  --color-almo-accent: #F7A600;

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

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

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

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

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

*, *: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;
}

/**
 * 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
   ========================================================================== */

/**
 * Add the correct box sizing in Firefox.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * 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
   ========================================================================== */

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, 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;
}

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

/**
 * Remove the inheritance of text transform in Edge and Firefox.
 * 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;
}

/**
 * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers.
 */

legend {
  padding: 0;
}

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

progress {
  vertical-align: baseline;
}

/**
 * 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 and Firefox.
 */

details {
  display: block;
}

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

summary {
  display: list-item;
}

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



/* CSS variables */

:root {
  --column-gap: 2.13%;
  --column-width-multiplier: 8.333;
}

@viewport {
  viewport-fit: cover;
}

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

.row-fluid-wrapper { width: 100%; }

/* Mobile layout */

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


  .row-fluid .span1,
  .row-fluid .span2,
  .row-fluid .span3,
  .row-fluid .span4,
  .row-fluid .span5,
  .row-fluid .span6,
  .row-fluid .span7,
  .row-fluid .span8,
  .row-fluid .span9,
  .row-fluid .span10,
  .row-fluid .span11,
  .row-fluid .span12{
  min-height: 1px;
  width: 100%;
}

/* Desktop layout */

@media (min-width: 768px) {
  .hide-desktop {display: none;}

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

  
    .row-fluid .span1 {
      width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span2 {
      width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span3 {
      width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span4 {
      width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span5 {
      width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span6 {
      width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span7 {
      width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span8 {
      width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span9 {
      width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span10 {
      width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span11 {
      width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100));
    }
  
}


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

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;}
.flex-wrap {flex-wrap: wrap;}
.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-32 {flex-basis:32%}
.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-column-4 {grid-template-columns: repeat(4, 1fr);grid-auto-flow: dense;}
.g-column-5 {grid-template-columns: 0.5fr 1fr 1fr 1fr 1fr; grid-auto-flow: dense;}
.g-column-8 {grid-template-columns: repeat(8, 1fr);grid-auto-flow: dense;}
.g-place-center {place-items: center;}

/* -------------------------------------------------------------------------------- */
/* ! 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-mobile-row {flex-flow: row;}
  .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);}
  .m-order-1 { order: 1 }
  .m-order-2 { order: 2 }
  .m-order-3 { order: 3 }
  .m-order-3 { order: 4 }
  .m-order-5 { order: 5 }
}

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

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

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

.all-fc-projects .fc-project-sidebar {
  min-width: 175px;
  width: 180px;
}

@media (max-width: 550px) {
  .all-fc-projects .fc-project-sidebar {
    min-width: 100%;
    width: 100%;
  }
}

.all-fc-projects .project-links li {
 cursor: pointer;
}

.all-fc-projects .project-links li.active {
  font-weight: bold;
  color: #4F7541;
}

.hover-bg-image { background-position: center; }
@media (min-width: 550px) {
  .hover-bg-image:hover { animation: moveBackground 25s linear infinite; box-shadow: var(--shadow-light); }
}

@keyframes moveBackground {
  0%, 100% {
    background-position: 50% 50%;
  }
  25%, 75% {
    background-position: 0% 0%;
  }
  50% {
    background-position: 100% 100%;
  }
}
.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;
}

@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.)
*/

/* ! > Families */
html, body {font-family: 'Poppins', sans-serif !important;}

body {
  line-height: 1.4;
  overflow-wrap: break-word;
}

html[lang^="ja"] body,
html[lang^="zh"] body,
html[lang^="ko"] body {
  line-break: strict;
  overflow-wrap: normal;
  word-break: break-all;
}

/* Paragraphs */

p {
  font-size: 1rem;
  margin: 0 0 1.4rem;
  line-height: 1.25;
}

/* Anchors */

a {
  cursor: pointer;
}

/* Lists */

ul,
ol {
  margin: 0 0 1.4rem;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin: 0;
}

ul.no-list {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Code blocks */

pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */

blockquote {
  border-left: 2px solid;
  margin: 0 0 1.4rem;
  padding-left: 0.7rem;
}

/* Horizontal rules */

hr {
  border: none;
  border-bottom: 1px solid #CCC;
}

/* Image alt text */

img {
  font-size: 0.583rem;
  word-break: normal;
}

/* ! > headings */
h1,h2,h3,h4,h5,h6,p,span, div, input,textarea, li,.btn p, a, button,label, .size-h1, .size-h2, .size-h3, .size-h4, .size-h5, .size-h6 {font-family: 'Poppins', sans-serif;}

h1, .size-h1, h1.size-h1 {font-weight: 800; font-size: 3rem; line-height: 1.2}
h2, .size-h2, h2.size-h2 {font-weight: 800; font-size: 2.4rem; line-height: 120%}
h3, .size-h3, h3.size-h3 {font-weight: 800; font-size: 1.66rem; line-height: 120%}
h4, .size-h4, h4.size-h4 {font-weight: 800; font-size: 1.3rem; line-height: 125%}
h5, .size-h5, h5.size-h5 {font-weight: 800; font-size: 1.18rem; line-height: 130%; margin-top: 0}
h6, .size-h6, h6.size-h6 {font-weight: 800; font-size: 1.0rem; line-height: 130%; margin-top: 0}
.size-big-1 {font-size: 4rem; font-weight: 600; letter-spacing: -3px; margin-top: -6rem;}

@media screen and (max-width: 1024px) {
  h1, .size-h1, h1.size-h1 {font-size: 2rem}
  h2, .size-h2, h2.size-h2 {font-size: 1.8rem}
  h3, .size-h3, h3.size-h3 {font-size: 1.5rem}
  h4, .size-h4, h4.size-h4 {font-size: 1.3rem}
  h5, .size-h5, h5.size-h5 {font-size: 1.18rem}
  h6, .size-h6, h6.size-h6 {font-size: 1.0rem}
}

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

/* ! > Align */
.t-align-l {text-align: left;}
.t-align-c {text-align: center;}
.t-align-r {text-align: right;}
.t-par-has-margin p {margin-bottom: 0.5rem}

@media screen and (max-width: 1024px) {
  h1 {font-size: 2rem}
  h2 {font-size: 1.8rem}
  h3 {font-size: 1.5rem}
  h4 {font-size: 1.3rem}
  h5 {font-size: 1.18rem}
  h6 {font-size: 1.0rem}

  p,input,textarea {font-size: 1rem}
  .size-xl {font-size: 1.25rem}
  .size-l {font-size: 1.13rem}
  .size-s,label {font-size: 0.88rem}
  .size-xs {font-size: 0.75rem}
}
button,
.button,
.hs-button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

button:disabled,
.button:disabled,
.hs-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-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-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;}

.btn-report {position: relative; border: 2px solid var(--accent); color: var(--accent); padding: 5px 10px 5px 35px; position: relative; border-radius: 32px; transition: all 0.25s ease-in-out;}
.btn-report:hover {background: var(--primary-light);}
.btn-report::before {content: ' '; position: absolute; top: 4px; left: 6px; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='24' height='24' fill='url(%23pattern11111)'/%3E%3Cdefs%3E%3Cpattern id='pattern11111' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_531_6314' transform='scale(0.0333333)'/%3E%3C/pattern%3E%3Cimage id='image0_531_6314' width='30' height='30' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAABtElEQVR4nO3WzUsCQRQA8IU+7N4HQUEXifJNFniLwEPYG6yOe/QaRCzRzkvq5KljFPW/dIggqMCyDpVE/0UQWUQYxuDqrrqSu87uIXowrCj7fvNm582qaf/RQaREnHEB+0jwiMReOUEJiT2hgCPMToOmOpK5iQEU7AAJypxYxW2gYN+c4Jgb0YgSlBvRCBKctANbJkBwpudi/f4wAauc2Lm1lJ+donb1cOQDZXteIZeqy56eOd9m6W5RxzjsHCY4VQjf/w4a0QgnZiDBhzoYvmTOthuNZ2fGUcCDwkpbKl/emh1z6c9A0UoNb+hvNGEzBLRiDcOGiRW8JlgyYZ6bsQWv9yGxaxsW8O41gd0Bnit+c7ZPKTwYSjYs2E1YMBLkHc84thFixet1OLGW6PO6wfzASJBP5pK9Db28Yk4OoWBXQcFI7HJxZ2rQ9fTSdb0HBWTkuxQFvHQLyxxWrozMramI5gmEFvzPw1zABSe4S4n4SDMsv5O/NfSoqsB6u0GxClVhCy1aO7egHE45APvq/FydkBZE8N25Yfkn3uU0ek5TbDQQVGuLh4DWQi4pCriVw+/y/gBBrVG2s1IhnAAAAABJRU5ErkJggg=='/%3E%3C/defs%3E%3C/svg%3E%0A"); }

.btn-read-more {position: relative; border: 2px solid var(--accent); color: var(--accent); padding: 5px 10px 5px 35px; position: relative; border-radius: 32px; transition: all 0.25s ease-in-out;}
.btn-read-more:hover {background: var(--primary-light);}
.btn-read-more::before {content: ' '; position: absolute; top: 4px; left: 6px; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='24' height='24' fill='url(%23pattern0)'/%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_624_7354' transform='scale(0.0111111)'/%3E%3C/pattern%3E%3Cimage id='image0_624_7354' width='90' height='90' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAACXBIWXMAAAsTAAALEwEAmpwYAAACmElEQVR4nO3cT2oUQRTH8VLwT8QDJBCYRb2AZOsV9AizHqoCo0Y8Q44QjAnqKtuqAjdZNF4g+PcoogZNsrPl2S2EOEMcqXr1Yv++UKsMme5Pipr+lzEGIYQQQgghhFC9DqYrt6Kze8HR1+ipzTGCt5+Ct0/TeHWp4q7pKjr7Ihfwn8Nu194/FW1tmavB00kpaJ7ZtfdxIND0o/Y+DmTpoLb2/qkpjVeXgqNnwdMXQCsqjdevR2cPMKMVIWPpEEIGtBAyoBeoeUI3oqfmAtC5P1/kvQZb+ruZ/Hp/MrpZBbrfwMfR2TfR2+8lj1Pjv51InKQNup9jJvPr+PXi0K+md1aCo4+1MaMgsjg0z+QhIotD/1ouBogsD+3t2yEii0MHZ79pRA5u7V6uo4t5v0N4Rgu+WaZyIHOAFkDmAC2AzAG6wAffrGZez3b02Qx1jW4KIHPB0+4M6J1BQjeFkH/fqeHbYsHRcTfs82KPG2iGbgoin6015goPUzKt0E0m5ItOesTSCJ0yHV0wMp/8GA1pg06ZkWtPGpXQqQAyoIWQAS2EDOgCh3DznskzQ1+j02W+drFotTYuZUbmAC2AzAFaAJkDtNC1C0D38TPNpZA5QJv+XyIcHZdCBvQZ6OjptBQyhxndF5zdL4XMAbovba7f7rFPu+dJ7HYuZA7Q5yp1NwPQQgFaKEALBWihAC0UoIUCtFCAFgrQQgFaKEALBWihAC0UoIUCtFCAFgrQQgFaKEALBWihVENr/HaDmHXYI6Oh7juUamNQyXFoNBQ8bSrAaAuOh0ZD3WO09EEBSJt7BGffvZzevWa0lCaj5ejp/f+GnCajZaMt/ssnR494TbusH5Ch2+7DsLH2QNVMRgghhBBCCCGEEDK6+wkcMeqsLt6XFAAAAABJRU5ErkJggg=='/%3E%3C/defs%3E%3C/svg%3E%0A"); }

.btn-no-icon {position: relative; border: 2px solid var(--accent); color: var(--accent); padding: 5px 10px 5px 10px; position: relative; border-radius: 32px; transition: all 0.25s ease-in-out;}
.btn-no-icon:hover {background: var(--primary-light);}

/* ! 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: 1.4rem;
}

/* Labels */

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

/* Form Title */
.form-title {
  margin-bottom: 0;
}

/* Help text */

form legend {
  font-size: 0.875rem;
}

/* Inputs */

form input[type=text],
form input[type=search],
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: 1rem;
  border-top: 4px solid #fff;
  padding-bottom: 1.18rem;
  padding-top: 1.171rem;
}

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

ul.navigation li a.menu-label.active_page {
  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;
}

.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 */

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

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

@media screen and (max-width: 1000px) {
  .px-t-0 {padding-left: 0.5rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-1 {padding-left: 0.75rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-2 {padding-left: 1.0rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-3 {padding-left: 1.25rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-4 {padding-left: 1.5rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-5 {padding-left: 1.75rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-6 {padding-left: 2.0rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-7 {padding-left: 2.25rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-8 {padding-left: 2.5rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-9 {padding-left: 2.75rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-10 {padding-left: 3.0rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-11 {padding-left: 3.25rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-12 {padding-left: 3.5rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-13 {padding-left: 3.75rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-14 {padding-left: 4.0rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-15 {padding-left: 4.25rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-16 {padding-left: 4.5rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-17 {padding-left: 4.75rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-18 {padding-left: 5.0rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-19 {padding-left: 5.25rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-20 {padding-left: 5.5rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-21 {padding-left: 5.75rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-22 {padding-left: 6.0rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-23 {padding-left: 6.25rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-24 {padding-left: 6.5rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-25 {padding-left: 6.75rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-26 {padding-left: 7.0rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-27 {padding-left: 7.25rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-28 {padding-left: 7.5rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-29 {padding-left: 7.75rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-30 {padding-left: 8.0rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-31 {padding-left: 8.25rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-32 {padding-left: 8.5rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-33 {padding-left: 8.75rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-34 {padding-left: 9.0rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-35 {padding-left: 9.25rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-36 {padding-left: 9.5rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-37 {padding-left: 9.75rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-38 {padding-left: 10.0rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-39 {padding-left: 10.25rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-40 {padding-left: 10.5rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-41 {padding-left: 10.75rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-42 {padding-left: 11.0rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-43 {padding-left: 11.25rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-44 {padding-left: 11.5rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-45 {padding-left: 11.75rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-46 {padding-left: 12.0rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-47 {padding-left: 12.25rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-48 {padding-left: 12.5rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-49 {padding-left: 12.75rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-50 {padding-left: 13.0rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-51 {padding-left: 13.25rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-52 {padding-left: 13.5rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-53 {padding-left: 13.75rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-54 {padding-left: 14.0rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-55 {padding-left: 14.25rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-56 {padding-left: 14.5rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-57 {padding-left: 14.75rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-58 {padding-left: 15.0rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-59 {padding-left: 15.25rem; padding-right: 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;}
}

@media screen and (max-width: 1000px) {
  .px-t-60 {padding-left: 15.5rem; padding-right: 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-50   {min-height: 50px}
.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-50 {max-height: 50px}
.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-160 {max-width: 160px}
.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-500-r {height: 500px;}
@media screen and (max-width: 550px) {
  .h-350-r {height: 250px;}
  .h-500-r {height: calc(100vh-20rem)};
}

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

/* 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: 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: 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: 380px; background-color: var(--bright);}
.product-box-image img {padding: 1rem}
.product-box-content {display: flex; flex-direction: column; align-items:flex-start; justify-content: center;width: 100%; padding: 20px; background-color: var(--primary-bright); }
.product-box-content-description {max-width: 450px; margin-bottom: 10px}

@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)}


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

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

.transparency {
  position: relative;
  display: grid;
  gap: 20px;
  grid-template-columns: 220px 1fr;
  grid-auto-flow: dense;
}

@media screen and (max-width: 767px) {
  .transparency {
    grid-template-columns: repeat(1,1fr);
  }
}

.transparency .transparency-sidebar ul.sidebar {
  list-style: none;
  position: -webkit-sticky;
  position: sticky;
  top: 75px;
}

.transparency .transparency-sidebar ul.sidebar li {
  font-size: 1rem;
  font-weight: bold;
  padding: 10px 0;
}

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