@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Raleway:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;
.tw\:inline-flex {
  display: inline-flex;
}

.tw\:w-full {
  width: 100%;
}

.tw\:cursor-pointer {
  cursor: pointer;
}

.tw\:items-center {
  align-items: center;
}

.tw\:justify-center {
  justify-content: center;
}

.tw\:gap-2 {
  gap: var(--ptc-element-spacing-02);
}

.tw\:space-y-6 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--ptc-element-spacing-06) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--ptc-element-spacing-06) * (1 - var(--tw-space-y-reverse)));
  }
}

.tw\:rounded {
  border-radius: var(--ptc-border-radius-standard);
}

.tw\:border-2 {
  border-style: var(--tw-border-style);
  border-width: 2px;
}

.tw\:border-solid {
  --tw-border-style: solid;
  border-style: solid;
}

.tw\:border-gray-800 {
  border-color: var(--color-gray-08);
}

.tw\:border-gray-1000 {
  border-color: var(--color-gray-10);
}

.tw\:border-green-700 {
  border-color: var(--color-green-07);
}

.tw\:bg-gray-1200 {
  background-color: var(--color-gray-12);
}

.tw\:bg-green-700 {
  background-color: var(--color-green-07);
}

.tw\:bg-white {
  background-color: var(--color-white);
}

.tw\:px-3 {
  padding-inline: var(--ptc-element-spacing-03);
}

.tw\:px-4 {
  padding-inline: var(--ptc-element-spacing-04);
}

.tw\:px-5 {
  padding-inline: var(--ptc-element-spacing-05);
}

.tw\:py-2 {
  padding-block: var(--ptc-element-spacing-02);
}

.tw\:py-3 {
  padding-block: var(--ptc-element-spacing-03);
}

.tw\:py-\[14px\] {
  padding-block: 14px;
}

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

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

.tw\:font-primary {
  font-family: var(--ptc-font-latin);
}

.tw\:leading-\[18px\] {
  --tw-leading: 18px;
  line-height: 18px;
}

.tw\:leading-\[21px\] {
  --tw-leading: 21px;
  line-height: 21px;
}

.tw\:leading-\[22px\] {
  --tw-leading: 22px;
  line-height: 22px;
}

.tw\:leading-\[24px\] {
  --tw-leading: 24px;
  line-height: 24px;
}

.tw\:text-\[\#40434A\] {
  color: #40434A;
}

.tw\:text-gray-700 {
  color: var(--color-gray-07);
}

.tw\:text-gray-800 {
  color: var(--color-gray-08);
}

.tw\:text-gray-900 {
  color: var(--color-gray-09);
}

.tw\:text-gray-1000 {
  color: var(--color-gray-10);
}

.tw\:text-white {
  color: var(--color-white);
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
    }
  }
}
/*
* Theme color tokens
*/
:root {
  --color-black: #000000;
  --color-white: #ffffff;
  --color-white-grey: #fbfbfb;
  --color-white-01: #c8c9c7;
  --color-green-01: #e1f1e2;
  --color-green-02: #bde1bf;
  --color-green-03: #97cf9b;
  --color-green-04: #7dc382;
  --color-green-05: #5cb463;
  --color-green-06: #33a13c;
  --color-green-07: #00890b;
  --color-green-08: #006e09;
  --color-green-09: #005807;
  --color-green-10: #004606;
  --color-green-11: #003805;
  --color-green-12: #002d04;
  --color-green-13: #5bb73b;
  --color-green-14: #74c34d;
  --color-blue-01: #e1edf6;
  --color-blue-02: #c3ddee;
  --color-blue-03: #a1c9e5;
  --color-blue-04: #89bbdf;
  --color-blue-05: #6caad7;
  --color-blue-06: #4795cd;
  --color-blue-07: #197bc0;
  --color-blue-08: #14629a;
  --color-blue-09: #104e7b;
  --color-blue-10: #0d3e62;
  --color-blue-11: #0a324e;
  --color-blue-12: #08283e;
  --color-orange-01: #f8ede3;
  --color-orange-02: #f0dbc7;
  --color-orange-03: #e7c7a7;
  --color-orange-04: #e1b991;
  --color-orange-05: #d9a876;
  --color-orange-06: #cf9254;
  --color-orange-07: #c37729;
  --color-orange-08: #9c5f21;
  --color-orange-09: #7d4c1a;
  --color-orange-10: #643d15;
  --color-orange-11: #503111;
  --color-orange-12: #40270e;
  --color-red-01: #fae6e6;
  --color-red-02: #f4cdcd;
  --color-red-03: #edb1b1;
  --color-red-04: #e99d9d;
  --color-red-05: #e38484;
  --color-red-06: #dc6565;
  --color-red-07: #d33e3e;
  --color-red-08: #a7232e;
  --color-red-09: #861c25;
  --color-red-10: #6b161e;
  --color-red-11: #561218;
  --color-red-12: #450e13;
  --color-gray-01: #f6f6f6;
  --color-gray-02: #e4e7e9;
  --color-gray-03: #bec6ca;
  --color-gray-04: #aeb8bd;
  --color-gray-05: #9aa6ad;
  --color-gray-06: #819099;
  --color-gray-07: #617480;
  --color-gray-08: #4e5d66;
  --color-gray-09: #3e4a52;
  --color-gray-10: #323b42;
  --color-gray-11: #282f35;
  --color-gray-12: #20262a;
  --color-gray-13: #40434a;
  --color-standard-gray: #f3f3f3;
  --color-hyperlink: #1773b5;
  --keyboard-nav-outline: rgb(0, 61, 214);
}

.background-plm-grey {
  background-color: var(--color-gray-12);
}

.background-grey-10 {
  background-color: var(--color-gray-10);
}

.background-white {
  background-color: var(--color-white);
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li,
ptc-subnav,
ptc-tab-list,
ptc-link,
ptc-square-card,
.hyphenate-text,
ptc-footer {
  word-break: break-word;
  hyphens: manual;
  -webkit-hyphens: manual;
  -moz-hyphens: manual;
  -ms-hyphens: manual;
}
@supports (hyphenate-limit-chars: 12 3 3) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  ul,
  li,
  ptc-subnav,
  ptc-tab-list,
  ptc-link,
  ptc-square-card,
  .hyphenate-text,
  ptc-footer {
    hyphens: auto;
    -webkit-hyphenate-limit-before: 3;
    /* For Safari */
    -webkit-hyphenate-limit-after: 3;
    /* For Safari */
    hyphenate-limit-chars: 12 3 3;
    hyphenate-limit-lines: 2;
    hyphenate-limit-last: always;
    hyphenate-limit-zone: 6%;
    -webkit-hyphens: auto;
    -webkit-hyphenate-limit-before: 3;
    -webkit-hyphenate-limit-after: 3;
    -webkit-hyphenate-limit-chars: 12 3 3;
    -webkit-hyphenate-limit-lines: 2;
    -moz-hyphens: auto;
    -moz-hyphenate-limit-chars: 12 3 3;
    -moz-hyphenate-limit-lines: 2;
    -ms-hyphens: auto;
    -ms-hyphenate-limit-chars: 12 3 3;
    -ms-hyphenate-limit-lines: 2;
  }
}

hr {
  height: 1px;
  background-color: var(--color-gray-02);
  border: none;
}

html {
  scroll-behavior: smooth;
}

.ptc-button-focus:focus-visible {
  border-radius: var(--ptc-border-radius-standard);
  outline: 5px solid var(--keyboard-nav-outline);
}

.ptc-button-focus-dark:focus-visible {
  border-radius: var(--ptc-border-radius-standard);
  outline: 5px solid var(--keyboard-nav-outline);
  outline-offset: 2px;
}

.ptc-container {
  padding-right: 24px;
  padding-left: 24px;
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (min-width: 1200px) {
  .ptc-container {
    padding-left: 0;
    padding-right: 0;
    max-width: 1136px;
  }
}
@media only screen and (min-width: 1440px) {
  .ptc-container {
    padding-left: 0;
    padding-right: 0;
    max-width: 1200px;
  }
}
.ptc-container-lg {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (min-width: 480px) {
  .ptc-container-lg {
    padding-left: var(--ptc-layout-spacing-03);
    padding-right: var(--ptc-layout-spacing-03);
  }
}
@media only screen and (min-width: 768px) {
  .ptc-container-lg {
    padding-left: var(--ptc-layout-spacing-04);
    padding-right: var(--ptc-layout-spacing-04);
  }
}
@media only screen and (min-width: 992px) {
  .ptc-container-lg {
    padding-left: var(--ptc-element-spacing-08);
    padding-right: var(--ptc-element-spacing-08);
  }
}
@media only screen and (min-width: 1980px) {
  .ptc-container-lg {
    padding-left: 0;
    padding-right: 0;
    max-width: 1900px;
  }
}
.ptc-container-fluid {
  width: 100%;
}

a {
  font-family: var(--ptc-font-latin);
  font-style: var(--ptc-font-style-normal);
  text-decoration-line: underline;
  color: var(--color-hyperlink);
  transition: color var(--ptc-transition-medium) var(--ptc-ease-out);
  font-weight: var(--ptc-font-weight-bold);
}
a:visited {
  color: var(--color-blue-10);
}
a:active, a:visited:active {
  transition: none;
  color: var(--color-blue-09);
}
a:hover, a:visited:hover {
  color: var(--color-blue-08);
}
a.disabled {
  color: var(--color-gray-04) !important;
  cursor: not-allowed;
}
a:focus-visible {
  outline: 5px solid #003dd6 !important;
  outline-offset: 0px !important;
  border-radius: var(--ptc-border-radius-standard);
}

.light-links a:not(.hero-footer-form-wrapper a,
ptc-modal inline-form a,
.vjs-social-share-links a),
.light-links a.light-link,
.background-grey-10 a:not(.hero-footer-form-wrapper a,
ptc-modal inline-form a,
.vjs-social-share-links a),
.background-grey-10 a.light-link,
.background-plm-grey a:not(.hero-footer-form-wrapper a,
ptc-modal inline-form a,
.vjs-social-share-links a),
.background-plm-grey a.light-link {
  color: var(--color-blue-04);
  margin: -2px;
  border: 2px solid transparent;
}
.light-links a:not(.hero-footer-form-wrapper a,
ptc-modal inline-form a,
.vjs-social-share-links a):visited,
.light-links a.light-link:visited,
.background-grey-10 a:not(.hero-footer-form-wrapper a,
ptc-modal inline-form a,
.vjs-social-share-links a):visited,
.background-grey-10 a.light-link:visited,
.background-plm-grey a:not(.hero-footer-form-wrapper a,
ptc-modal inline-form a,
.vjs-social-share-links a):visited,
.background-plm-grey a.light-link:visited {
  color: var(--color-blue-06);
}
.light-links a:not(.hero-footer-form-wrapper a,
ptc-modal inline-form a,
.vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a,
ptc-modal inline-form a,
.vjs-social-share-links a):visited:active,
.light-links a.light-link:active,
.light-links a.light-link:visited:active,
.background-grey-10 a:not(.hero-footer-form-wrapper a,
ptc-modal inline-form a,
.vjs-social-share-links a):active,
.background-grey-10 a:not(.hero-footer-form-wrapper a,
ptc-modal inline-form a,
.vjs-social-share-links a):visited:active,
.background-grey-10 a.light-link:active,
.background-grey-10 a.light-link:visited:active,
.background-plm-grey a:not(.hero-footer-form-wrapper a,
ptc-modal inline-form a,
.vjs-social-share-links a):active,
.background-plm-grey a:not(.hero-footer-form-wrapper a,
ptc-modal inline-form a,
.vjs-social-share-links a):visited:active,
.background-plm-grey a.light-link:active,
.background-plm-grey a.light-link:visited:active {
  transition: none;
  color: var(--color-blue-07);
}
.light-links a:not(.hero-footer-form-wrapper a,
ptc-modal inline-form a,
.vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a,
ptc-modal inline-form a,
.vjs-social-share-links a):visited:hover,
.light-links a.light-link:hover,
.light-links a.light-link:visited:hover,
.background-grey-10 a:not(.hero-footer-form-wrapper a,
ptc-modal inline-form a,
.vjs-social-share-links a):hover,
.background-grey-10 a:not(.hero-footer-form-wrapper a,
ptc-modal inline-form a,
.vjs-social-share-links a):visited:hover,
.background-grey-10 a.light-link:hover,
.background-grey-10 a.light-link:visited:hover,
.background-plm-grey a:not(.hero-footer-form-wrapper a,
ptc-modal inline-form a,
.vjs-social-share-links a):hover,
.background-plm-grey a:not(.hero-footer-form-wrapper a,
ptc-modal inline-form a,
.vjs-social-share-links a):visited:hover,
.background-plm-grey a.light-link:hover,
.background-plm-grey a.light-link:visited:hover {
  color: var(--color-blue-05);
}
.light-links a:not(.hero-footer-form-wrapper a,
ptc-modal inline-form a,
.vjs-social-share-links a).disabled,
.light-links a.light-link.disabled,
.background-grey-10 a:not(.hero-footer-form-wrapper a,
ptc-modal inline-form a,
.vjs-social-share-links a).disabled,
.background-grey-10 a.light-link.disabled,
.background-plm-grey a:not(.hero-footer-form-wrapper a,
ptc-modal inline-form a,
.vjs-social-share-links a).disabled,
.background-plm-grey a.light-link.disabled {
  color: var(--color-gray-04) !important;
  cursor: not-allowed;
}
.light-links a:not(.hero-footer-form-wrapper a,
ptc-modal inline-form a,
.vjs-social-share-links a):focus-visible,
.light-links a.light-link:focus-visible,
.background-grey-10 a:not(.hero-footer-form-wrapper a,
ptc-modal inline-form a,
.vjs-social-share-links a):focus-visible,
.background-grey-10 a.light-link:focus-visible,
.background-plm-grey a:not(.hero-footer-form-wrapper a,
ptc-modal inline-form a,
.vjs-social-share-links a):focus-visible,
.background-plm-grey a.light-link:focus-visible {
  border-radius: var(--ptc-border-radius-standard);
  border: 2px solid rgb(255, 255, 255);
  outline: 5px solid var(--keyboard-nav-outline);
}
.light-links .podcast-cta-section a,
.background-grey-10 .podcast-cta-section a,
.background-plm-grey .podcast-cta-section a {
  border: 2px solid transparent;
}
.light-links .podcast-cta-section a:focus-visible,
.background-grey-10 .podcast-cta-section a:focus-visible,
.background-plm-grey .podcast-cta-section a:focus-visible {
  border-radius: var(--ptc-border-radius-standard);
  border: 2px solid rgb(255, 255, 255);
  outline: 5px solid var(--keyboard-nav-outline);
}

.white-links a {
  color: var(--color-white) !important;
}

.ptc-link {
  color: var(--color-gray-10);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: var(--color-green-06);
  text-underline-offset: 5px;
  transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);
}
.ptc-link:hover {
  color: var(--color-green-06);
}
.ptc-link:visited {
  color: var(--color-gray-10);
}
.ptc-link:active, .ptc-link:visited:active {
  transition: none;
  color: var(--color-green-06);
}
.ptc-link:hover, .ptc-link:visited:hover {
  color: var(--color-green-06);
}

.ptc-link-dark {
  color: var(--color-white);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: var(--color-green-06);
  text-underline-offset: 5px;
  transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);
}
.ptc-link-dark:hover {
  color: var(--color-green-06);
}
.ptc-link-dark:visited {
  color: var(--color-white);
}
.ptc-link-dark:active, .ptc-link-dark:visited:active {
  transition: none;
  color: var(--color-green-06);
}
.ptc-link-dark:hover, .ptc-link-dark:visited:hover {
  color: var(--color-green-06);
}

.vjs-social-share-links a {
  color: var(--color-white);
}
.vjs-social-share-links a:hover {
  color: var(--color-white);
}

.ptc-ordered-list {
  margin-bottom: var(--ptc-element-spacing-03);
}
.ptc-ordered-list .ptc-list-item {
  color: var(--color-gray-10);
  font-size: var(--ptc-font-size-xx-small);
}

.ptc-unordered-list {
  margin-bottom: var(--ptc-element-spacing-03);
}
.ptc-unordered-list .ptc-list-item {
  color: var(--color-gray-10);
  font-size: var(--ptc-font-size-xx-small);
  line-height: 20px;
}

ul.minimalist {
  list-style: none;
  margin: 0 0 24px;
  padding-left: 1rem;
  -moz-columns: 1;
       columns: 1;
}
@media only screen and (min-width: 768px) {
  ul.minimalist {
    -moz-columns: 2;
         columns: 2;
  }
}
@media only screen and (min-width: 992px) {
  ul.minimalist {
    -moz-columns: 3;
         columns: 3;
  }
}
@media only screen and (min-width: 1200px) {
  ul.minimalist {
    -moz-columns: 4;
         columns: 4;
  }
}
ul.minimalist li {
  position: relative;
  font-family: var(--ptc-font-latin);
  font-size: var(--ptc-font-size-small);
  font-weight: var(--ptc-font-weight-regular);
  letter-spacing: var(--ptc-letter-spacing-normal);
  color: var(--color-gray-10);
  max-width: 260px;
}
ul.minimalist li::before {
  color: var(--color-gray-12);
  font-family: var(--ptc-font-latin);
  content: "•";
  font-size: 1rem;
  position: absolute;
  left: -1rem;
  top: 0.125rem;
}

ul li,
ol li {
  font-family: var(--ptc-font-latin);
  font-size: var(--ptc-font-size-small);
  font-weight: var(--ptc-font-weight-regular);
  letter-spacing: var(--ptc-letter-spacing-normal);
  color: var(--color-gray-10);
}

.light-links ul li,
.light-links ol li {
  color: var(--color-white);
}

/*
* Typography tokens
*/
:root {
  /* Fonts */
  --ptc-font-latin: "Raleway", sans-serif;
  --ptc-font-secondary-latin: "Rajdhani", sans-serif;
  --ptc-font-sans:
  	-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial,
  	sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  /* Font sizes */
  --ptc-font-size-xxx-small: 0.75rem;
  /* 12px */
  --ptc-font-size-xx-small: 0.875rem;
  /* 14px */
  --ptc-font-size-x-small: 1rem;
  /* 16px */
  --ptc-font-size-small: 1.125rem;
  /* 18px */
  --ptc-font-size-medium: 1.25rem;
  /* 20px */
  --ptc-font-size-large: 1.5rem;
  /* 24px */
  --ptc-font-size-x-large: 1.75rem;
  /* 28px */
  --ptc-font-size-xx-large: 2rem;
  /* 32px */
  --ptc-font-size-xxx-large: 2.25rem;
  /* 36px */
  --ptc-font-size-xxxx-large: 3rem;
  /* 48px */
  /* Font weights */
  --ptc-font-weight-thin: 300;
  --ptc-font-weight-regular: 400;
  --ptc-font-weight-medium: 500;
  --ptc-font-weight-semibold: 600;
  --ptc-font-weight-bold: 700;
  --ptc-font-weight-extrabold: 800;
  --ptc-font-weight-black: 900;
  /* Letter spacings */
  --ptc-letter-spacing-dense: -0.015rem;
  --ptc-letter-spacing-normal: normal;
  --ptc-letter-spacing-loose: 0.075rem;
  /* Line heights */
  --ptc-line-height-densest: 1.25;
  --ptc-line-height-denser: 1.4;
  --ptc-line-height-dense: 1.6;
  --ptc-line-height-normal: 1.8;
  --ptc-line-height-loose: 2;
  --ptc-line-height-looser: 2.2;
  --ptc-line-height-p: 1.5;
  /* Font Style*/
  --ptc-font-style-italic: italic;
  --ptc-font-style-oblique: oblique;
  --ptc-font-style-normal: normal;
}

html,
body {
  font-family: var(--ptc-font-latin);
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  -moz-osx-font-smoothing: grayscale;
  /*(For Firefox)*/
}

h1 {
  font-size: var(--ptc-font-size-xxx-large);
  font-weight: var(--ptc-font-weight-extrabold);
  line-height: var(--ptc-line-height-densest);
  margin-bottom: var(--ptc-element-spacing-03);
}
@media only screen and (min-width: 768px) {
  h1 {
    font-size: var(--ptc-font-size-xxxx-large);
  }
}

.h1-special {
  font-size: var(--ptc-font-size-medium);
  font-weight: var(--ptc-font-weight-extrabold);
  line-height: var(--ptc-line-height-densest);
  margin-bottom: var(--ptc-element-spacing-01);
}

h2 {
  font-size: var(--ptc-font-size-x-large);
  font-weight: var(--ptc-font-weight-extrabold);
  line-height: var(--ptc-line-height-densest);
  margin-bottom: var(--ptc-element-spacing-03);
}
@media only screen and (min-width: 768px) {
  h2 {
    font-size: var(--ptc-font-size-xx-large);
  }
}

h3 {
  font-size: var(--ptc-font-size-medium);
  font-weight: var(--ptc-font-weight-bold);
  line-height: var(--ptc-line-height-densest);
  margin-bottom: var(--ptc-element-spacing-01);
}
@media only screen and (min-width: 768px) {
  h3 {
    font-size: var(--ptc-font-size-large);
  }
}

h4 {
  font-size: var(--ptc-font-size-small);
  font-weight: var(--ptc-font-weight-bold);
  line-height: var(--ptc-line-height-densest);
  margin-bottom: var(--ptc-element-spacing-01);
}
@media only screen and (min-width: 768px) {
  h4 {
    font-size: var(--ptc-font-size-medium);
  }
}

p {
  color: var(--color-gray-10);
  font-size: var(--ptc-font-size-small);
  line-height: var(--ptc-line-height-p);
  font-weight: var(--ptc-font-weight-regular);
  margin-top: 0;
  margin-bottom: var(--ptc-element-spacing-05);
}

.p-large {
  font-size: var(--ptc-font-size-small);
  line-height: var(--ptc-line-height-p);
  font-weight: var(--ptc-font-weight-regular);
  margin-bottom: var(--ptc-element-spacing-05);
}

.p-small {
  font-size: var(--ptc-font-size-x-small);
  line-height: var(--ptc-line-height-p);
  font-weight: var(--ptc-font-weight-regular);
  margin-bottom: var(--ptc-element-spacing-05);
}

.p-x-small {
  font-size: var(--ptc-font-size-xx-small);
  line-height: var(--ptc-line-height-p);
  font-weight: var(--ptc-font-weight-semibold);
  margin-bottom: var(--ptc-element-spacing-05);
}

blockquote p {
  color: var(--color-gray-10);
  line-height: 27px;
  font-size: var(--ptc-font-size-large);
  letter-spacing: 0.6px;
  font-style: italic;
  margin-bottom: var(--ptc-element-spacing-05);
}

/*
* Elevation tokens
*/
:root {
  --ptc-shadow-x-small: 0px 1px 4px rgba(0, 0, 0, 0.24);
  --ptc-shadow-small: 0px 2px 6px rgba(0, 0, 0, 0.24);
  --ptc-shadow-medium: 0px 4px 8px rgba(0, 0, 0, 0.24);
  --ptc-shadow-large: 0px 6px 16px rgba(0, 0, 0, 0.24);
  --ptc-shadow-x-large: 0px 8px 24px rgba(0, 0, 0, 0.24);
}

/*
* Border radius tokens
*/
:root {
  --ptc-border-radius-standard: 0.25rem; /* 4px Standard*/
  --ptc-border-radius-large: 0.75rem; /* 12px Large */
  --ptc-border-radius-pill: 9999px; /* 9999px Pill */
  --ptc-border-radius-circle: 50%; /* 50% Circle*/
  --ptc-clip-path-bottom-right: polygon(
  	100% 0,
  	100% 70%,
  	84% 100%,
  	0 100%,
  	0 0
  );
}

/* Color demo */
.color-demo {
  width: 2rem;
  height: 2rem;
  border-radius: var(--ptc-border-radius-standard);
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.33);
}

/* Color demo */
.color-demo-2 {
  width: 2rem;
  height: 2rem;
  border-radius: var(--ptc-border-radius-circle);
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.33);
}

.color-palette-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.color-palette-grid .swatch-set {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  -moz-column-count: 12;
       column-count: 12;
  align-items: center;
  justify-content: space-evenly;
}
.color-palette-grid .swatch-set .swatch {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
}
.color-palette-grid .swatch-set .swatch .color-swatch {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  margin: 1rem;
  border-radius: var(--ptc-border-radius-circle);
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.33);
}
.color-palette-grid .swatch-set .swatch .swatch-text span {
  display: block;
  margin-right: 0.5rem;
  color: var(--color-primary-gray);
}

/* Border radius demo */
.border-radius-demo {
  width: 3rem;
  height: 3rem;
  background: var(--color-gray-03);
}

/* Transition demo */
.transition-demo,
.transition-delay-demo,
.transition-ease-demo {
  position: relative;
  background: var(--color-gray-03);
  width: 10rem;
  height: 2rem;
}

.transition-demo::after {
  content: "";
  position: absolute;
  background-color: var(--color-green-08);
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  transition-duration: inherit;
  transition-property: width;
}

.transition-delay-demo::after {
  content: "";
  position: absolute;
  background-color: var(--color-green-08);
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  transition-duration: 1s;
  transition-property: width;
  transition-delay: inherit;
}

.transition-ease-demo::after {
  content: "";
  position: absolute;
  background-color: var(--color-green-08);
  top: 0;
  left: 0;
  width: 20%;
  height: 100%;
  transition-duration: 2s;
  transition-property: left;
  transition-timing-function: inherit;
}

.transition-demo:hover::after,
.transition-delay-demo:hover::after {
  width: 100%;
}

.transition-ease-demo:hover::after {
  left: 80%;
}

.sl-theme-dark .transition-demo {
  background: var(--color-gray-03);
}

/* Spacing demo */
.spacing-demo {
  width: 100px;
  background: var(--color-blue-05);
}

/* Elevation dmeo */
.elevation-demo {
  background: var(--color-white);
  border-radius: var(--ptc-border-radius-standard);
  width: 4rem;
  height: 4rem;
}

.sl-theme-dark .elevation-demo {
  background-color: var(--color-gray-03);
}

/* Grid Demo*/
.grid-demo-wrapper {
  width: 500px;
  border: 1px solid var(--color-gray-03);
}

.grid-demo-style > div {
  background-color: var(--color-gray-10);
  color: var(--color-white);
  border-radius: var(--ptc-border-radius-standard);
  font-size: var(--ptc-font-size-x-small);
  padding: var(--ptc-element-spacing-04);
}

.grid-demo-child-style {
  width: 100%;
}
.grid-demo-child-style > div {
  background-color: var(--color-white);
  border-radius: var(--ptc-border-radius-standard);
  color: var(--color-gray-10);
  padding: var(--ptc-element-spacing-04);
}

.title-demo-wrapper {
  width: 100%;
  border: 1px solid var(--color-gray-03);
  padding: var(--ptc-element-spacing-04);
  height: 300px;
}

.img-demo {
  height: 400px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .img-demo {
    height: 550px;
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .img-demo {
    height: 650px;
    width: 100%;
  }
}

.demo-with-bgcolor {
  width: 100%;
  border: 1px solid var(--color-gray-03);
  padding: var(--ptc-element-spacing-04);
  background-color: var(--color-gray-10);
  height: auto;
}

.demo-plm-bgcolor {
  background-color: var(--color-gray-12);
}

.demo-container-max {
  max-width: 1980px;
  margin: 0 auto;
}

.spacer-demo ptc-spacer {
  background-color: var(--color-blue-01);
}

.motion-demo {
  width: 100%;
  border-radius: var(--color-gray-02);
  background-color: var(--spectrum-global-color-gray-100);
  min-height: 252px;
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
  border: 1px solid var(--color-gray-06);
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.motion-object {
  width: 120px;
  height: 120px;
  border-radius: var(--ptc-border-radius-circle);
  background-color: var(--color-green-12);
}

.fitler-check-list-demo ptc-checkbox {
  padding: 0.25rem 0;
}

.ptc-dropdown-demo {
  min-height: 10rem;
}

/* -------------------------------------------

PTC Design System is using Griddle Grid System.
Credits to Dave Berning

------------------------------------------- */
/* Note:
** These must be in the same order
----------------------------------------- */
/* Needed for Loops - Add to this if you add color variables
----------------------------------------------------------------- */
/* Class Generation
------------------------- */
/* Grid
------------------------ */
.is-grid,
.is-grid-inline {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: repeat(12, 1fr);
  direction: ltr;
  grid-column-gap: var(--col-gap);
  grid-row-gap: var(--row-gap);
}
.is-grid > *,
.is-grid-inline > * {
  grid-column: span 12;
}
@media screen and (min-width: 992px) {
  .is-grid > *,
  .is-grid-inline > * {
    grid-column: span 1;
  }
}
.is-grid.is-dense,
.is-grid-inline.is-dense {
  grid-auto-flow: dense;
  grid-template-rows: auto;
  grid-template-columns: repeat(12, 1fr);
}
.is-grid.has-wrapped-row,
.is-grid-inline.has-wrapped-row {
  grid-auto-flow: row;
  grid-template-rows: auto;
  grid-template-columns: repeat(12, 1fr);
}
.is-grid.has-wrapped-row.is-dense,
.is-grid-inline.has-wrapped-row.is-dense {
  grid-auto-flow: row dense;
  grid-template-rows: auto;
  grid-template-columns: repeat(12, 1fr);
}
.is-grid.has-wrapped-col,
.is-grid-inline.has-wrapped-col {
  grid-auto-flow: column;
}
.is-grid.has-wrapped-col.is-dense,
.is-grid-inline.has-wrapped-col.is-dense {
  grid-auto-flow: column dense;
  grid-template-rows: auto;
  grid-template-columns: repeat(12, 1fr);
}

.is-grid-inline {
  display: inline-grid !important;
}

.has-row-1 {
  grid-template-rows: repeat(1, 1fr);
}
.has-row-1 > * {
  grid-column: span 1;
}
@media screen and (min-width: 992px) {
  .has-row-1 > * {
    grid-column: span 1;
  }
}

.has-row-1-xs > * {
  grid-column: span 1;
}
@media screen and (min-width: 992px) {
  .has-row-1-xs > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-row-1-xs {
    grid-template-rows: repeat(1, 1fr) !important;
  }
}

.has-row-1-sm > * {
  grid-column: span 1;
}
@media screen and (min-width: 992px) {
  .has-row-1-sm > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-row-1-sm {
    grid-template-rows: repeat(1, 1fr) !important;
  }
}

.has-row-1-md > * {
  grid-column: span 1;
}
@media screen and (min-width: 992px) {
  .has-row-1-md > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-row-1-md {
    grid-template-rows: repeat(1, 1fr) !important;
  }
}

.has-row-1-lg > * {
  grid-column: span 1;
}
@media screen and (min-width: 992px) {
  .has-row-1-lg > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-row-1-lg {
    grid-template-rows: repeat(1, 1fr) !important;
  }
}

.has-row-1-xl > * {
  grid-column: span 1;
}
@media screen and (min-width: 992px) {
  .has-row-1-xl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-row-1-xl {
    grid-template-rows: repeat(1, 1fr) !important;
  }
}

.has-row-1-xxl > * {
  grid-column: span 1;
}
@media screen and (min-width: 992px) {
  .has-row-1-xxl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1440px) {
  .has-row-1-xxl {
    grid-template-rows: repeat(1, 1fr) !important;
  }
}

.has-row-2 {
  grid-template-rows: repeat(2, 1fr);
}
.has-row-2 > * {
  grid-column: span 2;
}
@media screen and (min-width: 992px) {
  .has-row-2 > * {
    grid-column: span 1;
  }
}

.has-row-2-xs > * {
  grid-column: span 2;
}
@media screen and (min-width: 992px) {
  .has-row-2-xs > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-row-2-xs {
    grid-template-rows: repeat(2, 1fr) !important;
  }
}

.has-row-2-sm > * {
  grid-column: span 2;
}
@media screen and (min-width: 992px) {
  .has-row-2-sm > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-row-2-sm {
    grid-template-rows: repeat(2, 1fr) !important;
  }
}

.has-row-2-md > * {
  grid-column: span 2;
}
@media screen and (min-width: 992px) {
  .has-row-2-md > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-row-2-md {
    grid-template-rows: repeat(2, 1fr) !important;
  }
}

.has-row-2-lg > * {
  grid-column: span 2;
}
@media screen and (min-width: 992px) {
  .has-row-2-lg > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-row-2-lg {
    grid-template-rows: repeat(2, 1fr) !important;
  }
}

.has-row-2-xl > * {
  grid-column: span 2;
}
@media screen and (min-width: 992px) {
  .has-row-2-xl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-row-2-xl {
    grid-template-rows: repeat(2, 1fr) !important;
  }
}

.has-row-2-xxl > * {
  grid-column: span 2;
}
@media screen and (min-width: 992px) {
  .has-row-2-xxl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1440px) {
  .has-row-2-xxl {
    grid-template-rows: repeat(2, 1fr) !important;
  }
}

.has-row-3 {
  grid-template-rows: repeat(3, 1fr);
}
.has-row-3 > * {
  grid-column: span 3;
}
@media screen and (min-width: 992px) {
  .has-row-3 > * {
    grid-column: span 1;
  }
}

.has-row-3-xs > * {
  grid-column: span 3;
}
@media screen and (min-width: 992px) {
  .has-row-3-xs > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-row-3-xs {
    grid-template-rows: repeat(3, 1fr) !important;
  }
}

.has-row-3-sm > * {
  grid-column: span 3;
}
@media screen and (min-width: 992px) {
  .has-row-3-sm > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-row-3-sm {
    grid-template-rows: repeat(3, 1fr) !important;
  }
}

.has-row-3-md > * {
  grid-column: span 3;
}
@media screen and (min-width: 992px) {
  .has-row-3-md > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-row-3-md {
    grid-template-rows: repeat(3, 1fr) !important;
  }
}

.has-row-3-lg > * {
  grid-column: span 3;
}
@media screen and (min-width: 992px) {
  .has-row-3-lg > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-row-3-lg {
    grid-template-rows: repeat(3, 1fr) !important;
  }
}

.has-row-3-xl > * {
  grid-column: span 3;
}
@media screen and (min-width: 992px) {
  .has-row-3-xl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-row-3-xl {
    grid-template-rows: repeat(3, 1fr) !important;
  }
}

.has-row-3-xxl > * {
  grid-column: span 3;
}
@media screen and (min-width: 992px) {
  .has-row-3-xxl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1440px) {
  .has-row-3-xxl {
    grid-template-rows: repeat(3, 1fr) !important;
  }
}

.has-row-4 {
  grid-template-rows: repeat(4, 1fr);
}
.has-row-4 > * {
  grid-column: span 4;
}
@media screen and (min-width: 992px) {
  .has-row-4 > * {
    grid-column: span 1;
  }
}

.has-row-4-xs > * {
  grid-column: span 4;
}
@media screen and (min-width: 992px) {
  .has-row-4-xs > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-row-4-xs {
    grid-template-rows: repeat(4, 1fr) !important;
  }
}

.has-row-4-sm > * {
  grid-column: span 4;
}
@media screen and (min-width: 992px) {
  .has-row-4-sm > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-row-4-sm {
    grid-template-rows: repeat(4, 1fr) !important;
  }
}

.has-row-4-md > * {
  grid-column: span 4;
}
@media screen and (min-width: 992px) {
  .has-row-4-md > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-row-4-md {
    grid-template-rows: repeat(4, 1fr) !important;
  }
}

.has-row-4-lg > * {
  grid-column: span 4;
}
@media screen and (min-width: 992px) {
  .has-row-4-lg > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-row-4-lg {
    grid-template-rows: repeat(4, 1fr) !important;
  }
}

.has-row-4-xl > * {
  grid-column: span 4;
}
@media screen and (min-width: 992px) {
  .has-row-4-xl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-row-4-xl {
    grid-template-rows: repeat(4, 1fr) !important;
  }
}

.has-row-4-xxl > * {
  grid-column: span 4;
}
@media screen and (min-width: 992px) {
  .has-row-4-xxl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1440px) {
  .has-row-4-xxl {
    grid-template-rows: repeat(4, 1fr) !important;
  }
}

.has-row-5 {
  grid-template-rows: repeat(5, 1fr);
}
.has-row-5 > * {
  grid-column: span 5;
}
@media screen and (min-width: 992px) {
  .has-row-5 > * {
    grid-column: span 1;
  }
}

.has-row-5-xs > * {
  grid-column: span 5;
}
@media screen and (min-width: 992px) {
  .has-row-5-xs > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-row-5-xs {
    grid-template-rows: repeat(5, 1fr) !important;
  }
}

.has-row-5-sm > * {
  grid-column: span 5;
}
@media screen and (min-width: 992px) {
  .has-row-5-sm > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-row-5-sm {
    grid-template-rows: repeat(5, 1fr) !important;
  }
}

.has-row-5-md > * {
  grid-column: span 5;
}
@media screen and (min-width: 992px) {
  .has-row-5-md > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-row-5-md {
    grid-template-rows: repeat(5, 1fr) !important;
  }
}

.has-row-5-lg > * {
  grid-column: span 5;
}
@media screen and (min-width: 992px) {
  .has-row-5-lg > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-row-5-lg {
    grid-template-rows: repeat(5, 1fr) !important;
  }
}

.has-row-5-xl > * {
  grid-column: span 5;
}
@media screen and (min-width: 992px) {
  .has-row-5-xl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-row-5-xl {
    grid-template-rows: repeat(5, 1fr) !important;
  }
}

.has-row-5-xxl > * {
  grid-column: span 5;
}
@media screen and (min-width: 992px) {
  .has-row-5-xxl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1440px) {
  .has-row-5-xxl {
    grid-template-rows: repeat(5, 1fr) !important;
  }
}

.has-row-6 {
  grid-template-rows: repeat(6, 1fr);
}
.has-row-6 > * {
  grid-column: span 6;
}
@media screen and (min-width: 992px) {
  .has-row-6 > * {
    grid-column: span 1;
  }
}

.has-row-6-xs > * {
  grid-column: span 6;
}
@media screen and (min-width: 992px) {
  .has-row-6-xs > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-row-6-xs {
    grid-template-rows: repeat(6, 1fr) !important;
  }
}

.has-row-6-sm > * {
  grid-column: span 6;
}
@media screen and (min-width: 992px) {
  .has-row-6-sm > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-row-6-sm {
    grid-template-rows: repeat(6, 1fr) !important;
  }
}

.has-row-6-md > * {
  grid-column: span 6;
}
@media screen and (min-width: 992px) {
  .has-row-6-md > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-row-6-md {
    grid-template-rows: repeat(6, 1fr) !important;
  }
}

.has-row-6-lg > * {
  grid-column: span 6;
}
@media screen and (min-width: 992px) {
  .has-row-6-lg > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-row-6-lg {
    grid-template-rows: repeat(6, 1fr) !important;
  }
}

.has-row-6-xl > * {
  grid-column: span 6;
}
@media screen and (min-width: 992px) {
  .has-row-6-xl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-row-6-xl {
    grid-template-rows: repeat(6, 1fr) !important;
  }
}

.has-row-6-xxl > * {
  grid-column: span 6;
}
@media screen and (min-width: 992px) {
  .has-row-6-xxl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1440px) {
  .has-row-6-xxl {
    grid-template-rows: repeat(6, 1fr) !important;
  }
}

.has-row-7 {
  grid-template-rows: repeat(7, 1fr);
}
.has-row-7 > * {
  grid-column: span 7;
}
@media screen and (min-width: 992px) {
  .has-row-7 > * {
    grid-column: span 1;
  }
}

.has-row-7-xs > * {
  grid-column: span 7;
}
@media screen and (min-width: 992px) {
  .has-row-7-xs > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-row-7-xs {
    grid-template-rows: repeat(7, 1fr) !important;
  }
}

.has-row-7-sm > * {
  grid-column: span 7;
}
@media screen and (min-width: 992px) {
  .has-row-7-sm > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-row-7-sm {
    grid-template-rows: repeat(7, 1fr) !important;
  }
}

.has-row-7-md > * {
  grid-column: span 7;
}
@media screen and (min-width: 992px) {
  .has-row-7-md > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-row-7-md {
    grid-template-rows: repeat(7, 1fr) !important;
  }
}

.has-row-7-lg > * {
  grid-column: span 7;
}
@media screen and (min-width: 992px) {
  .has-row-7-lg > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-row-7-lg {
    grid-template-rows: repeat(7, 1fr) !important;
  }
}

.has-row-7-xl > * {
  grid-column: span 7;
}
@media screen and (min-width: 992px) {
  .has-row-7-xl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-row-7-xl {
    grid-template-rows: repeat(7, 1fr) !important;
  }
}

.has-row-7-xxl > * {
  grid-column: span 7;
}
@media screen and (min-width: 992px) {
  .has-row-7-xxl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1440px) {
  .has-row-7-xxl {
    grid-template-rows: repeat(7, 1fr) !important;
  }
}

.has-row-8 {
  grid-template-rows: repeat(8, 1fr);
}
.has-row-8 > * {
  grid-column: span 8;
}
@media screen and (min-width: 992px) {
  .has-row-8 > * {
    grid-column: span 1;
  }
}

.has-row-8-xs > * {
  grid-column: span 8;
}
@media screen and (min-width: 992px) {
  .has-row-8-xs > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-row-8-xs {
    grid-template-rows: repeat(8, 1fr) !important;
  }
}

.has-row-8-sm > * {
  grid-column: span 8;
}
@media screen and (min-width: 992px) {
  .has-row-8-sm > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-row-8-sm {
    grid-template-rows: repeat(8, 1fr) !important;
  }
}

.has-row-8-md > * {
  grid-column: span 8;
}
@media screen and (min-width: 992px) {
  .has-row-8-md > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-row-8-md {
    grid-template-rows: repeat(8, 1fr) !important;
  }
}

.has-row-8-lg > * {
  grid-column: span 8;
}
@media screen and (min-width: 992px) {
  .has-row-8-lg > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-row-8-lg {
    grid-template-rows: repeat(8, 1fr) !important;
  }
}

.has-row-8-xl > * {
  grid-column: span 8;
}
@media screen and (min-width: 992px) {
  .has-row-8-xl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-row-8-xl {
    grid-template-rows: repeat(8, 1fr) !important;
  }
}

.has-row-8-xxl > * {
  grid-column: span 8;
}
@media screen and (min-width: 992px) {
  .has-row-8-xxl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1440px) {
  .has-row-8-xxl {
    grid-template-rows: repeat(8, 1fr) !important;
  }
}

.has-row-9 {
  grid-template-rows: repeat(9, 1fr);
}
.has-row-9 > * {
  grid-column: span 9;
}
@media screen and (min-width: 992px) {
  .has-row-9 > * {
    grid-column: span 1;
  }
}

.has-row-9-xs > * {
  grid-column: span 9;
}
@media screen and (min-width: 992px) {
  .has-row-9-xs > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-row-9-xs {
    grid-template-rows: repeat(9, 1fr) !important;
  }
}

.has-row-9-sm > * {
  grid-column: span 9;
}
@media screen and (min-width: 992px) {
  .has-row-9-sm > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-row-9-sm {
    grid-template-rows: repeat(9, 1fr) !important;
  }
}

.has-row-9-md > * {
  grid-column: span 9;
}
@media screen and (min-width: 992px) {
  .has-row-9-md > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-row-9-md {
    grid-template-rows: repeat(9, 1fr) !important;
  }
}

.has-row-9-lg > * {
  grid-column: span 9;
}
@media screen and (min-width: 992px) {
  .has-row-9-lg > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-row-9-lg {
    grid-template-rows: repeat(9, 1fr) !important;
  }
}

.has-row-9-xl > * {
  grid-column: span 9;
}
@media screen and (min-width: 992px) {
  .has-row-9-xl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-row-9-xl {
    grid-template-rows: repeat(9, 1fr) !important;
  }
}

.has-row-9-xxl > * {
  grid-column: span 9;
}
@media screen and (min-width: 992px) {
  .has-row-9-xxl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1440px) {
  .has-row-9-xxl {
    grid-template-rows: repeat(9, 1fr) !important;
  }
}

.has-row-10 {
  grid-template-rows: repeat(10, 1fr);
}
.has-row-10 > * {
  grid-column: span 10;
}
@media screen and (min-width: 992px) {
  .has-row-10 > * {
    grid-column: span 1;
  }
}

.has-row-10-xs > * {
  grid-column: span 10;
}
@media screen and (min-width: 992px) {
  .has-row-10-xs > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-row-10-xs {
    grid-template-rows: repeat(10, 1fr) !important;
  }
}

.has-row-10-sm > * {
  grid-column: span 10;
}
@media screen and (min-width: 992px) {
  .has-row-10-sm > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-row-10-sm {
    grid-template-rows: repeat(10, 1fr) !important;
  }
}

.has-row-10-md > * {
  grid-column: span 10;
}
@media screen and (min-width: 992px) {
  .has-row-10-md > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-row-10-md {
    grid-template-rows: repeat(10, 1fr) !important;
  }
}

.has-row-10-lg > * {
  grid-column: span 10;
}
@media screen and (min-width: 992px) {
  .has-row-10-lg > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-row-10-lg {
    grid-template-rows: repeat(10, 1fr) !important;
  }
}

.has-row-10-xl > * {
  grid-column: span 10;
}
@media screen and (min-width: 992px) {
  .has-row-10-xl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-row-10-xl {
    grid-template-rows: repeat(10, 1fr) !important;
  }
}

.has-row-10-xxl > * {
  grid-column: span 10;
}
@media screen and (min-width: 992px) {
  .has-row-10-xxl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1440px) {
  .has-row-10-xxl {
    grid-template-rows: repeat(10, 1fr) !important;
  }
}

.has-row-11 {
  grid-template-rows: repeat(11, 1fr);
}
.has-row-11 > * {
  grid-column: span 11;
}
@media screen and (min-width: 992px) {
  .has-row-11 > * {
    grid-column: span 1;
  }
}

.has-row-11-xs > * {
  grid-column: span 11;
}
@media screen and (min-width: 992px) {
  .has-row-11-xs > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-row-11-xs {
    grid-template-rows: repeat(11, 1fr) !important;
  }
}

.has-row-11-sm > * {
  grid-column: span 11;
}
@media screen and (min-width: 992px) {
  .has-row-11-sm > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-row-11-sm {
    grid-template-rows: repeat(11, 1fr) !important;
  }
}

.has-row-11-md > * {
  grid-column: span 11;
}
@media screen and (min-width: 992px) {
  .has-row-11-md > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-row-11-md {
    grid-template-rows: repeat(11, 1fr) !important;
  }
}

.has-row-11-lg > * {
  grid-column: span 11;
}
@media screen and (min-width: 992px) {
  .has-row-11-lg > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-row-11-lg {
    grid-template-rows: repeat(11, 1fr) !important;
  }
}

.has-row-11-xl > * {
  grid-column: span 11;
}
@media screen and (min-width: 992px) {
  .has-row-11-xl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-row-11-xl {
    grid-template-rows: repeat(11, 1fr) !important;
  }
}

.has-row-11-xxl > * {
  grid-column: span 11;
}
@media screen and (min-width: 992px) {
  .has-row-11-xxl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1440px) {
  .has-row-11-xxl {
    grid-template-rows: repeat(11, 1fr) !important;
  }
}

.has-row-12 {
  grid-template-rows: repeat(12, 1fr);
}
.has-row-12 > * {
  grid-column: span 12;
}
@media screen and (min-width: 992px) {
  .has-row-12 > * {
    grid-column: span 1;
  }
}

.has-row-12-xs > * {
  grid-column: span 12;
}
@media screen and (min-width: 992px) {
  .has-row-12-xs > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-row-12-xs {
    grid-template-rows: repeat(12, 1fr) !important;
  }
}

.has-row-12-sm > * {
  grid-column: span 12;
}
@media screen and (min-width: 992px) {
  .has-row-12-sm > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-row-12-sm {
    grid-template-rows: repeat(12, 1fr) !important;
  }
}

.has-row-12-md > * {
  grid-column: span 12;
}
@media screen and (min-width: 992px) {
  .has-row-12-md > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-row-12-md {
    grid-template-rows: repeat(12, 1fr) !important;
  }
}

.has-row-12-lg > * {
  grid-column: span 12;
}
@media screen and (min-width: 992px) {
  .has-row-12-lg > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-row-12-lg {
    grid-template-rows: repeat(12, 1fr) !important;
  }
}

.has-row-12-xl > * {
  grid-column: span 12;
}
@media screen and (min-width: 992px) {
  .has-row-12-xl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-row-12-xl {
    grid-template-rows: repeat(12, 1fr) !important;
  }
}

.has-row-12-xxl > * {
  grid-column: span 12;
}
@media screen and (min-width: 992px) {
  .has-row-12-xxl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1440px) {
  .has-row-12-xxl {
    grid-template-rows: repeat(12, 1fr) !important;
  }
}

.has-col-1 {
  grid-template-columns: repeat(1, 1fr);
}
.has-col-1 > * {
  grid-column: span 1;
}
@media screen and (min-width: 992px) {
  .has-col-1 > * {
    grid-column: span 1;
  }
}

.has-col-1-xs > * {
  grid-column: span 1;
}
@media screen and (min-width: 992px) {
  .has-col-1-xs > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-col-1-xs {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}

.has-col-1-sm > * {
  grid-column: span 1;
}
@media screen and (min-width: 992px) {
  .has-col-1-sm > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-col-1-sm {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}

.has-col-1-md > * {
  grid-column: span 1;
}
@media screen and (min-width: 992px) {
  .has-col-1-md > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-col-1-md {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}

.has-col-1-lg > * {
  grid-column: span 1;
}
@media screen and (min-width: 992px) {
  .has-col-1-lg > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-col-1-lg {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}

.has-col-1-xl > * {
  grid-column: span 1;
}
@media screen and (min-width: 992px) {
  .has-col-1-xl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-col-1-xl {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}

.has-col-1-xxl > * {
  grid-column: span 1;
}
@media screen and (min-width: 992px) {
  .has-col-1-xxl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1440px) {
  .has-col-1-xxl {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}

.has-col-2 {
  grid-template-columns: repeat(2, 1fr);
}
.has-col-2 > * {
  grid-column: span 2;
}
@media screen and (min-width: 992px) {
  .has-col-2 > * {
    grid-column: span 1;
  }
}

.has-col-2-xs > * {
  grid-column: span 2;
}
@media screen and (min-width: 992px) {
  .has-col-2-xs > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-col-2-xs {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

.has-col-2-sm > * {
  grid-column: span 2;
}
@media screen and (min-width: 992px) {
  .has-col-2-sm > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-col-2-sm {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

.has-col-2-md > * {
  grid-column: span 2;
}
@media screen and (min-width: 992px) {
  .has-col-2-md > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-col-2-md {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

.has-col-2-lg > * {
  grid-column: span 2;
}
@media screen and (min-width: 992px) {
  .has-col-2-lg > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-col-2-lg {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

.has-col-2-xl > * {
  grid-column: span 2;
}
@media screen and (min-width: 992px) {
  .has-col-2-xl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-col-2-xl {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

.has-col-2-xxl > * {
  grid-column: span 2;
}
@media screen and (min-width: 992px) {
  .has-col-2-xxl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1440px) {
  .has-col-2-xxl {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

.has-col-3 {
  grid-template-columns: repeat(3, 1fr);
}
.has-col-3 > * {
  grid-column: span 3;
}
@media screen and (min-width: 992px) {
  .has-col-3 > * {
    grid-column: span 1;
  }
}

.has-col-3-xs > * {
  grid-column: span 3;
}
@media screen and (min-width: 992px) {
  .has-col-3-xs > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-col-3-xs {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

.has-col-3-sm > * {
  grid-column: span 3;
}
@media screen and (min-width: 992px) {
  .has-col-3-sm > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-col-3-sm {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

.has-col-3-md > * {
  grid-column: span 3;
}
@media screen and (min-width: 992px) {
  .has-col-3-md > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-col-3-md {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

.has-col-3-lg > * {
  grid-column: span 3;
}
@media screen and (min-width: 992px) {
  .has-col-3-lg > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-col-3-lg {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

.has-col-3-xl > * {
  grid-column: span 3;
}
@media screen and (min-width: 992px) {
  .has-col-3-xl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-col-3-xl {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

.has-col-3-xxl > * {
  grid-column: span 3;
}
@media screen and (min-width: 992px) {
  .has-col-3-xxl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1440px) {
  .has-col-3-xxl {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

.has-col-4 {
  grid-template-columns: repeat(4, 1fr);
}
.has-col-4 > * {
  grid-column: span 4;
}
@media screen and (min-width: 992px) {
  .has-col-4 > * {
    grid-column: span 1;
  }
}

.has-col-4-xs > * {
  grid-column: span 4;
}
@media screen and (min-width: 992px) {
  .has-col-4-xs > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-col-4-xs {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

.has-col-4-sm > * {
  grid-column: span 4;
}
@media screen and (min-width: 992px) {
  .has-col-4-sm > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-col-4-sm {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

.has-col-4-md > * {
  grid-column: span 4;
}
@media screen and (min-width: 992px) {
  .has-col-4-md > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-col-4-md {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

.has-col-4-lg > * {
  grid-column: span 4;
}
@media screen and (min-width: 992px) {
  .has-col-4-lg > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-col-4-lg {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

.has-col-4-xl > * {
  grid-column: span 4;
}
@media screen and (min-width: 992px) {
  .has-col-4-xl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-col-4-xl {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

.has-col-4-xxl > * {
  grid-column: span 4;
}
@media screen and (min-width: 992px) {
  .has-col-4-xxl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1440px) {
  .has-col-4-xxl {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

.has-col-5 {
  grid-template-columns: repeat(5, 1fr);
}
.has-col-5 > * {
  grid-column: span 5;
}
@media screen and (min-width: 992px) {
  .has-col-5 > * {
    grid-column: span 1;
  }
}

.has-col-5-xs > * {
  grid-column: span 5;
}
@media screen and (min-width: 992px) {
  .has-col-5-xs > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-col-5-xs {
    grid-template-columns: repeat(5, 1fr) !important;
  }
}

.has-col-5-sm > * {
  grid-column: span 5;
}
@media screen and (min-width: 992px) {
  .has-col-5-sm > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-col-5-sm {
    grid-template-columns: repeat(5, 1fr) !important;
  }
}

.has-col-5-md > * {
  grid-column: span 5;
}
@media screen and (min-width: 992px) {
  .has-col-5-md > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-col-5-md {
    grid-template-columns: repeat(5, 1fr) !important;
  }
}

.has-col-5-lg > * {
  grid-column: span 5;
}
@media screen and (min-width: 992px) {
  .has-col-5-lg > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-col-5-lg {
    grid-template-columns: repeat(5, 1fr) !important;
  }
}

.has-col-5-xl > * {
  grid-column: span 5;
}
@media screen and (min-width: 992px) {
  .has-col-5-xl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-col-5-xl {
    grid-template-columns: repeat(5, 1fr) !important;
  }
}

.has-col-5-xxl > * {
  grid-column: span 5;
}
@media screen and (min-width: 992px) {
  .has-col-5-xxl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1440px) {
  .has-col-5-xxl {
    grid-template-columns: repeat(5, 1fr) !important;
  }
}

.has-col-6 {
  grid-template-columns: repeat(6, 1fr);
}
.has-col-6 > * {
  grid-column: span 6;
}
@media screen and (min-width: 992px) {
  .has-col-6 > * {
    grid-column: span 1;
  }
}

.has-col-6-xs > * {
  grid-column: span 6;
}
@media screen and (min-width: 992px) {
  .has-col-6-xs > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-col-6-xs {
    grid-template-columns: repeat(6, 1fr) !important;
  }
}

.has-col-6-sm > * {
  grid-column: span 6;
}
@media screen and (min-width: 992px) {
  .has-col-6-sm > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-col-6-sm {
    grid-template-columns: repeat(6, 1fr) !important;
  }
}

.has-col-6-md > * {
  grid-column: span 6;
}
@media screen and (min-width: 992px) {
  .has-col-6-md > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-col-6-md {
    grid-template-columns: repeat(6, 1fr) !important;
  }
}

.has-col-6-lg > * {
  grid-column: span 6;
}
@media screen and (min-width: 992px) {
  .has-col-6-lg > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-col-6-lg {
    grid-template-columns: repeat(6, 1fr) !important;
  }
}

.has-col-6-xl > * {
  grid-column: span 6;
}
@media screen and (min-width: 992px) {
  .has-col-6-xl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-col-6-xl {
    grid-template-columns: repeat(6, 1fr) !important;
  }
}

.has-col-6-xxl > * {
  grid-column: span 6;
}
@media screen and (min-width: 992px) {
  .has-col-6-xxl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1440px) {
  .has-col-6-xxl {
    grid-template-columns: repeat(6, 1fr) !important;
  }
}

.has-col-7 {
  grid-template-columns: repeat(7, 1fr);
}
.has-col-7 > * {
  grid-column: span 7;
}
@media screen and (min-width: 992px) {
  .has-col-7 > * {
    grid-column: span 1;
  }
}

.has-col-7-xs > * {
  grid-column: span 7;
}
@media screen and (min-width: 992px) {
  .has-col-7-xs > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-col-7-xs {
    grid-template-columns: repeat(7, 1fr) !important;
  }
}

.has-col-7-sm > * {
  grid-column: span 7;
}
@media screen and (min-width: 992px) {
  .has-col-7-sm > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-col-7-sm {
    grid-template-columns: repeat(7, 1fr) !important;
  }
}

.has-col-7-md > * {
  grid-column: span 7;
}
@media screen and (min-width: 992px) {
  .has-col-7-md > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-col-7-md {
    grid-template-columns: repeat(7, 1fr) !important;
  }
}

.has-col-7-lg > * {
  grid-column: span 7;
}
@media screen and (min-width: 992px) {
  .has-col-7-lg > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-col-7-lg {
    grid-template-columns: repeat(7, 1fr) !important;
  }
}

.has-col-7-xl > * {
  grid-column: span 7;
}
@media screen and (min-width: 992px) {
  .has-col-7-xl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-col-7-xl {
    grid-template-columns: repeat(7, 1fr) !important;
  }
}

.has-col-7-xxl > * {
  grid-column: span 7;
}
@media screen and (min-width: 992px) {
  .has-col-7-xxl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1440px) {
  .has-col-7-xxl {
    grid-template-columns: repeat(7, 1fr) !important;
  }
}

.has-col-8 {
  grid-template-columns: repeat(8, 1fr);
}
.has-col-8 > * {
  grid-column: span 8;
}
@media screen and (min-width: 992px) {
  .has-col-8 > * {
    grid-column: span 1;
  }
}

.has-col-8-xs > * {
  grid-column: span 8;
}
@media screen and (min-width: 992px) {
  .has-col-8-xs > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-col-8-xs {
    grid-template-columns: repeat(8, 1fr) !important;
  }
}

.has-col-8-sm > * {
  grid-column: span 8;
}
@media screen and (min-width: 992px) {
  .has-col-8-sm > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-col-8-sm {
    grid-template-columns: repeat(8, 1fr) !important;
  }
}

.has-col-8-md > * {
  grid-column: span 8;
}
@media screen and (min-width: 992px) {
  .has-col-8-md > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-col-8-md {
    grid-template-columns: repeat(8, 1fr) !important;
  }
}

.has-col-8-lg > * {
  grid-column: span 8;
}
@media screen and (min-width: 992px) {
  .has-col-8-lg > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-col-8-lg {
    grid-template-columns: repeat(8, 1fr) !important;
  }
}

.has-col-8-xl > * {
  grid-column: span 8;
}
@media screen and (min-width: 992px) {
  .has-col-8-xl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-col-8-xl {
    grid-template-columns: repeat(8, 1fr) !important;
  }
}

.has-col-8-xxl > * {
  grid-column: span 8;
}
@media screen and (min-width: 992px) {
  .has-col-8-xxl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1440px) {
  .has-col-8-xxl {
    grid-template-columns: repeat(8, 1fr) !important;
  }
}

.has-col-9 {
  grid-template-columns: repeat(9, 1fr);
}
.has-col-9 > * {
  grid-column: span 9;
}
@media screen and (min-width: 992px) {
  .has-col-9 > * {
    grid-column: span 1;
  }
}

.has-col-9-xs > * {
  grid-column: span 9;
}
@media screen and (min-width: 992px) {
  .has-col-9-xs > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-col-9-xs {
    grid-template-columns: repeat(9, 1fr) !important;
  }
}

.has-col-9-sm > * {
  grid-column: span 9;
}
@media screen and (min-width: 992px) {
  .has-col-9-sm > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-col-9-sm {
    grid-template-columns: repeat(9, 1fr) !important;
  }
}

.has-col-9-md > * {
  grid-column: span 9;
}
@media screen and (min-width: 992px) {
  .has-col-9-md > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-col-9-md {
    grid-template-columns: repeat(9, 1fr) !important;
  }
}

.has-col-9-lg > * {
  grid-column: span 9;
}
@media screen and (min-width: 992px) {
  .has-col-9-lg > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-col-9-lg {
    grid-template-columns: repeat(9, 1fr) !important;
  }
}

.has-col-9-xl > * {
  grid-column: span 9;
}
@media screen and (min-width: 992px) {
  .has-col-9-xl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-col-9-xl {
    grid-template-columns: repeat(9, 1fr) !important;
  }
}

.has-col-9-xxl > * {
  grid-column: span 9;
}
@media screen and (min-width: 992px) {
  .has-col-9-xxl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1440px) {
  .has-col-9-xxl {
    grid-template-columns: repeat(9, 1fr) !important;
  }
}

.has-col-10 {
  grid-template-columns: repeat(10, 1fr);
}
.has-col-10 > * {
  grid-column: span 10;
}
@media screen and (min-width: 992px) {
  .has-col-10 > * {
    grid-column: span 1;
  }
}

.has-col-10-xs > * {
  grid-column: span 10;
}
@media screen and (min-width: 992px) {
  .has-col-10-xs > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-col-10-xs {
    grid-template-columns: repeat(10, 1fr) !important;
  }
}

.has-col-10-sm > * {
  grid-column: span 10;
}
@media screen and (min-width: 992px) {
  .has-col-10-sm > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-col-10-sm {
    grid-template-columns: repeat(10, 1fr) !important;
  }
}

.has-col-10-md > * {
  grid-column: span 10;
}
@media screen and (min-width: 992px) {
  .has-col-10-md > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-col-10-md {
    grid-template-columns: repeat(10, 1fr) !important;
  }
}

.has-col-10-lg > * {
  grid-column: span 10;
}
@media screen and (min-width: 992px) {
  .has-col-10-lg > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-col-10-lg {
    grid-template-columns: repeat(10, 1fr) !important;
  }
}

.has-col-10-xl > * {
  grid-column: span 10;
}
@media screen and (min-width: 992px) {
  .has-col-10-xl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-col-10-xl {
    grid-template-columns: repeat(10, 1fr) !important;
  }
}

.has-col-10-xxl > * {
  grid-column: span 10;
}
@media screen and (min-width: 992px) {
  .has-col-10-xxl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1440px) {
  .has-col-10-xxl {
    grid-template-columns: repeat(10, 1fr) !important;
  }
}

.has-col-11 {
  grid-template-columns: repeat(11, 1fr);
}
.has-col-11 > * {
  grid-column: span 11;
}
@media screen and (min-width: 992px) {
  .has-col-11 > * {
    grid-column: span 1;
  }
}

.has-col-11-xs > * {
  grid-column: span 11;
}
@media screen and (min-width: 992px) {
  .has-col-11-xs > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-col-11-xs {
    grid-template-columns: repeat(11, 1fr) !important;
  }
}

.has-col-11-sm > * {
  grid-column: span 11;
}
@media screen and (min-width: 992px) {
  .has-col-11-sm > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-col-11-sm {
    grid-template-columns: repeat(11, 1fr) !important;
  }
}

.has-col-11-md > * {
  grid-column: span 11;
}
@media screen and (min-width: 992px) {
  .has-col-11-md > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-col-11-md {
    grid-template-columns: repeat(11, 1fr) !important;
  }
}

.has-col-11-lg > * {
  grid-column: span 11;
}
@media screen and (min-width: 992px) {
  .has-col-11-lg > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-col-11-lg {
    grid-template-columns: repeat(11, 1fr) !important;
  }
}

.has-col-11-xl > * {
  grid-column: span 11;
}
@media screen and (min-width: 992px) {
  .has-col-11-xl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-col-11-xl {
    grid-template-columns: repeat(11, 1fr) !important;
  }
}

.has-col-11-xxl > * {
  grid-column: span 11;
}
@media screen and (min-width: 992px) {
  .has-col-11-xxl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1440px) {
  .has-col-11-xxl {
    grid-template-columns: repeat(11, 1fr) !important;
  }
}

.has-col-12 {
  grid-template-columns: repeat(12, 1fr);
}
.has-col-12 > * {
  grid-column: span 12;
}
@media screen and (min-width: 992px) {
  .has-col-12 > * {
    grid-column: span 1;
  }
}

.has-col-12-xs > * {
  grid-column: span 12;
}
@media screen and (min-width: 992px) {
  .has-col-12-xs > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 575.5px) {
  .has-col-12-xs {
    grid-template-columns: repeat(12, 1fr) !important;
  }
}

.has-col-12-sm > * {
  grid-column: span 12;
}
@media screen and (min-width: 992px) {
  .has-col-12-sm > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 576px) {
  .has-col-12-sm {
    grid-template-columns: repeat(12, 1fr) !important;
  }
}

.has-col-12-md > * {
  grid-column: span 12;
}
@media screen and (min-width: 992px) {
  .has-col-12-md > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 768px) {
  .has-col-12-md {
    grid-template-columns: repeat(12, 1fr) !important;
  }
}

.has-col-12-lg > * {
  grid-column: span 12;
}
@media screen and (min-width: 992px) {
  .has-col-12-lg > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 992px) {
  .has-col-12-lg {
    grid-template-columns: repeat(12, 1fr) !important;
  }
}

.has-col-12-xl > * {
  grid-column: span 12;
}
@media screen and (min-width: 992px) {
  .has-col-12-xl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1200px) {
  .has-col-12-xl {
    grid-template-columns: repeat(12, 1fr) !important;
  }
}

.has-col-12-xxl > * {
  grid-column: span 12;
}
@media screen and (min-width: 992px) {
  .has-col-12-xxl > * {
    grid-column: span 1;
  }
}
@media screen and (min-width: 1440px) {
  .has-col-12-xxl {
    grid-template-columns: repeat(12, 1fr) !important;
  }
}

.is-row-1 {
  grid-row: span 1;
}

@media screen and (min-width: 575.5px) {
  .is-row-1-xs {
    grid-row: span 1 !important;
  }
}
.is-row-2 {
  grid-row: span 2;
}

@media screen and (min-width: 575.5px) {
  .is-row-2-xs {
    grid-row: span 2 !important;
  }
}
.is-row-3 {
  grid-row: span 3;
}

@media screen and (min-width: 575.5px) {
  .is-row-3-xs {
    grid-row: span 3 !important;
  }
}
.is-row-4 {
  grid-row: span 4;
}

@media screen and (min-width: 575.5px) {
  .is-row-4-xs {
    grid-row: span 4 !important;
  }
}
.is-row-5 {
  grid-row: span 5;
}

@media screen and (min-width: 575.5px) {
  .is-row-5-xs {
    grid-row: span 5 !important;
  }
}
.is-row-6 {
  grid-row: span 6;
}

@media screen and (min-width: 575.5px) {
  .is-row-6-xs {
    grid-row: span 6 !important;
  }
}
.is-row-7 {
  grid-row: span 7;
}

@media screen and (min-width: 575.5px) {
  .is-row-7-xs {
    grid-row: span 7 !important;
  }
}
.is-row-8 {
  grid-row: span 8;
}

@media screen and (min-width: 575.5px) {
  .is-row-8-xs {
    grid-row: span 8 !important;
  }
}
.is-row-9 {
  grid-row: span 9;
}

@media screen and (min-width: 575.5px) {
  .is-row-9-xs {
    grid-row: span 9 !important;
  }
}
.is-row-10 {
  grid-row: span 10;
}

@media screen and (min-width: 575.5px) {
  .is-row-10-xs {
    grid-row: span 10 !important;
  }
}
.is-row-11 {
  grid-row: span 11;
}

@media screen and (min-width: 575.5px) {
  .is-row-11-xs {
    grid-row: span 11 !important;
  }
}
.is-row-12 {
  grid-row: span 12;
}

@media screen and (min-width: 575.5px) {
  .is-row-12-xs {
    grid-row: span 12 !important;
  }
}
.is-row-1 {
  grid-row: span 1;
}

@media screen and (min-width: 576px) {
  .is-row-1-sm {
    grid-row: span 1 !important;
  }
}
.is-row-2 {
  grid-row: span 2;
}

@media screen and (min-width: 576px) {
  .is-row-2-sm {
    grid-row: span 2 !important;
  }
}
.is-row-3 {
  grid-row: span 3;
}

@media screen and (min-width: 576px) {
  .is-row-3-sm {
    grid-row: span 3 !important;
  }
}
.is-row-4 {
  grid-row: span 4;
}

@media screen and (min-width: 576px) {
  .is-row-4-sm {
    grid-row: span 4 !important;
  }
}
.is-row-5 {
  grid-row: span 5;
}

@media screen and (min-width: 576px) {
  .is-row-5-sm {
    grid-row: span 5 !important;
  }
}
.is-row-6 {
  grid-row: span 6;
}

@media screen and (min-width: 576px) {
  .is-row-6-sm {
    grid-row: span 6 !important;
  }
}
.is-row-7 {
  grid-row: span 7;
}

@media screen and (min-width: 576px) {
  .is-row-7-sm {
    grid-row: span 7 !important;
  }
}
.is-row-8 {
  grid-row: span 8;
}

@media screen and (min-width: 576px) {
  .is-row-8-sm {
    grid-row: span 8 !important;
  }
}
.is-row-9 {
  grid-row: span 9;
}

@media screen and (min-width: 576px) {
  .is-row-9-sm {
    grid-row: span 9 !important;
  }
}
.is-row-10 {
  grid-row: span 10;
}

@media screen and (min-width: 576px) {
  .is-row-10-sm {
    grid-row: span 10 !important;
  }
}
.is-row-11 {
  grid-row: span 11;
}

@media screen and (min-width: 576px) {
  .is-row-11-sm {
    grid-row: span 11 !important;
  }
}
.is-row-12 {
  grid-row: span 12;
}

@media screen and (min-width: 576px) {
  .is-row-12-sm {
    grid-row: span 12 !important;
  }
}
.is-row-1 {
  grid-row: span 1;
}

@media screen and (min-width: 768px) {
  .is-row-1-md {
    grid-row: span 1 !important;
  }
}
.is-row-2 {
  grid-row: span 2;
}

@media screen and (min-width: 768px) {
  .is-row-2-md {
    grid-row: span 2 !important;
  }
}
.is-row-3 {
  grid-row: span 3;
}

@media screen and (min-width: 768px) {
  .is-row-3-md {
    grid-row: span 3 !important;
  }
}
.is-row-4 {
  grid-row: span 4;
}

@media screen and (min-width: 768px) {
  .is-row-4-md {
    grid-row: span 4 !important;
  }
}
.is-row-5 {
  grid-row: span 5;
}

@media screen and (min-width: 768px) {
  .is-row-5-md {
    grid-row: span 5 !important;
  }
}
.is-row-6 {
  grid-row: span 6;
}

@media screen and (min-width: 768px) {
  .is-row-6-md {
    grid-row: span 6 !important;
  }
}
.is-row-7 {
  grid-row: span 7;
}

@media screen and (min-width: 768px) {
  .is-row-7-md {
    grid-row: span 7 !important;
  }
}
.is-row-8 {
  grid-row: span 8;
}

@media screen and (min-width: 768px) {
  .is-row-8-md {
    grid-row: span 8 !important;
  }
}
.is-row-9 {
  grid-row: span 9;
}

@media screen and (min-width: 768px) {
  .is-row-9-md {
    grid-row: span 9 !important;
  }
}
.is-row-10 {
  grid-row: span 10;
}

@media screen and (min-width: 768px) {
  .is-row-10-md {
    grid-row: span 10 !important;
  }
}
.is-row-11 {
  grid-row: span 11;
}

@media screen and (min-width: 768px) {
  .is-row-11-md {
    grid-row: span 11 !important;
  }
}
.is-row-12 {
  grid-row: span 12;
}

@media screen and (min-width: 768px) {
  .is-row-12-md {
    grid-row: span 12 !important;
  }
}
.is-row-1 {
  grid-row: span 1;
}

@media screen and (min-width: 992px) {
  .is-row-1-lg {
    grid-row: span 1 !important;
  }
}
.is-row-2 {
  grid-row: span 2;
}

@media screen and (min-width: 992px) {
  .is-row-2-lg {
    grid-row: span 2 !important;
  }
}
.is-row-3 {
  grid-row: span 3;
}

@media screen and (min-width: 992px) {
  .is-row-3-lg {
    grid-row: span 3 !important;
  }
}
.is-row-4 {
  grid-row: span 4;
}

@media screen and (min-width: 992px) {
  .is-row-4-lg {
    grid-row: span 4 !important;
  }
}
.is-row-5 {
  grid-row: span 5;
}

@media screen and (min-width: 992px) {
  .is-row-5-lg {
    grid-row: span 5 !important;
  }
}
.is-row-6 {
  grid-row: span 6;
}

@media screen and (min-width: 992px) {
  .is-row-6-lg {
    grid-row: span 6 !important;
  }
}
.is-row-7 {
  grid-row: span 7;
}

@media screen and (min-width: 992px) {
  .is-row-7-lg {
    grid-row: span 7 !important;
  }
}
.is-row-8 {
  grid-row: span 8;
}

@media screen and (min-width: 992px) {
  .is-row-8-lg {
    grid-row: span 8 !important;
  }
}
.is-row-9 {
  grid-row: span 9;
}

@media screen and (min-width: 992px) {
  .is-row-9-lg {
    grid-row: span 9 !important;
  }
}
.is-row-10 {
  grid-row: span 10;
}

@media screen and (min-width: 992px) {
  .is-row-10-lg {
    grid-row: span 10 !important;
  }
}
.is-row-11 {
  grid-row: span 11;
}

@media screen and (min-width: 992px) {
  .is-row-11-lg {
    grid-row: span 11 !important;
  }
}
.is-row-12 {
  grid-row: span 12;
}

@media screen and (min-width: 992px) {
  .is-row-12-lg {
    grid-row: span 12 !important;
  }
}
.is-row-1 {
  grid-row: span 1;
}

@media screen and (min-width: 1200px) {
  .is-row-1-xl {
    grid-row: span 1 !important;
  }
}
.is-row-2 {
  grid-row: span 2;
}

@media screen and (min-width: 1200px) {
  .is-row-2-xl {
    grid-row: span 2 !important;
  }
}
.is-row-3 {
  grid-row: span 3;
}

@media screen and (min-width: 1200px) {
  .is-row-3-xl {
    grid-row: span 3 !important;
  }
}
.is-row-4 {
  grid-row: span 4;
}

@media screen and (min-width: 1200px) {
  .is-row-4-xl {
    grid-row: span 4 !important;
  }
}
.is-row-5 {
  grid-row: span 5;
}

@media screen and (min-width: 1200px) {
  .is-row-5-xl {
    grid-row: span 5 !important;
  }
}
.is-row-6 {
  grid-row: span 6;
}

@media screen and (min-width: 1200px) {
  .is-row-6-xl {
    grid-row: span 6 !important;
  }
}
.is-row-7 {
  grid-row: span 7;
}

@media screen and (min-width: 1200px) {
  .is-row-7-xl {
    grid-row: span 7 !important;
  }
}
.is-row-8 {
  grid-row: span 8;
}

@media screen and (min-width: 1200px) {
  .is-row-8-xl {
    grid-row: span 8 !important;
  }
}
.is-row-9 {
  grid-row: span 9;
}

@media screen and (min-width: 1200px) {
  .is-row-9-xl {
    grid-row: span 9 !important;
  }
}
.is-row-10 {
  grid-row: span 10;
}

@media screen and (min-width: 1200px) {
  .is-row-10-xl {
    grid-row: span 10 !important;
  }
}
.is-row-11 {
  grid-row: span 11;
}

@media screen and (min-width: 1200px) {
  .is-row-11-xl {
    grid-row: span 11 !important;
  }
}
.is-row-12 {
  grid-row: span 12;
}

@media screen and (min-width: 1200px) {
  .is-row-12-xl {
    grid-row: span 12 !important;
  }
}
.is-row-1 {
  grid-row: span 1;
}

@media screen and (min-width: 1440px) {
  .is-row-1-xxl {
    grid-row: span 1 !important;
  }
}
.is-row-2 {
  grid-row: span 2;
}

@media screen and (min-width: 1440px) {
  .is-row-2-xxl {
    grid-row: span 2 !important;
  }
}
.is-row-3 {
  grid-row: span 3;
}

@media screen and (min-width: 1440px) {
  .is-row-3-xxl {
    grid-row: span 3 !important;
  }
}
.is-row-4 {
  grid-row: span 4;
}

@media screen and (min-width: 1440px) {
  .is-row-4-xxl {
    grid-row: span 4 !important;
  }
}
.is-row-5 {
  grid-row: span 5;
}

@media screen and (min-width: 1440px) {
  .is-row-5-xxl {
    grid-row: span 5 !important;
  }
}
.is-row-6 {
  grid-row: span 6;
}

@media screen and (min-width: 1440px) {
  .is-row-6-xxl {
    grid-row: span 6 !important;
  }
}
.is-row-7 {
  grid-row: span 7;
}

@media screen and (min-width: 1440px) {
  .is-row-7-xxl {
    grid-row: span 7 !important;
  }
}
.is-row-8 {
  grid-row: span 8;
}

@media screen and (min-width: 1440px) {
  .is-row-8-xxl {
    grid-row: span 8 !important;
  }
}
.is-row-9 {
  grid-row: span 9;
}

@media screen and (min-width: 1440px) {
  .is-row-9-xxl {
    grid-row: span 9 !important;
  }
}
.is-row-10 {
  grid-row: span 10;
}

@media screen and (min-width: 1440px) {
  .is-row-10-xxl {
    grid-row: span 10 !important;
  }
}
.is-row-11 {
  grid-row: span 11;
}

@media screen and (min-width: 1440px) {
  .is-row-11-xxl {
    grid-row: span 11 !important;
  }
}
.is-row-12 {
  grid-row: span 12;
}

@media screen and (min-width: 1440px) {
  .is-row-12-xxl {
    grid-row: span 12 !important;
  }
}
.is-col-1 {
  grid-column: span 1;
}

@media screen and (min-width: 575.5px) {
  .is-col-1-xs {
    grid-column: span 1 !important;
  }
}
.is-col-2 {
  grid-column: span 2;
}

@media screen and (min-width: 575.5px) {
  .is-col-2-xs {
    grid-column: span 2 !important;
  }
}
.is-col-3 {
  grid-column: span 3;
}

@media screen and (min-width: 575.5px) {
  .is-col-3-xs {
    grid-column: span 3 !important;
  }
}
.is-col-4 {
  grid-column: span 4;
}

@media screen and (min-width: 575.5px) {
  .is-col-4-xs {
    grid-column: span 4 !important;
  }
}
.is-col-5 {
  grid-column: span 5;
}

@media screen and (min-width: 575.5px) {
  .is-col-5-xs {
    grid-column: span 5 !important;
  }
}
.is-col-6 {
  grid-column: span 6;
}

@media screen and (min-width: 575.5px) {
  .is-col-6-xs {
    grid-column: span 6 !important;
  }
}
.is-col-7 {
  grid-column: span 7;
}

@media screen and (min-width: 575.5px) {
  .is-col-7-xs {
    grid-column: span 7 !important;
  }
}
.is-col-8 {
  grid-column: span 8;
}

@media screen and (min-width: 575.5px) {
  .is-col-8-xs {
    grid-column: span 8 !important;
  }
}
.is-col-9 {
  grid-column: span 9;
}

@media screen and (min-width: 575.5px) {
  .is-col-9-xs {
    grid-column: span 9 !important;
  }
}
.is-col-10 {
  grid-column: span 10;
}

@media screen and (min-width: 575.5px) {
  .is-col-10-xs {
    grid-column: span 10 !important;
  }
}
.is-col-11 {
  grid-column: span 11;
}

@media screen and (min-width: 575.5px) {
  .is-col-11-xs {
    grid-column: span 11 !important;
  }
}
.is-col-12 {
  grid-column: span 12;
}

@media screen and (min-width: 575.5px) {
  .is-col-12-xs {
    grid-column: span 12 !important;
  }
}
.is-col-1 {
  grid-column: span 1;
}

@media screen and (min-width: 576px) {
  .is-col-1-sm {
    grid-column: span 1 !important;
  }
}
.is-col-2 {
  grid-column: span 2;
}

@media screen and (min-width: 576px) {
  .is-col-2-sm {
    grid-column: span 2 !important;
  }
}
.is-col-3 {
  grid-column: span 3;
}

@media screen and (min-width: 576px) {
  .is-col-3-sm {
    grid-column: span 3 !important;
  }
}
.is-col-4 {
  grid-column: span 4;
}

@media screen and (min-width: 576px) {
  .is-col-4-sm {
    grid-column: span 4 !important;
  }
}
.is-col-5 {
  grid-column: span 5;
}

@media screen and (min-width: 576px) {
  .is-col-5-sm {
    grid-column: span 5 !important;
  }
}
.is-col-6 {
  grid-column: span 6;
}

@media screen and (min-width: 576px) {
  .is-col-6-sm {
    grid-column: span 6 !important;
  }
}
.is-col-7 {
  grid-column: span 7;
}

@media screen and (min-width: 576px) {
  .is-col-7-sm {
    grid-column: span 7 !important;
  }
}
.is-col-8 {
  grid-column: span 8;
}

@media screen and (min-width: 576px) {
  .is-col-8-sm {
    grid-column: span 8 !important;
  }
}
.is-col-9 {
  grid-column: span 9;
}

@media screen and (min-width: 576px) {
  .is-col-9-sm {
    grid-column: span 9 !important;
  }
}
.is-col-10 {
  grid-column: span 10;
}

@media screen and (min-width: 576px) {
  .is-col-10-sm {
    grid-column: span 10 !important;
  }
}
.is-col-11 {
  grid-column: span 11;
}

@media screen and (min-width: 576px) {
  .is-col-11-sm {
    grid-column: span 11 !important;
  }
}
.is-col-12 {
  grid-column: span 12;
}

@media screen and (min-width: 576px) {
  .is-col-12-sm {
    grid-column: span 12 !important;
  }
}
.is-col-1 {
  grid-column: span 1;
}

@media screen and (min-width: 768px) {
  .is-col-1-md {
    grid-column: span 1 !important;
  }
}
.is-col-2 {
  grid-column: span 2;
}

@media screen and (min-width: 768px) {
  .is-col-2-md {
    grid-column: span 2 !important;
  }
}
.is-col-3 {
  grid-column: span 3;
}

@media screen and (min-width: 768px) {
  .is-col-3-md {
    grid-column: span 3 !important;
  }
}
.is-col-4 {
  grid-column: span 4;
}

@media screen and (min-width: 768px) {
  .is-col-4-md {
    grid-column: span 4 !important;
  }
}
.is-col-5 {
  grid-column: span 5;
}

@media screen and (min-width: 768px) {
  .is-col-5-md {
    grid-column: span 5 !important;
  }
}
.is-col-6 {
  grid-column: span 6;
}

@media screen and (min-width: 768px) {
  .is-col-6-md {
    grid-column: span 6 !important;
  }
}
.is-col-7 {
  grid-column: span 7;
}

@media screen and (min-width: 768px) {
  .is-col-7-md {
    grid-column: span 7 !important;
  }
}
.is-col-8 {
  grid-column: span 8;
}

@media screen and (min-width: 768px) {
  .is-col-8-md {
    grid-column: span 8 !important;
  }
}
.is-col-9 {
  grid-column: span 9;
}

@media screen and (min-width: 768px) {
  .is-col-9-md {
    grid-column: span 9 !important;
  }
}
.is-col-10 {
  grid-column: span 10;
}

@media screen and (min-width: 768px) {
  .is-col-10-md {
    grid-column: span 10 !important;
  }
}
.is-col-11 {
  grid-column: span 11;
}

@media screen and (min-width: 768px) {
  .is-col-11-md {
    grid-column: span 11 !important;
  }
}
.is-col-12 {
  grid-column: span 12;
}

@media screen and (min-width: 768px) {
  .is-col-12-md {
    grid-column: span 12 !important;
  }
}
.is-col-1 {
  grid-column: span 1;
}

@media screen and (min-width: 992px) {
  .is-col-1-lg {
    grid-column: span 1 !important;
  }
}
.is-col-2 {
  grid-column: span 2;
}

@media screen and (min-width: 992px) {
  .is-col-2-lg {
    grid-column: span 2 !important;
  }
}
.is-col-3 {
  grid-column: span 3;
}

@media screen and (min-width: 992px) {
  .is-col-3-lg {
    grid-column: span 3 !important;
  }
}
.is-col-4 {
  grid-column: span 4;
}

@media screen and (min-width: 992px) {
  .is-col-4-lg {
    grid-column: span 4 !important;
  }
}
.is-col-5 {
  grid-column: span 5;
}

@media screen and (min-width: 992px) {
  .is-col-5-lg {
    grid-column: span 5 !important;
  }
}
.is-col-6 {
  grid-column: span 6;
}

@media screen and (min-width: 992px) {
  .is-col-6-lg {
    grid-column: span 6 !important;
  }
}
.is-col-7 {
  grid-column: span 7;
}

@media screen and (min-width: 992px) {
  .is-col-7-lg {
    grid-column: span 7 !important;
  }
}
.is-col-8 {
  grid-column: span 8;
}

@media screen and (min-width: 992px) {
  .is-col-8-lg {
    grid-column: span 8 !important;
  }
}
.is-col-9 {
  grid-column: span 9;
}

@media screen and (min-width: 992px) {
  .is-col-9-lg {
    grid-column: span 9 !important;
  }
}
.is-col-10 {
  grid-column: span 10;
}

@media screen and (min-width: 992px) {
  .is-col-10-lg {
    grid-column: span 10 !important;
  }
}
.is-col-11 {
  grid-column: span 11;
}

@media screen and (min-width: 992px) {
  .is-col-11-lg {
    grid-column: span 11 !important;
  }
}
.is-col-12 {
  grid-column: span 12;
}

@media screen and (min-width: 992px) {
  .is-col-12-lg {
    grid-column: span 12 !important;
  }
}
.is-col-1 {
  grid-column: span 1;
}

@media screen and (min-width: 1200px) {
  .is-col-1-xl {
    grid-column: span 1 !important;
  }
}
.is-col-2 {
  grid-column: span 2;
}

@media screen and (min-width: 1200px) {
  .is-col-2-xl {
    grid-column: span 2 !important;
  }
}
.is-col-3 {
  grid-column: span 3;
}

@media screen and (min-width: 1200px) {
  .is-col-3-xl {
    grid-column: span 3 !important;
  }
}
.is-col-4 {
  grid-column: span 4;
}

@media screen and (min-width: 1200px) {
  .is-col-4-xl {
    grid-column: span 4 !important;
  }
}
.is-col-5 {
  grid-column: span 5;
}

@media screen and (min-width: 1200px) {
  .is-col-5-xl {
    grid-column: span 5 !important;
  }
}
.is-col-6 {
  grid-column: span 6;
}

@media screen and (min-width: 1200px) {
  .is-col-6-xl {
    grid-column: span 6 !important;
  }
}
.is-col-7 {
  grid-column: span 7;
}

@media screen and (min-width: 1200px) {
  .is-col-7-xl {
    grid-column: span 7 !important;
  }
}
.is-col-8 {
  grid-column: span 8;
}

@media screen and (min-width: 1200px) {
  .is-col-8-xl {
    grid-column: span 8 !important;
  }
}
.is-col-9 {
  grid-column: span 9;
}

@media screen and (min-width: 1200px) {
  .is-col-9-xl {
    grid-column: span 9 !important;
  }
}
.is-col-10 {
  grid-column: span 10;
}

@media screen and (min-width: 1200px) {
  .is-col-10-xl {
    grid-column: span 10 !important;
  }
}
.is-col-11 {
  grid-column: span 11;
}

@media screen and (min-width: 1200px) {
  .is-col-11-xl {
    grid-column: span 11 !important;
  }
}
.is-col-12 {
  grid-column: span 12;
}

@media screen and (min-width: 1200px) {
  .is-col-12-xl {
    grid-column: span 12 !important;
  }
}
.is-col-1 {
  grid-column: span 1;
}

@media screen and (min-width: 1440px) {
  .is-col-1-xxl {
    grid-column: span 1 !important;
  }
}
.is-col-2 {
  grid-column: span 2;
}

@media screen and (min-width: 1440px) {
  .is-col-2-xxl {
    grid-column: span 2 !important;
  }
}
.is-col-3 {
  grid-column: span 3;
}

@media screen and (min-width: 1440px) {
  .is-col-3-xxl {
    grid-column: span 3 !important;
  }
}
.is-col-4 {
  grid-column: span 4;
}

@media screen and (min-width: 1440px) {
  .is-col-4-xxl {
    grid-column: span 4 !important;
  }
}
.is-col-5 {
  grid-column: span 5;
}

@media screen and (min-width: 1440px) {
  .is-col-5-xxl {
    grid-column: span 5 !important;
  }
}
.is-col-6 {
  grid-column: span 6;
}

@media screen and (min-width: 1440px) {
  .is-col-6-xxl {
    grid-column: span 6 !important;
  }
}
.is-col-7 {
  grid-column: span 7;
}

@media screen and (min-width: 1440px) {
  .is-col-7-xxl {
    grid-column: span 7 !important;
  }
}
.is-col-8 {
  grid-column: span 8;
}

@media screen and (min-width: 1440px) {
  .is-col-8-xxl {
    grid-column: span 8 !important;
  }
}
.is-col-9 {
  grid-column: span 9;
}

@media screen and (min-width: 1440px) {
  .is-col-9-xxl {
    grid-column: span 9 !important;
  }
}
.is-col-10 {
  grid-column: span 10;
}

@media screen and (min-width: 1440px) {
  .is-col-10-xxl {
    grid-column: span 10 !important;
  }
}
.is-col-11 {
  grid-column: span 11;
}

@media screen and (min-width: 1440px) {
  .is-col-11-xxl {
    grid-column: span 11 !important;
  }
}
.is-col-12 {
  grid-column: span 12;
}

@media screen and (min-width: 1440px) {
  .is-col-12-xxl {
    grid-column: span 12 !important;
  }
}
/* Class Generation
------------------------- */
.has-row-gap {
  grid-row-gap: var(--spacing);
}

.has-row-gap-md {
  grid-row-gap: var(--spacing-md);
}

.has-row-gap-lg {
  grid-row-gap: var(--spacing-lg);
}

.has-no-row-gap {
  grid-row-gap: 0;
}

.has-col-gap {
  grid-column-gap: var(--spacing);
}

.has-col-gap-md {
  grid-column-gap: var(--spacing-md);
}

.has-col-gap-lg {
  grid-column-gap: var(--spacing-lg);
}

.has-no-col-gap {
  grid-column-gap: 0;
}

.is-ltr {
  direction: ltr;
}

@media screen and (min-width: 575.5px) {
  .is-ltr-xs {
    direction: ltr;
  }
}

.is-ltr {
  direction: ltr;
}

@media screen and (min-width: 576px) {
  .is-ltr-sm {
    direction: ltr;
  }
}

.is-ltr {
  direction: ltr;
}

@media screen and (min-width: 768px) {
  .is-ltr-md {
    direction: ltr;
  }
}

.is-ltr {
  direction: ltr;
}

@media screen and (min-width: 992px) {
  .is-ltr-lg {
    direction: ltr;
  }
}

.is-ltr {
  direction: ltr;
}

@media screen and (min-width: 1200px) {
  .is-ltr-xl {
    direction: ltr;
  }
}

.is-ltr {
  direction: ltr;
}

@media screen and (min-width: 1440px) {
  .is-ltr-xxl {
    direction: ltr;
  }
}

.is-rtl {
  direction: rtl;
}

@media screen and (min-width: 575.5px) {
  .is-rtl-xs {
    direction: rtl;
  }
}

.is-rtl {
  direction: rtl;
}

@media screen and (min-width: 576px) {
  .is-rtl-sm {
    direction: rtl;
  }
}

.is-rtl {
  direction: rtl;
}

@media screen and (min-width: 768px) {
  .is-rtl-md {
    direction: rtl;
  }
}

.is-rtl {
  direction: rtl;
}

@media screen and (min-width: 992px) {
  .is-rtl-lg {
    direction: rtl;
  }
}

.is-rtl {
  direction: rtl;
}

@media screen and (min-width: 1200px) {
  .is-rtl-xl {
    direction: rtl;
  }
}

.is-rtl {
  direction: rtl;
}

@media screen and (min-width: 1440px) {
  .is-rtl-xxl {
    direction: rtl;
  }
}

.is-placed-left {
  place-self: left;
}

.is-placed-right {
  place-self: right;
}

.is-placed-center {
  place-self: center;
}

.is-placed-start {
  place-self: start;
}

.is-placed-normal {
  place-self: normal;
}

.is-order-1 {
  order: 1;
}

@media screen and (min-width: 575.5px) {
  .is-order-1-xs {
    order: 1;
  }
}

@media screen and (min-width: 576px) {
  .is-order-1-sm {
    order: 1;
  }
}

@media screen and (min-width: 768px) {
  .is-order-1-md {
    order: 1;
  }
}

@media screen and (min-width: 992px) {
  .is-order-1-lg {
    order: 1;
  }
}

@media screen and (min-width: 1200px) {
  .is-order-1-xl {
    order: 1;
  }
}

@media screen and (min-width: 1440px) {
  .is-order-1-xxl {
    order: 1;
  }
}

.is-order-2 {
  order: 2;
}

@media screen and (min-width: 575.5px) {
  .is-order-2-xs {
    order: 2;
  }
}

@media screen and (min-width: 576px) {
  .is-order-2-sm {
    order: 2;
  }
}

@media screen and (min-width: 768px) {
  .is-order-2-md {
    order: 2;
  }
}

@media screen and (min-width: 992px) {
  .is-order-2-lg {
    order: 2;
  }
}

@media screen and (min-width: 1200px) {
  .is-order-2-xl {
    order: 2;
  }
}

@media screen and (min-width: 1440px) {
  .is-order-2-xxl {
    order: 2;
  }
}

.is-order-3 {
  order: 3;
}

@media screen and (min-width: 575.5px) {
  .is-order-3-xs {
    order: 3;
  }
}

@media screen and (min-width: 576px) {
  .is-order-3-sm {
    order: 3;
  }
}

@media screen and (min-width: 768px) {
  .is-order-3-md {
    order: 3;
  }
}

@media screen and (min-width: 992px) {
  .is-order-3-lg {
    order: 3;
  }
}

@media screen and (min-width: 1200px) {
  .is-order-3-xl {
    order: 3;
  }
}

@media screen and (min-width: 1440px) {
  .is-order-3-xxl {
    order: 3;
  }
}

.is-order-4 {
  order: 4;
}

@media screen and (min-width: 575.5px) {
  .is-order-4-xs {
    order: 4;
  }
}

@media screen and (min-width: 576px) {
  .is-order-4-sm {
    order: 4;
  }
}

@media screen and (min-width: 768px) {
  .is-order-4-md {
    order: 4;
  }
}

@media screen and (min-width: 992px) {
  .is-order-4-lg {
    order: 4;
  }
}

@media screen and (min-width: 1200px) {
  .is-order-4-xl {
    order: 4;
  }
}

@media screen and (min-width: 1440px) {
  .is-order-4-xxl {
    order: 4;
  }
}

.is-order-5 {
  order: 5;
}

@media screen and (min-width: 575.5px) {
  .is-order-5-xs {
    order: 5;
  }
}

@media screen and (min-width: 576px) {
  .is-order-5-sm {
    order: 5;
  }
}

@media screen and (min-width: 768px) {
  .is-order-5-md {
    order: 5;
  }
}

@media screen and (min-width: 992px) {
  .is-order-5-lg {
    order: 5;
  }
}

@media screen and (min-width: 1200px) {
  .is-order-5-xl {
    order: 5;
  }
}

@media screen and (min-width: 1440px) {
  .is-order-5-xxl {
    order: 5;
  }
}

.is-order-6 {
  order: 6;
}

@media screen and (min-width: 575.5px) {
  .is-order-6-xs {
    order: 6;
  }
}

@media screen and (min-width: 576px) {
  .is-order-6-sm {
    order: 6;
  }
}

@media screen and (min-width: 768px) {
  .is-order-6-md {
    order: 6;
  }
}

@media screen and (min-width: 992px) {
  .is-order-6-lg {
    order: 6;
  }
}

@media screen and (min-width: 1200px) {
  .is-order-6-xl {
    order: 6;
  }
}

@media screen and (min-width: 1440px) {
  .is-order-6-xxl {
    order: 6;
  }
}

.is-order-7 {
  order: 7;
}

@media screen and (min-width: 575.5px) {
  .is-order-7-xs {
    order: 7;
  }
}

@media screen and (min-width: 576px) {
  .is-order-7-sm {
    order: 7;
  }
}

@media screen and (min-width: 768px) {
  .is-order-7-md {
    order: 7;
  }
}

@media screen and (min-width: 992px) {
  .is-order-7-lg {
    order: 7;
  }
}

@media screen and (min-width: 1200px) {
  .is-order-7-xl {
    order: 7;
  }
}

@media screen and (min-width: 1440px) {
  .is-order-7-xxl {
    order: 7;
  }
}

.is-order-8 {
  order: 8;
}

@media screen and (min-width: 575.5px) {
  .is-order-8-xs {
    order: 8;
  }
}

@media screen and (min-width: 576px) {
  .is-order-8-sm {
    order: 8;
  }
}

@media screen and (min-width: 768px) {
  .is-order-8-md {
    order: 8;
  }
}

@media screen and (min-width: 992px) {
  .is-order-8-lg {
    order: 8;
  }
}

@media screen and (min-width: 1200px) {
  .is-order-8-xl {
    order: 8;
  }
}

@media screen and (min-width: 1440px) {
  .is-order-8-xxl {
    order: 8;
  }
}

.is-order-9 {
  order: 9;
}

@media screen and (min-width: 575.5px) {
  .is-order-9-xs {
    order: 9;
  }
}

@media screen and (min-width: 576px) {
  .is-order-9-sm {
    order: 9;
  }
}

@media screen and (min-width: 768px) {
  .is-order-9-md {
    order: 9;
  }
}

@media screen and (min-width: 992px) {
  .is-order-9-lg {
    order: 9;
  }
}

@media screen and (min-width: 1200px) {
  .is-order-9-xl {
    order: 9;
  }
}

@media screen and (min-width: 1440px) {
  .is-order-9-xxl {
    order: 9;
  }
}

.is-order-10 {
  order: 10;
}

@media screen and (min-width: 575.5px) {
  .is-order-10-xs {
    order: 10;
  }
}

@media screen and (min-width: 576px) {
  .is-order-10-sm {
    order: 10;
  }
}

@media screen and (min-width: 768px) {
  .is-order-10-md {
    order: 10;
  }
}

@media screen and (min-width: 992px) {
  .is-order-10-lg {
    order: 10;
  }
}

@media screen and (min-width: 1200px) {
  .is-order-10-xl {
    order: 10;
  }
}

@media screen and (min-width: 1440px) {
  .is-order-10-xxl {
    order: 10;
  }
}

.is-order-11 {
  order: 11;
}

@media screen and (min-width: 575.5px) {
  .is-order-11-xs {
    order: 11;
  }
}

@media screen and (min-width: 576px) {
  .is-order-11-sm {
    order: 11;
  }
}

@media screen and (min-width: 768px) {
  .is-order-11-md {
    order: 11;
  }
}

@media screen and (min-width: 992px) {
  .is-order-11-lg {
    order: 11;
  }
}

@media screen and (min-width: 1200px) {
  .is-order-11-xl {
    order: 11;
  }
}

@media screen and (min-width: 1440px) {
  .is-order-11-xxl {
    order: 11;
  }
}

.is-order-12 {
  order: 12;
}

@media screen and (min-width: 575.5px) {
  .is-order-12-xs {
    order: 12;
  }
}

@media screen and (min-width: 576px) {
  .is-order-12-sm {
    order: 12;
  }
}

@media screen and (min-width: 768px) {
  .is-order-12-md {
    order: 12;
  }
}

@media screen and (min-width: 992px) {
  .is-order-12-lg {
    order: 12;
  }
}

@media screen and (min-width: 1200px) {
  .is-order-12-xl {
    order: 12;
  }
}

@media screen and (min-width: 1440px) {
  .is-order-12-xxl {
    order: 12;
  }
}

.is-order-1 {
  order: 1;
}

@media screen and (min-width: 575.5px) {
  .is-order-1-xs {
    order: 1;
  }
}

@media screen and (min-width: 576px) {
  .is-order-1-sm {
    order: 1;
  }
}

@media screen and (min-width: 768px) {
  .is-order-1-md {
    order: 1;
  }
}

@media screen and (min-width: 992px) {
  .is-order-1-lg {
    order: 1;
  }
}

@media screen and (min-width: 1200px) {
  .is-order-1-xl {
    order: 1;
  }
}

@media screen and (min-width: 1440px) {
  .is-order-1-xxl {
    order: 1;
  }
}

.is-order-2 {
  order: 2;
}

@media screen and (min-width: 575.5px) {
  .is-order-2-xs {
    order: 2;
  }
}

@media screen and (min-width: 576px) {
  .is-order-2-sm {
    order: 2;
  }
}

@media screen and (min-width: 768px) {
  .is-order-2-md {
    order: 2;
  }
}

@media screen and (min-width: 992px) {
  .is-order-2-lg {
    order: 2;
  }
}

@media screen and (min-width: 1200px) {
  .is-order-2-xl {
    order: 2;
  }
}

@media screen and (min-width: 1440px) {
  .is-order-2-xxl {
    order: 2;
  }
}

.is-order-3 {
  order: 3;
}

@media screen and (min-width: 575.5px) {
  .is-order-3-xs {
    order: 3;
  }
}

@media screen and (min-width: 576px) {
  .is-order-3-sm {
    order: 3;
  }
}

@media screen and (min-width: 768px) {
  .is-order-3-md {
    order: 3;
  }
}

@media screen and (min-width: 992px) {
  .is-order-3-lg {
    order: 3;
  }
}

@media screen and (min-width: 1200px) {
  .is-order-3-xl {
    order: 3;
  }
}

@media screen and (min-width: 1440px) {
  .is-order-3-xxl {
    order: 3;
  }
}

.is-order-4 {
  order: 4;
}

@media screen and (min-width: 575.5px) {
  .is-order-4-xs {
    order: 4;
  }
}

@media screen and (min-width: 576px) {
  .is-order-4-sm {
    order: 4;
  }
}

@media screen and (min-width: 768px) {
  .is-order-4-md {
    order: 4;
  }
}

@media screen and (min-width: 992px) {
  .is-order-4-lg {
    order: 4;
  }
}

@media screen and (min-width: 1200px) {
  .is-order-4-xl {
    order: 4;
  }
}

@media screen and (min-width: 1440px) {
  .is-order-4-xxl {
    order: 4;
  }
}

.is-order-5 {
  order: 5;
}

@media screen and (min-width: 575.5px) {
  .is-order-5-xs {
    order: 5;
  }
}

@media screen and (min-width: 576px) {
  .is-order-5-sm {
    order: 5;
  }
}

@media screen and (min-width: 768px) {
  .is-order-5-md {
    order: 5;
  }
}

@media screen and (min-width: 992px) {
  .is-order-5-lg {
    order: 5;
  }
}

@media screen and (min-width: 1200px) {
  .is-order-5-xl {
    order: 5;
  }
}

@media screen and (min-width: 1440px) {
  .is-order-5-xxl {
    order: 5;
  }
}

.is-order-6 {
  order: 6;
}

@media screen and (min-width: 575.5px) {
  .is-order-6-xs {
    order: 6;
  }
}

@media screen and (min-width: 576px) {
  .is-order-6-sm {
    order: 6;
  }
}

@media screen and (min-width: 768px) {
  .is-order-6-md {
    order: 6;
  }
}

@media screen and (min-width: 992px) {
  .is-order-6-lg {
    order: 6;
  }
}

@media screen and (min-width: 1200px) {
  .is-order-6-xl {
    order: 6;
  }
}

@media screen and (min-width: 1440px) {
  .is-order-6-xxl {
    order: 6;
  }
}

.is-order-7 {
  order: 7;
}

@media screen and (min-width: 575.5px) {
  .is-order-7-xs {
    order: 7;
  }
}

@media screen and (min-width: 576px) {
  .is-order-7-sm {
    order: 7;
  }
}

@media screen and (min-width: 768px) {
  .is-order-7-md {
    order: 7;
  }
}

@media screen and (min-width: 992px) {
  .is-order-7-lg {
    order: 7;
  }
}

@media screen and (min-width: 1200px) {
  .is-order-7-xl {
    order: 7;
  }
}

@media screen and (min-width: 1440px) {
  .is-order-7-xxl {
    order: 7;
  }
}

.is-order-8 {
  order: 8;
}

@media screen and (min-width: 575.5px) {
  .is-order-8-xs {
    order: 8;
  }
}

@media screen and (min-width: 576px) {
  .is-order-8-sm {
    order: 8;
  }
}

@media screen and (min-width: 768px) {
  .is-order-8-md {
    order: 8;
  }
}

@media screen and (min-width: 992px) {
  .is-order-8-lg {
    order: 8;
  }
}

@media screen and (min-width: 1200px) {
  .is-order-8-xl {
    order: 8;
  }
}

@media screen and (min-width: 1440px) {
  .is-order-8-xxl {
    order: 8;
  }
}

.is-order-9 {
  order: 9;
}

@media screen and (min-width: 575.5px) {
  .is-order-9-xs {
    order: 9;
  }
}

@media screen and (min-width: 576px) {
  .is-order-9-sm {
    order: 9;
  }
}

@media screen and (min-width: 768px) {
  .is-order-9-md {
    order: 9;
  }
}

@media screen and (min-width: 992px) {
  .is-order-9-lg {
    order: 9;
  }
}

@media screen and (min-width: 1200px) {
  .is-order-9-xl {
    order: 9;
  }
}

@media screen and (min-width: 1440px) {
  .is-order-9-xxl {
    order: 9;
  }
}

.is-order-10 {
  order: 10;
}

@media screen and (min-width: 575.5px) {
  .is-order-10-xs {
    order: 10;
  }
}

@media screen and (min-width: 576px) {
  .is-order-10-sm {
    order: 10;
  }
}

@media screen and (min-width: 768px) {
  .is-order-10-md {
    order: 10;
  }
}

@media screen and (min-width: 992px) {
  .is-order-10-lg {
    order: 10;
  }
}

@media screen and (min-width: 1200px) {
  .is-order-10-xl {
    order: 10;
  }
}

@media screen and (min-width: 1440px) {
  .is-order-10-xxl {
    order: 10;
  }
}

.is-order-11 {
  order: 11;
}

@media screen and (min-width: 575.5px) {
  .is-order-11-xs {
    order: 11;
  }
}

@media screen and (min-width: 576px) {
  .is-order-11-sm {
    order: 11;
  }
}

@media screen and (min-width: 768px) {
  .is-order-11-md {
    order: 11;
  }
}

@media screen and (min-width: 992px) {
  .is-order-11-lg {
    order: 11;
  }
}

@media screen and (min-width: 1200px) {
  .is-order-11-xl {
    order: 11;
  }
}

@media screen and (min-width: 1440px) {
  .is-order-11-xxl {
    order: 11;
  }
}

.is-order-12 {
  order: 12;
}

@media screen and (min-width: 575.5px) {
  .is-order-12-xs {
    order: 12;
  }
}

@media screen and (min-width: 576px) {
  .is-order-12-sm {
    order: 12;
  }
}

@media screen and (min-width: 768px) {
  .is-order-12-md {
    order: 12;
  }
}

@media screen and (min-width: 992px) {
  .is-order-12-lg {
    order: 12;
  }
}

@media screen and (min-width: 1200px) {
  .is-order-12-xl {
    order: 12;
  }
}

@media screen and (min-width: 1440px) {
  .is-order-12-xxl {
    order: 12;
  }
}

:root {
  --col-gap-sm: 0.5rem;
  --col-gap: 1rem;
  --col-gap-md: 1.5rem;
  --col-gap-lg: 2rem;
  --col-gap-xl: 2.5rem;
  --col-gap-xxl: 3rem;
  --row-gap-sm: 0.5rem;
  --row-gap: 1rem;
  --row-gap-md: 1.5rem;
  --row-gap-lg: 2rem;
  --col-gap-xl: 2.5rem;
  --col-gap-xxl: 3rem;
  /* Misc */
  --spacing-sm: 0.5rem;
  --spacing-sml: 0.75rem;
  --spacing: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 2.5rem;
  --spacing-xxl: 3rem;
}

.has-col-gap-default {
  grid-column-gap: var(--spacing-md);
}
@media only screen and (min-width: 1200px) {
  .has-col-gap-default {
    grid-column-gap: var(--spacing-lg);
  }
}
@media only screen and (min-width: 1440px) {
  .has-col-gap-default {
    grid-column-gap: var(--spacing-xl);
  }
}

.has-row-gap-default {
  grid-row-gap: var(--spacing-md);
}
@media only screen and (min-width: 1200px) {
  .has-row-gap-default {
    grid-row-gap: var(--spacing-lg);
  }
}
@media only screen and (min-width: 1440px) {
  .has-row-gap-default {
    grid-row-gap: var(--spacing-xl);
  }
}

.has-col-gap-sm {
  grid-column-gap: var(--spacing-sm);
}

.has-row-gap-sm {
  grid-row-gap: var(--spacing-sm);
}

.has-col-gap-sml {
  grid-column-gap: var(--spacing-sml);
}

.has-row-gap-sml {
  grid-row-gap: var(--spacing-sml);
}

.has-col-gap-lg {
  grid-column-gap: 0px;
}
@media only screen and (min-width: 768px) {
  .has-col-gap-lg {
    grid-column-gap: var(--spacing-lg);
  }
}

.has-row-gap-lg {
  grid-row-gap: var(--spacing-lg);
}

.has-col-gap-xl {
  grid-column-gap: 0px;
}
@media only screen and (min-width: 768px) {
  .has-col-gap-xl {
    grid-column-gap: var(--spacing-xl);
  }
}

.has-row-gap-xl {
  grid-row-gap: var(--spacing-xl);
}

.has-col-gap-xxl {
  grid-column-gap: 0px;
}
@media only screen and (min-width: 768px) {
  .has-col-gap-xxl {
    grid-column-gap: var(--spacing-xxl);
  }
}

.has-row-gap-xxl {
  grid-row-gap: var(--spacing-xxl);
}

.has-no-row {
  grid-row-gap: 0;
}

.has-m-sm {
  margin: var(--spacing-sm);
}

.has-m-top-sm {
  margin-top: var(--spacing-sm);
}

.has-m-right-sm {
  margin-right: var(--spacing-sm);
}

.has-m-bottom-sm {
  margin-bottom: var(--spacing-sm);
}

.has-m-left-sm {
  margin-left: var(--spacing-sm);
}

.has-m {
  margin: var(--spacing);
}

.has-m-top {
  margin-top: var(--spacing);
}

.has-m-right {
  margin-right: var(--spacing);
}

.has-m-bottom {
  margin-bottom: var(--spacing);
}

.has-m-left {
  margin-left: var(--spacing);
}

.has-m-md {
  margin: var(--spacing-md);
}

.has-m-top-md {
  margin-top: var(--spacing-md);
}

.has-m-right-md {
  margin-right: var(--spacing-md);
}

.has-m-bottom-md {
  margin-bottom: var(--spacing-md);
}

.has-m-left-md {
  margin-left: var(--spacing-md);
}

.has-m-lg {
  margin: var(--spacing-lg);
}

.has-m-top-lg {
  margin-top: var(--spacing-lg);
}

.has-m-right-lg {
  margin-right: var(--spacing-lg);
}

.has-m-bottom-lg {
  margin-bottom: var(--spacing-lg);
}

.has-m-left-lg {
  margin-left: var(--spacing-lg);
}

.has-m-xl {
  margin: var(--spacing-xl);
}

.has-m-top-xl {
  margin-top: var(--spacing-xl);
}

.has-m-right-xl {
  margin-right: var(--spacing-xl);
}

.has-m-bottom-xl {
  margin-bottom: var(--spacing-xl);
}

.has-m-left-xl {
  margin-left: var(--spacing-xl);
}

.has-m-xxl {
  margin: var(--spacing-xxl);
}

.has-m-top-xxl {
  margin-top: var(--spacing-xxl);
}

.has-m-right-xxl {
  margin-right: var(--spacing-xxl);
}

.has-m-bottom-xxl {
  margin-bottom: var(--spacing-xxl);
}

.has-m-left-xxl {
  margin-left: var(--spacing-xxl);
}

.has-no-m {
  margin: 0;
}

.has-no-top-m {
  margin-top: 0;
}

.has-no-right-m {
  margin-right: 0;
}

.has-no-bottom-m {
  margin-bottom: 0;
}

.has-no-left-m {
  margin-left: 0;
}

.has-p-sm {
  padding: var(--spacing-sm);
}

.has-p-top-sm {
  padding-top: var(--spacing-sm);
}

.has-p-right-sm {
  padding-right: var(--spacing-sm);
}

.has-p-bottom-sm {
  padding-bottom: var(--spacing-sm);
}

.has-p-left-sm {
  padding-left: var(--spacing-sm);
}

.has-p {
  padding: var(--spacing);
}

.has-p-top {
  padding-top: var(--spacing);
}

.has-p-right {
  padding-right: var(--spacing);
}

.has-p-bottom {
  padding-bottom: var(--spacing);
}

.has-p-left {
  padding-left: var(--spacing);
}

.has-p-md {
  padding: var(--spacing-md);
}

.has-p-top-md {
  padding-top: var(--spacing-md);
}

.has-p-right-md {
  padding-right: var(--spacing-md);
}

.has-p-bottom-md {
  padding-bottom: var(--spacing-md);
}

.has-p-left-md {
  padding-left: var(--spacing-md);
}

.has-p-lg {
  padding: var(--spacing-lg);
}

.has-p-top-lg {
  padding-top: var(--spacing-lg);
}

.has-p-right-lg {
  padding-right: var(--spacing-lg);
}

.has-p-bottom-lg {
  padding-bottom: var(--spacing-lg);
}

.has-p-left-lg {
  padding-left: var(--spacing-lg);
}

.has-p-xl {
  padding: var(--spacing-xl);
}

.has-p-top-xl {
  padding-top: var(--spacing-xl);
}

.has-p-right-xl {
  padding-right: var(--spacing-xl);
}

.has-p-bottom-xl {
  padding-bottom: var(--spacing-xl);
}

.has-p-left-xl {
  padding-left: var(--spacing-xl);
}

.has-p-xxl {
  padding: var(--spacing-lg);
}
@media screen and (min-width: 769px) {
  .has-p-xxl {
    padding: var(--spacing-xxl);
  }
}

.has-p-top-xxl {
  padding-top: var(--spacing-lg);
}
@media screen and (min-width: 769px) {
  .has-p-top-xxl {
    padding-top: var(--spacing-xxl);
  }
}

.has-p-right-xxl {
  padding-right: var(--spacing-lg);
}
@media screen and (min-width: 769px) {
  .has-p-right-xxl {
    padding-right: var(--spacing-xxl);
  }
}

.has-p-bottom-xxl {
  padding-bottom: var(--spacing-lg);
}
@media screen and (min-width: 769px) {
  .has-p-bottom-xxl {
    padding-bottom: var(--spacing-xxl);
  }
}

.has-p-left-xxl {
  padding-left: var(--spacing-lg);
}
@media screen and (min-width: 769px) {
  .has-p-left-xxl {
    padding-left: var(--spacing-xxl);
  }
}

.has-no-p {
  margin: 0;
}

.has-no-top-p {
  padding-top: 0;
}

.has-no-right-p {
  padding-right: 0;
}

.has-no-bottom-p {
  padding-bottom: 0;
}

.has-no-left-p {
  padding-left: 0;
}

.is-centered {
  display: flex;
  align-items: center;
  justify-content: center;
}

.is-centered-horizontally {
  display: flex;
  justify-content: center;
}

.is-centered-vertically {
  display: flex;
  align-items: center;
}

.is-block {
  display: block;
}

@media screen and (min-width: 575.5px) {
  .is-block-xs {
    display: block;
  }
}
@media screen and (min-width: 576px) {
  .is-block-sm {
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  .is-block-md {
    display: block;
  }
}
@media only screen and (min-width: 992px) {
  .is-block-lg {
    display: block;
  }
}
@media only screen and (min-width: 1200px) {
  .is-block-xl {
    display: block;
  }
}
@media only screen and (min-width: 1440px) {
  .is-block-xxl {
    display: block;
  }
}
.is-inline-block {
  display: inline-block;
}

@media screen and (min-width: 575.5px) {
  .is-inline-block-xs {
    display: inline-block;
  }
}
@media screen and (min-width: 576px) {
  .is-inline-block-sm {
    display: inline-block;
  }
}
@media only screen and (min-width: 768px) {
  .is-inline-block-md {
    display: inline-block;
  }
}
@media only screen and (min-width: 992px) {
  .is-inline-block-lg {
    display: inline-block;
  }
}
@media only screen and (min-width: 1200px) {
  .is-inline-block-xl {
    display: inline-block;
  }
}
@media only screen and (min-width: 1440px) {
  .is-inline-block-xxl {
    display: inline-block;
  }
}
.is-flex {
  display: flex;
}

@media screen and (min-width: 575.5px) {
  .is-flex-xs {
    display: flex;
  }
}
@media screen and (min-width: 576px) {
  .is-flex-sm {
    display: flex;
  }
}
@media only screen and (min-width: 768px) {
  .is-flex-md {
    display: flex;
  }
}
@media only screen and (min-width: 992px) {
  .is-flex-lg {
    display: flex;
  }
}
@media only screen and (min-width: 1200px) {
  .is-flex-xl {
    display: flex;
  }
}
@media only screen and (min-width: 1440px) {
  .is-flex-xxl {
    display: flex;
  }
}
.is-inline-flex {
  display: inline-flex;
}

@media screen and (min-width: 575.5px) {
  .is-inline-flex-xs {
    display: inline-flex;
  }
}
@media screen and (min-width: 576px) {
  .is-inline-flex-sm {
    display: inline-flex;
  }
}
@media only screen and (min-width: 768px) {
  .is-inline-flex-md {
    display: inline-flex;
  }
}
@media only screen and (min-width: 992px) {
  .is-inline-flex-lg {
    display: inline-flex;
  }
}
@media only screen and (min-width: 1200px) {
  .is-inline-flex-xl {
    display: inline-flex;
  }
}
@media only screen and (min-width: 1440px) {
  .is-inline-flex-xxl {
    display: inline-flex;
  }
}
.is-device {
  display: none;
}

.is-screen {
  display: block;
}

.is-medium {
  display: block !important;
}

@media only screen and (min-device-width: 1px) and (-webkit-min-device-pixel-ratio: 2) {
  .is-device {
    display: block;
  }
  .is-screen {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  .is-medium {
    display: none !important;
  }
}
.is-flexBasis-half {
  flex-basis: 50%;
}

.is-table {
  display: table !important;
}

.is-tableCell {
  display: table-cell !important;
}

.is-widthFull {
  width: 100% !important;
}

@media only screen and (min-width: 2600px) {
  .is-grid .is-col-1-xxxl {
    grid-column: span 1 !important;
  }
  .is-grid .is-col-2-xxxl {
    grid-column: span 2 !important;
  }
  .is-grid .is-col-3-xxxl {
    grid-column: span 3 !important;
  }
  .is-grid .is-col-4-xxxl {
    grid-column: span 4 !important;
  }
  .is-grid .is-col-5-xxxl {
    grid-column: span 6 !important;
  }
  .is-grid .is-col-7-xxxl {
    grid-column: span 7 !important;
  }
  .is-grid .is-col-8-xxxl {
    grid-column: span 8 !important;
  }
  .is-grid .is-col-9-xxxl {
    grid-column: span 9 !important;
  }
  .is-grid .is-col-10-xxxl {
    grid-column: span 10 !important;
  }
  .is-grid .is-col-11-xxxl {
    grid-column: span 11 !important;
  }
  .is-grid .is-col-12-xxxl {
    grid-column: span 12 !important;
  }
}
.media-gutter {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.bio-grid {
  grid-row-gap: var(--ptc-layout-spacing-04);
}
@media only screen and (min-width: 768px) {
  .bio-grid {
    grid-column-gap: var(--ptc-layout-spacing-04);
    grid-row-gap: var(--ptc-layout-spacing-04);
  }
}

@media (max-width: 480px) {
  .column-gap-mobile {
    grid-column-gap: 1rem;
  }
}

.hr-1 {
  background-color: var(--color-gray-01);
}

.hr-2 {
  background-color: var(--color-gray-02);
}

.hr-3 {
  background-color: var(--color-gray-03);
}

.hr-4 {
  background-color: var(--color-gray-04);
}

.hr-5 {
  background-color: var(--color-gray-05);
}

.hr-6 {
  background-color: var(--color-gray-06);
}

/*
* Element and layout spacing
*/
:root {
  --ptc-element-spacing-01: 0.25rem; /* 4px */
  --ptc-element-spacing-02: 0.5rem; /* 8px */
  --ptc-element-spacing-03: 0.75rem; /* 12px */
  --ptc-element-spacing-04: 1rem; /* 16px */
  --ptc-element-spacing-05: 1.25rem; /* 20px */
  --ptc-element-spacing-06: 1.5rem; /* 24px */
  --ptc-element-spacing-07: 2rem; /* 32px */
  --ptc-element-spacing-08: 2.5rem; /* 40px */
  --ptc-element-spacing-09: 3rem; /* 48px */
  --ptc-layout-spacing-01: 0.5rem; /* 8px */
  --ptc-layout-spacing-02: 1rem; /* 16px */
  --ptc-layout-spacing-03: 1.5rem; /* 24px */
  --ptc-layout-spacing-04: 2rem; /* 32px */
  --ptc-layout-spacing-05: 4rem; /* 64px */
  --ptc-layout-spacing-06: 5rem; /* 80px */
  --ptc-layout-spacing-07: 6rem; /* 96px */
}

/**
* transaction and ease
**/
:root {
  --ptc-transition-x-fast: 100ms;
  --ptc-transition-faster: 150ms;
  --ptc-transition-fast: 200ms;
  --ptc-transition-medium: 250ms;
  --ptc-transition-slow: 300ms;
  --ptc-transition-slower: 500ms;
  --ptc-transition-x-slow: 600ms;
  --ptc-transition-xx-slow: 1000ms;
  --ptc-ease-in: cubic-bezier(0.42, 0, 1, 1);
  --ptc-ease-out: cubic-bezier(0, 0, 0.58, 1);
  --ptc-ease-inout: cubic-bezier(0.42, 0, 0.58, 1);
  --ptc-delay-5: 50ms;
  --ptc-delay-10: 100ms;
  --ptc-delay-20: 200ms;
  --ptc-delay-25: 250ms;
  --ptc-delay-30: 300ms;
  --ptc-delay-40: 400ms;
  --ptc-delay-50: 500ms;
  --ptc-delay-60: 600ms;
  --ptc-delay-70: 700ms;
  --ptc-delay-80: 800ms;
  --ptc-delay-90: 900ms;
}
@keyframes move-up-small {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(calc(-1 * var(--ptc-element-spacing-01)));
  }
}
@keyframes move-up-medium {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(calc(-1 * var(--ptc-element-spacing-02)));
  }
}
@keyframes move-up-large {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(calc(-1 * var(--ptc-element-spacing-03)));
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes scale-up {
  0% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes scale-x {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}
:root .ptc-anim-delay-5 {
  animation-delay: var(--ptc-delay-5);
}
:root .ptc-anim-delay-10 {
  animation-delay: var(--ptc-delay-10);
}
:root .ptc-anim-delay-20 {
  animation-delay: var(--ptc-delay-20);
}
:root .ptc-anim-delay-25 {
  animation-delay: var(--ptc-delay-25);
}
:root .ptc-anim-delay-30 {
  animation-delay: var(--ptc-delay-30);
}
:root .ptc-anim-delay-40 {
  animation-delay: var(--ptc-delay-40);
}
:root .ptc-anim-delay-50 {
  animation-delay: var(--ptc-delay-50);
}
:root .ptc-anim-delay-60 {
  animation-delay: var(--ptc-delay-60);
}
:root .ptc-anim-delay-70 {
  animation-delay: var(--ptc-delay-70);
}
:root .ptc-anim-delay-80 {
  animation-delay: var(--ptc-delay-80);
}
:root .ptc-anim-delay-90 {
  animation-delay: var(--ptc-delay-90);
}
:root .ptc-fade-in {
  animation-name: fade-in;
  animation-duration: var(--ptc-transition-xx-slow);
  animation-timing-function: var(--ptc-ease-inout);
  animation-fill-mode: forwards;
}

@media screen and (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}
.u-para-sm {
  font-size: var(--ptc-font-size-small) !important;
}

.u-para-md {
  font-size: var(--ptc-font-size-medium) !important;
}

.u-para-lg {
  font-size: var(--ptc-font-size-large) !important;
}

.u-para-xl {
  font-size: var(--ptc-font-size-x-large) !important;
}

.u-para-xxl {
  font-size: var(--ptc-font-size-xx-large) !important;
}

.u-para-xxxl {
  font-size: var(--ptc-font-size-xxx-large) !important;
}

@media only screen and (min-width: 768px) {
  .u-para-sm {
    font-size: calc(var(--ptc-font-size-small) + 0.05vw) !important;
  }
  .u-para-md {
    font-size: calc(var(--ptc-font-size-medium) + 0.05vw) !important;
  }
  .u-para-lg {
    font-size: calc(var(--ptc-font-size-large) + 0.05vw) !important;
  }
  .u-para-xl {
    font-size: calc(var(--ptc-font-size-x-large) + 0.05vw) !important;
  }
  .u-para-xxl {
    font-size: calc(var(--ptc-font-size-xx-large) + 0.05vw) !important;
  }
  .u-para-xxxl {
    font-size: calc(var(--ptc-font-size-xxx-large) + 0.05vw) !important;
  }
}
@media only screen and (min-width: 992px) {
  .u-para-sm {
    font-size: calc(var(--ptc-font-size-small) + 0.1vw) !important;
  }
  .u-para-md {
    font-size: calc(var(--ptc-font-size-medium) + 0.1vw) !important;
  }
  .u-para-lg {
    font-size: calc(var(--ptc-font-size-large) + 0.1vw) !important;
  }
  .u-para-xl {
    font-size: calc(var(--ptc-font-size-x-large) + 0.1vw) !important;
  }
  .u-para-xxl {
    font-size: calc(var(--ptc-font-size-xx-large) + 0.1vw) !important;
  }
  .u-para-xxxl {
    font-size: calc(var(--ptc-font-size-xxx-large) + 0.1vw) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .u-para-sm {
    font-size: calc(var(--ptc-font-size-small) + 0.15vw) !important;
  }
  .u-para-md {
    font-size: calc(var(--ptc-font-size-medium) + 0.15vw) !important;
  }
  .u-para-lg {
    font-size: calc(var(--ptc-font-size-large) + 0.15vw) !important;
  }
  .u-para-xl {
    font-size: calc(var(--ptc-font-size-x-large) + 0.15vw) !important;
  }
  .u-para-xxl {
    font-size: calc(var(--ptc-font-size-xx-large) + 0.15vw) !important;
  }
  .u-para-xxxl {
    font-size: calc(var(--ptc-font-size-xxx-large) + 0.15vw) !important;
  }
}
@media only screen and (min-width: 1440px) {
  .u-para-sm {
    font-size: calc(var(--ptc-font-size-small) + 0.2vw) !important;
  }
  .u-para-md {
    font-size: calc(var(--ptc-font-size-medium) + 0.2vw) !important;
  }
  .u-para-lg {
    font-size: calc(var(--ptc-font-size-large) + 0.2vw) !important;
  }
  .u-para-xl {
    font-size: calc(var(--ptc-font-size-x-large) + 0.2vw) !important;
  }
  .u-para-xxl {
    font-size: calc(var(--ptc-font-size-xx-large) + 0.2vw) !important;
  }
  .u-para-xxxl {
    font-size: calc(var(--ptc-font-size-xxx-large) + 0.2vw) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .u-para-sm {
    font-size: calc(var(--ptc-font-size-small) + 0.25vw) !important;
  }
  .u-para-md {
    font-size: calc(var(--ptc-font-size-medium) + 0.25vw) !important;
  }
  .u-para-lg {
    font-size: calc(var(--ptc-font-size-large) + 0.25vw) !important;
  }
  .u-para-xl {
    font-size: calc(var(--ptc-font-size-x-large) + 0.25vw) !important;
  }
  .u-para-xxl {
    font-size: calc(var(--ptc-font-size-xx-large) + 0.25vw) !important;
  }
  .u-para-xxxl {
    font-size: calc(var(--ptc-font-size-xxx-large) + 0.25vw) !important;
  }
}
@media only screen and (min-width: 1980px) {
  .u-para-sm {
    font-size: calc(var(--ptc-font-size-small) + 0.3vw) !important;
  }
  .u-para-md {
    font-size: calc(var(--ptc-font-size-medium) + 0.3vw) !important;
  }
  .u-para-lg {
    font-size: calc(var(--ptc-font-size-large) + 0.3vw) !important;
  }
  .u-para-xl {
    font-size: calc(var(--ptc-font-size-x-large) + 0.3vw) !important;
  }
  .u-para-xxl {
    font-size: calc(var(--ptc-font-size-xx-large) + 0.3vw) !important;
  }
  .u-para-xxxl {
    font-size: calc(var(--ptc-font-size-xxx-large) + 0.3vw) !important;
  }
}
@media only screen and (min-width: 2600px) {
  .u-para-sm {
    font-size: calc(var(--ptc-font-size-small) + 0.35vw) !important;
  }
  .u-para-md {
    font-size: calc(var(--ptc-font-size-medium) + 0.35vw) !important;
  }
  .u-para-lg {
    font-size: calc(var(--ptc-font-size-large) + 0.35vw) !important;
  }
  .u-para-xl {
    font-size: calc(var(--ptc-font-size-x-large) + 0.35vw) !important;
  }
  .u-para-xxl {
    font-size: calc(var(--ptc-font-size-xx-large) + 0.35vw) !important;
  }
  .u-para-xxxl {
    font-size: calc(var(--ptc-font-size-xxx-large) + 0.35vw) !important;
  }
}
.u-para-body {
  font-size: var(--ptc-font-size-medium) !important;
}

.u-color-white {
  color: var(--color-white) !important;
}

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

.u-margin-flush {
  margin: 0 !important;
}

.u-marginTop-flush {
  margin-top: 0 !important;
}

.u-marginLeft-flush {
  margin-left: 0 !important;
}

.u-marginRight-flush {
  margin-right: 0 !important;
}

.u-marginBottom-flush {
  margin-bottom: 0 !important;
}

.u-padding-flush {
  padding: 0 !important;
}

.u-paddingTop-flush {
  padding-top: 0 !important;
}

.u-paddingLeft-flush {
  padding-left: 0 !important;
}

.u-paddingRight-flush {
  padding-right: 0 !important;
}

.u-paddingBottom-flush {
  padding-bottom: 0 !important;
}

.u-margin-xs {
  margin: var(--ptc-element-spacing-01) !important;
}

.u-marginTop-xs {
  margin-top: var(--ptc-element-spacing-01) !important;
}

.u-marginLeft-xs {
  margin-left: var(--ptc-element-spacing-01) !important;
}

.u-marginRight-xs {
  margin-right: var(--ptc-element-spacing-01) !important;
}

.u-marginBottom-xs {
  margin-bottom: var(--ptc-element-spacing-01) !important;
}

.u-margin-sm {
  margin: var(--ptc-element-spacing-02) !important;
}

.u-marginTop-sm {
  margin-top: var(--ptc-element-spacing-02) !important;
}

.u-marginLeft-sm {
  margin-left: var(--ptc-element-spacing-02) !important;
}

.u-marginRight-sm {
  margin-right: var(--ptc-element-spacing-02) !important;
}

.u-marginBottom-sm {
  margin-bottom: var(--ptc-element-spacing-02) !important;
}

.u-margin-md {
  margin: var(--ptc-element-spacing-03) !important;
}

.u-marginTop-md {
  margin-top: var(--ptc-element-spacing-03) !important;
}

.u-marginLeft-md {
  margin-left: var(--ptc-element-spacing-03) !important;
}

.u-marginRight-md {
  margin-right: var(--ptc-element-spacing-03) !important;
}

.u-marginBottom-md {
  margin-bottom: var(--ptc-element-spacing-03) !important;
}

.u-margin-lg {
  margin: var(--ptc-element-spacing-04) !important;
}

.u-marginTop-lg {
  margin-top: var(--ptc-element-spacing-04) !important;
}

.u-marginLeft-lg {
  margin-left: var(--ptc-element-spacing-04) !important;
}

.u-marginRight-lg {
  margin-right: var(--ptc-element-spacing-04) !important;
}

.u-marginBottom-lg {
  margin-bottom: var(--ptc-element-spacing-04) !important;
}

.u-margin-xl {
  margin: var(--ptc-element-spacing-05) !important;
}

.u-marginTop-xl {
  margin-top: var(--ptc-element-spacing-05) !important;
}

.u-marginLeft-xl {
  margin-left: var(--ptc-element-spacing-05) !important;
}

.u-marginRight-xl {
  margin-right: var(--ptc-element-spacing-05) !important;
}

.u-marginBottom-xl {
  margin-bottom: var(--ptc-element-spacing-05) !important;
}

.u-margin-xxl {
  margin: var(--ptc-element-spacing-06) !important;
}

.u-marginTop-xxl {
  margin-top: var(--ptc-element-spacing-06) !important;
}

.u-marginLeft-xxl {
  margin-left: var(--ptc-element-spacing-06) !important;
}

.u-marginRight-xxl {
  margin-right: var(--ptc-element-spacing-06) !important;
}

.u-marginBottom-xxl {
  margin-bottom: var(--ptc-element-spacing-06) !important;
}

.u-margin-xxxl {
  margin: var(--ptc-element-spacing-07) !important;
}

.u-marginTop-xxxl {
  margin-top: var(--ptc-element-spacing-07) !important;
}

.u-marginLeft-xxxl {
  margin-left: var(--ptc-element-spacing-07) !important;
}

.u-marginRight-xxxl {
  margin-right: var(--ptc-element-spacing-07) !important;
}

.u-marginBottom-xxxl {
  margin-bottom: var(--ptc-element-spacing-07) !important;
}

.u-margin-4xl {
  margin: var(--ptc-element-spacing-08) !important;
}

.u-marginTop-4xl {
  margin-top: var(--ptc-element-spacing-08) !important;
}

.u-marginLeft-4xl {
  margin-left: var(--ptc-element-spacing-08) !important;
}

.u-marginRight-4xl {
  margin-right: var(--ptc-element-spacing-08) !important;
}

.u-marginBottom-4xl {
  margin-bottom: var(--ptc-element-spacing-08) !important;
}

.u-textAlign-ctr {
  text-align: center !important;
}

.u-textAlign-right {
  text-align: right !important;
}

.u-textAlign-left {
  text-align: left !important;
}

.u-textWhite {
  color: var(--color-white) !important;
}

.u-textGreen1 {
  color: var(--color-green-07) !important;
}

.u-textGreen2 {
  color: var(--color-green-06) !important;
}

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

.u-text-medium {
  font-weight: var(--ptc-font-weight-medium);
}

.u-text-semibold {
  font-weight: var(--ptc-font-weight-semibold);
}

.u-text-bold {
  font-weight: var(--ptc-font-weight-bold);
}

.u-text-thin {
  font-weight: var(--ptc-font-weight-thin);
}

.u-textStyle-normal {
  font-style: normal !important;
}

.u-no-scroll {
  overflow: hidden;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.u-background-white {
  background-color: var(--color-white);
}

.u-background-reset {
  background-color: transparent !important;
}

.u-white-overylay {
  background: hsla(0, 0%, 94.9%, 0.9);
}

.u-cursor-pointer {
  cursor: pointer;
}

.u-clear {
  clear: both;
}

.u-border-radius-standard {
  border-radius: var(--ptc-border-radius-standard);
}

.u-border-radius-large {
  border-radius: var(--ptc-border-radius-large);
}

.u-border-radius-pill {
  border-radius: var(--ptc-border-radius-pill);
}

.u-border-radius-circle {
  border-radius: var(--ptc-border-radius-circle);
}

.u-border-none {
  border: none;
}

.u-shadow-x-small {
  box-shadow: var(--ptc-shadow-x-small);
}

.u-shadow-small {
  box-shadow: var(--ptc-shadow-small);
}

.u-shadow-medium {
  box-shadow: var(--ptc-shadow-medium);
}

.u-shadow-large {
  box-shadow: var(--ptc-shadow-large);
}

.u-shadow-x-large {
  box-shadow: var(--ptc-shadow-x-large);
}

@media only screen and (min-width: 768px) {
  .u-hero-width {
    width: 525px;
  }
  .u-margin-center {
    margin: 0 auto;
  }
  .u-justify-self-end {
    justify-self: flex-end;
  }
}
.u-hero-pushup {
  transform: translateY(-120px);
}
@media only screen and (min-width: 768px) {
  .u-hero-pushup {
    transform: translateY(-144px);
  }
}

@media only screen and (min-width: 768px) {
  .grid-order-1-md {
    order: 1;
  }
  .grid-order-2-md {
    order: 2;
  }
  .grid-order-3-md {
    order: 3;
  }
}
@media only screen and (min-width: 992px) {
  .grid-order-1-lg {
    order: 1;
  }
  .grid-order-2-lg {
    order: 2;
  }
  .grid-order-3-lg {
    order: 3;
  }
}
.standard-list {
  list-style: none;
  margin-left: 0;
  margin-bottom: 20px;
  padding: 0;
}

.is-spaced-between {
  justify-content: space-between;
}

.h-100 {
  height: 100%;
}

.w-100 {
  width: 100%;
}

.grid-large-col-gap-md {
  -moz-column-gap: 0;
       column-gap: 0;
}
@media only screen and (min-width: 992px) {
  .grid-large-col-gap-md {
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }
}

.grid-large-col-gap-sm {
  -moz-column-gap: 0;
       column-gap: 0;
}
@media only screen and (min-width: 768px) {
  .grid-large-col-gap-sm {
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }
}

.grid-x-large-col-gap-md {
  -moz-column-gap: 0;
       column-gap: 0;
}
@media only screen and (min-width: 992px) {
  .grid-x-large-col-gap-md {
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }
}

.grid-x-large-col-gap-sm {
  -moz-column-gap: 0;
       column-gap: 0;
}
@media only screen and (min-width: 768px) {
  .grid-x-large-col-gap-sm {
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }
}

.grid-medium-col-gap-md {
  -moz-column-gap: 0;
       column-gap: 0;
}
@media only screen and (min-width: 992px) {
  .grid-medium-col-gap-md {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
}

.grid-medium-col-gap-sm {
  -moz-column-gap: 0;
       column-gap: 0;
}
@media only screen and (min-width: 768px) {
  .grid-medium-col-gap-sm {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
}

/* Floating Content */
.is-float-left {
  float: left;
}

.is-float-right {
  float: right;
}

/* Hiding Content by Breakpoint */
.is-mobile {
  display: block;
}

.is-desktop {
  display: none;
}

@media only screen and (min-width: 992px) {
  .is-mobile {
    display: none;
  }
  .is-desktop {
    display: block;
  }
}
.ptc-section {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.ptc-section-standard {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.ptc-section-half {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.ptc-section-large {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
@media only screen and (min-width: 992px) {
  .ptc-section-large {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
}

.ptc-section-hp {
  padding-bottom: calc(2.25rem - 32px);
}
@media only screen and (min-width: 992px) {
  .ptc-section-hp {
    padding-bottom: calc(3.5rem - 32px);
  }
}

.u-flex {
  display: flex;
}

@media only screen and (min-width: 480px) {
  .u-flex-xs {
    display: flex;
  }
}
@media only screen and (min-width: 768px) {
  .u-flex-sm {
    display: flex;
  }
}
@media only screen and (min-width: 992px) {
  .u-flex-md {
    display: flex;
  }
}
@media only screen and (min-width: 1200px) {
  .u-flex-lg {
    display: flex;
  }
}
@media only screen and (min-width: 1440px) {
  .u-flex-xl {
    display: flex;
  }
}
@media only screen and (min-width: 1600px) {
  .u-flex-xxl {
    display: flex;
  }
}
@media only screen and (min-width: 1980px) {
  .u-flex-2k {
    display: flex;
  }
}
@media only screen and (min-width: 2600px) {
  .u-flex-4k {
    display: flex;
  }
}
.u-align-center {
  margin: auto;
  align-self: center;
}

.u-align-left {
  margin-right: auto;
  align-self: center;
}

.u-align-right {
  margin-left: auto;
  align-self: center;
}

.u-align-x-center {
  margin-right: auto;
  margin-left: auto;
}

.u-align-x-left {
  margin-right: auto;
}

.u-align-x-right {
  margin-left: auto;
}

.u-align-y-center {
  align-self: center;
}

.u-align-y-top {
  align-self: flex-start;
}

.u-align-y-bottom {
  align-self: flex-end;
}

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

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

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

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

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

.u-align-self-start {
  align-self: start;
}

.u-align-self-center {
  align-self: center;
}

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

.u-justify-self-start {
  justify-self: start;
}

.u-justify-self-center {
  justify-self: center;
}

.u-justify-self-stretch {
  justify-self: stretch;
}

.u-flex-justify-center {
  justify-content: center;
}

.u-flex-justify-flexend {
  justify-content: flex-end;
}

.u-section-heading-wrapper {
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

@media only screen and (min-width: 768px) {
  .is-grid.grid-large-col-gap-xs-0 {
    row-gap: 0;
  }
}
.max-content {
  max-width: 90%;
}
@media only screen and (min-width: 480px) {
  .max-content {
    max-width: 80%;
  }
}
.max-content {
  margin: auto;
}

.u-justify-space-between {
  justify-content: space-between;
}

.all-product-banner {
  padding: 50px 0 44px 0px;
}
@media only screen and (min-width: 992px) {
  .all-product-banner {
    padding: 50px 0 72px 0px;
    display: flex;
    min-height: 300px;
    justify-content: center;
    align-items: center;
  }
}

.all-product-gradient {
  background: linear-gradient(180deg, #f3f3f3 2.6%, rgba(225, 241, 226, 0.2) 40.63%, #f3f3f3 82.29%), linear-gradient(0deg, #f3f3f3, #f3f3f3);
}

.menu-right ptc-nav-submenu {
  position: relative;
}

.media-thumb-feature {
  display: block;
}
@media only screen and (min-width: 992px) {
  .media-thumb-feature {
    display: flex;
    justify-content: space-between;
  }
}
.media-thumb-feature .media-thumb {
  width: 100%;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 992px) {
  .media-thumb-feature .media-thumb {
    width: 340px;
    flex: 0 0 340px;
  }
}
.media-thumb-feature .media-thumb > ptc-picture:not(:last-of-type),
.media-thumb-feature .media-thumb > img:not(:last-of-type) {
  margin-bottom: 1.5rem;
}
.media-thumb-feature .media-feature {
  width: 100%;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 992px) {
  .media-thumb-feature .media-feature {
    width: auto;
    flex: 1 1 auto;
  }
}

.partner-card-desc h5.description {
  font-family: var(--ptc-font-latin);
  color: var(--color-gray-10);
  font-size: var(--ptc-font-size-x-small);
  font-weight: var(--ptc-font-weight-medium);
  letter-spacing: var(--ptc-letter-spacing-normal);
  line-height: var(--ptc-line-height-medium);
  margin: 0 0 10px 0;
}
.partner-card-desc .tags {
  margin-bottom: 0.75rem;
}
.partner-card-desc .tags .tag:not(:first-child) {
  border-left: 2px solid var(--color-green-07);
  padding: 0 8px;
}
.partner-card-desc .tags .tag:first-child {
  padding: 0 8px 0 0;
}
.partner-card-desc .tags .tag {
  color: var(--color-gray-10);
  display: inline;
  font-size: var(--ptc-font-size-xx-small);
  font-weight: var(--ptc-font-weight-bold);
  letter-spacing: var(--ptc-letter-spacing-loose);
  margin: 0 0 10px 0;
  padding: 0 8px;
}

.u-3-col-grid {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  grid-row-gap: 1rem;
  grid-column-gap: 1rem;
}
.u-3-col-grid .u-3-col {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .u-3-col-grid .u-3-col {
    width: calc(50% - 10.66666666px);
  }
}
@media only screen and (min-width: 992px) {
  .u-3-col-grid .u-3-col {
    width: calc(33.3333333333% - 10.66666666px);
  }
}
.u-3-col-grid.u-col-space-lg {
  grid-row-gap: 2rem;
  grid-column-gap: 2rem;
}
.u-3-col-grid.u-col-space-lg .u-3-col {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .u-3-col-grid.u-col-space-lg .u-3-col {
    width: calc(50% - 21.3333333px);
  }
}
@media only screen and (min-width: 992px) {
  .u-3-col-grid.u-col-space-lg .u-3-col {
    width: calc(33.3333333333% - 21.3333333px);
  }
}

.u-display-none {
  display: none;
}

ptc-preloader-section.min-height {
  min-height: 150vh;
}

@media only screen and (min-width: 1200px) {
  .ms-mobile-select {
    display: none;
  }
}
.ms-mobile-select.ms-show {
  position: fixed;
}

.light-font {
  color: var(--color-white);
}
.light-font * {
  color: var(--color-white);
}

ptc-nav-submenu {
  margin-top: 6px;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
ptc-nav-submenu:focus-visible, ptc-nav-submenu:focus {
  margin-top: 4px;
  border-radius: var(--ptc-border-radius-standard);
  border: 2px solid rgb(255, 255, 255);
  outline: 5px solid var(--keyboard-nav-outline);
}

ptc-nav-link {
  margin-top: 6px;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
  border-bottom: 2px solid transparent;
}

.tooltip-box {
  visibility: visible;
  padding: 8px;
  color: var(--color-white);
  font-size: var(--ptc-font-size-xxx-small);
  font-weight: var(--ptc-font-weight-semibold);
  background-color: var(--color-gray-09);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
  border: none;
  border-radius: var(--ptc-border-radius-standard);
  width: auto;
  height: auto;
  text-align: left;
  text-shadow: none;
  white-space: normal;
  position: absolute;
  z-index: 999;
  line-height: 1.5;
}
@media only screen and (min-width: 480px) {
  .tooltip-box {
    width: 273px;
  }
}
.tooltip-box.hide-tooltip-mobile {
  display: none !important;
}
@media only screen and (min-width: 768px) {
  .tooltip-box.hide-tooltip-mobile {
    display: block !important;
  }
}
.tooltip-box.full-width {
  width: 100%;
}
.tooltip-box::after {
  content: "";
  position: absolute;
}
.tooltip-box.bottom {
  bottom: -12px;
  transform: translateY(100%);
}
.tooltip-box.bottom::after {
  top: 1px;
  left: 50%;
  transform: translate(-50%, -100%);
  border: 8px solid transparent;
  border-bottom: 8px solid var(--color-gray-09);
}
.tooltip-box.left {
  bottom: -12px;
  transform: translate(-80%, 100%);
}
.tooltip-box.left::after {
  top: 1px;
  right: 8px;
  transform: translateY(-100%);
  border: 8px solid transparent;
  border-bottom: 8px solid var(--color-gray-09);
}
.tooltip-box.right {
  bottom: -12px;
  transform: translateY(100%);
  right: 0px;
}
@-moz-document url-prefix() {
  .tooltip-box.right {
    right: unset !important;
    bottom: unset !important;
    transform: translate(60%, 8px) !important;
  }
  @media screen and (min-width: 992px) {
    .tooltip-box.right {
      transform: translate(100%, 8px) !important;
    }
  }
}
.tooltip-box.right::after {
  top: 1px;
  left: 8px;
  transform: translateY(-100%);
  border: 8px solid transparent;
  border-bottom: 8px solid var(--color-gray-09);
}
.tooltip-box.top {
  top: -8px;
  transform: translateY(-100%);
}
.tooltip-box.top::after {
  left: 50%;
  bottom: 1px;
  transform: translate(-50%, 100%);
  border: 8px solid transparent;
  border-top: 8px solid var(--color-gray-09);
}
.tooltip-box.bottom-right {
  bottom: -12px;
  transform: translate(100%, 100%);
}
.tooltip-box.bottom-right::after {
  top: 1px;
  left: 10%;
  transform: translate(-50%, -100%);
  border: 8px solid transparent;
  border-bottom: 8px solid var(--color-gray-09);
}
.tooltip-box.danger {
  color: var(--color-red-07);
  font-family: var(--ptc-font-latin);
  font-weight: var(--ptc-font-weight-semibold);
  font-size: var(--ptc-font-size-xx-small);
  line-height: var(--ptc-line-height-p);
  border: 2px solid var(--color-red-07);
  border-radius: var(--ptc-border-radius-standard);
  background-color: var(--color-white);
  padding: var(--ptc-element-spacing-06);
}
.tooltip-box.danger a {
  color: var(--color-hyperlink);
}

@media (max-width: 768px) {
  .hide-tooltip-on-mobile h1,
  .hide-tooltip-on-mobile h2,
  .hide-tooltip-on-mobile h3,
  .hide-tooltip-on-mobile h4,
  .hide-tooltip-on-mobile h5,
  .hide-tooltip-on-mobile h6 {
    -webkit-line-clamp: initial !important;
  }
}

dynamic-box-bundle p {
  margin: 0px !important;
}

.col-media-slot-text p {
  font-size: var(--ptc-font-size-x-small);
}

.fef-two-column-two-media .has-col-gap-lg {
  grid-column-gap: var(--spacing-md);
}
@media only screen and (min-width: 992px) {
  .fef-two-column-two-media .has-col-gap-lg {
    grid-column-gap: var(--spacing-lg);
  }
}
.fef-two-column-two-media .is-col-6-md {
  padding-bottom: 3rem;
}
.fef-two-column-two-media .is-col-6-md:last-child {
  padding-bottom: 0rem;
}
@media only screen and (min-width: 768px) {
  .fef-two-column-two-media .is-col-6-md {
    padding-bottom: 0rem;
  }
}

.product-tab ptc-title h3 {
  font-size: 20px !important;
  font-weight: 900;
}
@media only screen and (min-width: 1200px) {
  .product-tab ptc-title h3 {
    font-size: 15px !important;
    font-weight: 800;
  }
}
.product-tab .is-grid {
  grid-column-gap: 20px;
  grid-row-gap: 12px;
}

ptc-bio-card .bio-modal-open-content {
  color: var(--color-gray-10);
  font-size: var(--ptc-font-size-small);
  line-height: var(--ptc-line-height-denser);
}
ptc-bio-card .bio-modal-open-content h3 {
  letter-spacing: 0.08rem;
  margin-bottom: 2px;
  font-size: var(--ptc-font-size-small);
}
ptc-bio-card .bio-modal-open-content ul {
  margin-top: 0;
}
ptc-bio-card .bio-modal-open-content ul li {
  line-height: var(--ptc-line-height-p);
}
ptc-bio-card .bio-modal-open-content .btn-blackgrey {
  background-color: var(--color-gray-10);
  display: inline-block;
  border-style: solid;
  border-width: 1px;
  white-space: normal;
  position: relative;
  text-decoration: none;
  -moz-osx-font-smoothing: grayscale;
  /*(For Firefox)*/
  -webkit-font-smoothing: antialiased;
  /*(For Chrome and Safari)*/
  cursor: pointer;
  padding: 14px 20px;
  border: 2px solid var(--color-gray-08);
  border-radius: var(--ptc-border-radius-standard);
  color: var(--color-white);
  font-weight: 700;
}
ptc-bio-card .bio-modal-open-content .btn-blackgrey:hover {
  background-color: var(--color-gray-09);
  border-color: var(--color-gray-08);
}
ptc-bio-card .bio-modal-open-content .btn-blackgrey svg {
  display: none;
}
ptc-bio-card .bio-modal-open-content hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}

ptc-nav-submenu .dropdown-content {
  display: none;
}
ptc-nav-submenu .dropdown-content.open {
  display: block;
  border-top: 1px solid var(--color-gray-08);
}
@media only screen and (min-width: 1200px) {
  ptc-nav-submenu .dropdown-content.open {
    border-top: none;
  }
}
ptc-nav-submenu .dropdown-content.open ptc-nav-link {
  padding-left: 24px;
}
@media only screen and (min-width: 1200px) {
  ptc-nav-submenu .dropdown-content.open ptc-nav-link {
    padding-left: 0;
  }
}
ptc-nav-submenu.short-dropdown .dropdown-content.open {
  padding: var(--ptc-layout-spacing-04);
}
@media only screen and (min-width: 1200px) {
  ptc-nav-submenu.short-dropdown .dropdown-content.open {
    padding: var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-04);
  }
}

/* // All product page specific Css,  */
.all-product-banner {
  padding: 50px 0 44px 0px;
}
@media only screen and (min-width: 992px) {
  .all-product-banner {
    padding: 50px 0 72px 0px;
    display: flex;
    min-height: 300px;
    justify-content: center;
    align-items: center;
  }
}

.all-product-gradient {
  background: linear-gradient(180deg, var(--color-gray-01) 2.6%, rgba(225, 241, 226, 0.2) 40.63%, var(--color-gray-01) 82.29%), linear-gradient(0deg, var(--color-gray-01), var(--color-gray-01));
}

.flex-grid {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  grid-row-gap: 12px;
  grid-column-gap: 12px;
}
.flex-grid ptc-product-highlight-card {
  margin: 0;
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 992px) {
  .flex-grid ptc-product-highlight-card {
    width: calc(33.3333333333% - 8px);
  }
}

.flex-grid-creo {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  grid-row-gap: 2rem;
  grid-column-gap: 2rem;
  padding: 32px 0 44px 0;
}
.flex-grid-creo ptc-card {
  margin: 0;
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .flex-grid-creo ptc-card {
    width: calc(33.3333333333% - 22px);
  }
}

.min-height-300 {
  min-height: 300px;
}

.social-share-slot ptc-social-share {
  margin-left: var(--ptc-element-spacing-03);
}

.ic-header-margin {
  margin-bottom: 48px;
}
@media only screen and (min-width: 768px) {
  .ic-header-margin {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 992px) {
  .ic-header-margin {
    margin-bottom: 36px;
  }
}

.blog-section {
  color: var(--color-gray-10);
}
.blog-section h2 {
  margin-block-start: 0px;
  margin-block-end: 0px;
  margin: 20px 0px;
  scroll-margin-top: 95px;
}
.blog-section ul li,
.blog-section ol li {
  font-size: var(--ptc-font-size-small);
  line-height: var(--ptc-line-height-p);
  margin-bottom: var(--ptc-element-spacing-03);
  color: var(--color-gray-10);
}
.blog-section ptc-tag {
  color: var(--color-gray-10);
}

.top-section ptc-tag {
  color: var(--color-gray-10);
}

ptc-icon-component .icon-component ptc-title {
  max-width: 85%;
  margin: auto;
  display: block;
}
ptc-icon-component .icon-component:nth-child(odd) max-width-container {
  margin-left: auto;
  margin-right: 0;
}
ptc-icon-component .icon-component:nth-child(even) max-width-container {
  margin-right: auto;
  margin-left: 0;
}
ptc-icon-component .icon-component:last-child:not(ptc-icon-component .icon-component:nth-child(even)) max-width-container {
  margin-right: auto;
  margin-left: auto;
}

.podcast-cta-section {
  margin-bottom: 0;
}
.podcast-cta-section .btn {
  padding: var(--ptc-font-size-xx-small) var(--ptc-font-size-medium);
  transition: background-color var(--ptc-ease-inout) var(--ptc-transition-medium);
  background: var(--color-gray-12);
  border: 2px solid var(--color-gray-08);
  border-radius: var(--ptc-border-radius-standard);
  display: inline-block;
  margin: 0 20px 20px 0;
  color: var(--color-white) !important;
  text-decoration: none;
}
.podcast-cta-section .btn:focus {
  outline: 3px solid var(--color-blue-07);
  outline-offset: 2px;
}
.podcast-cta-section .btn:hover, .podcast-cta-section .btn:visited:hover {
  background-color: var(--color-gray-10);
  color: var(--color-white);
}
.podcast-cta-section .btn:active {
  transition: none;
  background-color: var(--color-black);
}

ptc-background-video .aspect-ratio-container {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  /* 9 / 16 * 100% */
  max-height: 500px;
}
ptc-background-video .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.max-width-768-tab {
  max-width: 768px;
  margin: auto;
}
@media only screen and (min-width: 992px) {
  .max-width-768-tab {
    max-width: none;
  }
}

.creo-banner .c-banner-wrap {
  width: 100%;
  height: auto !important;
  padding-top: 66.66%;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .creo-banner ptc-picture {
    margin-left: auto;
  }
}

.creo-card-wrap .smart-img {
  max-height: 340px;
}

ptc-theater-video-modal .video-modal-description div.dotted.sc-ptc-title h2.sc-ptc-title::before,
ptc-theater-video-modal .video-modal-description div.dotted.sc-ptc-title h3.sc-ptc-title::before {
  content: none;
}
ptc-theater-video-modal .video-modal-description p,
ptc-theater-video-modal .video-modal-description ul li,
ptc-theater-video-modal .video-modal-description ol li {
  color: var(--color-white);
}
ptc-theater-video-modal {
  /*Adding anchor style on dark background for filter-level-theater comp*/
}
ptc-theater-video-modal a {
  font-family: "Raleway", sans-serif;
  font-style: normal;
  text-decoration-line: underline;
  color: #89bbdf;
  transition: color 250ms cubic-bezier(0, 0, 0.58, 1);
  font-weight: 700;
}
ptc-theater-video-modal a:visited {
  color: #4795cd;
}
ptc-theater-video-modal a:active, ptc-theater-video-modal a:visited:active {
  transition: none;
  color: #197bc0;
}
ptc-theater-video-modal a:hover, ptc-theater-video-modal a:visited:hover {
  color: #6caad7;
}
ptc-theater-video-modal a.disabled {
  color: #aeb8bd !important;
  cursor: not-allowed;
}

filter-level-theater {
  /*Adding anchor style on dark background for filter-level-theater comp*/
}
filter-level-theater a {
  font-family: "Raleway", sans-serif;
  font-style: normal;
  text-decoration-line: underline;
  color: #89bbdf;
  transition: color 250ms cubic-bezier(0, 0, 0.58, 1);
  font-weight: 700;
}
filter-level-theater a:visited {
  color: #4795cd;
}
filter-level-theater a:active, filter-level-theater a:visited:active {
  transition: none;
  color: #197bc0;
}
filter-level-theater a:hover, filter-level-theater a:visited:hover {
  color: #6caad7;
}
filter-level-theater a.disabled {
  color: #aeb8bd !important;
  cursor: not-allowed;
}

.rich-text-content ul li,
.rich-text-content ol li {
  font-size: var(--ptc-font-size-small);
  line-height: var(--ptc-line-height-p);
  margin-bottom: var(--ptc-element-spacing-03);
  color: var(--color-gray-10);
}

ptc-value-led-content .vl-rich-content {
  color: var(--color-gray-10);
  font-size: var(--ptc-font-size-small);
  line-height: var(--ptc-line-height-p);
  font-weight: var(--ptc-font-weight-regular);
}
ptc-value-led-content .vl-rich-content img {
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  margin-top: 48px;
}
ptc-value-led-content .vl-rich-content h3 {
  margin: 0 0 12px 0;
  color: var(--color-gray-10);
}
ptc-value-led-content .vl-rich-content p:last-child {
  margin-bottom: 0;
}
ptc-value-led-content ptc-picture {
  margin-top: 48px;
}

.showcase-section-col-gap {
  grid-column-gap: var(--ptc-element-spacing-06);
}
@media only screen and (min-width: 1200px) {
  .showcase-section-col-gap {
    grid-column-gap: var(--ptc-element-spacing-07);
  }
}
@media only screen and (min-width: 1440px) {
  .showcase-section-col-gap {
    grid-column-gap: var(--ptc-element-spacing-08);
  }
}

@media only screen and (min-width: 768px) {
  .desktop-8px-height {
    height: 8px;
  }
}

.cs-top-results .cs-count,
.events-top-results .events-count {
  font-size: var(--ptc-font-size-x-small);
  font-weight: var(--ptc-font-weight-medium);
  line-height: var(--ptc-line-height-densest);
  letter-spacing: 0.53px;
  text-align: right;
  color: var(--color-gray-09);
}

.tooltip-box {
  visibility: visible;
  padding: 8px;
  color: var(--color-white);
  font-size: var(--ptc-font-size-xxx-small);
  font-weight: var(--ptc-font-weight-semibold);
  background-color: var(--color-gray-09);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
  border: none;
  border-radius: var(--ptc-border-radius-standard);
  width: auto;
  height: auto;
  text-align: left;
  text-shadow: none;
  white-space: normal;
  position: absolute;
  z-index: 999;
  line-height: 1.5;
}
@media only screen and (min-width: 480px) {
  .tooltip-box {
    width: 273px;
  }
}
.tooltip-box.hide-tooltip-mobile {
  display: none !important;
}
@media only screen and (min-width: 768px) {
  .tooltip-box.hide-tooltip-mobile {
    display: block !important;
  }
}
.tooltip-box.full-width .tooltip {
  width: 100%;
}
@media only screen and (min-width: 480px) {
  .tooltip-box.full-width .tooltip {
    width: 100%;
  }
}
.tooltip-box::after {
  content: "";
  position: absolute;
}
.tooltip-box.bottom {
  bottom: -12px;
  transform: translateY(100%);
}
.tooltip-box.bottom::after {
  top: 1px;
  left: 50%;
  transform: translate(-50%, -100%);
  border: 8px solid transparent;
  border-bottom: 8px solid var(--color-gray-09);
}
.tooltip-box.left {
  bottom: -12px;
  transform: translate(-80%, 100%);
}
.tooltip-box.left::after {
  top: 1px;
  right: 8px;
  transform: translateY(-100%);
  border: 8px solid transparent;
  border-bottom: 8px solid var(--color-gray-09);
}
.tooltip-box.right {
  bottom: -12px;
  transform: translateY(100%);
  right: 0px;
}
@-moz-document url-prefix() {
  .tooltip-box.right {
    right: unset !important;
    bottom: unset !important;
    transform: translate(60%, 8px) !important;
  }
  @media screen and (min-width: 992px) {
    .tooltip-box.right {
      transform: translate(100%, 8px) !important;
    }
  }
}
.tooltip-box.right::after {
  top: 1px;
  left: 8px;
  transform: translateY(-100%);
  border: 8px solid transparent;
  border-bottom: 8px solid var(--color-gray-09);
}
.tooltip-box.top {
  top: -8px;
  transform: translateY(-100%);
}
.tooltip-box.top::after {
  left: 50%;
  bottom: 1px;
  transform: translate(-50%, 100%);
  border: 8px solid transparent;
  border-top: 8px solid var(--color-gray-09);
}
.tooltip-box.bottom-right {
  bottom: -12px;
  transform: translate(100%, 100%);
}
.tooltip-box.bottom-right::after {
  top: 1px;
  left: 10%;
  transform: translate(-50%, -100%);
  border: 8px solid transparent;
  border-bottom: 8px solid var(--color-gray-09);
}
.tooltip-box.danger {
  color: var(--color-red-07);
  font-family: var(--ptc-font-latin);
  font-weight: var(--ptc-font-weight-semibold);
  font-size: var(--ptc-font-size-xx-small);
  line-height: var(--ptc-line-height-p);
  border: 2px solid var(--color-red-07);
  border-radius: var(--ptc-border-radius-standard);
  background-color: var(--color-white);
  padding: var(--ptc-element-spacing-06);
}
.tooltip-box.danger a {
  color: var(--color-hyperlink);
}

@media (max-width: 768px) {
  .hide-tooltip-on-mobile h1,
  .hide-tooltip-on-mobile h2,
  .hide-tooltip-on-mobile h3,
  .hide-tooltip-on-mobile h4,
  .hide-tooltip-on-mobile h5,
  .hide-tooltip-on-mobile h6 {
    -webkit-line-clamp: initial !important;
  }
}

.news-title > div {
  margin-bottom: 12px !important;
}
.news-title h1 {
  margin: 0;
}

.news-secondary-title {
  margin: 0 0 20px 0;
  font-size: var(--ptc-font-size-medium);
  color: var(--color-gray-10);
}
@media only screen and (min-width: 768px) {
  .news-secondary-title {
    font-size: var(--ptc-font-size-large);
  }
}

.news-summary {
  font-size: var(--ptc-font-size-medium);
  color: var(--color-gray-10);
  font-weight: var(--ptc-font-weight-medium);
  line-height: var(--ptc-line-height-normal);
  margin: 0 0 20px 0;
}

ptc-icon-component .ptc-link {
  line-height: var(--ptc-line-height-densest) !important;
  font-size: var(--ptc-font-size-small);
  font-weight: var(--ptc-font-weight-extrabold) !important;
}

.min-foot-list-item {
  display: inline-block;
  font-size: var(--ptc-font-size-xx-small);
  font-weight: var(--ptc-font-weight-regular);
  font-style: normal;
  font-stretch: normal;
  line-height: var(--ptc-line-height-denser);
  letter-spacing: normal;
  color: var(--color-white);
  margin: 0 0.5rem;
}
.min-foot-list-item a {
  color: var(--color-white-grey);
  font-weight: var(--ptc-font-weight-regular);
  border-bottom: 1px solid transparent;
  display: inline-block;
  text-decoration: none;
  padding: 1px 0;
}
.min-foot-list-item a:hover, .min-foot-list-item a:focus {
  text-decoration: none;
  border-bottom: 1px solid var(--color-green-06);
  color: var(--color-white-grey);
  transition: border var(--ptc-ease-inout) var(--ptc-transition-medium);
}
.min-foot-list-item a:active {
  text-decoration: none;
  border-bottom: 1px solid var(--color-green-06);
  color: var(--color-white-grey);
}
.min-foot-list-item a:focus {
  outline: 3px solid var(--color-blue-07);
  outline-offset: 2px;
  border-radius: var(--ptc-border-radius-standard);
  text-decoration: none;
  border-color: transparent !important;
}
.min-foot-list-item a:focus-visible {
  border-radius: var(--ptc-border-radius-standard);
  border: 2px solid rgb(255, 255, 255);
  outline: 5px solid var(--keyboard-nav-outline);
  transition: none !important;
  border-color: white !important;
}

.row-header-h4 {
  text-align: left;
  line-height: var(--ptc-line-height-p);
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: var(--ptc-font-weight-semibold);
  font-size: var(--ptc-font-size-small) !important;
  color: var(--color-gray-10);
  -webkit-font-smoothing: antialiased;
}

ptc-title h1 a,
ptc-title h2 a {
  font-weight: var(--ptc-font-weight-extrabold);
}
ptc-title .w-8 h1 a,
ptc-title .w-8 h2 a,
ptc-title .w-8 h3 a,
ptc-title .w-8 h4 a,
ptc-title .w-8 h5 a,
ptc-title .w-8 h6 a {
  font-weight: var(--ptc-font-weight-extrabold);
}
ptc-title .w-9 h1 a,
ptc-title .w-9 h2 a,
ptc-title .w-9 h3 a,
ptc-title .w-9 h4 a,
ptc-title .w-9 h5 a,
ptc-title .w-9 h6 a {
  font-weight: var(--ptc-font-weight-black);
}

.email-sign-up-wrapper {
  background: linear-gradient(91deg, var(--color-green-07) 0%, var(--color-green-08) 100%);
  padding: 40px 0;
}
.email-sign-up-wrapper .ptc-container.u-flex.has-col-gap-xxl.has-row-gap-md {
  flex-direction: column;
}
.email-sign-up-wrapper .ptc-container.u-flex.has-col-gap-xxl.has-row-gap-md max-width-container {
  width: 100%;
  padding-right: 48px;
}
@media only screen and (min-width: 992px) {
  .email-sign-up-wrapper .ptc-container.u-flex.has-col-gap-xxl.has-row-gap-md max-width-container {
    padding-right: 0;
  }
}
@media only screen and (min-width: 992px) {
  .email-sign-up-wrapper .ptc-container.u-flex.has-col-gap-xxl.has-row-gap-md {
    flex-direction: row;
  }
}
.email-sign-up-wrapper .signup-form {
  min-width: auto;
}
@media only screen and (min-width: 480px) {
  .email-sign-up-wrapper .signup-form {
    min-width: 373px;
  }
}
.email-sign-up-wrapper .signup-form {
  max-width: 100%;
}

ptc-card-wrapper.card-video-intro.background-grey-10 ul li,
ptc-card-wrapper.card-video-intro.background-grey-10 ol li {
  color: var(--color-white);
}

.three-up-event-cards-wrapper .is-grid.has-col-gap-xl {
  -moz-column-gap: 24px;
       column-gap: 24px;
}
@media only screen and (min-width: 1200px) {
  .three-up-event-cards-wrapper .is-grid.has-col-gap-xl {
    -moz-column-gap: 32px;
         column-gap: 32px;
  }
}
@media only screen and (min-width: 1440px) {
  .three-up-event-cards-wrapper .is-grid.has-col-gap-xl {
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}

.html-quote-section-wrapper ptc-readmore-v3 .description {
  line-height: var(--ptc-line-height-p);
  margin-bottom: 0px;
  font-weight: var(--ptc-font-weight-semibold);
  font-size: var(--ptc-font-size-small);
  color: var(--color-gray-10);
}
@media only screen and (min-width: 992px) {
  .html-quote-section-wrapper ptc-readmore-v3 .description {
    font-size: var(--ptc-font-size-large);
  }
}

.bulleted-list-section-v1 .bul-col-gap {
  -moz-column-gap: var(--ptc-element-spacing-06);
       column-gap: var(--ptc-element-spacing-06);
  row-gap: 0;
}
@media only screen and (min-width: 1200px) {
  .bulleted-list-section-v1 .bul-col-gap {
    -moz-column-gap: var(--ptc-element-spacing-07);
         column-gap: var(--ptc-element-spacing-07);
  }
}
@media only screen and (min-width: 1440px) {
  .bulleted-list-section-v1 .bul-col-gap {
    -moz-column-gap: var(--ptc-element-spacing-08);
         column-gap: var(--ptc-element-spacing-08);
  }
}
.bulleted-list-section-v1 ptc-icon-list {
  padding-bottom: 40px;
  width: 100%;
}
.bulleted-list-section-v1 ptc-icon-list p {
  margin-bottom: 0;
}
.bulleted-list-section-v1 ptc-icon-list icon-asset {
  transform: rotate(30deg);
  margin-top: 8px;
}
.bulleted-list-section-v1 .bul-col ptc-icon-list:last-child {
  padding-bottom: 40px;
}
@media only screen and (min-width: 768px) {
  .bulleted-list-section-v1 .bul-col ptc-icon-list:last-child {
    padding-bottom: 0px;
  }
}
.bulleted-list-section-v1 .bul-col:last-child ptc-icon-list:last-child {
  padding-bottom: 0;
}

.large-bulleted-list-v2 .grid-container {
  display: grid;
  grid-template-columns: 1fr; /* Default: 1 column (mobile) */
  row-gap: var(--ptc-element-spacing-08);
  -moz-column-gap: var(--ptc-element-spacing-06);
       column-gap: var(--ptc-element-spacing-06);
}
@media only screen and (min-width: 768px) {
  .large-bulleted-list-v2 .grid-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 992px) {
  .large-bulleted-list-v2 .grid-container {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 1200px) {
  .large-bulleted-list-v2 .grid-container {
    -moz-column-gap: var(--ptc-element-spacing-07);
         column-gap: var(--ptc-element-spacing-07);
  }
}
@media only screen and (min-width: 1440px) {
  .large-bulleted-list-v2 .grid-container {
    -moz-column-gap: var(--ptc-element-spacing-08);
         column-gap: var(--ptc-element-spacing-08);
  }
}
.large-bulleted-list-v2 .grid-container .grid-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.large-bulleted-list-v2 .grid-container .grid-item ptc-icon-list {
  padding-bottom: 0;
  width: 100%;
}
.large-bulleted-list-v2 .grid-container .grid-item p {
  margin-bottom: 0;
}

.text-copy-footer-cta {
  padding-top: 48px;
}

.u-bg-black {
  background-color: var(--color-black);
}

.u-bg-white {
  background-color: var(--color-white);
}

.u-bg-white-grey {
  background-color: var(--color-white-grey);
}

.u-bg-white-01 {
  background-color: var(--color-white-01);
}

.u-bg-standard-gray {
  background-color: var(--color-standard-gray);
}

.u-bg-green-01 {
  background-color: var(--color-green-01);
}

.u-bg-green-02 {
  background-color: var(--color-green-02);
}

.u-bg-green-03 {
  background-color: var(--color-green-03);
}

.u-bg-green-04 {
  background-color: var(--color-green-04);
}

.u-bg-green-05 {
  background-color: var(--color-green-05);
}

.u-bg-green-06 {
  background-color: var(--color-green-06);
}

.u-bg-green-07 {
  background-color: var(--color-green-07);
}

.u-bg-green-08 {
  background-color: var(--color-green-08);
}

.u-bg-green-09 {
  background-color: var(--color-green-09);
}

.u-bg-green-10 {
  background-color: var(--color-green-10);
}

.u-bg-green-11 {
  background-color: var(--color-green-11);
}

.u-bg-green-12 {
  background-color: var(--color-green-12);
}

.u-bg-green-13 {
  background-color: var(--color-green-13);
}

.u-bg-green-14 {
  background-color: var(--color-green-14);
}

.u-bg-blue-01 {
  background-color: var(--color-blue-01);
}

.u-bg-blue-02 {
  background-color: var(--color-blue-02);
}

.u-bg-blue-03 {
  background-color: var(--color-blue-03);
}

.u-bg-blue-04 {
  background-color: var(--color-blue-04);
}

.u-bg-blue-05 {
  background-color: var(--color-blue-05);
}

.u-bg-blue-06 {
  background-color: var(--color-blue-06);
}

.u-bg-blue-07 {
  background-color: var(--color-blue-07);
}

.u-bg-blue-08 {
  background-color: var(--color-blue-08);
}

.u-bg-blue-09 {
  background-color: var(--color-blue-09);
}

.u-bg-blue-10 {
  background-color: var(--color-blue-10);
}

.u-bg-blue-11 {
  background-color: var(--color-blue-11);
}

.u-bg-blue-12 {
  background-color: var(--color-blue-12);
}

.u-bg-orange-01 {
  background-color: var(--color-orange-01);
}

.u-bg-orange-02 {
  background-color: var(--color-orange-02);
}

.u-bg-orange-03 {
  background-color: var(--color-orange-03);
}

.u-bg-orange-04 {
  background-color: var(--color-orange-04);
}

.u-bg-orange-05 {
  background-color: var(--color-orange-05);
}

.u-bg-orange-06 {
  background-color: var(--color-orange-06);
}

.u-bg-orange-07 {
  background-color: var(--color-orange-07);
}

.u-bg-orange-08 {
  background-color: var(--color-orange-08);
}

.u-bg-orange-09 {
  background-color: var(--color-orange-09);
}

.u-bg-orange-10 {
  background-color: var(--color-orange-10);
}

.u-bg-orange-11 {
  background-color: var(--color-orange-11);
}

.u-bg-orange-12 {
  background-color: var(--color-orange-12);
}

.u-bg-red-01 {
  background-color: var(--color-red-01);
}

.u-bg-red-02 {
  background-color: var(--color-red-02);
}

.u-bg-red-03 {
  background-color: var(--color-red-03);
}

.u-bg-red-04 {
  background-color: var(--color-red-04);
}

.u-bg-red-05 {
  background-color: var(--color-red-05);
}

.u-bg-red-06 {
  background-color: var(--color-red-06);
}

.u-bg-red-07 {
  background-color: var(--color-red-07);
}

.u-bg-red-08 {
  background-color: var(--color-red-08);
}

.u-bg-red-09 {
  background-color: var(--color-red-09);
}

.u-bg-red-10 {
  background-color: var(--color-red-10);
}

.u-bg-red-11 {
  background-color: var(--color-red-11);
}

.u-bg-red-12 {
  background-color: var(--color-red-12);
}

.u-bg-gray-01 {
  background-color: var(--color-gray-01);
}

.u-bg-gray-02 {
  background-color: var(--color-gray-02);
}

.u-bg-gray-03 {
  background-color: var(--color-gray-03);
}

.u-bg-gray-04 {
  background-color: var(--color-gray-04);
}

.u-bg-gray-05 {
  background-color: var(--color-gray-05);
}

.u-bg-gray-06 {
  background-color: var(--color-gray-06);
}

.u-bg-gray-07 {
  background-color: var(--color-gray-07);
}

.u-bg-gray-08 {
  background-color: var(--color-gray-08);
}

.u-bg-gray-09 {
  background-color: var(--color-gray-09);
}

.u-bg-gray-10 {
  background-color: var(--color-gray-10);
}

.u-bg-gray-11 {
  background-color: var(--color-gray-11);
}

.u-bg-gray-12 {
  background-color: var(--color-gray-12);
}

.markdown-section .table-wrapper h1,
.markdown-section .table-wrapper h2,
.markdown-section .table-wrapper h3,
.markdown-section .table-wrapper h4,
.markdown-section .table-wrapper p {
  font-family: var(--ptc-font-latin);
  color: var(--color-gray-10);
  border: none;
}
.markdown-section .table-wrapper h1 {
  font-size: var(--ptc-font-size-xxx-large);
  font-weight: var(--ptc-font-weight-extrabold);
  line-height: var(--ptc-line-height-densest);
  margin-bottom: var(--ptc-element-spacing-03);
}
@media only screen and (min-width: 768px) {
  .markdown-section .table-wrapper h1 {
    font-size: var(--ptc-font-size-xxxx-large);
  }
}
.markdown-section .table-wrapper .h1-special {
  font-size: var(--ptc-font-size-medium);
  font-weight: var(--ptc-font-weight-extrabold);
  line-height: var(--ptc-line-height-densest);
  margin-bottom: var(--ptc-element-spacing-01);
}
.markdown-section .table-wrapper h2 {
  font-size: var(--ptc-font-size-x-large);
  font-weight: var(--ptc-font-weight-extrabold);
  line-height: var(--ptc-line-height-densest);
  margin-bottom: var(--ptc-element-spacing-03);
}
@media only screen and (min-width: 768px) {
  .markdown-section .table-wrapper h2 {
    font-size: var(--ptc-font-size-xx-large);
  }
}
.markdown-section .table-wrapper h3 {
  font-size: var(--ptc-font-size-medium);
  font-weight: var(--ptc-font-weight-bold);
  line-height: var(--ptc-line-height-densest);
  margin-bottom: var(--ptc-element-spacing-01);
}
@media only screen and (min-width: 768px) {
  .markdown-section .table-wrapper h3 {
    font-size: var(--ptc-font-size-large);
  }
}
.markdown-section .table-wrapper h4 {
  font-size: var(--ptc-font-size-small);
  font-weight: var(--ptc-font-weight-bold);
  line-height: var(--ptc-line-height-densest);
  margin-bottom: var(--ptc-element-spacing-01);
}
@media only screen and (min-width: 768px) {
  .markdown-section .table-wrapper h4 {
    font-size: var(--ptc-font-size-medium);
  }
}
.markdown-section .table-wrapper p {
  color: var(--color-gray-10);
  font-size: var(--ptc-font-size-small);
  line-height: var(--ptc-line-height-p);
  font-weight: var(--ptc-font-weight-regular);
  margin-top: 0;
  margin-bottom: var(--ptc-element-spacing-05);
}
.markdown-section .table-wrapper .p-large {
  font-size: var(--ptc-font-size-small);
  line-height: var(--ptc-line-height-p);
  font-weight: var(--ptc-font-weight-regular);
  margin-bottom: var(--ptc-element-spacing-05);
}
.markdown-section .table-wrapper .p-small {
  font-size: var(--ptc-font-size-x-small);
  line-height: var(--ptc-line-height-p);
  font-weight: var(--ptc-font-weight-regular);
  margin-bottom: var(--ptc-element-spacing-05);
}
.markdown-section .table-wrapper .p-x-small {
  font-size: var(--ptc-font-size-xx-small);
  line-height: var(--ptc-line-height-p);
  font-weight: var(--ptc-font-weight-semibold);
  margin-bottom: var(--ptc-element-spacing-05);
}

* {
  box-sizing: border-box;
}

.ptc-background-wrapper {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.ptc-image-container {
  height: 100%;
  width: auto;
  position: relative;
  box-shadow: var(--ptc-shadow-medium);
}